hr {
margin: 3px 0;
}
body {
background: url(/css/img/bg.png);
}
.bold {
font-weight:bold;
}
.badge {
background:#252627!important;
}
 a {
 text-decoration:none!important;
color:#000!important;
 }
 a:hover {
 text-decoration:none!important;
color:#ff5335!important;
 }

.dop_a{
 text-decoration:none!important;
color:#ff5335!important;
}


 /*** top-box-media ***/
.top_box {
  padding: 0!important;
background:#252627;
  margin:4px 0;
}
.top_box_bg {
background:#252627;
 padding: 10px;
	border: 1px outset #2c3b41;
	 		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
}
 .top_box_bg:hover{
 background: rgba(0,0,0,0.8);

 }

.top_mess_bg {
  font-family: "Open Sans", sans-serif;
  font-size: .9em;
color:#000;
padding:7px;
margin-left:3px;
background: #fd7337;
 height: 203px;
 overflow:hidden;
 padding:4px;
 
}
.top_title_bg {
    text-overflow: ellipsis; /* Многоточие */
     white-space: nowrap; /* Отменяем перенос текста */
	 overflow: hidden; /* Обрезаем содержимое */
	
	 color:#fff;
}

 .top_img {
  width: 158px;
  height: 203px;
  padding: 4px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
 box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
  transition: .2s ease-in-out;
   
  float:Left;
 }
 .left_news_sm { 
 display:inline-block;
 padding:5px;
background: #222d32;
 border-top: 1px outset #2c3b41;
  border-bottom: 1px outset #2c3b41;
 width: 100%;
 }
 .left_news_sm:hover{
 background: rgba(0,0,0,0.3);
 		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
 }
 .top_sm_title {
  font-family: "Open Sans", sans-serif;
  font-size: .9em;
text-shadow: 1px 1px 2px black; /* Параметры тени */
  color: #e54c3c;
    text-overflow: ellipsis; /* Многоточие */
     white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
	width: 73%;
	float:right;
	 padding:5px;
}
.top_sm_date{
color: #fff;
font-size: .8em;

}
.date_box_bg {
background: #222d32;
padding: 5px;
margin:5px 0;
}
 .left_news_img {
 width: 60px;
  height: 63px;
   box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
background: linear-gradient(rgb(37,37,37), rgb(20,20,20)) rgb(37,37,37);
padding:3px;
}
 
 /*** end ***/

 .head {
background: #222d32;
 }
 .logo {
 display:block;
 float:left;
 width:240px;
 height:80px;
 margin-left: 10px;
 background:url(/css/img/logo.png;
 }
 .label_count {
 border-radius:100%;
 position:relative;
 top:-16px;
 left:-5px;
 font-size: .6em;
 z-index: 666;
 }
 .cont{
background: rgb(255,255,255);
margin:10px;
}
.date {
  font-family: "Open Sans", sans-serif;
  font-size: .7em;
}
 .both {
 clear:both;
 }
   .topmenu {
background: #222d32;
padding: 5px;
 }
 .topmenu_a_left {
 padding:10px 2%;
  background: #222d32;
 text-shadow: -3px -1px 3px -3px #E06B2A, 5px 10px 20px -5px hsla(0, 0%, 0%, .4); 
   color:#ff5335;
   	border-left: 1px outset #2c3b41;
	border-right: 1px outset #333;
	 border-top: 3px outset #2c3b41;
  border-bottom: 3px outset #222d32;
		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
 line-height:25px;
 float:left;
 }
  .topmenu_a_right {
  padding-top:11px;
  padding-right:2%;
  padding-left:2%;
  height: 53px;
  outline:none;
  display: inline-block;
  background: #222d32;
 text-shadow: -3px -1px 3px -3px #E06B2A, 5px 10px 20px -5px hsla(0, 0%, 0%, .4); 
   color:#ff5335;
   	border-left: 1px outset #2c3b41;
	 border-top: 3px outset #2c3b41;
	border-right: 1px outset #333;
  border-bottom: 3px outset #222d32;
		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
 line-height:25px;
 float:right;
 }
 .topmenu_a_right_mess {
 margin-right: 8px;
   padding-top:11px;
  padding-right:1%;
  padding-left:1%;
  height: 53px;
  outline:none;
  display: inline-block;
  background: #222d32;
 text-shadow: -3px -1px 3px -3px #E06B2A, 5px 10px 20px -5px hsla(0, 0%, 0%, .4); 
   color:#ff5335;
   	
 border-radius: 100%;
		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
 line-height:25px;
 float:right;
 }
 
  .topmenu_a_left:hover {
 background: rgba(0,0,0,.3);
border-bottom: 3px outset #ff5335;
 color:#ff5335;
 }
   .topmenu_a_right:hover {
 background: rgba(0,0,0,.3);
border-bottom: 3px outset #ff5335;
 color:#ff5335;
 }
 
   .topmenu_active {
  padding:10px 2%;
  background: #222d32;
   color:#ff5335;
    border-top: 3px outset #2c3b41;
  border-bottom: 3px outset #ff5335;
	border-left: 1px outset #2c3b41;
	border-right: 1px outset #333;
		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
 line-height:25px;
 float:left;
 }
 .topmenu_active:hover {
 color:#ff5335;
 background: rgba(0,0,0,.3);
 }
 .top_media {
 color:#737373;

 }
 .resset {
  text-overflow: ellipsis; /* Многоточие */
     white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
 }

.left_sidebar{
background: #222d32;
 padding: 0!important;
}
 .left_sidebar_a {
  display: inline-block;
  padding:12px;
  background: #222d32;
  border-left: 3px solid #222d32;
  color:#72a4af;
 width:100%;
	border-top: 1px outset #2c3b41;
	border-bottom: 1px outset #333;
		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;

 }
 .left_sidebar_a:hover {
 background: rgba(0,0,0,0.6);
border-left: 3px solid #ff5335;
color:#fff;
 }
 .left_span {
  text-transform: uppercase;
 font-size: 13px;
 margin-left: 5px;
 }
  .user_div {
  background: rgba(255,255,255,0.3);
  border: 2px solid #ccc;
  margin-bottom:10px;
  }
  .avatar_img {
   width: 35px;
   height: 35px;
   padding:3px;
   margin:5px;
   border: 2px solid #ccc;
   border-radius: 4px;
   position:relative;

  }
 /* leftmenu */
 .right-media {
 vertical-align:top;
 background: rgba(255,255,255,0.3);
 display: table-cell;
 width:27%;
 height:100%;
 padding: 5px 10px;
 }
 .right-content {
  background: rgba(255,255,255,0.7);
 display:inline-block;
	border-top: 1px outset rgba(255,255,255,0.6);
	border-bottom: 1px outset rgba(255,255,255,0.6);
		-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
 width:100%;
 padding:5px;
 outline:none;
  color:#666;
 }
 .right-content:hover {
 background: rgba(0,0,0,0.1);
 }
 
 .right-content-img {

 width:55px;
 height:55px;
 float:left;
  display:block;

 margin-right: 10px;
 }
 .right-content-title {
 font-size:15px;
 font-weight:bold;
 color:#666;
 }
 .right-content-data {
  color:#666;
  font-size: 11px;
float:right;
 }
 .right-title {
  font-size:15px;
 font-weight:bold;
 color:#fff;
 	background-image:url(../img/button.png);
 text-align:center;
  padding: 10px;
  border-radius: 6px 6px 0 0;
 }
 /* endif */



	 /* Страница материала */
	 .div_title_file {
	 padding: 15px;
	  background: #fff;
	  color:#fd7337;
	  margin-top:5px;
	   box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
	 }
.div_info {
background: rgba(255,255,255,0.9);
padding: 15px;}
.div_img_file {
padding-left: 0px!important;}
.screen_img {
 width: 158px;
 height: 200px;
 padding: 5px;
background: rgba(255,255,255,0.6);
 box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);

}	
 .info_file {
 background: #fff;
 }
 .div_mess_file {
 padding: 15px;
 margin: 5px 0;
 background: #fff;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
 }
 .comment_file {
  background: #fff;
  margin-top:5px;
   padding: 5px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
 }
 .media-heading a{
color:#ff5335!important;
}
 .comment_ava {
  background: #ddd;
 padding: 4px;
   width:55px;
 height: 55px;
 box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
 }
 /* endif */
 .content_file {
 margin-top: 6px!important;
 padding: 6px;
  background: #fff;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
 }
 .cont_img_img {
 background: rgba(255,255,255,0.6);
 padding: 6px;
  width:140px;
 height: 179px;
 margin-bottom:15px;
 box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
 }
 .top-block {
background: rgba(255,255,255,0.6);
margin: 5px; 
border-radius:4px;
color:#666;
box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
					}
