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

body {
	color:#fff;
	background:#000 url("../img/bg.jpg") 50% 113vh repeat-y;
	background-size:contain;
	overflow-x:hidden;
}

.content {
	/*width:100%;*/
	width:1034px;
	margin:0 auto;
	position:relative;
}

.lock-screen {
	display:none;
}

/* btn */
	.btn {
		width:100%;
		max-width:190px;
		height:40px;
		border-radius:20px;
		text-align:center;
		color:#fff;
		font-size:12px;
		font-weight:700;
		text-transform:uppercase;
		text-decoration:none;
		border:1px solid #fff;
		display:block;
		position:relative;
		transition:0.4s ease all;
		padding:11px;
	}

	.btn--big {
		max-width:230px;
		height:50px;
		font-size:14px;
		border-radius:25px;
		padding:15px;
	}

	.btn--arrow {
		max-width:230px;
		height:50px;
		font-size:14px;
		padding:15px;
		border:0;
		background:url("../img/arr-right.png") 90% 19px no-repeat;
	}

	.btn:not(.btn--arrow):hover,
	.btn--yellow {
		background:#f2b124;
		border-color:#f2b124;
		color:#fff;
	}

	.btn.inactive:hover {
		border-color:#fff;
		background:transparent;
		color:#fff;
	}

/* btn */

/* intro */
	.intro {
		width:100%;
		height:100vh;
		position:relative;
		z-index:10;
	}

	.intro-bg {
		display:block;
		position:absolute;
		z-index:1;
		min-width: 100%;
		bottom: -12%;
		min-height: 112%;
		right: 0;
	}

	.intro .content {
		position:relative;
		z-index:10;
	}

	.logo-vash-dosug {
		display:block;
		position:absolute;
		top:50px;
		z-index: 20;
	}

	.logo-lexus {
		display:block;
		position:absolute;
		top:44px;
		right:55px;
		color:#fff;
		text-decoration:none;
		z-index:10;
	}

	.logo-lexus span {
		display:inline-block;
		vertical-align:top;
		margin-top:10px;
		font-size:14px;
		margin-right:15px;
		opacity:0.75;
		font-family: 'FavoritBookC';
	}

	.intro__cnt {
		width:650px;
		height:100vh;
		display:flex;
		align-items:center;
		position:relative;
		z-index:10;
	}

	.intro__title {
		font-size:60px;
		text-transform:uppercase;
		font-weight:400;
		font-family: 'FavoritBookC';
		border-top:4px solid #fff;
		border-bottom:4px solid #fff;
		margin-bottom:20px;
		padding:20px 0;
	}

	.intro__desc {
		font-size:14px;
		line-height:24px;
		margin-bottom:20px;
	}

	.intro__btns .btn {
		display:inline-block;
		vertical-align:middle;
		margin-right:10px;
	}

	.intro__mouse {
	    display: block;
	    position: absolute;
	    bottom: 50px;
	    left: 50%;
	    width: 25px;
	    height: 40px;
	    margin-left: -12px;
	    animation: mouseMove 2s ease infinite;
	    z-index: 10;
	}

	@keyframes mouseMove {
		0% { margin-bottom:0; }
		50% { margin-bottom:20px; }
		100% { margin-bottom:0; }
	}
/* intro */

