﻿div.node {
    padding: 0px;
    background: none;
}
.event__none {
	margin-top: 40px;
	text-align: center;
	text-transform: uppercase;
	color: var(--item-color);
}
.event__text {
    padding: 32px;
	line-height: 20px;
	background: var(--pad-color);
}
	.event__text p {
		margin: 0 0 20px;
		line-height: 20px;
	}
	.event__warning {
		color: #ed2323;
	}
.event {
	background: var(--pad-color);
	margin-top: 20px;
}
	.event__name {
    	padding: 20px 32px 0;
	    font: 18px/25px Quantico;
	    text-transform: uppercase;
		color: var(--item-color);
	}
	.event__title {
		text-transform: uppercase;
		font-size: 18px;
	}
	.event__left {
		display: inline-block;
  	box-sizing: border-box;
    width: 468px;
    min-height: 320px;
    padding: 20px 32px;
		vertical-align: top;
	}
		.event__history {
			margin-bottom: 20px;
		}
			.event__history-text {
				line-height: 20px;
			}

			.val_progress {
				display: block;
				padding: 0px 0px 14px;
				color: #fff;
				}

		.event__task-text {
			margin: 20px 0;
		}
		.event__task-text .wf__ul {
			margin: 0;
		}
		.event__button {
			font-size: 14px;
			line-height: 35px;
			padding: 0 20px;
			margin:0 0 10px;
		}
		.event__button.wf__button_white {
			line-height: 33px;
		}
	.event__right {
	    display: inline-block;
	    box-sizing: border-box;
	    width: 460px;
	    max-width: 460px;
	    padding: 20px;
	    vertical-align: top;
	}
		.event__progress {
			position: relative;
      display: flex;
      justify-content: space-around;
			width: 100%;
			margin: 40px 0;
		}
		.event__progress:before {
      content: '';
      position: absolute;
      left:0;
      right:0;
      bottom:-10px;
      height: 1px;
      background: #43484d;
    }
			.event__progress-number {
				position: relative;
				cursor: pointer;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				text-align: center;
				color: #51565a;
			}
      .event__progress-number.current {
        cursor: default;
				color: var(--item-color);
      }
			.event__progress-number.is-ready {
				color: var(--item-color);
			}
			.event__progress-number.active {
				cursor: default;
			}
			.event__progress-number.active:after {
          content: '';
			    position: absolute;
			    right: -25px;
			    bottom: -40px;
			    left: -25px;
			    margin: auto;
			    cursor: default;
			    width: 0;
			    height: 0;
			    border-style: solid;
			    border-width: 0 20px 20px 20px;
			    border-color: transparent transparent var(--pad-color2) transparent;
			}
			.event__progress-full {
				position: absolute;
				z-index: 1;
        bottom:-11px;
				left: 0;
				width: 0%;
				height: 1px;
				background: var(--item-color);
				border-top: 1px solid var(--item-color);
				border-bottom: 1px solid var(--item-color);
        max-width: 100%;
			}
		.event__slider-wrap {
			position: relative;
		}
		.event__slider {
			position: relative;
			margin-top: 20px;
			background: var(--pad-color2);
			-khtml-user-select: none;
			-moz-user-select: none;
			user-select: none;
		}

			.event__slide {
				display: none;
				position: relative;
			    box-sizing: border-box;
				height: 225px;
				background-repeat: no-repeat;
				background-position: center;
			    background-origin: content-box;
			}
				.event__slide.active {
					display: block;
				}
				.slide__name {
	    			position: absolute;
	    			top: 10px;
	    			left: 10px;
            right:55px;
	    			font-size: 18px;
  					-webkit-user-select: none;
  					-moz-user-select: none;
  					-ms-user-select: none;
  					user-select: none;
	    			color: var(--item-color);
	    			line-height: 17px;
				}
				a.slide__name:hover {
					text-decoration: none;
					color: var(--item-color);
				}
				.slide__time {
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 100%;
					padding: 0 10px;
					font-size: 14px;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					color: #fff;
					text-transform: uppercase;
					background: #15191d;
					line-height: 25px;
					box-sizing: border-box;
				}
				.slide__time [class^="icon-"] {
					display: inline-block;
					vertical-align: middle;
				}
				.event__slider-arr {
				    position: absolute;
				    z-index: 5;
				    top: 90px;
				    padding-right: 0;
				    cursor: pointer;
				    transition: color 0.2s linear;
				    background-image: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/eventsingame/arr.png);
				    height: 34px;
				    width: 19px;
				    opacity: .44;
				}

				.arr_right { left: 10px; }
				.arr_left { right: 10px; background-position: right 0; }

    			.event__slider-arr:hover {
    				opacity: .6;
    			}
    	.event__prize {
    		position: relative;
        margin: 0 0 15px;
    	}
		.event__status {
			margin-bottom: 20px;
		}
			.event__status-img {
				position: absolute;
				display: block;
				right: 10px;
				width: 38px;
				height: 38px;
				background-repeat: no-repeat;
				background-position: center;
			    top: 10px;
			}
			.event__status-img.status_done { background-image: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/eventsingame/event-done.png); }
			.event__status-img.status_time { background-image: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/eventsingame/event-time.png); }
			.event__status-img.status_lock { background-image: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/eventsingame/event-lock.png); }
			.event__status-text {
			    text-transform: uppercase;
			    font-size: 18px;
			    margin-left: 5px;
			}
			.event__status-text.status_done { color: var(--item-color); }
			.event__status-text.status_time { color: #fff; }
			.event__status-link {
				position: absolute;
				right: 10px;
				bottom: 0px;
			}
  .event__complite {
    margin-top: 10px;
    line-height: 17px;
  }

	.event__info {
	    display: -webkit-flex;
	    display: -ms-flex;
	    display: flex;
	    padding: 0px 32px 32px;
	    color: #575c61;
	}
		.event__end {
			width: 480px;
      padding-right: 20px;
		}
		.event__period {
		    width: 460px;
		    box-sizing: border-box;
		}
			.event__period-text {
				margin-top: 10px;
			}

.field-field-meta-description {
	display: none;
	}

@media only screen and (max-width: 1300px) {
  .event__left, .event__right {
    width: 49%;
  }
}
@media only screen and (max-width: 1000px) {
	.event__info {
		display: block;
	}
  .event__end, .event__period {
    width: 100%;
		padding: 0;
  }
	.event__left {
		min-height: auto;
		margin-bottom: 40px;
	}
	.event__period {
		padding: 10px 0 0;
	}
}
@media only screen and (max-width: 720px) {
  .event__left {
    margin-bottom: 0px;
  }
  .event__left, .event__right {
    width: 100%;
    max-width: 100%;
  }
}

.error-wrap {
  min-height: 400px;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
	background-color: var(--pad-color);
}

.error-wrap h2 {
  color: #575c61;
  line-height: 1;
  font-size: 100px;
  margin-bottom: 0;
}

.error-wrap h3 {
  color: #575c61;
  line-height: 1;
  font-size: 24px;
  margin-top: 29px;
  margin-bottom: 29px;
}
