/*@font-face {font-family: 'philosopher';src: url("../fonts/Philosopher-Regular.ttf") format("truetype"); font-style:normal;font-weight:normal;}
@font-face {font-family: 'philosopher-bold';src: url("../fonts/Philosopher-Bold.ttf") format("truetype"); font-style: normal;font-weight: normal;}
@font-face {font-family: 'philosopher-boldit';src: url("../fonts/Philosopher-BoldItalic.ttf") format("truetype"); font-style: normal;font-weight: normal;}
@font-face {font-family: 'philosopher-italic';src: url("../fonts/Philosopher-Italic.ttf") format("truetype"); font-style: normal;font-weight: normal;}
*/
@import url(https://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic);
/*@font-face {font-family: 'philosopher'; font-style: normal;font-weight: 700;}*/

html,body{background-color:#1C133D;font-size:16px;font-family:'philosopher','sans-serif';color:#FFF;}
/*header{background-color:#061B2B;}*/
header{background-color:#1C133D;}
header .navbar-default{background-color:#1C133D;border:0;color:#FFF;padding:1rem 0;}
header .navbar-default .navbar-right{padding:1.5rem 0;}
header .navbar-default .navbar-right a{padding:0 2rem;color:#FFF;font-size:100%;vertical-align: middle;}
header .navbar-default .navbar-right a .fa-sign-in{margin-left:1rem;vertical-align: middle;}
header .navbar-default .navbar-right a .fa-sign-out{margin-left:1.5rem;vertical-align: middle;}
header .navbar-default .navbar-right a .fa-bars{vertical-align: middle;}
header .navbar-default .navbar-right a:hover{color:#FFF;text-decoration: underline;}
header .navbar-default .navbar-right .lang a{margin-top:0.4rem;}
header .navbar-default .navbar-right .signup a{border:1px solid #FFF;border-top:0;border-bottom:0;margin-top:0.4rem;}
header .navbar-default .navbar-right .bars a,header .navbar-default .navbar-right .bars,header .navbar-default .navbar-right .bars a:hover,header .navbar-default .navbar-right .bars a,header .navbar-default .navbar-right .bars a:focus{background:none;color:#FFF;}
header .navbar-default .popover.bottom {margin-top:40px;min-width:23rem;border-radius:0;}
header .navbar-default .popover.bottom ul{margin:0;padding:0;list-style: none;}
header .navbar-default .popover.bottom ul li{font-family:'philosopher';border-bottom:1px solid #EEE;color:#1C133D;padding:1rem 0;margin:0;text-decoration: none;}
header .navbar-default .popover.bottom ul li.end{border-bottom:none;}
header .navbar-default .popover.bottom ul li:hover{color:#1C133D;border-bottom:2px solid #CCC;text-decoration: none;}
header .navbar-default .popover.bottom ul li.active{color:#1C133D;border-bottom:2px solid #1C133D;text-decoration: none;}
header .navbar-default .popover.bottom ul li a{color:#1C133D;font-size:130%;padding:1rem 5rem;}
header .navbar-default .popover.bottom ul li a:hover{color:#1C133D;font-weight:700;text-decoration: none;}
header .navbar-default #menu-toggle + .popover.bottom {left:-15rem !important;}
header .navbar-default #menu-toggle + .popover.bottom .arrow{left:17.8rem !important;}
main{background-color:#EEE;margin-top:7rem;}
footer{margin:2rem 0;}
footer .text{padding-left:0;}
footer .text .contact{font-size:100%;}
footer .text .contact span{margin-left:2rem;}
footer .text .copyright{font-size:75%;line-height: 0.5rem;}
footer .text .allright{font-size:75%;line-height: 0.5rem;}
footer .sitemap a{color:#FFF;}
footer .sosmed{padding-right:0;}
footer .sosmed .nav-pills li a:hover{background: none;}

header #notif-icon i {
	color: #fff !important;
	font-size: 1.5rem;
	margin-top: 0.1rem;
}

header #notif-icon a {
	border-right: 1px solid #fff;
}

header #notif-icon-mobile i {
    position: absolute;
    right: 4rem;
    top: 0.9rem;
    color: #fff;
    font-size: 1.2rem;
}

header #notif-toggle + div.popover.fade.bottom {
	margin-top: 45px;
}

/*header #notif-toggle-mobile + div.popover.fade.bottom {
	left: 10rem !important;
}*/

/*header #notif-toggle-mobile + div.popover.fade.bottom .arrow {
	left: 83.5% !important;
}*/

header #notif-toggle + div.popover.fade.bottom .popover-content {
	padding: 0;
	max-height: 500px;
	overflow: auto;
}

header #notif-toggle-mobile + div.popover.fade.bottom .popover-content {
	padding: 0;
	max-height: 100px;
	overflow: auto;
}

header #notif-icon #counter-badge {
	position: absolute;
	top: -10px;
	right: 10px;
	font-size: 0.8rem;
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 1px 7px;
}

header #counter-badge-mobile {
	position: absolute;
	top: 5px;
	right: 50px;
	font-size: 0.5rem;
	color: #000;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 1px 5px;
}

header #notification-content ul {
	width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

header #notification-content ul li {
	padding: 0;
}

header #notification-content .notif-list {
	border-bottom: none;
    list-style: none;
    position: relative;
    font-size: 0.9rem;
    float: left;
    width: 100%;
    padding: 0.5rem 0.8rem;
}

header #notification-content .notif-list:hover {
    background-color: #eee;
    cursor: pointer;
}

header #notification-content .notif-list .notif-message-wrap {
	width: 80%;
}

header #notification-content .notif-list .notif-message a {
    padding: 0;
    border: none;
}

header #notification-content .notif-list .notif-datetime {
    font-size: 0.8rem;
}

header #notification-content ul li.notif-list.mark-all {
	text-align: right;
	padding: 0 0.8rem;
	margin-top: 5px;
}

header #notification-content ul li.notif-list.mark-all h4 {
	font-weight: 700;
	/*margin-top: 5px;*/
}

header #notification-content ul li.notif-list.notif-all {
	border: none;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 700;
}

header #notification-content ul li.notif-list.notif-all a {
	border: none;
	padding: 0;
}

header #notification-content ul li.notif-list.mark-all:hover, header #notification-content ul li.notif-list.notif-all:hover {
	background-color: #fff;
	cursor: inherit;
}

header #notification-content ul li .checkbox input[type=checkbox] {
    opacity: 1;
    z-index: 1;
    position: absolute;
    right: 1px;
    top: -2px;
}

header #notification-content ul li .checkbox label {
	display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 20px;
}

@media screen and (max-height: 590px){
	header #notif-toggle + div.popover.fade.bottom .popover-content {
		max-height: 380px;
	}

	header #notif-toggle-mobile + div.popover.fade.bottom .popover-content {
		max-height: 420px;
	}
}

@media screen and (max-height: 481px){
	header #notif-toggle + div.popover.fade.bottom .popover-content {
		max-height: 280px;
	}

	header #notif-toggle-mobile + div.popover.fade.bottom .popover-content {
		max-height: 380px;
	}
}

@media screen and (max-height: 390px){
	header #notif-toggle + div.popover.fade.bottom .popover-content, header #notif-toggle-mobile + div.popover.fade.bottom .popover-content {
		max-height: 290px;
	}
}

@media screen and (max-height: 360px){
	header #notif-toggle + div.popover.fade.bottom .popover-content, header #notif-toggle-mobile + div.popover.fade.bottom .popover-content {
		max-height: 260px;
	}
}

