img{
    width: 100%;
    height: auto;
}
.section-2_1{background-color: #fff;}
.section-2_2{background-color: #263133;}

h1{							
font-size: 36px;
text-align: left;
color: #263133;
font-weight: 500;
}	
h2{							
font-size: 22px;			
text-align: left;
color:#263133;
}	

h3{							
font-size: 32px;			
text-align: left;
color:  #263133;
}	

p{	
font-size: 18px;
text-align: justify;
color:#656668;
}
/*.section-2_2 p{color:#000 !important;}*/

.textBlue{color:#0078EF;}
fieldset p{color:#fff;}
.textWhite{color:#fff;}
.ZagolText{
	font-size: 46px;			
	text-align: left;
	outline:0px solid #B34EE9;
	width:60%;		
	position: absolute; /* Относительное позиционирование */	
	color:#fff;
	padding-left:0px;
	line-height: 1.3;
	top:20%;
}
.btGrey{
	border-top: 1px #656668 solid;
	
	

}
          
/*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:#253132;
		 height:80px;
	}
	.footer  p{
	  padding-top:30px;
	  font-size:14px;
	  color:#B6C1C2;	 
	}

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

/* ДЛЯ ВСЕГО САЙТА*/
body {
margin: 0;
padding:0;
background-color:#fff;
/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;*/
font-weight: 300;
font-family:"aktiv-grotesk-light",sans-serif;
color: #656668 !important; /*cерая*/
height: 100%;
width: 100%;
}
@font-face {
                font-family:aktiv-grotesk-light;                
				src: url(../fonts/AktivGroteskCorp-Light.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
                font-family:aktiv-grotesk;                
				src: url(../fonts/AktivGroteskCorp-Regular.ttf); /* Путь к файлу со шрифтом */
}


html{
    overflow-x: hidden;
}

    
a {
    color: #0078EF;
    text-decoration: none;
}
a:hover, a:active {
    color: #0078EF;
	text-decoration: underline;
}                            

/*ВЕРХНЯЯ ПЛАШКА С ЛОГОТИПОМ*/	
.section-3 {		
	 background-color: #fff;
	 height: 100px;
	}	
.container{
	max-width:1000px;
	width:100%;
	/*min-width: 240px;*/
	margin:0 auto;
	min-width: 300px;
	text-align:left;
	outline:0px solid #66B2FF; 
} 

/*ЛОГОТИП-*/
/*А если указываете размеры изображений в атрибутах (я указываю и вам советую)*/
	div.containerLogo {	
	  outline:0px solid #FF00AE;
	  width: 100%;
	  max-width: 180px;
	  text-align:left;
	}
	div.containerLogo  img{
		outline:0px solid #66B2FF; 
		max-width:100%;
		height:auto;
		text-align:left;
		}

/*ПЛАШКА С ФОТОГРАФИЕЙ*/	
.section-1 {
		background: #FFF ;
		height: auto;
		/*max-width:1920px;*/
		text-align: center;
		}
   
.blockSectionCenter{
			outline:0px solid #66B2FF; 		
			text-align:center;			
}
.blockSectionLeft{
			outline:0px solid #66B2FF; 		
			text-align:left;			
}


	/*ФОТО НА 1000----------------------------------*/
	.containeFoto_1000{
	display: none;}
	
	div.containeFoto_1000 img {
	  width: 100%;
	  height:auto;
	}
	div.containeFoto_1000{
		 outline:0px solid #3AE2CE;
		width: 100%;
		max-width: 100%;	
		padding:0;
		margin:0;	
	}

	/*ФОТО НА 1920----------------------------------*/
	.containeFoto_1920 {
	 background: #fff url("../images/top_1920.jpg") no-repeat scroll 50% 50% / cover ;
	height: 500px;
	outline:0px solid #fff; /*ГОЛУБОЙ*/
	 }
	 .foto_1920{
		 overflow:hidden;
		 height: 500px;
		 outline:0px solid #fff; /*ГОЛУБОЙ*/
	 }

	
/*РЕГИСТРАЦИОННАЯ ФОРМА*/
.regForm{
	text-align:left;
	margin-left:0px;	
}
.regFormLeft{
	width:100%;
	/*background-color: #B2E4ED;*/
}

fieldset {
	outline:0px solid #FF00AE;
border: 0px;
margin:0px;
padding:0px;
}

textarea, input {
max-width: 600px;
outline:0px solid #3FC63A;
background-color: #fff;
font-size: 18px;
padding-left:5px;
color:#656668;
font-weight: 300;
font-family:"aktiv-grotesk-light",sans-serif;
}
input{
margin:15px 0 15px 0;
height:35px;
border: 1px solid #b9b8bb;
 border-radius: 5px 5px 5px 5px;	 
}

textarea:focus,  input:focus{
	border: 1px solid #0078EE;
	background-color: #fcfcfc;
}

.widthInput input, .widthInput textarea{
	width:100%;
}
	 a.primaryButtonBlue{
		 
	padding: 10px 30px 10px 30px;
    border-radius: 30px 30px 30px 30px;	 
	 margin:30px 0 30px 0;
	 border:1px solid #0078EF;
	 text-decoration:none; 
	 
	 /*padding: 7px 40px; */
	 color: #fff !important; 
	 background-color: #0078EF; 
	 overflow:hidden;
	 font-size: 18px;	 
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
 
	a.primaryButtonBlue:hover {
	 background-color: #ffffff; 
	 text-decoration:none !important; 
	 color: #0078EF !important;
	 border:1px solid #0078EF;
	 }
/*РЕГИСТРАЦИОННАЯ ФОРМА*/
	
/*ПРОГРАММА*/
		.Programm	{
			text-align:left;
			border-collapse: collapse; 
			border-bottom:0px solid #000;
			/*margin:0;*/ 
			padding:0px;
			font-size: 16px;	
			outline:0px solid #00FFA9; 
		}
		.Programm td{
			vertical-align: top;  /*Выравнивание по верхнему краю ячеек */ 	
			/*margin:0;*/ 
			padding-bottom:5px;
			padding-top:5px;
			outline:0px solid #00FFA9; 
		}
		.Programm th{
			/* vertical-align: top; Выравнивание по верхнему краю ячеек */ 	
			font-weight: bold;
			border-top: 2px solid #000;
			border-bottom:2px solid #000;
			padding-bottom:8px;
			padding-top:8px;
			text-align:left;
		}

		#per{
		width: 160px;
		}

		.stolb1 {
			width:25%;
		}
/*END ПРОГРАММА*/


#textBlue{
	font-weight: bold;
	color: #0078EF;
}

/*МЕДИА ЗАПРОС ДЛЯ СЕКЦИЙ------------------------------*/
@media (max-width:800px){
	.regFormCenter{
		width:100%;
	}	
}
@media (max-width:850px){ 
	/*.content .section-3 {		
	  height: 180px;
	} */
}

 @media (max-width:1000px){     
     body {font-size: 16px;}
	.textCenter{text-align: center;}
	.containerLogo{padding-left:30px;}

	 .Programm	{	
	font-size: 12px;	
}
 #per{
width: 120px;
}	  
	  h1 {font-size: 30px;}
	  h2 {font-size: 18px;}
	  h3 {font-size: 26px;}
	 p{font-size: 16px;}
	 textarea, input {font-size: 16px;}
	 
		.ZagolText{display: none;}
		.containerFotoFon1{
			display: none;}
		.foto_1920{
			display: none;
		}
		.containeFoto_1000{
				display: block;
		}
			
		.footer  p{
			padding-left:30px;
		}
		div.containerLogo  img{
			max-width:80%;
			height:auto;
			outline:0px solid #F180E2; /*РОЗОВЫЙ*/
		}		
}
	
	@media (max-width:400px){
		.footer  p{
		font-size:8px;
		}
	}
/*END МЕДИА ЗАПРОС ДЛЯ СЕКЦИЙ------------------------------*/