@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:inherit; outline:none !important;}
a:hover{ color:#fd2293;}
: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';color:#050E29;}


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

.container {width:1136px; margin:0 auto;background-color: #fff;}
.header {padding:19px 0;border-bottom:1px solid #F5F5F5;}
.header__logo {float:left; max-width:184px;margin-top: 5px;}
.header__logo  img {width:100%;}
.header__logo .logo-text {font-size: 28px;color: #25B839;font-weight: bold;}
.header__title {float:right;padding:6px 0;}
.header__title-txt {color:#050E29;line-height: 32px;font-size:20px;display: inline-block;}
.simple-txt {padding:31px 0 22px 0;text-align: center;}
.simple-txt__txt {text-align: center;font-size: 14px;line-height: 24px;    display: inline-block;}


.b-card {width: 15.5%;float:left;border-radius:4px;background-color: #FAFAFA;padding: 20px 16px 16px 16px;margin-bottom: 40px;position: relative;overflow: hidden;    min-height: 281px; cursor:pointer;}

.b-card  {margin: 0 15px 16px 0px;}
.b-card:nth-child(6n) {margin: 0 0px 16px 0px;}

.b-card__img {width:144px; height:56px;     margin: 0 auto 8px;}
.b-card__img img {width:144px; height:56px;object-fit: contain;}
.b-card__cont {padding:6px 0 6px 0;overflow: hidden;}
.b-card__name {float: left;    width: 52px;    margin-right: 8px;}
.b-card__name  p {font-size: 14px; line-height: 20px;color:#050E29;}
.b-card__summ {float:left;}
.b-card__summ p {font-size: 14px; line-height: 20px; font-family: 'IBMPlexSans-Medium';color:#050E29;}
.b-card__row {padding:0 0 4px 0;}
.b-card__txtunique {padding:4px 0 21px 0;    overflow: hidden;height: 58px;display: table;width: 100%;}
.b-card__txtunique p {text-align: center;font-size: 14px;line-height: 16px;letter-spacing: -0.3px;color:#050E29;display: table-cell;    vertical-align: middle;}
.b-card-btn {display: inline-block;width: 100%;margin:0 auto;height:40px;background-color: #F7F9FA;border-radius:4px;text-align: center;color:#25B839;border:1px solid #25B839;}
.b-card-btn  span {font-family: 'IBMPlexSans-Medium';font-size: 16px;line-height: 36px;color:#25B839;display: inline-block;}
.b-cards__wrapper {padding: 2px 0 60px 0;}

.creditors-title p {color:#050E29;font-size: 20px;line-height: 32px;}
.creditors-title {padding:0 0 31px 0;text-align: center;}
.best,.recommend {width:100%;height:21px;background-color: #EFB600;    position: absolute;    left: 0;    top: 0; border-top-left-radius:4px; border-top-right-radius:4px;  }
.best p, .recommend p{ text-align: center;color:#fff;font-size: 14px; line-height: 19px;font-family: 'IBMPlexSans-Medium';}
.recommend {background-color:#D30073; }


.b-creditors {width: 32%;float:left;background-color: #FAFAFA;border-radius:4px;padding:27px 32px 22px 35px;margin:0 0 16px 0;min-height: 445px;}
.b-creditors:nth-child(3n+2) {margin:0 16px 16px 16px}

.creditors__title {text-align: center;}
.creditors__title span {text-transform: uppercase;color:#050E29;font-size: 20px; line-height:24px;display: inline-block;}
.creditors__title {padding:2px 0 0px 0;}
.b-creditors__all {padding:23px 0 0 0;}
.b-creditors__info {padding:0 0 8px 0;}
.b-creditors__info p {color:#050E29;font-size: 14px;line-height: 24px;letter-spacing: -0.3px;}
.b-creditors__info span {font-family: 'IBMPlexSans-Medium';margin-right: 0px;}
.b-creditors_wrap  {padding:0 0 40px 0;}


.conditions-tit {font-size: 14px; line-height: 24px;color:#050E29;font-family: 'IBMPlexSans-Medium';}
.conditions-content p {font-size: 14px; line-height: 24px;color:#050E29; letter-spacing: -0.28px;}
.hide-btn {font-size: 14px; line-height: 24px;color:#25B839;position: relative;}
.hide-btn::before {position: absolute;content: '';bottom:0;left:0;width:100%;height: 1px; border-bottom:1px dashed #25B839;}

.hide-btn:hover {color:#25B839;}
.hide-wrap-btn, .show-wrap-btn {padding: 4px 0 0 0;}
.conditions-text {padding:0 0 24px 0;}
.less { overflow: hidden;height: 100px;}
.js-less {display: none;}
.conditions-title {padding:0 0 8px 0;}
.conditions .container {padding: 0 0px 30px 0px;}

.b-card:hover {	background-color: #efefef;}
.b-card-btn:hover {	background-color: #25B839;}
.b-card:hover .b-card-btn span {color:#25B839;}
.b-card:hover  .b-card-btn:hover span {color:#fff;}
.footer .copyright p {font-size: 14px;line-height: 24px;font-family: 'IBMPlexSans-Light';text-align: left;}
.footer .container {padding:18px 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;
}

.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;
}

@media only screen  and (max-width: 1080px){
	body {background-color: #fff;}
	.container {width: 736px;}
	.b-card {width: 23.4%;}
	.b-card:nth-child(6n) {  margin: 0 16px 16px 0px; }
	.b-card:nth-child(4n) {margin: 0 0 16px 0;}	
	
	.b-creditors {		width: 48%;}
	.b-creditors:nth-child(3n+2) {    margin: 0 0px 16px 0px;}
	.b-creditors:nth-child(2n+1) {    margin: 0 16px 16px 0px;}
	.b-creditors {    min-height: 515px;}
	
	
	.b-cards__wrapper {width: 100%;margin:0 auto;}
	header .container {padding: 0 16px;}
	.info-creditors .container {padding: 0}
	.b-creditors {    padding: 27px 32px 22px 33px;}
	
	.conditions .container {    padding: 0 0px 30px 0px;}
	.hide-wrap-btn, .show-wrap-btn {    padding: 16px 0 0 0;}
	.b-creditors {    min-height: 475px;}
}

@media only screen and (max-width: 767px){
	.container {width: 100%;padding: 0 26px;}
	
	header .container {    padding: 0 36px;}
	.simple-text .container {    padding: 0 16px;}
	.simple-txt__txt br {display: none;}
	
	
	.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%;}
	.bank-cards .container {padding: 0 16px;}
	.b-card {max-width: 47%;width: 100%; margin: 0 auto 40px;float: left;    min-height: auto;}
	
	
	.b-card:nth-child(2n) {    margin: 0 auto 16px;}
	.b-card:nth-child(2n+1) {margin:0 16px 16px 0;}
	
	.best p, .recommend p {    font-size: 11px;    line-height: 18px;}
	.b-card__img {    width: 100px;    height: 40px;}
	.b-card__img img {    width: 100px;    height: 40px;}
	
	.creditors-title p {       text-align: center;}
	.b-creditors {max-width: 288px;width: 100%; margin: 0 auto 40px;float: none;}
	.less {    overflow: hidden;    height: 290px;}
	.header {padding: 24px 0 7px 0;}
	.header__title {    padding: 14px 0;}
	
	
	
	.simple-txt {    padding: 31px 0 23px 0;}
	.b-card__txtunique {    padding: 6px 0 25px 0;}
	.b-creditors {    padding: 27px 16px 22px 16px;min-height: auto;}
	.b-creditors:nth-child(2n+1) { margin: 0 auto 16px;}
	
	.b-card__name {    width: 16px;}
	.b-card__name p {font-size: 0px;position: relative;display: inline-block;width: 16px;height: 16px;}
	.b-card__name p::before {position: absolute;content:''; top:-3px; left:0;width:16px;height: 16px;}
	.b-card__name.b-card__summa p::before {background: url(img/icon-amount.png);}
	.b-card__name.b-card__stavka p::before {background: url(img/icon-percent.png);}
	.b-card__name.b-card__srok p::before {background: url(img/icon-time.png);}
	.b-card__txtunique p {height: 32px;}
	
	.b-creditors:nth-child(3n+2) { margin:0 auto 16px;}
	.b-creditors {margin:0 auto 16px;}
	
	.conditions .container {padding:0 16px;}
	.footer {padding: 0px 16px;}
	.footer .container {padding: 18px 0px;}
	.creditors__title span {display: inline-block;}
	.creditors__title {    text-align: center;}
	
	
}

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

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

@media only screen and (max-width: 360px){
	.b-card {max-width: 47%;}
}

@media only screen and (max-width: 320px){
	.b-card {max-width: 136px;}
}
@media only screen and (max-width: 319px){
	.b-card {max-width:100%;}
}