@import url('reset.css');
/* Базовый стил для адаптивной картинки */
		/*для изменения цвета подстроки в меню при наведении мышки*/
	h5{font-style: italic;
		font-size:20px;
		line-height:  1.5;
		color:#fff;}
	h4{font-size:24px;	
		text-transform: uppercase;color: #1693eb;}
	hr{background-color:#ffffff;height: 1px;}
		
/*img {
  width: 100%;
  height: auto;
}*/


.topKnopka{
outline:0px solid #FF00AE;
vertical-align:top;
}	
.zagolovokKnopka{
	outline:0px solid #FF00AE;
	height:45px;
}

/* Базовые стили демо страницы */
html,body {
  height: 100%;  				/*для подвала прижатого к низу  http://verstka.pro/notes/prizhatyy-k-nizu-futer.html*/
   font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:16px;
	color:#fff;
	width: 100%;
	margin: 0 auto;
     /* background-image:url('../images/bg4.jpg'); /* Местоположение фоновой картинки */
	  
	 /* background-position: center center;     /* Фоновое изображение выровнено по центру в горизонтальной и вертикальной плоскостях */ 			
			/*background-attachment: fixed;           /* Фон зафиксирован в области просмотра и потому не двигается, когда высота контента превышает высоту изображения */
			/*background-repeat: no-repeat;           /* Фон не повторяется */
			/*background-size: contain;                 /* Это свойство заставляет фон менять масштаб при изменении размеров содержащего его контейнера*/ 
			/*background-color: #242424;                  /* Цвет фона, который будет отображаться при загрузке фоновой картинки*/ 			
			/*backgound-position: 50% 50%;
			/*background-size: cover;*/
}

html {
        background: url(../images/bg4.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		background-color: #242424;
}

a{
	color:#fff;
	text-decoration:none;
}
/*переход по якорю меняет цвет надпись ссылке*/
a:target {
    color: #1693EB;}

	#obshBlock{
		min-height: 100%;					
		outline:0px solid #FF50F6;
		width: 100%;
		max-width:1000px;
		min-width:240px;
		margin:30px auto;
		/*padding-left:30px;
		padding-right:30px;*/
		
	}

/*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;}


/*РАЗДЕЛ 2 ОБО МНЕ*/
		.st-resume{
				outline: 0px solid #1693EB;		
				max-width:800px;
				min-width:240px;
				margin:0 auto;
			}


		.st-resume h2{
			font-size:30px;		
			color:#1693EB;
			padding: 20px 0px 20px 0px; 
			text-align:center;
		}

		.st-resume h3{
			font-size:26px;		
			color:#1693EB;	
			text-align:left;
			padding: 20px 0px 10px 0px; 
		}

			.st-resume li, p{		
				font-size:18px;
				line-height:  1.5;
				color:#fff;
				/*padding: 0px 4px 15px 4px;*/
				list-style: none; /* Скрываем маркеры списка */
			text-indent: -1em; /* Сдвигаем элементы списка влево */
			}
			.st-resume li::before{	
			margin-left:30px;	
			content: '\25AA'; /* Добавляем маркер в шестнадцатеричном формате*/
			padding-right: 20px; /* Расстояние от маркеров до текста */
			color: #1693EB; /* Маркеры красного цвета */
		   }
		   
		   
		.head-contact   {
		outline:0px solid #FF00AE;
		margin:0 auto;
		}
		.gorod img, .mail img, .phone img{	
			outline:0px solid #92F134;
			width:100px;
			height:100px;
			text-align: left;
		}
		.head-contact table{ margin: auto; }/* Выравниваем таблицу по центру окна  */
		.head-contact td {border: 0px solid grey;
				font-size:20px;
				line-height:  1.5;
				color:#fff;
				text-align: left;		
		}


		@media screen and (max-width: 650px) {
			.head-contact table td{  display: block;	padding:0px;}
			.head-contact td {text-align: center;}
			
		}

		@media screen and (max-width: 1000px) {	
			.gorod img, .mail img, .phone img{	
				width:80px;
				height:80px;
			}


			.head-contact td{
			font-size:18px;
			}

			.st-resume li, p{		
					font-size:16px;
			}

			.st-resume h2{
			font-size:26px;	}

			.st-resume h3{
				font-size:20px;
			}
			/*.st-resume, .minNav{
			padding-left:30px;
			padding-right:30px;
			}*/			
		}
/*КОНЕЦ РАЗДЕЛ 2 ОБО МНЕ*/			
			
/* АДАПТИВНЫЙ АККОРДЕОН------------------*/
	.wrapper{
		width:100%;
		outline:0px solid #FF00AE;
	}
	.st-accordion{
		width:100%;
		min-width:240px;
		margin: 0 auto;
	}
	.st-accordion ul li{
		height: 100px;
		border-bottom: 1px solid #c7deef;
		border-top:1px solid #fff;
		overflow: hidden;
	}
	.st-accordion ul li:first-child{
		border-top:none;
	}
	.st-accordion ul li > a{
		font-size:24px;	
		text-transform: uppercase;
		font-weight: normal;
		/*text-shadow: 1px 1px 1px #fff;*/		
		display: block;
		position: relative;		
		padding-right:30px;		
		/*line-height: 100px;*/
		line-height:100px;
		outline:none;
		
		-webkit-transition:  color 0.2s ease-in-out;
		-moz-transition:  color 0.2s ease-in-out;
		-o-transition:  color 0.2s ease-in-out;
		-ms-transition:  color 0.2s ease-in-out;
		transition:  color 0.2s ease-in-out;
	}
	.st-accordion ul li > a span{
		background: transparent url(../img/down.png) no-repeat center center;
		text-indent:-9000px;
		width: 26px;
		height: 26px;
		position: absolute;
		top: 50%;
		right: -26px;
		margin-top: -7px;
		opacity:0;
		-webkit-transition:  all 0.2s ease-in-out;
		-moz-transition:  all 0.2s ease-in-out;
		-o-transition:  all 0.2s ease-in-out;
		-ms-transition:  all 0.2s ease-in-out;
		transition:  all 0.2s ease-in-out;
	}
	.st-accordion ul li > a:hover{
		color: #1693eb;  /*при наведении цвет меняем*/
	}
	.st-accordion ul li > a:hover span{
		opacity:1;
		right: 10px;
	}
	.st-accordion ul li.st-open > a{
		color: #1693eb;
	}
	.st-accordion ul li.st-open > a span{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		transform:rotate(180deg);
		right:10px;
		opacity:1;
	}
	.st-content{
		outline:0px solid #EBEBEB;
		padding: 5px 0px 30px 0px;		
	}
	.st-content p{
		font-style: italic;
		font-size:20px;
		line-height:  1.5;
		color:#fff;
		padding: 0px 4px 15px 20px; 
	}
	
	.st-content img{
		width: 100%;
		padding: 0px 0px 20px 0px; 
	}
	
	
	span.zagolovok {
	font-size:20px;	
	text-transform: uppercase;
	color:#1693eb;		
	}
	

	span.TextBlue{
		font-style: normal;
		font-size:20px;	
		line-height:  2;
		color:#1693eb;
	}
	h2{
		font-size:20px;	
		text-transform: uppercase;	
		color:#fff;
		padding:20px 0 10px 0px;
	}
	
	h3 {
	font-size:20px;	
	text-transform: uppercase;
	color:#1693eb;	
	padding:10px 0 10px 0px;
	}

	.btLine{
	margin:10px 0 10px 0px;
height:1px;
background:#1693EB;
}
	span.zagolovokWhite{
		font-size:20px;	
		text-transform: uppercase;	
		color:#fff;
	}
	span.Blue{		
		color:#1693eb;
	}

	
/* КОНЕЦ АДАПТИВНЫЙ АККОРДЕОН------------------*/



/*---------FOOTER------------------------------------*/
	html,body {
	  height: 100%;
	  padding:0px;
	}
	.wrapper {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	}
	.content {
	  flex: 1 0 auto;
	}
	.footer {
		flex: 0 0 auto;	  
	  /*background-color:#f5f5f5;*/
	 	opacity: 0.7;
		outline:0px solid #92F134;
		width:100%;
		height:50px;
		background: #1A1A1A;	  
	}
	.containerFooter{
		background-color:#5A5A5A;
		 height:50px;
	}
	.footer  p{
	  padding-top:15px;
	  font-size:14px;
	  color:#fff;
	  text-align:center;
	  /*color:#767676;*/
	  /*background-color:#E2161A;*/	 
	}

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




/*--------------МЕНЮ БОЛЬШОЕ-------------------------------*/
	.minNav{
		display: none;
		}
	.razdel_zagol{
		position:absolute;
		top:0px;
	}
	nav.big{
		width:100%;
		
		outline:0px solid #B34EE9;
	}	
	nav.big  ul {
		padding-left:0px;
		list-style: none;
		overflow: hidden;
	}
	nav.big  li a{	
		padding: 10px 0px 10px 0px;
		float: left;	
		background:transparent url(../images/overlay.png) no-repeat bottom right;
		color:#fff;	
		font: 700 12px/1.4 'PT Serif', Helvetica, Verdana, Arial, sans-serif;	
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		border-right: 0px solid #fff;
		width: 16.6%;
	}

	.bt1{
		outline:0px solid #00FFA9;
		padding-left:15px;
		font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
		font-size:18px;
		font-weight: normal;	
		text-transform: uppercase;
		color:#fff;		
		text-align: left;
		text-shadow:1px 1px 1px #000;
	}

	.bt2{
		font-size:10px;	
		font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
		padding:5px 0px 0px 35px;
		font-weight: normal;
		text-transform: uppercase;	
		color:#0B75AF;
		
		text-align: left;		
	}	
		
		/*для изменения цвета подстроки в меню при наведении мышки*/
		#st1 .bt3,#st2 .bt3,#st3 .bt3,#st4 .bt3,#st5 .bt3,#st6 .bt3,
		#st11 .bt3,#st22 .bt3,#st33 .bt3,#st44 .bt3,#st55 .bt3,#st66 .bt3{
			color:#000;
		}	
		
		

	/*АКТИВНОЕ СОСТОЯНИЕ*/

	 nav.big li a:hover
	 {
		background:#1693eb;			
		/*background:transparent url(../images/overlay_blue.png) no-repeat bottom right;*/
		/*background:transparent url(../images/1_mini.jpg) no-repeat bottom right;*/
	 }

	/*СТИЛЬ ДЛЯ АКТИВНОГО МЕНЮ*/
	 nav.big li a.active{     
	 background:#1693eb;		}
	 
	 nav.big li a.active .bt2{
		 color:#000;
	 }
	 
/*--КОНЕЦ МЕНЮ БОЛЬШОЕ-------------------------------*/ 


a.primaryButtonBlue2{

	  color: #fff !important; 
	/* background: linear-gradient(to right, #2A2A2A, #111111);*/
	 background-color:#2A2A2A;
	 width: 100px;
	 height:100px;
	
	 border:1px solid #fff;
	/* margin:15px 0 15px 0;	 
	 text-decoration:none; 	 
	padding: 10px 50px 10px 50px; 	
	 overflow:hidden;
	 font-size:20px;	
	text-transform: uppercase;
	line-height:  2;*/
			/*-moz-box-shadow:0px 0px 2px #000 inset;
			-webkit-box-shadow:0px 0px 2px #000 inset;
			box-shadow:0px 0px 2px #000 inset;*/
	/* -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.primaryButtonBlue2:hover {
	 background-color: #0B75AF; 
	 border:1px solid #0B75AF;
	 text-decoration:none !important; 
	 color: #FFF !important;}

a.primaryButtonBlue{
	  color: #fff !important; 
	/* background: rgba(11, 117, 175, 0.8); */
	background:#1693EB;
	 border:1px solid #1693EB;
	 /*margin:15px 0 15px 0;	 */
	 text-decoration:none; 
	 line-height: 20px !important;
	 padding: 10px 40px 10px 40px; 	
	 overflow:hidden;
	 font-size: 20px;
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
	 
 a.primaryButtonBlue:hover {
	 background-color: #000; 
	 border:1px solid #000;
	 text-decoration:none !important; 
	 color: #FFF !important;}
	
.btDemo{
	outline:0px solid #FFDD00;
	 width: 100%;
}
.btDemo{
	outline:0px solid #6B2E8B;
	vertical-align: top; /* Выравнивание по верхнему краю ячеек */
}
.tdLeft{

	float:left;
}

.tdRight{
	float:right;	
}



/*-----------------------------------------*/
.job_item span.up,
.job_item span.down  {
    cursor: pointer;
    color:#0096В6;
    display: none;
	
}
.job_item .job_desc {
    display: none;
}
.job_item .up span.up,
.job_item .down span.down  {
    display: inline;
}
.job_item .down .job_desc {
    display: block;
}
.up{
outline: 0px solid #D0FF00;
}

.up  img{
		width:100px;
		height:auto;
		
		}

.down  img{
		width:100px;
		height:auto;
		}

.job_desc img{
width:100%;
		height:auto;
}
/*---------------------------------------------*/
/* Демо-страница: медиа запросы */
 		

@media screen and (max-width: 1000px) {	
	h4{
		font-size:20px;			
		line-height:40px;
		}
		h5{		
		font-size:18px;
		line-height:  1.2;
		}		

		.minNav{display: block;}
			nav {display: none;}				
		.blokRight{
			width:250px;			
		}		
		.minNav ul{		
				
				display: none;
				width:100%;			 
				height:auto;
				list-style: none;
				position: absolute; /*что бы разворачивался не вытесняя содержимое*/						
				z-index:11;
				/*background-color:#111;*/
		}	
		.minNav li{			
		
			width:100%;
			padding:20px 0 20px 0;
			background:#111111;
			background: linear-gradient(to bottom, #2A2A2A, #111111);
			-moz-box-shadow:0px 0px 2px #000 inset;
			-webkit-box-shadow:0px 0px 2px #000 inset;
			box-shadow:0px 0px 2px #000 inset;	
			display: block;
			clear: left;
			z-index:12;			
		}		
		.minNav li a{
			text-decoration: none;
			color:#fff;				
			text-align: left;			
			width:100%;
			height:100%;
			z-index:12;			
			/*background:transparent url(../images/overlay.png) no-repeat bottom right;*/					
		}
	
		section.basic{padding-top:0px;}
		.bt1{			
			font-size:18px;
			text-transform:uppercase;
			text-shadow:1px 1px 1px #000;
			font-weight: normal;		
			color:#fff;		
			text-align: left;			
		}
		.bt2{			
			font-size:10px;
			color:#0B75AF;
			padding:5px 0px 0px 25px;
			font-weight: normal;
			text-transform: uppercase;	
			text-align: left
		}		
		.minNav li:hover, .minNav li:active {
			background: #1693eb;
			/*color:#0096D6;*/
		}		
		.minNav a#pull {
			display: block;
			width: 100%;
			position:relative;
			margin-bottom:30px;
		}
		.minNav a#pull {
			content:"";
			background: url('../images/nav-icon.png') no-repeat;
			width: 115px;
			height: 80px;
			display: inline-block;
			position: relative;			
		}
		.minNav a#pull:hover, .minNav a#pull:active {			
			background: url('../images/nav-icon-active.png') no-repeat;	
		}
		
		/*ОФОРМЛЕНИЕ АККОРДИОНА*/
		.st-accordion ul li{
		height: 80px;		
		}		
		.st-accordion ul li > a{
		font-size:20px;			
		line-height:40px;
		}
		.st-content p, span.zagolovok, span.TextBlue, span.zagolovokWhite{		
		font-size:18px;
		line-height:  1.2;
		}	
		a.primaryButtonBlue{
		 line-height: 1 !important;
		 font-size: 18px;
		 }
		h2, h3{font-size:18px;}
		
		/*КОНЕЦ ОФОРМЛЕНИЕ АККОРДИОНА*/
		
	}	

@media screen and (max-width: 400px) {	
		h4{		
		font-size:16px;	
		line-height:25px;
		}
	h5{		
		font-size:14px;
		line-height:  1.2;
		}	
	.st-accordion ul li{
		height: 80px;}
		
		.st-accordion ul li > a{		
		font-size:16px;	
		line-height:25px;
		}
		.st-content p, span.zagolovok, span.TextBlue, span.zagolovokWhite{		
		font-size:14px;
		line-height:  1.2;
		}	
		h2, h3{font-size:14px;}
	
	a.primaryButtonBlue{
	 line-height: 1 !important;
	 font-size: 14px;
	 }

}