/* vote */
	.vote {
		width:100%;
		position:relative;
		z-index:10;
		margin:0 auto 20px;
	}

	.vote-title {
		width:100%;
		display:block;
		position:relative;
		clear:both;
		margin-bottom:35px;
		border-top:2px solid #796756;
	}

	.vote-title h2 {
		width:100%;
		color:#796756;
		padding:25px 0 18px;
		font-size:30px;
		text-transform:uppercase;
		font-weight:400;
	}

	.vote-title p {
		width:100%;
		max-width:750px;
		font-size:14px;
		line-height:24px;
	}

	.vote__list {
		position:relative;
	}

	.vote__item {
		width:241px;
		height:400px;
		display:block;
		position:relative;
		float:left;
		margin-right:23px;
		margin-bottom:32px;
		padding:25px;
		/*background:#900;*/
		/*overflow: hidden;*/
	}
	
	.vote__item--winner:before {
		position:absolute;
		display:block;
		content:"Победитель";
		top:20px;
		left:-5px;
		background:url("../img/ribbon.png") 0 0 no-repeat;
		color:#fff;
		font-size:14px;
		padding: 3px 15px;
		z-index:10;
		width:141px;
		height:29px;
		text-transform:uppercase;
		font-weight:700;
	}

	.vote__list .vote__item:nth-of-type(4n) {
		margin-right:0;
	}

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

	.vote__item__content {
		display: block;
	    position: absolute;
	    width: calc(100% + 4px);
	    padding: 25px;
	    bottom: -2px;
	    left: -2px;
		z-index:5;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.85+60 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 60%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 60%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
	}

	.vote__item__title {
		text-align:center;
		font-size:18px;
		margin-bottom:18px;
	}

	.vote__item .btn {
		margin-bottom:17px;
	}


	.vote__item__votes {
		width:165px;
		font-size:12px;
		padding:8px 0 8px 36px;
		background:url("../img/votes-icon.png") 0 50% no-repeat;
		margin:0 auto;
	}
/* vote */

/* promo */
	.promo {
		width:100%;
		min-height:465px;
		position:relative;
		overflow:hidden;
		margin-bottom:20px;
	}

	.promo .content {
		background:#1b1b1b;
		display:flex;
		align-items:center;
	}

	.promo__left {
		width:50%;
		/*min-height:485px;*/
		position:relative;
		float:left;
		padding:25px;
	}

	.promo__left__model {
		font-weight:400;	
		font-size:18px;
		margin-bottom:15px;
		text-transform:uppercase;
	}

	.promo__left__title {
		font-weight:400;
		border-top:2px solid #796756;
		border-bottom:2px solid #796756;
		color:#796756;
		padding:10px 0;
		text-transform:uppercase;
		font-size:30px;
		margin-bottom:15px;
	}

	.promo__left__desc {
		font-size:14px;
		line-height:24px;
		margin-bottom:25px;
	}

	.promo__right {
		width:50%;
		min-height:485px;
		background-position:50% 50%; 
		background-repeat:no-repeat;
		background-size: contain;
		float:left;
	}

	.promo[rel-id="1"] .promo__right {
		background-image:url("../img/promo-pic1.jpg");
	}
	.promo[rel-id="2"] .promo__right {
		background-image:url("../img/promo-pic2.jpg");
	}
	.promo[rel-id="3"] .promo__right {
		background-image:url("../img/promo-pic3.jpg");
	}
	.promo[rel-id="4"] .promo__right {
		background-image:url("../img/promo-pic4.jpg");
	}
	.promo[rel-id="5"] .promo__right {
		background-image:url("../img/promo-pic5.jpg");
	}
	.promo[rel-id="6"] .promo__right {
		background-image:url("../img/promo-pic6.jpg");
	}

	.promo[rel-id="3"] .content,
	.promo[rel-id="5"] .content {
		flex-direction:row-reverse;
	}
/* promo */

