html,
body{
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
}
body{
	font-size: 18px;
	color: #000;
	line-height: 1.5;
}
@media screen and (max-width: 359px) {
	
	body{
		font-size: 16px;
	}
	
}

.container{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding-top: 35px;
	padding-bottom: 35px;
}



.header{
	position: relative;
	z-index: 9;
	color: #fff;
	min-height: 792px;
	background: #222 url('../img/header.png') no-repeat center top;
	background-size: cover;
}

.logo{
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 40px;
}

.header-title{
	font-size: 52px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.415;
	margin-bottom: 54px;
}


.wrapper-video {
    max-width: 780px;
    margin: 35px auto;    
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
	border: 4px solid #fff;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


.header-content-row{
	margin-bottom: 30px;
}

@media screen and (max-width: 1150px) {
	
	.header-title{
		font-size: 46px;
	}	
	
}
@media screen and (max-width: 1150px) {
	
	.header-title{
		font-size: 44px;
	}	
	
}
@media screen and (max-width: 992px) {
	
	.header{
		text-align: center;
		background: url('../img/header.jpg') no-repeat center top;
		background-size: cover;
	}
	.header:before{
		content: '';
		position: absolute; top: 0; left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.45);
	}
	
	.header-content-row{
		margin-bottom: 0px;
	}
	
	.header-title{
		font-size: 54px;
	}	
	
	
}
@media screen and (max-width: 767px) {
	
	.header-title{
		font-size: 46px;
	}	
	
}
@media screen and (max-width: 576px) {
	
	.logo{
		margin-bottom: 20px;
	}
	.header-title{
		font-size: 36px;
		margin-bottom: 40px;
	}	
	
}
@media screen and (max-width: 359px) {
	
	.header-title{
		font-size: 30px;
	}	
	
}





/*
.main-content{
	display: none;
}
.main-content-show{
	display: block;
}
*/




.section-target{
	margin-top: -8px;
	position: relative;
	min-height: 701px;
	background: url('../img/target.jpg') no-repeat center top;
	background-size: cover;
}


.target{
	margin-top: 45px;
	position: relative;
	z-index: 99;
}

.target-title{
	font-size: 34px;
	color: rgb(192, 8, 49);
	text-transform: uppercase;
	line-height: 1.176;
	text-align: center;
}
.arrow-target{
	display: inline-block;
	vertical-align: bottom;
	position: relative; top: 40px;
	background: url('../img/sprites.png') no-repeat -415px -24px;
	width: 27px;
	height: 56px;
}

.target-subtitle{
	font-size: 30px;
	color: rgb(153, 167, 36);
	font-weight: bold;
	line-height: 1.667;
	text-align: center;
	margin-top: -18px;
}



.target-list{
	padding: 0;
	margin-top: 48px;
}
.target-list > li{
	position: relative;
	list-style: none;	
	font-size: 20px;
	margin-bottom: 25px;
}
.target-list > li > span{
	position: relative;
	background: #fff;
	display: inline-block;
	vertical-align: top;	
	padding: 15px 20px;
}
.target-list > li > span:before{
	content: '';
	position: absolute; top: -20px; left: -55px;	
	background: url("../img/sprites.png") no-repeat -250px -31px;
	width: 67px;
	height: 56px;
}

.target-list > li:nth-of-type(1){
	margin-left: 10%;
}
.target-list > li:nth-of-type(2){
	margin-left: 14%;
}
.target-list > li:nth-of-type(3){
	margin-left: 12%;
	margin-bottom: 33px;
}
.target-list > li:nth-of-type(4){
	margin-left: 1%;
}
.target-list > li:nth-of-type(5){
	margin-left: 2%;
}


@media screen and (max-width: 1150px) {
	
	.target-list > li > span:before{
		content: '';
		position: absolute; top: -25px; left: -15px;		
	}
	
}
@media screen and (max-width: 850px) {
	
	.target-list{
		margin-top: 30px;
	}
	
}
@media screen and (max-width: 767px) {
	
	.section-target{
		position: relative;
		margin-top: 0;		
		min-height: 701px;
		background: url('../img/target-mobile.jpg') no-repeat center top;
		background-size: cover;
	}
	.section-target:before{
		content: '';
		position: absolute; top: 0; left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.45);
	}
	.target-list{
		text-align: center;
	}
	.target-list > li:nth-of-type(1n){
		margin-left: 0;
	}	
	.target-title,
	.target-subtitle{		
		color: #fff;
	}
	.target-subtitle{		
		margin-top: 0;
		font-weight: 800;
	}
	
}
@media screen and (max-width: 576px) {
	
	.target{
		margin-top: 25px;
	}

	.target-title,
	.target-subtitle{
		font-size: 28px;		
	}
	.arrow-target{
		display: none;
	}
	
}









