@font-face {
font-family:RobotoRegular; /* Гарнитура шрифта */
src: url(../fonts/Roboto-Regular.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family:RobotoLight; /* Гарнитура шрифта */
src: url(../fonts/Roboto-Light.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family:RobotoBold; /* Гарнитура шрифта */
src: url(../fonts/Roboto-Bold.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family:RobotoMedium; /* Гарнитура шрифта */
src: url(../fonts/Roboto-Medium.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
font-family:RobotoRegularCondensed; /* Гарнитура шрифта */
src: url(../fonts/RobotoCondensed-Regular.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family:RobotoLightCondensed ;/* Гарнитура шрифта */
src: url(../fonts/RobotoCondensed-Light.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
font-family:RobotoBoldCondensed; /* Гарнитура шрифта */
src: url(../fonts/RobotoCondensed-Bold.ttf); /* Путь к файлу со шрифтом */
}

*{
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

.mark{
      background-image: url("../img/UTCY_nQooxA.png");
width: 88px;
height: 15px;


    }
	
	.sil{
z-index: 9999;
top: 407px;
left: 615px;
position: relative;
    }
.clear{
	clear: both;
}
h1,h2{
	font-family: RobotoRegularCondensed, sans-serif;
	font-weight:normal;
}
p{
font-family: RobotoRegular, sans-serif;

}
a{border: none;}


.btn{
	 background-image: url("../img/btn.png");
    color: #FFFFFF;
    font-family: RobotoRegular;
    font-size: 21px;
    height: 42px;
    display: block;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    width: 372px;
    border:none;
    cursor:pointer;
	outline: none;
}

		.btn:hover {
    background-position: 0 50%;
}
.btn:active {
    background-position: 0 100% ;
}

.light{
	font-family: RobotoLight, sans-serif;
}

.wrapper{

	width: 1000px;
	margin: 0 auto;
}


.left{
	float: left;
}

.right{
	float: right;
}

 .white-bg{
 	background-color: rgba(255,255,255,0.8);

 }
  .black-bg{
  background-color: rgba(0, 0, 0, 0.5);
  }

.red-bg{
  background-color: rgba(214, 77, 82, 0.8);
}

.for-h2{
 background-image: url("../img/line.png");
    background-position: 0 25px;
    background-repeat: repeat-x;
    font-size: 24px;
    text-align: center;
}
	.for-h2 span{
background-color: #FFFFFF;
    padding: 0 24px;
    color: #47557C;
	}


body{
	background-image: url('../img/header_bg.png');
	background-position: center 0;
}


input{
 border: medium none;
    border-radius: 4px;
    display: block;
    height: 41px;
    margin: 0 auto 11px;
    text-align: center;
    width: 351px;
    padding: 0 10px
}

.error{
background-color: #ff8c83;
}

header{

      background-color: rgba(0, 0, 0, 0.5);
 overflow: hidden;
}

	header .logo{
background-image: url("../img/logo.png");
    float: left;
    height: 96px;
    margin: 37px 0 0;
    width: 229px;
	}

	header .call{
	float: right;
    padding: 30px 0 0;
   width: 240px;
	}

		header .call p{
		 color: #FFFFFF;
    float: right;
    font-size: 23px;
    line-height: 0.8;
		}

		header .call img{
			float: left;
		}
		header .call .btn{
		background: none repeat scroll 0 0 #D64D52;
    border-radius: 4px;
    float: right;
    font-size: 15px;
    height: 27px;
    margin: 18px 0 0;
    padding: 7px 0 0;
    width: 168px;
		}
				header .call .btn:hover{
				background-color: #e65e63;
				}
				header .call .btn:active{
				background-color: #bc4c50;
				}


.main-banner .wrapper{
position: relative;
}

	.main-banner h1{
		 color: #FFFFFF;
    font-size: 37px;
    margin: 38px 0 14px;
    padding: 3px 0 4px;
    text-align: center;
	}

	.main-banner h1+p{
border-radius: 5px;
    font-family: robotoregularcondensed;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    word-spacing: 2px;
	}

	.main-banner .with-timer{
   float: left;
    margin: 232px 0 0;
    overflow: hidden;
    width: 437px;
	}
		

		.main-banner .timer{
height: 113px;
left: 153px;
position: absolute;
width: 346px;

		}

.main-banner .timer .item {   float: left;
    margin: 9px 24px;
    font-size: 19px;}

    .main-banner .timer .item:last-child{
    	  margin-left: 28px;
    margin-right: 0;
    }
			.main-banner .timer .item span{
				    border-radius: 4px;
    font-family: RobotoRegularCondensed;
    padding: 3px 10px;
			}
	 form{
  border-radius: 6px;
    float: right;
    margin: 77px 0 0;
    padding: 0 0 34px;
    width: 445px;
	}
	  form h2{
  border-radius: 0 0 6px 6px;
    font-family: RobotoBold;
    font-size: 28px;
    margin: 0 auto 33px;
    padding: 15px 0 14px;
    text-align: center;
    text-transform: uppercase;
    width: 368px;
	}

	  form input{

	}

	  form .btn{
margin: 0 auto;
	}
	
 
	.main-banner .with-timer h3{
			border-radius: 4px;
    font-family: RobotoRegularCondensed;
    font-size: 30px;
    margin-bottom: 25px;
    padding: 4px 0 9px;
    text-align: center;
	}
	.main-banner .with-timer .description{
  background-color: #000000;
    border-radius: 6px;
    color: #FFFFFF;
    float: left;
    font-family: 'RobotoLightCondensed';
    font-size: 23px;
    line-height: 1;
    padding: 12px 0 17px 17px;
    width: 116px;
	}

	.main-banner .with-timer .timer{
 float: right;
	}


.percent{
background-color: #F1F1F1;
    margin: 53px 0 0;
    overflow: hidden;
    padding-bottom: 40px;
}

	.percent .item{
 float: left;
    margin: 0 29px;
    text-align: center;
    width: 206px;
	}
		.percent .item:first-child{
			margin-left: 0;
		}
		.percent .item:last-child{
			margin-right: 0;
		}

	.percent .item span{
 color: #47557C;
    display: inline-block;
    font-family: RobotoBoldCondensed;
    font-size: 75px;
    height: 93px;
    margin: 25px 0 0;
	}

	.percent .item p{
 color: #14181F;
    font-family: robotoRegularCondensed;
    font-size: 19px;
    line-height: 1.1;
	}




.results{
  padding-top: 56px;
}

.results .item{
  float: left;
    margin: 48px 32px 0 0;
    position: relative;
    width: 484px;
}
	.results .item:nth-child(3){
		margin-right: 0;
	}

	.results .item .img {
		background-image: url('../img/good_results.png');
		height: 255px;
		width: 255px;
		position: absolute;
	}
			.results .item:nth-child(3) .img{
			 background-position: -516px 0;
			}
			
	.results .item p{
 background: none repeat scroll 0 0 #E5E5E5;
    border-radius: 4px;
    font-family: arial;
    height: 135px;
    margin: 38px 0 0 213px;
    padding: 31px 17px 0 47px;
    width: 213px;
	}


	.results .description{
		color: #FFFFFF;
    margin: 84px 0 0;
    text-align: center;
	}

		.results .description p:nth-child(1){
 background-color: #DF787C;
    border-radius: 3px;
    display: block;
    margin: 0 auto 6px;
    padding: 7px 0;
    width: 517px;
		}
		.results .description p:nth-child(2){
					background-color: #737e9b;
					border-radius: 3px;
    display: block;
    margin: 0 auto;
    padding: 7px 0;
    width: 697px;
		}





.for-whom{
  background-image: url("../img/for_whom_bg.png");
    background-position: center 0;
    margin: 70px 0 0;
    overflow: hidden;
    padding-bottom: 65px;
}


.for-whom .left{
   float: left;
    margin: 62px 0 0;
}


		.for-whom .left h3{
   color: #47557C;
    font-family: RobotoRegularCondensed,sans-serif;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 47px;
			
		}

		.for-whom .left ul{
  font-family: Myriad Pro;
    width: 549px;
		}

			.for-whom .left ul li{
				 background-image: url("../img/check.png");
    background-position: 0 1px;
    font-size: 21px;
    height: 48px;
    line-height: 0.9;
    list-style: none outside none;
    margin: 0 0 7px;
    padding: 1px 0 0 54px;
			}



.for-whom .right{
float: right;
}

		.for-whom .right form{
 background-color: rgba(66, 94, 127, 0.5);
    margin: 66px 0 0;
		}




.you{
 padding: 55px 0 0;
}

.you .slider{
height: 489px;
width: 489px;
 
}

.you .item{
 background-color: #E5E5E5;
    border-radius: 4px;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 7px 5px 9px 11px;
    width: 450px;

}

	.you .item p{
 font-family: RobotoLight;
	}
	.you .item:last-child{
		  background-color: #D64D52;
    color: #FFFFFF;
    font-size: 18px;
	}
	
	.you .for-h2{
		 margin-bottom: 53px;
	}




.programm{

}

	.programm .for-h2{
		  margin: 51px 0 35px;
	}
.programm .item{
float: left;
    margin: 0 0 24px;
}
	
			.programm .item:nth-child(1) .img{
				background-position: 0 0;
			}
			.programm .item:nth-child(2) .img{
				background-position: 0 0;
			}

			.programm .item:nth-child(3) .img{
							   background-position: 0 -679px;
						}

			.programm .item:nth-child(4) .img{
							   background-position: 0 -1358px;
						}

			.programm .item:nth-child(5) .img{
							   background-position: 0 -2038px;
						}

			.programm .item:nth-child(6) .img{
							   background-position: 0 -2717px;
						}


		.programm .item:nth-child(odd){
		float: right;
			}

		.programm .item:nth-child(odd) .img{
		float: right;
		}

		.programm .item:nth-child(odd) h6{
		float: right;
    padding: 0 31px 0 0;
		}

		.programm .item:nth-child(odd) p{
	float: right;
    padding: 0 34px 0 0;
    text-align: right;
		}

	.programm .item .img{
	 background-image: url("../img/programm_sprite.png");
    float: left;
    height: 208px;
    width: 208px;

}



			 

.programm .item h6{
  color: #BE4848;
    font-family: RobotoMedium;
    font-size: 22px;
    font-weight: normal;
    margin: 20px 0 15px;
    padding: 0 0 0 235px;
}

.programm .item p{
 color: #14181F;
    font-family: Myriad Pro;
    font-size: 19px;
    line-height: 1.5;
    padding: 0 0 0 239px;
}



.group{

}


		.group .for-h2{
				   margin: 81px 0 47px;
		}


		.group .left img{

		}


		.group .right {
width: 500px;
		}

			.group h5{
			  color: #21253A;
    font-family: RobotoRegularCondensed;
    font-size: 23px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 34px;
			}

		.group dl{

		}

		.group dl dt{
					 background-image: url("../img/ok.png");
    color: #BE4848;
    font-family: RobotoMedium;
    font-size: 21px;
    padding: 0 0 5px 32px;
		}

		.group dl dd{
  color: #14181F;
    font-family: RobotoLight;
    font-size: 18px;
    margin-bottom: 27px;
    padding: 0 0 0 33px;
		}






.two-bloks{
    overflow: hidden;
    padding-bottom: 68px;
}


	.two-bloks .for-h2{
   margin: 56px 0 46px;
	}


	.two-bloks .left{
    width: 493px;
	}

		.two-bloks .left h2{
color: #EB5A5A;
    font-size: 36px;
    line-height: 0.7;
		}
				

			.two-bloks .left h3{
			font-family: RobotoRegularCondensed;
    font-size: 25px;
    font-weight: normal;
    margin: 20px 0 26px;
			}

			.two-bloks .left ul{

			}

			.two-bloks .left ul li{
				 background-image: url("../img/ok2.png");
font-family: robotoLight;
font-size: 19px;
list-style: none outside none;
margin-bottom: 23px;
padding: 0 0 2px 41px;
width: 366px;
				}



	.two-bloks .right{
    width: 469px;
	}


		.two-bloks .right h2{
color: #EB5A5A;
    font-size: 36px;
    line-height: 0.7;
	}
	.two-bloks .right h2:nth-child(3) {
	    font-family: RobotoRegularCondensed;
	    font-size: 30px;
	    font-weight: normal;
	    margin: -10px 0 19px;
	    color: #47557c;
	}
	.two-bloks .right h3 {
	    font-family: RobotoRegularCondensed;
	    font-size: 25px;
	    font-weight: normal;
	    line-height: 1.1;
	    margin: 22px 0 26px;
	}
	.two-bloks .right p {
	    line-height: 1.45;
	    margin: 0 0 19px 0;
	}
	.two-bloks .right a {
	    background-image: url("../img/small_btn.png");
    color: #FFFFFF;
    display: block;
    font-family: robotoregular;
    height: 35px;
    margin: 0;
    padding: 12px 0 0;
    text-align: center;
    text-decoration: none;
    width: 264px;
    }




				.two-bloks .right a:hover{
			 background-position: 0 50%;
	}
			.two-bloks .right a:active{
			 background-position: 0 100%;
	}



footer{
background-image: url('../img/header_bg.png');
background-position: center 0; 
overflow: hidden;
}

footer .red{
	background-color: rgba(214,77,82,0.7);
	overflow: hidden;
}


	footer .format{
 background-color: #47557C;
    color: #FFFFFF;
    font-size: 31px;
    margin: 65px 0 0;
    padding: 3px 0 9px 24px;
    word-spacing: 0px;
    border-radius: 5px;
	}

	footer .left{
 padding: 48px 0 0;
    width: 552px;
	}

		footer .left .call-now{
			 color: #FFFFFF;
    font-size: 28px;
    line-height: 0.9;
    margin: 0 0 46px;
	}


	footer .left .tel{
  background-color: #47567D;
    border-radius: 5px;
    color: #FFFFFF;
    float: left;
    font-family: RobotoRegularCondensed;
    font-size: 30px;
    padding: 5px 7px;
	}

	footer .left .name{
 color: #FFFFFF;
    display:inline-block;
    font-family: RobotoRegularCondensed;
    font-size: 46px;
    margin: -7px 0 0 35px;
	}


	footer .right{

	}


	footer .right form{	 
		margin: 52px 0 34px;	
	}




.aplet{
background-color: white;
padding: 0 0 22px 0;
}
.aplet input{
	border: 1px solid silver;
}


.aplet h4{
text-align: center;
font-family: RobotoRegularCondensed;
margin: 0 0 21px 0;
color: #DA5454;
font-size: 48px;
}


.training-order{

}
.training-order h2{ color: #DA5454;
    float: right;
    font-size: 48px;}
.training-order p{}
.training-order input{

}

.training-order a{

}
.training-order form{
 color: #DA5454;
    float: right;
    font-size: 48px;
}

.training-order img{}


.hidden{
	display: none;
}


.get-book{

}

.get-book h4{
  font-family: Myriad Pro;
    font-weight: normal;
    margin: 0 0 17px;
    text-align: left;
}


.get-book div{
	 float: right;
    margin-top: 47px;
    text-align: left;
    width: 393px;

}
.get-book p{
 margin: 0 0 21px;
}
.get-book input{
float: left;
}

.get-book img{
float: left;
    margin: 47px 0 0 49px;
}

.get-book form{	

	 height: 417px;
    width: 703px;
}
.get-book a{
float: left;
}

.konf {
background: #fff;
width: 800px;
padding: 50px;
}

.konf p{
margin: 15px 0;
}

.order-call-konf {
margin: 0px 100px 0px 120px;
font-family: RobotoRegularCondensed, sans-serif;
color:#fff;
}

.btn {margin-bottom:20px!important;}