html, body{
	height: 100%;
	margin: 0;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url("../fonts/SourceSansPro-Regular.ttf");
}


@font-face {
    font-family: 'Source Sans Pro-light';
    src: url("../fonts/SourceSansPro-Light.ttf");
}

@font-face {
    font-family: 'Source Sans Pro-bold';
    src: url("../fonts/SourceSansPro-Bold.ttf");
}

body {
	
	font-family: 'Source Sans Pro' !important;
    color: #404142;
    font-size: 14px;
	letter-spacing: 0.8px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	transition: all 0.3s;
}
a:hover, a:focus, a:active, a:visited {
    text-decoration: none;
}

p.judul{
	margin-top:10px;
	font-weight:bold;
	font-family	:'Source Sans Pro-bold';
	font-size:16px;
}

p.isi{
	line-height: 28px;
    color: #6F6A6A;
}

.bg-themes{
	background-color:#ea5b24; 
}

.color-themes{
	color:#ea5b24; 
}
/*
.container{
    min-width: 1024px;
    max-width: 1024px !important;
    max-width: none ;
}
*/


/* Buttons override */
.btn {
    font-weight: 600;
}
.btn-lg {
	padding: 15px 40px;
    font-size: 16px;
    line-height: none;	
    border-radius: 4px;
}
.btn-red {
	background-color: #dd5138;
	color: #fff;
}
.btn-yellow {
	background-color: #fcd93b;
	color: #2a2a2a;
	opacity: 0.8;
}
.btn-yellow:hover {
	opacity: 1;
}

.btn-orange{
	border-radius:5px;
	background-color:#ea5b24;	
	color:#fff;
    font-family: 'Source Sans Pro-light';
}

.btn-orange:hover {
	opacity:0.9;
}

.btn i{
	padding-right: 5px;
}

.btn-reqpin{
	padding:0px;
	width:85px;
	background-color:#696969;
	color:#fff;
	margin-top:0px !important;
	font-size:12px;
}

.btn-reqpin:hover{	
	color:#fff;
	opacity:0.9;
}

/**/
.modal-header .modal-ajxerr{
	margin-bottom: 0px; 
	font-weight: bold;
	text-align: center;
}

.modal-init-header{
	padding-bottom:0px;
	border-bottom:none;
}

.popover{
	max-width:400px;
}
.home-judul{
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;  
    margin-bottom: 20px;  
	font-family: 'Source Sans Pro-bold';
}

.login-info{
	color:#696969;
	font-size:12px;
	padding:10px;
	font-weight:bold;
}

.pop-request-pin{
	width:300px;
}

.login .logo {
	max-width: 180px;
}
.login .btn {
	margin-top: 20px;
	
}
.init-change-pin{
	margin:10px;
}
.init-redeem{
	padding-right:40px;
}

/* news */

.news{
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}
.news h4{
	color:#2a4856;
}
.news .date{
	color:#999;
}
@media screen and (min-width: 800px){
  /* some CSS here */
  .powered-by{
		float:right;
		font-size: 30px;				
		margin-top:20%;
	}



}


@media screen and (max-width: 992px){
	.card-detail{
		margin-top:12% !important;
	}

	.step, .step-active{
		text-align:left;
		padding-left:35% !important;
	}
	
}

.powered-by{
	float:right;
    font-size: 30px;
	margin-top:30%;
}

.powered-by img{
	float:right;
	position:absolute;
	bottom:0;
	right:20px;
}


/* animation */

.floating-arrow {
  animation-name: floating-arrow;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; 
}

@keyframes floating-arrow {
  from {
    transform: translate(-50%, 0); }
  65% {
    transform: translate(-50%, 15px); }
  to {
    transform: translate(-50%, 0); } 
}


/*-------------------------------------*/


/* step merchant css */

.header_step {
	text-align:center;
	color: #fff;
	margin-top:22px;
	font-size: 16px;	
	margin-bottom:10px;
}

.header_step  .col-md-3,  .step-logo{
	padding:15px;
}

.step{
	background-color:#efeff1;
	color:#7d7d7d;
	padding:10px;
	border-radius:10px;
}
.step-active{
	/*background-color:#ea5b24;*/
	background-color: #f8c620;
	color:#fff;
	padding:10px;	
	border-radius:10px;
}
.step-num {
	border-radius: 50%;
    border: 1px solid #fff;
    color: #9d9d9d;
    background: #fff;
    padding: 2px 8px 3px 8px;
	font-weight:bold;
	margin-right: 10px;
}
.num-active{
	border-radius: 50%;
    border: 1px solid #fff;
    color: #ea5b24;
    background: #fff;
    padding: 3px 9px 5px 9px;
	font-weight:bold;
	margin-right: 10px;
}
.step-logo{
	margin:0 30px;    
	padding-left: 0px;
    padding-top: 5px;
}
.header_step div img{
	margin-top:0px;
	height:58px;
}

.footer_step{
	background:#ea5b24;
	min-height:4px;
}