@media screen and (max-height: 320px){
	header #notif-toggle + div.popover.fade.bottom .popover-content, header #notif-toggle-mobile + div.popover.fade.bottom .popover-content {
		max-height: 220px;
	}
}
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.panel-container-home{
	width: auto;
	height: 600px;

	background-color: #F0F0F0 ; 

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(81%, rgba(255,255,255,1)), color-stop(92%, rgba(245,245,245,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

	
}	
.body{	
	height: 620px;
	background-color: #F8F8F8 ; 
	margin: auto;
    width: 80%;
    padding: 0px;

}
.body-footer-top{	
	height: 150px;
	background-color: red ; 
	margin: auto;
    width: 80%;
    padding: 0px;

}

.body-con-footer{
height: 200px;
padding: 10px
}
.body-footer{	
	height: 500px;
	background-color: #F0F0F0 ; 
	margin: auto;
    width: 80%;
    padding: 0px;

}
.footer-slider{	

	overflow: hidden;
	background-color: #F0F0F0 ; 
	width: 80%;
	margin: auto;
    margin-top: 20px;

}
.panel-body-con1{	
	height: 550px;

	background-color: #f8f8f8; 
	margin: auto;
    width: 98%;
    overflow: hidden;
    margin-bottom: 20px

}
.panel-body-con2{	
	height: 510px; 
	margin: auto;
    width: 80%;

}
.rows{
	float: left;
	margin: auto;
    width: 100%;
}

.panel {
	color: #fff;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out; /* Firefox 4 */
    -webkit-transition: all .5s ease-in-out; /* Safari and Chrome */
    -o-transition: all .5s ease-in-out; /* Opera */
    -ms-transition: all .5s ease-in-out; /* IE9 (maybe) */ 
    text-decoration: none;	
  
}
 a{text-decoration: none;}

.panel:hover {
	transform: scale(1.20);/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdfe1+13,eceeee+47,fafafa+100,fafafa+101 */
background: #dbdfe1; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdfe1 13%, #eceeee 47%, #fafafa 100%, #fafafa 101%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dbdfe1 13%,#eceeee 47%,#fafafa 100%,#fafafa 101%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dbdfe1 13%,#eceeee 47%,#fafafa 100%,#fafafa 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdfe1', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
color: #000033;
text-decoration: none;
}


.panel-box2{
	float: left;
	width: 270px;
	height: 150px;
	background-color: #000033;

}
.text-right{
	float: left;
	width: auto;
	height: auto;
}
.signup-logo{
	width: 80%;
	height: 200px;
	margin: auto;
	padding-top:20px; 

}
.con-right{
	float: right;
	width: 50%;
	height: auto;
}
.con-right2{
	float: left;
	width: auto;
	height: auto;
}
.con-left{
	float: left;
	width: 50%;
	height: auto;
	margin-top: 20px;
}
.con-text{
	float: left;
	width: auto;
	height: auto;
	margin-top: 10%;
}
.panel-search{
	height: 60px;
}
.panel-maps{
	float: left;
	width: 100%;
	height: 450px;
	margin-top: -20px;
	background-color: #F8F8F8; 

}
.box-banner{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #fff ;
	overflow: hidden; 	

}
.panel-body{	
	-webkit-box-shadow: inset 0px -74px 78px -15px rgba(255,255,255,1);
-moz-box-shadow: inset 0px -74px 78px -15px rgba(255,255,255,1);
box-shadow: inset 0px -74px 78px -15px rgba(255,255,255,1); 
	margin: auto;
    width: 80%;
    padding: 0px;
    -webkit-box-shadow: 0px -187px 32px -15px rgba(0,0,0,1);
    -moz-box-shadow: 0px -187px 32px -15px rgba(0,0,0,1);
    box-shadow: 0px -187px 32px -15px rgba(0,0,0,1);

}
.panel-group2{
	float: left;
	width: 100%;
	/*margin-top: -20px;*/
	background-color: #F0F0F0 ;
	overflow: hidden; 
}

.button_signup{
border:0px solid #FFFFFF; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px; padding: 20px 20px 20px 20px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(255,252,250,0.3);font-weight:bold; color: #29244D;

 background-color: #AEC1C2; background-image: -webkit-gradient(linear, left top, left bottom, from(#AEC1C2), to(#F7F9FF));
 background-image: -webkit-linear-gradient(top, #AEC1C2, #F7F9FF);
 background-image: -moz-linear-gradient(top, #AEC1C2, #F7F9FF);
 background-image: -ms-linear-gradient(top, #AEC1C2, #F7F9FF);
 background-image: -o-linear-gradient(top, #AEC1C2, #F7F9FF);
 background-image: linear-gradient(to bottom, #AEC1C2, #F7F9FF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#AEC1C2, endColorstr=#F7F9FF);
}

.button_signup:hover{
 border:0px solid #FFFFFF;
 background-color: #A0B6B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#A0B6B8), to(#F7F9FF));
 background-image: -webkit-linear-gradient(top, #A0B6B8, #F7F9FF);
 background-image: -moz-linear-gradient(top, #A0B6B8, #F7F9FF);
 background-image: -ms-linear-gradient(top, #A0B6B8, #F7F9FF);
 background-image: -o-linear-gradient(top, #A0B6B8, #F7F9FF);
 background-image: linear-gradient(to bottom, #A0B6B8, #F7F9FF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A0B6B8, endColorstr=#F7F9FF);
}
.button_grad{

	min-width:120px;
border:0px solid #FFFFFF; -webkit-border-radius: 0px; -moz-border-radius: 2px;border-radius: 0px; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(255,252,250,0.3);font-weight:bold; color: #29244D;
 background-color: #95A5A6; background-image: -webkit-gradient(linear, left top, left bottom, from(#95A5A6), to(#F7F9FF));
 background-image: -webkit-linear-gradient(top, #95A5A6, #F7F9FF);
 background-image: -moz-linear-gradient(top, #95A5A6, #F7F9FF);
 background-image: -ms-linear-gradient(top, #95A5A6, #F7F9FF);
 background-image: -o-linear-gradient(top, #95A5A6, #F7F9FF);
 background-image: linear-gradient(to bottom, #95A5A6, #F7F9FF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#95A5A6, endColorstr=#F7F9FF);
}


.button_grad:hover{
 border:0px solid #FFFFFF;
 background-color: #899C9E; background-image: -webkit-gradient(linear, left top, left bottom, from(#899C9E), to(#F7F9FF));
 background-image: -webkit-linear-gradient(top, #899C9E, #F7F9FF);
 background-image: -moz-linear-gradient(top, #899C9E, #F7F9FF);
 background-image: -ms-linear-gradient(top, #899C9E, #F7F9FF);
 background-image: -o-linear-gradient(top, #899C9E, #F7F9FF);
 background-image: linear-gradient(to bottom, #899C9E, #F7F9FF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#899C9E, endColorstr=#F7F9FF);
}

/*owl-home-banner*/
#owl-home-banner .item img{
    display: block;
    width: 100%;
    height: auto;
}
div#owl-home-banner .owl-controls .owl-prev,
div#owl-home-banner .owl-controls .owl-next {
    position: absolute;
    bottom: 50%;
    background: none;
}
div#owl-home-banner .owl-controls .owl-prev {
    left: 0;
}
div#owl-home-banner .owl-controls .owl-next {
    right: 0;
}
div#owl-home-banner .owl-pagination {
    position: absolute;
    top: 90%;
    width: 100%;
}
div#owl-home-banner .owl-pagination span {
    background: #fff;
    opacity: 1;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
}
div#owl-home-banner .owl-pagination .active span {
    background: #1C133D;
}
.details-content table.standar tr:first-child {
    background: #fff;
}
.details-content table.standar td{
    padding:20px;
    border: 1px solid #ccc;
}
#wrapper-page {
    width: 100%;
    position: relative;
    display: block;
}
#wrapper-page h3 {
    font-size: 30px;
    color: #1C133D;
    line-height: normal;
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    margin:0;
    padding:0;
}
#sliders {
    width: 100%;
    position: relative;
    display: block;
    min-height: 450px;
}
#sliders .carousel-inner .item, #owl-home-banner .owl-item .item{
    min-height: 550px;
    /*background-size: cover;*/
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #1C133D;
}

#banner-media, .box-search-network {
    width: 100%;
    position: relative;
    display: block;
    float: left;

}
#banner-media {
    min-height: 475px;
    float: none;
}
#banner-media .item {
    min-height: 550px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #1C133D;
}
.com-shadow {
    padding-top:50px;
    margin-bottom: 40px;
    /*background: #fff; /!* Old browsers *!/*/
    /*background: -moz-linear-gradient(-45deg,  #fff 0%, #EEE 100%); /!* FF3.6-15 *!/*/
    /*background: -webkit-linear-gradient(-45deg,  #fff 0%,#EEE 100%); /!* Chrome10-25,Safari5.1-6 *!/*/
    /*background: linear-gradient(135deg,  #fff 0%,#EEE 100%); /!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!/*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=1 ); /!* IE6-9 fallback on horizontal gradient *!/*/
    box-shadow: 0 50px 0px 0px #EEE, 0 0px 0px 0px #EEE, 10px 0 20px -4px rgba(0, 0, 0, 0.1), -10px 0 20px -4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 50px 0px 0px #EEE, 0 0px 0px 0px #EEE, 10px 0 20px -4px rgba(0, 0, 0, 0.1), -10px 0 20px -4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 50px 0px 0px #EEE, 0 0px 0px 0px #EEE, 10px 0 20px -4px rgba(0, 0, 0, 0.1), -10px 0 20px -4px rgba(0, 0, 0, 0.1);
}
.carousel-control {
    top:50%;
}
.box-search-network {
    margin-top: 30px;
}
.box-search-network input {
    width: 100%;
    height: 70px;
    line-height: 70px;
    border: 1px solid #c2c2c2;
    padding: 0 0 0 20px;
    font-size:18px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.box-search-network input:focus {
    outline: none;
}
.box-search-network i {
    position: absolute;
    top:15px;
    right: 20px;
    font-size: 36px;
    color:#000000;
}
.ui-helper-hidden-accessible {
    display: none;
}
.ui-autocomplete li {
    line-height: 30px;
    font-size: 16px;
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    padding: 5px 20px;
    color: #000;
    cursor: pointer;
}
.ui-autocomplete li:hover {
    background: #f1f1f1;
}
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 400px;
    width: auto !important;
    _width: 400px;
    padding: 10px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    max-height: 480px;
    overflow: scroll;
}
.ui-autocomplete:before {
    position: absolute;
    top: -15px;
    left: 30px;
    display: inline-block;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ccc;
    border-left: 15px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.ui-autocomplete:after {
    position: absolute;
    top: -14px;
    left: 31px;
    display: inline-block;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #ffffff;
    border-left: 14px solid transparent;
    content: '';
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}
#gmap {
    min-height: 480px;
}
.box-map-info {
    display: block;
    width: 100%;
    float: left;
}
.box-map-info img {
    display: block;
    margin: 10px 0;
}
#wrapper-page .box-map-info h3 {
    font-family: 'Philosopher', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #090c36;
    margin: 5px 0 10px;
}
.box-map-info p {
    font-size:14px;
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    color: #090c36;
    width: 190px;
    margin-bottom: 15px;
}
.box-map-info .action, .box-map-info .detail {
    width:100%;
    display:block;
    float: left;
}
.box-map-info .action a, .box-map-info .detail a {
    float:left;
    width:100%;
    display: block;
    font-size:14px;
    color:#1C133D;
    font-family: 'Philosopher', sans-serif;
    font-weight: 700;
    padding:7px 17px;
    margin-right: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8eded+0,a4b4b8+100 */
    background: #e8eded; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #e8eded 0%, #a4b4b8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #e8eded 0%,#a4b4b8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #e8eded 0%,#a4b4b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eded', endColorstr='#a4b4b8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-decoration:none;
    text-align: center;
}
.box-map-info .action a:last-child {margin-right: 0}
.box-map-info .action a i, .box-map-info .call-map i {
    margin-left: 15px;
    font-size:16px;
}
.box-map-info .detail {
    margin-top: 5px;
    width:100%;
}
.box-map-info .detail a {
    padding: 7px 0;
    width: 100%;
    text-align: center;
}
.box-map-info .call-map {
    font-family: 'Philosopher', sans-serif;
    font-weight: 700;
    padding:7px 17px;
    color: #1C133D;
    background: #e8eded; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #e8eded 0%, #a4b4b8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #e8eded 0%,#a4b4b8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #e8eded 0%,#a4b4b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eded', endColorstr='#a4b4b8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    float: left;
    display: block;
    margin-top: 5px;
    text-align: center;
}
.box-wall-home {padding-top: 0}
.box-wall-nav {
    width: 100%;
    min-height: 210px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: url("../images/bg.wall.nav.png") no-repeat;
    color: #fff;
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    font-size: 18px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.box-wall-nav .txt-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
}
.box-wall-nav .txt-nav img {
    margin-bottom: 10px;
}
.box-wall-nav:hover .txt-nav, .box-wall-nav.active .txt-nav {
    /*top:20%;*/
}
.box-wall-nav:hover, .box-wall-nav.active {
    text-decoration: none;
    color: #1C133D;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b4b8+0,e8eded+100 */
    background: #a4b4b8; /* Old browsers */
    background: -moz-linear-gradient(top,  #a4b4b8 0%, #e8eded 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #a4b4b8 0%,#e8eded 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #a4b4b8 0%,#e8eded 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b4b8', endColorstr='#e8eded',GradientType=0 ); /* IE6-9 */
    /*margin-top: -50px;*/
    /*min-height: 260px;*/
    z-index: 9999;
}
.box-wall-nav .txt-nav .icon {
    margin:0px auto;
    margin-bottom: 10px;
}
.box-wall-nav .txt-nav.site-about .icon {
    width:43px;
    height: 53px;
    background: url("../images/icon.about.png") no-repeat;
}
.box-wall-nav:hover .txt-nav.site-about .icon {
    background: url("../images/icon.about.hover.png") no-repeat;
}
.box-wall-nav .txt-nav.site-networks .icon {
    width:27px;
    height: 45px;
    background: url("../images/icon.map.png") no-repeat;
}
.box-wall-nav:hover .txt-nav.site-networks .icon {
    background: url("../images/icon.map.hover.png") no-repeat;
}
.box-wall-nav .txt-nav.site-contact .icon {
    width:47px;
    height: 46px;
    background: url("../images/icon.hubungi.png") no-repeat;
}
.box-wall-nav:hover .txt-nav.site-contact .icon {
    background: url("../images/icon.hubungi.hover.png") no-repeat;
}
.box-wall-nav:hover {text-decoration: none}
.txt-short-about {
    font-size:24px;
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    color: #393939;
    margin: 23% 0;
    width: 100%;
    padding: 0 30px;
}
.txt-short-about b {font-weight: 700;}
.btn-more, .btn-more-large {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b4b8+0,e8eded+100 */
    background: #a4b4b8; /* Old browsers */
    background: -moz-linear-gradient(top,  #a4b4b8 0%, #e8eded 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #a4b4b8 0%,#e8eded 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #a4b4b8 0%,#e8eded 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b4b8', endColorstr='#e8eded',GradientType=0 ); /* IE6-9 */
    padding: 10px 20px;
    color: #1C133D;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn-more:hover, .btn-more-large:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b4b8+0,e8eded+100 */
    background: #1C133D; /* Old browsers */
    text-decoration: none;
    color: #fff;
}
.top-buffer { margin-top:35px; }
.top-buffer-2x { margin-top:70px; }
.btn-more-large {
    text-transform: uppercase;
    font-weight: 700;
    font-size:30px;
    display: inline-block;
    margin-left: 50px;
    padding:15px 80px;
}
#sliders .carousel-indicators {bottom: 50px}
.box-bg-bottom {height: 300px}
.button-pos {margin: 0px auto;margin-left:33%;margin-top:30%}
.box-bottom-contact p {padding-top:40px;color: #fff }
#news-slide {margin: 50px 0 70px}
#news-slide .item .desc {
    background: #1C133D;
    width: 100%;
    padding: 20px 20px 30px;
    display: none;
}
#news-slide .item .desc h4 {
    font-size:20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.5rem;
}
#news-slide .item .desc span {
    font-size:14px;
    font-weight: 400;
    color: #8c8c8b;
}
#news-slide .slick-center .box-news {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
#news-slide .slick-center .box-news .desc {display: block}
#news-slide .box-news {
    transition: all 300ms ease;
    vertical-align: top;
}
#news-slide .slick-center .box-news img {
    margin-top: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);

}
#news-slide .box-news img {
    margin-top: 60px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
/* the slides */
#news-slide .slick-slide {
    margin: 0 7px;
}
/* the parent */
#news-slide .slick-list {
    margin: 0 -13px;
}
#news-slide .slick-next {right: 20px; z-index: 9999}
#news-slide .slick-prev {left: 10px; z-index: 9999}
#news-slide .slick-prev:before, .slick-next:before {font-size:40px !important;color: white !important;}
#news-slide .slick-center .box-news a:hover {text-decoration: none}
#news-slide .slick-prev, #news-slide .slick-next {width: 40px; height: 40px}
.bottom-buffer {margin-bottom: 20px;}
.list-nav-main-mobile {display: none}
ul.map-marker {
    margin:20px 0;
    padding:0;
    list-style: none;
}
ul.map-marker li {
    float:left;
    list-style: none;
    margin-right: 30px;
}
ul.map-marker li:before {
    content:"\25A0";
    font-size:50px;
    vertical-align:middle;
    line-height:18px;
    float: left;
    margin-right: 7px;
}
ul.map-marker li:first-child {
    color: #f29320;
}
ul.map-marker li:last-child {
    color:#1C133D;
}
ul.map-marker li p {
    color:#393939;
    font-size: 14px;
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    float: left;
}
.ket-invest {
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    font-style:italic;
    font-size:1rem;
    line-height: 1.5rem !important;
    color: #1C133D;
    clear: both;
}
#infobox {
    width: 250px;
    min-height: 330px;
    padding: 0px 15px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255,255,255,0.9);
    box-shadow: 6px 10px 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 6px 10px 0px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 6px 10px 0px 0px rgba(0,0,0,0.1);
    z-index: 999;
}
.infoBox {
    background: url("../images/arrow-map.png") no-repeat 4px 165px;
    padding-left: 15px;
}
#empty-msg {
    font-size: 1rem;
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    color: #1C133D;
    position: absolute;
    left: 0;
    top:-30px;
}