.section-advantages{
	position: relative;
	min-height: 682px;
	background: url('../img/advantages.jpg') no-repeat center top;
	background-size: cover;
}

.advantages{}

.advantages-title{
	font-size: 30px;
	color: rgb(192, 8, 49);
	text-transform: uppercase;
	line-height: 1.176;
	text-align: center;
}

.arrow-advantages{
	display: inline-block;
	vertical-align: bottom;
	position: relative; top: 30px;
	background: url('../img/sprites.png') no-repeat -353px -31px;
	width: 45px;
	height: 49px;
}

.advantages-content{
	max-width: 1065px;
	margin: 30px auto;
}

.advantages-list{
	padding: 0;
	counter-reset: list;
	margin-bottom: 30px;
}
.advantages-list> li{
	position: relative;
	padding-left: 50px;
	list-style: none;
	margin-bottom: 15px;
}
.advantages-list> li:before {
	position: absolute; top: -5px; left: 0;
	counter-increment: list;
	content: counter(list) " ";
	font-size: 24px;
	color: rgb(255, 102, 0);
	font-weight: bold;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 29px;
	border: 3px solid rgb(255, 90, 0);
	border-radius: 50%;
}
.advantages-list> li ul{
	padding-left: 45px;
}
.advantages-list> li ul > li{
	list-style: none;
}


.advantages-alert{
	background: #FF8D28;
	color: #fff;
    text-align: center;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.417;
	padding: 50px;
}

@media screen and (max-width: 767px) {
	
	.section-advantages{
		background: linear-gradient(to bottom, rgba(255,251,189,1) 0%,rgba(255,244,132,1) 100%);
	}
	
	.arrow-advantages{
		display: none;
	}
	
	.advantages-alert{
		font-size: 20px;
		padding: 25px;
	}
	
}
@media screen and (max-width: 359px) {
	
	.advantages-alert{
		font-size: 16px;
	}
	
}






.section-work{
	position: relative;
	min-height: 965px;
	background: url('../img/work.jpg') no-repeat center top;
	background-size: cover;
}

.work-title{
	font-size: 30px;
	color: rgb(192, 8, 49);
	text-transform: uppercase;
	line-height: 1.176;
	text-align: center;
}

.arrow-work{
	display: inline-block;
	vertical-align: bottom;
	position: relative; top: 30px;
	background: url('../img/sprites.png') no-repeat -455px -31px;
	width: 45px;
	height: 49px;
}
.work-title + p{
	font-size: 20px;
	line-height: 1.3;
	margin-top: 35px;
}


.dictionaries{
	padding: 0;
	font-size: 0;
}
.dictionaries > li{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	margin: 35px 0;
	margin-right: 20px;
}

.dictionary{
	text-align: center;
	max-width: 195px;
}
.dictionary h3{
	font-size: 18px;
}
.dictionary:hover img{
	opacity: .8;
}


