
#block_content #block_center {
	width: 100%;
	}

	#block_content .bg_title {
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/bg_title_long.png) left bottom no-repeat;
		}

#block_right {
	display: none;
	}

.event_cont {
	min-height: 200px;
	}
	
	.event_cont > h2 {
		padding-bottom: 20px;
		color: #000;
		font-size: 40px;
		line-height: 60px;
		text-align: center;
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/line.png) center bottom no-repeat;
		}
	
	.event_cont > p {
		text-align: center;
		}
	
	.event_cont .progress {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		}
		
		.event_cont .progress .item {
			width: 150px;
			height: 244px;
			display: flex;
			position: relative;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			margin: 0px 20px 20px;
			cursor: default;
			}
		.event_cont .progress .item.final {
			width: 520px;
			height: 500px;
			}
			
			.event_cont .progress .item .info {
				width: 30px;
				height: 30px;
				position: absolute;
				right: 4px;
				top: 11px;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/info.png) center center no-repeat;
				z-index: 10;
				}
				
				.event_cont .progress .item .info span {
					width: 110px;
					position: absolute;
					right: 15px;
					top: 15px;
					padding: 8px 10px;
					font: normal 15px/16px Cambria, "Times New Roman", Times, serif;
					text-align: center;
					background: #fff;
					border-radius: 3px;
					border: 1px solid #a4b2c7;
					box-shadow: 2px 2px 4px #777;
					transition: transform 0.2s ease-in-out;
					transform: scale(0);
					transform-origin: right top;
					}
				.event_cont .progress .item .info:hover span {
					transform: scale(1);
					}
			
			.event_cont .progress .item .img {
				width: 150px;
				height: 150px;
				position: relative;
				}
			
			.event_cont .progress .item.final .img {
				width: 350px;
				height: 320px;
				position: relative;
				}
			.event_cont .progress .item.disabled .img {
				filter: grayscale(1);
				opacity: 0.5;
				}
			
			.event_cont .progress .item .img::before,
			.event_cont .progress .item .img::after {
				content: '';
				width: 100%;
				height: 150px;
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				}
			.event_cont .progress .item .img::before {
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items.png) 0px center no-repeat;
				}
			.event_cont .progress .item.final .img::before {
				width: 350px;
				height: 320px;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/item.png) center center no-repeat;
				}
			.event_cont .progress .item.failed .img::before {
				filter: grayscale(1);
				opacity: 0.4;
				}
			.event_cont .progress .item:nth-child(1) .img::before {background-position-x: 0px}
			.event_cont .progress .item:nth-child(2) .img::before {background-position-x: -150px}
			.event_cont .progress .item:nth-child(3) .img::before {background-position-x: -300px}
			.event_cont .progress .item:nth-child(4) .img::before {background-position-x: -450px}
			.event_cont .progress .item:nth-child(5) .img::before {background-position-x: -600px}
			.event_cont .progress .item:nth-child(6) .img::before {background-position-x: -750px}
			
			.event_cont .progress .item.failed .img::after {
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/failed.png) center center no-repeat;
				z-index: 1;
				}
			
			.event_cont .progress .item .date {
				height: 30px;
				box-sizing: border-box;
				padding-bottom: 10px;
				color: #000;
				font: 17px/20px Cambria, "Times New Roman", Times, serif;
				text-transform: uppercase;
				}
			
			.event_cont .progress .item .status {
				width: 100%;
				height: 64px;
				}
			
				.event_cont .progress .item .btn {
					width: 100%;
					height: 64px;
					display: block;
					margin: 0px auto;
					color: #fff;
					font: 17px/62px Cambria, "Times New Roman", Times, serif;
					text-align: center;
					text-transform: uppercase;
					background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/btn_sm.png) center bottom no-repeat;
					cursor: pointer;
					-khtml-user-select: none;
					-moz-user-select: none;
					user-select: none;
					}
				.event_cont .progress .item .btn:hover {
					filter: brightness(115%);
					}
				.event_cont .progress .item .btn:active {
					filter: brightness(100%);
					}
				
				.event_cont .progress .item.final .btn {
					width: 252px;
					background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/btn.png);
					}
				
				.event_cont .progress .item .btn.loading {
					font-size: 0px;
					background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/loader.gif) center center no-repeat;
					filter: brightness(100%);
					cursor: default;
					}
				
				.event_cont .progress .item .status > span {
					width: 100%;
					display: block;
					font: 17px/56px Cambria, "Times New Roman", Times, serif;
					text-align: center;
					}
			
				
			
			.event_cont .progress .item .desc {
				padding-bottom: 20px;
				font: 28px/30px Cambria, "Times New Roman", Times, serif;
				text-align: center;
				}
			
.event_overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 100;
	}

.event_modal {
	width: 600px;
	height: 340px;
	position: fixed;
	left: 50%;
	top: 50%;
	background: #ece8eb url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/modal_bg.jpg) right bottom no-repeat;
	border-radius: 6px 6px 0px 6px;
	transform: translate(-50%,-50%);
	z-index: 101;
	}
.event_modal::after {
	content: '';
	width: 189px;
	height: 80px;
	position: absolute;
	right: -17px;
	bottom: -38px;
	background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/modal_bg.png) right bottom no-repeat;
	pointer-events: none;
	}
	
	.event_modal .img {
		width: 280px;
		height: 280px;
		margin: 0px auto;
		background-repeat: no-repeat;
		background-position: center center;
		}
	.event_modal .img.type1 {background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items/1.png)}
	.event_modal .img.type2 {background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items/2.png)}
	.event_modal .img.type3 {background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items/3.png)}
	.event_modal .img.type4 {background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items/4.png)}
	.event_modal .img.type5 {background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items/5.png)}
	.event_modal .img.type6 {background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items/6.png)}
	.event_modal .img.type7 {background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/content/entereveryday/items/7.png)}
		
		
		
		
		
