.payment-text-before {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-text-after {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-items-wrapper {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-item {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 25px 0px 25px 0px;
position: relative;
width: calc(25% - (10px * 2));
border: 3px solid #eee;
text-align: center;
}
.payment-item__img {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 94px;
}
.payment-item__img img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
}
.payment-item__title {
display: block;
margin: 18px 0px 0px 0px;
padding: 0px 10px 0px 10px;
position: relative;
font-size: 16px;
line-height: 22px;
font-weight: 500;
color: #000;
}
.payment-persons-wrapper {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-persons {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-person {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 50%;
}
.payment-person__title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 20px;
line-height: 26px;
font-weight: 500;
}
.payment-person__oplata {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-person__oplata-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.payment-person__oplata-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
min-width: 110px;
height: 70px;
text-align: center;
background: #f0eeec;
}
.payment-person__oplata-item:first-child {
border-radius: 5px 0px 0px 5px;
}
.payment-person__oplata-item:last-child {
border-radius: 0px 5px 5px 0px;
}
.payment-person__oplata-item_fullwidth {
border-radius: 5px !important;
}
.payment-person__oplata-item > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
position: relative;
}
.payment-person__oplata-item_green {
color: #fff;
background: #18b900;
}
.payment-person__oplata-item-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 24px;
line-height: 26px;
}
.payment-person__oplata-item-desc {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 16px;
line-height: 20px;
}
.payment-person__description {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 15px;
line-height: 24px;
color: #5d5854;
}
.payment-person__description p {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.payment-person__description p:first-child {
margin-top: 0px;
}
.payment-person__info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-person__info-icon {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.payment-person__info-icon > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
min-width: 31px;
height: 31px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/icon-payment-info.png);
}
.payment-person__info-text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 31px - 12px);
font-size: 15px;
line-height: 24px;
color: #5d5854;
}
@media (max-width: 1199px) {
	.payment-item {
		width: calc(50% - (10px * 2));
	}
}
@media (min-width: 768px) {
	.payment-person:nth-child(2n) {
		padding-left: 48px;
	}
	.payment-person:nth-child(2n-1) {
		padding-right: 48px;
	}
	.payment-person:nth-child(2n-1):after {
		content: "";
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 1px;
		height: 100%;
		background: #f0eeec;
	}
}
@media (max-width: 767px) {
	.payment-persons {
		flex-wrap: wrap;
		margin-top: -25px;
	}
	.payment-person {
		width: 100%;
		margin-top: 25px;
	}
}
@media (max-width: 499px) {
	.payment-items-wrapper {
		margin-top: 25px;
	}
	.payment-text-after {
		margin-top: 25px;
	}
	.payment-item {
		width: calc(100% - (10px * 2));
	}
	.payment-person__oplata {
		margin-top: 20px;
	}
	.payment-person__oplata-item {
		height: 66px;
	}
	.payment-person__oplata-item-title {
		font-size: 22px;
		line-height: 24px;
	}
	.payment-person__oplata-item-desc {
		font-size: 14px;
		line-height: 18px;
	}
	.payment-person__description {
		margin-top: 20px;
	}
	.payment-person__description, 
	.payment-person__info-text {
		line-height: 22px;
	}
}