.infTokenForm{
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.infTokenTbl{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.ctrDiv{margin:auto; width:400px; font-size: 15px; color: #888888; font-family: 'proxima_nova_rgregular'; padding-top:30px}
.cstmArea1{display:inline-table; width:120px;}
.cstmArea2{display:inline-table; width:10px;}
.cstmArea3{display:inline-table; width:200px;}
.cstmArea4{display:inline-table; width:100%; text-align:center}

.dl td { padding:4px}

.inline{display:inline-table;}

.page-section_ {
    padding: 50px;
}

.tblHeader{ background-color:#26C281; color:#FFFFFF; text-align:center}

.content2 {
	background: #fff; margin:auto; 
	padding: 4px;
	width: 600px;
	border:1px solid #ddd;
	min-height:300px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

.number{	
  border:1px solid #003066; color:#0D4D5D !important;
	cursor: pointer;
	padding: 1px 4px 1px 4px;
	margin: 2px 1px 2px 1px;
	background: #DEDEDE;
}

.numberBox a:hover{
	background: #0C79B1;
	font-weight: bold;
}
.numberBox{
  margin: 10px 0px 10px 180px;
}

.bx{border:1px solid #143B83 !important;}
.bx2{border:1px solid #ffffff !important;}
.bxInfo{ min-height:450px; overflow:hidden; padding-top:50px}

.footermenu {
    display: inline-block;
    position: relative; margin:15px 0px 15px 0px}

.footermenu li {
    display: inline-block;
    position: relative;
}
		
.footermenu li a {
    display: block;
    color: #eeeeee;
    /*font-family: 'proxima_novasemibold';*/
    font-size: 12px;
    position: relative;
		padding-right:12px;
		width:100px; /*border: 1px solid #fff;*/
		padding: 8px 8px 8px 0px;
}
.footermenu li a:hover {
color:#666666
}

.lstOl li{ 
 list-style-type:decimal !important; }

.lstUl li{ 
 list-style-type:circle !important; }
 
.bld{ font-weight:bold}
.clRed{ color:#FF0000}
.clBlue{ color:#000066}
.dflFont{ color: #888888; }
.rwdInfo{ text-align:left}
.cnt{ text-align:center}

.img_left {
    background: #fff;
    text-align: center;
    padding: 72px 0;
}

.infTitle{ padding-top:6px; font-size:20px; font-weight:300!important; color: #888888;}
.tblRek{margin:auto; width:450px; padding-top:150px; border: 1px solid #000;}

.lblRekAn{ color:#0D2849; font-size:10px; font-weight:bold;padding:0px!important;}
.imgBank{height:93px!important;}
.noLine{border-color: #fff!important;}
.infTitle2{ padding-top:6px; font-size:20px; font-weight:bold!important; color:#000066}

#notifikasi  {position: fixed; border-radius: 8px;
    top: 160px;
    left: 10px;
    width: 230px;
    height: 100px;
    background-color:#EF4836; overflow:hidden}
#notifClose{float: right;	width:15px;	margin: 0px; background:url('../images/close.png') top center no-repeat;	height:15px;	padding-right: 0px; cursor:pointer}
#notifContent{/*border:1px solid #ddd;*/ padding:30px 10px 10px 10px; color:#FFFFFF; text-align:center}
#notifContent .judul { font-size:16px; font-weight:300; }
#notifContent .subjudul { font-size:14px; font-weight:bold; color:#FFFFFF}
#notifContent .subjudul a{color:#FFFFFF}

p{
	text-align:justify; 
}

.tblInf td{ padding:2px 6px 2px 6px}
.fs13{ font-size:13px!important}

.promo_cta_area {
    background: #26196b;
    padding: 30px 0 30px;
}

.promo_title h3 {
    color: #ffffff;
    font-size: 25px;
    font-family: 'proxima_nova_rgbold';
    padding-top: 14px;
}

.infTkn{ min-width:140px!important}
.upperCase{ text-transform:uppercase}

#bInfo {background:#eee; bottom:0; height:25px; left:0; position:fixed; width:100%; padding:3px; }
#bInfoContent{float: left;width: 90%;	margin: 0px;}
#bInfoClose{float: right;	width:25px;	margin: 0px; background:url('../images/close.png') top center no-repeat;	height:15px;	padding-right: 8px; cursor:pointer}

.regInf1{ /*border:1px solid #ddd;*/ width:110px; display:inline-table; padding-left:35px; }
.regInf2{ /*border:1px solid #ddd;*/ width:150px; display:inline-table; font-weight:bold}
.regBox{ /*border:1px solid #ddd;*/padding:10px 0px 10px 0px}
.lmtInfo{font-style:italic; font-size:11px; padding:0px 0px 6px 20px}

.bdr{border:1px solid #ddd !important}
.lg_fcb{
  background:url('../images/lg_fb.png') top center no-repeat; 
  display: block;
  max-width:50px;
  min-height:50px;
  width: auto;
  height: auto;}

#bxLeft{/*border:1px solid #FF0000;*/ float:left; width:360px;}
#bxRight{/*border:1px solid #FF0000;*/ float:left; width:610px;}
#adrName{ padding-bottom:20px;}
#adrName .ttl{color:#000099; font-size:20px; font-weight:bold}
#adrMap{/*border:1px solid #FF0000;*/ width:600px; height:500px}
.bxL{/*border:1px solid #FF0000;*/ float:left; width:50px; padding-top:15px;}
.bxR{/*border:1px solid #FF0000;*/ float:left; width:300px; padding-top:15px;}
#bxMedia{}
.bxItem{/*border:1px solid #ddd;*/ width:50%; float:left; min-width:300px; padding-bottom:10px;}
.bxLine{border:2px solid #000099;}
.clear{clear:both;}

.lwg{ padding:10px 40px 10px 40px }
.lwgJudul{ text-align:center; font-size:35px; padding-bottom:10px; color:#2E537F}
.lwgSubJdl{ color:#D91B5C; padding:15px 0px 8px 0px; font-weight:bold; font-size:18px}
.lwgTgl{ font-size:11px}
.lwgBox{border:1px solid #D91B5C; padding:15px}

.dftrInfo{padding:0px 0px 20px 0px}
.dftrCttn{ font-style:italic; font-size:11px; padding-top:6px}
.rightAln{text-align:right;}

#tut{}
#tutLeft{ width:20%; /*border:1px solid #ddd; */float:left; padding:20px 10px 20px 10px; min-height:420px}
#tutRight{ width:50%;/*border:1px solid #ddd;*/ float:left; padding:20px 0px 20px 0px;}
.tutItem{/*border:1px solid #ddd;*/ cursor:pointer; padding:3px;}
.tutItem:hover{background-color:#ddd}
.tutSelected{ background-color:#26C281}

.bnr1{background-color:#FFCC00; padding:20px 20px 20px 70px ;}
.bnr1 .lgRight{float:right}
.bnr1 .lgLeft{float:left}
.bnr1Ttl{ color:#0000CC; font-size:30px; font-weight:bold}

.twr { padding:0px 50px 40px 50px; margin-top:170px !important;}
.twr2{ padding:40px 50px 40px 50px; background-color:#F0DDC9}
.twr3{ padding:60px 70px 40px 70px !important; background-color:#FFEE99}
.twr4{ padding:60px 70px 40px 70px !important; background-color:#D8FED1}
.twr5{ padding:60px 70px 40px 70px !important; background-color:#E6E6E6}
.twr6{ padding:60px 250px 40px 200px !important;}
.subJdl{ font-size:10px; padding-top:10px;}


.text-white{ color:#FFFFFF !important;}
.ftr-link { color:#FFFFFF !important;}
.ftr{ padding: 20px 20px 0px 20px !important;}
.ftr li{ font-size:12px; padding:2px 0px 2px 0px  !important;}
.ftrlbl1 { width:15px; vertical-align:top}
.ftrlbl2 { width:45px; vertical-align:top}
.ftrlbl3 {vertical-align:top}
.ftrbtm{ padding:10px 0px 50px 0px;background-color:#0e0e0e;}
.simple-table {}
.simple-table td{	padding: 2px 8px 2px 8px !important;}
.pageBox{ padding:50px 40px 100px 40px !important;}

/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/*jssor slider bullet skin 132 css*/
.jssorb132 {position:absolute;}
.jssorb132 .i {position:absolute;cursor:pointer;}
.jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
.jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
.jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
.jssorb132 .i.idn {opacity:0.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.bg-motor {background:url('../images/bg-motor.jpg') repeat;}
.sdr-judul { padding:0px 150px 0px 150px !important;}
.sdr-title { background: rgba(0, 0, 0, 0.5); padding:20px !important; }

.pBank{padding-bottom:10px;}
.lblRek{ color:#0D2849; font-size:12px; font-weight:bold; padding:0px!important;}
.judulBank{ font-size:30px; font-weight:bold; text-align:center;}

@media only screen and (max-width: 600px) {
  .ftrBox { 
		display: flex;
		flex-wrap:wrap;
		background-color:#0e0e0e;
		padding-top:50px;
	}
	
	.ftrItem {
	  width:50% !important;
		padding:10px 4px 10px 20px;
		font-size:11px;
	}
	
	.bankBox{
		display: flex;
		flex-wrap:wrap;
		padding:0px 0px 70px 0px;
	}
	
	.bankItem{
	  width:50% !important;	
		padding:10px 10px 20px 10px;
	}
	
	.judulBank{ font-size:20px; font-weight:bold; text-align:center; padding-top:40px;}
	
	.fiturBox{
		display: flex;
		flex-wrap:wrap;
	}
	.fiturItem{
		width:50% !important;	
		padding:10px 10px 20px 10px;
	}
	.subJdl2{ font-size:12px;}

}

@media only screen and (min-width: 601px) {
  .ftrBox { 
		display: flex;
		flex-wrap:wrap;
		background-color:#0e0e0e;
		padding:50px 10% 0px 10%;

	}
	
	.ftrItem {
		padding:10px 10px 10px 20px;
		font-size:12px;
		/*flex-wrap: wrap;*/
	}
	
	.bankBox{
		display: flex;
		flex-wrap:wrap;
		padding:0px 20% 70px 20%;
	}
	
	.bankItem{
	  width:33% !important;	
		padding:6px 6px 20px 6px;
	}
	
	.judulBank{ font-size:30px; font-weight:bold; text-align:center; padding-top:50px;}
	
	.fiturBox{
		display: flex;
		flex-wrap:wrap;
		padding:0px 10% 0px 10%;}
	.fiturItem{
		width:16% !important;	
		padding:10px 10px 20px 10px;
	}
	.subJdl2{ font-size:12px;}
	
}

@media only screen and (min-width: 401px) {
	.regForm{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
   	margin-top:20px;
  }
}

@media only screen and (max-width: 400px) {
	.regForm{
    margin-left: auto;
    margin-right: auto;
   	margin-top:20px;
  }
  
  .form-group label {padding:0px !important;	}
  .form-group .col-md-9 {padding-right: 0px !important;
  padding-left: 0px !important;	}
}