* {
	margin: 	0;
	padding: 	0;
	box-sizing: border-box;
/*	line-height: 1;*/
	vertical-align: middle;
	font-size: 100%;
	/*border: 0;*/
}
html, body {
	width: 100%;
	height: 100%;
}

html { font-size: 15px; }

input,
body {
	font-family: 'open sans', 'helvetica neue', 'arial', sans-serif;
	font-size: 1em;

	/* TODO 		*/
	color: #333;
	color: rgba(29, 29, 29, 0.89);

	color: #4F5157;
	color: rgba(20, 23, 30, 0.75);


	color: #44464E;
	color: rgba(35, 38, 47, 0.85);
}

body {
	background-color: #dedede;
	text-align: center;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}

.b-container {		/* container block */
	display: table;
	width: 100%;
	height: 100%;
}

.b-column {		/* column block */
	display: table-cell;
	vertical-align: middle;
}
.b-content { 		/* content block */
	text-align: center;
	padding: 12px; 
}




th,
button,
label,
h1, h2, h3, h4, h5, h6,
.c-title
{
	font-family: 'roboto', 'open sans', 'helvetica neue', 'lato', 'karla', 'arimo', 'arial', sans-serif;
	font-weight: 500;
	/* TODO 		*/
	color: #2b2b2b;

	color: #2D2F33;
	color: rgba(29, 31, 35, 0.93);
}

th,
label {
	font-size: 1.1em;
	letter-spacing: .02em;
	margin: .3em auto;
}

input {
	padding: .3em .4em;
	border: 1px solid #ddd;
}

label + input {
	display: block;
	width: 100%;
	margin-top: .2em;
}

button {
	font-weight: 700;
	font-size: 1.1em;
	letter-spacing: .02em;
	text-transform: uppercase;


	border: 0;
	cursor: pointer;

	padding: .6em .8em;

	color: #353535;
	color: rgba(0,0,0,.7);

	box-shadow: 0 2px 9px 1px rgba(0,0,0,.2);
	background-color: #edefee;
}

button:hover {
	/* TODO 		*/
	color: #3894D8;
	color: rgba(26, 133, 212, 0.86);
	color: #3C77CF;
	color: rgba(0, 79, 197, 0.75);
}

button > * {
	vertical-align: middle;
	line-height: 1;
}

.pp > button.u-0 	{
	float: right;
	margin: 1.5em auto .2em;
}

input {	font-size: 18px; }


.pp {
	margin: 10px auto;
	display: inline-block;
	padding: 20px 25px;
	background-color: #fff;
	text-align: left;

}

.g-ff {
	text-align: left;
}

.p--form > form {	text-align: right;	}
.p--form {		
	padding-top: 45px;	
	padding-bottom: 30px;
}

.pp > .b-section {
	margin: 30px auto 20px;
}

.o-f--card-number,
.o--card-number {
	font-family: 'droid sans mono', sans-serif;
}

.o--card-number {
	font-size: 25px;
}

.o--card-balance {
	font-family: 'roboto', 'helvetica neue', sans-serif;
	font-weight: 500;
	font-size: 40px;
}

label {
	font-family: 'roboto';
	font-size: 19px;
	color: #333;
	color: rgba(0, 0, 0, 0.75);
}

.b-section > label {
	display: inline-block;
	margin-bottom: .1em;
}

.recaptcha-response {
	margin: 35px auto 45px;
}

.recaptcha-response-error {
	font-family: 'roboto', 'open sans', sans-serif;
	font-weight: normal;
	color: #f91c1c;
	color: rgba(249, 28, 28, 0.91);
	font-size: 1.1em;
}
.g-recaptcha {
	margin: 30px auto;
	width: 304px;
	height: 78px;
}


td, th {
	border: 1px solid #cbcbcb;
	padding: 2px 10px;
}

table.statement th {
	padding-top: 	.350em;
	padding-bottom:	.350em;
}

table.statement tr.transaction td.date,
table.statement td.transaction-date {
	font-family: 'droid sans mono', sans-serif;
	font-size: .800em;
	color: rgba(29, 29, 29, 0.8);
	letter-spacing: .020em;
}

table.statement tr.transaction td.balance,
table.statement tr.transaction td.amount,
table.statement td.transaction-amount {
	text-align: right;
/*	padding-left:	1.500em;	*/
/*	padding-right:	.700em;		*/
}

table.statement tr.transaction td.balance,
table.statement tr.transaction td.amount,
table.statement td.transaction-amount {
	font-family: 'roboto mono', 'droid sans mono', 'consolas', sans-serif;
	font-size: 13px;
	font-weight: 500;
}

table.statement tr.transaction td.type,
table.statement td.transaction-type {
	font-size: .800em;
	letter-spacing: .03em;
	color: rgba(29, 29, 29, 0.7);
}

table.statement th.balance {
	font-size: .9em;
}


.s-cols > div,
.b-section.b-set > div {
	vertical-align: top;
}

.s-cols,
.b-section.g--card-values {
	text-align: center;
}

.s-cols > div,
.b-section.g--card-values > div {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 0;
}

.s-cols-2 > div		{	width: 50%;	}
.s-cols-3 > div		{	width: 33%;	}
.s-cols-4 > div		{	width: 25%;	}

.b-section.g--card-values { font-size: 0; }
.b-section.g--card-values > div {
	width: 25%;
}



.o--cardholder {
	font-family: 'roboto', 'open sans', 'helvetica neue', 'lato', 'karla', 'arimo', 'arial', sans-serif;
	font-weight: 300;
	font-size: 3em;
}

.p--asp-redirect {
	font-size: 1em;
}

.c-title {
	display: block;
}
.c-title.c-0 {
	color: rgba(79, 83, 87, 0.73);

	color: #353B41;
	color: rgba(38, 44, 51, 0.93);

	font-size: 1.3em;
	margin: 1.2em auto .8em;
	font-weight: 400;
}

.pp > .t-0	{	font-size: 15px;	}

.t-instr.t-0 	{	margin: 1.2em auto;	}



/*
.btn-link {
	cursor: pointer;
	background-color: transparent;
	display: inline-block;
	font-family: 'open sans', 'helvetica neue', 'arial', sans-serif;
	font-weight: 600;
	text-decoration: underline;
}
*/


/*
 * 2016-09-06 15:41:35
 * 2016-09-06 15:57:54
 * 2016-09-06 16:09:47
 * 2016-09-06 16:20:39
 * 2016-09-06 17:01:08
 * 2016-09-06 18:59:52
 * 2016-09-06 19:30:01
 * 2016-09-07 20:57:27
 * 2016-09-15 13:47:01
 */
 @media only screen and (max-width: 480px){
	.pp{margin: 0 auto; padding:20px 10px;}
	.b-content{padding:0;}
 }
 @media only screen and (max-width: 767px){
	body{background-color:none;}
 }