img{
    width: 100%;
    height: auto;
}
#textBlue{
	color:#0096d6;
}
.textGold{
	color:#D09400;
}
.Zagolovok {	
	width:100%;
	max-width:1000px;
	outline:0px solid #000;
	
	text-align:center;
	background-color:#1A6394;
	padding-top:20px;
	padding-bottom:20px;
	 /* position:absolute;	  */
	}
h1 {
	/*font-size: 48px;	/*px*/					/*ЗАГОЛОВОК*/
	font-size: 64px;	/*px*/					/*ЗАГОЛОВОК*/
	color:#fff;
	line-height: 1.2;
    text-align: center;
	}
h4{						
	/*font-size: 32px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	font-size: 40px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	color:#fff;
    line-height: 1.2;
    text-align: center;
}
	
h2{						
	/*font-size: 32px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	font-size: 36px;	/*ПОД ПОДЗАГОЛОВОК h2=h4 РАЗМЕР*/
	color:#000;
    line-height: 1.2;
    text-align: center;
}	
	
.section_title h2 {
	text-align: center;
    color: #000;
    display: inline-block;
    font-size: 36px;
    font-weight: normal;
    line-height: normal;
    padding: 0 18px;
    position: relative;
}
.section_title h2::after {
    background: #000 none repeat scroll 0 0;
    bottom: 9px;
    content: "";
    display: block;
    height: 1px;
    left: 100%;
    position: absolute;
    width: 1000px;
}
.section_title h2::before {
    background: #000 none repeat scroll 0 0;
    bottom: 9px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 100%;
    width: 1000px;
}
.section_title {
    overflow: hidden;
    padding-bottom: 14px;
    text-align: center;
}






h3 {							
	/*font-size: 40px;				/*ПОДЗАГОЛОВОК*/
	font-size: 22px;				/*ПОДЗАГОЛОВОК*/
	color:#5A5A5A;
    line-height: 1.2;
    text-align: center;
	font-weight: bold;
	
}
	

 p{	
	/*font-size: 26px; 	/*ОСНОВНОЙ ТЕКСТ*/
	font-size: 18px; 
	line-height: 1.2;
	color:#5A5A5A;
}	
          
/*GENERAL CSS START*/

