@font-face{
	font-family: 'ViberSans';
	src: url('/Design/fonts/ViberSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




/*@font-face{
	font-family: 'NotoSans';
	src: url('/Design/fonts/NotoSans-Regular.eot');
	src: url('/Design/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/Design/fonts/NotoSans-Regular.woff') format('woff'),
		 url('/Design/fonts/NotoSans-Regular.svg#pt_sansregular') format('svg'),
		 url('/Design/fonts/NotoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/
@font-face{
	font-family: 'NotoSans';
	src: url('/Design/fonts/NotoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'NotoSans';
	src: url('/Design/fonts/NotoSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'NotoSans';
	src: url('/Design/fonts/NotoSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face{
	font-family: 'NotoSans';
	src: url('/Design/fonts/NotoSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}





*{
	margin: 0;
	padding: 0;
	position: relative;
	color: black;
}
html{
	width: 100%;
}
body{
	background: url(/Design/images/texture-violet.jpg);
	background-size: 100% auto;
}
.hidden{
	overflow: hidden;
}

h2{
	font-family: ViberSans;
	font-size: 48px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 44px;
}
h3{
	font-family: ViberSans;
	font-size: 39px;
	font-weight: normal;
	text-transform: uppercase;
}
h4{
	font-family: NotoSans;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
}
p{
	font-family: NotoSans;
	font-size: 19px;
}
p.tSize-small{
	font-size: 18px;
}

.tColor-white{
	color: white;
}
.tColor-pink{
	color: #f0446e;
}
.tColor-violet{
	color: #5c2e88;
}
.tColor-yellow{
	color: #eaea7e;
}
.tColor-blue{
	color: #4ac2d0;
}



.convTag{
	width: 0px;
	height: 0px;
	position: fixed;
	top: -1px;
	left: -1px;
	overflow: hidden;
}
.pageHolder{
	width: 100%;
	overflow: hidden;
}
.clearAfter:after{
	content: '';
	display: block;
	clear: both;
}



.wrapper{
	width: 1370px;
	margin: 0px auto 0px;
}




.btn-yellow{
	display: block;
	width: 250px;
	height: 120px;
	padding: 42px 0px 0px 0px;
	background: url(/Design/images/btn-yellow.png) center center no-repeat;
	background-size: contain;
}
.btn-yellow, .btn-yellow *{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	.btn-yellow:hover h3{
		color: #4ac2d0;
	}





.container{
	width: 100%;
	background: white;
}
.container.violet{
	background: url(/Design/images/texture-violet.jpg);
	background-size: 100% auto;
}
.container.pink{
	background: url(/Design/images/texture-pink.jpg);
	background-size: 100% auto;
}









.blockTitle{
	display: block;
	width: 100%;
	margin: 0px auto 0px;
}
.numb{
	display: block;
	margin: 0px auto 0px;
}
.backSplash{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
.divider{
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: -50%;
}
.decor{
	display: block;
	position: absolute;
}






.header{
	display: block;
	width: 100%;
	background: url(/Design/images/header_bg.jpg) bottom center no-repeat;
	background-size: cover;
}
	.headerImg{
		display: block;
		width: 85%;
		margin: 0px auto 5px;
	}
	.arrowDown{
		display: block;
		width: 53px;
		height: 54px;
		margin: 0px auto 100px;
		background: url(/Design/images/arrowDown.png) center center no-repeat;
		background-size: contain;
		cursor: pointer;
		-webkit-animation: arrowDown 3s infinite;
		animation: arrowDown 3s infinite;
	}

@-webkit-keyframes arrowDown{
	0% {
		top: 0px;
	}
	50% {
		top: 20px;
	}
	100% {
		top: 0px;
	}
}
@keyframes arrowDown{
	0% {
		top: 0px;
	}
	30% {
		top: 20px;
	}
	100% {
		top: 0px;
	}
}
.footer{
	height: 100px;
	background: white;
}
.footer:before{
	content: '';
	display: block;
	width: 100%;
	height: 124px;
	position: absolute;
	top: -100px;
	left: 0px;
	background: url(/Design/images/footerTop.svg) center center no-repeat;
	background-size: cover;
}
.logo-timeout{
	display: block;
	width: 116px;
	height: 81px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: url(/Design/images/logo-timeout.png) no-repeat;
	background-size: contain;
}
.logo-viber{
	display: block;
	width: 183px;
	height: 90px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background: url(/Design/images/logo-viber.svg) no-repeat;
	background-size: contain;
}
.contRules{
	position: absolute;
	top: 30px;
	left: 0px;
	right: 0px;
	margin: auto;
	text-align: center;
	text-decoration: underline;
	font-size: 22px;
	color: #4ac2d0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.contRules:hover{
	color: #f0446e;
}




.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 40px;
		margin-bottom: 70px;
	}
		.cont-intro .row.title .decor{
			top: 82%;
			left: -40%;
		}
	.cont-intro .row.content{
		margin-bottom: 290px;
	}
		.squirel{
			display: block;
			width: 92%;
			margin: -20px 0px 0px;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 124%;
			top: 144px;
			left: -34%;
		}
		.cont-intro .row.content .decor{
			bottom: -35%;
			right: 14%;
		}
		.introText p{
			width: 80%;
			margin-top: 35px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 180px;
		top: -80px;
		background: url(/Design/images/divider-1.png) center center no-repeat;
		background-size: cover;
	}
	.row.title.viberPrizes{
		margin-top: 130px;
	}
		.row.title.viberPrizes .decor{
			bottom: -50%;
			right: -20%;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 70px;
		margin-bottom: 70px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -120%;
			left: 0%;
			right: 0%;
			margin: auto;
		}

	.lonelyHeader{
		margin: 0% auto 0%;
	}

	.row.title.timeoutPrizes{
		margin-top: 2%;
	}
		.row.title.timeoutPrizes .decor{
			top: 70%;
			right: -18%;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 100px;
		margin-bottom: 120px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			top: 18%;
			left: 2%;
		}
		.timeoutPrize{
			margin-bottom: 60px;
		}






.cont-takePart{

}
	.cont-takePart .divider{
		height: 80px;
		top: -50px;
		background: url(/Design/images/divider-2.png) center center no-repeat;
		background-size: cover;
	}
	.cont-takePart .row.title{
		margin-top: 115px;
		margin-bottom: 40px;
	}
	.stepsList{

	}
		.stepsList .backSplash{
			top: -10%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
		.stepsList h2{
			margin: 20px auto 20px;
		}
	.row.followNews{
		margin-top: 80px;
		margin-bottom: 50px;
	}
		.row.followNews h2{
			
		}
	.cont-takePart .linkBtn-takePart{
		margin:0px auto 40px;
	}
	
	





	.cont-winner .divider{
		height: 186px;
		top: -50px;
		background: url(/Design/images/divider-3.png) center center no-repeat;
		background-size: cover;
	}
	.cont-winner .row.title{
		margin-top: 150px;
		margin-bottom: 70px;
	}
		.cont-winner .row.title .decor{
			top: 44%;
			right: -24%;
		}
		.wInfo{

		}
			.wInfo .backSplash{
				width: 120%;
				top: 0%;
				left: -170px;
			}
			.wInfo h2{
				margin: 50px auto 30px;
			}
		.winnerPhoto{
			display: block;
			width: 90%;
			margin: -2% auto 0px;
			z-index: 1;
		}
	.wVideo{
		margin-top: 6%;
		margin-bottom: 9%;
	}
		.winnerVideo{
			display: block;
			width: 95%;
			height: 465px;
			margin: 0px auto 0px;
			
		}



.cont-pastContest{

}
	.cont-pastContest .decor{
		top: -120%;
		left: -24%;
	}
	.cont-pastContest .blockTitle{

	}


.sliderHolder{
	width: 90%;
	height: 260px;
	margin: 0px auto 50px;
}
.slider{
	height: 260px;
	overflow: hidden;
	margin: 50px auto 0px;
}
	.sliderItem{
		width: 360px;
		height: 100%;
		padding: 0px 50px;
		position: absolute;
		top: 0px;
		left: 0px;
		cursor: pointer;
	}
		.sliderItem .imgHolder{
			width: 100%;
			height: 100%;
			border-radius: 140px;
			overflow: hidden;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			-ms-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}
			.sliderImg{
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
			}
	.sliderItem:hover{

	}
		.sliderItem:hover .imgHolder{
			border-radius: 0px;
		}
.sliderArrow{
	width: 37px;
	height: 66px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	cursor: pointer;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.sliderArrow.left{
	background: url(/Design/images/sliderArrow_grey.png) 0px 0px no-repeat;
	background-size: cover;
	left: -40px;
}
.sliderArrow.right{
	background: url(/Design/images/sliderArrow_grey.png) -37px 0px no-repeat;
	background-size: cover;
	right: -40px;
}
.sliderArrow.left:hover{
	background: url(/Design/images/sliderArrow.png) 0px 0px no-repeat;
	background-size: cover;
	left: -40px;
}
.sliderArrow.right:hover{
	background: url(/Design/images/sliderArrow.png) -37px 0px no-repeat;
	background-size: cover;
	right: -40px;
}




.popupBack{
	display: none;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2000;
	background: rgba(0, 0, 0, 0.7);
}
.closePopup{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2002;
	background: url(http://mycityvibe.timeout.ru/Design/images/closeCross_grey.png) center center no-repeat;
	background-size: 60%;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.closePopup:hover{
	background: url(http://mycityvibe.timeout.ru/Design/images/closeCross_violet.png) center center no-repeat;
	background-size: 60%;
}
.popup.cWork{
	display: none;
	width: 1100px;
	height: 85%;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 2001;
	background: white;
}
	.popup.cWork .row,
	.popup.cWork .cWork_col,
	.carousel,
	.carousel-inner,
	.carousel .item{
		height: 100%;
	}


.dTable{
	display: table;
	width: 90%;
	height: 100%;
	margin: 0px auto 0px;
}
.dCell{
	display: table-cell;
	vertical-align: middle;
}
.cWork_img{
	display: block;
	max-width: 100%;
	margin: 0px auto 0px;
}
.cWork_text{
	margin: 20px 0px 0px 120px;
}
.popup.cWork .sliderArrow.left{
	left: 20px;
}
.popup.cWork .sliderArrow.right{
	right: 20px;
}
.carousel-control:hover .sliderArrow.left{
	background-image: url(/Design/images/sliderArrow.png);
}
.carousel-control:hover .sliderArrow.right{
	background-image: url(/Design/images/sliderArrow.png);
}





.cont-news .blockTitle{
	margin: 60px auto 50px;
}
	.cont-news .blockTitle .decor{
		top: 62%;
		left: -132%;
		z-index: 1;
		width: 90%;
	}
.cont-news .backSplash{
	width: 165%;
	height: 100%;
	top: -10%;
	left: -30%;
}
.cont-news .divider{
	height: 186px;
	top: -50px;
	background: url(/Design/images/divider-4.png) center center no-repeat;
	background-size: cover;
}


.news_wrapper{
	width: 78%;
	height: 400px;
	margin: 0px 0px 200px 17%;
	overflow: hidden;
}
.news_wrapper.autoHeight{
	height: auto;
}
.news_scroller{
	width: 120% !important;
	height: 100%;
	overflow-y: scroll;
}
.news_holder{
	width: 78%;
}
	.singleNews{
		margin: 10px auto 30px;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.singleNews:last-child{
		margin: 10px auto 0px;
		padding: 0px 0px 0px 0px;
		border-bottom: none;
	}
		.singleNews a{
			color: #EF466F;
			text-decoration: underline;
		}
		.singleNews_title{
			font-family: NotoSans;
			font-size: 24px;
			font-weight: bold;
			color: white;
			text-transform: none;
			margin: 0px auto 10px;
		}
		.singleNews_text{
			font-family: NotoSans;
			font-size: 20px;
			font-weight: normal;
			color: white;
			text-transform: none;
		}
		.singleNews_date{
			font-family: NotoSans;
			font-size: 18px;
			font-weight: normal;
			color: rgba(255, 255, 255, 0.8);
			text-transform: none;
			margin: 10px auto 0px;	
		}
.news_scrollTrack {
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 20px;
    border-radius: 10px;
    background: #421f63;
}
.news_scrollSlider {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px;
    background: white;
    cursor: pointer;
}






.popup.rules{
	display: none;
	width: 1100px;
	height: 85%;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 2001;
	background: white;
}
.popup.rules h3{
	text-align: center;
	margin: 2% auto 2%;
}
.rules_wrapper{
	width: 96%;
	height: 80%;
	margin: 5% auto 0px;
	overflow: hidden;
}
.rules_scroller{
	width: 120% !important;
	height: 100%;
	overflow-y: scroll;
}
.rules_holder{
	width: 78%;
}
.rules_scrollTrack {
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 20px;
	border-radius: 10px;
	background: #421f63;
}
.rules_scrollSlider {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 10px;
	background: #f0446e;
	cursor: pointer;
}












.tile{
	width: 100%;
	padding-top: 100%;
}
.tileInner{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.winner{
	margin-bottom: 20px;
}
	.imgHolder_outer{
		width: 90%;
		margin: 0px auto 10px;
		background: url(/Design/images/winnerOuter.png) center center no-repeat;
		background-size: contain;
	}
		.winner .imgHolder{
			width: 90%;
			height: 90%;
			position: absolute;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			margin: auto;
			border-radius: 100%;
			overflow: hidden;
		}
			.winnerImg{
				display: block;
				width: 100%;
				cursor: pointer;
			}

	.winner p{
		width: 90%;
		margin: 10px auto 15px;
	}
.popup.winner .cWork_img{
	max-width: 90%;
	max-height: 30%
}


.popup.winnerTO .dTable, .popup.winnerTO .dCell{
	display: block;
	height: 100%;
}
.popup.winnerTO .imgHolder{
	max-width: 90%;
	height: 70%;
	margin: 6% auto 0px;
}
.popup.winnerTO .cWork_img{
	display: block;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}
















@media only screen and (max-width: 1680px){
h2{
	font-size: 44px;
}
h3{
	font-size: 32px;
}
h4{
	font-size: 16px;
}
p{
	font-size: 16px;
}
p.tSize-small{
	font-size: 15px;
}


.wrapper{
	width: 1200px;
}
.footer:before{
	height: 110px;
	top: -88px;
}



.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 30px;
		margin-bottom: 70px;
	}
		.cont-intro .row.title .decor{
			top: 82%;
			left: -40%;
			width: 200px;
		}
	.cont-intro .row.content{
		margin-bottom: 240px;
	}
		.squirel{
			display: block;
			width: 92%;
			margin: -20px 0px 0px;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 124%;
			top: 144px;
			left: -34%;
		}
		.cont-intro .row.content .decor{
			bottom: -35%;
			right: 14%;
		}
		.introText p{
			width: 80%;
			margin-top: 35px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 140px;
		top: -50px;
	}
	.row.title.viberPrizes{
		margin-top: 130px;
	}
		.row.title.viberPrizes .decor{
			bottom: -50%;
			right: -20%;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 70px;
		margin-bottom: 70px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -140%;
			left: 0%;
			right: 0%;
			margin: auto;
		}

	.row.title.timeoutPrizes{
		
	}
		.row.title.timeoutPrizes .decor{
			top: 70%;
			right: -18%;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 100px;
		margin-bottom: 120px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			top: 18%;
			left: 2%;
		}
		.timeoutPrize{
			margin-bottom: 60px;
		}





.cont-takePart{

}
	.cont-takePart .divider{
		height: 80px;
		top: -50px;
		background: url(/Design/images/divider-2.png) center center no-repeat;
		background-size: cover;
	}
	.cont-takePart .row.title{
		margin-top: 70px;
		margin-bottom: 40px;
	}
	.stepsList{

	}
		.stepsList .backSplash{
			top: -10%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
		.stepsList h2{
			margin: 20px auto 20px;
		}
	.row.followNews{
		margin-top: 80px;
		margin-bottom: 50px;
	}
		.row.followNews h2{
			
		}
	.cont-takePart .linkBtn-takePart{
		margin:0px auto 40px;
	}
	
	





	.cont-winner .divider{
		height: 186px;
		top: -50px;
		background: url(/Design/images/divider-3.png) center center no-repeat;
		background-size: cover;
	}
	.cont-winner .row.title{
		margin-top: 150px;
		margin-bottom: 70px;
	}
		.cont-winner .row.title .decor{
			top: 44%;
			right: -24%;
			width: 190px;
		}
		.wInfo{

		}
			.wInfo .backSplash{
				width: 120%;
				top: 0%;
				left: -170px;
			}
			.wInfo h2{
				margin: 50px auto 30px;
			}
		.winnerPhoto{
			display: block;
			width: 90%;
			margin: -2% auto 0px;
			z-index: 1;
		}
	.wVideo{
		margin-top: 6%;
		margin-bottom: 9%;
	}
		.winnerVideo{
			display: block;
			width: 95%;
			height: 465px;
			margin: 0px auto 0px;
			
		}




.cont-news .divider {
	height: 140px;
	top: -50px;
	background: url(/Design/images/divider-4.png) center center no-repeat;
	background-size: cover;
}
}

































@media only screen and (max-width: 1440px){
h2{
	font-size: 40px;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 15px;
}
p{
	font-size: 15px;
}
p.tSize-small{
	font-size: 14px;
}

.wrapper{
	width: 1156px;
}
.footer:before{
	height: 94px;
	top: -76px;
}
.logo-timeout{
	width: 116px;
	height: 81px;
	top: 0px;
	left: 90px;
}
.logo-viber{
	width: 183px;
	height: 90px;
	top: 0px;
	right: 90px;
}

.btn-yellow{
	width: 200px;
	height: 110px;
	padding: 42px 0px 0px 0px;
}



.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 30px;
		margin-bottom: 70px;
	}
		.cont-intro .row.title .decor{
			top: 82%;
			left: -40%;
			width: 180px;
		}
	.cont-intro .row.content{
		margin-bottom: 160px;
	}
		.squirel{
			display: block;
			width: 92%;
			margin: 2% 0px 0px;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 117%;
			top: 144px;
			left: -32%;
		}
		.cont-intro .row.content .decor{
			bottom: -25%;
			right: 20%;
			width: 100px;
		}
		.introText p{
			width: 80%;
			margin-top: 35px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 140px;
		top: -50px;
	}
	.row.title.viberPrizes{
		margin-top: 130px;
	}
		.row.title.viberPrizes .decor{
			bottom: -50%;
			right: -20%;
			width: 90px;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 70px;
		margin-bottom: 70px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -140%;
			left: 0%;
			right: 0%;
			margin: auto;
		}

	.row.title.timeoutPrizes{
		margin-top: 1%;
	}
		.row.title.timeoutPrizes .decor{
			top: 70%;
			right: -18%;
			width: 180px;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 100px;
		margin-bottom: 70px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			top: 18%;
			left: 2%;
			width: 100px;
		}
		.timeoutPrize{
			margin-bottom: 60px;
		}




.cont-takePart{

}
	.cont-takePart .divider{
		height: 80px;
		top: -50px;
		background: url(/Design/images/divider-2.png) center center no-repeat;
		background-size: cover;
	}
	.cont-takePart .row.title{
		margin-top: 70px;
		margin-bottom: 40px;
	}
	.stepsList{

	}
		.stepsList .backSplash{
			top: -10%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
		.stepsList h2{
			margin: 20px auto 20px;
		}
	.row.followNews{
		margin-top: 60px;
		margin-bottom: 20px;
	}
		.row.followNews h2{
			
		}
	.cont-takePart .linkBtn-takePart{
		margin: 0px auto 0px;
		z-index: 1;
	}
	
	





	.cont-winner .divider{
		height: 186px;
		top: -50px;
		background: url(/Design/images/divider-3.png) center center no-repeat;
		background-size: cover;
	}
	.cont-winner .row.title{
		margin-top: 150px;
		margin-bottom: 70px;
	}
		.cont-winner .row.title .decor{
			top: 44%;
			right: -24%;
			width: 190px;
		}
		.wInfo{

		}
			.wInfo .backSplash{
				width: 120%;
				top: 0%;
				left: -170px;
			}
			.wInfo h2{
				margin: 50px auto 30px;
			}
		.winnerPhoto{
			display: block;
			width: 90%;
			margin: -2% auto 0px;
			z-index: 1;
		}
	.wVideo{
		margin-top: 6%;
		margin-bottom: 9%;
	}
		.winnerVideo{
			display: block;
			width: 95%;
			height: 465px;
			margin: 0px auto 0px;
			
		}


.cont-pastContest .decor{
	top: -90%;
	left: -20%;
	width: 140px;
}


.sliderHolder{
	height: 220px;
}
.slider{
	height: 220px;
	margin: 50px auto 0px;
}
	.sliderItem{
		width: 280px;
		height: 100%;
		padding: 0px 30px;
	}
.sliderArrow{
	width: 37px;
	height: 66px;
}
.sliderArrow.left{
	left: -30px;
}
.sliderArrow.right{
	right: -30px;
}


.cont-news .blockTitle{
	margin: 40px auto 40px;
}
	.cont-news .blockTitle .decor{
		top: 62%;
		left: -90%;
		width: 70%;
	}
}



































@media only screen and (max-width: 1366px){
.wrapper{
	width: 1100px;
}

.winnerVideo{
	height: 370px;
}






.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 30px;
		margin-bottom: 70px;
	}
		.cont-intro .row.title .decor{
			top: 82%;
			left: -30%;
			width: 180px;
		}
	.cont-intro .row.content{
		margin-bottom: 190px;
	}
		.squirel{
			display: block;
			width: 92%;
			margin: 2% 0px 0px;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 124%;
			top: 144px;
			left: -34%;
		}
		.cont-intro .row.content .decor{
			bottom: -26%;
			right: 14%;
			width: 120px;
		}
		.introText p{
			width: 80%;
			margin-top: 35px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 118px;
		top: -70px;
	}
	.row.title.viberPrizes{
		margin-top: 90px;
	}
		.row.title.viberPrizes .decor{
			bottom: -50%;
			right: -20%;
			width: 90px;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 70px;
		margin-bottom: 70px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -140%;
			left: 0%;
			right: 0%;
			margin: auto;
		}

	.row.title.timeoutPrizes{
		
	}
		.row.title.timeoutPrizes .decor{
			top: 70%;
			right: -18%;
			width: 180px;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 100px;
		margin-bottom: 70px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			top: 23%;
			left: 2%;
			width: 110px;
		}
		.timeoutPrize{
			margin-bottom: 40px;
		}





.cont-takePart{

}
	.cont-takePart .divider{
		height: 80px;
		top: -50px;
		background: url(/Design/images/divider-2.png) center center no-repeat;
		background-size: cover;
	}
	.cont-takePart .row.title{
		margin-top: 70px;
		margin-bottom: 40px;
	}
	.stepsList{

	}
		.stepsList .backSplash{
			top: -10%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
		.stepsList h2{
			margin: 10px auto 10px;
		}
	.row.followNews{
		margin-top: 60px;
		margin-bottom: 20px;
	}
		.row.followNews h2{
			
		}
	.cont-takePart .linkBtn-takePart{
		margin: 0px auto 0px;
		z-index: 1;
	}
	
	





	.cont-winner .divider{
		height: 186px;
		top: -50px;
		background: url(/Design/images/divider-3.png) center center no-repeat;
		background-size: cover;
	}
	.cont-winner .row.title{
		margin-top: 150px;
		margin-bottom: 70px;
	}
		.cont-winner .row.title .decor{
			top: 44%;
			right: -24%;
			width: 160px;
		}
		.wInfo{

		}
			.wInfo .backSplash{
				width: 120%;
				top: 0%;
				left: -170px;
			}
			.wInfo h2{
				margin: 50px auto 30px;
			}
		.winnerPhoto{
			display: block;
			width: 90%;
			margin: -2% auto 0px;
			z-index: 1;
		}
	.wVideo{
		margin-top: 6%;
		margin-bottom: 9%;
	}
		.winnerVideo{
			display: block;
			width: 95%;
			height: 465px;
			margin: 0px auto 0px;
			
		}


.cont-news .divider{
	height: 100px;
	top: -50px;
}
}





































@media only screen and (max-width: 1280px){
h2{
	font-size: 36px;
}
h3{
	font-size: 24px;
}
h4{
	font-size: 15px;
}
p{
	font-size: 15px;
}
p.tSize-small{
	font-size: 14px;
}

.wrapper{
	width: 1000px;
}

.footer:before{
	height: 76px;
	top: -70px;
}



.winnerVideo{
	height: 320px;
}



.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 30px;
		margin-bottom: 50px;
	}
		.cont-intro .row.title .decor{
			top: 82%;
			left: -38%;
			width: 160px;
		}
	.cont-intro .row.content{
		margin-bottom: 190px;
	}
		.squirel{
			display: block;
			width: 92%;
			margin: 2% 0px 0px;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 124%;
			top: 144px;
			left: -34%;
		}
		.cont-intro .row.content .decor{
			bottom: -25%;
			right: 6%;
			width: 107px;
		}
		.introText p{
			width: 80%;
			margin-top: 35px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 118px;
		top: -70px;
	}
	.row.title.viberPrizes{
		margin-top: 90px;
	}
		.row.title.viberPrizes .decor{
			bottom: -32%;
			right: -17%;
			width: 70px;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 40px;
		margin-bottom: 30px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -140%;
			left: 0%;
			right: 0%;
			margin: auto;
		}

	.row.title.timeoutPrizes{
		
	}
		.row.title.timeoutPrizes .decor{
			top: 70%;
			right: -18%;
			width: 170px;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 100px;
		margin-bottom: 70px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			top: 23%;
			left: 2%;
			width: 100px;
		}
		.timeoutPrize{
			margin-bottom: 40px;
		}



.sliderHolder{
	height: 200px;
}
.slider{
	height: 200px;
	margin: 50px auto 0px;
}
	.sliderItem{
		width: 260px;
		height: 100%;
		padding: 0px 30px;
	}
.sliderArrow{
	width: 37px;
	height: 66px;
}
.sliderArrow.left{
	left: 10px;
}
.sliderArrow.right{
	right: 10px;
}







.cont-takePart{

}
	.cont-takePart .divider{
		height: 80px;
		top: -50px;
		background: url(/Design/images/divider-2.png) center center no-repeat;
		background-size: cover;
	}
	.cont-takePart .row.title{
		margin-top: 70px;
		margin-bottom: 40px;
	}
	.stepsList{

	}
		.stepsList .backSplash{
			top: -10%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
		.stepsList h2{
			margin: 10px auto 10px;
		}
	.row.followNews{
		margin-top: 60px;
		margin-bottom: 20px;
	}
		.row.followNews h2{
			
		}
	.cont-takePart .linkBtn-takePart{
		margin: 0px auto 0px;
		z-index: 1;
	}
	
	





	.cont-winner .divider{
		height: 186px;
		top: -50px;
		background: url(/Design/images/divider-3.png) center center no-repeat;
		background-size: cover;
	}
	.cont-winner .row.title{
		margin-top: 150px;
		margin-bottom: 70px;
	}
		.cont-winner .row.title .decor{
			top: 44%;
			right: -24%;
			width: 160px;
		}
		.wInfo{

		}
			.wInfo .backSplash{
				width: 120%;
				top: 0%;
				left: -170px;
			}
			.wInfo h2{
				margin: 50px auto 30px;
			}
		.winnerPhoto{
			display: block;
			width: 90%;
			margin: -2% auto 0px;
			z-index: 1;
		}
	.wVideo{
		margin-top: 6%;
		margin-bottom: 9%;
	}
		.winnerVideo{
			display: block;
			width: 95%;
			height: 465px;
			margin: 0px auto 0px;
			
		}
}







































@media only screen and (max-width: 1024px){
.wrapper{
	width: 900px;
}

.footer:before{
	height: 60px;
	top: -56px;
}

.btn-yellow {
    width: 200px;
    height: 77px;
    padding: 30px 0px 0px 0px;
}



.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 30px;
		margin-bottom: 50px;
	}
		.cont-intro .row.title .decor{
			top: 82%;
			left: -38%;
			width: 140px;
		}
	.cont-intro .row.content{
		margin-bottom: 190px;
	}
		.squirel{
			display: block;
			width: 100%;
			margin: 2% 0px 0px;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 124%;
			top: 130px;
			left: -34%;
		}
		.cont-intro .row.content .decor{
			bottom: -25%;
			right: 12%;
			width: 100px;
		}
		.introText p{
			width: 80%;
			margin-top: 20px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 118px;
		top: -70px;
	}
	.row.title.viberPrizes{
		margin-top: 90px;
	}
		.row.title.viberPrizes .decor{
			bottom: -32%;
			right: -17%;
			width: 70px;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 30px;
		margin-bottom: 50px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -114%;
			width: 180px;
		}

	.row.title.timeoutPrizes{
		
	}
		.row.title.timeoutPrizes .decor{
			top: 70%;
			right: -18%;
			width: 140px;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 100px;
		margin-bottom: 70px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			top: 23%;
			left: 4%;
			width: 90px;
		}
		.timeoutPrize{
			margin-bottom: 20px;
		}



.cont-takePart{

}
	.cont-takePart .divider{
		height: 80px;
		top: -50px;
		background: url(/Design/images/divider-2.png) center center no-repeat;
		background-size: cover;
	}
	.cont-takePart .row.title{
		margin-top: 70px;
		margin-bottom: 40px;
	}
	.stepsList{

	}
		.stepsList .backSplash{
			width: 100%;
			top: -10%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
		.stepsList h2{
			margin: 10px auto 10px;
		}
		.stepsList .col-sm-2 p{
			width: 134%;
			margin-left: -17%;
		}
	.row.followNews{
		margin-top: 30px;
		margin-bottom: 10px;
	}
		.row.followNews h2{
			
		}
	.cont-takePart .linkBtn-takePart{
		margin: 0px auto 0px;
		z-index: 1;
	}
	
	





	.cont-winner .divider{
		height: 80px;
		top: -20px;
	}
	.cont-winner .row.title{
		margin-top: 90px;
		margin-bottom: 50px;
	}
		.cont-winner .row.title .decor{
			top: 44%;
			right: -20%;
			width: 130px;
		}
		.wInfo{

		}
			.wInfo .backSplash{
				width: 120%;
				top: 0%;
				left: -170px;
			}
			.wInfo h2{
				margin: 20px auto 15px;
			}
		.winnerPhoto{
			display: block;
			width: 90%;
			margin: -2% auto 0px;
			z-index: 1;
		}
	.wVideo{
		margin-top: 6%;
		margin-bottom: 9%;
	}
		.winnerVideo{
			display: block;
			width: 95%;
			height: 300px;
			margin: 0px auto 0px;
			
		}

.cont-pastContest .decor{
	top: -90%;
	left: -16%;
	width: 120px;
}


.sliderHolder{
	height: 180px;
}
.slider{
	height: 180px;
	margin: 50px auto 0px;
}
	.sliderItem{
		width: 220px;
		height: 100%;
		padding: 0px 20px;
	}
.sliderArrow{
	width: 37px;
	height: 66px;
}
.sliderArrow.left{
	left: -30px;
}
.sliderArrow.right{
	right: -30px;
}
}








































@media only screen and (max-width: 991px){
h2{
	font-size: 30px;
	line-height: 32px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 14px;
}
p{
	font-size: 14px;
}
p.tSize-small{
	font-size: 13px;
}




.wrapper{
	width: 750px;
}
.footer:before{
	height: 48px;
	top: -45px;
}


.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 30px;
		margin-bottom: 50px;
	}
		.cont-intro .row.title .decor{
			top: 64%;
			left: -30%;
			width: 110px;
		}
	.cont-intro .row.content{
		margin-bottom: 160px;
	}
		.squirel{
			display: block;
			width: 100%;
			margin: 2% 0px 0px;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 140%;
			top: 108px;
			left: -51%;
		}
		.cont-intro .row.content .decor{
			bottom: -25%;
			right: 9%;
			width: 90px;
		}
		.introText p{
			width: 80%;
			margin-top: 20px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 118px;
		top: -70px;
	}
	.row.title.viberPrizes{
		margin-top: 90px;
	}
		.row.title.viberPrizes .decor{
			bottom: -40%;
			right: -16%;
			width: 60px;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 30px;
		margin-bottom: 50px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -114%;
			width: 180px;
		}

	.row.title.timeoutPrizes{
		
	}
		.row.title.timeoutPrizes .decor{
			top: 70%;
			right: -18%;
			width: 130px;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 100px;
		margin-bottom: 70px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			top: 23%;
			left: 4%;
			width: 90px;
		}
		.timeoutPrize{
			margin-bottom: 20px;
		}

.cont-news .blockTitle {
    margin: 30px auto 20px;
}
	.cont-news .blockTitle .decor{
		top: 62%;
		left: -90%;
		width: 70%;
	}
.cont-pastContest .decor {
/*    top: -90%;
    left: -16%;
    width: 120px;*/
    display: none;
}
.cont-news .backSplash {
    width: 158%;
    height: 100%;
    top: -6%;
    left: -30%;
}
}



