/* celebs */
	.celebs {
		width:100%;
		height:1000px;
		position:relative;
		overflow:hidden;
		padding-top:200px;
	}

	.celebs__bg {
		display:block;
		position:absolute;	
		top:5%;
		left:50%;
		transform:translate(-50%);
		z-index:1;
		/*width:100%;*/
	}

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

	.celebs__left {
		width:50%;
		position:relative;
		float:left;
	}

	.celebs__left__model {
		font-weight:400;	
		font-size:17px;
		margin-bottom:20px;
	}

	.celebs__left__title {
		font-weight:400;
		border-top:4px solid #796756;
		border-bottom:4px solid #796756;
		color:#796756;
		padding:15px 0;
		text-transform:uppercase;
		font-size:60px;
		margin-bottom:20px;
	}

	.celebs__left__desc {
		font-size:14px;
		line-height:24px;
		margin-bottom:25px;
	}

	.celebs__right {
		width:50%;
		position:relative;
		float:left;
	}

	.celebs__circle {
		width:626px;
		height:621px;
		display:block;
		position:relative;
		background:url("../img/circle.png") 50% 50% no-repeat;
		background-size:contain;
		margin-left:30px;
	}

	.celebs__item {
		display:block;
		position:absolute;
		width:200px;
		top:50%;
		left:50%;
	}

	.celebs__item[rel-id="1"] {
		margin-left:-32%;
		margin-top:7%;
	}

	.celebs__item[rel-id="2"] {
		margin-left: -13%;
		margin-top: -26%;
	}

	.celebs__item[rel-id="3"] {
		margin-left: 6%;
		margin-top: 1%;
	}

	.celebs__item__pic {
		display:block;
		float:left;
		margin-right:11px;
	}

	.celebs__item__place {
		font-size:17px;
		font-style:italic;
		text-transform:uppercase;
		transform:skewY(-8deg);
		float:left;
		padding-top:20px;
	}

	.celebs__item__name {
		font-size:12px;
		font-style:italic;
		text-transform:uppercase;
		transform:skewY(-8deg);
		float:left;
	}

	.celebs__item__likes {
		font-size:12px;
		font-style:italic;
		background:url("../img/like.png") 0 50% no-repeat;
		float:left;
		padding: 4px 20px 4px 20px;
	}

	.celebs__item__likes span {
		display:inline-block;
		transform:skewY(-8deg);
		padding-bottom: 2px;
	}
/* celebs */

/* nav */
	.nav {
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:80;
	}

	.js-nav-btn {
		width:50px;
		height:40px;
		top: 50px;
	    left: 50px;
	    display: block;
	    position: absolute;
	    z-index: 10;
	}

	.nav__btn {
		width: 50px;
	    height: 3px;
	    display: block;
	    position: relative;
	    background: #fff;
	    transition: .6s ease all;
	    /*box-shadow: 0 0 10px #000;*/
	    z-index: 70;
	}

	.nav__btn:before {
	    width: 33px;
	    height: 3px;
	    background: #fff;
	    content: " ";
	    display: block;
	    position: absolute;
	    top: 11px;
	    left: 0px;
	    transition: .6s ease all;
	    /*box-shadow: 0 0 10px #000*/
	}

	.nav__btn:after {
		width: 42px;
		background: #fff;
		content: " ";
		height: 3px;
		display: block;
		position: absolute;
		top: 22px;
		left: 0px;
		transition: .6s ease all;
		/*box-shadow: 0 0 10px #000;*/
	}

	.nav--black .nav__btn,
	.nav--black .nav__btn:before,
	.nav--black .nav__btn:after {
		background:#000;
	}

	.nav__content {
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.6);
		transition:0.25s ease all;
		z-index:-1;
	}

	.nav__list {
		width:400px;
		height:100vh;
		display:flex;
		position:absolute;
		top:0;
		left:-400px;
		/*align-items:center;*/
		padding:50px;
		transition:0.6s ease all;
		padding-top:20vh;

		background:url("../img/nav-bg.jpg") 50% 50% no-repeat;
		background-size:cover;
	}

	.nav__list .logo-vash-dosug {
		top:45px;
    	right:45px;
	}

	.nav__list__item {
		display:block;
		position:relative;
		color:#fff;
		font-size:18px;
		text-transform:uppercase;
		text-decoration:none;
		margin:22px 0 45px;
		transition:0.25s ease all;
	}

	.nav__list__item:hover {
		color:#f2b124;
	}

	.nav__list__share {
		display:block;
		position:relative;
	}

	.nav__list__share p {
		color:#fff;
		font-size:12px;
		margin-bottom:14px;
	}

	.nav__list__share a {
		display:inline-block;
		width:30px;
		height:30px;
		border-radius:50%;
		border:2px solid #fff;
		color:#fff;
		margin-right:4px;
		text-align:center;
		text-decoration:none;
		font-size:16px;
		padding-top:5px;
	}

	.nav__list__share a:hover {
		color:#fff;
		background:#f2b124;
		border-color:#f2b124;
	}

	.js-nav-btn:hover .nav__btn,
	.js-nav-btn:hover .nav__btn:before,
	.js-nav-btn:hover .nav__btn:after,
	.nav.active .nav__btn,
	.nav.active .nav__btn:before,
	.nav.active .nav__btn:after  {
		width:50px;
	}

	.nav.active .nav__list {
		left:0;
	}

	.nav__bottom {
		display:block;
		position:absolute;
		left:50px;
		bottom:50px;
		width:240px;
	}

	.nav__bottom .logo-lexus {
		position:relative;
		top:auto;
		right:auto;
		margin-bottom:15px;
	}

	.nav__bottom__join p {
		font-size:14px;
		display:inline-block;
		vertical-align:middle;
	}

	.nav__bottom__join a {
		font-size:20px;
		display:inline-block;
		vertical-align:middle;
		color:#fff;
		margin-left:12px;
		text-decoration:none;
	}