/*reset css*/
body h1, body h2, body h3, body h4, body h5, body a, body p, body span, body strong{margin: 0; padding: 0;}
body h1, body h2, body h3, body h4, body h5{font-weight: normal;}
a{text-decoration: none;}
/*reset css*/
/*margin-top*/
            .nomargT {margin-top: 0 !important;}
            .margT5 {margin-top: 5px !important;}
            .margT10 {margin-top: 10px !important;}
            .margT15 {margin-top: 15px !important;}
            .margT20 {margin-top: 20px !important;}
            .margT25 {margin-top: 25px !important;}
            .margT30 {margin-top: 30px !important;}
            .margT35 {margin-top: 35px !important;}
            .margT40 {margin-top: 40px !important;}
            .margT45 {margin-top: 45px !important;}
            .margT50 {margin-top: 50px !important;}

            /*margin-right*/
            .nomargR {margin-right: 0 !important;}
            .margR5 {margin-right: 5px !important;}
            .margR10 {margin-right: 10px !important;}
            .margR15 {margin-right: 15px !important;}
            .margR20 {margin-right: 20px !important;}
            .margR25 {margin-right: 25px !important;}
            .margR30 {margin-right: 30px !important;}
            .margR35 {margin-right: 35px !important;}
            .margR40 {margin-right: 40px !important;}
            .margR45 {margin-right: 45px !important;}
            .margR50 {margin-right: 50px !important;}
			.margR-100 {margin-right: -100px !important;}

            /*margin-bottom*/
            .nomargB {margin-bottom: 0 !important;}
            .margB5 {margin-bottom: 5px !important;}
            .margB10 {margin-bottom: 10px !important;}
            .margB15 {margin-bottom: 15px !important;}
            .margB20 {margin-bottom: 20px !important;}
            .margB25 {margin-bottom: 25px !important;}
            .margB30 {margin-bottom: 30px !important;}
            .margB35 {margin-bottom: 35px !important;}
            .margB40 {margin-bottom: 40px !important;}
            .margB45 {margin-bottom: 45px !important;}
            .margB50 {margin-bottom: 50px !important;}
            .margBCustom1 {margin-bottom: 220px !important;}

            /*margin-left*/
            .nomargL {margin-left: 0 !important;}
            .margL5 {margin-left: 5px !important;}
            .margL10 {margin-left: 10px !important;}
            .margL15 {margin-left: 15px !important;}
            .margL20 {margin-left: 20px !important;}
            .margL25 {margin-left: 25px !important;}
            .margL30 {margin-left: 30px !important;}
            .margL35 {margin-left: 35px !important;}
            .margL40 {margin-left: 40px !important;}
            .margL45 {margin-left: 45px !important;}
            .margL50 {margin-left: 50px !important;}
			
			.paddL-50 {margin-left: -50px !important;}
			.paddL-100 {margin-left: -100px !important;}
			.paddR-50 {margin-right: -50px !important;}
			.paddR-100 {margin-right: -100px !important;}

            /*margin-negative*/
            .mt-100{    margin-top: -100px;}
            .mt-75{    margin-top: -75px;}
            .mt-50{    margin-top: -50px;}
            .mt-40{    margin-top: -40px;}
            .mt-30{    margin-top: -30px;}
            .mt-20{    margin-top: -20px;}
            .mt-10{    margin-top: -10px;}
            .mt250{margin-top: 250px;}



            /*padding-top*/
            .nopaddT {padding-top: 0 !important;}
            .paddT5 {padding-top: 5px !important;}
            .paddT10 {padding-top: 10px !important;}
            .paddT15 {padding-top: 15px !important;}
            .paddT20 {padding-top: 20px !important;}
            .paddT25 {padding-top: 25px !important;}
            .paddT30 {padding-top: 30px !important;}
            .paddT35 {padding-top: 35px !important;}
            .paddT40 {padding-top: 40px !important;}
            .paddT45 {padding-top: 45px !important;}
            .paddT50 {padding-top: 50px !important;}

            /*padding-right*/
            .nopaddR {padding-right: 0 !important;}
            .paddR5 {padding-right: 5px !important;}
            .paddR10 {padding-right: 10px !important;}
            .paddR15 {padding-right: 15px !important;}
            .paddR20 {padding-right: 20px !important;}
            .paddR25 {padding-right: 25px !important;}
            .paddR30 {padding-right: 30px !important;}
            .paddR35 {padding-right: 35px !important;}
            .paddR40 {padding-right: 40px !important;}
            .paddR45 {padding-right: 45px !important;}
            .paddR50 {padding-right: 50px !important;}
            .paddR80 {padding-right: 80px !important;}
			.paddR100 {padding-right: 100px !important;}

            /*padding-bottom*/
            .nopaddB {padding-bottom: 0 !important;}
            .paddB5 {padding-bottom: 5px !important;}
            .paddB10 {padding-bottom: 10px !important;}
            .paddB15 {padding-bottom: 15px !important;}
            .paddB20 {padding-bottom: 20px !important;}
            .paddB25 {padding-bottom: 25px !important;}
            .paddB30 {padding-bottom: 30px !important;}
            .paddB35 {padding-bottom: 35px !important;}
            .paddB40 {padding-bottom: 40px !important;}
            .paddB45 {padding-bottom: 45px !important;}
            .paddB50 {padding-bottom: 50px !important;}

            /*padding-left*/
            .nopaddL {padding-left: 0 !important;}
            .paddL5 {padding-left: 5px !important;}
            .paddL10 {padding-left: 10px !important;}
            .paddL15 {padding-left: 15px !important;}
            .paddL20 {padding-left: 20px !important;}
            .paddL25 {padding-left: 25px !important;}
            .paddL30 {padding-left: 30px !important;}
            .paddL35 {padding-left: 35px !important;}
            .paddL40 {padding-left: 40px !important;}
            .paddL45 {padding-left: 45px !important;}
            .paddL50 {padding-left: 50px !important;}
			.paddL100 {padding-left: 100px !important;}

            /*reset all*/
            .noMargnoPadd {margin: 0 !important; padding: 0 !important;}
            section{width: 100%; margin:0 auto;}
            /*img{width:100%; height: auto;}*/

