html, body {
	background: #EEF3F9;
	color: #333;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
	min-width: 320px;
	padding: 0;
	height: 100%;
	width: 100%;
}

p, h1, h2, h3, h4 {
	margin: 0;
}

input, textarea, select {
	border: 1px solid #ccc;
	font: .9rem Open Sans, arial, sans-serif;
	margin: 0;
	padding: .4rem;
	outline: 0;
	-webkit-appearance: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #C6CCDA;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #C6CCDA;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #C6CCDA;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #C6CCDA;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0
}

img {
	border: 0
}

div, textarea, table, td, th, code, pre {
	word-wrap: break-word
}

canvas {
	display: block;
	vertical-align: bottom;
}

.cntr {
	max-width: 600px;
	margin: 0 auto
}

.cntr:before, .cntr:after {
	content: ' ';
	display: table
}

.cntr:after {
	clear: both
}

button {
	border: 0;
	cursor: pointer;
	font-family: 'Open Sans', arial, sans-serif;

}

button:disabled {
	background: #D8E0EB;
	cursor: default;
}

.fs06 {
	font-size: 9px;
	font-size: 0.6rem;
}

.fs07 {
	font-size: 11px;
	font-size: 0.7rem;
}

.fs08 {
	font-size: 12px;
	font-size: 0.8rem;
}

.fs09 {
	font-size: 14px;
	font-size: 0.9rem;
}

.fs1 {
	font-size: 16px;
	font-size: 1rem;
}

.fs11 {
	font-size: 18px;
	font-size: 1.1rem;
}

.fs12 {
	font-size: 20px;
	font-size: 1.2rem;
}

.fs13 {
	font-size: 21px;
	font-size: 1.3rem;
}

.fs14 {
	font-size: 22px;
	font-size: 1.4rem;
}

.fs15 {
	font-size: 24px;
	font-size: 1.5rem;
}

.fs2 {
	font-size: 32px;
	font-size: 2rem;
}

.fs25 {
	font-size: 40px;
	font-size: 2.5rem;
}

.lh1 {
	line-height: 16px;
	line-height: 1rem;
}

.lh12 {
	line-height: 20px;
	line-height: 1.2rem;
}

.lh14 {
	line-height: 24px;
	line-height: 1.4rem;
}

.lh18 {
	line-height: 28px;
	line-height: 1.8rem;
}

.lh3 {
	line-height: 48px;
	line-height: 3rem;
}

.fcw {
	color: #fff;
}

.fc47 {
	color: #47505e;
}

.fc8f {
	color: #8fa3bf;
}

.fc79 {
	color: #7994bc;
}

.fcfc {
	color: #fc5d6a;
}

.fc22 {
	color: #223a5c;
}

.fc67 {
	color: #677b97;
}

.fc5e {
	color: #5eacff;
}

.fc7f {
	color: #7f75e9;
}

.fc42 {
	color: #42d2ff;
}

.fca0 { 
	color: #A0AFC6;
}

.bgw {
	background: #fff;
}

.bgef {
	background: #ebeff5;
}

.m0a {
	margin: 0 auto;
}

.m04 {
	margin: 6px;
	margin: 0.4rem;
}

.mt04 {
	margin-top: 6px;
	margin-top: 0.4rem;
}

.mb04 {
	margin-bottom: 6px;
	margin-bottom: 0.4rem;
}

.ml04 {
	margin-left: 6px;
	margin-left: 0.4rem;
}

.mr04 {
	margin-right: 6px;
	margin-right: 0.4rem;
}

.mt02 {
	margin-top: 6px;
	margin-top: 0.2rem;
}

.mb02 {
	margin-bottom: 3px;
	margin-bottom: 0.2rem;
}

.ml02 {
	margin-left: 3px;
	margin-left: 0.2rem;
}

.mr02 {
	margin-right: 3px;
	margin-right: 0.2rem;
}

.m06 {
	margin: 9px;
	margin: 0.6rem;
}

.mt06 {
	margin-top: 9px;
	margin-top: 0.6rem;
}

.mb06 {
	margin-bottom: 9px;
	margin-bottom: 0.6rem;
}

.ml06 {
	margin-left: 9px;
	margin-left: 0.6rem;
}

.mr06 {
	margin-right: 9px;
	margin-right: 0.6rem;
}

.m08 {
	margin: 12px;
	margin: 0.8rem;
}

.mt08 {
	margin-top: 12px;
	margin-top: 0.8rem;
}

.mb08 {
	margin-bottom: 12px;
	margin-bottom: 0.8rem;
}

.ml08 {
	margin-left: 12px;
	margin-left: 0.8rem;
}

.mr08 {
	margin-right: 12px;
	margin-right: 0.8rem;
}

.mt10 {
	margin-top: 15px;
	margin-top: 1.0rem;
}

.mb10 {
	margin-bottom: 15px;
	margin-bottom: 1.0rem;
}