/* nav */

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

	.popup {
		width:100%;
		max-width:460px;
		background:#1b1b1b;
		display:block;
		position:absolute;
		padding:40px;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}

	.popup .row {
		width:100%;
		position:relative;
		overflow:hidden;
	}

	.popup .col {
		width:50%;
		position:relative;
		float:left;
		padding:0 10px;
	}

	.popup .col:first-child {
		padding-left:0;
	}

	.popup .col:last-child {
		padding-right:0;
	}

	.popup .text-sm {
		font-size:14px;
		margin-bottom:5px;
	}

	.popup .text-xs {
		font-size:12px;
		opacity:0.75;
	}

	.popup .btn--big.js-okayButton {
		margin-bottom:0;
	}

	.popup__agree-area {
		width:100%;
		height:100px;
		display:block;
		background:transparent;
		border:1px solid #fff;
		padding:10px;
		font-size:12px;
		margin-bottom:20px;
	}

	.popup__checkbox {
		width:26px;
		height:26px;
		display:inline-block;
		vertical-align:top;
		margin-right:20px;
		border:1px solid #fff;
		position:relative;
	}

	.popup__checkbox.active:after {
		width:14px;
		height:14px;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		background:#f2b124;
		content:" ";
	}

	.popup__checkbox.error {
		border-color:#f00;
	}

	.js-email.error {
		border-color:#f00;
	}

	.popup__agree-block {
		margin-bottom:20px;
	}

	.popup__agree-block p {
		display:inline-block;
		vertical-align:top;
		width: 325px;
		margin-top: 5px;
	}

	.popup__agree-block a {
		color:inherit;
	}

	.popup__close {
		display:block;
		position:absolute; 
		top:20px;
		right:20px;
	}

	.popup__title {
		text-align:center;
		font-weight:400;
		font-size:30px;
		margin-bottom:8px;
		text-transform:uppercase;
	}

	.popup__desc {
		text-align:center;
		font-size:14px;
		margin-bottom:35px;
	}

	.popup__auth {
		text-align:center;
	}

	.popup__auth__item {
		border:1px solid #fff;
		border-radius:50%;
		width:80px;
		height:80px;
		margin:0 10px;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-size: 36px;
		padding-top: 22px;
	}

	.popup__rules {
		font-size:12px;
		display:block;
		text-align:center;
		color:#fff;
	}

	.popup input[type="text"] {
		display:block;
		border:1px solid #fff;
		padding:10px 15px;
		font-size:14px;
		background:transparent;
		width:100%;
		margin-bottom:15px;
		color:#fff;
	}

	.popup .btn--big {
		margin:0 auto 20px;
	}
/* popup */