/* ДЛЯ FOOTER*/	
	html,body {
	  height: 100%;
	  margin:0px;
	  padding:0px;
	}
	.wrapper {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	}
	.content {
	  flex: 1 0 auto;
	}
	.footer {
	  flex: 0 0 auto;
	  
	  /*background-color:#f5f5f5;*/
	 
	  
	}
	.containerFooter{
		background-color:#5A5A5A;
		 height:100px;
	}
	.footer  p{
	  padding-top:30px;
	  font-size:14px;
	  color:#fff;
	  /*color:#767676;*/
	  /*background-color:#E2161A;*/
	 
	}


/* КОНЕЦ ДЛЯ FOOTER*/	

/* ДЛЯ ВСЕГО САЙТА*/
body {
margin: 0;
padding: 0;
/*font-family: "HPSimplified", arial, sans-serif;*/
font-family: "HPSimplifiedLight";
color: #000;
font-size: 18px 1em;
font-size: 100%;
height: 100%;
width: 100%;
margin: 0 auto;

}

html{
    overflow-x: hidden;
}

    
a {
    color: #0096D6;
    text-decoration: none;
}
a:hover, a:active {
    color: #0096D6;
    
}                            

.lightFont{font-family: "HPSimplifiedLight", "HPSimplified", arial, sans-serif;}
@font-face {
                font-family: "HPSimplified";
                font-style: normal;
                font-weight: normal;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-woff.woff") format("woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-ttf.ttf") format("truetype");
}
@font-face {
                font-family: "HPSimplifiedRegular";
                font-style: normal;
                font-weight: bold;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-woff.woff") format("woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-regular-ttf.ttf") format("truetype");
}
@font-face {
                font-family: "HPSimplifiedLight";
                font-style: normal;
                font-weight: normal;
                src: url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-woff.woff") format("-woff.woff"), url("http://www8.hp.com/ru/ru/images/fonts/hpi/hps/cyrillic-light-ttf.ttf") format("truetype");
}



.content2{
	margin:0 auto;
	max-width:1000px;
	} 
.section-3 {		
	 /*background-color: #0096D6;*/

	  height: 100px;
	}	
.container{
	outline:0px solid #000;
	max-width:1000px;
	/*min-width: 240px;*/
	margin:0 auto;
	min-width: 240px;
	
}    
.blockSectionCenter{
			outline:0px solid #66B2FF; 		
			text-align:center;			
}
	.textZagol	{
		float:left;
		text-align:left;
	}
	.textRight	{		
		text-align:right;
	}

	/*ФОТО НА ВСЮ ШИРИНУ ЭКРАНУ----------------------------------*/