.ml10 {
	margin-left: 15px;
	margin-left: 1.0rem;
}

.mr10 {
	margin-right: 15px;
	margin-right: 1.0rem;
}


.m1 {
	margin: 16px;
	margin: 1rem;
}

.mt1 {
	margin-top: 16px;
	margin-top: 1rem;
}

.mt11 {
	margin-top: 18px;
	margin-top: 1.1rem;
}

.mb1 {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.mb12 {
	margin-bottom: 20px;
	margin-bottom: 1.2rem;
}

.ml1 {
	margin-left: 16px;
	margin-left: 1rem;
}

.mr1 {
	margin-right: 16px;
	margin-right: 1rem;
}

.m15 {
	margin: 24px;
	margin: 1.5rem;
}

.m2 {
	margin: 32px;
	margin: 2rem;
}

.mt2 {
	margin-top: 32px;
	margin-top: 2rem;
}

.mb2 {
	margin-bottom: 32px;
	margin-bottom: 2rem;
}

.ml2 {
	margin-left: 32px;
	margin-left: 2rem;
}

.mr2 {
	margin-right: 32px;
	margin-right: 2rem;
}

.mt15 {
	margin-top: 24px;
	margin-top: 1.5rem;
}

.mt3 {
	margin-top: 48px;
	margin-top: 3rem;
}

.mb3 {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}

.mt5 {
	margin-top: 70px;
	margin-top: 5rem;
}

.mb5 {
	margin-bottom: 70px;
	margin-bottom: 5rem;
}

.w20 {
	width: 20%;
}

.w33 {
	width: 33%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}

.fw3 {
	font-weight: 300;
}

.fw4 {
	font-weight: 400;
}

.fw6 {
	font-weight: 600;
}

.dbl {
	display: block;
}

.dib {
	display: inline-block;
}

.dtb {
	display: table;
}

.dtc {
	display: table-cell;
}

.tlf {
	table-layout: fixed;
}

.dno {
	display: none;
}

.vat {
	vertical-align: top;
}

.vam {
	vertical-align: middle;
}

.vab {
	vertical-align: bottom;
}

.tal {
	text-align: left;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.ttu {
	text-transform: uppercase;
}

.tdu {
	text-decoration: underline;
}

.clr {
	clear: both;
}

.flf {
	float: left;
}

.fri {
	float: right;
}

.rel {
	position: relative;
}

.fcdb {
	color: #2A3A4F;
}

.fclb {
	color: #BFCCE0;
}

.fcss {
	color: #54657C;
}

.udl { text-decoration: underline; }

@media (max-width: 1000px) {
  	header.index {
		width: 100%;
		height: 270px;
		background: #5677FB;
	}

}

@media (min-width: 1000px)  {
  	header.index {
  		margin-left:300px;
  		margin-right:300px;
		height: 270px;
		background: #5677FB;
	}

}

header.index .left {
	margin:0 5% 0 15%;
	width:30%;
	position:absolute;
	bottom:0;
	left: 0;
}

header.index .left .block {
	margin:0 auto;
	background:#A277FF;
	width:57px;
	height:50px;
	border-radius: 5px 5px 0 0;
}

header.index .right {
	margin:0 15% 0 5%;
	width:30%;
	position:absolute;
	bottom:0;
	right: 0;
}

header.index .right .block {
	margin:0 auto;
	width:57px;
	height:75px;
	border-radius: 5px 5px 0 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#42d3ff+0,4bb9ff+50,8496ff+100 */
	background: #42d3ff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #42d3ff 0%, #4bb9ff 50%, #8496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d3ff', endColorstr='#8496ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.line,
.line2 {
	background: #D9E1F1;
	border: 0;
	height: 1px;
}

.line2 {
	background: #F0F5F7;
	border: 0;
	height: 1px;
}

#List,
.bankData {
	margin-bottom: 100px;
}

#bankList > thead {
	height: 35px;
}

#bankList > thead .first {
	width: 15px;
}

#bankList > thead .third {
	width:62px;
	background:#F4C143;
}

#bankList > thead .fourth {
	width:62px;
	background:#87C7FA;
}

#bankList > thead .fifth {
	width:62px;
	background:#2A3A4F;
}

#bankList > thead .sixth {
	width:5px;
	
}

#bankList > tbody > tr {
	height:75px;
}

#bankList > tbody .second {
	border-bottom: 2px solid #D9E1F1;
	line-height: 1;
}

#bankList > tbody .third {
	background:#FEF6DC;
	border-bottom:2px solid #D9E1F1;
}

#bankList > tbody .fourth {
	border-bottom: 2px solid #D9E1F1;
}

#bankList > tbody .fifth {
	background:;
	border-bottom: 2px solid #D9E1F1;
}

#bankList > tbody .sixth {
	
	border-bottom: 2px solid #D9E1F1;
}

#bankList > tbody tr.end > td {
	border-bottom: 0 !important;
}

