* { margin:0; padding:0; box-sizing:border-box; font-family:"Roboto",Arial,sans-serif; }

.content {
	width:100%;
	max-width:1215px;
	min-height:100%;
	position:relative;
	margin:0 auto;
}

/* header */
	.header {
		width:100%;
		position:relative;
		display:flex;
		align-items:center;
		padding-top:30px;
		z-index:10;
		height:160px;
    	padding-bottom:30px;
    	margin-bottom:10px;
	}

	.header__nav {
		width:450px;
		position:relative;
		padding:20px 0;
	}

	.header__nav__item {
		font-size:22px;
		color:#fff;
		text-decoration:none;
		display:inline-block;
		margin-right:45px;
	}

	.header__logo {
		display:block;
		position:absolute;
		top:0;
		left:50%;
		transform:translate(-50%);
		width:155px;
		height:155px;
		background:url("../img/logo.png") 50% 50% no-repeat;
		background-size:contain;
	}
/* header */

/* shares */
	.shares {
		display:block;
		position:absolute;
		top:50px;
		right:75px;
		z-index:20;
	}

	.shares__btn {
		color:#fff;
		font-size:24px;
		display:inline-block;
		text-decoration:none;
		margin:0 10px;
	}
/* shares */

/* btn */
	.btn {
		width:100%;
		max-width:185px;
		height:57px;
		text-align:center;
		text-decoration:none;
		border:2px solid #fff;
		color:#fff;
		font-size: 22px;
		line-height: 1.5em;
		display:block;
		position:relative;
		padding:10px;
		margin:0 auto;
		transition:0.35s ease all;
	}

	.btn.inactive {
		opacity:0.5;
	}

	.btn--white {
		color:#000;
		background:#fff;
	}

	.btn--blue,
	.btn:not(.inactive):hover {
		border-color:#28a8dc;
		border-radius:2px;
		background:#059ad7;
		color:#fff;
		cursor:pointer;
	}

	.btn--no-hover:hover {
		background:transparent;
		border:2px solid #fff;
	}
/* btn */