/* tnc step 3*/

.tnc-step3{
	text-align:justify;
    height: 400px;
    overflow: scroll; 
	overflow-x: hidden;
	padding:0 15px;
	border:1px solid #ddd;
}


.confirm-panel h4{
	font-weight:bold;
	text-align:center;
	margin:30px 0px;
}

/**/
.header-card{
	background:url("../img/banner-home.jpg");
	background-repeat:no-repeat;
    background-size: 100% auto;
}
.card-detail{
	margin-top:15%;	
	box-shadow:	0px 10px 19px #888888;
	margin-bottom:40px;
	background-color:rgba(255, 255, 255, 0.8);	
}


.card-detail>tbody>tr>td{
	border-top:none !important;
	padding-bottom:0px !important;
	
}

.card-menu {
	background-color:transparent;	
	color:#6a6969;
}
.card-menu> th
{	
	padding:10px !important;
	/*border-bottom: 1px solid #fff !important;	*/
	text-align:center !important;	
}

.rborder{	
	border-right: 1px solid #ddd;
    min-height: 34px;
}

/* @category icon */
.icon-menu{
	padding-top:5px;
	padding-left:50px;
	margin-right:20px;	
	height:30px;
	display:inline-block;
	color:#6a6969;
	font-weight:bold;
}


.card-menu >th>a:hover,.icon-menu:hover, 
.category-menu>li>a:hover{
	color:#bdbcbc;	
}
.card-menu >th>a>i,
.category-menu>li>a>i {	
    color: #6a6969;
    background-color: #bdbcbc;	
    padding: 7px;
    border-radius: 15px;
	margin-right:8px;
}
.card-menu >th>a>i.active,
.category-menu>li>a>i.active
{
    color: #fff;
    background-color: #ea5b24;	
}


.card-status{
	background:#fff;
	color:#6a6869;	
}
.card-status>tr>td{
	padding-left: 40px !important;
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-right:1px solid #ebebeb;
}
.card-status .title{
	font-size:14px;
}
.card-status .isi{
	font-size:20px;
	margin-bottom:35px;
}
.card-status  .balance{	
	font-size:25px;
	font-weight:bolder;
	color:black;
}

.change_pin i{
	padding-left:9px !important;
	padding-right:9px !important;
}
.add_voucher a{
	color: #ea5b24;
	font-size:40px;
	margin-left:15%;
}

/* table history transaksi*/
.panel-history{
	color: #fff !important;
	background-color: #ea5b24 !important;
}

.table-history thead{
	background-color: #f5f5f5;	
}

.table-history .btn{
	padding-top:3px;
	padding-bottom:3px;
}


/* cart*/
.table-cart {
	border:transparent;
	border-top:1px solid #ddd;
}
.table-cart thead{
	
	background:#f5f5f5;
}



.table-cart > tfoot>tr, .table-cart > tfoot>tr>td
{
	border:transparent;
}
/* cart label */
.cart-balance{
	padding:12px 0px;
	color:white;
	text-align:center;
	margin-top:20px;
	
}
.cart-balance span{
	font-size:14px;
}

.cart-balance strong{
	font-size:20px;
}

/**/
.support-info span i{
	padding-top:5px;
	font-size:16px;
}
/*------------------------------*/

/* footer */

.footer,.footer a {
	color: white;	
    text-align: center;
}

.footer-top p{
	margin-top:-30px;
}
.footer-top a{
	border:1px solid transparent;
	border-radius:50%;
	padding:16px;
	padding-top:0px;
	font-size:30px;
    color: white;	
}


.scrollup:hover {
    -moz-transform: translate(-0px, -2px);
    -ms-transform: translate(-0px, -2px);
    -o-transform: translate(-0px, -2px);
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -3px);
	cursor:pointer;
}


.fot-powerby{
	margin-top:12% !important;
}
.footer-top a:hover{
	color: grey;
}

.social-menu{
	margin-top:40px;
}
ul.social-menu li {
	margin-right:15px;
}

ul.footer-menu , .footer-text {
	margin:30px;
	text-align:left;
}
.footer ul li {
    display: inline-block;
}
ul.footer-menu li a {
	color:#999;
    font-size: 14px;
	margin-right:30px;
	padding-bottom:5px;
	font-weight:bold;
}
ul.footer-menu li a:hover, ul.footer-menu li.active a {
    color: #ccc;
	border-bottom:3px solid #fdd100;
}

.footer-sosial{
    margin: 20px;
	margin-bottom:30px;
}

ul.footer-sosial li a {
	color:#fff;	
	padding:12px 15px;	
    font-size: 20px;
	font-weight:bold;
	border:1px solid white;
	border-radius:50%;	
	margin-right:22px;
	
}
.footer-sosial li .fb a{
	padding-left:18px !important;
	padding-right:18px !important; 
}
.footer-sosial li .twitter a{
	padding-left:13px !important;
	padding-right:13px !important; 
}