/* bloggers */
	.bloggers {
		width:100%;
		position:relative;
		overflow:hidden;
		padding:130px 0 30px;
	}

	.bloggers__bg {
		/*width:100%;*/
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);

	}

	.bloggers .content {
		overflow:hidden;
		position:relative;
		z-index:10;
	}

	.bloggers__intro {
		width:66%;
		display:block;
		position:relative;
		padding:25px;
		border:2px solid #796756;
		margin-bottom:25px;
		/*float:left;*/
		clear:both;
	}

	.bloggers__intro__title {
		font-weight:400;
		font-size:30px;
		text-transform:uppercase;
		color:#796756;
	}

	.bloggers__intro__desc {
		font-size:14px;
		line-height:24px;
	}

	.bloggers__item {
		width:33.3%;
		display:block;
		position:relative;
		padding:px;
		float:left;
		margin-top:60px;
	}

	.bloggers__item__num {
		display:none;
		position:absolute;
		top:-80px;
		left:12%;
		/*transform:translate(-50%);*/
		color:#fff;
		font-size:111px;
	}

	.bloggers__item__pic {
		width:100%;
		display:block;
		/*filter:grayscale(100);*/
	}

	.bloggers__item--winner {
		width: 44%;
    	margin: 0 -6%;
    	z-index:10;
	}

	.bloggers__item--winner .bloggers__item__pic {
		box-shadow:0 0 70px #9f9c93, 0 0 30px #9f9c93;
	}

	.bloggers__item__avatar {
		display:block;
		position:relative;
		width:100px;
		height:100px;
		margin:-50px auto 10px;
		border-radius:50%;
	}

	.bloggers__item__name {
		text-align:center;
		font-size:20px;
	}

	.bloggers__item__link {
		text-align:center;
		font-size:14px;
		opacity:0.5;
		color:#fff;
		text-decoration:none;
		display:block;
	}

	.bloggers__btn {
		max-width:400px;
		margin:60px auto 40px;
	}
/* bloggers */

/* footer */
	.footer {
		width:100%;
		padding:45px 20px;
		background:#1b1b1b;
	}

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

	.footer__left,
	.footer__right {
		width:50%;
	}

	.footer__right {
		text-align:right;
	}

	.footer__left p {
		margin:0;
		font-size:12px;
		color:#5b6164;
	}

	.footer__right a {
		text-decoration:none;
		font-size:12px;
		display:inline-block;
		margin-left:20px;
		text-transform:uppercase;
		color:#5b6164;
	}
/* footer */


.button-up {
	display:none;
	position:fixed;
	bottom:120px;
	right:30px;
	width:80px;
	height:80px;
	background:#1b1b1b url("../img/up.png") 50% 20px no-repeat;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	color:#717171;
	z-index:50;
	padding-top: 47px;
}

.js-vote-btn.inactive {
	opacity:0.6;
}

@media screen and (max-width:1280px) {
	.intro .logo-vash-dosug {
		left:100px;
	}
}

/* winners */
	.winners-wrap {
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		background:rgba(0,0,0,0.25);
		z-index:100;
	}

	.winners {
		width:100%;
		max-width:460px;
		background:#1b1b1b;
		position:absolute;
		top:10vh;
		left:50%;
		transform:translate(-50%);
		padding:50px 20px;
		height: 80vh;
	}

	.winners__close {
		display:block;
		position:absolute;
		top:20px;
		right:20px;
		width:20px;
		height:20px;
		background:url("/visual/img/close.png");
	}

	.winners__title {
		color:#fff;
		margin-bottom:20px;
		text-transform: uppercase;
    	font-weight: 400;
    	font-family: 'FavoritBookC';
    	font-size:30px;
    	text-align:center;
	}

	.winners__list {
		position:relative;
		overflow-y: scroll;
    	height: 60vh;
	}

	.winners__col {
		width:50%;
		float:left;
		padding:0 20px 0 30px;
	}

	.winners__col p {
		color:#fff;
		margin-bottom:4px;
		font-size:14px;
	}


/* winners */