* {
	/*font-family: 'Open Sans',Arial,Helvetica,sans-serif;*/
    /*font-family: 'PT Serif', serif;*/
font-family: 'Roboto', sans-serif;

    color: #313131;

}


.new_year {
    font-size: 30px;
    font-family: 'Pacifico', cursive;
    text-align: center;
}

#article code p {
    font-size: 12px;
    line-height: 10px;
    padding: 0;
    font-family: monospace;
}
h1,h2,h3,h4,h5,h6 {
    /*color:#455a64;*/
		color:#000000;
    /*font-family: 'Open Sans Condensed',Arial,Helvetica,sans-serif;*/
}
h1 {
    font-size: 2.6em;
    font-weight: 700;
    </em></strong></p>
}
h2 {
    font-size: 2em; /*(сделать 30px)*/
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
h3 {
    font-size: 1.7em;
    font-weight: 600;
}
h4 {
    font-size: 1.5;
    font-weight: 600;
}
h5 {
    font-size: 1.4;
    font-weight: 600;
}
h6 {
    font-size: 1.3;
    font-weight: 600;
}
.index-rubric {
	color: #ff5722;
	font-size: 1.4em;
}
.pic {
	text-align:center;
}
.pic img {
    max-width: 100%;
    background: none;
}
#article .pic {
    color:#339966;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    display: block;
    background: rgb(247,249,251);
    /*color: #637c88;*/
    max-width: 100%;
    position: relative;
    padding: 15px 10px 15px 10px;
    transition: 4s ease-out;
}


#article .extension {
    background: rgb(247,249,251);
    box-shadow: none;
    color: #637c88;

    max-width: 100%;
    position: relative;
    /*font-size: 16px;*/
    line-height: 26px;
    display: block;
    margin: 0px auto 30px;
    padding: 15px 10px 15px 10px;
    /*transition: 4s ease-out;*/
    border-left: 15px solid rgba(84,110,122,0.9);
}
#article a.contents {
    font-size: 18px;
    font-weight: 700;
    color: #ff5722;
    text-decoration: none;
    border-bottom: none;
}

.mylist {
    background-color: #0096885c;
    padding: 0 5px;
}

#article a {
    color: #2196f3;
    border-bottom: 1px solid #2196f3;
    text-decoration: none;
}
#article a:hover {
	transition: all 1s;

    color: #e91e63;
    border-bottom: 1px dotted;
    border-color: #e91e63;
}

#article .author  {
    text-align: center;
    /*font-size: 16px;*/
		font-weight: 500;
    line-height: 16px;
		color: #ff5722;
}

#article p, #article ol li {
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
    /*color: #3A3A3A;*/
		color: #000000;
    padding: 10px 0;
    line-height: 1.6;
}
#article p.source {
    padding: 0;
    text-align: right;
}
#article ul {
    font-size: 18px;
    color: #333;
    text-align: justify;

}

body {
	background-color: #e8e8e8;
    /*background-image: url("../img/bg3.png");*/
    /*background-image: url("../img/bg2.png");*/

    background-image: url("../img/bg1.gif");




}
img {
    border: 0;
    max-width: 100%;
    height: auto;
}
.container-fluid {
	background-color: #ffffff;
	box-shadow: 0 0 0 0,0 1px 3px rgba(0,0,0,0.1);
	border-radius: 3px;
	padding: 5px 20px 20px 20px;
	color: rgba(34,34,34,0.8);

    -webkit-box-shadow: 0px 0px 3px 0px rgba(125,125,125,1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(125,125,125,1);
    box-shadow: 0px 0px 3px 0px rgba(125,125,125,1);
}
select[disabled] {
    color: #dbdbdb;
}
#dynamic_selects {
    padding-bottom: 5px;
}
.rowissue {
    padding-bottom: 5px;
}


.container-fluid {
	max-width: 1400px;
}
.center {
	text-align: center;
}
.header-logo {
    margin: auto;
		text-align: center;
    padding: 0;
    background-color: #fff;
    border: 1px solid #D1D1D1;
}
.header-logo a {
    font-family: 'Open Sans Condensed',Arial,Helvetica,sans-serif;
    font-size: 1.2em;
	color: rgb(255,255,255);
	font-weight: 700;
    margin: 0 0 5px 0;
    -webkit-transition: color .7s ease;
}
.header-logo a:hover {
    color: rgb(0,0,0);
    text-decoration: none;
        -webkit-transition: color .7s ease;
}
.separated {
	height: 3px;
}