/* index */
	.index {
		width:100%;
		position:relative;
		background:#f2f4f7;
	}

	.index__intro {
		width:100%;
		position:relative;
	}

	.index__intro__bg {
		width:100%;
		height:700px;
		position:absolute;
		overflow:hidden;
		background:#aaa; /* url("../img/intro-bg.jpg") 50% 50% no-repeat;
		background-size:cover; */
		top:0;
		left:0;
		z-index:1;
	}

	.index__intro__bg img,
	.index__intro__bg video {
		min-width:100%;
		min-height:100%;
		position:absolute;
		overflow:hidden;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		z-index:1;
		opacity:0.75;
	}

	.index__intro__bg img {
		display:none;
	}

	.index__main {
		width:100%;
		max-width:820px;
		position:relative;
		margin:0 auto;
		z-index:5;
	}

	.index__main__title {
		min-height:150px;
		font-family: "FuturaFuturisC";
		font-size: 55px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.24;
		letter-spacing: normal;
		text-align: center;
		color: #ffffff;
	}

	.index__main__desc {
		font-size: 22px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: center;
		color: #ffffff;
		margin-bottom: 45px;
	}

	.index__main-text {
		width:100%;
		max-width:1000px;
		margin:20px auto 40px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}

	.index__blocks {
		width:100%;
		position:relative;
		overflow:hidden;
		margin-bottom:95px;
		z-index:5;
	}

	.index__block-link:hover .btn {
		background:#E37222;
		border-color:#E37222;
	}

	.index__block {
		width:calc(25% - 16px);
		max-width:290px;
		height:477px;
		margin-right:18px;
		margin-bottom:18px;
		background-color:#009;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		float:left;
		padding:30px;
		position:relative;
	}

	.index__blocks .index__block-link:last-child .index__block {
		margin-right:0;
	}

	.index__block--double {
		width:calc(50% - 22px);
		max-width:580px;
	}

	.index__block__bg {
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		top:0;
		left:0;
		background:#666;
		opacity:0.5;
		transition:0.4s ease all;
	}

	.index__blocks .index__block-link:hover .index__block__bg {
		opacity:0;
	}

	.index__block__link {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		color:inherit;
		text-decoration:none;
		padding: 30px;
	}

	.index__block__title {
		font-family: Roboto;
		font-size: 46px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height:1em;
		color:#fff;
		margin-bottom:6px;
		z-index: 10;
    	position: relative;
    	transition:0.35s ease all;
	}

	.index__block__location {
		font-size: 18px;
		font-weight: 500;
		color:#fff;
		margin-bottom:94px;
		z-index: 10;
   		position: relative;
    	transition:0.35s ease all;
	}

	.index__block-link:hover .index__block__title,
	.index__block-link:hover .index__block__location {
		text-shadow:0 0 2px #000;
	}

	.index__block__location i {
		display:inline-block;
		margin-right:7px;
	}

	.index__block__avatar {
		width:112px;
		height:112px;
		border-radius:50%;
		border:2px solid #fff;
		display:block;
		position:relative;
		margin:0 auto 20px;
		z-index: 10;
   		position: relative;
	}

	.index__block__name {
		font-size: 18px;
		color:#fff;
		margin-bottom:35px;
		text-align:center;
		z-index: 10;
   		position: relative;
	}

	.index__block__price {
		display:none;
		position:absolute;
		width:100%;
		left:0;
		bottom:87px;
		padding:21px 27px;
		font-size:46px;
		font-weight:bold;
		line-height:1.35;
		color:#fff;
	}

	.footer__prices .index__block .btn {
		display:block;
		position:absolute;
		left:30px;
		bottom:30px;
	}

	.index__contest {
		width: 100%;
	    /* height: 800px; */
	    position: relative;
	    /*background: #f2f4f7;*/
	    /*margin-top: -386px;*/
	    /*padding-top: 390px;*/
	    overflow: hidden;
	    /*padding-bottom: 90px;*/
	}

	.index__contest .content {
		padding-left:90px;
		padding-right:90px;
	}

	.index__contest__title {
		width:560px;
		font-size: 42px;
		font-weight: bold;
		line-height: 1.14em;
		text-align: center;
		color:#000;
		margin:0 auto 40px;
	}

	.index__contest__item {
		width:50%;
		display:block;
		position:relative;
		float:left;
		margin-bottom:40px;
	}

	.index__contest__item__num {
		color:#03a2de;
		display:inline-block;
		vertical-align:top;
		opacity: 0.5;
		font-family: "FuturaFuturisC";
		font-size: 55px;
		font-weight: bold;
		width:80px;
		text-align:center;
	}

	.index__contest__item__text	{
		width:400px;
		display:inline-block;
		vertical-align:top;
		margin-top:20px;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.61em;
	}
/* index */



