/* Styles for html_locks: header */



.kredit{   background-image:url(../../../images/kredit-bg-mob.jpg); background-repeat:no-repeat; background-position:left; background-size:cover; z-index:450; border-radius: 10px; overflow: hidden  }
.kredit .blocks{ padding-bottom: 40px; width: 100%; max-width: 400px; margin: 0 auto}
.kredit .block{ color: #fff; padding-top: 40px;}
.kredit .block img{ max-width: 100%; display: block; margin-top: 15px; height: 30px}
.kredit .block-title{ font-weight: 500; text-transform: uppercase; font-size: 1.5em; padding-bottom: 10px;}
.kredit .block-title.cards{ padding-top: 40px;}
.kredit .button-wrap{ padding: 15px 0;}
.kredit .button-wrap .button{ margin: 0;}
.kredit .important{ margin-top: 25px;  padding: 10px; border: 1px dashed; border-color: #fff; }
.kredit .important p{ font-weight: 600}
.kredit .important p span{ font-size: 1.4em; color: #ffed00;}



@media only screen and (min-width: 768px) {
	.kredit {
		background-image: url(../../../images/kredit-bg.jpg);
	}

	.kredit .blocks {
		max-width: 1170px;
	}

	.kredit .block {
		width: calc(50% - 20px)
	}

	.kredit .important {
		margin-top: 10px;
		padding: 0;
		border: none;
	}
}


@media only screen and (min-width: 1024px) {
	.kredit .block-title{  font-size: 1.6em;	}
	.kredit .block {width: calc(50% - 50px)	}

	.kredit .important p{ font-size: 1.2em; padding: 5px 0;}


}


@media only screen and (min-width: 1170px) {


	.kredit{ max-width: 1170px; margin:  auto; margin-bottom: 40px}

}