#logo {
	 width:25%;
	 float:left;
}
#lolotop {
	width:75%;
	float:right;
}
@media screen and (max-width : 780px){
	#logo {
		 width:100%;
		 float:left;
		 text-align:center;
	}
	#lolotop {
		width:100%;
		float:right;
	}
}
/*
@media (min-width: 992px) {
	#sapr-logo-mobile {
		display: none;
	}
}
@media (max-width: 991px) {
	#sapr-logo-mobile {
		display: block;
		font-size: 30px;
		font-weight: 700;

	}
	#sapr-logo-mobile a {
		color: green;
	}
}
*/





.search-svg {
	text-align: right;
}
.nav {
    font-size: 14px;
    font-weight: 700;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-bottom: 1px solid ;



}
.nav-tabs {
	border-bottom: none;
    padding-bottom: 13px;

}
.nav-tabs > li > a {
    font-family: 'Open Sans Condensed',Arial,Helvetica,sans-serif;
	border-radius: 4px 4px 4px 4px;
    padding: 3px 10px;
    -webkit-transition: color .7s ease;
    color: #07E6E;
}

.column-add {
	padding-top: 40px;
}
li.current a {
	background-color: #068358;
    color: #fff;
}

.myblock {
	background: #F8F9FD;
	border: 1px solid ##e5ecef;
	border-radius: 6px;
}





.index-news-img img {
    max-width: 150px;
}





.layer {
    position: relative;
}
.layer a {
    position:absolute;
    display:block;

    width:728px;
    height:90px;
}
 .lolo {
    max-width: 728px;
    /*max-height: 90px;*/
    margin: auto;
 }
 .lolo img {
    max-width: 100%;
    height: auto;
 }
 .swflolo {
    max-width: 728px;
    max-height: 90px;
 }

.ya-share2 {
    text-align: center;
}















/* Прелоадер */

.circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;

    width: 50px;
    height: 50px;

    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

.circle1 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    margin-left: 10px;
    width: 30px;
    height: 30px;

    position: relative;
    top: -40px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}
/* Прелоадер */







































h4 {
    display: block;
    font-weight: bold;
}

*, *:before, *:after {
    box-sizing: border-box;
}











.item-post {
    float: left;
    width: 50%;
    padding-right: 10px;
    line-height: 0;
    margin-bottom: 20px;

}

.item-post-events {
    float: left;
    width: 33%;
    padding-right: 10px;
    line-height: 0;
    margin-bottom: 20px;

}


.item-post-image {
    position: relative;
}
#content .item-post-date {
    color:#ffffff;
    margin: 3px;
}
#content .info-post-wr {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 17px 15px;
    color: #fff;
    line-height: normal;
    font-size: 13px;
    background: rgba(0,0,0,0.4);
}
#content .info-post-wr a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: none;
}
#content .item-post-meta {
    color: #ffffff;
    margin-bottom: 8px;
    opacity: .77;
}
#content .item-post-title {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

#content .item-post-annotation {
    font-size: 12px;
    display: none;
    line-height: 12px;
    color: #ffffff;
}
@media only screen and (max-width: 1200px) {
.item-post {
    width: 50%;
    margin-bottom: 20px;
}
.company {
	font-size: 11px;
}
}

@media only screen and (max-width: 900px) {
.item-post {
    width: 50%;
    margin-bottom: 20px;

}
.item-post-events {
	float: none;
	width:100%;
}
.company {
	font-size: 13px;
}
}
@media only screen and (max-width: 600px) {
.item-post {
    width: 100%;
    margin-bottom: 20px;
}

}










.post_all {
    clear: both;
}
.index-post-title, .index-issue-title {
    padding: 3px 0;
    font-size: 1.2em;
    font-weight: 700;
		color:#ff5722;

		z-index : 1;



}
.line {
  height  : 1px;
  width   : 95%;  /* or 100px */
  border-bottom:1px solid rgba(255, 95, 17, 0.26);
	margin-bottom: 7px;
}












#content .list-group {
    margin-top: 10px;
    font-size: 13px;
}
.articles-main {
    margin-bottom: 15px;
}