.containerFotoFon0 {
 background: #0096D6 url("../images/top_1920.jpg") no-repeat scroll 50% 50% / cover ;
height: 680px;
outline:0px solid #fff; /*ГОЛУБОЙ*/
 }
 .contFon0{
	 overflow:hidden;
	 height: 680px;
 }
 .containerFotoFon0  {
	 transition: all 1s ease-out;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
.containerFotoFon0:hover{
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

/*.containerFotoFon1 {
 overflow:hidden;
 width: 1920px;
 height:660px;
 text-align: center;
 }
 
 div.containerFotoFon1 img {
	  width: 100%;
	  height:auto;
	}
 
 .containerFotoFon1 img {
 transition: all 1s ease-out;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.containerFotoFon1 img:hover{
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
 */
 
.containerFotoFon2{
	display: none;}
	
 .contFon2{
	 overflow:hidden;
	 height: auto;
 }
	.containerFotoFon2 img {
		 transition: all 1s ease-out;
		 -moz-transition: all 1s ease-out;
		 -o-transition: all 1s ease-out;
		 -webkit-transition: all 1s ease-out;
 }
.containerFotoFon2 img:hover{
	 transform: scale(1.1);
	 -webkit-transform: scale(1.1);
	 -moz-transform: scale(1.1);
	 -o-transform: scale(1.1);
 }
div.containerFotoFon2 img {
	  width: 100%;
	  height:auto;
	}
div.containerFotoFon2{
		 outline:0px solid #3AE2CE;
		width: 100%;
		max-width: 100%;	
		padding:0;
		margin:0;	
	}



	
#btGrey{
			border: none; /* Убираем границу */
			background-color:  #b9b8bb; /* Цвет линии */
			color:  #b9b8bb; /* Цвет линии для IE6-7 */
			height: 1px; /* Толщина линии */
		}		


/*---------------------МЕДИА ЗАПРОС ДЛЯ СЕКЦИЙ------------------------------*/
/*@media (max-width:850px){ 
	.content .section-3 {		
	  height: 180px;
	}
.containerLogo{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.textZagol{
	padding-bottom: 15px !important;
	 width: 100%;
	  display: table;
}
h1 {text-align:center;}
 
 div.containerLogo  img{
		max-width:100%;
		height:auto;
		float: none;
		
		 display: table;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		}

	div.containerLogo {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  display: table;
	  max-width: 280px;
	  float: none;
		margin-left: auto;
		margin-right: auto;
	}
}*/

@media (max-width:400px){     

	  
		.section-1 .Zagolovok h1 {   
	  font-size: 30px; 
	  color:#000;
	  }
	  .section-1 .Zagolovok h4 {   
	  font-size: 20px; 
	  color:#000;
	  }
}

 @media (max-width:1000px){     
     body {font-size: 14px;}
	.textCenter{text-align: center;}
	
	 /*.section-3 .margT30 {margin-top: 15px !important;} 
	 .section-3 {margin-top: 25px !important;} */
	 
	 /*.sZagol{padding-top:10px;	padding-bottom:10px;}*/
	 
	 .Zagolovok {		
		outline:1px solid #000;
		text-align:center;
		height:auto;
		position:relative;	
		top:0px;	
		padding-top:20px;
		padding-bottom:20px;
	}
	  
		.section-1 h1 {   
	  font-size: 40px; 
	  color:#000;
	  }
	  .section-1 h4 {   
	  font-size: 28px; 
	  color:#000;
	  }
	  .section-2 h2 {   
	  font-size: 26px; 
	  }
	  .section-2 h3 {   
	  font-size: 18px; 
	  }

		p{
			font-size: 14px; 
			line-height: 1.2;
			color:#5A5A5A;	
		}	
		.containerFotoFon1{
			display: none;}
		.contFon0{
			display: none;
		}
		.containerFotoFon2{
				display: block;
		}
			
		.footer  p{
			padding-left:30px;
		}
		div.containerLogo  img{
			max-width:80%;
			height:auto;
			outline:0px solid #F180E2; /*РОЗОВЫЙ*/
		}
			
		/* .hiddenM{display: none;}*/
		 .section-1 {
		background: #FFF ;
		height: auto;
		text-align: center;
		}
}
	
	@media (max-width:400px){
		.footer  p{
		font-size:8px;
		}
	}
	
/*--------------------КОНЕЦ Секция 1-----------------------------*/
/*--------------------КОНЕЦ ДЛЯ INDEX.PHP-----------------------------*/

/*--------------------НАЧАЛО ДЛЯ PC.PHP и PRINT.PHP-----------------------------*/
#red {
	color: #FF0000;
}
.regForm{
	/*outline:1px solid #F180E2; /*РОЗОВЫЙ*/
	/*background-color: #F180E2; /*РОЗОВЫЙ*/
	
	text-align:left;
	
}
.regFormCenter{
	width:70%;
	margin:0 auto;
	/*background-color: #B2E4ED;*/
}