ul.footer-sosial li a :hover{	
    color: #fdd100;
}

/*-----------------------------*/


/* menu atas about dll .. */

.menu-home{
	margin-top:20px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background:transparent;
	border-bottom:3px solid #ea5b24;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background:transparent;
	border-bottom:3px solid #ea5b24;
}

/*-----------------------------*/

/* shop */




.caption{
	text-align:center;
	margin:20px;
}

.category-panel{
	background:#f1f1f1;
	text-align:center;
}

.category-menu {	
    display: inline-block;
	padding-bottom:10px;
}
.category-menu li {
    display: inline-block;
	padding:5px 20px;
	margin-top:10px;
	border-right:1px solid #dddddd;
	height:40px;
}


.category-border{
	border-top:1px solid #dddddd;
}

.pagination{
	color:#ea5b24;
}
.pagination>li>a, .pagination>li>span{
	border:none;
}

/*-----------------------------*/

/**/

.page-tittle u{
	text-decoration:none;
	color:#505662;
	font-weight:bold;
	border-bottom:3px solid #505662;
	margin:30px 0;
}

.quote{ /* @about*/	
	color:#2a4856;
	font-weight:bold;
	text-align:center;
	margin-top:50px;
	margin-bottom:30px;
}

.panel-confirm {
	/* @shopping cart*/
	margin-bottom:30px;	
}


/*@home - about*/


#what {
	margin:60px 0;
}

#what img{
	height:150px;
}

.content div{
}

.img-testi{
	background:url("../img/about/testi.png") no-repeat center;
	background-size:cover;
	height:667px;
}

#why{
	background:url("../img/about/why-back.png");
	padding-bottom:50px;
}
#why p.judul{
	margin-top:15px;
}

.why-text .col-md-3 img{
	padding-top:10px;
	margin-right:0px
}

#who{
	padding:40px 0;
	background-color:#f2f2f2;
}

#who h4{
	text-align:center;
	margin-top:60px;
	margin-bottom:30px;
}

	
#jssor_issuer img,#jssor_1 img,#jssor_2 img,#jssor_3 img {
	
	padding:0 10px;
	border:1px outset transparent;
	border-right-color:#C5BFBF;
	
}


.contact .color-themes
{
	margin-left:6px;
}

.contact  .col-xs-8{
	padding-left:0px;
}

.contact .row{
	margin-top:5px;
}

#joining{
	background-color:#f8f8f8;
	padding-bottom:60px;
}
/*-----------------------------*/


/* header login menu*/
 .menu-home .navbar-default {
    background-color: transparent;
     border-color:transparent;
}

.menu-home ul.nav.navbar-nav {
	padding-top:25px;
}

@media (min-width: 768px){
	

ul.navbar-nav {
	padding-left:25px;
}

}

/* product menu*/
.category-products {
  border: 1px solid #F7F7F0;
  margin-bottom: 35px;
  padding-bottom: 20px;
  padding-top: 25px;
}
.category-products .panel {
	background-color: #FFFFFF;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 0px;
}
.category-products .panel-default .panel-heading {
	border: 0 none;
	padding: 5px 20px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: black;
}

.category-products .panel-default .panel-heading .panel-title a {
  color: #696763;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 0 none;
}

/*login voucher*/
.msg_err{
	color:red;	
    font-size: 14px;
    font-style: italic;
    text-align: center;
}


.product-info {
    margin: 2em 0;
}
.product-heading h4 {
    font-size: 1.35em;
    padding: 10px;
    color: #333;
    border-bottom: 1px solid rgb(236, 236, 236);
    margin-bottom: 1em;
    background: #F3F3F3;
    font-family: 'JosefinSans-Bold';
}

.product-info ul li {
    padding: 2px 0;
    color: #333;
    font-size: 1em;
}


.thumbnail>img{
	height:126px;
}

.by{
	color:#888282;
	font-size:14px;
}

/**/
.mtop15{
	margin-top:15px;
}

.mtop30{
	margin-top:30px;
}
.mtop60{
	margin-top:60px;
}

.mbot60{
	margin-bottom:60px;
}

.img-responsive{
	margin:0 auto;/*overide*/
}

.lefted{
	text-align:left !important; 
}

.righted{
	float:right;
	text-align:right;
}

.centered {
    text-align:center;
}

.col-centered {
    display:inline-block;
    float:none;
    /* inline-block space fix */
    margin-right:-4px;
}

/* 13 Nov 2020 */
.btn-adira{
	/*background-color: #ea5b24;*/
	background-color: #f8c620;
	color: white;
	border-radius: 5px;
}
.btn-adira2{
	background-color: #20b1c4;
	color: black;
	border-radius: 5px;
}

@media screen and (max-width: 800px){
	.btn-adira,.btn-adira2 {
		border-radius: 5px;
	}
}

.modal:before {
	content: '';
	display: inline-block;
	height: 30%;
	vertical-align: middle;
	margin-right: -4px;
}