@import url('loader.css');
@import url('modals.css');

.registration-help,
.registration-help.img {
	background-image: url(../images/registration-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #ffffff;
}

.registration-help.webp {
	background-image: url(../images/registration-bg.webp);
}

.registration-help .title {
	text-transform: uppercase;
}

.registration-help .button-container {
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 20px;
}

.registration-help .list-item::before {
	background-color: #ffffff;
}

.section__columns {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.section__column {
	width: calc(50% - 10px);
}

.antiquiz__banner {
	background-image: url(../images/antiquiz-bg.png);
	background-repeat: no-repeat;
	background-size: 145px;
	background-position: right -20px bottom -30px;
	border: 5px solid #71dfd4;
	display: flex;
    -webkit-flex-direction: column;
	flex-direction: column;
    -webkit-justify-content: space-between;
	justify-content: space-between;
	transition: .5s;
}

.antiquiz__banner.webp {
	background-image: url(../images/antiquiz-bg.webp);
}

.antiquiz__banner.img {
	background-image: url(../images/antiquiz-bg.png);
}

.antiquiz__banner .title__highlight {
	font-style: italic;
}

.podarok {
	background: repeating-linear-gradient(45deg, #c41616 0px, #c41616 12px, #f5f5f8 12px, #f5f5f8 24px, #202531 24px, #202531 36px);
	padding: 5px;
}

.podarok__inner {
	height: 100%;
	position: relative;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
	padding: 20px;
	background-color: #f5f5f8;
}

.podarok .title,
.antiquiz__banner .title {
	margin-bottom: 20px;
}

.podarok .title__highlight {
	color: #c41616;
	text-transform: uppercase;
}

.podarok .button {
	background-color: #202531;
}

.podarok .button:hover {
	background-color: #c41616;
}

.podarok .image {
	position: absolute;
	bottom: 5px;
	right: 20px;
	width: 140px;
	height: 120px;
	transition: .3s;
	background-image: url(../images/podarok-image.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.podarok .image.img {
	background-image: url(../images/podarok-image.png);
}

.podarok .image.webp {
	background-image: url(../images/podarok-image.webp);
}

.podarok:hover .image {
	transform: scale(1.2);
}

/********* FOOTER *********/

.footer {
	background-color: #141414;
	color: #ffffff;
}

.footer__container {
	padding: 15px;
}

.copyright {
	font-size: 10px;
	line-height: 15px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #bdbec0;
	text-align: right;
}

/********* End of FOOTER *********/

@media (max-width: 1279px) {

	.antiquiz__banner {
		padding-right: 25px;
		background-size: 145px;
		background-position: right -13px bottom -33px;
	}

	.podarok .image,
	.podarok .image.webp,
	.podarok .image.img {
		display: none;
	}
}

@media (max-width: 979px) {

	.mktu__main {
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-top: 20px;
	}

	.sidebar__video .loader {
		display: flex;
	}

	.antiquiz__banner {
		padding: 15px;
		background-size: 135px;
        background-position: right -30px bottom -20px;
	}

	.podarok .title,
	.antiquiz__banner .title {
		font-size: 18px;
	}

	.podarok__inner {
		padding: 15px;
	}

}

@media (max-width: 767px) {

	.antiquiz__banner {
        background-size: 115px;
        background-position: right -13px bottom -20px;
    }

	/********* FOOTER *********/

	.copyright {
		margin: 15px 0 0 0;
		text-align: center;
	}

	/********* End of FOOTER *********/

}

@media (max-width: 599px) {

	.section__columns {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.section__column {
		width: 100%;
	}

	.section__column + .section__column {
		margin-top: 20px;
	}

	.podarok .image,
	.podarok .image.webp,
	.podarok .image.img {
        display: block;
    }

	.podarok .image {
		width: 130px;
    	height: 100px;
	}

}

@media (max-width: 479px) {

	.podarok {
		padding: 3px;
	}

	.podarok__inner {
		padding: 172px 22px 22px 22px;
	}

	.podarok .title,
	.antiquiz__banner .title {
		font-size: 18px;
	}

	.podarok .button-container {
		-webkit-justify-content: center;
		justify-content: center;
	}

	.podarok .image {
		width: 100%;
		height: 150px;
		top: 15px;
		right: 0;
	}
}