/* article */
	.article {
		width:100%;
		position:relative;
	}

	.article__intro {
		width:100%;
		height:470px;
		position:relative;
		background-color:#999;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		overflow:hidden;
		padding: 0 20px;
	}

	.article__intro .content {
		position:relative;
		z-index:5;
	}

	.article__intro__bg {
		display:block;
		position:absolute;
		z-index:1;
		top:50%;
		left:50%;
		min-width:100%;
		min-height:100%;
		transform:translate(-50%, -50%);
		opacity:0.8;
	}

	.article__intro__title-block {
		display:block;
		position:absolute;
		left:0px;
		bottom:45px;
	}

	.article__intro__title-block__name {
		color:#fff;
		text-transform:uppercase;
		font-size:66px;
		/*margin-bottom:25px;*/
		font-family: "FuturaFuturisC";
	}

	.article__intro__title-block__location {
		color:#fff;
		font-size:18px;
	}
		
	.article__intro__title-block__location i {
		display:inline-block;
		vertical-align:middle;
		margin-right:15px;
	}

	.article__content {
		width:100%;
		position:relative;
		padding:55px 0;
	}

	.article__content > .content {
		max-width: 1000px;
	}

	.article__separator {
		width:6px;
		height:6px;
		display:none;
		position:relative;
		margin:30px auto;
		background:#000;
	}

	.article__separator:before,
	.article__separator:after {
		width:6px;
		height:6px;
		display:block;
		position:absolute;
		top:0;
		left:50%;
		background:#000;
		content:" ";
	}

	.article__separator:before {
		margin-left:-20px;
	}

	.article__separator:after {
		margin-left:14px;
	}

	.article__row {
		width:100%;
		position:relative;
		overflow:hidden;
		padding-top:40px;
	}

	.article__row--p0 {
		padding-bottom:0;
	}

	.article__row > p {
		font-size:16px;
		line-height:2em;
		margin-bottom:0.7em;
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}

	.article__row p b {
		font-weight:400;
	}

	.article__row__pic {
		display:block;
		position:relative;
		width:100%;
		margin-bottom:30px;
	}

	.article__half {
		width:100%;
		position:relative;
		/*float:left;*/
	}

	.article__col {
		width:100%;
		position:relative;
		/*float:left;*/
		/*padding-left:40px;*/
		/*padding-right:40px;*/
		margin-bottom:20px;
	}

	/* .article__row .article__col:first-child {
		padding-right:40px;
	}

	.article__row .article__col:last-child {
		padding-left:80px;
	} */

	/* .article__row .article__col:before {
		width:5px;
		height:5px;
		display:block;
		position:absolute;
		top:7px;
		left:15px;
		content:" ";
		background:#000;
	} */

	/* .article__row .article__col:last-child:before {
		left:45px;
	} */

	.article__subtitle {
		font-family: "FuturaFuturisC";
		font-size: 42px;
		font-weight: 500;
		/*margin-bottom:30px;*/
	}

	.article__subtitle + p {
		margin-top:25px;
	}

	.article__col p {
		font-size:16px;
		line-height:2em;
	}

	.article__person-link {
		color:inherit;
		text-decoration:none;
	}

	.article__person__avatar {
		display:inline-block;
		vertical-align:middle;
		margin-right:20px;
		border-radius:50%;
	}

	.article__person__name {
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		font-weight:700;
	}

	.article__list {
		width:75%;
		padding:10px 0 40px;
		margin:0 auto;
	}

	.article__list p {
		padding:0 20px 0 45px;
		position:relative;
		margin-bottom:2em;
		font-size:16px;
		line-height:2em;
	}

	.article__list p:before {
		width:5px;
		height:5px;
		display:block;
		position:absolute;
		top:12px;
		left:15px;
		content:" ";
		background:#000;
	}

	.article__video {
		width:100%;
		min-height:560px;
		position:relative;
		background:#000;
		margin-bottom:20px;
	}

	.article__video iframe,
	.article__video video {
		width:100%;
		height:560px;
		display:block;
	}

	.article__video__info {
		width:100%;
		position:relative;
		margin-bottom:75px;
		display:flex;
		align-items:center;
	}

	.article__video__info__views {
		width:50%;
	}

	.article__video__info__views p {
		display:inline-block;
		vertical-align:middle;
		margin-right:30px;
		font-size: 18px;
		color: #010101;
	}

	.article__video__info__views p {
		display:inline-block;
		vertical-align:middle;
	}

	.article__video__info__shares {
		width:50%;
		text-align:right;
	}

	.article__video__info__shares__btn {
		text-decoration:none;
		font-size:18px;
		color:#010101;
	}

	.article__tags {
		width:100%;
		position:relative;
		margin-top:70px;
		margin-bottom:55px;
	}

	.article__tags span {
		display: inline-block;
    	vertical-align: top;
    	margin-right: 15px;
    	font-size: 18px;
    	margin-top: 5px;
	}

	.article__tags__item {
		height:34px;
		display:inline-block;
		vertical-align:middle;
		border:1px solid #979797;
		border-radius:17px;
		font-size: 18px;
		font-weight: 300;
		color: #010101;
		text-decoration:none;
		padding:4px 16px;
		margin-right:6px;
		margin-bottom:6px;
		text-transform:lowercase;
	}

	.article__blocks {
		width:100%;
		position:relative;
		overflow:hidden;
		margin-top:50px;
		margin-bottom:95px;
		z-index:5;
	}

	.article__block {
		width:290px;
		height:477px;
		margin-right:18px;
		background-color:#009;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:50% 50%;
		float:left;
		padding:30px;
		position:relative;
	}

	.article__blocks .article__block:last-child {
		margin-right:0;
	}

	.article__block__title {
		font-family: Roboto;
		font-size: 46px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height:1em;
		color:#fff;
		margin-bottom:6px;
		position:relative;
		z-index:5;
	}

	.article__block__location {
		font-size: 18px;
		font-weight: 500;
		color:#fff;
		position:relative;
		z-index:5;
	}

	.article__block__location i {
		display:inline-block;
		margin-right:7px;
	}

	.article__block__percents {
		font-size: 35px;
  		font-weight: bold;
		margin-bottom:120px;
		line-height: 1.77;
		color:#fff;
		position:relative;
		z-index:5;
	}

	.article__block__desc {
		font-size: 18px;
		color:#fff;
		margin-bottom:35px;
		height: 70px;
	}

	.article__quote {
		width:850px;
		position:relative;
		overflow:hidden;
	}

	.article__quote .article__person__avatar {
		display:block;
		float:left;
		margin-right:55px;
	}

	.article__quote__text {
		width:670px;
		position:relative;
		float:left;
		margin-top:25px;
	}

	.article__quote__text p {
		width:670px;
		padding:25px;
		border-radius:0 15px 15px 15px;
		color:#fff;
		background:#059ad7;
		position:relative;
		font-size:16px;
		line-height:2em;
		margin-top:10px;
	}

	.article__quote__text p:before {
		content:" ";
		position:absolute;
		width: 0px;
	    height: 0px;
	    border-left: 30px solid transparent;
	    border-right: 30px solid transparent;
	    border-top: 30px solid #059ad7;
	    top:0;
	    left:-30px;
	}


