html, body, div, span, applet, object, iframe,
h1,h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html {height: 100%;}

body {
	height: 100%;
	
	font: 14px/24px Arial, Tahoma, sans-serif;
	/**background-image: url(../images/bg.jpg);**/
	background-repeat: repeat-x;
    background-color: #0a0b1b;	
}

@media (max-width: 768px) {
	body{
	background-image: url(../images/Fon_min.jpg);
	background-repeat: repeat-x;
    background-color: #0a0b1b;  
	}
}
@media(max-width:480px){
	body{
	background-image: url(../images/Fon_min.jpg);
	background-repeat: repeat-x;
    background-color: #0a0b1b; 
	}
}


/**

body {
	background-image: url('bg.jpg');
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: 50px 0px;
	background-color: #0a0b1b;
}
**/

ol, ul {list-style: none;}
 {
	margin: 0;
	padding: 0;
	outline: none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a, a:hover {text-decoration: none;}


.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {clear: both;}

.left {float:left;}
.right {float:right;}
.text-right {text-align: right;}

.container {
	max-width: 1250px;
	margin: 0 auto;
}

header {
	position: relative;
	padding: 10px;
	background:#0a0b1b;
	/*background: #3e4156;*/
	height:70px;
}

.logo {float: left;}
.nav {float: right;}
.nav li {float: left;}
.nav li a,
#touch-menu {
	display: block;
	padding: 12px 15px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	/*outline: 1px solid white;*/
}
.nav li a:hover,
#touch-menu:hover{background: #0554f6;}
/*{background: #59a6fc;}*/


/*вставляю коррективы*/
.fon img{
	width:70%;
	margin:15% 15% 1%;
	/*outline: 1px solid white;*/
}
@media (max-width: 768px) {
	.fon img{
	width:80%;
	margin:15% 10% 1%;
	/*outline: 1px solid white;*/
	}
}
@media(max-width:480px){
	.fon img{
	width:80%;
	margin:15% 25% 1%;
/*	outline: 1px solid white;*/
	}
}

.fon1 img{
	width:10%;
	margin:0 45% 30%;
	/*outline: 1px solid white;*/
}
@media (max-width: 768px) {
	.fon1 img{
	width:10%;
	margin:0 35% 30%;
	/*outline: 1px solid white;*/
	}
}
@media(max-width:480px){
	.fon1 img{
	width:10%;
	margin:0 60% 30%;
	/*outline: 1px solid white;*/
	}
}

.tex{
	width:60%;
	margin: 1% 20%;
}

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

h2 {

font-size:1.2em;

}
}

@media (max-width: 768px) {
	.tex{
	width:80%;
	margin:15% 10% 1%;
	/*outline: 1px solid white;*/
	}
}
@media(max-width:480px){
	.tex{
	width:80%;
	margin:15% 30% 1%;
/*	outline: 1px solid white;*/
	}
}





.icon img{
	width:70%;
	margin:15% 15% 1%;
	/*outline: 1px solid white;*/
}
@media (max-width: 768px) {
	.icon img{
	width:80%;
	margin:15% 10% 1%;
	/*outline: 1px solid white;*/
	}
}
@media(max-width:480px){
	.icon img{
	width:80%;
	margin:15% 30% 1%;
/*	outline: 1px solid white;*/
	}
}


.patent img{
	width:70%;
	margin:15% 15% 1%;
	/*outline: 1px solid white;*/
}
@media (max-width: 768px) {
	.patent img{
	width:80%;
	margin:15% 10% 1%;
	/*outline: 1px solid white;*/
	}
}
@media(max-width:480px){
	.patent img{
	width:80%;
	margin:15% 30% 1%;
/*	outline: 1px solid white;*/
	}
}

/*вставляю коррективы*/





#touch-menu {display: none;}

@media (max-width: 768px) {
	body {padding-top: 60px}
	header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 50px;
	}
	.logo img {height: 30px;}
	.nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: none;
	}
	.nav li {float: none;}
	.nav li a {
		color: #ffffff;
		border-top: 1px solid #eee;
		border-left: 3px solid transparent;
		background: #3e4156;
	}
	.nav li:first-child a {border-top: none;}
	.nav li a:hover {
		color: #333;
		border-left: 3px solid #515572;
		background: #59a6fc;
	}
	#touch-menu {
		display: block;
		float: right;
		height: 50px;
		margin: -10px 0;
	}
}
.sign{
	display:inline-block;
	max-width: 30%;
	height:auto;
    border: 1px solid #333; /* Параметры рамки */
    padding: 10px; /* Поля внутри блока */
    margin: 5px 0 5px 5px; /* Отступы вокруг */
    background: #ffffff; /* Цвет фона */
}

