@font-face {
    font-family: 'IBMPlexSans-Light';
    src: url('fonts/IMB-Light/IBMPlexSansLight.eot');
    src: url('fonts/IMB-Light/IBMPlexSansLight.eot') format('embedded-opentype'),
         url('fonts/IMB-Light/IBMPlexSansLight.woff2') format('woff2'),
         url('fonts/IMB-Light/IBMPlexSansLight.woff') format('woff'),
         url('fonts/IMB-Light/IBMPlexSansLight.ttf') format('truetype'),
         url('fonts/IMB-Light/IBMPlexSansLight.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'IBMPlexSans-Medium';
    src: url('fonts/IMB_Medium/IBMPlexSansMedium.eot');
    src: url('fonts/IMB_Medium/IBMPlexSansMedium.eot') format('embedded-opentype'),
         url('fonts/IMB_Medium/IBMPlexSansMedium.woff2') format('woff2'),
         url('fonts/IMB_Medium/IBMPlexSansMedium.woff') format('woff'),
         url('fonts/IMB_Medium/IBMPlexSansMedium.ttf') format('truetype'),
         url('fonts/IMB_Medium/IBMPlexSansMedium.svg#RobotoMedium') format('svg');
}

*,*:before,*:after{box-sizing: border-box;}
*{margin:0;
	padding:0;}
a{text-decoration: none;color:#2FACEB; outline:none !important; }
a:hover{ color:#288ec2;}
:focus{outline:none;}
a:active, a:hover, a:hover{outline: none;}
input,textarea{font:inherit;padding:0;margin:0;background: none;border:0;width:100%;}
button{font:inherit;padding:0;margin:0;background: none;border:0;}
/*main*/
.clearfix:before,
.clearfix:after {content: " ";
    display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
img{border:none;}

html{ min-height:100%;}
body{min-height:100%; overflow-x: hidden;  font-family: 'IBMPlexSans-Light';background-color: #ffffff;color:#3E4B52;}


section, footer, header, aside{
	display: block;
}

.container {width:95%; max-width: 1135px; margin:0 auto;}
.header {padding:16px 0;border-bottom:1px solid #F5F5F5;}
.header__logo {float:left; max-width:221px;}
.header__logo  img {width:100%;}
.header__title {float:right;padding:6px 0;}
.header__title-txt {color:#050E29;line-height: 32px;font-size:18px;display: inline-block;}
.simple-text{-webkit-box-shadow: 0px 5px 10px -3px rgba(63,75,82,0.1);
-moz-box-shadow: 0px 5px 10px -3px rgba(63,75,82,0.1);
box-shadow: 0px 5px 10px -3px rgba(63,75,82,0.1); position: relative; z-index: 1;}
.simple-txt {padding:15px 0 15px 0;text-align: center;}
.simple-txt__txt {text-align: center;font-size: 14px;line-height: 24px; display: inline-block;}


.bank-cards{ background: #f2f4f5; padding: 15px 0 }
.b-card {border-radius:4px;position: relative; margin-bottom: 10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(63,75,82,0.1);
-moz-box-shadow: 0px 0px 3px 0px rgba(63,75,82,0.1);
box-shadow: 0px 0px 3px 0px rgba(63,75,82,0.1); background: #fff; padding:15px 0px; display: table; width: 100%; cursor:pointer;}
.b-card__img, .b-card__row, .b-card__btnwrap{ display: table-cell; position: relative; width: 16.6%; vertical-align: middle; }
.b-card__img { padding-left: 20px; width: 22%; height:78px; }
.b-card__row_sum{ width: 13%; padding-right: 20px; }
.b-card__row_rate{ width: 11%; padding-right: 20px;}
.b-card__row_term{ width: 12%;  padding-right: 20px;}
.b-card__row_info{ width: 26%; padding-right: 20px;}
.b-card__btnwrap{ width:16%;  padding-right: 20px;}
.b-card__img img {width:100%; max-width: 144px; display: block;}
.b-card__cont {}
.b-card__ico{ display: none; }
.b-card__name { color: #7C96A3; font-size: 14px; }
.b-card__summ {font-size: 14px; line-height: 20px; font-family: 'IBMPlexSans-Medium';}
.b-card__row {}
.b-card__txtunique {padding:10px 0 22px 0;}
.b-card__txtunique p {text-align: left;font-size: 14px;line-height: 24px;letter-spacing: -0.5px;color:#050E29;}
.b-card-btn {display: block;width:100%;height:48px; background-color: #fff; border-radius:4px;text-align: center; border:1px solid #2FACEB; color: #2FACEB; font-size: 16px; line-height: 45px;  font-family: 'IBMPlexSans-Medium';}
.b-card-btn:hover{ color: white; border-color: #2FACEB; background-color: #2FACEB; }
.b-cards__wrapper {}

.b-card:hover {
	background-color: #efefef;
}

.creditors-title {padding:25px 0; font-size: 18px;line-height: 32px; text-align: center;}
.best,.recommend,.hit,.special {width:100%; max-width: 164px; height:24px;background-color: #F8B300;    position: absolute;    left: 0;    top: 0; border-top-left-radius:4px; border-top-right-radius:4px; z-index: 1;  }
.best p, .recommend p, .hit p, .special p { text-align: center;color:#fff;font-size: 14px; line-height: 24px;font-family: 'IBMPlexSans-Medium';}
.recommend {background-color:#A4D34D; }
.hit {background-color:#d33; }
.special {background-color:#1e73be; }


.b-creditors { width: 30%; margin-right: 5%; float: left; border: 1px solid #F2F4F5; border-radius: 4px; padding: 15px; margin-bottom: 20px;}
.b-creditors:last-child { margin-right: 0; }
.creditors__title {padding:15px 0 15px 0; text-align: center; text-transform: uppercase;font-size: 16px; line-height:24px;}
.b-creditors__all {}
.b-creditors__info {padding:0 0 8px 0;}
.b-creditors__info p {color:#050E29;font-size: 14px;line-height: 24px;letter-spacing: -0.5px;}
.b-creditors__info span {margin-right: 7px; color: #7C96A3;}
.b-creditors_wrap  {padding:0 0 40px 0;}


.conditions-tit {font-size: 16px; line-height: 24px;font-family: 'IBMPlexSans-Medium';}
.conditions-content p {font-size: 14px; line-height: 24px;color:#7C96A3;letter-spacing: -0.5px;}
.hide-btn {font-size: 14px; line-height: 24px;color:#2FACEB;text-decoration:underline;text-decoration-style:dashed;-moz-text-decoration-style:dashed; font-family: 'IBMPlexSans-Medium';}
.hide-btn:hover {color:#288ec2;}
.hide-wrap-btn, .show-wrap-btn {padding: 8px 0 0 0;}
.conditions-text {padding:0 0 24px 0;}
.less { overflow: hidden;height: 100px;}
.js-less {display: none;}
.conditions {}
.conditions-title {padding:0 0 8px 0;}

.footer .footer-inner{ font-size: 14px; padding:20px 0; border-top: 1px solid #f5f5f5;  }

.copyright {
	width: 49%;
    display: inline-block;
}

.developer {
	width: 50%;
    display: inline-block;
    text-align: right;
	font-size: 14px;
}

.developer span {
	vertical-align: super;
}

.created {
	color: #7C96A3;
}

.created:hover {
	color: #fd2293;
}

.copyright {
	vertical-align: super;
}

.popup-form {
	width: 350px;
    height: 200px;
    position: fixed;
    bottom: -215px;
    right: 15px;
    background: white;
    border: 1px solid green;
    padding: 15px;
}

.popup-form .close-btn {
	position: absolute;
    right: 7px;
    bottom: 174px;
    color: green;
    cursor: pointer;
}

.b-creditors-last {
	margin-right: 0;
}


@media only screen and (max-width: 999px){
.b-card{ display: block; float: left; width:  24%; margin-right: 1.3%; padding:15px 10px 70px 10px; position: relative; }
.b-card:nth-child(4n+4){ margin-right: 0; }
.b-card__img, .b-card__row, .b-card__btnwrap{ display: block; width: 100%; padding-right: 0; }
.b-card__img{ padding-left: 0; margin-bottom: 15px; }
.b-card__row{ margin-bottom: 10px; }
.b-card__name{ display: inline-block; margin-right: 7px; }
.b-card__summ{ display: inline-block; }
.b-card__btnwrap{ position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; width: 92%; width: calc(100% - 20px);  }	
.best, .recommend, .hit, .special { max-width: 100%; text-align: center; }
.b-creditors{ margin-bottom: 15px; }

.b-creditors{ width: 49%; margin-right: 2%; }
.b-creditors:nth-child(2n+2){ margin-right: 0; }
}
@media only screen and (max-width: 767px){
	.container {width: 95%;}
	.header__logo {float: none;    margin: 0 auto;}
	.header__title {float:none;text-align: center;}
	.header__title-txt {display: inline-block;}
	.b-cards__wrapper {    width: 100%;}
	.b-card {width: 49%; margin-right: 2%;}
	.b-card:nth-child(2n + 2) { margin-right: 0}
	.b-card__img{ text-align: center; height: 78px;}
	.b-card__img img{ display: inline-block; }
	.b-card__name{ display: none; }
	.b-card__ico{ display: inline-block; position: relative; width: 16px; height: 16px; top: 3px; margin-right: 8px; }
	.b-card__ico.b-card__ico__sum{ background: url(img/icon_sum.jpg); background-repeat: no-repeat; }
	.b-card__ico.b-card__ico__rate{ background: url(img/icon_rate.jpg); background-repeat: no-repeat; }
	.b-card__ico.b-card__ico__term{ background: url(img/icon_term.jpg); background-repeat: no-repeat; }
	.creditors-title p {       text-align: center;}
	.b-creditors {max-width: 100%;width: 100%; margin: 0 auto 15px !important; float: none;}
	.less {    overflow: hidden;    height: 290px;}
}

@media only screen and (max-width: 631px){
	.copyright {
		width: 100%;
		display: inline-block;
	}

	.developer {
		width: 100%;
		display: inline-block;
		text-align: left;
	}
}