/* article */

/* popup */
	.popup-wrapper {
		display:none;
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.25);
		position:fixed;
		top:0;
		left:0;
		z-index:100;
	}

	.popup {
		width:100%;
		max-width:890px;
		display:flex;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		background:#fff url("../img/popup-bg.jpg") 50% 50% no-repeat;
		background-size:cover;
		border-radius:23px;
		z-index:10;
		align-items:center;
		justify-content:center;
		padding:95px;
	}

	.popup__close {
		display:block;
		position:absolute;
		font-size:48px;
		top:24px;
		right:32px;
		color:rgba(0,0,0,0.25);
		text-decoration:none;
	}

	.popup__content {
		width:100%;
		max-width:600px;
	}

	.popup__content__title {
		width:100%;
		font-size: 36px;
		font-weight: 500;
		line-height: 1.35em;
		color: #000;
		font-family: "FuturaFuturisC";
		margin-bottom:25px;
		text-align: center;
	}

	.popup__content__title span {
		font-size: 36px;
		font-weight: 500;
		line-height: 1.35em;
		color: #000;
		font-family: "FuturaFuturisC";
	}

	.popup__content__desc {
		font-size: 18px;
		line-height: 2em;
		text-align: center;
		color: #010101;
		min-height:95px;
	}

	.popup__content__form {
		width:520px;
		margin:0 auto 65px;
	}

	.popup__content__form span {
		display:inline-block;
		vertical-align:middle;
		width:80px;
		color:#000;
		opacity:0.39;
	}

	.popup__content__form input[type="email"] {
		width:calc(100% - 90px);
		display:inline-block;
		vertical-align:middle;
		border:0;
		border-bottom:1px solid #979797;
		padding:8px;
		overflow:hidden;
		background:transparent;
	}

	.popup__shares {
		display:block;
		margin:-20px 0 50px;
		text-align:center;
	}

	.popup__share {
		display:inline-block;
		vertical-align:middle;
		font-size:28px;
		text-decoration:none;
		color:#059ad7;
		margin:0 15px;
	}