@media only screen and (max-width: 800px){
.wrapper{
	width: 98%;
}
.footer:before{
	height: 48px;
	top: -40px;
}
.logo-timeout{
	width: 100px;
	height: 81px;
	top: 18px;
	left: 4px;
}
.logo-viber{
	width: 110px;
	height: 90px;
	top: 24px;
	right: 4px;
}
.cont-intro{

}
	.cont-intro .row.title{
		margin-top: 12px;
		margin-bottom: 30px;
	}
		.cont-intro .row.title .decor{
			/*top: 64%;
			left: -30%;
			width: 110px;*/
			display: none;
		}
	.cont-intro .row.content{
		margin-bottom: 120px;
	}
		.squirel{
			display: block;
			width: 100%;
			margin: 2% 0px 5%;
			z-index: 1;
		}
		.cont-intro .row.content .backSplash{
			width: 140%;
			top: 108px;
			left: -51%;
		}
		.cont-intro .row.content .decor{
			bottom: -32%;
			right: 10%;
			width: 90px;
		}
		.introText p{
			width: 80%;
			margin-top: 20px;
		}





.cont-prizes{

}
	.cont-prizes .divider{
		height: 60px;
		top: -30px;
	}
	.row.title.viberPrizes{
		margin-top: 50px;
	}
		.row.title.viberPrizes .decor{
			bottom: -250%;
			right: 0%;
			width: 50px;
		}
	.row.listPrizes.viberPrizes{
		margin-top: 30px;
		margin-bottom: 30px;
	}
		.row.listPrizes.viberPrizes .decor{
			bottom: -55%;
			width: 120px;
		}

	.row.title.timeoutPrizes{
		
	}
		.row.title.timeoutPrizes .decor{
			/*top: 70%;
			right: -18%;
			width: 130px;*/
			display: none;
		}
		.row.title.timeoutPrizes .backSplash{
			width: 77%;
			top: 20%;
			left: 0%;
			right: 0%;
			margin: auto;
		}
	.row.listPrizes.timeoutPrizes{
		margin-top: 50px;
		margin-bottom: 30px;
	}
		.row.listPrizes.timeoutPrizes .decor{
			/*top: 23%;
			left: 4%;
			width: 90px;*/
			display: none;
		}
		.timeoutPrize{
			margin-bottom: 20px;
		}





.cont-takePart{

}
	.cont-takePart .divider{
		height: 80px;
		top: -50px;
		background: url(/Design/images/divider-2.png) center center no-repeat;
		background-size: cover;
	}
	.cont-takePart .row.title{
		margin-top: 50px;
		margin-bottom: 40px;
	}
	.stepsList{

	}
		.stepsList .backSplash{
			/*width: 100%;
			top: -10%;
			left: 0%;
			right: 0%;
			margin: auto;*/
			display: none;
		}
		.stepsList .col-lg-4, .stepsList .col-lg-2{
			margin: 0px auto 30px;
		}
		.stepsList h2{
			margin: 7px auto 5px;
		}
		.stepsList .col-sm-2 p{
			width: 134%;
			margin-left: -17%;
		}
	.row.followNews{
		margin-top: 30px;
		margin-bottom: 10px;
	}
		.row.followNews h2{
			
		}
	.cont-takePart .linkBtn-takePart{
		margin: 0px auto 0px;
		z-index: 1;
	}
	
	





	.cont-winner .divider{
		height: 80px;
		top: -20px;
	}
	.cont-winner .row.title{
		margin-top: 90px;
		margin-bottom: 50px;
	}
		.cont-winner .row.title .decor{
			display: none;
		}
		.wInfo{

		}
			.wInfo .backSplash{
				width: 120%;
				top: 0%;
				left: -170px;
			}
			.wInfo h2{
				margin: 20px auto 15px;
			}
		.winnerPhoto{
			display: block;
			width: 90%;
			margin: -2% auto 0px;
			z-index: 1;
		}
	.wVideo{
		margin-top: 6%;
		margin-bottom: 9%;
	}
		.winnerVideo{
			display: block;
			width: 95%;
			height: 190px;
			margin: 0px auto 0px;
			
		}




	.cont-news .blockTitle .decor{
		top: 62%;
		left: -90%;
		width: 56%;
	}



.sliderHolder{
	height: 160px;
}
.slider{
	height: 160px;
	margin: 50px auto 0px;
}
	.sliderItem{
		width: 200px;
		height: 100%;
		padding: 0px 20px;
	}
.sliderArrow{
	width: 37px;
	height: 66px;
}
.sliderArrow.left{
	left: -10px;
}
.sliderArrow.right{
	right: -10px;
}
.sliderArrow.left:hover{
	left: -10px;
}
.sliderArrow.right:hover{
	right: -10px;
}






.closePopup{
	width: 50px;
	height: 50px;
	top: 0px;
	right: 0px;
	background-size: 60%;
}
.popup.cWork{
	width: 100%;
	height: 100%;
}
.popup.cWork .sliderArrow.right{
	right: 10px;
}
.popup.cWork .sliderArrow.left{
	left: 10px;
}
.news_scrollTrack{
	right: 0px;
}
.news_wrapper{
	width: 85%;
	height: 400px;
	margin: 0px 0px 200px 10%;
}
.news_holder {
    width: 75%;
}


.popup.rules{
	width: 100%;
	height: 100%;
}
.rules_wrapper{
	width: 97%;
	height: 85%;
	margin: 10% auto 0px;
}
.rules_scrollTrack{
	right: 0px;
}
.popup.rules h3 {
    text-align: center;
    margin: 4% auto 2%;
}
}








@media only screen and (max-width: 768px){
.headerImg{
	margin: 0px auto 30px;
}
}







@media only screen and (max-width: 640px){
.footer:before{
	height: 38px;
	top: -35px;
}
.contRules{
	font-size: 16px;
}
.logo-timeout{
	width: 80px;
	height: 81px;
	top: 18px;
	left: 4px;
}
.logo-viber{
	width: 80px;
	height: 90px;
	top: 24px;
	right: 4px;
}
.footer{
	height: 80px;
}
}


@media only screen and (max-width: 480px){
.footer:before{
	height: 28px;
	top: -26px;
}
}



@media only screen and (max-width: 350px){
.contRules{
	top: 10px;
}
.footer{
	height: 130px;
}
.logo-viber{
	top: 60px;
}
.logo-timeout{
	width: 90px;
	height: 58px;
	top: 50px;
	left: 4px;
}
}