.sign figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 auto; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
	
}

.sign1{
	display:inline-block;
	max-width: 90%;
	height:auto;
    border: 1px solid #333; /* Параметры рамки */
    padding: 10px; /* Поля внутри блока */
    margin: 10px 10px; /* Отступы вокруг */
    background: #ffffff; /* Цвет фона */
}

.sign1 figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 auto; /* Отступы вокруг абзаца */
	padding: 0 0 0 20%; /* Поля внутри блока */
	
}


.sign3{
	display:inline-block;
	max-width: 90%;
	height:auto;
    border: 1px solid #333; /* Параметры рамки */
    padding: 10px; /* Поля внутри блока */
    margin: 0 20%; /* Отступы вокруг */
    background: #ffffff; /* Цвет фона */
}

.sign3 figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 auto; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
	
}



.tbl{
	display:inline-block;
	max-width: 92%;
	height:auto;
    border: 1px solid #333; /* Параметры рамки */
    padding: 10px; /* Поля внутри блока */
    margin: 0 auto; /* Отступы вокруг */
    background: #ffffff; /* Цвет фона */
}

.tbl figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 auto; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
	
}

.tbl2{
	display:inline-block;
	max-width: 100%;
	height:auto;
    border: 1px solid #333; /* Параметры рамки */
    padding: 10px; /* Поля внутри блока */
    margin: 0 19%; /* Отступы вокруг */
    background: #ffffff; /* Цвет фона */
}

.tbl2 figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 auto; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
	
}
@media (max-width:768px){
	.sign{max-width:48%;
	margin-top:10px;}
	.sign figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 auto; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
}
}

@media(max-width:480px){
	.sign{max-width:100%;
	margin: 2% 20%;}
	.sign figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin:2px auto;
	padding: auto; /* Поля внутри блока */
	/*outline:1px solid red;*/
}
}


@media (max-width:768px){
	.sign1{max-width:100%;
	margin: 0 20%; }
	.sign1 figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 5%; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
}
}

@media(max-width:480px){
	.sign1{max-width:100%;
	margin: 0 5%;}
	.sign1 figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin:2px 1%;
	padding: auto; /* Поля внутри блока */
	/*outline:1px solid red;*/
}
}






@media (max-width:768px){
	.tbl{width:100%;
	margin: 0 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;}
	.tbl figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 5%; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
}
}
@media(max-width:480px){
	.tbl{width:100%;
	margin: 0 auto;}
	.tbl figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin:2px 1%;
	padding: auto; /* Поля внутри блока */
	/*outline:1px solid red;*/
}
}

@media (max-width:768px){
	.tbl2{width:100%;
	margin: 0 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;}
	.tbl2 figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 5%; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
}
}
@media(max-width:480px){
	.tbl2{width:100%;
	margin: 0 auto;}
	.tbl2 figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin:2px 1%;
	padding: auto; /* Поля внутри блока */
	/*outline:1px solid red;*/
}
}



video{
	display:inline-block;
	max-width: 50%;
	height:auto;
	margin: auto 30% ;
	
}

@media(max-width:768px){
	video {max-width:60%;
	margin: 0 20% ;
	}
}

@media(max-width:480px){
	video {max-width:80%;
	margin: 0 10%;
	}
}


#fre
{

	width: 560px;
	height: 315px;
	
	margin-left:;
}



@media(max-width:768px){
	#fre {max-width:60%;
	margin: 0 20% ;
	}
}

@media(max-width:480px){
	#fre{max-width:80%;
	margin: 0 10%;
	}
}

.tbHY{
	width:100%;
	margin: 0 auto;
}


@media (max-width:768px){
	.tbHY{width:90%;
	margin: 0 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;}
	.tbHY figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin: 0 5%; /* Отступы вокруг абзаца */
	padding: auto; /* Поля внутри блока */
}
}
@media(max-width:480px){
	.tbHY{width:90%;
	margin: 0 auto;}
	.tbHY figcaption{
	display:inline-block;
	max-width: 100%;
	height:auto;
	margin:2px 1%;
	padding: auto; /* Поля внутри блока */
	/*outline:1px solid red;*/
}
}