.top-block-content {
background: rgba(255,255,255,0.6);
	display: inline-block;
	float:left;
	margin: 9.3333px; 
	border-radius:4px;
	color:#666;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);			
	padding:5px;
width:30.4444%;			
}
/*--Tooltip Styles--*/
.tip {
	color: #666;
	background: rgba(255,255,255,0.9);
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute; 
	z-index:999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
	width: 550px;
	    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);

}
.tip i {
font-size:14px;

}
 .tip img {
float: left;
 margin-right: 20px;
 width: 200px;
 height:280px;
 }
 .tip_mess {
 font-size:13px;
 }
   .tip_data {
float:right;
 font-size:12px;
 }

 .tip_title {
 font-size:14px;
 }
 
#right_sidebar{
width: 20%;
height: 100%;
float: left;
background:#fff;
padding: 5px;
}
 
.footer{
	border-top: 1px outset #2c3b41;
	
  /* Set the fixed height of the footer here */
  padding: 20px;
  margin-top: 20px;
  background-color: #000;
  color:#fff;
}
.footer_copy {
 color:#fd7337;
}
 .left {
 float:left;
 }
 .right {
 float:right;
 }
 /*Для 800px и ниже*/
 @media only screen and (max-width : 800px) {
  .post-data {
float:right;
 font-size:12px;
 }
 .post-messages {
 font-size:13px;
 }		
 .post-title {
 font-size:14px;
 }
 .top_box {
 display:none;
 }
 }
 
 
  /*Для 800px и вышее*/
 @media only screen and (min-width : 800px) {
  .post-data {
display:none;
 }
 .post-messages {
display:none;
 }	
 .post_mess{
 display:none;
 }
 

 
 
 .post-title {
display:none;
 }
 .hr_media {
 display:none;
 }

 }
 
 
 
 #mobile {
 position:absolute;
 right:10px;
 top: 130px;
 padding:0;
 z-index:9999;
  
 }
  #mobile ul {
  list-style:none;
   position:relative;
   border-radius: 5px;
   background:#fff;
  }
   #mobile ul li a {
 display:block;
 float:left;
 padding:10px 5px;
   background:#fff;
   outline:none;
   margin:0;
   width: 180px;
   color:#666;
  }
 #mobile ul li a:hover {
  background:#ccc;
 }
 
 
