/* html5 */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display:block;}
/* html5 */
html,
body {
	height: 100%;
}
html {height:100%;}
body {min-width:320px; margin:0; padding:0; position:relative; font-family: 'ProximaNova-Light', Arial, Helvetica, sans-serif; color:#000; background:#fff;}

a img {border:0;}

* {min-height:0px; outline:none;}

h1,h2,h3,h4,h5,h6 {display:block; margin:10px 0; padding:0; font-family: 'ProximaNova-Light', Arial, Helvetica, sans-serif; color:#333;}

h1 {font-size:30px;}
h2 {font-size:28px;}
h3 {font-size:26px;}
h4 {font-size:24px;}
h5 {font-size:22px;}
h6 {font-size:18px;}

b, strong {font-family: 'ProximaNova-Semibold', Arial, Helvetica, sans-serif;}

ul,
ol,
li,
dl,
dt,
dd {display:block; padding:0; margin:0; list-style:none; background:0;}

form {display:block; padding:0; margin:0;}
input[type="image"]:hover {opacity:0.8;}
input, textarea, select, button {font-family: 'ProximaNova-Light', Arial, Helvetica, sans-serif; color:#111; vertical-align:baseline;}
label {vertical-align:baseline;}

label, input[type=button], input[type=submit], button { cursor:pointer; }
textarea {overflow:auto; resize:vertical;}


/* Inputs */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {width:100%; padding:8px 10px; display:inline-block; vertical-align:middle; margin:0; border:0; font-weight:400; font-size:14px; color:#333333; outline:none; background:#fff;
  -webkit-transition:background-color .1s linear;
  -moz-transition:background-color .1s linear;
  transition:background-color .1s linear;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea {min-height:50px;}

input[type="submit"] {-webkit-appearance: none;}

::-webkit-input-placeholder {color:#333333; -webkit-transition:color .1s linear; text-transform:none;}
:focus::-webkit-input-placeholder {color:transparent;}
:-moz-placeholder {color:#333333; -moz-transition:color .1s linear; text-transform:none;}
:focus:-moz-placeholder {color:transparent;}
::-moz-placeholder {color:#333333; -moz-transition:color .1s linear; text-transform:none;}
:focus::-moz-placeholder {color:transparent;}
:-ms-input-placeholder {color:#333333; text-transform:none;}
:focus:-ms-input-placeholder {color:transparent;}

.clearfix:before,
.clearfix:after {content:".";display:block;height:0;visibility:hidden;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}



/* Your app styles here */
.size-16 { font-size: 16px }
.size-22 { font-size: 22px }
.size-25 { font-size: 25px }
.size-29 { font-size: 29px }
.size-50 { font-size: 50px }

/*Банки*/
.alfabank {background: #ef3124; color: #fff;}
.tinkoff {background: #ffdd2d;}
.qiwi {background: #e8e8e8;}
.rosbank {background: #e9041e; color: #fff;}
.vtb {background: #0a2896; color: #fff;}
.raiffeisen {background: #ffdb00;}
.citibank {background: #233d6d; color: #fff;}
.sovcom {background: #3b65bb; color: #fff;}
.vostbank {background: #004997; color: #fff;}
.homecredit {background: #db0022; color: #fff;}
.open {background: #00b4e3; color: #fff;}
.rencredit {background: #d41367; color: #fff;}
.ubrr {background: #e94281; color: #fff;}

/*Микрозаймы*/
.moneyman {background: #5ca800; color: #fff;}
.webbankir {background: #f7df53; color: #000;}
.turbozaim {background: #0987ce; color: #fff;}
.zaymer {background: #71bb3e; color: #fff;}
.webzaim {background: #2a89e4; color: #fff;}
.migcredit {background: #7dc041; color: #fff;}
.glavfinance {background: #499e69; color: #fff;}
.bistrodengi {background: #006eb7; color: #fff;}
.zaymigo {background: #2b3847; color: #fff;}
.alizaim {background: #ff9900; color: #fff;}
.microklad {background: #820318; color: #fff;}
.otlnal {background: #30a939; color: #fff;}

/*Страхование*/
.ingosstrah {background: #0047bb; color: #fff;}
.renins {background: #5a2380; color: #fff;}
.soglasie {background: #ef891c; color: #fff;}
.alfastrah {background: #ce253d; color: #fff;}
.rgs {background: #9e0918; color: #fff;}


.logo img {width: 160px;}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.content {
	flex: 1 0 auto;
}
.footer {
	flex: 0 0 auto;
}

.card_bg {padding: 50px 0 80px 0;}
.card {background: #ef3124;}
.card .top_panel {color: #fff;}

.card_bank_info_ball_btn:active {opacity: 0.9;}

.card_logo {text-align: center;}
.card_bank {text-align: center; margin-top: 40px;}
.card_bank img {max-width: 300px; width: 100%;}

.card_bank_info {background: #fff; border-radius: 36px 36px 0 0; padding: 40px 0px 15px 0px; margin-top: -30px; position: relative;}
.card_bank_info_title {font-size: 20px; font-weight: bold; padding: 0 15px 0 15px;}
.card_bank_info_subtitle {font-size: 14px; margin-top: 10px; padding: 0 15px 0 15px; margin-bottom: 15px;}
.card_bank_text {padding: 0 15px 0 15px;}
.card_bank_info_subtitle p {line-height: 26px;}

.privacy a {color: #036dfe; padding: 0 15px 0 15px;}
.footer {padding: 15px; text-align: center;}