@font-face { font-family: 'Fira'; src: url('./fonts/Fira_Sans_Extra_Condensed/FiraSansExtraCondensed-Light.ttf') format('truetype'); font-weight:200; font-style:200; }
@font-face { font-family: 'Fira'; src: url('./fonts/Fira_Sans_Extra_Condensed/FiraSansExtraCondensed-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Fira'; src: url('./fonts/Fira_Sans_Extra_Condensed/FiraSansExtraCondensed-SemiBold.ttf') format('truetype'); font-weight: bold; font-style: bold; }

html { min-height:100% }
body {
	position:relative; margin:0px; padding:0px; height:100%; width:100%; min-height:100%;
}

*, td, tr, th { 
    font-size:16px; 
    font-family: Helvetica,Arial,sans-serif;
    color: #000;  
    line-height: 1.5 !important; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
article {text-align: left; }
ol, ul { margin:0; margin:0;}
li {padding:3px 0 3px 0; display:table-inline;}
sub, sup {font-size:smaller; color:inherit; }
figure { float:right;} 
a, a * { color:#3030be; }

h1, .h1 {font-weight:bold; font-size:38px; font-family:Fira; line-height: 1.2 !important; }
div.logo h1 { font-family:Helvetica;}
h2, .h2 { font-weight:bold; font-size:32px; font-family:Fira;  text-decoration:none;}
.h2 { margin:20px 0;}
a h2 { display:inline-block;}
h3, .h3, .h3_fon {font-size:26px; font-weight:bold; font-family:Fira; text-decoration:none; color:#000;} 
.h3_fon { color:#333399; border: 1px solid #6699cc; border-width: 1px 0 1px 0; padding:5px 0 5px 0;}
h4, .h4 {font-size:21px; font-family: 'Fira',Helvetica,Arial; font-weight:bold;}
.h4 {text-decoration:none; color:#000 !important;} 

.vazhno, .vosklznak {display:table; font-weight:bold; color:#fff; padding:21px; padding-left:70px; -moz-border-radius:10px;  -webkit-border-radius:10px; border-radius:10px; border-width:0px}
.vazhno  { background: url(./images/kav3.png) left top no-repeat #757575; }
.vazhno strong { color:#ffff00 !important; } 
.vosklznak { background: url(./images/vosklznak.png) left top no-repeat #1976D2; }
.vosklznak strong { color:#ffff00 !important; } 
.blure { color:#000099; }

.table_wrap { overflow-x:auto; max-width:100%; }

table { margin-top:5px; border-collapse:collapse; border-spacing:0; border:0; border-top:1px solid #3397db; border-bottom:1px solid #B1C0D0; cursor: default; width:100%; position:static; }
table caption { text-align:left; padding:3px 0; line-height:1.43; font-size: 13px; font-weight:bold; }
table th, thead td { background:#bdd4eb !important; border-bottom:1px solid #3397db; font-weight:normal; color:#000066; word-break: normal; }
table th, table td { text-align:center; vertical-align:middle; padding:3px 10px; }
table tbody th:first-child  { text-align:left; }
table tr:nth-child(2n) { background: #F0F3F6; } 
table tr td:first-child { text-align:left; background:rgba(66,102,140,0.07); }
table td {  border-top:1px solid #B1C0D0; word-break: normal; }

.formula { 
	font-size:24px;
	//font-family: 'Oswald',Helvetica,Arial; 
  font-weight:bold; 
	display:table;
	background: url(./images/formula.jpg) left top repeat-y #F0F3F6; 
	padding:16px; 
	padding-left:40px; 
	margin:10px 0 10px 0;
	color:#006;
	line-height: 1,5;
	-moz-border-radius:10px;  -webkit-border-radius:10px; border-radius:10px;
	border: 1px solid #B1C0D0;
}
.formula .prim, .formula-table * .prim {font-size:16px; font-weight:normal;}



table.formula-table { width:auto; background: url(./images/formula.jpg) left top repeat-y #F0F3F6 !important; box-shadow: 0 2px 9px 2px rgba(0, 0, 0, .15); }
table.formula-table tr {background-color:transparent !important; }
//table.formula-table tr:first-child  { background: url(./images/formula.jpg) left top repeat-y;}
table.formula-table tr:first-child td:first-child { padding-left:40px; padding-right:10px; }
table.formula-table tr:first-child td:last-child { padding-right:20px; }
table.formula-table tr td:first-child { text-align:center; background:inherit; }
table.formula-table tr td.line {  border-bottom:2px solid #006 !important;  } 
table.formula-table td { border-width:0px;  font-size:24px; font-weight:bold; color:#006; padding:3px;}
//table.formula-table tr nth-child(2n+1) {  padding-right:3px; } 
//table.formula-table tr td:nth-child(2n) {  padding-right:0px; } 
table.formula-table { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border-width: 0px; }

tr.spec-row, td.spec-row  {background-color:#1976D2 !important; }
tr.spec-row td, td.spec-row { color:#fff !important; }

.admin_comment { 
    background: url(./images/content/admin-s.jpg) left top no-repeat #ececec; 
    display:table; 
    padding:21px !important; padding-left:100px !important;
    margin:5px 0 5px 0;
    -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 
    border:0px solid #6699cc;
 } 
.font-uzkij, .font-uzkij * {
    font-family: 'Fira',Helvetica,Arial; 
    font-weight:bold;
    font-size:20px;
}

.img-left {float:left; margin-right:15px; margin-bottom:15px; }
.img-left-margin {float:left; margin:15px;}
.img-right {float:right; margin-left:15px; margin-bottom:15px; }
.img100p { width: 100%; height:auto;  }
.img-small { float:left; margin:0 15px 15px 0;} /* ширина менее 300px*/
.img-medium {float:left; margin:0 15px 15px 0;} /* ширина от 400px*/
.img-big {display: block; margin-left: auto; margin-right: auto; } 

.read-more {color:#003399; white-space:nowrap; }
.text_spec .read-more {text-decoration:none; color:#666; font-weight:bold; }
.text_spec .read-more:hover {color:#000; }
.width50p {width:50%; }
.width40p {width:40%; }

/*--------------- ГЛАВНАЯ СТРАНИЦА ----------------------*/

div.menu_cat ul {margin:0; padding:0;}
div.menu_cat ul li { list-style: none; display: inline; margin:0;}
div.menu_cat ul li a { text-decoration:none; padding:5px 10px 5px 10px; margin:0 2px 4px; display:inline-block;  white-space:nowrap; background: #b5d0f4; color:#333; }
div.menu_cat ul li a:hover {color:#000; background: #b2c5dd; }

ul.articles_block {margin:0; padding:0;}
ul.articles_block li { list-style: none; margin:0 5px; display: inline-block; width:188px; vertical-align: top;}
ul.articles_block li a {font-family: 'Fira', Helvetica,Arial; color:#003366; font-size:17px; text-decoration:none;}
ul.articles_block li img {width:188px; height:auto;}

/*--------------- КАТЕГОРИИ ----------------------*/

ul.spec_article { margin:0; padding:0; margin-bottom:20px; }
ul.spec_article li { list-style: none; margin:0; display: inline-block; vertical-align:top; padding:0px;}
ul.spec_article li img { padding:0px; margin:0px;}
ul.spec_article li.img { width:auto;}
ul.spec_article li.text { width: calc(100% - 350px); text-align: left; padding-left:20px;}
ul.spec_article li.text h3 { margin:0px; margin-bottom:5px;}

ul.last_article { margin:0; padding:0; margin-bottom:20px; }
ul.last_article li { list-style: none; margin:0; display: inline-block; vertical-align:top; padding:0px;}
ul.last_article li img { padding:0px; margin:0px; height:112px;}
ul.last_article li.img { width:auto;}
ul.last_article li.text { width: calc(100% - 220px); text-align: left; padding-left:20px;}
ul.last_article li.text h4 { margin:0px; margin-bottom:5px; color:#000 !important;}

div.main, nav.menu, div.logo, div.footer {max-width:1020px; margin: auto;  min-height:100%;}
div.main { 
  min-height:100%; 
}
div.logo_fon { background-color:#2196f3; }
div.logo {padding:10px 0 10px 0; }
.logo, div.logo h1 { font-size: 25px; font-weight:bold; color:#FFF !important; text-decoration:none; margin:0; }
/* скрываем чекбоксы и блоки с содержанием */
.hide { display: none; }
.hide + label { }
label.menu { border:1px solid #fff; padding:0px 6px 0 6px; margin-left:5px; display:none; cursor: pointer; font-size: 25px; font-weight:bold; color:#FFF}
label.menu2 {display:inline; float:left; border:1px solid #1976D2; margin-left:1%; margin-top: 6px; padding:0px 6px 2px 6px; font-size:19px; font-weight:bold; cursor: pointer; color:#FFF}
label.menu2:hover { border:1px solid #fff; }
label.menu1 { z-index:100; display:none; cursor: pointer; background: url(./images/close_menu.png) repeat-y top center #000066; width:30px; }
label.menu:hover {	color: #ffff00; border:1px solid #ffff00; }
.input2 {display:none;}
.input2:checked + label.menu2 + ul.main li.hide_menu {
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; transition:color 0.3s ease-in-out 0s;
    display: inline;  
}

/*--------------- меню ----------------------*/

div.menu_fon, nav.menu, nav.menu ul { background-color:#1976D2; display:block; }
nav.menu {z-index:100;  display:block; height:auto;}
nav.menu ul { position: relative; list-style: none; padding:0; margin:0; line-height: 30px;  display:table;}
nav.menu li { float: left; list-style: none; margin:0; padding:0; }
nav.menu ul.sub li { float:none; min-width:170px; }
nav.menu li a { padding:10px; color: #fff; text-decoration: none; display:block;  white-space:nowrap;}
nav.menu li a:hover { background: #0d47a1; }
nav.menu li.main:hover ul.sub { z-index:100; display:inherit; position:absolute; box-shadow: 5px 2px 9px 0px rgba(0, 0, 0, .4); }
nav.menu ul.sub { display:none;}
nav.menu li.hide_menu { display:none;}

div.main_center .zag_article { font-family: 'Fira',Helvetica,Arial; font-size:21px; font-weight:bold; color:#000; }

/*-----------------------------------------------------*/
/*                pages_similar                 */
/*-----------------------------------------------------*/
div.main_right .h2 { font-size:19px; padding-left:3%; margin-bottom:1.5%; margin-top:0.5%; color:#000; }

ul.pages_similar { margin:0; padding:0; display:table;}
ul.pages_similar li { float:left; width:96%; list-style: none; background-color:#fff; margin:0; margin-bottom:2%;  padding:2%; display:block; }
ul.pages_similar li a { text-decoration:none; }
ul.pages_similar li a:hover { }
.zag_article { 
    font-size:19px; 
    //color:#000066;  
    text-decoration:none; 
    //font-family: 'Roboto Condensed',Helvetica,Arial; 
    font-family: 'Fira',Helvetica,Arial; 
    font-weight:normal; 
    margin:0 auto 0 0;
    } 
ul.pages_similar img { max-width:100%; height:auto;}
ul.pages_similar div.linenavigator *, ul.pages_similar .avtor, ul.pages_similar .avtor *  {font-family: 'Fira',Helvetica,Arial; font-weight:200; }
ul.pages_similar .avtor a:hover {text-decoration:underline;}

/* linenavigator */
div.linenavigator { padding-top:10px; }
div.linenavigator * { text-decoration:none; font-weight: normal; color:#333; }
div.linenavigator a:hover { text-decoration:underline;}
/* soderjanie */
div.soderjanie { float:right; max-width:45%; min-width:40%; background: #ebf0f6; padding: 10px 10px 10px 0; margin-left:2%; margin-bottom:10px;  }
div.soderjanie ul { padding:0; margin:0; margin-top:8px; }
div.soderjanie ul li { list-style: square outside; padding: 3px 0 3px 0; }
div.soderjanie img {padding: 0 10px 0 10px; float:left;}
div.soderjanie ul.name {margin:0; }
div.soderjanie ul.name li {list-style: none; padding:0; font-size:small; }
div.soderjanie ul.name li.avtor {font-weight:bold; font-size:inhebit; padding-bottom:5px;}

div.avtor_img {width:250px; float:left; background-color:#ebf0f6; margin-top:5px; margin-right:15px; }
div.avtor_img p {padding-left:5px;}
div.avtor_img ul {margin-bottom:10px !important; }
div.avtor_img li {list-style:none !important; padding-bottom:0px !important; font-weight:bold;}

div.article img {max-width:100%; height:auto;}
div.article ul { padding:0; margin:0; }
div.article ul li { list-style: url(./images/li.png) inside; padding:5px; margin-left:1px;  }
div.article ul li ul li { list-style: square inside; padding:5px; margin-left:15px;  }
.video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden; } 
.video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width:100%; height:100%; }

.yashare-auto-init {padding:15px 3% 15px 3%; background-color:#f0f0f0;}
.ya-share2 a { color:#FFF !important;}
.b-share-icon { color:#FFF !important;}

span.yes { color:#009900; font-weight:bold; }
span.no { color: #CC0000; font-weight:bold; }
span.ostorozhno { color: #FCA000; font-weight:bold; }

div.navigator {margin-top:20px; font-weight:bold;}
div.navigator a {margin:5px; padding:10px 15px 10px 15px; background:#A7CC00; color:#FFF; width:55px; font-size:large; text-decoration:none;}
div.navigator a:hover {background: #690; }
div.navigator a.selected {color: #FFF; background-color:#F90;}

.clearfix:after {
		content: " ";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		padding:0;
		margin:0;
}
.animate{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}

div.footer_fon { background:#333; }
div.footer {  padding-top:15px; padding-bottom:15px; }
div.footer * {color: #CCC;}
div.footer div.left { max-width:38%; float:left; padding:0 1% 0 1%; }
div.footer div.left a { float:none;}
div.footer div.center { max-width:22%; min-width:180px; float:left; padding:0 1% 0 1%; }
div.footer div.right { max-width:34%; float:left; padding:0 1% 0 1%; }
div.footer div.right div.zagolovok { background: #4E4E4E; padding:5px; font-weight:bold; }

div.footer div.menu { background:#666; margin:0; padding:0; display:block;}
div.footer div.menu ul { margin:0; padding:0; display:table;}
div.footer div.menu li { float:left; list-style: none; white-space: nowrap; margin:1px; padding:1px;}
div.footer div.menu li a { white-space:nowrap; padding:10px; margin:0; color: #CCC; text-decoration:none;}
div.footer div.menu li a:hover { background: #999; color: #333; }

/*Стили для адаптивных картинок*/
.img-responsive{
    display: block;
    max-width: 100%; /* ширина, размеры в процентах*/
    width: auto\9; /* ie8 */
    margin: 20px 0px; /* отступы сверху и снизу */
    background: #fff; /* для красоты цвет заполнения  */
    padding: 4px;  /* для красоты внутренние отступы */
    border: 1px solid #ddd; /* для красоты рамка серым цветом */
}

.images-post img {
max-width: 500px;
width:expression(this.width > 500 ? "500px" : this.width);
}

@media (min-width: 1400px ) { }

@media (max-width: 1140px ) {
div.logo { margin-left:5px;}
}

@media (max-width: 800px){
.admin {display:none;}
div.main { padding:0 1%; margin:0; background-color:#fff;  }
div.main_center { width:100%; }
div.main_right { width:100%; padding-top:5px; padding-left: 1%; padding-right: 1%;	}

div.main_right .h2 { font-size:23px; color:#0d417b;}
ul.pages_similar { }
ul.pages_similar li { height:100%; min-height:430px; width:47.5%; padding:1%; margin-bottom:1%; background: #F0F3F6; }
ul.pages_similar li:nth-child(2n+1) { margin-right:1%; } 
ul.pages_similar .zag_article { font-size:23px;}

div.footer div.left { max-width: 48%; }
div.footer div.center { max-width: 47%; }
div.footer div.right {max-width: 47%; padding-top:20px;}
div.soderjanie { float:none; max-width:100%; margin:0;}

}

@media (max-width: 710px){ /* 768 */

ul.spec_article li.text { width:calc(100% - 220px);}
ul.spec_article li.img img{ width:200px; height:auto;}

}

@media (max-width: 600px){

div.article img.img-big { width: 100%; height:100%; }
div.article img.img-medium { float:none; display: block; margin: 0 auto; }

ul.spec_article li.text, ul.spec_article li.img { display:block; padding: 20px 0 0 0; width:auto;}
ul.spec_article li.img img{ width:100%; height:100%;}

}

@media (max-width: 480px){


div.article img.img-medium { float:none; margin:0; text-align:center; }
div.article img.img-small { float:none; display: block; margin: 0 auto; }

ul.pages_similar li { width:98%; padding:1%; margin-bottom:1%; margin-right:0%; height:100%; min-height:100%; }

div.footer div.left { max-width: 98%; }
div.footer div.center { max-width: 98%; }
div.footer div.right {max-width: 98%; }

ul.last_article li.text, ul.last_article li.img { display:block; padding: 20px 0 0 0; width:auto;}
ul.last_article li.img img{ width:100%; height:100%;}
}

@media (max-width: 480px){
	/*
ul.articles_block {margin:0; padding:0;}
ul.articles_block li { display: block; width:100%; }
ul.articles_block li a { font-size:1.4em; font-weight:bold; }
ul.articles_block li img {width:100%; height:auto;}
*/
}

@media (max-width: 360px){

article img {float: none; padding:0; padding:0; max-width:352px; }
h2, .h2 {  font-family: 'Fira',Helvetica,Arial;}
//div.soderjanie ul { float:none; width:100% !important; }
}


/* Смартфоны (Портрет и ландшафтный) */
/* @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {} */

 
/* Смартфоны (ландшафтный) */
/* @media only screen and (min-width : 321px) {} */

 
/* Смартфоны (portrait) */
/* @media only screen and (max-width : 320px) {} */

 
/* iPads (Портрет и Ландшафтный) */
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {} */
 
/* iPads (Ландшафтный) */
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {} */
 
/* iPads (Портрет) */
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} */
 
/* Настольные компьютеры и ноутбуки */
/* @media only screen and (min-width : 1224px) {} */


/* Большие экраны */
/* @media only screen and (min-width : 1824px) {} */

/* iPhone */
/*@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {}  */