@charset "UTF-8";

.img {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}


.contest-index .contest {
	height: 400px;
	color: #fff;
	font-size: 18px;
	margin: 5rem 0 1rem;
	position: relative;
}

.contest-index .contest a {
	color: #fff;
}

.contest-index .contest a:hover {
	color: #ffffd5;
}

.contest-index .contest .contest__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contest-index .contest > .container {
	height: 100%;
}

.contest-index .contest .row-general {
	padding-top: 6rem;
    position: relative;
    z-index: 1;
}

.contest-index .contest .row-general h2 {
	font-size: 340%;
	font-weight: 500;
	line-height: 1;
	margin-top: 0;
	position: relative;
}

.contest-index .contest .row-general .contest__nomines {
	font-size: 70%;
	text-transform: uppercase;
}

.contest-index .contest .row-general .contest__nomines span:after {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
	margin-left: 0.25rem;
	margin-right: 0.1rem;
	position: relative;
	top: -2px;
}

.contest-index .contest .row-general .contest__nomines span:last-child:after {
	display: none;
}

.contest-index .contest .row-general .contest__desc {
	font-size: 85%;
	margin-top: 2rem;
}

.contest-index .contest .row-general .contest__btn {
	margin: 3rem 0 0.75rem;
}

.contest-index .contest .row-general .contest__btn .btn,
.myfancy .btn {
    background-color: #00aeeb;
    border-color: #00aeeb;
    font-size: 85%;
    text-transform: uppercase;
    padding: 1rem 2.5rem;
}

.contest-index .contest .row-general .contest__btn .btn:hover,
.myfancy .btn:hover {
	background-color: #00a7e1;
    border-color: #00a7e1;
}

.contest-index .contest .row-general .contest__more {
	font-size: 65%;
    text-transform: uppercase;
}

.contest-index .contest .row-general .contest__more a:after {
	content: '|';
	color: rgba(255,255,255,.5);
	margin-left: 0.5rem;
	margin-right: 0.25rem;
}

.contest-index .contest .row-general .contest__more a:last-child:after {
	display: none;
}

.contest-index .contest .row-general .dates {
	display: flex;
	padding-bottom: 2rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid rgba(255,255,255,.4);
	line-height: 1.4;
	position: relative;
}

.contest-index .contest .row-general .dates:after {
	content: 'Срок проведения';
	position: absolute;
	bottom: 1.2rem;
	left: 0;
	color: rgba(255,255,255,.5);
	font-size: 70%;
    text-transform: uppercase;
}

.contest-index .contest .row-general .dates span {
	font-size: 60%;
	margin-right: 0.75rem;
}

.contest-index .contest .row-general .dates b {
	float: left;
	font-size: 400%;
	font-weight: 500;
	margin-top: -1.1rem;
	margin-right: 0.4rem;
}

.contest-index .contest .row-general .dates .contest__percentage {
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 3px;
	background: #42d76f;
}

.contest-index .contest .row-general .awards {
	font-size: 85%;
}

.contest-index .contest .row-general .awards .awards__head {
	font-weight: 500;
    text-transform: uppercase;
}

.contest-index .contest .row-general .awards .awards__item {
	margin: 0.5rem 0;
}

.contest-index .contest .row-general .awards .awards__item i {
	display: block;
	font-style: normal;
	color: rgba(255,255,255,.5);
}

.contest-index .contest .row-general .awards .awards__item i:after {
	content: 'шт.';
	margin-left: 0.3em;
}

.contest-index .contest .row-general .awards img {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-top: -0.5rem;
	margin-right: 1rem;
}

.contest-index .contest .row-general .awards.done .awards__item {
	margin: 1.5rem 0;
}

.contest-index .contest .row-general .awards.done .awards__item i:after {
	display: none;
}

.contest-index .contest .row-digits {
	font-size: 65%;
    color: rgba(255,255,255,.6);
	text-transform: uppercase;
	line-height: 1;
	margin-top: -1rem;
	margin-bottom: 2rem;
}

.contest-index .contest .row-digits > div {
	padding: 0.5rem 2rem;
}

.contest-index .contest .row-digits > div:first-child {
	text-align: right;
	border-right: 1px solid rgba(255,255,255,.6);
}

.contest-index .contest .row-digits b {
	display: block;
	color: #fff;
	font-size: 360%;
	margin-bottom: 0.25rem;
}

.contest-index .contest.online .row-general h2 i:after {
	background: #12aa77;
	-webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.contest-index .contest.offline .contest__image:after {
	background: rgba(0,0,0,.1);
}

.contest-index .contest.offline .contest__image {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.contest-index .contest.offline .contest__percentage {
	display: none;
}

.contest-index .contest.offline .row-general h2 i:after {
	background: #e02834;
}


@media (max-width: 1199px) {


}


@media (max-width: 1030px) {

.contest-index .contest .row-general h2 i:after {
	display: none;
}

}


@media (max-width: 991px) {


}


@media (max-width: 767px) {


}


@media (max-width: 575px) {


}


@media (max-width: 400px) {


}


@media (min-width: 1200px) {


}


@media (min-width: 1300px) {


}