#content .articles-main h4, #content .main_menu_bootstrap h4 {
    font-size: 13px;
    line-height: 15px;
}
#content .articles-main .list-group-item-text, #content .main_menu_bootstrap .list-group-item-text {
    font-size: 13px;
    line-height: 15px;
}

.main_menu_bootstrap a.current {
    background: #f0f9ff;
}
.main_menu_bootstrap .list-group-item {
    padding: 7px 15px;
}
.main_menu_bootstrap .list-group-item-heading {
    margin: 0;
}









































































/******************************** Nav Menu *****************************/

/* This is the very basic steps of creating a horizontal menu */

/* Reset from the regular list definitions above */
.menu, .menu ul, .menu ul li, .menu ul li a,
.menu ul ul, .menu ul ul li, .menu ul ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
}

/* Clearfix needed only in case of floating the LI, but not when using the inline method.
.menu:after, .menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
*/

/* list-style-type: none to remove the bullets.
text-align: center in combination with LI set to inline is centering the whole menu, great.
If inline cannot be used due to the white-space problem, check this method for absolute centering:
http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ */
.menu ul {
    list-style-type: none;
    text-align: center;
		padding-bottom: 5px;
		padding-top: 		5px;
		border-bottom: 	1px dashed #00afc9;
		border-top:  		1px dashed #00afc9;

}

/* position: relative is needed for the position: absolute of submenu to refer to its parent element.
LI needs to be set to inline to go into horizontal.
The only disadvantage compared to float:left is a mysterious 4px gap between the elements -
on how to remove it see https://css-tricks.com/fighting-the-space-between-inline-block-elements/
text-align: center makes the A links centered inside their LI containers, only makes sense if A links have a fixed width */
.menu ul li {
    position: relative;
    display: inline;
    text-align: center;
}

/* text-decoration: none is needed to remove the underlining of links.
display: inline-block is needed to apply a fixed width or padding to this otherwise inline element of A. */
.menu ul li a {
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    color: #00afc9;
    background: none;
		font-weight: 700;
		font-size: 1.05em;
}

/* Declaration of hover, focus and active state - can be done separately of course if desired */
.menu ul li a:hover, .menu ul li a:focus, .menu ul li a:active,.menu ul li.current a  {
    color: #fff;
    background: rgba(18, 99, 90, 1);
}

/* Styling of the arrow that indicates a submenu and which by default is way too big. */
.menu-arrow {
    font-size: 10px;
}

/******* Here starts the submenu section. *******/
/* First, the submenu is positioned in relation to the LI of parent absolutely.
To not be visible, there are three options: left-9999px, display: none or opactity.
I have chosen opacity because it allows smooth blending in while not having any disadvantages.
Using this method instead of display:none screenreaders will still be able to see the whole menu.
Yet on veeery large sites this might lead to an information overflow and display:none here and display:initial on the next item might be preferable:
http://manwithnoblog.com/2009/12/06/the-case-for-the-use-of-display-none/ */
.menu ul ul {
    position: absolute;
    left:0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
}

/* When the parent LI is hovered, submenu is made visible. */
.menu ul li:hover ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 5-7 */
}

/* The LI of the submenu are set back to block, so they are aligned vertically again.
Also text-align is set back to left, because centered entries don't look good in the submenu.*/
.menu ul ul li {
    display: block;
    text-align: left;
}

/* Styling of the submenu entries.
Width: 100% is needed here so the border goes to the end of the LI which is giving the width based on the longest entry.
Min-width is set to have a more consistent appearance if some submenu items would otherwise be very short.
White-space is set to nowrap so they stay in one line.
Border bottom is simply a nice thing in a submenu :) */
.menu ul ul li a {
    width: 100%;
    min-width:200px;
    padding: 20px;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
    color: #333;
    background: DodgerBlue;
}

/* Declaration of hover, focus and active state - can be done separately of course if desired */
.menu ul ul li a:hover, .menu ul ul li a:focus, .menu ul ul li a:active  {
    color: #777;
    background: DeepSkyBlue;
}