#allBanks > li {
	padding: 24px;
	padding: 1.5rem;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 20px 0px #CCD6E3;
	-webkit-box-shadow: 0px 0px 20px 0px #CCD6E3;
	-o-box-shadow: 0px 0px 20px 0px #CCD6E3;
	box-shadow: 0px 0px 20px 0px #CCD6E3;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
}

#allBanks .logo {
	width:150px;
}

#allBanks .button {
	width:100px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-webkit-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-o-box-shadow: 0px 0px 100px 0px #CCD6E3;
		box-shadow: 0px 0px 100px 0px #CCD6E3;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
		background: #42d3ff; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #42d3ff 0%, #4bb9ff 50%, #8496ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d3ff', endColorstr='#8496ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#allBanks .button > a {
	line-height: 40px;
	/*background: #5CC77B;*/
	border-radius: 3px;
}

.bankData .subscribe_button {
	width:140px;
}

.bankData .subscribe_link{
	line-height: 20px !important;
	padding: 10px 10px 10px 10px;
}

.bankData .subscribe_button > a {
	line-height: 40px;
	background: #5CC77B;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-webkit-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-o-box-shadow: 0px 0px 100px 0px #CCD6E3;
		box-shadow: 0px 0px 100px 0px #CCD6E3;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
		background: #42d3ff; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #42d3ff 0%, #4bb9ff 50%, #8496ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d3ff', endColorstr='#8496ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.bank .logo {
	max-height: 40px
}

.bank .baseline{
	width:14	0px ;
}



.back{

}

@media (max-width: 1000px) {
	.btn {
		width:80%;
		position:fixed;
		bottom:2%;
		background:#3ABC5A;
		line-height:60px;
		border-radius: 20px;
    	left:10%;
    	-moz-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-webkit-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-o-box-shadow: 0px 0px 100px 0px #CCD6E3;
		box-shadow: 0px 0px 100px 0px #CCD6E3;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
		background: #00EA9F; /* Old browsers */
		
	}
}

@media (min-width: 1000px) {
	.btn {
		width:40%;
		position:fixed;
		bottom:2%;
		background:#3ABC5A;
		line-height:60px;
		border-radius: 20px;
    	left:30%;
    	-moz-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-webkit-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-o-box-shadow: 0px 0px 100px 0px #CCD6E3;
		box-shadow: 0px 0px 100px 0px #CCD6E3;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
		background: #00EA9F; /* Old browsers */
		
	}
}

@media (max-width: 1000px) {
	.btn2 {
		width:80%;
		position:fixed;
		bottom:2%;
		background:#3ABC5A;
		line-height:60px;
		border-radius: 20px;
    	left:10%;
    	-moz-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-webkit-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-o-box-shadow: 0px 0px 100px 0px #CCD6E3;
		box-shadow: 0px 0px 100px 0px #CCD6E3;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
		background: #42d3ff; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #42d3ff 0%, #4bb9ff 50%, #8496ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d3ff', endColorstr='#8496ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
}

@media (min-width: 1000px) {
	.btn2 {
		width:40%;
		position:fixed;
		bottom:2%;
		background:#3ABC5A;
		line-height:60px;
		border-radius: 20px;
    	left:30%;
    	-moz-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-webkit-box-shadow: 0px 0px 100px 0px #CCD6E3;
		-o-box-shadow: 0px 0px 100px 0px #CCD6E3;
		box-shadow: 0px 0px 100px 0px #CCD6E3;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
		background: #42d3ff; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #42d3ff 0%, #4bb9ff 50%, #8496ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d3ff', endColorstr='#8496ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
}

@media (max-width: 1000px) {
	.btn3 {
		border-radius: 20px;
		padding: 10px 30px 10px 30px;
		background:#3ABC5A;
		line-height:70px;
		background: -moz-linear-gradient(-45deg,  #42d3ff 0%, #4bb9ff 50%, #8496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d3ff', endColorstr='#8496ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		-moz-box-shadow: 0px 0px 20px 0px #CCD6E3;
	-webkit-box-shadow: 0px 0px 20px 0px #CCD6E3;
	-o-box-shadow: 0px 0px 20px 0px #CCD6E3;
	box-shadow: 0px 0px 20px 0px #CCD6E3;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
	}
}

@media (min-width: 1000px) {
	.btn3 {
		border-radius: 20px;
		padding: 10px 30px 10px 30px;
		background:#3ABC5A;
		line-height:70px;
		background: -moz-linear-gradient(-45deg,  #42d3ff 0%, #4bb9ff 50%, #8496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #42d3ff 0%,#4bb9ff 50%,#8496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42d3ff', endColorstr='#8496ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		-moz-box-shadow: 0px 0px 20px 0px #CCD6E3;
	-webkit-box-shadow: 0px 0px 20px 0px #CCD6E3;
	-o-box-shadow: 0px 0px 20px 0px #CCD6E3;
	box-shadow: 0px 0px 20px 0px #CCD6E3;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCD6E3, Direction=NaN, Strength=20);
	}
}
