@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(fonts/G1l_KMKj5pga7ZKths0iTfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Fl4y0QdOxyyTHEGMXX8kcT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Y5yuUJGDLtmYv2_3fMB4fA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/isZ-wbCXNKAbnjo6_TwHTj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(fonts/3Y_xCyt7TNunMGg0Et2pnj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(fonts/5z9jpDJQqVE5bmkRqplJfhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(fonts/7m8l7TlFO-S3VkhHuR0at2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/m1uAalIytmLBFXF3PwhxpPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(fonts/t6Nd4cfPRhZP44Q5QAjcC2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(fonts/bmC0pGMXrhphrZJmniIZpWOb2gHztoQeulij-1lvl-8.woff) format('woff');
}


body{font-family:Arial,Helvetica,sans-serif;}

b {font-weight: 700;}

/*--------------------*/

.video {
width:80%;margin: 0 auto;text-align: center;padding: 0px;border: 15px solid #333333; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius:8px;margin-top: 10px;margin-bottom: 40px; 
}


.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.05%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.foto img  {width: 300px;float: right;margin: 10px 60px 0px 0px;}


.count{width: 50%;margin:0 auto;}



/*--------------------------------------------------------text*/

p {

	font: 300 20px/25px "Roboto", sans-serif;
	color: #1B1B1B;
    margin-left: 80px;
	margin-right: 80px;
	text-align: left;
}

h7 {

	font: 300 20px/25px "Roboto", sans-serif;
	color: #1B1B1B;
    margin-left: 40px;
	margin-right: 40px;
	text-align: left;
}


.zag p {
  font: 300 23px/26px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 10px 10px 10px;
}

.zag h1 {
  font: 700 57px/60px  "Roboto", sans-serif;
  color: #BB0000;
  text-align: center;
  margin: 10px 20px 20px 20px;
}

.zag h3 {
  font: 500 34px/37px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 100px 20px 100px;
}

.zag h4 {
  font: 400 28px/32px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 100px 20px 100px;
}

.zag h5 {
  font: 700 28px/32px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 10px 20px 10px;
}
.zag h6 {
  font: 400 25px/32px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 20px 100px 30px 100px;
}



a {color: #384675;}
a:hover {color: #2D4762; text-decoration: none;}


/*--------------------------------------------------------text*/	

.content_block{width:990px;float:none;margin: 0 auto;padding: 0px; position: static;margin-top: 10px;margin-bottom: 10px;}

.content{
background:#fff;
-moz-box-shadow:0 3px 9px rgba(0,0,0,0.12);
box-shadow:0 3px 9px rgba(0,0,0,0.12);
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
padding: 10px 0px 20px 0px;
width:990px;
margin: 0 auto;
}



.blok-table {width:84%;min-height:20px;margin: 0 auto;text-align: center;}

.blok-yd {width:100%;min-height:20px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:1px solid #cccccc;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 40px;margin-top: 40px;}


.blok-yd H3 {font: 700 21px/25px "Roboto", sans-serif; color: #1B1B1B; text-align: center; margin: 10px 40px 20px 40px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-yd H4 {width:220px;font: 700 21px/25px "Roboto", sans-serif; color:#1B1B1B; text-align: center; margin: 0 auto; background:#ffffff;border:1px solid #cccccc;padding: 8px 5px 8px 5px;border-radius: 6px;
margin-top: -30px;margin-bottom: 20px;}
.blok-yd p {margin: 5px 10px 10px 20px;text-align: left;font: 300 17px/23px "Roboto", sans-serif;}


.blok-vk {width:46%;min-height:20px;float:left;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:1px solid #cccccc;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 17px;margin-bottom: 10px;margin-top: 20px;}
.blok-vk H3 {font: 700 21px/25px "Roboto", sans-serif; color: #1B1B1B; text-align: center; margin: 10px 40px 20px 40px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-vk H4 {width:220px;font: 700 21px/25px "Roboto", sans-serif; color:#1B1B1B; text-align: center; margin: 0 auto; background:#ffffff;border:1px solid #cccccc;padding: 8px 5px 8px 5px;border-radius: 6px;
margin-top: -30px;margin-bottom: 20px;}
.blok-vk p {margin: 5px 10px 10px 20px;text-align: left;font: 300 17px/23px "Roboto", sans-serif;}


.blok-bonus {width:84%;min-height:240px;margin: 0 auto;text-align: center;}

.blok-bonus1 {width:100%;min-height:240px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:2px dashed #cc0000;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 20px;margin-top: 0px;}

.blok-bonus1 H3 {font: 700 23px/28px "Roboto", sans-serif; color: #1B1B1B; text-align: left; margin: 10px 40px 20px 40px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-bonus1 p {margin: 15px 40px 0px 40px;text-align: left;font: 300 20px/28px "Roboto", sans-serif;}
.blok-bonus1 img {width:200px;margin-right: 30px; margin-left: 20px; margin-top: 20px;margin-bottom: 20px;float: right;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;}



.list_bulet {
  margin: 5px 20px 8px 18px;
  color: #1B1B1B;
  font: 300 19px/23px "Roboto", sans-serif;
  padding: 2px 2px 0px 25px;
  background: url(images/bulet_gray.png) 5px 11px no-repeat;
}


.button {
	display: inline-block;
	width: 60%;
	height: 76px;
	text-align: center;
	font-family:'Roboto';
    font-size:32px;
	line-height: 75px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	background-color: #f11d1f;
	overflow: hidden;
	border-radius: 5px;
	transition: 0.3s linear;
	margin-top: 10px;
	margin-bottom: 10px;
}

.button:hover {
	background-color: #D93738;
	color: #fff;
	text-decoration: none;
}


.list_arr_grey {
	margin-left: 0px;
	margin-top: -5px;
	margin-bottom: 5px;
	padding: 7px 0px 10px 35px;
	background: url(images/list_arr_grey.png) no-repeat left center;;
}



.video {
width:90%;margin: 0 auto;text-align: center;padding: 0px;border: 15px solid #333333; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius:8px;margin-top: 10px;margin-bottom: 40px; 
}


.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.35%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


.otz {
background:#F7F6F6;
padding: 10px 0 10px 20px;
width: 850px; margin: 0 auto; 
background-image: url(images/feedback.png);
background-repeat: no-repeat;
background-position: 98% 15%;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
margin-bottom: 40px
}

.otz H2{
font: 700 21px/25px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 200px;
margin-right: 20px;
margin-top: 20px;
text-align: left;
}

.otz img {
width: 150px;
padding:0px;
background:#fff;
border:7px solid #fff;
float: left;
margin-left: 10px;
margin-top: 20px;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;    
}

.otz p{
margin: 15px 40px 15px 200px;
text-align: left;
font: 300 17px/28px "Roboto", sans-serif;
}





.keys {
background:#F7F6F6;
padding: 10px 0 10px 20px;
width: 810px; margin: 0 auto; 
background-image: url(images/feedback.png);
background-repeat: no-repeat;
background-position: 98% 15%;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
margin-bottom: 40px
}

.keys H2{
font: 700 28px/32px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
text-align: center;
}


.keys H3{
font: 700 21px/25px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
text-align: center;
}

.keys p{
margin: 15px 40px 15px 40px;
text-align: left;
font: 300 20px/25px "Roboto", sans-serif;
}

.keys01{
width: 300px;
padding:0px; 
text-align: center; 
}

.keys02{
width: 500px;
padding:0px; 
text-align: center; 
}

.keys03{
width: 240px;
padding:0px; 
text-align: center; 
}



.im01{width:170px;margin-right: 0px; margin-left: 20px; margin-top: 15px;float: left;}

.im02{width:130px;margin-right: 20px; margin-top: 0px; margin-bottom: 0px;float: right;}


.gar1{width:28%;float:left;margin: 0 auto;text-align: left;padding: 0px 0px 0px 10px; position: static;margin-top: 10px;margin-bottom: 0px;}
.gar1 img {max-width:83%;margin: 40px 0px 10px 30px;}


.gar2{width:69%;float:left;margin: 0 auto;text-align: left;padding: 0px 0px 0px 10px; position: static;margin-top: 10px;margin-bottom: 0px;}
.gar2  h1 {font: 400 48px/52px "Roboto", sans-serif;color: #AF0915;text-align: left;margin: 10px 10px 20px 0px;padding: 0px;}
.gar2  h2 {font: 300 19px/23px "Roboto", sans-serif;color: #1B1B1B;text-align: left;margin: 10px 20px 20px 0px;padding: 0px;}
.gar2  h3 {font: 700 25px/28px "Roboto", sans-serif;color: #AF0915;text-align: left;margin: 10px 10px 20px 0px;padding: 0px;}

	.footer_l{
		margin:20px 0;
		text-align: center;
		font: 300 12px/17px  "Roboto", sans-serif;
		color:#666666;
	}


	a.footer_l:link, a.footer_l:visited{
		text-decoration: none;
		color:#333333;
	}
	a.footer_l:hover {
	  text-decoration: underline;
	  color:#333333;
	}




/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #F4F4F4;
    max-width: 600px;
    width:70%;
    margin: 7% auto;
	padding: 5px 10px 13px 10px;
	border: 10px solid #FFAF02;
	position: relative;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(157, 7, 4, 0.9);
}


.prokrutka {
width:100%; /* ширина нашего блока */
height:300px; /* высота нашего блока */

overflow: auto; /* свойство для прокрутки по горизонтали. Автоматом, если больше блока */
}

.prokrutka p {
	font: 300 15px/19px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
} 

.prokrutka H2 {
  font: 400 28px/32px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 20px 20px 20px 20px;
}

.prokrutka H3 {
  font: 400 21px/25px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: left;
  margin: 20px 20px 20px 20px;
}




/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background: #F4F4F4;
	margin: 0 auto;
	padding: 20px 20px 0px 20px;
	border-radius: 3px;
	text-align: center;
	font: 300 15px "Roboto", sans-serif;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.button_sub{text-decoration:none; text-align:center;
width:80%;
 cursor: pointer;
 margin-top:17px;
 padding:20px 10px; 
 border:none; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font: 400 25px/32px "Roboto", sans-serif;
 color:#fff; 
 background:#b80517;  
}



.button_sub:hover{ 
 border:none; 
 color:#fff; 
 background:#E8051B;  
}

.zag_form {
	font: 400 25px/28px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

.gar_form {
	font: 300 13px/15px "Roboto", sans-serif;
	color: #878586;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 20px;
	margin-bottom: -20px;
}

input[type=text], input[type=email]{
width:80%;
height:40px;
text-align:left;
font: 300 17px/17px "Roboto", sans-serif;
color:#4f4f4f;
font-style:normal;
margin:5px 0px 5px 0px;
padding-left:15px;
border: 1px solid #989999; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
}

input[type=text]:hover, input[type=email]:hover{

border: 1px solid #FFAF02; 
}




.clear {clear: left;}
.clear2 {clear: right;}	





/*----------------------------------------------------------------------------------------
						НОУТ
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:801px) and (max-width:1024px) {

.count{width: 40%;margin:0 auto;}


}


/*----------------------------------------------------------------------------------------
						ПЛАНШЕТ
----------------------------------------------------------------------------------------*/


@media screen and (min-width:480px) and (max-width:1024px) {

h1{
color:#FFFFFF;
font-family:"pt sans";
font-size:42px;
font-weight: 700;
margin: 25px 40px 25px 40px;
line-height: 1.1em;
text-align:center;
}

h2 {

	font: 22pt Arial, sans-serif;
	color: #CC0000;
    margin-left: 40px;
	margin-right: 40px;
	text-align: center;
    font-weight: bolder;
	margin-top: 5px;
	margin-bottom: 0px;	
}

h3 {

	font: 16pt Arial, sans-serif;
	color: #355ea6;
    margin-left: 25px;
	margin-right: 15px;
	text-align: left;
    font-weight: 400;
	margin-top: 5px;
	margin-bottom: 0px;
}

h4{
color:#FFFFFF;
font-family:'pt sans narrow';
font-size:38px;
font-weight: 400;
margin: 25px 40px 25px 40px;
line-height: 0.8em;
text-align:center;
}

p {

	font: 300 17px/21px "Roboto", sans-serif;
	color: #1B1B1B;
    margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}


.zag p {
  font: 300 17px/21px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 30px 10px 20px 10px;
}

.zag h1 {
  font: 700 42px/45px  "Roboto", sans-serif;
  text-align: center;
  margin: 20px 0px 20px 0px;
}

.zag h3 {
  font: 400 23px/28px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 15px 30px 20px 30px;
}

.zag h4 {
  font: 400 21px/24px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 15px 10px 20px 10px;
}

.zag h5 {
  font: 700 23px/26px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 20px 10px 20px 10px;
}
.zag h6 {
  font: 400 17px/20px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: -10px 60px 10px 60px;
}

.partners h2 {font: 400 25px/28px  "Roboto", sans-serif;color: #1B1B1B;text-align: center;margin: 70px 50px 20px 50px;}

.tel{width:100%;float:none;margin: 0 auto;padding: 0px; position: static;margin-top: 10px;margin-bottom: 10px;}
.tel p{text-align: right; line-height:18px; margin-left:0; margin-right:20px; margin-top:20px; margin-bottom:18px;font-size: 13pt;color: #ffffff;}


.content_block{width:100%;float:none;margin: 0 auto;padding: 0px; position: static;margin-top: 10px;margin-bottom: 10px;text-align: center;}

.content{
background:#fff;
-moz-box-shadow:0 3px 9px rgba(0,0,0,0.12);
box-shadow:0 3px 9px rgba(0,0,0,0.12);
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
padding: 10px 20px 10px 20px;
width:88%;
margin: 0 auto;
text-align: center;
}


.blok-table {width:94%;min-height:20px;margin: 0 auto;text-align: center;}

.blok-yd {width:100%;min-height:20px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:1px solid #cccccc;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 40px;margin-top: 40px;}
.blok-yd H3 {font: 700 21px/25px "Roboto", sans-serif; color: #1B1B1B; text-align: center; margin: 10px 40px 20px 40px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-yd p {margin: 5px 10px 10px 20px;text-align: left;font: 300 17px/23px "Roboto", sans-serif;}


.blok-vk {width:100%;min-height:20px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:1px solid #cccccc;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 10px;}
.blok-vk H3 {font: 700 21px/25px "Roboto", sans-serif; color: #1B1B1B; text-align: center; margin: 10px 40px 20px 40px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-vk p {margin: 5px 10px 10px 20px;text-align: left;font: 300 17px/23px "Roboto", sans-serif;}


.blok-bonus {width:94%;min-height:240px;margin: 0 auto;text-align: center;}

.blok-bonus1 {width:100%;min-height:240px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:2px dashed #cc0000;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 20px;margin-top: 0px;}

.blok-bonus1 H3 {font: 700 23px/28px "Roboto", sans-serif; color: #1B1B1B; text-align: left; margin: 10px 40px 20px 40px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-bonus1 p {margin: 20px 40px 20px 40px;text-align: left;font: 300 17px/23px "Roboto", sans-serif;}
.blok-bonus1 img {width:200px;margin-right: 30px; margin-left: 20px; margin-top: 20px;margin-bottom: 10px;float: none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;}


.otz {
background:#F7F6F6;
padding: 10px 0 10px 20px;
width: 90%; margin: 0 auto; 
background-image: url(images/feedback.png);
background-repeat: no-repeat;
background-position: 98% 15%;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
margin-bottom: 40px
}

.otz H2{
font: 700 19px/23px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 200px;
margin-right: 20px;
margin-top: 20px;
text-align: left;
}
.otz H3{
font: 400 19px/23px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 20px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
text-align: right;
}

.otz img {
width: 150px;
padding:0px;
background:#fff;
border:7px solid #fff;
float: left;
margin-left: 10px;
margin-top: 20px;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;    
}

.otz p{
margin: 15px 40px 15px 200px;
text-align: left;
font: 300 15px/19px "Roboto", sans-serif;

}

.foto img  {width: 300px;float: right;margin: 10px 20px 0px 0px;}




.keys {
background:#F7F6F6;
padding: 10px 0 10px 20px;
width: 90%; margin: 0 auto; 
background-image: url(images/feedback.png);
background-repeat: no-repeat;
background-position: 98% 15%;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
margin-bottom: 40px
}

.keys H2{
font: 700 28px/32px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
text-align: center;
}


.keys H3{
font: 700 21px/25px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.keys p{
margin: 15px 20px 15px 10px;
text-align: left;
font: 300 17px/21px "Roboto", sans-serif;
}

.keys01{
width: 80%;
padding:0px; 
text-align: center; 
}

.keys02{
width: 90%;
padding:0px; 
text-align: center;
margin-right: 5px; 
}

.keys03{
width: 245px;
padding:0px; 
text-align: center; 
}



.count{width: 50%;margin:0 auto;}

.im01{width:170px;margin-right: 0px; margin-left: 0px; padding-top: 15px;float: none;margin: 0 auto;text-align: center;}

.im02{display:none;}



.blok-order {
width:80%;
max-width:900px;
margin: 0 auto;
margin-bottom: 0px;
margin-top: -15px;
}

.blok-order1 {width:100%;float:none;margin: 0 auto;text-align: center;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:2px dashed #777777;
padding: 0px; margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px;}

.blok-order1 h3 {
  font: 700 18px/23px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 20px -10px 20px;}

.blok-order1 p {
  font: 300 17px/20px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 0px 10px 0px;
}


.button {
	display: inline-block;
	width: 400px;
	height: 58px;
	text-align: center;
	font-family:'Roboto';
    font-size:25px;
	line-height: 56px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	background-color: #f11d1f;
	overflow: hidden;
	border-radius: 5px;
	transition: 0.3s linear;
	margin-top: -10px;
	margin-bottom: 10px;
}

.button:hover {
	background-color: #D93738;
	color: #fff;
	text-decoration: none;
}


.blok-programma {
width:84%;
max-width:900px;
margin: 0 auto;
margin-bottom: 40px;
margin-top: 10px;
background-color: #EFEFEF;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
padding:20px;
text-align: center;
}

.blok-programma h3 {
  font: 700 23px/28px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 0px 20px 0px;}

.blok-programma h4 {
  font: 300 17px/22px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 20px 20px 20px;}

  
.blok-programma p {
  font: 300 15px/18px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: left;
  margin: 0px 50px 0px 50px;
}

.blok-programma h5 {
  font: 300 17px/22px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 0px 10px 10px 10px;}
 
.blok-programma h6 {
  font: 700 23px/28px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 10px 10px 10px;}
 
.blok-programma img {width:250px;margin: 10px 0px 10px 0px;}

.list_arr_grey {
	margin-left: 0px;
	margin-top: -5px;
	margin-bottom: 5px;
	padding: 7px 0px 10px 35px;
	background: url(images/list_arr_grey.png) no-repeat left center;;
}




.cont_block{margin:0 auto;background:#F6F5F5;width:80%;border-top:30px solid #B50E15;min-height:300px;float:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.cont_block2{margin:0 auto;background:#F6F5F5;width:80%;border-top:10px solid #658e67;min-height:300px;float:none;margin-top: 50px;}
.cont_block3{margin:0 auto;background:#efefef;width:80%;border-top:10px solid #8c8c8c;min-height:300px;float:none;margin-top: 50px;}
.cont_block_top{border-bottom:1px solid #cccccc;padding:16px 20px 0px;margin-bottom:12px;}
.cont_block_top h2{font-family:Arial;font-size:38px;color:#000;margin:0px;text-align: center;}
.cont_block_top h3{font-family:Arial,serif;font-size:21px;color:#000;font-weight:300;margin:0px;padding-bottom:7px;text-align: center;}
.cont_block_top span{font-family:Arial;display:block;font-size:16px;color:#000;padding-bottom:20px;}
.select_box{float:right;}.cont_block_bottom{padding:0 20px 0px;font-family:Arial;font-size:15px;color:#000;}
.cont_block_bottom strong{font-family:'helveticabold';font-size:15px;color:#000;margin:0px;line-height:20px;}
.cont_block_bottom span{display:block;padding-bottom:18px;}
.cont_block_bottom del{text-decoration:none;font-family:'helveticaregular';font-weight:normal;}
.cont_block_bottom p{line-height:21px;padding-bottom:22px;margin:0px;}
.cont_block_bottom small{border-bottom:2px groove #828282;font-family:'helveticabold';font-size:15px;}
.cont_block_bottom i{border-bottom:2px groove #828282;font-family:'helveticaregular';font-size:15px;font-style:normal;}
.cont_block_bottom p b{font-family:'helveticabold';}
.cont_block_bottom p em{font-style:normal;font-family:'helveticabold';color:#ff0000;}
.cont_block_bottom strong em{font-style:normal;color:#28742d;}
.list{font: 300 17px/19px "Roboto", sans-serif;padding:0px 0 0 8px;}
.list h4{font-size:17px;color:#000;margin-left: 10px;padding-bottom:0px;text-decoration:underline;}
.list ul{margin:0px;padding:0px;list-style:none;}
.list li strong{font-weight:bold;font-size:15px; }
.list li{background:url(images/bullet10.png) left top no-repeat;padding:0px 0px 20px 24px;text-align: left;font-size:14px;color:#000;display:block;margin-left: 3px;margin-right: 20px}
.list li.active{background:url(images/bullet20.png) left top no-repeat;color:#707070;}
.list span{font: 300 19px/23px "Roboto", sans-serif;display:block;color:#000;padding-top:10px;padding-bottom:10px;border-top:1px solid #cccccc;margin-left: -10px;text-align: center;}



.cont_block_bottom{border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;padding:10px 20px 0px;margin-bottom:5px;}
.cont_block_bottom h2{font-family:Arial;font-size:30px;color:#000;margin:0px;text-align: center;}
.cont_block_bottom h3{font-family:Arial,serif;font-size:21px;color:#000;font-weight:300;margin:0px;padding-bottom:7px;text-align: center;}
.cont_block_bottom span{font-family:Arial;display:block;font-size:16px;color:#000;padding-bottom:30px;}


.border1{border-top:30px solid #399A01;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.border2{border-top:30px solid #d4d4d5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.bg_color{background:#cadef3;}


.gar1{width:90%;float:none;margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; position: static;margin-top: 10px;margin-bottom: 0px;}
.gar1 img {max-width:40%;margin: 10px 0px 10px 0px;}


.gar2{width:90%;float:none;margin: 0 auto;text-align: left;padding: 0px 0px 0px 0px; position: static;margin-top: 10px;margin-bottom: 0px;}
.gar2  h1 {font: 400 38px/52px "Roboto", sans-serif;color: #AF0915;text-align: center;margin: 10px 0px 10px 0px;padding: 0px;}
.gar2  h2 {font: 300 17px/20px "Roboto", sans-serif;color: #1B1B1B;text-align: left;margin: 10px 10px 10px 0px;padding: 0px;}
.gar2  h3 {font: 700 17px/20px "Roboto", sans-serif;color: #AF0915;text-align: left;margin: 10px 10px 10px 0px;padding: 0px;}



.order2
{
    background-color: #FE8A18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCE34), to(#FE8A18));
    background-image: -webkit-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -moz-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -ms-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -o-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: linear-gradient(top, #FFCE34, #FE8A18);    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;  
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    height: 55px;
    padding: 11px 15px 11px 15px;
    width: 20px;
    cursor: pointer;
    font: 700 14px/20px "Roboto", sans-serif;
    color: #313131;
}

.order2:hover
{		
    background-color: #FFCE34;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A18), to(#FFCE34));
    background-image: -webkit-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -moz-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -ms-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -o-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: linear-gradient(top, #FE8A18, #FFCE34);
    color: #313131;
	text-decoration: none;
}	

.zag_form {
	color: #1B1B1B;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}


}




/*----------------------------------------------------------------------------------------
						МОБИЛЬНИК
----------------------------------------------------------------------------------------*/


@media screen and (min-width:240px) and (max-width:479px) {

.video {
width:90%;margin: 0 auto;text-align: center;padding: 0px;border: 6px solid #333333; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius:8px;margin-top: 0px;margin-bottom: 30px; 
}


.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.05%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.foto img  {width: 300px;float: none;margin: 0px 0px 0px 0px;}



.tel{width:100%;float:none;margin: 0 auto;padding: 0px; position: static;margin-top: 10px;margin-bottom: 10px;}
.tel p{text-align: right; line-height:18px; margin-left:0; margin-right:20px; margin-top:20px; margin-bottom:18px;font-size: 11pt;color: #ffffff;}


.gar1{width:90%;float:none;margin: 0 auto; text-align: center; padding: 0px 0px 0px 0px; position: static;margin-top: 10px;margin-bottom: 0px;}
.gar1 img {max-width:60%;margin: 10px 0px 10px 0px;}


.gar2{width:90%;float:none;margin: 0 auto;text-align: center;padding: 0px 0px 0px 0px; position: static;margin-top: 10px;margin-bottom: 0px;}
.gar2  h1 {font: 400 28px/32px "Roboto", sans-serif;color: #AF0915;text-align: center;margin: 10px 0px 10px 0px;padding: 0px;}
.gar2  h2 {font: 300 13px/16px "Roboto", sans-serif;color: #1B1B1B;text-align: center;margin: 10px 10px 10px 10px;padding: 0px;}
.gar2  h3 {font: 700 15px/17px "Roboto", sans-serif;color: #AF0915;text-align: center;margin: 10px 10px 10px 0px;padding: 0px;}



.order2
{		
    background-color: #FE8A18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCE34), to(#FE8A18));
    background-image: -webkit-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -moz-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -ms-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -o-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: linear-gradient(top, #FFCE34, #FE8A18);    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;  
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    height: 55px;
    padding: 12px 8px 12px 8px;
    width: 208px;
    cursor: pointer;
    font: 700 10px/14px "Roboto", sans-serif;
    color: #313131;
}

.order2:hover
{		
    background-color: #FFCE34;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A18), to(#FFCE34));
    background-image: -webkit-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -moz-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -ms-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -o-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: linear-gradient(top, #FE8A18, #FFCE34);
    color: #313131;
	text-decoration: none;
}	

h1{
color:#FFFFFF;
font-family:"pt sans";
font-size:42px;
font-weight: 700;
margin: 25px 40px 25px 40px;
line-height: 1.1em;
text-align:center;
}

h2 {

	font: 22pt Arial, sans-serif;
	color: #CC0000;
    margin-left: 40px;
	margin-right: 40px;
	text-align: center;
    font-weight: bolder;
	margin-top: 5px;
	margin-bottom: 0px;	
}

h3 {

	font: 16pt Arial, sans-serif;
	color: #355ea6;
    margin-left: 25px;
	margin-right: 15px;
	text-align: left;
    font-weight: 400;
	margin-top: 5px;
	margin-bottom: 0px;
}

h4{
color:#FFFFFF;
font-family:'pt sans narrow';
font-size:38px;
font-weight: 400;
margin: 25px 40px 25px 40px;
line-height: 0.8em;
text-align:center;
}

p {

	font: 300 16px/21px "Roboto", sans-serif;
	color: #1B1B1B;
    margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}


.zag p {
  font: 300 13px/16px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 30px 5px 20px 5px;
}

.zag h1 {
  font: 700 32px/35px  "Roboto", sans-serif;
  text-align: center;
  margin: 10px 0px 15px 0px;
}

.zag h3 {
  font: 400 19px/23px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 20px 15px 20px;
}

.zag h4 {
  font: 400 19px/23px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 15px 20px 20px 20px;
}
.zag h5 {
  font: 700 21px/24px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 20px 0px 20px 0px;
}
.zag h6 {
  font: 400 19px/23px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: -10px 10px 15px 10px;
}


.content_block{width:100%;float:none;margin: 0 auto;padding: 0px; position: static;margin-top: 10px;margin-bottom: 10px;text-align: center;}

.content{
background:#fff;
-moz-box-shadow:0 3px 9px rgba(0,0,0,0.12);
box-shadow:0 3px 9px rgba(0,0,0,0.12);
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
padding: 10px 10px 5px 10px;
width:88%;
margin: 0 auto;
text-align: center;
}


.blok-table {width:90%;min-height:20px;margin: 0 auto;text-align: center;}

.blok-yd {width:100%;min-height:20px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:1px solid #cccccc;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 30px;margin-top: 10px;}
.blok-yd H3 {font: 700 17px/20px "Roboto", sans-serif; color: #1B1B1B; text-align: center; margin: 10px 20px 15px 20px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-yd H4 {width:180px;font: 700 17px/23px "Roboto", sans-serif; text-align: center; margin: 0 auto; padding: 8px 5px 8px 5px;border-radius: 6px;
margin-top: -30px;margin-bottom: 20px;}
.blok-yd p {margin: 5px 10px 10px 5px;text-align: left;font: 300 15px/18px "Roboto", sans-serif;}


.blok-vk {width:100%;min-height:20px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:1px solid #cccccc;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 10px;margin-top: 20px;}
.blok-vk H3 {font: 700 17px/20px "Roboto", sans-serif; color: #1B1B1B; text-align: center; margin: 10px 20px 15px 20px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-vk H4 {width:180px;font: 700 17px/23px "Roboto", sans-serif; text-align: center; margin: 0 auto; padding: 8px 5px 8px 5px;border-radius: 6px;
margin-top: -30px;margin-bottom: 20px;}
.blok-vk p {margin: 5px 10px 10px 5px;text-align: left;font: 300 15px/18px "Roboto", sans-serif;}




.blok-bonus {width:90%;min-height:240px;margin: 0 auto;text-align: center;}

.blok-bonus1 {width:100%;min-height:240px;float:none;margin: 0 auto;text-align: center; padding: 10px 0px 10px 0px; position: static;border:2px dashed #cc0000;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;margin-right: 0px; margin-left: 0px;margin-bottom: 20px;margin-top: 0px;}

.blok-bonus1 H3 {font: 700 23px/28px "Roboto", sans-serif; color: #1B1B1B; text-align: left; margin: 10px 40px 20px 40px;border-left: 0px solid #d49d96;padding: 0px 0px 0px 0px;}
.blok-bonus1 p {margin: 12px 10px 12px 10px;text-align: center;font: 300 15px/20px "Roboto", sans-serif;}
.blok-bonus1 img {width:88%;margin-right: 10px; margin-left: 10px; margin-top: 10px;margin-bottom: 10px;float: none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius: 6px;}





.list_bulet {
  margin: 5px 10px 8px 15px;
  color: #1B1B1B;
  font: 300 15px/18px "Roboto", sans-serif;
  padding: 2px 2px 0px 20px;
  background: url(images/bulet_gray.png) 5px 9px no-repeat;
}



.otz {
background:#F7F6F6;
padding: 10px 0 10px 10px;
width: 86%; margin: 0 auto; 
background-image: url(images/feedback.png);
background-repeat: no-repeat;
background-position: 98% 47%;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
margin-bottom: 40px
}

.otz H2{
font: 700 15px/18px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 10px;
margin-right: 20px;
margin-top: 20px;
text-align: left;
}
.otz H3{
font: 400 15px/18px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 10px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
text-align: right;
}

.otz img {
width: 100px;
padding:0px;
background:#fff;
border:7px solid #fff;
float: none;
margin-left: 0px;
margin-top: 10px;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;    
}

.otz p{
margin: 15px 10px 15px 10px;
text-align: left;
font: 300 12px/15px "Roboto", sans-serif;

}


.keys {
background:#F7F6F6;
padding: 10px 0 10px 10px;
width: 86%; margin: 0 auto; 
background-image: url(images/feedback.png);
background-repeat: no-repeat;
background-position: 98% 47%;
border-radius:4px; -moz-border-radius:4px; -khtml-border-radius: 4px;
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
margin-bottom: 20px;
margin-top: 20px;
}

.keys H2{
font: 700 19px/23px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
text-align: center;
}


.keys H3{
font: 700 17px/20px "Roboto", sans-serif;
color: #1B1B1B;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.keys p{
margin: 15px 20px 15px 10px;
text-align: left;
font: 300 15px/19px "Roboto", sans-serif;
}

.keys01{
width: 80%;
padding:0px; 
text-align: center;
margin-right: 5px; 
}

.keys02{
width: 90%;
padding:0px; 
text-align: center;
margin-right: 7px; 
}

.keys03{
width: 230px;
padding:0px; 
text-align: center;
margin-bottom: 5px;
margin-top: 10px; 
}




.count{width: 70%;margin:0 auto;margin-bottom: 10px;}

.im01{width:170px;margin-right: 0px; margin-left: 0px; padding-top: 15px;float: none;margin: 0 auto;text-align: center;}

.im02{display:none;}




.blok-order {
width:92%;
max-width:900px;
margin: 0 auto;
margin-bottom: 0px;
margin-top: -10px;
}

.blok-order1 {width:100%;float:none;margin: 0 auto;text-align: center;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:2px dashed #777777;
padding: 0px; margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px;}

.blok-order1 h3 {
  font: 700 16px/20px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 0px 0px 0px;}

.blok-order1 p {
  font: 300 15px/18px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 0px 10px 0px;
}

.button {
	display: inline-block;
	width: 270px;
	height: 52px;
	text-align: center;
	font-family:'Roboto';
    font-size:17px;
	line-height: 52px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	background-color: #f11d1f;
	overflow: hidden;
	border-radius: 5px;
	transition: 0.3s linear;
	margin-top: -10px;
	margin-bottom: 0px;
}

.button:hover {
	background-color: #D93738;
	color: #fff;
	text-decoration: none;
}


.blok-programma {
width:84%;
max-width:900px;
margin: 0 auto;
margin-bottom: 40px;
margin-top: 10px;
background-color: #EFEFEF;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
padding:20px;
text-align: center;
}

.blok-programma h3 {
  font: 700 18px/22px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 0px 20px 0px;}

.blok-programma h4 {
  font: 300 15px/23px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 10px 0px 0px 0px;}

  
.blok-programma p {
  font: 300 15px/18px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: left;
  margin: 0px 0px 0px 0px;
}

.list_arr_grey {
	margin-left: 0px;
	margin-top: -5px;
	margin-bottom: 5px;
	padding: 7px 0px 10px 35px;
	background: url(images/list_arr_grey.png) no-repeat left center;;
}

.blok-programma h5 {
  font: 300 15px/23px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 0px 0px 10px 0px;}
 
.blok-programma h6 {
  font: 700 18px/22px "Roboto", sans-serif;
  color: #1B1B1B;
  text-align: center;
  margin: 15px 10px 15px 10px;}
 
.blok-programma img {width:150px;margin: 0px 0px 10px 0px;}





.cont_block{margin:0 auto;background:#F6F5F5;width:90%;border-top:30px solid #B50E15;min-height:300px;float:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.cont_block2{margin:0 auto;background:#F6F5F5;width:90%;border-top:10px solid #658e67;min-height:300px;float:none;margin-top: 50px;}
.cont_block3{margin:0 auto;background:#efefef;width:90%;border-top:10px solid #8c8c8c;min-height:300px;float:none;margin-top: 50px;}
.cont_block_top{border-bottom:1px solid #cccccc;padding:16px 20px 0px;margin-bottom:12px;}
.cont_block_top h2{font-family:Arial;font-size:38px;color:#000;margin:0px;text-align: center;}
.cont_block_top h3{font-family:Arial,serif;font-size:21px;color:#000;font-weight:300;margin:0px;padding-bottom:7px;text-align: center;}
.cont_block_top span{font-family:Arial;display:block;font-size:16px;color:#000;padding-bottom:20px;}
.select_box{float:right;}.cont_block_bottom{padding:0 20px 0px;font-family:Arial;font-size:15px;color:#000;}
.cont_block_bottom strong{font-family:'helveticabold';font-size:15px;color:#000;margin:0px;line-height:20px;}
.cont_block_bottom span{display:block;padding-bottom:18px;}
.cont_block_bottom del{text-decoration:none;font-family:'helveticaregular';font-weight:normal;}
.cont_block_bottom p{line-height:21px;padding-bottom:22px;margin:0px;}
.cont_block_bottom small{border-bottom:2px groove #828282;font-family:'helveticabold';font-size:15px;}
.cont_block_bottom i{border-bottom:2px groove #828282;font-family:'helveticaregular';font-size:15px;font-style:normal;}
.cont_block_bottom p b{font-family:'helveticabold';}
.cont_block_bottom p em{font-style:normal;font-family:'helveticabold';color:#ff0000;}
.cont_block_bottom strong em{font-style:normal;color:#28742d;}
.list{font: 300 17px/19px "Roboto", sans-serif;padding:0px 0 0 8px;}
.list h4{font-size:17px;color:#000;margin-left: 10px;padding-bottom:0px;text-decoration:underline;}
.list ul{margin:0px;padding:0px;list-style:none;}
.list li strong{font-weight:bold;font-size:15px; }
.list li{background:url(images/bullet10.png) left top no-repeat;padding:0px 0px 20px 24px;text-align: left;font-size:14px;color:#000;display:block;margin-left: 3px;margin-right: 20px}
.list li.active{background:url(images/bullet20.png) left top no-repeat;color:#707070;}
.list span{font: 300 19px/23px "Roboto", sans-serif;display:block;color:#000;padding-top:10px;padding-bottom:10px;border-top:1px solid #cccccc;margin-left: -10px;text-align: center;}



.cont_block_bottom{border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;padding:10px 20px 0px;margin-bottom:5px;}
.cont_block_bottom h2{font-family:Arial;font-size:30px;color:#000;margin:0px;text-align: center;}
.cont_block_bottom h3{font-family:Arial,serif;font-size:21px;color:#000;font-weight:300;margin:0px;padding-bottom:7px;text-align: center;}
.cont_block_bottom span{font-family:Arial;display:block;font-size:16px;color:#000;padding-bottom:30px;}


.border1{border-top:30px solid #399A01;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.border2{border-top:30px solid #d4d4d5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.bg_color{background:#cadef3;}



	.footer_l{
		margin:20px 0;
		text-align: center;
		font: 300 10px/15px  "Roboto", sans-serif;
		color:#333333;
	}


	a.footer_l:link, a.footer_l:visited{
		text-decoration: none;
		color:#333333;
	}
	a.footer_l:hover {
	  text-decoration: underline;
	  color:#333333;
	}




/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #F4F4F4;
    max-width: 600px;
    width:86%;
    margin: 7% auto;
	padding: 5px 10px 13px 10px;
	border: 6px solid #FFAF02;
	position: relative;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(157, 7, 4, 0.9);
}


/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/

.form-container {
	background: #F4F4F4;
	margin: 0 auto;
	padding: 20px 20px 0px 20px;
	border-radius: 3px;
	text-align: center;
	font: 300 15px "Roboto", sans-serif;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.button_sub{text-decoration:none; text-align:center;
width:100%;
 cursor: pointer;
 margin-top:17px;
 padding:20px 10px; 
 border:none; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font: 400 19px/28px "Roboto", sans-serif;
 color:#fff; 
 background:#b80517;  
}



.button_sub:hover{ 
 border:none; 
 color:#fff; 
 background:#E8051B;  
}

.zag_form {
	font: 400 15px/18px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

.gar_form {
	font: 300 13px/15px "Roboto", sans-serif;
	color: #878586;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 20px;
	margin-bottom: -20px;
}

input[type=text], input[type=email]{
width:100%;
height:36px;
text-align:left;
font: 300 15px/15px "Roboto", sans-serif;
color:#4f4f4f;
font-style:normal;
margin:5px 0px 5px 0px;
padding-left:15px;
border: 1px solid #989999; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
}

input[type=text]:hover, input[type=email]:hover{

border: 1px solid #FFAF02; 
}

	
.partners{width:90%;margin: 0 auto;padding: 0px;position: static;margin-top: 70px;margin-bottom: 10px;text-align: center;}
.partners h2 {font: 400 19px/23px  "Roboto", sans-serif;color: #1B1B1B;text-align: center;margin: 20px 10px 20px 10px;}
.partners img{width:60px;}
}