#competition
{
	background: #000000 url('/images/content/contests/volume/header.jpg') left top no-repeat;
}
#competition .btn
{
	background: #008a4d;
}
#competition .btn:hover
{
	background: #006a38;
}
.clock .timer
{
	color: #00f2ff;
}
body #competition h1
{
	padding-top: 10rem;
}
#competition h2
{
	font-weight: bolder;
}
#competition h2:after
{
	border-color: #00f2ff;
}
.contest-block .tree-blocks
{
	margin: 2rem auto 1rem;
}
.contest-block .tree-blocks > div > div:first-of-type
{
	background: url('/images/content/contests/volume/ellipse.png') center center no-repeat;
}
.contest-block .tree-blocks > div:nth-of-type(1) > div:first-of-type
{
	font-size: 24px;
	font-weight: lighter;
}
.contest-block .tree-blocks > div:nth-of-type(1) > div:first-of-type span:first-of-type
{
	margin-top: -5px;
}
.contest-block .tree-blocks > div:nth-of-type(1) > div:first-of-type span:last-of-type
{
	font-weight: bold;
	margin-top: 5px;
}
.contest-block .tree-blocks > div:nth-of-type(2)
{
	bottom: 0;
}
.multiple-elements > div.separate
{
	background: url('/images/content/contests/volume/arrow.png') no-repeat right top / contain;
}
.prizes-block {
	width: 100%;
	padding: 3rem 0;
	background: url('/images/content/contests/volume/prizes.jpg') no-repeat top left / cover;
}
.prizes-block .container > div
{
	counter-reset: orderedlist;
	width: 100%;
}
.prizes-block .container > div > div
{
	display: block;
	float: left;
	text-align: center;
	width: 33.3%;
	line-height: 1.5rem;
	font-size: 18px;
	font-weight: bold;
	padding: 1rem .5rem;
}
.prizes-block .container > div > div:nth-child(4), .prizes-block .container > div > div:nth-child(5)
{
	width: 50%;
}
.prizes-block .container > div > div:nth-child(4) > span {
	width: 310px;
	float: right;
}
.prizes-block .container > div > div:nth-child(5) > span {
	width: 310px;
	float: left;
}
.prizes-block .container > div > div > span:before {
	display: block;
	width: 104px;
	color: #00f2ff;
	line-height: 3rem;
	font-size: 24px;
	margin: .5rem auto;
	counter-increment: orderedlist;
	content: '#'counter(orderedlist);
}
.prizes-block p {
	margin-top: 1rem;
}
.how-get-block .multiple-elements
{
	margin: 2rem 0 4rem;
}
.how-get-block .multiple-elements > div i
{
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	background: #008a4d;
	-webkit-box-shadow: 0px 5px 5px 5px rgb(83 46 1 / 55%);
	-moz-box-shadow: 0px 5px 5px 5px rgba(19, 83, 75, 0.55);
	box-shadow: 0px 5px 5px 5px rgba(19, 83, 75, 0.55);
}
.how-get-block .multiple-elements:first-of-type > div:last-of-type::after
{
	display: none;
}
.how-get-block .multiple-elements > div p
{
	width: 300px;
	position: absolute;
	margin-left: -4%;
	clear: both;
}
.terms-block ul li:before
{
	background: #00f2ff;
}
.terms-block .spoiler_links_after
{
	color: #008a4d;
	margin-top: 10px;
}

@media screen and (max-width: 1140px) {
	.how-get-block .multiple-elements > div p
	{
		width: initial;
		margin: 5px 0;
		position: inherit;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1024px) {
	.volume-contest#competition
	{
		background-position: top center;
		padding-top: 3rem;
	}
}
@media screen and (max-width: 992px) {
	.volume-contest#competition
	{
		background-position: top center;
		padding-top: 3rem;
	}
	.how-get-block .multiple-elements > div
	{
		width: 25%;
	}
	.how-get-block .multiple-elements > div.separate
	{
		width: 1rem;
	}
	.how-get-block .multiple-elements > div.separate:before {
		display: block;
		content: '';
		width: 120px;
		height: 25px;
		margin-left: -7%;
		background: url('/images/content/contests/volume/arrow.png') no-repeat right top / contain;
		position: absolute;
	}
}
@media screen and (max-width: 767px) {
	.volume-contest#competition
	{
		margin-top: 5rem;
	}
	body #competition h1
	{
		padding-top: 6rem;
	}
	.how-get-block .multiple-elements > div
	{
		width: 100%;
	}
	.prizes-block .container > div > div,
	.prizes-block .container > div > div:nth-child(4),
	.prizes-block .container > div > div:nth-child(5)
	{
		width: 100%;
	}
	.prizes-block .container > div > div:nth-child(4) span,
	.prizes-block .container > div > div:nth-child(5) span
	{
		width: 100%;
		float: none;
	}
	.how-get-block .multiple-elements > div.separate
	.how-get-block .multiple-elements > div.separate:before
	{
		display: none;
	}
	.how-get-block .multiple-elements:nth-of-type(1) > div:nth-of-type(3),
	.how-get-block .multiple-elements:nth-of-type(1) > div:nth-of-type(7)
	{
		background: url('/images/content/contests/volume/arrow_left.png') no-repeat top left;
	}
	.how-get-block .multiple-elements:nth-of-type(1) > div:nth-of-type(5)
	{
		background: url('/images/content/contests/volume/arrow_right.png') no-repeat top right;
	}
}
@media screen and (max-width: 414px) {
	#competition
	{
		background: #000000 url('/images/content/contests/volume/header_mobile.jpg') no-repeat top left / contain;
		padding: 10rem 0 5rem;
	}
	body #competition h1
	{
		padding-top: 4rem;
	}
	.prizes-block
	{
		background: url('/images/content/contests/volume/prizes_mobile.jpg') no-repeat top left / cover;
	}
	.prizes-block .container > div > div
	{
		padding: .5rem;
	}
	.prizes-block .container > div > div > span:before
	{
		margin: .5rem auto 0;
	}
}