.box-image-captcha img {
    max-width: 100px;
}
.btn-submit-contact {
    padding-bottom: 10px;
    margin-left:60%;
}
header .navbar-default .navbar-right li.lang:first-child a {margin-top: 0}
header .navbar-default .navbar-right a i {
    font-size: 1.85rem;
    color: #f39200;
}
.container.pg-home {
    padding: 0 0 2em;
}
.container-questioner {
    padding: 50px 0;
}
.container-questioner h3 {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size:24px;
    color: #3c3c3c;
    text-transform: uppercase;
}
.wrap-questioner {
    width:80%;
    margin: 0px auto;
    position: relative;
}
.list-quetions {
    width:100%;
    display:block;
    background: #e6e6e6;
    text-align: left;
    padding: 50px 70px;
    height: 330px;
}
.list-quetions h4 {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size:22px;
    color: #3c3c3c;
    margin: 0 0 20px 0;
}
.list-quetions .block-options {
    margin:0px auto;
    min-width: 50%;
}
.list-quetions .block-options label {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size:18px;
    color: #5a5a5a;
}
#owl-home-banner .owl-pagination {
    text-align: center !important;
}
.owl-pagination {
    text-align: left;
}
.simulasi-investasi-disclaimer p {
    /*position: absolute;*/
    right: 0;
    bottom: -10px;
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size:12px !important;
    color: #7a7a7a;
}
.product-privilege-container a img {
    max-height: 250px;
}
.gap-top {
    margin-top: 25px;
}
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top:40%;
    float:left;
    background: none !important;
    color: #999999 !important;
    padding: 0 !important;
    border-radius: 0px !important;
}
.owl-buttons div i {
    font-size: 36px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -50px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -50px;
}
.container-questioner .button-login {
    min-width: 15%;
    float: none;
    margin: 0px auto;
    width: 15%;
    padding: 7px 14px;
    margin-top: 30px;
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size: 18px;
}
.wrap-quesioner-result {
    width: 90%;
    margin: 0px auto;
    margin-top: 30px;
}
.wrap-quesioner-result h2 {
    background: #1C133D;
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 30px 0;
    margin: 0 0 30px;
}
.box-stat-quesioner {
    border-left:1px solid #999;
    padding-left: 20px;
}
.box-stat-quesioner h1 {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size: 92px;
    color: #5f5f5f;
    margin:0 0 20px;
}
.box-stat-quesioner h3 {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size:24px;
    color: #1C133D;
    margin-top: 10px !important;
    text-transform: uppercase;
}
.box-stat-quesioner .score {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size:18px;
    color:#1C133D;
    line-height: normal;
    margin: 0;
}
.box-stat-quesioner p {
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size:20px;
    color:#5f5f5f;
    line-height: 30px !important;
}
.ket-quesioner-result p {
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size:16px;
    color: #1C133D;
}
.ket-quesioner-result a {
    padding: 7px 25px;
    background:#d5d5d5;
    color: #1C133D;
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    font-size:16px;
    display:block;
    width: 220px;
    text-align: center;
    margin: 0px auto;
}
.ket-quesioner-result a:hover {text-decoration: none}
.accordion dl,
.accordion-list {
}
.accordion dl:after,
.accordion-list:after {
    content: "";
    display: block;
}

.accordion dd,
.accordion__panel {
    /*background-color: rgba(247, 249, 255, 0.45);*/
    font-size: 1em;
    line-height: 1.5em;
}

.accordion p {
    padding: 1em 0 1em;
}

.accordion {
    position: relative;
    background-color: rgba(0,0,0,0);
    float:left;
    display: block;
    width: 100%;
    /*margin-bottom: 30px;*/
}

.accordionTitle,
.accordion__Heading {
    background-color: #fff;
    text-align: left;
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 0.7em 1em;
    display: block;
    text-decoration: none;
    color: #5f5f5f;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    border-bottom: 1px solid #f1f1f1;
    border-left: 5px solid #f39200;
}
.accordionTitle:before,
.accordion__Heading:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 1em;
    line-height: 1.5em;
    float: right;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.accordionTitle:hover,
.accordion__Heading:hover {
    background-color: #f1f1f1;
    text-decoration: none;
    color: #5f5f5f;
}

.accordionTitle:focus {
    text-decoration: none;
    color: #5f5f5f;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
    background-color: #ffffff;
    text-decoration: none;
    color: #5f5f5f;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
    content: "\e113";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*-webkit-transform: rotate(-225deg);*/
    /*transform: rotate(-225deg);*/
}

.accordionItem {
    height: auto;
    overflow: hidden;
    /*max-height: 150em;*/
    /*-webkit-transition: max-height 1s;*/
    /*transition: max-height 1s;*/
}

.box-accordion-list, .box-accordion-static {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    /*margin-bottom: 50px;*/
}

.box-accordion-list ul {
    margin:0;
    padding:0;
    list-style: none;
}
.box-accordion-list ul li {
    float:left;
    display: block;
    width: 100%;
    border-bottom: 2px dashed #acacac;
}

.box-accordion-list.no-border-bottom ul li {
    border-bottom: none !important;
}

.box-accordion-list ul li .head-images {
    width: 100%;
    display: block;
    float:left;
    margin: 50px 0;
    text-align: center;
}
.box-accordion-list ul li .head-images p {
    color: #5f5f5f;
    font-size:24px;
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
}

.box-accordion-list ul li .list-logos {
    margin:0;
    padding:0;
    list-style: none;
}
.box-accordion-list ul li .list-logos li {
    float: left;
    text-align: center;
    display: inline-block;
    margin:50px 5% 0 0;
    width: 30%;
    border-bottom: none !important;
    height:90px;
}
.box-accordion-list ul li .list-logos li:nth-child(3n+3) {
    margin: 50px 0 0;
}
.box-accordion-list ul li .list-logos li:last-child {
    margin: 50px 0;
}

.box-accordion-list ul li .list-logos li .box-images {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #b6b6b6;
}
.box-accordion-list ul li .list-logos li .box-images.box-images-no-border {
    border-bottom: none !important;
}

.box-accordion-list ul li .list-logos li a:hover {text-decoration: none}
.box-accordion-list ul li .list-logos li p {
    margin:0;
    color: #5f5f5f;
    padding: 0.5em 0 0;
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    font-size: 16px;
}
.box-accordion-static dt {
    margin-top: 55px;
}
.box-accordion-static dt img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    max-width: 100%;
}
.box-accordion-static .line {
    height:30px;
    border-bottom: 2px dashed #acacac;
}

@media screen and (min-width: 48em) {
    .accordionItem {
        /*max-height: 15em;*/
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
    }
}

.accordionItem.is-collapsed {
    max-height: 0;
}

.no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.animateIn {
    -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
    -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}
@keyframes accordionOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9) rotateX(-60deg);
        transform: scale(0.9) rotateX(-60deg);
    }
}
.accordion dd.is-expanded {
    padding-top: 1em;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
.panel-simulasi{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+42,ffffff+42,ffffff+88,eaeaea+97,ededed+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 42%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 88%, rgba(234,234,234,1) 97%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 42%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 88%,rgba(234,234,234,1) 97%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 42%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 88%,rgba(234,234,234,1) 97%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
box-shadow: 0 -160px 71px #ccc;
}
.panel-simulasi .content-wrapper{
	background: none;
}
.form-simulasi{
	width: 90%;
	/*height: 300px;*/
	margin: auto;
}

.font-form-simulasi{
	font-size: 16px;
	font-style: italic;
    margin-top: 6%;
    color: #8a8a8a;
}

.form-group-lg input.formsimulasi{
    height:50px;
    margin:auto;
    border-radius: 0px;
    font-style:normal;
    font-size: 12px;
    margin-left:-3%;
    width: 106%;
 }

.form-group-lg input.formsimulasi-matching{
    margin-left:0px;
    width: 100%;
 }

 #simulasi #notes {
     color: red;
 }

 label.jml.margin-top{
    margin-top: 2%;
 }
 label.margin-top{
    margin-top: 4%;
 }
 .borderform{
 	margin-top: 2%;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;padding: 18px 0px 18px 0px;font-style: normal;
 }
 .annual-value{
 	bacgkround-color: #dadada;width: 60px;height: 55px;
 }
 .layer-hasil{
 	width: 67%;height: 80px;float:right;margin-top: 25px;margin-bottom:60px;
 }
 .box-investasi{
 	background-color: #d2d2d2;min-width: 60%;height: 95px;float: left;padding-right: 10px;
 }
 h4.hasil{
 	padding-left: 20px;color: #333;font-size: 18px;
 }
 span.rupiah{
 	padding-left: 20px;font-size: 227%;color: #333;font-style: normal;
 }
 label.digit{
 	font-size: 30px;
    padding-left: 15px;
    padding-top: 8px;
    color: #333;
    font-style: normal;
 }
 span.percent{
 	font-size: 20px;float: right;color: #333
 }