/******* Goodies *******/
/* Applying smooth transitions on color changes and opacity fade in of dropdown menu.
As of June 2015 and according to caniuse.com, this two should be enough, since anyhow no harm will be done in older browsers that simply loose the smoothness but not functionality. */
.menu ul li a, .menu ul ul li, .menu ul li:hover, .menu ul ul {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/* Styles and hides the responsive button.
This is a pure CSS solution for the moment, using an invisible checkbox as toggle element. */
.responsive-button {
    padding: 10px;
    color: #333;
    font-weight: bold;
    background: #00BCD4;
    border-bottom: 1px solid #ccc;
    text-align: center;
    display: none;
}

/* Permanently hides the checkbox that helps us as a menu toogle element */
input[id=responsive-button] {
    display: none;
}

/* Shows menu when invisible checkbox is checked */
input[id=responsive-button]:checked ~ .menu {
    display: block;
}

/******* Responsiveness *******/
/* This is the very basic one-step solution without any intermediary stages.
The menu is directly collapsing at a certain breakpoint that needs to be set according to the width of the respective menu.
For later WordPress use, meaning dynamic content, we need to expand this solution.
*/
@media screen and (max-width : 780px){

/* Shows the responsive button */
.responsive-button {
    display: block;
}

.menu {
    display: none;
}

/* Reset menu items position to stack up vertically.
Adding a bottom line for better separation. */
.menu ul li {
    display: block;
    border-bottom: 1px solid #ccc;
}

/* Making all items full width */
.menu ul li, .menu ul li a {
    width: 100%;
}

/* Reset to position: relative is needed so the submenu is opening inside the element flow, not covering the following parent menu items.
This is why hiding them can not be done with the left:-9999px method, and also opacity doesn't work here because it leaves an empty space between the parent items.
So for the moment it seems that responsive dropdown menus can not be accomplished accessible using CSS only. */
.menu ul ul {
    position: relative;
    display: none;
}

/* Showing the submenu */
.menu ul li:hover ul {
    display: block;
}

/* text-align is now set to center, because left entries don't look good in a responsive submenu. */
.menu ul ul li {
    text-align: center;
}

}
.logoright, .logoright a, .logoright1, .logoright2 {
	font-family: 'Roboto Condensed', sans-serif;
	vertical-align: bottom;
	text-decoration: none;
}
.logoright1 {
	font-size: 26px;
	font-weight: 700;
	padding-left: 20px;
	vertical-align: bottom;
	text-decoration: none;
	line-height: 30px;

}
.logoright2 {
	font-size: 16px;
	font-weight: 700;
	vertical-align: bottom;
	text-decoration: none;
	color: rgb(4, 105, 67);
}


/* Странички для ошибок типа 404 */
#error {
	background-image: none;
	background-color: #fff;
}
#error h1 {
	color: #0080c0;
	text-align: center;
	padding-top: 10%;
	font-size: 13em;
}
#error p,#error a {
	text-align: center;
	font-size: 12px;
	color:#0080c0;
}
/* Странички для ошибок типа 404 */

blockquote   {
	/*border-left: 5px solid #00BCD4;*/
    font-size: 14px;
}
blockquote p, blockquote p em {
    color: gray;
}
#article blockquote p, #article blockquote ul li, #article blockquote ol li {
    font-size: 14px;
    line-height: 20px;
    color: gray;
}
#article blockquote p strong {
    font-size: 15px;
    color: gray;
}

.vrezka {
    background-color: rgba(157, 255, 0, 0.12);
    
}
#article .vrezka p {
	padding: 20px;
}
.pages {
    display: block;
    float: left;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    /*background-color: #FFEB3B;*/
    margin: 0 5px 0 0;
}

a.list-group-item .list-group-item-heading {
    color: #337ab7;
}




/* список тэгов */
#article ul.tags li a {
    color:#ffffff;
}

.tags {
    margin:0;
    padding-bottom: 20px;
    padding-left: 0;
    list-style:none;
}
.tags li, .tags a {
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:11px;
}
.tags a{
    margin-left:20px;
    padding:0 10px 0 12px;
    background:#0089e0;
    color:#fff;
    text-decoration:none;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px; 
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;    
    border-top-right-radius:4px;    
} 
.tags a:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #0089e0 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0;      
}
.tags a:after{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    float:left;
    width:4px;
    height:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#fff;
    -moz-box-shadow:-1px -1px 2px #004977;
    -webkit-box-shadow:-1px -1px 2px #004977;
    box-shadow:-1px -1px 2px #004977;
}
.tags a:hover{background:#ff5722;transition: all 1s;} 
.tags a:hover:before{border-color:transparent #ff5722 transparent transparent;transition: all 1s;}