/* МЕДИА ЗАПРОС для ширины в 800px */
@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px){
     
    #content{
    width: 76%;
    }

      #left_sidebar{
display:none;
    }
  .left_span {
display:none;
 }

}
 
/* МЕДИА ЗАПРОС для ширины в 600px */
@media only screen and (max-width : 780px) , only screen and (max-device-width : 600px){
    
  .top_menu_a {
 width: 96%;
 float:none;
 }
	.cont_img {
	 display: inline-block;
	 float: none;
	 width: 96%;
	 margin-top:2px;
	 color:666;

	 }
	 .cont_img:hover {
background: rgba(42,166,132,0.9);
color:#fff;
-webkit-transition:  .7s all;
-moz-transition:  .7s all;
-ms-transition:  .7s all;
-o-transition:  .7s all;
transition:  .7s all;
}	
	 .cont_img_img {

  margin-right: 10px;
  	    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
	padding:3px;
	width:100px;
	height:136px;
 }

 
 
  .topmenu_a_left {
float:none;

 display:block;
 }
  .topmenu_a_right {
float:none;

 display:block;
 }
 
 .topmenu_active {
 float:none;

 display:block; }
 
 
 
}
/* Back to top button */
#back-to-top{
	position:fixed; 
	z-index: 999; 
	display:none; 
	bottom:70px; 
	right:15px; 
	cursor:pointer;
}
#back-to-top i{
	width: 50px; 
	height: 50px; 
	display:block;
    color: #fff;
    background:#fd7337;
    border: 2px solid #fff;
	text-align:center; 
	font-size:22px; 
	line-height: 50px; 
	border-radius: 10px;
	-webkit-transition:  .5s all;
	-moz-transition:  .5s all;
	-ms-transition:  .5s all;
 -o-transition:  .5s all;
 transition:  .5s all;
}
#back-to-top i:hover{
	color: #fd7337; 
	border: 2px solid #fd7337;
	background: #fff; 
}

.btn-default {
 background-color: #ffffff!important;
}
.btn-primary {
 background-color: #4d67a0!important;
}
.btn-success {
background-color: #96ca2d!important;
}
.btn-info {
  background-color: #3498db!important;
}
.btn-warning {
    background: #f97779;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f97779), to(#ce2424));
    background: -moz-linear-gradient(#f97779, #ce2424);
    background: linear-gradient(#f97779, #ce2424);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
    color: #fff;
    text-shadow: 0 1px 0 #bd2524;
 background-color: #ff5335!important;
 border-radius: 4px!important;
}
.btn-danger{
background-color: red!important;
}
    .size-12 { font-size: 12px; }
	.size-13 { font-size: 13px; }
    .size-14 { font-size: 14px; }
    .size-16 { font-size: 16px; }
    .size-18 { font-size: 18px; }
	 .size-19 { font-size: 19px; }
	  .size-20 { font-size: 20px; }
    .size-21 { font-size: 21px; }
    .size-24 { font-size: 24px; }
    .size-32 { font-size: 32px; }
    .size-48 { font-size: 48px; }
    .size-64 { font-size: 64px; }
    .size-96 { font-size: 96px; }
.b_white {
  background-color: #ffffff;

}
.b_green {
  background-color: #96ca2d;

}
.caption{
color:#fff!important;
}
.b_yelow {
  background-color: #f29b30;

}
.b_orange{
  background-color: #ff5335;

}
.b_blue{
  background-color: #3498db;

}
.b_reverb{
  background-color: #2b262d;

}
.b_violet2{
  background-color: #4d67a0;

}
.btn {


}