.simulasi-investasi-disclaimer {
    clear: both;
    position: relative;
    top: 30px;
}
.offer-details-wrapper .simulasi-investasi-disclaimer h3 {
    margin: 0;
    color: #ec0000;
    font-size: 1rem;
}
.simulasi-investasi-disclaimer ul {
    padding: 0;
}
.general-content-wrapper .simulasi-investasi-disclaimer ul > li {
    list-style: none;
    line-height: 1.5;
    font-size: 0.9rem;
}
div.container.panel-simulasi {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*responsive*/
@media screen and (max-width: 768px) {
    .heading-simulasi .offer-details-wrapper h2.details-title {
        position: relative;
        background-color: #999;
        color: #eee;
        text-align: center;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 1.3rem;
        padding-bottom: 1.3rem;
        margin: 0;
    }

    .heading-simulasi .offer-details-wrapper h2.details-title > a.back-button {
        position: absolute;
        left: 0;
        top: 0;
        color: #1C133D;
        background-color: #a9a9a9;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 1.3rem;
        padding-bottom: 1.3rem;
        width: 90px
    }
    .form-simulasi{
    	width: 85%;
    	/*height: 250px;*/
    	margin: auto;
    }
    .font-form-simulasi{
    	font-size: 12px;
    	font-style: italic;
        margin-top: 5%;
        color: #8a8a8a;
    }
    .form-group-lg input.formsimulasi{
        height:40px;
        margin:auto;
        border-radius: 0px;
        font-style:italic;
        font-size: 12px;
        margin-left:-3%;
        width: 106%;
     }
     .annual-value{
     	background-color: #dadada;width: 50px;height: 45px;
     }
     label.digit{
     	font-size: 22px;
        padding-left: 13px;
        padding-top: 7px;
        color: #333;
        font-style: normal;
     }
     label.jml.margin-top{
        margin-top: 1%;
     }
     label.margin-top{
        margin-top: 5%;
     }
    .layer-hasil{
     	width: 67%;height: 80px;float:right;margin-top: 12px;margin-bottom:30px;
     }
     h4.hasil{
     	padding-left: 16px;color: #333;font-size: 14px;
     }
     span.rupiah{
     	padding-left: 16px;font-size: 210%;color: #333;font-style: normal;
     }
     span.percent {
        font-size: 16px;
        float: right;
        color: #333;
    }
     .box-investasi{
     	background-color: #d2d2d2;width: 47%;height: 70px;float:left;
     }

}



@media screen and (max-width: 767px) {
	.layer-hasil{
     	width: 67%;height: 80px;float:left;margin-top: 12px;margin-bottom:30px;
     }
    .box-investasi{
     	background-color: #d2d2d2;width: 60%;height: 79px;float:left;
     }
}

@media screen and (max-width: 993px) {
    span.rupiah{
     	padding-left: 20px;font-size: 170%;color: #333;font-style: normal;
     }
}
@media screen and (max-width:730px) {
    span.rupiah{
     	padding-left: 16px;font-size: 170%;color: #333;font-style: normal;
     }	
}
@media screen and (max-width: 600px) {
    form#simulasi label.form-control-label {
        padding: 0;
    }
    form#simulasi input.formsimulasi {
        margin-left: 0%;
        width: 100%;
    }
    form#simulasi .jumlah_investasi-div {
        padding: 0;
    }
    form#simulasi .radio-inline + .radio-inline {
        margin-left: 0;
    }
    form#simulasi .radio-inline {
        width: 49%;
        min-width: 130px;
    }
    form#simulasi  .box-investasi {
        width: 100%;
    }
}
@media screen and (max-width: 572px) {
    span.rupiah{
     	padding-left: 16px;font-size: 145%;color: #333;font-style: normal;
     }	
     .layer-hasil{
     	width:100%;height: 80px;float:left;margin-top: 12px;margin-bottom:30px;
     }
     .heading-simulasi .offer-details-wrapper h2.details-title {
        position: relative;
        background-color: #999;
        color: #eee;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        margin: 0;
    }
    .heading-simulasi .offer-details-wrapper h2.details-title > a.back-button {
        position: absolute;
        left: 0;
        top: 0;
        color: #1C133D;
        background-color: #a9a9a9;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        width: 60px
    }

}
@media screen and (max-width: 437px) {
    span.rupiah{
     	padding-left: 16px;font-size: 135%;color: #333;font-style: normal;
     }	
}
@media screen and (max-width: 425px) {
    .heading-simulasi .offer-details-wrapper h2.details-title {
        font-size: 1rem;
        padding-top: 1.3rem;
        padding-bottom: 1.3rem;
    }
}
@media screen and (max-width: 412px) {
    span.rupiah{
        padding-left: 16px;font-size: 105%;color: #333;font-style: normal;
     }  
}
@media screen and (max-width: 375px) {
    .heading-simulasi .offer-details-wrapper h2.details-title {
        font-size: 0.8rem;
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
    }
}
@media screen and (max-width: 320px) {
    .heading-simulasi .offer-details-wrapper h2.details-title {
        font-size: 0.63rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}
.product-text {
    width: 90%;
}
.p-style1-label {
	font-weight: bold;
	color: #1C133D;
}
.p-style1 {
    padding-left: 1em;
}
.dot-separator-100 {
    text-align: center;
    letter-spacing: 4px;
    max-width: 100%;
    overflow: hidden;
}
.dot-separator-100,
.dot-separator {
	color: #5f5f5f;
}
p.small-text {
    font-size: 14px;
}
p.small-line-height {
    line-height: 1.5rem !important;
}
table.table-style-1 tr td {
    color: #999;
}
table.table-style-1 th:first-child, table.table-style-1 td:first-child {
    border-right: 1px solid #999999;
}
table.table-style-1 th, table.table-style-1 td {
    padding: 0.5em 1em;
}
table.table-style-1 thead {
    background: #d6d6d6;
    color: #5f5f5f;
    font-weight: normal;
}
table.table-style-1 {
    margin-right: auto;
    margin-left: auto;
}
table.table-style-1 .table-sub-title {
    background: #e3e3e3;
    color: #999;
}
table.table-style-1 tr td {
    font-size: 0.8em;
    padding: 0.5em 1.3em;
}
table.table-style-1 th:nth-child(2) {
    padding-left: 2.4em;
}
table.table-style-1 td:nth-child(2) {
    padding-left: 3em;
}
.tabs-style-1-container .nav-pills > li {
	line-height: initial;
}
.tabs-style-1-container .nav-pills > li.active > a,
.tabs-style-1-container .nav-pills > li > a:hover {
    background-color: rgba(0,0,0,0);
}
.tabs-style-1-container .nav-pills > li > a,
.tabs-style-1-container .nav-pills > li.active > a:hover {
    color: #1C133D !important;
    border-radius: 0;
    padding: 1em 0.5rem;
    white-space: normal;
}
.tabs-style-1-container .nav-pills > li:nth-child(even) > a {
	border-left: 1px solid #1C133D;
	border-right: 1px solid #1C133D;
}
.tabs-style-1-container .nav-pills li:last-child > a {
    border-right: none;
}
.tabs-style-1-container .tab-content {
    padding-top: 2em;
}
.tabs-style-1-container .nav-pills {
    border-bottom: 1px solid #241b2b;
}
.tabs-style-1-container .nav-pills > li:not(.active) .arrow-up {
	display: none;
}
.tabs-style-1-container .nav-pills > li.active .arrow-up {
	display: initial;
	position: absolute;
    bottom: 0;
    left: 45%;
}
.tabs-style-1-container .nav-pills > li .arrow-up {
    margin-right: auto;
    margin-left: auto;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-bottom: 10px solid black;
}
.text-container-style-1 {
	width: 90% !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.left-div {
	background-image: url(../images/produk-dan-layanan/gedung-kiri.jpg);
}
.right-div {
	background-image: url(../images/produk-dan-layanan/gedung-kanan.jpg);
}
.right-div, .left-div {
	background-size: cover;
	color: #fff;
	padding: 15px;
	min-height: 356px;
}
.right-div h3, 
.left-div h3 {
	text-align: center;
	margin-bottom: 30px;
}
.simulasi-investasi-reksadana h3 {
	text-align: center;
	background-color: #d5d5d5;
    padding: 15px;
    color: #061b42;
}
/*-------------------*/
/*product*/
/*-------------------*/
.general-content-wrapper {
	color: #5f5f5f;
	font-size: 1.3rem;
	padding-bottom: 4rem;
}
/*.product-layanan-prioritas-container*/
.product-privilege-container a {
	text-decoration: none;
}
.product-layanan-prioritas-container,
.product-privilege-container,
.product-sales-program-container {
	padding-top: 15px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.product-layanan-prioritas-container > img {
	width: 100%;
	margin-bottom: 50px;
}
.product-layanan-prioritas-container > div,
.product-privilege-container > div {
	padding: 0 15px;
}
.tentang-privilege-container hr,
.product-investasi-container hr,
.product-layanan-prioritas-container hr,
.product-privilege-container hr,
.offer-details-wrapper hr {
    border-top: none;
    height: 6px;
    background-image: url(../images/grey-dot.png);
    background-size: 6px;
    background-repeat-y: no-repeat;
}
.product-layanan-prioritas-container > div > label {
    margin-bottom: 15px;
    color: #1C133D;
}
.product-layanan-prioritas-container > div > p {
	margin-left: 15px;
}

/*bank*/
.text-container-style-1 {
	padding-top: 30px !important;
}

/*.product-privilege-container*/
.product-privilege-container ul.nav-pills li > a > div {
	display: inline-block;
	text-align: left;
}
.product-privilege-container ul.nav-pills li > a > div > span {
    display: block;
    font-size: 0.7rem;
}
.product-privilege-container ul.nav-pills li > img {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    border-radius: 50px;
    width: auto;
}
.product-privilege-container h4,
.product-sales-program-container h4,
.product-privilege-container imgcaption {
	font-size: 1.3rem;
	color: #1C133D;
	margin-top: 10px;
}
.product-privilege-container h5 {
	font-size: 1.3rem;
	font-weight: bold;
}
.product-privilege-container .tab-pane h4,
.product-sales-program-container h4,
.product-privilege-container .tab-pane imgcaption {
	text-align: center;
	display: block;
    font-weight: bold;
}
.product-privilege-container hr {
	clear: both;
	max-width: 500px;
}
.product-privilege-container i {
	display: block; 
	text-align: center; 
	font-weight: bold;
	font-size: 1rem;
	color: #858585;
}
.product-privilege-container img {
	max-width: 100%;
}
.product-privilege-container img.img-auto-center {
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.product-privilege-container .other-travel-container > div {
	width: 50%;
	float: left;
	padding: 0 4%;
}
.product-privilege-container h6 {
	display: block;
	text-align: center;
	font-size: 1rem;
}
.special-offer-merchant-list > div {
	margin-bottom: 30px;
}
.special-offer-food-and-beverages-list > div {
	margin-bottom: 60px;
}

/*.product-sales-program-container*/
.product-sales-program-container h3,
.product-sales-program-container h4 {

}
.product-sales-program-container h3 {
	font-size: 1.3rem;
	color: #1C133D;
}
.product-sales-program-container h3 a {
    color: #1C133D;
    text-decoration:none;
}
.product-sales-program-container h3 > span {
	display: block;
	font-size: 0.9rem;
}
.product-sales-program-container h4 {

}
.product-sales-program-container h6 {
	font-size: 1rem;
	text-align: center;
}
.product-sales-program-container table {
	margin-left: auto;
    margin-right: auto;
}
.product-sales-program-container table thead,
.product-sales-program-container table tbody {
    border-bottom: 1px solid #999999;
}
.product-sales-program-container table th:first-child, 
.product-sales-program-container table td:first-child {
    border-right: 1px solid #ccc;
}
.product-sales-program-container table th, 
.product-sales-program-container table td {
    padding: 10px 20px;
}
.product-sales-program-container table th {
    font-weight: normal;
}
.product-sales-program-container table td {
    font-size: 1rem;
    color: #999;
}
.general-content-wrapper p,
.general-content-wrapper ul > li {
	line-height: 2.5rem;
}

/*table style*/
.product-sales-program-container table.table-style-2 td:last-child {
    text-align: right;
}
.product-sales-program-container table.table-style-3 {

}
.product-sales-program-container table.table-style-3 th {
	text-align: center;
}
.product-sales-program-container table.table-style-3 th:nth-child(1),
.product-sales-program-container table.table-style-3 th:nth-child(2),
.product-sales-program-container table.table-style-3 th:nth-child(3),
.product-sales-program-container table.table-style-3 td:nth-child(1),
.product-sales-program-container table.table-style-3 td:nth-child(2),
.product-sales-program-container table.table-style-3 td:nth-child(3) {
    border-right: 1px solid #ccc;
}
.product-sales-program-container table.table-style-3 th:last-child {
    border-right: 0px solid #ccc;
}
.product-sales-program-container table.table-style-3 td:nth-child(even) {
	text-align: right;
}
/*.user-benefit*/
.product-privilege-container .user-benefit {
}
.product-privilege-container .user-benefit > div {
    text-align: center;
    font-size: 1rem;
}
.product-privilege-container .user-benefit img {
    width: 32%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.product-privilege-container .user-benefit > div {
	border-right: 1px solid rgba(0,0,0,0);
    border-left: 1px solid rgba(0,0,0,0);
    margin: 2rem 0;
}
.product-privilege-container .user-benefit > div:nth-last-child(1) {
    border-right: 1px solid rgba(0,0,0,0);
}
.product-privilege-container .user-benefit > div:nth-child(even) {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.offer-details-wrapper .breadcrumb {
	margin-bottom: 0;
}
.offer-details-wrapper .breadcrumb,
.offer-details-wrapper .breadcrumb > .active {
	background-color: initial;
	font-size: 1rem;
    color: #5f5f5f;
}
.offer-details-wrapper .breadcrumb > li + li:before {
	content: "\f054 ";
    padding: 0 5px;
    color: rgba(95, 95, 95, 0.8);
    font: normal normal normal 14px/1 FontAwesome;
}
.offer-details-wrapper h2.details-title {
	position: relative;
	background-color: #999;
    color: #eee;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    margin: 0;
}
.offer-details-wrapper h2.details-title > a.back-button {
    position: absolute;
    left: 0;
    top: 0;
    color: #1C133D;
    background-color: #a9a9a9;
    font-size: 1.3rem;
    font-weight: bold;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    width: 135px;
}
.offer-details-wrapper h2.details-title > a.back-button > span {
	border: 1px solid #1C133D;
    padding: 0.3rem 0.7rem 0.3rem 0.6rem;
    border-radius: 7rem;
}
.offer-details-wrapper .details-header {
    width: 100%;
}
.offer-details-wrapper .details-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.offer-details-wrapper > .row {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.offer-details-wrapper h3 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
    margin-top: 2rem;
}
.offer-details-wrapper .details-content ul li {
    font-size: 1em;
}
.offer-details-wrapper .details-content ul.normal-list li {
    font-size: 1.3rem;
}
.offer-details-wrapper .daftar-executive-lounge > div i,
.offer-details-wrapper .cinemax-details-content i {
    display: block;
    clear: both;
    text-align: center;
    color: #1C133D;
    font-size: 1rem;
}
.offer-details-wrapper .daftar-executive-lounge > div > div {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}
.offer-details-wrapper .daftar-executive-lounge label {
    display: block;
    margin-bottom: 0;
}
.offer-details-wrapper .daftar-executive-lounge > div > div > div {
    margin-bottom: 2rem;
}
.offer-details-wrapper hr {
	max-width: 50%;
}
.offer-details-wrapper .galleries {
	overflow: hidden;
	margin: 3rem 0;
}
.offer-details-wrapper .galleries img {
    float: left;
    width: 33%;
}
.offer-details-wrapper .similiar-offers {
    text-align: center;
    margin-top: 3rem;
}
.offer-details-wrapper .similiar-offers img {
    width: 100%;
}

.offer-details-wrapper .similiar-offers > a {
    max-width: 14rem;
    display: inline-block;
}

.offer-details-wrapper .cinemax-details-content i {
    font-weight: bold;
    color: #5f5f5f;
}
.offer-details-wrapper .cinemax-details-content .berlaku-content label {
	display: block;
	font-weight: normal;
	font-size: 1.3rem;
}
.offer-details-wrapper .cinemax-details-content .berlaku-content {
    font-size: 1rem;
}
.product-banking-content-wrapper #produk-simpanan a {
	color: #5f5f5f;
}
.tabs-style-12-container .nav-pills > li > a {
    font-weight: bold;
}
.tabs-style-12-container .nav-pills > li > a span {
    font-weight: normal;
}
.tabs-style-1-container ul li {
    vertical-align: top;
}
.tabs-style-1-container ol li {
    width: 100%;
    float:left;
    line-height: normal;
    margin-bottom: 1em;
}
.tabs-style-1-container ol li span {font-size:1.2rem !important;}
.tabs-style-1-container ol li ol li {
    float: left;
    width: 50%;
    padding-left: 10px;
    line-height: normal;
}
.tabs-style-1-container ol li ol li ul li {
    width: 100%;
    font-size: 1rem !important;
    line-height: normal;
}
.tabs-style-1-container ol li ol li ul li span {
    font-size: 1rem !important;
}
.tabs-style-1-container ol li ol li span {
    font-size: 1.1rem !important;
}
.tabs-style-1-container ol li ol li ul li:first-child,
.tabs-style-1-container ol li ol li{margin-top: 1em; margin-bottom: 0}
.table-content {
    width:730px;
    margin:0px auto;
    margin-top:50px;
}
.table-content .head {
    position:relative;
    width: 100%;
    height: 77px;
    line-height: 77px;
    background: url(../images/bg-title-table.jpg) repeat-x;
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    color: white;
    margin-bottom: 5px;
}
.table-content .head.blue {
    background: #03477b;
}
.table-content table {
    border:0;
}
.table-content table td {
    padding:25px 50px;
    text-align: center;
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    text-align: center;
    font-size: 18px;
    color: #1C133D;
}
.table-content table td:first-child {
    border-right: 2px solid #bcbcbc;
    text-transform: uppercase;
}
.table-content table td:last-child {
    border-left: 2px solid #bcbcbc;
    color: #555555;
}
.table-content table tr{
    background-color: #f7f7f7;
}
.table-content table tr:nth-child(even) {
    background:none;
}
.box-rate {
    width:100%;
    position: relative;
    display: block;
    float:left;
    background: #dddddd;
    padding: 25px 0;
    text-align: center;
}
.box-rate p {
    text-transform: uppercase;
    color: #1C133D;
    line-height: normal;
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    font-size: 1em;
    margin:0 0 5px 0;
}
.box-rate span {
    width: 100%;
    display:block;
    float:left;
    text-align: center;
    color: #1C133D;
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
    font-size: 0.7em;
    margin:0 0 20px 0;
}
.box-rate .rating {
    position: relative;
    text-align: center;
    height: 30px;
    float: left;
    width: 100%;
}
.box-rate .rating .star {
    height: 30px;
    background: url(../images/rate.star.png) no-repeat;
    margin:0px auto;
    position: relative;
}
.box-rate .rating .star.p1 {
    width:36px;
    background-position: 0 0;
}
.box-rate .rating .star.p2 {
    width:77px;
    background-position: 0 0;
}
.box-rate .rating .star.p3 {
    width:120px;
    background-position: 0 0;
}
.box-rate .rating .star.p4 {
    width:160px;
    background-position: 0 0;
}
.box-rate .rating .star.p5 {
    width:200px;
    background-position: 0 0;
}
.box-rate .rating .star .minus {
    position: absolute;
    bottom:5px;
    right:-20px;
    width: 11px;
    height: 4px;
    background: url(../images/rate.minus.png) no-repeat;
}
.box-rate .rating .star .plus {
    position: absolute;
    top:0;
    right:-25px;
    width: 18px;
    height: 17px;
    background: url(../images/rate.plus.png) no-repeat;
}

.product-root-image {
    cursor: pointer;
}

.banner-content-detail {
    max-width: 100%
}
.file-upload-button-container {
    text-align: center;
    position: relative;
    overflow: hidden;
}
.file-upload-button-container input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.file-upload-button-container label {
    display: block;
    margin-bottom: 0;
}
.profile-img-container,
.fileupload .input-container {
    background: #eee;
    padding: 0.5rem 1.5rem;
    margin-bottom: 2px;
    text-align: center;
}
.profile-img-container {
    padding: 0.3rem;
    margin-bottom: 2px;
}
.fileupload input[type=submit] {
    display: block;
    width: 100%;
    border: none;
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0 !important;
}
.file-upload-button-container,
.fileupload input[type=submit] {
	background: #1C133D;
	max-width: 165px;
	margin-right: auto;
    margin-left: auto;
}
img.img-profile {
    max-width: 117px !important;
}
@media screen and (min-width: 768.1px) {
	.fileupload-form > div {
	    margin-top: 0rem;
	}
}
@import url(https://fonts.googleapis.com/css?family=Roboto);
@media screen and (max-width: 767px) and (min-width: 496px) {
	.img-resp {
        max-width: 30% !important;
    }
	.button-pos {
		margin-left: 20% !important;
		margin-top: 5% !important;
	}
	.box-image-captcha img {
		margin-left: 20px;
	}
	.home-captcha-input input {
		margin-top: 0px !important;
		width:95% !important;
	}
	/*.simulasi-investasi-disclaimer p{
		font-size: 12px !important;
		position: static !important;
	}*/
}
@media screen and (max-width: 768px) {
    main {
        margin-top: 50px;
    }
    .img-resp {
        max-width: 50%;
    }
    header .navbar-default {
        padding: 0;
    }
    .navbar-brand {
        padding: 0;
        height: 50px;
    }
    .navbar {min-height: 50px}
    .navbar-brand img {margin: 0.6rem 0 0.3rem 0.5rem}
    .container {padding-left: 15px !important;padding-right: 15px !important;}
    .nav-mobile {position: absolute; right: 1rem; top: 0.5rem; color: #fff; font-size: 1.5rem}
    .nav-mobile:focus {color: #fff}
    .list-nav-main-mobile {
        position: fixed;
        top: 0;
        width: 100%;
        padding: 1rem;
        background: #ebebeb;
        z-index: 9999;
        -webkit-box-shadow: 0 0 26px 0 rgba(0,0,0,0.75);
        -moz-box-shadow: 0 0 26px 0 rgba(0,0,0,0.75);
        box-shadow: 0 0 26px 0 rgba(0,0,0,0.75);
    }
    .list-nav-main-mobile .mob-nav-main-desk, .list-nav-main-mobile .other-nav {
        margin:1rem 0 0;
        padding: 0;
        list-style: none;
    }
    .list-nav-main-mobile .mob-nav-main-desk li, .list-nav-main-mobile .other-nav li {
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-weight: normal;
        padding: 0.5rem 0;
        border-bottom: 1px solid #ccc;
    }
    .list-nav-main-mobile .mob-nav-main-desk li a, .mob-action-language {
        font-size: 1rem;
        color: #565656;
        letter-spacing: 0.1em;
    }
    .list-nav-main-mobile .mob-nav-main-desk li a:hover, #close-nav-mob {
        color: #090c36;
        text-decoration: none;
    }
    .list-nav-main-mobile .mob-nav-main-desk li:last-child{ border: none}
    .list-nav-main-mobile .other-nav li {border: none;}
    .list-nav-main-mobile .other-nav li a {
        background: #e1e1e1;
        color: #090c36;
        border: 1px solid #ccc;
        padding:1rem;
        width: 100%;
        display: block;
        text-align: center;
    }
    .list-nav-main-mobile .other-nav li a span {font-size: 1.2rem; margin-left: 1rem}
    .list-nav-main-mobile .other-nav li a:hover {
        background: #090c36;
        color: #e1e1e1;
        border: 1px solid #393939;
    }
    .socmed-btn {
        float:left !important;
    }
}
@media screen and (max-width: 768px) {
    .navbar-header > .navbar-brand {width:70%;}
    main > .container {padding:0 !important;}
    #banner-media {min-height: 200px}
    #infobox {min-height: 220px !important;}
    main > .container.wrap-network,
    main > .container.block-profile,
    main > .container.wrap-gallery {padding:0 1rem !important;}
    #banner-media .item {
        min-height: 200px;
        background-attachment: scroll;
        background-size: cover;
        background-position: center top;
    }
    #news-slide {
        margin: 1rem 0;
    }
    #news-slide .item .desc {padding: 0.7rem 0.7rem 1.5rem}
    #news-slide .item .desc h4, .updates-text, .updates-text p {
        font-size: 1rem;
    }
    #news-slide .item .desc span {font-size: 0.8rem}
    #sliders {
        min-height: 200px !important;
    }
    #sliders .carousel-inner .item, #owl-home-banner .owl-item .item {
        min-height: 200px !important;
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center top;
    }
    #sliders .carousel-inner .item:first-child {
        background-position: center top;
    }
    .top-buffer, .box-search-network {margin-top: 1rem}
    .top-buffer-2x {margin-top: 2rem}
    #wrapper-page h3 {font-size: 1.2rem}
    .box-search-network input {height: 35px;line-height: 35px; font-size: 0.9rem; padding: 0 0 0 0.5rem}
    .box-search-network i {top:0.5rem;right:1rem;font-size: 1rem}
    #map {height: 320px !important;}

    .ui-autocomplete {
        min-width: 220px;
        max-height: 200px;
        overflow: scroll;
    }
    .ui-autocomplete li {
        line-height: normal;
        font-size: 0.8rem;
        padding: 0.2rem 1rem;
    }
    .ui-autocomplete:before {
        left: 15px;
        top: -7px;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
    }
    .ui-autocomplete:after {
        left: 16px;
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
    }
    .btn-more-large {
        margin:1rem 0 0;
        width: 100%;
        display: block;
        font-size: 1.5rem;
        padding: 0.5rem 0;
    }
    .box-map-info {width: 100%}
    .box-map-info img {max-width: 45%}
    .box-map-info h3 {font-size: 0.8rem !important;}
    .box-map-info p {font-size:0.6rem;margin-bottom: 0.5rem}
    .box-map-info .action a, .box-map-info .detail a {
        width: 100%;
        display: block;
        font-size:0.6rem;
        padding: 0.2rem 0.5rem;
        margin-bottom: 0.2rem;
        text-align: left;
    }
    .box-map-info .action a i {font-size: 0.7rem}
    .box-map-info .detail {
        margin-top: 0;
    }
    .box-bg-bottom {height: 290px; margin-bottom: 1rem}
    .box-bg-bottom h4 {font-size: 1rem}
    .box-bg-bottom .form-control {font-size: 0.7rem}
    .box-bg-bottom .form-group {
        margin-bottom: 0.5rem;
    }
    .btn-submit-contact { margin-left:5%}
    .box-accordion-list ul li .list-logos li {width:100%;margin:5% 5% 0 0; float: left; display: block; height:auto;}
    .box-accordion-list ul li .list-logos li:nth-child(3n+3) {margin: 5% 0 0}
    .list-quetions {padding: 1em}
    .owl-theme .owl-controls .owl-buttons div.owl-prev {left: -35px;}
    .owl-theme .owl-controls .owl-buttons div.owl-next {right: -35px;}
    .simulasi-investasi-disclaimer p {bottom:-3.5em; right:5%; font-size: 0.6em}
    .container-questioner .button-login {width: 70%}
    .list-quetions {height:360px}
    .list-quetions h4 {font-size: 0.8em}
    .owl-theme .owl-controls .owl-page span {width:10px; height:10px;}
    .list-quetions .block-options label {font-size: 0.7em}
    .wrap-quesioner-result h2 {font-size: 1.2em; padding: 1em 0; margin:0 0 1em}
    .box-stat-quesioner {border:none}
    .ket-quesioner-result p {font-size: 1em; line-height: normal}
    .box-stat-quesioner .score, .box-stat-quesioner h1, .box-stat-quesioner h3 {text-align: center}
    .body-con-footer {padding: 0.2rem}
    .box-logins {height: 100px}
    .button-pos {margin-top: 10%; margin-left: 30%}
    .txt-short-about {margin: 0 0 1.5rem 0; padding: 0 0.5rem; font-size: 0.9rem}
    .btn-more, .btn-more-large {font-size: 0.9rem}
    .box-bottom-contact {height: 150px;}
    .box-bottom-contact p {padding: 1rem; font-size: 0.8rem}
    ul.nav-wall-mob {
        display: inline-block;
        overflow: auto;
        overflow-y: hidden;
        max-width: 100%;
        margin: 0 0 0;
        white-space: nowrap;
        padding:0;
        width: 100%;
    }
    ul.nav-wall-mob li {
        display: inline-block;
        vertical-align: top;
        width: 65%;
    }
    ul.nav-wall-mob li a {
        width: 100%;
        display: block;
        padding: 0.7rem 1rem;
        background: url("../images/bg.wall.nav.png") no-repeat;
        background-size: cover;
        text-align: center;
        color: #fff;
    }
    ul.nav-wall-mob li a .txt-nav i {font-size:2em}
    ul.nav-wall-mob li a .txt-nav p {font-size:0.8rem; margin:0}
    ul.nav-wall-mob li a .txt-nav img {max-height: 35px;margin-bottom: 0.3em}
    ul.nav-wall-mob li a.active {
        color: #1C133D;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b4b8+0,e8eded+100 */
        background: #a4b4b8; /* Old browsers */
        background: -moz-linear-gradient(top,  #a4b4b8 0%, #e8eded 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #a4b4b8 0%,#e8eded 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #a4b4b8 0%,#e8eded 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b4b8', endColorstr='#e8eded',GradientType=0 ); /* IE6-9 */
    }
    #sliders .carousel-indicators {bottom:0}
    .update-con .box-images img {max-width:100%}
    .updates-text {padding:0 0 0.5rem !important;}
    .tabs-style-1-container .tab-content {padding-top: 1rem}
    footer .text .copyright {line-height: normal}

    div#owl-home-banner .owl-controls {
        display: none !important;
    }
    .container .box-button-container {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .home-captcha-input input {margin-left: 0 !important; margin-top: 0.5em; width: 98%}
    .box-accordion-list ul li .list-logos li p {padding: 0 0 0;}
    .box-accordion-list ul li .list-logos li .box-images {padding-bottom: 0}
    .accordion dd.is-expanded {padding-bottom: 1em}
}
.new{text-decoration: none;}
.panel-container-signin{
    /*width: 98%;*/
    margin: auto;
    min-height: 600px;
    padding-top: 20px;
    background-color: #F0F0F0 ; 
    overflow: hidden;

    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(81%, rgba(255,255,255,1)), color-stop(92%, rgba(245,245,245,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 81%, rgba(245,245,245,1) 92%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    
}

.panel-bodysign{    
    background-color: #FBFBFB ; 
    margin: auto;
    width: 80%;
    padding: 0px;
    -webkit-box-shadow: inset 0px -74px 78px -15px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px -74px 78px -15px rgba(255,255,255,1);
    box-shadow: inset 0px -74px 78px -15px rgba(255,255,255,1);
    -webkit-box-shadow: 0px -187px 32px -15px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 32px -15px rgba(0,0,0,1);
    box-shadow: 0px -187px 32px -15px rgba(0,0,0,1);
     /*box-shadow: -5px 0 5px -5px #333, 5px 0 5px -5px #333;*/
    /*box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 2px 0 15px -3px rgba(0,0,0,1), -2px 0 15px -3px rgba(0,0,0,1);*/
    /*box-shadow: 15px 0 5px -5px #CCC, 0 5px 5px -5px #CCC, -15px 0 5px -5px #CCC;*/
}

.panel-body-sign{  
    margin: auto;
    width: 98%;
    min-height: 600px
}
.button-login {
    background-color: #1C133D; 
    border: none;
    /*font-weight: bold;*/
    color: white;
    float: right;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 140%;
    margin: 4px 2px;
    cursor: pointer;
    white-space: normal !important;
    word-wrap: break-word;
    margin-right: 15px;
    padding: 14px;
    width: 34%;
    min-width: 37%;
    max-width: 90%;
}
.navbar-nav-signin > li > a {
    padding-top: 1px;
    padding-bottom: 1px;

}
h2.heading2{ 
    margin-top:20px;
    padding-left:10px;
    color:#333; 
    font-weight: bold;
}
h3.heading3{
    margin-top: 20px;
    padding-left: 10px;
    color: #707070;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: -5px;
}
.rowform{
    padding-bottom: 10px;
    float: left;
    margin: auto;
    width: 100%;
}
.form-group-lg input.forminput{
    /*height:60px;*/
    padding: 15px;
    margin:auto;
    border-radius: 0px;
    font-style:italic;
}
.form-group-lg textarea.forminputarea{
    /*height:110px;*/
    padding: 15px;
    border-radius: 0px;font-style:italic;float:left;
}
.form-group-lg textarea.formisipesan{
    /*height:410px;*/
    padding: 15px 15px 0px;
    border-radius: 0px;font-style:italic;float:left;
}
a.sign{
    border-right: 1px solid #707070;padding-left:20px;padding-right:20px;
}


@media screen and (max-width: 768px) {
   h2.heading2{
    font-size: 16px;
    margin-top:5px;
    padding-left:6px;
    color:#333; 
    font-weight: bold;
   }
   h2.hubungi{
    margin-top: 5px;
    padding-left: 6px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: -5px;
   }

   h3.heading3{
    margin-top: 16px;
    padding-left: 6px;
    color: #707070;
    font-weight: bold;
    font-size: 12px;
    }

    .rowform{
    padding-bottom: 6px;
    float: left;
    margin: auto;
    width: 100%;
    }

    .form-group-lg input.forminput{
    /*height:3em;*/
    padding: 15px;
    margin:auto;
    border-radius: 0px;
    font-style:italic;
    font-size: 12px;
    }
    .form-group-lg textarea.forminputarea{
    /*height:90px;*/
    padding: 15px;
    border-radius: 0px;font-style:italic;float:left;font-size: 12px;
    }
    .form-group-lg textarea.formisipesan{
    /*height:90px;*/
    padding: 15px 15px 43px;
    border-radius: 0px;font-style:italic;float:left;font-size: 12px;
    }
    .button-login {
    background-color: #1C133D; 
    border: none;
    /*font-weight: bold;*/
    color: white;
    float: right;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 80%;
    margin: 4px 2px;
    cursor: pointer;
    white-space: normal !important;
    word-wrap: break-word;
    margin-right: 15px;
    padding:2%;
    width: 34%;
    min-width: 41%;
    max-width: 90%;
    }

    a.sign{
    border-right: 1px solid #707070;padding-left:16px;padding-right:16px;font-size: 13px;
    }
    .panel-container-signin{
    width: auto;
    min-height: 300px;
    max-height: 500px;
    padding-top: 20px;
    overflow: hidden;
    background: none;
    }
    .full{width: 100%}

    .panel-body-sign{  
    min-height: 300px;
    max-height: 500px;
    }

}

@media screen and (max-width: 375px){
    #rc-imageselect, .g-recaptcha, #captcha1, #captcha2 {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

@media screen and (max-width: 375px){
    #rc-imageselect, .g-recaptcha, #captcha1, #captcha2 {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
.priority{
	width: 98%;
	margin: auto;
	/*height: 500px;*/
	margin-bottom: 20px;
	overflow: hidden;
}
.priority-color{
	width: 98%;
	margin: auto;
	/*height: 500px;*/
	margin-bottom: 5em;
	overflow: hidden;
}

.priority-left{
	width: 50%;
	padding-left: 20px;
	float: left;
	height: 500px;
	margin-bottom: 20px;
	overflow: hidden;

}
.priority-right{
	width: 48%;
	float: right;
	height: 500px;
	margin-bottom: 20px;
	overflow: hidden;

}
.sosmedia{

	border-radius: 50%;
    border: 2px solid #1C133D;
    margin-right: 20px;
    margin-left: 20px;
    width: 53px;
    height: 53px;
}
.line-image {
	line-height: 45px;
	text-align: center;
}
p.textsignup{
	margin-top:20px;margin-left: 30px;height:60px;color: #333;font-style:italic;float:left;font-size:18px
}
p.textpriority{
	margin-left: 40px;color: #333;font-size:20px;
}
p.textphone{
	padding-top:4px;margin-left: 40px; color: #707070;font-size:16px;
}
p.bebaspulsa{
	margin-left: 54px;color: rgb(144, 144, 144);font-size:20px;
}
hr.hr-strip{
	width:70%;border: 0;border-bottom: 1px dashed #ccc;background: #707070;margin-left:40px;margin-bottom: 0px;margin-top: 35px;
}
ul.sosmedposition{
  margin-left:30px;margin-top: 15px;
}
span.spansosmed-twitter{
	color:#1C133D;margin-left:-4px;
}
span.spansosmed-fb{
color:#1C133D
}
span.spansosmed-ig{
	color:#1C133D;margin: -1px -4px;
}

@media screen and (max-width: 768px) {
    hr.hr-hidden{
    	display: none;
    	
    } 
     
    .priority-color {
        background-color: #fff;
	margin-bottom: 0em;

    }
    

    .bss-widget-container {
	    /*position: absolute;*/
	    color: #000;
	    background: rgba(238,238,238,0.7);
	    padding: 0%;
	    right: 0;
	    text-align: center;
	    z-index: 100;
	    box-shadow: 0 0 18px #ccc;
	}

	p.textsignup{
		margin-top:10px;margin-left: 10px;height:50px;color: #333;font-style:italic;float:left;font-size:12px
	}

	p.textpriority{
		margin-left: 40px;color: #333;font-size:12px;
	}
	p.textphone{
		padding-top:4px;margin-left: 40px; color: #707070;font-size:10px;
	}
	p.bebaspulsa{
		margin-left: 40px;color: rgb(144, 144, 144);font-size:12px;
	}
	.panel-group{
		background-color: #EEE;
	}
	hr.hr-strip{
		width:50%;border: 0;border-bottom: 1px dashed #ccc;background: #707070;margin-left:40px;margin-bottom: -4px;margin-top: 25px;
	}
	ul.sosmedposition{
  		margin-left:20px;margin-top: -5px;
	}
	.sosmedia{

		border-radius: 50%;
	    border: 2px solid #1C133D;
	    margin-right: 5px;
	    margin-left: 15px;
	    width: 45px;
	    height: 45px;
	}
	span.spansosmed-twitter{
	color:#1C133D;margin: -3px -8px;
	}
	span.spansosmed-fb{
	color:#1C133D;margin: -3px -4px;
	}
	span.spansosmed-ig{
	color:#1C133D;margin: -5px -8px;
	}
	.line-image {line-height: normal; text-align: left}
	.line-image img {max-width:95%}
	.rowform .form-group:last-child, p.textsignup {margin-bottom: 0}

}

.mtop10 {
	margin-top: 10px !important;
}
.content-wrapper {
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#fff, #eee, #eee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #eee, #eee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #eee, #eee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #eee, #eee); /* Standard syntax */
}
/*image*/
.image-90-center {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/*tentang hero*/
.hero-tentang .hero-image,
.hero-produk .hero-image {
	width: 100%;
}
/*tentang wrapper*/
.tentang-wrapper {
	box-shadow: 0 -160px 71px #ccc;
	margin-bottom: 4em;
}
/*tentang part*/
a.part-link {
	display: block;
	background: #1C133D;
	color: #fff;
	margin-bottom: 3px;
	padding: 22px 42px;
	font-size: 30px;
	text-decoration: none;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-family: "philosopher";
	font-weight: bold;
}
a.part-link .chevron-icon {
	float: right;
	border: 2px solid #fff;
	border-radius: 30px;
	padding: 6px 8px 10px 8px;
	font-size: 22px;
}
a.part-link.active,
label.button-like-text,
a.part-link:hover {
	background: none;
	background-image: url(../images/part-link-active-bg.png);
	background-repeat: repeat-x;
	background-size: contain;
	color: #1C133D;
}
a.part-link:hover .chevron-icon,
a.part-link.active .chevron-icon {
	border: 2px solid #1C133D;
}
/*tentang-text*/
.tentang-text {
	color: #5f5f5f;
	width: 78%;
	margin-right: auto;
	margin-left: auto;
	padding: 54px 0;
	font-size: 20px;
}
.tentang-text p {
	margin-bottom: 38px;
	line-height: 2rem;
}
.tentang-text p:last-child {
	margin-bottom: 0;
}
/*.tentang-text2*/
.tentang-text2 {
	width: 90%;
}
/*.box-parent1 {
    display: block;
    overflow: hidden;
}
.box-child1 {
    border: 1px solid #ccc;
    display: block;
    width: 30%;
    margin-right: 1.6%;
    margin-left: 1.6%;
    padding: 25px;
    float: left;
}
.box-child1 ul.product-list li {
    font-size: 23px;
    margin-bottom: 15px;
}*/
.products-container1,
.products-container2 {
	overflow: hidden;
	margin-bottom: 6rem;
}
.products-container2 h2.product-title {
	margin-bottom: 0 !important;
}
.product-text .products-container2 .product-list-container2 {
	padding: 3rem 0;
}
.product-text h2.product-title {
	color: #000;
	margin-bottom: 42px;
	margin-top: 0;
	font-family: "philosopher";
	font-weight: bold;
}
.product-text .product-list-container {
	border: 1px solid #b7b7c4;
	padding: 2rem 2rem;
}
.product-text .product-list-container2 {
	padding: 3rem 2rem;
}
.product-text ul.sub-product-title {
	padding-left: 1rem;
	margin-bottom: 1rem;
}
.product-text ul.sub-product-title li {
	font-family: "philosopher";
	font-weight: bold;
}
.product-details {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.product-text .product-details ul.product-details-list {
	list-style: none;
}
.product-text .product-details ul.product-details-list li {
	margin-bottom: 0.5rem;
}
.bancassurance-container1 {
	/*overflow: visible;*/
}

ul.travel-previlege-list {
	line-height: 46px;
}
.previlege-text li,
.product-text li,
.syarat-dan-ketentuan-text ol li {
	line-height: 2rem;
}
.dot-separator {
	text-align: center;
	letter-spacing: 4px;
	max-width: 100%;
}
label.button-like-text {
	padding: 10px 10px;
	min-width: 32%;
	text-align: center;
}
.syarat-dan-ketentuan-text ol,
.syarat-dan-ketentuan-text ol li {
	padding-left: 20px;
}
.tentang-image {
	margin-bottom: 40px;
}
.tentang-image label {
	width: 100%;
	text-align: center;
	color: #000;
}
.tentang-image2 img,
.tentang-image img {
	width: 100%;
}
.tentang-image2-special {
	margin-top: -44px;
}

/*bss icon*/
.bss-widget-container {
	/*position: absolute;*/
	color: #000;
	background: rgba(238,238,238,0.7);
	padding: 2%;
	right: 0;
	text-align: center;
	z-index: 100;
	box-shadow: 0 0 18px #ccc;
}
.bss-widget-container .bss-title {
	margin-bottom: 0;
	font-weight: bold;
}
.bss-widget-container .bss-long-title {
	font-weight: bold;
	font-size: 10px;
}
.tentang-privilege-container hr {
	max-width: 60%;
}
.tentang-privilege-container .lounge-image label,
.tentang-privilege-container .transport-image label {
	margin-top: 0.5rem;
}

/*new layout .product-travel-part*/
.product-travel-part span.tabbed-span1-hide {
	opacity: 0;
}
.product-travel-part span.tabbed-span1, span.tabbed-span1-hide {
	min-width: 80px;
	display: inline-block;
}
.product-travel-part .facilities-list label,
.product-travel-part .facilities-list ul,
.product-travel-part .location-container-1 ul,
.product-travel-part .location-container-2 ul {
	width: 39%;
	display: inline-block;
	vertical-align: top;
}
.product-travel-part .facilities-list label,
.product-travel-part .location-container-1 > label,
.product-travel-part .location-container-2 > label {
	width: 20%;
}
.product-travel-part .location-container-1 ul {
	width: 78%;
}
.product-travel-part .location-container-2 ul {
	width: 26%;
}
.product-travel-part .location-container-1 li,
.product-travel-part .location-container-2 li {
	margin-bottom: 25px;
}
.product-travel-part .location-container-1 li:last-child,
.product-travel-part .location-container-2 li:last-child {
	margin-bottom: 0px;
}
.product-travel-part .facilities-list,
.product-travel-part .location-container-1 {
	margin-bottom: 25px;
}
.product-travel-part i {
	text-align: left;
}
.product-travel-part {
	margin-bottom: 60px;
}
.product-travel-part:last-child {
	margin-bottom: 0;
}
.small-font-size .facilities-list,
.small-font-size .location-container-1,
.small-font-size .location-container-2,
.small-font-size i {
	font-size: 1rem;
	display: block;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.small-font-size i {
	font-size: 0.8rem;
}

.small-font-size .facilities-list label,
.small-font-size .facilities-list ul {
	width: 41%;
}
.small-font-size .facilities-list label,
.small-font-size .location-container-1 > label,
.small-font-size .location-container-2 > label {
	width: 15%;
}
.small-font-size .location-container-2 ul {
	width: 27.8%;
}
.general-content-wrapper .small-font-size ul > li {
	line-height: 1.5rem;
}

/*responsive*/
@media screen and (max-width: 1100px) {
	.box-child1 {
		width: 96%;
		margin-bottom: 24px;
		height: auto !important;
	}
}

@media (min-width: 992px){
	.bancassurance-container1 .product-list-container {
		width: 49%;
	}
	.bancassurance-container1 .product-list-container:nth-child(odd) {
		margin-left: 15px;
		margin-right: -15px;
	}
}
@media (max-width: 768px){
	.product-text .product-list-container, .product-text .product-list-container2 {
		padding: 1rem 0 !important;
	}
	.products-container1, .products-container2 {margin-bottom: 3rem}
	.tentang-wrapper {margin-bottom: 1em}
	.tentang-text {
		padding: 1rem 0;
	}
	.tentang-text p {margin-bottom: 2rem; line-height: 2rem}
	.general-content-wrapper p, .general-content-wrapper ul > li {line-height: 2rem}
	.desktop-view {
		display: none;
	}
	.mobile-view {
		display: initial !important;
	}
	.container {
		padding: 0;
		width: 100%;
	}
	a.part-link {
		width: 100%;
		padding: 22px 5%;
	}
	.tabs-style-1-container > ul {
		width: 118%;
		margin-left: -9%;
	}
	.tabs-style-2-container > ul {
		width: 111%;
		margin-left: -5.5%;
	}
	.tentang-text {
		width: 90%;
	}
	/*.product-text*/
	.product-text .product-list-container,
	.product-text .product-list-container2 {
		padding: 1.5rem 2rem;
	}
	/*.previlege-text*/
	.previlege-text ul {
		padding-left: 24px;
	}
	.previlege-text ul li {
		padding-left: 24px;
	}
	.previlege-text .lounge-image {
		text-align: center;
	}
	.previlege-text .lounge-image > div:last-child {
		float: none;
		display: inline-block;
	}
	.previlege-text .transport-image .tentang-image {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.helpline-container {
		width: 113%;
		margin-left: -7.5%;
	}
	.tentang-wrapper .previlege-text h2,
	.tentang-wrapper .previlege-text ul li {
		margin-bottom: 0.5rem;
	}
	.tentang-wrapper .previlege-text .transport-image > div {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.tentang-privilege-container hr {
		max-width: 80%;
	}
	.tentang-privilege-container .helpline-container > div {
		padding-right: 0;
	}
	.tentang-wrapper a.part-link > img {
		margin-top: -5px;
		margin-right: 5%;
	}
	.tentang-wrapper .product-text h2 {
		font-size: 1.5rem;
		margin-top: 0;
	}
	.content-wrapper {
		background: none;
	}
	.small-font-size .facilities-list label,
	.small-font-size .facilities-list ul,
	.small-font-size .location-container-1 ul,
	.small-font-size .location-container-2 ul{
		width: 100%;
	}
}
@media (max-width: 425px) {
	.tentang-wrapper .product-text2 h2 {
		font-size: 1rem;
	}

	.tentang-wrapper a.part-link > img {
		width: 40px;
		margin-top: -5px;
		margin-right: 5%;
	}
}
@media (max-width: 320px) {
	.tentang-wrapper a.part-link > img {
		width: 35px;
		margin-top: -5px;
		margin-right: 1%;
	}
}
#transaction-buttons, .app-button {
	margin-top: 2.5em;
	text-align: left
}

#transaction-buttons .button-mobile {
	float: right;
}

.button-internet {
	margin: 0 auto !important;
}

#transaction-buttons a {
    background-color: #1C133D; 
    border: none;
    /*font-weight: bold;*/
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 140%;
    margin: 4px 2px;
    cursor: pointer;
    white-space: normal !important;
    word-wrap: break-word;
    padding: 14px;
    width: 70%;
    min-width: 37%;
    max-width: 90%;
}

#store-buttons h2 {
	text-align: center
}

#store-buttons .itunes-button {
	float: right;
}
.captext {
    font-size:24px !important;
}
.captext-grey {
    font-size:24px !important;
    color: #707070;
}
.gap-row {
    padding: 2.5em 0;
    border-bottom: 1px dashed #999;
    margin-left: 0;
    margin-right: 0;
}
.gap-row:last-child {
    border-bottom:none;
}
.app-button {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: center;
}
.app-button a {
    margin-right: 2em;
    display: inline-block;
}
.transaction-head {
    padding: 2em 1.5em 1em 1.5em;
}
@media screen and (max-width: 768px) {
    .gap-row p {
        text-align: center;
        font-size: 1em !important;
        margin: 0 0 1em;
    }
    .captext {
        font-size:1.2em !important;
    }
    .gap-row {
        padding: 2em 0;
    }
    .app-button {
        margin-top: 0;
    }
    .app-button a {
        width:100%;
        margin-right: 0;
        display: block;
        text-align: center;
        margin-bottom: 1em;
    }
    .app-button a:last-child {
        margin-right: 0;
    }
    .app-button a img {
        max-width: 100%;
        float: none !important;
        margin:0px auto;
    }
}
.updates-text{  
    color: #5f5f5f;
    width: 78%;
    margin-right: auto;
    margin-left: auto;
    padding: 54px 0px 15px;
    font-size: 18px;
}
.updates-text p {
    margin-bottom: 13px;
    line-height: 2rem;
}
.update-con{
    width: 98%;
    margin: auto;
    margin-bottom: 20px;

}
.page-slider{
    display: block;
    background: #1C133D;
    color: #fff;
    text-decoration: none;
    height:50px;
    margin-left: auto;
    margin-right: auto;
    font-family: "philosopher";
    /*font-weight: bold;*/
    margin:auto;
    width:80%
}

.hero-update .hero-image {
    width: 50px;
}
/*tentang wrapper*/
.update-wrapper {
    box-shadow: 0 -160px 71px #ccc;
}

.nav-pillss > li > a {
    border-radius: 0px;
}

.nav-pillss > .active > a > .badge {
    color: #333;
    background-color: #fff; 
}
.nav-pillss > li > a > .badge {
    margin-left: 3px; 
}

h2.heading2-updates{ 
    margin-top:20px;
    color:#333;
    font-weight: bold;
    font-size:122%;
}

h2.heading2-updates a{
    color:#333;
}

h3.heading3-updates{ 
    margin-top:20px;
    color:#707070;
    font-weight: bold;
    font-size:95%;
}
p.textupdates{
        padding-top:4px; color: #707070;font-size:100%;text-align: justify;
}
a.link-updates{
    float:right;color:#333;padding-top:40px;font-size:95%;
}

hr.hr-updates{
    border-top: 2px solid #cccfcc;margin:auto;margin-top:40px;
}
img.img-updates{
    width: 100%;
    height: 230px;
    padding-top: 25px;
    margin: auto;
}
.pagin{
    height: 49px;width:99%;margin:auto;background: #1C133D;
}
.kotak-chevron{
    width: 55px;height: 49px;background-color: #525456;
}
i.ring-left{
    float:left;margin: 7px 10px;background: #525456;color: #fff;border-radius: 50%;padding: 8px 8px 6px 6px;width: 35px;height: 35px;border: 1px solid #fff;
}
i.ring-right{
    float:right;margin: 7px 10px;background: #525456;color: #fff;border-radius: 50%;padding: 8px 8px 6px 11px;width: 35px;height: 35px;border: 1px solid #fff;
}
p.text-disclaimer{
        font-size:14px;text-align:justify;
}
.kotak-back{
    width: 55px;height: 49px;background-color: #656565;float:left;padding: 11px 5px;color: #fff;font-size: 17px;text-decoration: inherit;
}
.col-disclaimer{
    width:82%;margin:auto;
}
.market-detil{
    width:100%;margin:auto; margin-top:40px;padding-bottom:9%;
}
.colpad-bottom{
    padding-bottom: 3%;
}
ul > li > a.pageborder{
    color: #fff;background-color:transparent;border:none
}

.tabs-style-1-container .nav-pills > li.active > a.tab-color{
 color: #333 !important;
    border-radius: 0;
    padding: 1em 1em 2em 1em;
    font-size: 20px;
    font-weight: bold;
}
.tabs-style-1-container .nav-pills > li > a.tab-color{
    border-radius: 0;
    padding: 1em 1em 2em 1em;
    font-size: 20px;
    font-weight: bold;
}
.tab-li-pad{ 
    padding-bottom:10px;

}

@media screen and (max-width: 768px) {
    h2.heading2-updates{ 
        margin-top:20px;
        color:#333; 
        font-weight: bold;
        font-size:102%;
    }
    h3.heading3-updates{ 
        margin-top:20px;
        color:#707070; 
        font-weight: bold;
        font-size:75%;
    }
    p.textupdates{
            padding-top:4px; color: #707070;font-size:80%;text-align: justify;
    }
    a.link-updates{
        float:right;color:#333;padding-top:0px;font-size:75%;
    }
    hr.hr-updates{
        border-top: 2px solid #cccfcc;margin:auto;margin-top:15px;
    }
    img.img-updates{
        padding-top: 0px;height:180px
    }
    .pagin{
        height: 39px;width:99%;margin:auto;background: #1C133D;
    }
    .kotak-chevron{
        width: 44px;height: 39px;background-color: #525456;
    }
    .kotak-back{
        width: 44px;height: 39px;background-color: #656565;float:left;padding: 9px 0px;color: #fff;font-size: 14px;text-decoration: inherit;
    }
    i.ring-left{
        float:left;margin: 7px 10px;background: #525456;color: #fff;border-radius: 50%;padding: 4px 8px 8px 5px;width: 25px;height: 25px;border: 1px solid #fff;
    }
    i.ring-right{
        float:right;margin: 7px 10px;background: #525456;color: #fff;border-radius: 50%;padding: 4px 8px 6px 7px;width: 25px;height: 25px;border: 1px solid #fff;
    }
    li > a.page-link{
        padding: 0px 7px 0px 8px;
    }
    p.text-disclaimer{
        font-size:12px;text-align:justify
    }
    .col-disclaimer{
    width:78%;margin:auto;margin-top: -20px;
    }
    .market-detil{
    width:100%;margin:auto; margin-top:15px;padding-bottom:4%;
    }
    .colpad-bottom{
    padding-bottom: 4%;
    }
    .colpad-top{
        padding-top: 4%;
    }
    .tabs-style-1-container .nav-pills > li.active > a.tab-color{
     color: #333 !important;
        border-radius: 0;
        padding: 1em 0;
        font-size: 16px;
        font-weight: bold;
    }
    .tabs-style-1-container .nav-pills > li > a.tab-color{
     color: #9c9c9c !important;
        border-radius: 0;
        padding: 1em 0;
        font-size: 16px;
        font-weight: bold;
    }
 .tab-update .tabs-style-1-container .nav-justified > li, .tabs-style-1-container .nav-tabs.nav-justified > li {
    display: inline-block;
    width: 49.9%;
} 
}
/*
@media (max-width: 768px){}
    .tabu-update.tabs-style-1-container .nav-justified > li, .tabs-style-1-container .nav-tabs.nav-justified > li {
        display: inline-block;
        width: 49.9%;
    }
}*/



.center-last-even > div {
	margin-bottom: 30px;
}
.center-last-even {
	text-align: center;
}
.center-last-even > div:nth-last-child(1):nth-child(odd) {
    float: none;
    display: inline-block;
}
/*active inactive tentang icon*/
a.part-link img.active-icon,
a.part-link.active img.inactive-icon {
	display: none;
}
a.part-link.active img.active-icon {
	display: initial;
}
/*=========================*/
/*responsive*/
/*=========================*/
@media (max-width: 991px) {
}
@media (min-width: 768.01px) {
	/*hide mobile*/
	.mobile-asset {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.table-content {width: 100%}
	.offer-details-wrapper .details-header {
		width: auto;
		max-width: 100%;
		height: auto !important;
	}
	.offer-details-wrapper .breadcrumb {
		margin-bottom: 0;
		display: none;
	}
	.offer-details-wrapper h2.details-title {
		font-size: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.offer-details-wrapper h2.details-title > a.back-button {
		font-size: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 0.4rem;
		width: 10%;
	}
	.general-content-wrapper p {font-size: 1em; line-height: 1.5em}
	.offer-details-wrapper > .row {margin-left: 0; margin-right: 0}
	.offer-details-wrapper .details-content {width: 100%}
	.offer-details-wrapper .details-content img {max-width: 100%; height: auto !important;}
	.offer-details-wrapper .details-content ul {margin:0; padding: 0 0 0 1em}
	.offer-details-wrapper .details-content ul li {font-size:0.8em; line-height: 1.8em}
	.table-content table td {
		font-size:12px;
		padding:25px 0;
	}
	.offer-details-wrapper h2.details-title > a.back-button > span {
		border: none;
		padding: 0;
		border-radius: 0;
	}
	/*hide desktop*/
	.general-content-wrapper {padding-bottom: 2rem}
	.desktop-asset {
		display: none !important;
	}
	.table-responsive {
		border: none;
	}
	.tabs-style-1-container .nav-justified > li, 
	.tabs-style-1-container .nav-tabs.nav-justified > li {
	    display: inline-block;
	    width: 31.9%;
	}
	.tabs-style-1-container .nav-pills {
		white-space: nowrap;
	    overflow-y: auto;
	}
	.two-tabs-only .nav-justified > li, 
	.two-tabs-only .nav-tabs.nav-justified > li {
	    display: table-cell !important;
	    width: 25% !important;
	}
	.product-privilege-container .other-travel-container > div {
	    width: 100%;
	    padding: 0 10%;
	    margin-bottom: 50px;
	}
	.product-privilege-container .user-benefit > div {
		width: 50%;
	}
	.product-privilege-container .user-benefit > div:nth-child(even) {
		border-right: 1px solid rgba(0,0,0,0);
	}
	.mobile-full-width-image-1 {
		width: 118% !important;
		margin-left: -9%;
	}
	.text-container-style-1 {width: 100% !important;}
}
@media (max-width: 767px) {

}
@media (max-width: 425px) {
	.tabs-style-1-container .nav-justified > li, 
	.tabs-style-1-container .nav-tabs.nav-justified > li {
	    width: 47%;
	}
	a.part-link {
		padding: 1rem;
		font-size: 1.3rem;
	}
	a.part-link .chevron-icon {
		padding: 5px 6px 7px 6px;
	    font-size: 0.9rem;
	}
	.general-content-wrapper,
	.product-sales-program-container h6,
	.product-privilege-container imgcaption,
	.tentang-text {
	    font-size: 1rem;
	}
	.product-privilege-container h4, 
	.product-sales-program-container h4, 
	.product-privilege-container h5,
	.product-sales-program-container h3 {
		font-size: 1.2rem;
	}
	.product-sales-program-container h3 > span,
	.product-privilege-container i {
		font-size: 0.8rem;
	}
}
@media (max-width: 375px) {
	.tabs-style-1-container .nav-pills li > a {
	    font-size: 1rem;
	}
}
div.daily-news-container a.widget-button {
	clear: both;
	display: block;
	text-align: left;
	text-decoration: none;
    color: #393939;
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
}
div.daily-news-container a.widget-button i {
    border: 2px solid #1C133D;
    border-radius: 50px;
    padding: 0.3rem 0.5rem;
}
div.daily-news-container a.widget-item {
    float: left;
    width: 24.5%;
    margin-right: 0.5%;
    margin-bottom: 0.5rem;
}
div.daily-news-container a.widget-item img {
	width: 100%;
}
.img-profile {
	max-width: 100%;
}
.txt-prof-name {padding:10px 10rem 0 0 !important;}
/*responsive*/
@media (max-width: 768px) {
	.profile-first-row, .com-shadow {
		margin-top: 1rem;
	}
	.txt-prof-name {padding:0 !important;}
	.profile-first-row .text-profile {
	    padding-top: 0;
	    height: auto;
	    background: none;
	    padding-bottom: 3rem;
    }
    .profile-first-row input[type=submit] {
	    margin-top: 10px;
	}
	.addmargin {margin:1rem 0 !important;}
	.img-profile {
		max-width: 70%;
	}
	.com-shadow {
		padding-top: 1rem !important;
	}
}
@media (min-width: 425.1px) {
	.call-info .arrow-up {
		display: none;
	}
}
@media (max-width: 425px) {
	.profile-first-row .text-profile {
		padding-bottom: 0.5rem;
	}
	.middle-profile .box-content, .middle-profile .call-info {
	    width: 100% !important;
	}
	.middle-profile > div.msg-container {
	    margin-left: 1%;
	}
	.middle-profile .box-action {
	    width: 49.5% !important;
	}
	.middle-profile > div.call-container {
	    margin-left: 0 !important;
	}
	.middle-profile .call-info {
		position: relative !important;
	}
	.middle-profile .call-info .close-btn {
		width: 15% !important;
	}
	.middle-profile .call-info .txt-info {
	    width: 85% !important;
	}
	.middle-profile .call-info .txt-info h4, .middle-profile .call-info .txt-info p {
	    font-size: 1.4rem;
	}
	div.daily-news-container h1 {
	    text-align: left;
	    font-size: 1.5rem;
	    font-weight: normal;
	}
	div.daily-news-container a.widget-item {
	    width: 48%;
	    margin-right: 1%;
	}
	div.daily-news-container a.widget-button {
	    font-size: 1.2rem;
	    margin-bottom: 1rem;
	}
	div.daily-news-container a.widget-button i {
	    padding: 0.3rem 0.4rem;
	}
	.middle-profile .call-info .close-btn {
		padding: 0 15px !important;
	}
	.call-info .arrow-up {
	    position: absolute;
	    border-left: 15px solid transparent;
	    border-right: 15px solid transparent;
	    border-bottom: 15px solid #a7b7ba;
	    bottom: -1px;
	    left: 20%;
	}
}
@media (max-width: 375px) {
	.middle-profile .call-info .txt-info h4, .middle-profile .call-info .txt-info p {
	    font-size: 1.2rem;
	}
	.middle-profile .call-info .close-btn {
		padding: 0 10px !important;
	}

}
@media (max-width: 320px) {
	.middle-profile .call-info .txt-info h4, .middle-profile .call-info .txt-info p {
	    font-size: 1rem;
	}
}
footer span.call-center-number {
    margin-left: 0 !important;
}
@media screen and (max-width: 768px) {
	footer {
		margin-top: 0.2rem;
		text-align: center;
	}
	footer .socmed-btn {
	    float: none !important;
	    display: inline-block;
	}
	footer .text,
	footer .sosmed {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
	footer .sosmed {
	    margin-bottom: 1rem;
	}
	footer .sosmed img {
	    width: 36px;
	}
	footer .text .contact {
	    font-size: 110%;
	}
	footer span.call-center-number {
	    display: block;
	    font-size: 120%;
	}
	footer .text .copyright,
	footer .text .allright {
	    font-size: 90%;
	}
}

.block-profile .box-widget .box-widget-content iframe {
	background: #d8d9db !important;
}
.block-profile .box-widget .box-widget-content iframe table {
	background: #d8d9db !important;
}