@media (max-width:800px){
	.regFormCenter{
		width:100%;
	}	
}

fieldset {border: 0px;
}

textarea, input {
width: auto;
outline:0px solid #3FC63A;
background-color: #fff;
margin-top:5px;
margin-bottom:10px;
}
input{
height:30px;
border: 1px solid #b9b8bb;
}
textarea:focus,  input:focus{
	border: 1px solid  #D09400;	
	background-color: #fcfcfc;
}
#radio input{
	width:20px;
}

.widthInput input, .widthInput textarea{
	width:100%;
}

 a.primaryButtonRed{
	 margin:15px 0 15px 0;
	 text-decoration:none; 
	 line-height: 36px !important;
	 padding: 7px 40px; 
	 color: #fff !important; 
	 background-color: #d7410b; 
	 overflow:hidden;
	 font-size: 18px;
	 font-weight: bold;
	 -moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
 a.primaryButtonRed:hover {
	 background-color: #000; 
	 text-decoration:none !important; 
	 color: #FFF !important;}
	
	
	
	a.primaryButtonBlue{
	  color: #0096d6 !important; 
	 background-color: #fff; 
	 border:1px solid #0096d6;
	 margin:15px 0 15px 0;	 
	 text-decoration:none; 
	 line-height: 36px !important;
	 padding: 7px 40px; 	
	 overflow:hidden;
	 font-size: 18px;
	 
	 -moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
 a.primaryButtonBlue:hover {
	 background-color: #0096d6; 
	 border:1px solid #0096d6;
	 text-decoration:none !important; 
	 color: #FFF !important;
	 transform: scale(0.9);
	 }

	 
	 
a.primaryButtonBlue2 {
    font-size: 18px;
    color:  #0096d6;
    height: 52px;
    line-height: 52px;
    border: 1px solid  #0096d6;
    border-radius: 3px;
    padding: 0 35px;
    display: inline-block;
    transition: all 0.3s linear 0s;
}

a.primaryButtonBlue2:hover {
	font-size: 18px;
	/*background-color: #0096d6; 
	color: #FFF !important;*/
    transform: scale(0.9);
}	 

a.primaryButtonGold {
    font-size: 18px;
    color:  #D09400;
    height: 52px;
    line-height: 52px;
    border: 1px solid  #D09400;
    border-radius: 3px;
    padding: 0 35px;
    display: inline-block;
    transition: all 0.3s linear 0s;
}

a.primaryButtonGold:hover {
	font-size: 18px;
	/*background-color: #0096d6; 
	color: #FFF !important;*/
    transform: scale(0.9);
}	 
	

.Programm	{
	
	text-align:left;
}
.Programm td{
	border-collapse: collapse;
	vertical-align: top; /* Выравнивание по верхнему краю ячеек */ 	
	border:0;
	border-bottom:solid 1px #e5e8e8;
	padding-bottom:15px;
}	


.stolb1 {
	width:25%;
}


.image-wrap {
    width: 1920px;
    
    height: 500px;
    
    overflow: hidden;
    position: relative;
    
    border: 4px solid #000;
}

.image-helper {
    position: absolute;
    top: 0;       left: -9999px;
    bottom: 0;    right: -9999px;
}

.image-wrap img {
    display: block;
    width:auto;
    height: 100%;
    
    margin: auto;
}