/* popup */


/* footer */
	.footer {
		width:100%;
		height:630px;
		display:block;
		position:relative;
		background:#03a2de;
		overflow:hidden;
		/*background:#03a2de url("../img/footer-bg.png") 50% 50% no-repeat;
		background-size:cover;*/
	}

	.footer__bg {
		display:block;
		position:absolute;
		z-index:1;
		top:50%;
		left:50%;
		min-width:100%;
		min-height:100%;
		transform:translate(-50%, -50%);
		opacity:0.6;
	}

	.footer--h-auto {
		height:auto;
	}

	.footer__prices {
		width: 100%;
	    position: relative;
	    overflow: hidden;
	    margin-bottom: 60px;
	    z-index: 5;
	}

	.footer__prices__title {
		font-size:42px;
		font-weight:bold;
		line-height:1.14em;
		color:#fff;
		margin:60px 0 80px;
		text-align:center;
		padding:0 30px;
	}

	.footer__prices .index__block {
		height:290px;
	}

	.footer__ad {
		width:100%;
		height:550px;
		display:flex;
		position:relative;
		align-items:center;
		justify-content:center;
		z-index:10;
	}

	.footer__ad__content {
		width:100%;
		max-width:600px;
		position:relative;
	}

	.footer__ad__content__logo {
		display:block;
		margin:0 auto;
	}

	.footer__ad__content__desc {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.6em;
		text-align: center;
		color: #fff;
		margin-bottom:28px;
	}

	.footer__bottom {
		width:100%;
		height:80px;
		padding:px;
		background:rgba(255,255,255,0.25);
		display:block;
		position:relative;
		overflow:hidden;
		z-index:10;
	}

	.footer__bottom .content {
		display:flex;
		align-items:center;
	}

	.footer__bottom__left {
		width:75%;
	}

	.footer__bottom__left p,
	.footer__bottom__left a {
		display:inline-block;
		vertical-align:middle;
		font-family: Roboto;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.21;
		color: rgba(255, 255, 255, 0.5);
		text-decoration:none;
		margin-right:20px;
	}

	.footer__bottom__right {
		text-align:right;
	}

	.footer__bottom__right p {
		display:inline-block;
		vertical-align:middle;
		font-size: 18px;
		font-weight: 500;
		margin-right:5px;
		color:#fff;
	}

	.footer__bottom__right a {
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		text-decoration:none;
		font-size:24px;
		margin-left:18px;
	}

	.footer__title {
		color:#fff;
		text-align:center;
		width:100%;
		max-width:1000px;
		padding-left:20px;
		padding-right:20px;
		margin:60px auto 25px;
		position:relative;
		z-index:5;
		font-size:36px;
	}

	.footer__desc {
		width:100%;
		max-width:1000px;
		color:#fff;
		font-size:18px;
		line-height:1.6em;
		text-align:center;
		margin:25px auto;
		position:relative;
		z-index:5;
	}

/* footer */

.button-up {
	display:none;
	position:fixed;
	bottom:50px;
	right:50px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	z-index:30;
	color:#999;
}

.button-up span {
	width:50px;
	height:50px;
	padding:5px;
	border:5px solid #999;
	font-size:32px;
	display:block;
	margin-bottom:10px;
}

.js-error {
	text-align:center;
	margin-bottom:20px;
	color:#900;
}

.js-vote:hover {
    cursor:pointer;
}

.js-vote:hover .index__block__bg {
	opacity:0;
}

.js-vote:hover .btn {
    background: #E37222;
    border-color: #E37222;
}

.footer__prices .index__block:hover .index__block__bg {
	opacity:0;
}

.footer__prices .index__block__link:hover .btn {
    background: #E37222;
    border-color: #E37222;
}