@media screen and (max-width: 767px) {
	
	.section-work{
		background: rgba(212,232,229,1);
		min-height: 1px;
	}
	
	.dictionaries > li{
		margin-right: 0;
		width: 33.3333%;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.dictionary{
		margin: 0 auto;
	}
	
}
@media screen and (max-width: 567px) {
	
	.dictionaries > li{
		width: 50%;
	}
	
}











.kit-price{
	text-align: center;
	max-width: 740px;
	margin: 30px 0 35px 90px;
	border: 3px solid #fff;
}
.kit-price-item{
	padding: 25px 25px;
	font-weight: 700;
}
.kit-price-item:nth-of-type(1){
	background: #fff;
	font-size: 22px;
}
.kit-price-item:nth-of-type(1) h2{
	font-size: 28px;
	font-weight: 600;
	color: rgb(0, 107, 136);
	line-height: 1.3;	
	margin: 0;
}
.kit-price-item:nth-of-type(1) h2 strong{
	color: #f00;
	font-weight: 800;
	margin: 0 10px;
	font-size: 34px;
}

.kit-price-item:nth-of-type(2) h3{
	font-size: 18px;
	font-weight: 600;
	color: rgb(255, 255, 255);
	line-height: 1.444;
	margin: 0;
}

@media screen and (max-width: 1150px) {
	
	.kit-price{
		margin-left: 0;
	}
	.kit-price-item:nth-of-type(2) h3{
		color: #f00;
	}
	
}









.btn-custom{
	position: relative;
	margin-top: 35px;
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: rgb(0, 14, 41);
	text-transform: uppercase;
	line-height: 1.2;
	background: #fff;
	border-radius: 0;
	padding: 0;
}
.btn-custom:before{
	content: '';	
	position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px;
	background: linear-gradient(to bottom, rgba(194,14,60,1) 0%,rgba(194,14,60,1) 22%,rgba(0,19,57,1) 22%,rgba(0,19,57,1) 100%); 
}
.btn-custom > span{
	display: block;
	background: #fff;
	position: relative;
	z-index: 99;
	padding: 19px 15px;
}

.btn-custom-2{
	color: #fff;
}
.btn-custom-2:before{
	content: '';	
	position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px;
	background: linear-gradient(to bottom, rgba(255,214,22,1) 0%,rgba(255,214,22,1) 22%,rgba(255,66,0,1) 22%,rgba(255,66,0,1) 100%); 
}
.btn-custom-2 > span{
	background: #FFA800;
}
.btn-custom-2:hover{
	color: #fff;
}

.btn-custom:hover{
	opacity: .7;
}

@media screen and (max-width: 992px) {
	
	.btn-custom{
		margin-top: 15px;
	}	
	
}










.footer{
	background: #fff;
	font-size: 14px;
	color: rgb(1, 1, 1);
	line-height: 1.429;
}
.footer .container{
	padding-top: 15px;
	padding-bottom: 15px;
}
.footer p{
	margin: 0;
}
.footer a{
	color: rgb(1, 1, 1);
}

@media screen and (max-width: 767px) {
	
	.footer,
	.footer *{
		text-align: center;
	}	
	.footer p{
		margin: 5px 0;
	}
	
}








/*-------------------------------------------------*/
/* =  timer.begin
/*-------------------------------------------------*/

.b-timer{		
	text-align: center;	    
	white-space: nowrap;
	padding-top: 40px;
	padding-bottom: 65px;
	position: relative;
	border: 3px solid #fff;
	margin-bottom: 35px;	
}
.b-timer:before{
	content: '';
	position: absolute; top: -35px; left: -30px;
	background: url('../img/sprites.png') no-repeat -25px -14px;
	width: 64px;
	height: 75px;
}


.b-timer .span{
	position: absolute; bottom: -35px; left: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

.timer-day,
.timer-hour, 
.timer-min, 
.timer-sec{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	padding: 0;	
	margin: 0 10px;
	position: relative;		
	width: 70px;
	height: 69px;
}
.timer-day:after,
.timer-hour:after, 
.timer-min:after, 
.timer-sec:after{
	content: '';
	position: absolute; top: 50%; left: 50%;
	background: url('../img/sprites.png') no-repeat -106px -18px;
	width: 70px;
	height: 69px;
	margin: -34.5px 0 0 -35px;
}


.timer-day{
	opacity: .5;
}

.timer-hour:before, 
.timer-min:before, 
.timer-sec:before{
	content: ':';
	position: absolute; top: 10px; left: -25%;
	width: 4px;
	color: #fff;	
	font-size: 33px;
	font-weight: 600;
}
.timer-day p,
.timer-hour p, 
.timer-min p, 
.timer-sec p{		
	text-align: center;	
	color: #fff;
	font-size: 33px;	
	position: absolute;
	line-height: 69px;
	width: 50px;
	height: 69px;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	margin-top: 0;
}

.timer-day p,
.timer-day2 p,
.timer-day5 p,
.timer-day8 p{
	font-size: 0;
}
.timer-day p:before,
.timer-day2 p:before,
.timer-day5 p:before,
.timer-day8 p:before{
	content: '0';
	font-size: 33px;	
}


.timer-sec1, 
.timer-min1, 
.timer-hour1,
.timer-day1{
	margin-left: 20px;
}
#stop{
	color: #fff;
	font-size: 48px;	
}

@media screen and (max-width: 992px) {
	
	.b-timer:before{
		left: 0;
	}
	
}
@media screen and (max-width: 576px) {
	
	.timer-day,
	.timer-hour, 
	.timer-min, 
	.timer-sec{
		margin: 0;
	}
	
	.timer-hour:before, 
	.timer-min:before, 
	.timer-sec:before{
		display: none;
	}	
	
}
@media screen and (max-width: 359px) {
	
	.timer-day{
		display: none;
	}	
	
}
/*-------------------------------------------------*/
/* =  timer.end
/*-------------------------------------------------*/