@charset "utf-8";
.btn {
	display: block;
	width: 100%;
	max-width: 300px;
	font-size: 1.375em;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
	margin: 20px auto 0;
	text-transform: none;
	text-decoration: none;
	border-radius: 500px;
	line-height: 1.3;
	padding: 20px 15px 22px;
	background-color: #ee8e08;
	box-shadow: 0 3px 8px rgba(0,0,0,0.44);
	background-image: -webkit-linear-gradient(270deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
}
.btn:hover {
	background-image: -webkit-linear-gradient(90deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(255,219,51,1.00) 0%,rgba(255,177,9,1.00) 100%);
}
.h2 {
	font-size: 1.25em;
	text-transform: uppercase;
	color: #0a4b5b;
	margin: 25px 0;
	font-weight: 600;
}
.scr2 {
	padding: 0 10px 40px;
}
.scr2 .block-left {
	padding: 30px 20px 0 0;
	text-align: center;
}
.scr2 .video-name {
	text-align: center;
}
.scr2 .video-name .red {
	color: #ff0000;
	font-size: 1.333em;
}
.scr2 .video-block {
	position: relative;
}
.scr2 .video-block .video {
	position: relative;
	height: 0;
	padding-bottom: 59%;
}
.scr2 .video-block .video:before,
.scr2 .video-block .video:after {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: 15px;
    left: 30px;
    width: 80%;
    top: 70%;
    max-width: 700px;
    background: #777;
    box-shadow: 0 16px 10px #777;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.scr2 .video-block .video:after {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    right: 30px;
    left: auto;
}
.scr2 .video-block .video iframe {
	padding: 22px;
	background: #f7f7f7;
	border: 1px solid #f1f1f1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.scr2 .timer-block {
	margin: 70px 0;
}
.scr2 .cena {
	font-size: 1.75em;
	color: #989898;
	text-transform: uppercase;
	margin: 30px 0 40px;
}
.scr2 .cena .red {
	font-weight: 400;
	color: #da2828;
}
.scr2 .step {
	line-height: 1.5;
}
.scr2 .list {
	list-style: none;
	text-align: left;
	padding: 0;
	line-height: 1.5;
}
.scr2 .list > li{
	padding-left: 50px;
	position: relative;
	margin: 5px 0;
}
.scr2 .list > li:before{
	content: '';
	position: absolute; top: 50%; left: 8px;
	background: url('../img-v/check.png') no-repeat -6px -6px;
	width: 33px;
	height: 30px;
	margin-top: -15px;
}
.scr2 .list > li:nth-child(n+2):before{background: url('../img-v/check.png') no-repeat -6px -40px;}
.scr2 .list > li:last-child:before{background: url('../img-v/check.png') no-repeat -6px -74px;}
.scr2 .list a {
	color: inherit;
}
.scr2 .list a:hover {
	text-decoration: none;
}
.scr2 .pl {
	border: 3px solid #33a6ff;
	padding: 30px 20px 70px;
	position: relative;
	margin-top: 40px;
}
.scr2 .pl:after {
	content: '';
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border: 35px solid rgba(0,0,0,0.00);
	border-right-color: #33a6ff;
	border-bottom-color: #33a6ff;
	bottom: 0;
	right: 0;
}
.scr2 .name-pl {
    display: inline-block;
    padding: 0 75px;
    position: relative;
	font-size: 1.5em;
	font-weight: 700;
}
.scr2 .name-pl:before,
.scr2 .name-pl:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../img-v/arrow-product.png) no-repeat -11px -10px;
	width: 43px;
	height: 33px;
	margin-top: -17px;
}
.scr2 .name-pl:after {
	left: auto;
	right: 0;
	background-position: -66px -10px;
}
.scr2 .pl .cena {
	margin: 10px 0 20px;
}
.scr2 .pl .btn {
	margin-top: 10px;
}
.scr2 .block-right {
	font-weight: 400;
	text-align: center;
	padding: 30px 20px 0;
	background-image: -webkit-linear-gradient(270deg,rgba(255,242,154,1.00) 46.11%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,242,154,1.00) 46.11%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,242,154,1.00) 46.11%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,242,154,1.00) 46.11%,rgba(255,255,255,1.00) 100%);
}
.scr2 * + .name {
	margin-top: 20px;
}
.scr2 .name .red {
	color: #f04141;
}
.scr2 a[href="#none"] {
	display: inline-block;
	background-color: #000;
	color: #FFFFFF;
	text-decoration: none;
	cursor: default;
	position: relative;
}
.scr2 a[href="#none"]:after {
	content: 'Скоро будет доступно';
	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	background: rgba(0,0,0,0.25);
	transform: translate(0,-50%);
}
.scr2 .block-right a img {
	vertical-align: middle;
}
.scr2 a[href="#none"] img {
	opacity: 0.5;
}
.scr-footer {
	background: #0d2f4a;
	color: #FFFFFF;
	font-weight: 400;
	padding: 25px 10px;
}
.scr-footer a {
	text-decoration: none;
	color: inherit;
}
.scr-footer a:hover {
	text-decoration: underline;
}

/* Timer */
.timer{	
	text-align: center;	
}
#timer,
#timer1,
#timer2,
#timer3{	
	margin: 10px auto 0 auto;	
	text-align: center;		
}
#timer .span1,
#timer1 .span1,
#timer2 .span1,
#timer3 .span1{
	position: absolute; top: 110%; left: 0px;
	width: 100%;
	text-align: center;
	font-size: 16px;	
}

#timer1 .span1{
	color: #000;
}
#hour, #min, #sec, #day {		
	padding: 0;	
	margin-right: 1%;
	position: relative;
	display: inline-block;	
	vertical-align: top;
	width: 115px;
	height: 80px;
	border-radius: 7px;	
	margin-bottom: 40px;
}
#day {
	margin-right: 20px;
	display: none;
}
#hour p, #min p, #sec p, #day p {		
	text-align: center;	
	color: #fff;
	font-size: 55px;	
	position: absolute;
	z-index: 10;
	line-height: 80px;	
	padding: 0;
	font-weight: 400;	
	margin-top: 0;
	background: url('../img-v/timer.png') no-repeat 0 0;
	width: 51px;
	height: 80px;
	border-radius: 7px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.5);	
}
#day p:before,
#hour p:before,
#min p:before,
#sec p:before{
	content: '';
	position: absolute; top: 54%; left: 2px;	
	z-index: 1;	
	background: #d3e8f7;
	background: rgba(64,155,219,0.75);
	width: 47px;
	height: 2px;
	text-transform: uppercase;
}
.sec1, .min1, .hour1, .day1{
	margin-left: 55px;
}
#stop{
	color: #fff;
	font-size: 48px;	
}
@media (max-width: 768px) {
	.scr2 .block-left {
		padding-right: 0;
	}
	.scr1 *,
	.scr-footer * {
		text-align: center !important;
	}
	.scr1 .right,
	.scr-footer .right {
		margin-top: 15px;
	}
}
@media screen and (max-width: 920px) {

}