@import 'normalize.css';
@import 'social-likes_flat.css';

/* `FontFace

-----------------------------------------------------------------------------------*/
@font-face {

    font-family: 'PT Sans Regular';

    src: url('../fonts/pt_sans_regular-webfont.eot');

    src: url('../fonts/pt_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),

         /*url('../fonts/pt_sans_regular-webfont.woff') format('woff'),*/

         url('../fonts/pt_sans_regular-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'PT Sans Bold';

    src: url('../fonts/pt_sans_bold-webfont.eot');

    src: url('../fonts/pt_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/pt_sans_bold-webfont.woff') format('woff'),

         url('../fonts/pt_sans_bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'PT Sans Italic';

    src: url('../fonts/pt_sans_italic-webfont.eot');

    src: url('../fonts/pt_sans_italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/pt_sans_italic-webfont.woff') format('woff'),

         url('../fonts/pt_sans_italic-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "PT Sans Narrow Regular";

    src: url('../fonts/PTN57F-webfont.eot');

    src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/PTN57F-webfont.woff') format('woff'),

         url('../fonts/PTN57F-webfont.ttf') format('truetype'),

         url('../fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'PT Sans Narrow Bold';

    src: url('../fonts/PTN77F-webfont.eot');

    src: url('../fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/PTN77F-webfont.woff') format('woff'),

         url('../fonts/PTN77F-webfont.ttf') format('truetype'),

         url('../fonts/PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');

    font-weight: normal;
    font-style: normal;



}


/* `Main

-----------------------------------------------------------------------------------*/

.social_menu li a, .search_btn:before, .all_topics, .news_views, .news_comments, .video_icon, .allnews:after, .edit_date, .stories_views, .stories_comments,
.play_icon, .top_views, .top_comments, .developer, .service_buttons i, .login-btn, .pmlinks a:before, .profile_cell:before, .attachment:before, #totop{
    background:url(../images/sprite.png) 0 0 no-repeat;
}

* {
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
    padding:0;
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
image{
    border:0;
}
a img,:link img,:visited img,:hover img {
    border:0;
}
a{
    color:#303030;
    font-size:16px;
    text-decoration:underline;
}
a:hover {
    color:#487abd;
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
    margin:0;
    padding:0;
}
textarea{
    border:1px solid #ccc;
    padding:5px;
}
input:focus, textarea:focus {
    outline:none;
}
button:focus{
    outline:none;	
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:Arial, sans-serif;}
h1 {font-size:24px;line-height:30px;}
h2 {font-size:22px;line-height:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5, h6 {font-size: 16px;}
ul, ol{
    padding: 0;
    margin: 0;
}
input[type="checkbox"], input[type="radio"] {
    width: auto; 
    height: auto; 
    padding: 0; 
    margin: 3px 5px 5px 0;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
} 
.cf:after {
  clear: both;
}
 .cf {
  *zoom: 1;
}

.current_date{
    font-family: "PT Sans Regular";
}
.top_topics span, .main_news_title, .hblock h4, .side_header, .last_news_title, .stories_title, .photo_header, .photo_title, .video_title, .short_title2,
 .video_icon, .edit_date, .top_news_category .main_news:first-of-type .main_news_title, .related_news_post h3 {
    font-family: "PT Sans Narrow Regular";
}
.main_news:first-of-type .main_news_title, .imp .last_news_title, .tabs_header, .post_title ,.short_title, .short_title3, .read_more, .site_button{
    font-family: "PT Sans Narrow Bold";

}

html{
    padding:0px;
	margin: -19px 0 0 0;
}
body{
    background:#f1f1f1;
    font-family:'PT Sans Regular', Arial, sans-serif;
    font-size:16px;
    height:100%;
    margin:0;
    padding:0;
    color:#303030;
    -webkit-font-smoothing: antialiased !important;
}
.header{
background-color: #353d42;
width: 100%;
    z-index: 999;
    white-space: nowrap;
	//*margin-left: 180px; *//
	    margin-top: -10px;
		/*    width: 940px; */
			    margin: 0 auto;

}
.wrap{
    width: 1160px;
    margin: 0 auto;
    position: relative;
}
.header>.wrap{
    padding-top: 0px;
    padding-bottom: 0px;
}
.top_adv{
    background-color: #2a3135;
    height: 90px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.content_adv{
    height: 90px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 0 25px 0;
	margin-left: 7px;
}
.logo{
    width:270px;
    height:50px;
    display: block;
    float: left;
}
.logo a{
    display: block;
}
.logo a:hover{
    opacity: 0.8;
}

/* weather.tpl */
.current_date, .weather_widget{
    float: left;
    width:calc((100% - 250px - 310px)/2);
    height: 20px;
    line-height: 20px;
    margin: 15px 0;
    text-align: center;
    color: #bbb;
    font-size: 16px;
}
.city_name, .SinoptikInformer, .siT, .degrees{
    display: inline-block !important;
}

#SinoptikInformer{
    width: auto !important;
}
#SinoptikInformer .siHeader, #SinoptikInformer .siFooter, #SinoptikInformer .siLinks, #SinoptikInformer .siCityName, 
#SinoptikInformer .siInf, #SinoptikInformer .weatherIco, #SinoptikInformer .siTerm{
    display: none !important;
}
#SinoptikInformer .siBody, #SinoptikInformer .siCity{
    border: 0 !important;
    padding: 0 !important; 
    margin: 0 !important;
}
#SinoptikInformer.SinoptikInformer .siBodyContent .siLeft, #SinoptikInformer.SinoptikInformer .siBodyContent .siLeft .siT{
    width: auto !important;
    padding: 0 !important;
    font-size: 20px !important;
}
.degrees{
    color: #fff;
    font-size: 18px;
}
/* */

/* social.tpl */
.social_menu{
    list-style: none;
    display: block;
    float: right;
    height: 40px;
    width: 270px;
    margin:25px  85px 0 0;
}
.social_menu li{
    display: block;
    float: left;
    color: #909090;
    margin: 0 5px 0 0;
	display: none !important;
}
.social_menu li a{
    display:block;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(255,255,255,0.1);
    color: #909090;
    font-size: 14px;
    text-decoration: none;
    position: relative;
	background: none;
}
.social_menu li a.vk_icon{
    background-position: -1px -1px;
}
.social_menu li a.tw_icon{
    background-position: -1px -41px;
}
.social_menu li a.fb_icon{
    background-position: -1px -81px;
}
.social_menu li a.yt_icon{
    background-position: -1px -121px;
}
.social_menu li a.gp_icon{
    background-position: -1px -161px;
}
.social_menu li a.rss_icon{
    background-position: -1px -201px;
}
.social_menu li a:hover{
    border-color: rgba(255,255,255,0.2);
    background-color: rgba(255,255,255,0.05);
}

/**/

.nav-wrap{
    position: relative;
    height: 70px;
    background-color: #b348bd;;
}
.header>.nav-wrap.wrap{
    padding: 0;
	    width: 100%;
}
.nav{
    display:block;
    position: relative;
    width:100%;
    padding-right: 60px;
    overflow: hidden;

    z-index: 100;
}
.nav-btn{
    border:0;
    line-height: 39px;
    color: #fff;
    display: none;
    background-color: transparent;
    padding: 1px 15px 0 15px;
    text-transform: uppercase;
    border-right: 1px solid rgba(0,0,0,0.15);
    font-family: "PT Sans Bold";
}
.nav ul{
    list-style: none;
    max-width: 100%;
    overflow: hidden;

}
.nav li{
    float: left;
}
.nav li a{
    display: block;
    padding: 0 27px;
    line-height: 35px;
    font-size: 15px;
    text-transform: uppercase;
    float: left;
    text-decoration: none;
    color:#fff;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}
.nav li a:hover, .nav-btn:hover{
    background-color: rgba(255,255,255,0.2);
}
/* Поиск */
.searchblock{
    height:60px;
    width: 60px;
    position:absolute;
    right: 0;
    top: 0;
    z-index: 200;
}
.search_btn{
    width: 60px;
    height: 70px;
    border:0;
    background-color: transparent;
    background-color: rgba(255,255,255,0.1);
}
.search_btn:hover{
    background-color: rgba(255,255,255,0.2);
}
.search_btn:before{
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-position: -40px 0;
}
.search_panel{
    display: none;
    position: absolute;
    top: 70px;
    right: 0;
    height: 60px;
    padding: 10px;
    width: 300px;
    background-color: #e1e1e1;
    border-top: 2px solid #487abd;
}
.search_panel:before{
    position: absolute;
    display: block;
    content: "";
    top: -12px;
    right: 25px;
    width: 0;
    height: 0;
    border:0;
    border:5px solid transparent;
    border-bottom-color:#487abd !important;
}
.searchform{
    color:#303030;
    width:100%;
    height:40px;
    line-height:20px;
    padding:10px;
    border:0;
    margin: 0;
    font-size:16px;    
    background-color:#fff;
    overflow:hidden;
}
input.searchbt {
    width:0;
    height:0;
    border:0;
    display: none;
    position: absolute;
}



/* login.tpl  */
.login-btn{
    width:40px;
    height: 40px;
    background-position:-40px -180px;
    position: absolute;
    top: 25px;
    right: 0;
    cursor: pointer;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
    background-color: transparent;
    background-color: rgba(255,255,255,0.1);
}
.login-btn:hover{
    background-color: rgba(255,255,255,0.3);
}
.login_block{
    display: none;
    position: absolute;
    top: 78px;
    right: 0;
    width: 200px;
    background-color: #fff;
    z-index: 300;
    border:5px solid #e1e1e1;
}
.login_block:before{
    position: absolute;
    content: "";
    top: -19px;
    right: 7px;
    width: 0;
    height: 0;
    border:8px solid transparent;
    border-bottom-color: #e1e1e1;
}
.profile_menu{
    list-style: none;
    width: 100%;
}
.profile_menu li{
    display: block;
}
.profile_menu li a{
    height: 35px;
    padding: 10px 10px 10px 25px;
    line-height: 15px;
    display: block;
    color: #909090;
    font-size: 14px;
    text-decoration: none;
    position: relative;
}
.profile_menu li a:before{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #d1d1d1;
    left: 10px;
    top: 14px;
}
.profile_menu li a:hover{
    background-color: #e1e1e1;
    color: #202020;
    text-decoration: none;
}
.profile_link:hover{
    background-color: #e1e1e1 !important;
    color: #fff;
}
.profile_avatar{
    height: 20px;
    max-width: 30px;
    margin: -2px 10px 0 0;
    overflow: hidden;
    float: left;
    display: block;
}
.profile_avatar img{
    min-width: 20px;
    max-width: 30px;
}
.profile_menu li a.logout{
    color: #fb4d4d;
}
.profile_menu li a.profile_link{
    background-color: #f1f1f1;
    color: #505050;
    padding: 10px;
}
.profile_menu li a.profile_link:before{
    display: none;
}
.profile_menu li a i{
    font-style: normal;
    display: block;
    position: absolute;
    top: 9px;
    right: 10px;
    background-color: #f1f1f1;
    color: #202020;
    font-size: 12px;
    line-height: 15px;
    padding: 2px 5px 0 5px;
}
.login_form{
    margin: 17px 20px;
}
.login_form label{
    color: #909090;
    font-size: 14px;
    display: block;
    margin: 0 0 10px 0;
    line-height: 15px;
}
.login_form label a{
    font-size: 14px;
    color: #487abd;
}
.login_form label a:hover{
    color: #909090;
}
.login_form .inp{
    width: 150px;
    border:1px solid #e1e1e1;
    height: 35px;
    background-color: #fff;
    padding: 0 0 0 10px;
    color: #909090;
    font-size: 14px;
    margin: 0 0 15px 0;
}
.login_form .not_save_label{
   font-size: 12px;
   height: 15px;
   line-height: 15px;
   display: inline-block;
   position: relative;
}


.ch_box_save{
    display: inline-block;
}
.enter-btn{
    width: 100%;
    height: 40px;
    line-height: 38px;
    border:1px solid #487abd !important;
    background-color:#487abd;
    color: #fff;
    font-size: 16px;
}
.enter-btn:hover{    
    background-color: rgba(72,122,189,0.5) !important;
}
.reg-link{
    margin: 10px 0 0 0;
}
.reg-link a{
    font-size: 14px;
    color: #487abd;
}
.reg-link a:hover{
    color: #909090;
}
/* LOGIN end  */


.container{
    width: 100%;
}
.content{
    background-color: #fff;
    padding: 25px 25px 0 25px;
}
.left{
    float: left;
    width: 845px;
}
.right{
    float: right;
    width: 240px;
    margin: 0 0 0 0;
}
.hblock{
    margin: 0 0 40px 0;  
}
.hblock h4, .side_header{
    font-size: 24px;
    line-height: 24px;
    padding: 0 0 6px 0;
    margin-bottom: 10px;
    color: #303030;
    text-transform: uppercase;
    border-bottom: 1px solid #487abd;
}

.hblock h4 a, .side_header a{
    font-size: 24px;
    color: #505050;
    text-decoration: none;
}
.hblock h4 a:hover, .side_header a:hover{
    color: #909090;
}
.top_topics{
    height: 30px;
    margin: 0 0 25px 0;
    background-color: #f1f1f1;
    line-height: 30px;
    overflow: hidden;
}
.top_topics span{
    display: inline-block;
    background-color: #487abd;
    padding: 0 10px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.top_topics a{
    font-size: 16px;
    text-decoration: none;
    margin: 0 0 0 25px;
}
.all_topics{
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background-color: #e1e1e1;
    background-position: -40px -40px;
}
.all_topics:hover{
    background-color: #c1c1c1;
}

.left_left{
    float: left;
    width: 480px;
}
.left_middle{
    float: left;
    width: 340px;
    margin: 0 0 0 25px;
}
.hblock > .left_middle h4{
    margin-bottom: 0;
}

/* main_news.tpl */
.main_news{
    width: 240px;
    height: 160px;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 0 1px 0;
}
a.post_img{
    color: #fff;
}
.main_news:first-of-type{
    width: 480px;
    height: 320px;
    float:none;
    overflow: hidden;
    position: relative;
    margin: 0 0 1px 0;
}
.main_news:first-of-type .main_news_title{
    font-size: 26px;
    line-height: 30px;
}
.main_news:nth-of-type(3), .main_news:nth-of-type(5){
    width: 239px;
    margin: 0 0 1px 1px !important;
}
.post_img{
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    color: #fff;
    text-decoration: none;
}
.post_img:before{
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);    
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.2s all;
    z-index: 2;
}
.post_img:hover:before{
    background-color: rgba(0,0,0,0.8);
}
.gradient_info{
    text-shadow:0 0 1px rgba(0,0,0,0.3);
    position: absolute;
    bottom: -34px;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
    left: 0;
    width: 100%;
    z-index: 2;
    min-height: 30px;
    padding: 0 20px 20px 20px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}
.main_news_title{
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px 0;
}
.video_icon, .edit_date{
    height: 14px;
    padding:0 0 0 17px ;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 14px;
    color: #b348bd;
}
.video_icon{    
    background-position: -80px -20px;
}
.edit_date{
    background-position: -80px -40px;
}
.news_date{
    color: #b348bd;
    font-size: 10px;
    text-transform: uppercase;
    height: 12px;
    margin: 0 0 10px 0;
}
.main_news a:hover .gradient_info{
    bottom: 0;
}
.news_counts{
    font-size: 11px;
    height: 14px;
    line-height: 14px;
}
.news_views{
    background-position: -80px 2px;
    padding: 0 0 0 15px;
    margin: 0 10px 0 0;
}
.news_comments{
    background-position: -140px 2px;
    padding: 0 0 0 15px;
}

.top_news_category .main_news{
    width: 281px;
    height: 187px;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 1px 25px 0;
}

.top_news_category .main_news:first-of-type .main_news_title{    
    font-size: 18px;
    line-height: 20px;
}
.top_news_category .main_news:nth-of-type(3n){
    margin: 0 0 25px 0 !important;
}



/* last_news.tpl */
.last_time{
    margin:2px 0 0 -50px;
    float: left;
    font-size: 13px;
    color: #487abd;
}
a.last_news{
    display: block;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
    padding:10px 0 10px 50px;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    text-decoration: none;
}
a.last_news:hover{
}
a.last_news .last_news_title{
    color: #303030;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
}

a.last_news:hover .last_news_title{
    color: #487abd;
}
a.last_news:hover{
    background-color: #fafafa;
}
.imp .last_time{
    background-color: #487abd;
    color: #fff;
    padding: 2px 3px 0 3px;
    line-height: 16px;
    margin:0 0 0 -50px;
}
.allnews{
    height: 60px;
    line-height: 20px;
    color: #487abd;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}
.allnews:after{
    content: "";
    width: 7px;
    height: 10px;
    display:inline-block;
    background-position: -40px -90px;
    margin: 0 0 0 5px;
}
.allnews:hover{
    color: #505050;
    text-decoration: none;
    background-color: #fafafa;
}


/* stories.tpl */
.news_stories{
    width:180px;
    position: relative;
    margin: 10px 0 0 0;
    float: left;
}
.news_stories:nth-of-type(2n+1){
    width: 299px;
    margin-right: 1px;
}
.news_stories_img a{
    color: #fff;
}
.news_stories_img{
    width: 180px;
    height: 120px;
    position: relative;
    overflow: hidden;
}
.news_stories:nth-of-type(2n+1) .news_stories_img{
    width: 299px;
    height: 200px;
}
.news_stories_img .post_img:before{
    background-color: rgba(0,0,0,0);
}
.news_stories:hover .post_img:before{
    background-color: rgba(0,0,0,0.5);
}
.stories_counts{
    width: 0;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
    z-index: 3;
}
.news_stories:hover .stories_counts{
    width: 70%;
}
.stories_views, .stories_comments{
    height: 30px;
    color: #fff;
    font-size: 11px;
    float: left;
    line-height: 12px;
    padding: 10px 10px 8px 25px;
}
.stories_views{
    background-color: #487abd;
    background-position: -70px 11px;
}
.stories_comments{
    background-color: #5a8bcd;
    background-position: -130px 11px; 
}
.news_stories_content{
    padding:20px 0  0 20px;
}
.news_stories:nth-of-type(2n+1) .news_stories_content{
    padding-left: 0;
}
.stories_title{
    font-size: 20px;
    line-height: 25px;
    color: #303030;
    margin: 0 0 10px 0;
}
.stories_title a{
    font-size: 20px;
    color: #303030;
    text-decoration: none;
}
.stories_title a:hover{
    color: #487abd;
    text-decoration: none;
}
.stories_date{
    color: #aaa;
    font-size: 10px;
    text-transform: uppercase;
    height: 12px;
    margin: 0 0 10px 0;
}
.stories_story{
    font-size: 14px;
}

/* custom1.tpl */
.custom1{
    width: 410px;
    float: left;
}
.custom1_img{
    width: 180px;
    height: 120px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 25px 10px 0;
}
.custom1:hover .stories_counts{
    width: 70%;
}
.custom1 .post_img:before{
    background-color: rgba(0,0,0,0);
}
.custom1:hover .post_img:before{
    background-color: rgba(0,0,0,0.5);
}

/* custom2.tpl */
.custom2{
    width: 410px;
    margin: 0 0 10px 25px;
    float: right;
    padding: 0 0 0 70px;

}
.custom2_date{
    margin: 0 0 0 -70px;
    width: 60px;
    color: #487abd;
    float: left;
    font-size: 12px;
    text-align: right;
    line-height: 16px;
}
.custom2_date > div{
    float: right;
}
.custom2_title{
    font-size: 16px;
    line-height: 20px;
    color: #303030;
}
.custom2_title a{
    font-size: 16px;
    color: #303030;
    text-decoration: none;
}
.custom2_title a:hover{
    color: #487abd;
    text-decoration: none;
}

.photo_video{
    width: 410px;
    float: left;
    position: relative;
}
.photo_video:nth-of-type(2n+1){
    margin-right: 25px;
}
h4.photo_header{
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 24px;
    color: #fff;
    background-color: #487abd;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 5;
}
h4.photo_header a{
    color: #fff;
    text-decoration: none;
    font-size: 24px;
}
h4.photo_header a:hover{
    text-decoration: none;
    color: #000;
}
/* photo.tpl */
.custom_photo{
    width: 205px;
    height: 154px;
    display: inline-block;
    float: left;
    position: relative;
}
.custom_photo:nth-of-type(2n){
    height: 110px;
}
.custom_photo:nth-of-type(2n) .photo_img:before{
    background-color: rgba(179,72,189,0.4);
}
.custom_photo:nth-of-type(4n){
    margin-top: -110px;
}
.custom_photo a{
    color: #fff;
}
.photo_img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
}
.photo_img:before{
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(72,122,189,0.4);
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}
.photo_img:hover:before{
    background-color: rgba(0,0,0,0.4) !important;
}   
.photo_title{
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    padding:20px;
    bottom: 0;
    left: 0;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}
.custom_photo:hover .photo_title{
    bottom: 20px;
}

/* custom_video.tpl */
.custom_video{
    width: 205px;
    height: 215px;
    background-color: #303030;
    float: left;
    overflow: hidden;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}
.video_img{
    width: 100%;
    height: 115px;
    overflow: hidden;
    position: relative;
}
.custom_video .post_img:before{
    background-color: rgba(0,0,0,0);
}
.custom_video:hover .post_img:before{
    background-color: rgba(0,0,0,0.5);
}
.custom_video:hover{    
    background-color: #202020;
}
.custom_video:hover .stories_counts{
    width: 70%;
}
.custom_video:hover .play_icon{
    left: 100%;
    margin-left: 0;
}
.video_title{
    color: #fff;
    line-height: 20px;
    font-size: 18px;
    padding: 20px;
    border-right: 1px solid #404040;

}
.video_title a{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
.video_title a:hover{
    color: #ddd;
}
.play_icon{
    width: 40px;
    height: 40px;
    background-position: -50px -70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    z-index: 10;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}


.side_block{
    width:240px;
    margin:0 0 25px 0;
}
.side_block a{
    color:#487abd;
    text-decoration: none;
}
.side_block a:hover{
    color: #202020;
}


.tabs_header{
    height: 40px;
    border:1px solid #487abd;
    margin: 0 0 15px 0;
}
.tabs_header span{
    color:#487abd ;
    font-size:16px;
    line-height:38px;
    text-align:center;
    display: block;
    float: left;
    width: 50%;
    text-decoration:none;
    text-transform: uppercase;
}
.tabs_header span:hover{
    cursor:pointer;
    color: #202020;
}
.active-ttab{
    color:#fff !important;
    background:#487abd !important;
    position: relative;
}
.active-ttab:after{
    content: "";
    position: absolute;
    display: block;
    width:0;
    height:0;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -5px;
    border-top:5px solid #487abd !important;
    border:5px outset transparent;
}
.index-panel{
    margin: 10px 0 0 0;
    border-top: 2px solid #487abd ;
}
.tab-box{
    display:none;  
}


/* custom_top.tpl */
.custom_top{
    margin: 0 0 10px 0;
}
.custom_top_img{
    width: 90px;
    height: 60px;
    margin: 0 15px 15px 0;
    float: left;
}
.custom_top_img .post_img:before{
    background-color: rgba(0,0,0,0);
}
.custom_top:hover .post_img:before{
    background-color: rgba(0,0,0,0.5);
}
.side_block .last_news_title{
    line-height: 18px;
    margin: 0 0 10px 0;
}
.side_block .last_news_title a{
    color: #303030;
    font-size: 16px;
    text-decoration: none;
}
.side_block .last_news_title a:hover{
    color: #487abd;
    text-decoration: none;
}
.top_content{
    overflow: hidden;
    margin: 0 0 15px 0;
}
.top_views{
    background-position: -80px -108px;
    padding: 0 0 0 15px;
    margin: 0 10px 0 0;
}
.top_comments{
    background-position: -140px -108px;
    padding: 0 0 0 15px;
}


/* FOOTER    */
.footer {
    background-color: #353d42;
    font-size: 14px;
    color: #909090;
    padding-bottom: 25px;
}
.footer > .wrap{
    padding: 25px 25px 0 25px;

    background-color: #202020;
}
.footer a{
    text-decoration:none;
    color: #fff;
    font-size: 14px;
}
.footer a:hover{
    text-decoration:none;
    color: #487abd;
}
.col2{
    width: 50%;
    padding: 0 0 25px 0;
    float: left;
}
.footer .logo{
    margin: 0 25px 0 0;
    width: 125px;
    height: 25px;
}
.footer .logo img{
    width: 125px;
}
.copyrights{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}
.footer_menu{
    padding: 0 25px;
}
.footer_menu ul{
    list-style: none;
    width: 50%;
    display: block;
    float: left;
    padding:0 0 0 25px;
}
.footer_menu li{
    display:block;
    font-size: 12px;
}
.footer_menu li a{
    font-size: 12px;
   line-height: 20px;
   height: 20px;
   display: inline-block;  
   margin: 0 0 5px 0;
   position: relative;
   text-decoration: none;
}
.footer_menu li a:hover{
    text-decoration: none;
    color: #909090;
}
.about{
    margin:20px 0;
    font-size: 12px;
}
.about a{    
    font-size:12px;
}
.footer .social_menu{
    width: auto;
    float: none;
    margin:0 0  25px 0;
}
.counters{
    height:41px;
}
a.developer{
    display: inline-block;
    width: 110px;
    height: 20px;
    margin: 20px 20px 0 0;
    background-position: -50px -130px;
}

.sort{
    line-height:20px;
    font-size: 15px;
    color: #909090;
    margin: 0 0 15px 0 !important;
}
.sort a{
    display:inline-block;
    font-size: 15px;
    text-decoration: none;
    color: #487abd;
}
.sort a:hover{
    color: #505050;
}

/* shortspry.tpl */
.shortstory{
    width:100%;
    position: relative;
    overflow: hidden;
    margin: 0 0 25px 0 ;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
}
.shortstory:hover{
    border-bottom: 1px solid #d1d1d1;
}
.shortstory:hover .gradient_info{
    bottom: 0;
}
.short_post{    
    width: 240px;
    height: 160px;
    float: left;
    margin: 0 25px 0 0;
    background-size: cover;
    background-position:center center;
}
.short_post_content{
    overflow: hidden;
}
.short_title{
    font-size: 22px;
    line-height: 24px;
    color: #202020;
    font-weight: normal;
    margin: 0 0 15px 0;
}
.short_title a{
    text-decoration: none;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
    color: #202020;
    font-size: 22px;
}
.short_title a:hover{
    color: #487abd;
}
.short-story_post{
    font-size: 16px;
    line-height: 24px;
    color: #505050;
}


/* shortstory2.tpl */
.shortstory2{
    width:410px;
    height: 315px;
    overflow: hidden;
    margin: 0 25px 40px 0;
    float: left;
}
.shortstory2:nth-of-type(2n){
    margin-right: 0;
}
.shortstory2:hover .gradient_info{
    bottom: 0;
}
.shortstory2 .news_date, .shortstory .news_date{
    color: #fff;
}
.short_post2{    
    width: 100%;
    height: 237px;
    margin: 0 0 15px 0;
}
.short_post2 img{
    width: 100%;
    min-height: 100%;
}
.short_title2{
    font-size: 20px;
    line-height: 21px;
    color: #202020;
    font-weight: normal;
    max-height: 63px;
    overflow: hidden;
}
.short_title2 a{
    text-decoration: none;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
    color: #202020;
    font-size: 20px;
}
.short_title2 a:hover{
    color: #487abd;
}

/* shortstory3.tpl */
.shortstory3{
    margin: 0 0 40px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
}
.short_title3{
    font-size: 30px;
    line-height: 28px;
    color: #202020;
    font-weight: normal;
    margin: 0 0 15px 0;
}
.short_title3 a{
    text-decoration: none;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
    color: #202020;
    font-size: 30px;
}
.short_title3 a:hover{
    color: #487abd;
}
.read_more a{
    font-size: 20px;
    text-decoration: none;
}



/* navigation.tpl */
.navigation-holder{
    text-align: center;
    clear: both;
    height: 50px;
    margin: 40px 0 40px 0;
}
.navigation{
    color:#000;
    font-size:16px;
    clear:both;
    display: inline-block;
    text-align: center;
}
.navigation b{
    padding-top: 0 !important;

}
.navigation span, .navigation a, .navigation b{ 
    height: 50px;
    line-height: 50px;
    padding-top: 2px;
    vertical-align: middle;
    min-width:50px;
    font-size:14px;
    float:left;
    background-color: #f1f1f1;
}
.navigation a{
    line-height:50px;
    color:#487abd;
    text-decoration: none;
}
.navigation a:hover{
    text-decoration:none;
    color:#fff;
    background:#487abd;
}
.navigation span {    
    text-decoration:none;
    color:#fff;
    background-color: #487abd;
}
.nav_ext{
    background-color: #f1f1f1 !important;
    color: #202020 !important;

}
.next,.prev{
    line-height: 50px !important;
}
.next span,.prev span{
    background:none !important;
    color:#909090;
    border:0 !important;
    line-height: 50px !important;
}
.next a, .prev a{
    text-decoration:none !important;
    font-weight: bold;
    color: #487abd;
}
.next a:hover, .prev a:hover{
}



.post_content{
    font-size: 16px;
    color: #202020;
}
.post_content a{
    font-size: 16px;
    color: #487abd;
    text-decoration: underline;
}
.post_content a:hover{
    text-decoration: none;
}
.post_content img{
    max-width: 100%;
    padding:10px 0;
    height: auto !important;
}
.post_content object, .post_content iframe, .post_content embed{
    max-width: 100%;
    margin: 10px 0;
}
.post_content img[align="left"], .post_content img[style="float:left;"]{
    padding: 10px 20px 10px 0;
}
.post_content img[align="right"], .post_content img[style="float:right;"]{
    padding: 10px 0 10px 20px;
}
.post_content a:hover img{
    opacity:.8;
}
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{
    color:#000;
    font-family:"PT Sans Bold";
    margin:10px 0;
}
.post_content hr{
    background-color:#d9e1e3;
    border:none;
    height:1px;
    margin:0 0 20px;
}
.post_content table{
    border-collapse:collapse;
    border:none;
    font-size:14px;
    width:100%;
    table-layout:fixed;
    margin-bottom:25px;
    color: #505050;
}
.post_content table th,.post_content table td{
    padding:10px;
    border:1px solid #ddd;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}
.post_content table tr:first-child{
    background-color: #fafafa;
    color: #202020;
}
.post_content ul{
    margin:0 20px 20px 20px;
}

.post_content ul li{
    display:block;
    position:relative;
    padding:5px 0 0 25px;
    margin-bottom:5px;
    line-height: 1.2;
}

.post_content ul li strong{
    font-family:'PT Sans Bold';
}

.post_content ul li a{
    color:#487abd;
    text-decoration:underline;
}

.post_content ul li a:hover{
    text-decoration:none;
}

.post_content ul li:before{
    content: '';
    display: block;
    width: 6px !important;
    height: 6px !important;
    position: absolute;
    top: 10px;
    left: 4px;
    background-color: #505050;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.post_content ol{
    margin:0 20px 20px 20px;
    counter-reset:list;
}

.post_content ol li{
    display:block;
    position:relative;
    padding:5px 0 0 20px;
    font-family:'PT Sans Regular';
    margin-bottom:5px;
    counter-reset:list1;
    min-height:32px;
}

.post_content ol li strong{
    font-family:'PT Sans Bold';
}

.post_content ol li a{
    color:#487abd;
    text-decoration:underline;
}

.post_content ol li a:hover{
    text-decoration:none;
}

.post_content ol li:before{
    content:counter(list)".";
    counter-increment:list;
    display:block;
    position:absolute;
    top:5px;
    left:-2px;
    color:#487abd;
}
.post_content p{
    margin:0 0 10px 0;
}
.post_content b, .post_content strong{
    font-weight: normal;
    font-family: "PT Sans Bold";
}

/* pm.tpl */
.pm_aside{
    width: 200px;
    float: left;
    background-color: #202020;
    color: #707070;
    margin-right: 25px; 
}
.pm_main{

    overflow: hidden;
}
.pmlinks{

}
.pmlinks a{
    display:block;
    height:40px;
    padding:10px 0 10px 40px;
    line-height:20px;
    color:#aaa;
    text-decoration:none;
    border-bottom: 1px solid #303030;
    vertical-align: middle;
}
.pmlinks a:hover{
    color:#fff;
    background-color:#252525;
}
.pmlinks a:before{
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    margin: 0 0 0 -30px;
    position: absolute;
}
.pmlinks a[href*="inbox"]:before{
    background-position: -80px -190px;
}
.pmlinks a[href*="outbox"]:before{
    background-position: -100px -190px;
}
.pmlinks a[href*="newpm"]:before{
    background-position: -120px -190px;
}
.pm_status {
}
.pm_status_content {
    padding: 15px 20px;
    font-size: 14px;
}
/*---прогресс бар---*/
.pm_progress_bar {    
    height:30px;
    width:100%;
    background-color: #151515;
}
.pm_progress_bar span {
    background:#487abd;
    font-size: 0em;
    text-indent: -2000em;
    height: 30px;
    display: block;
    overflow: hidden;

}

/* 
 * ========================================
 * Персональные сообщения
 * ========================================
 */ 
table.pm td{
    border-top:1px solid #eee;
    height:40px;
}
table.pm tr:first-child td, table.pm tr:last-child td{
    border-top: 0;
}
.pm .bbcodes{
    line-height: 30px !important;
    height: 30px;
    padding: 0 10px;
}
.pm_head {
    font-size:18px; 
    line-height: 30px;
    font-family: "PT Sans Bold";
    color:#303030;
    text-decoration:none;

}
.pm td input[type="checkbox"]{
    vertical-align: middle;
}
.pm_list {
    color: #909090;
    font-family: tahoma;
    }
.pm_list a {
    color: #487abd;
    text-decoration:none;
}
.pm_list:last-child, .pm_head:last-child{
    text-align: center;
}
.pm_sub{
    color:#909090;
    padding:10px;
    margin: 20px 0 0 0;
    font-size: 14px;
    font-style: normal;
    background-color: #f5f5f5;
}
.pm_sub a{
    color: #487abd;
    font-size: 14px;
}


/* profile_popup.tpl */
.avatar_bg{
    width: 100%;
    height: 150px;
    position: relative;
    z-index: 1;
    background-size:cover;
    background-position: center center;    
    background: -moz-linear-gradient(left,  #487abd 0%, #b348bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#487abd), color-stop(100%,#b348bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #487abd 0%,#b348bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #487abd 0%,#b348bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #487abd 0%,#b348bd 100%); /* IE10+ */
    background: linear-gradient(to right,  #487abd 0%,#b348bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#487abd', endColorstr='#b348bd',GradientType=0 ); /* IE6-9 */
}
.avatar_bg:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
}
.avatar_popup{
    width:70px;
    height:70px; 
    background-size: cover; 
    background-position: center center;
    overflow: hidden;
    z-index: 3;
    position: absolute;
    margin: 0 0 0 -35px;
    left: 50%;
    top: 15px;
    border:5px solid #fff;
}
.avatar_hover_content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    line-height: 15px;
    z-index: 2;
    color: #fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
.avatar_hover_content b{
    font-family: "PT Sans Bold";
    font-weight: normal;
}
.userinfo_left{
    width: 50%;
    float: left;
    height: 100%;
    padding: 0 50px 0 0;
    font-size: 13px;
}
.userinfo_left > div, .userinfo_right div{
    margin: 0 0 10px 0;
}
.userinfo_right .rating{
    float: right !important;
}
.userinfo_right{
    width: 50%;
    float: right;
    height: 100%;
    padding: 0 0 0 50px;
    text-align: right;
    font-size: 13px;
}
.profile_popup_counters{
    background-color: rgba(0,0,0,0.5);
    height: 50px;
    width: 100%;
    color: #fff;
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 0;
}
.profile_popup_counter{
    width: 40%;
    height: 50px;
    float: left;
    padding: 15px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    display: block;
    position: relative;
}
.profile_popup_counter b{
    font-size: 24px;
    font-family: "PT Sans Bold";
}
.profile_popup_counter a{
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    color: #487abd;
    text-align: center;
    line-height: 50px;
    text-indent: -9999px;

}
.profile_popup_counter a:hover{
    background-color: rgba(0,0,0,0.2);
}
.profile_popup_rss{
    width: 20%;
    float: left;
    height: 50px;
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right:1px solid rgba(0,0,0,0.2);
    color: #fff;
}
.profile_popup_rss a{
    font-size: 24px !important;
    font-family: "PT Sans Bold";
    line-height: 50px;
    color: #fff !important;
    text-decoration: none;
    display: block;
    text-align: center;
}
.profile_popup_rss a:focus{
    outline: none;
}
.profile_popup_rss a:hover{
    background-color: rgba(0,0,0,0.1);
}


/* addnews.tpl */
.chzn-choices {
    border:1px solid #ccc !important;
    width:250px !important;
    box-shadow:none !important;
}
.chzn-container-active .chzn-choices {
    box-shadow:none;
    border:1px solid #487abd !important;
}
#category_chzn{
    width: 250px !important;
}
td .bbcodes{
    height: 40px;
    line-height: 40px !important;
    padding: 0 15px;
    -webkit-border-radius:2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.chzn-container-multi .chzn-choices .search-field input {
    height: auto !important; 
}
/* */

/* Feedback.tpl */
.feedbackta{
    width:250px;
    padding: 5px;
    height: 150px;
}
select[name="recip"]{
    height: 40px;
    padding: 10px;
    line-height: 20px; 
    width: 250px; 
}
select[name="recip"] option{
    line-height: 20px;
}

/* poll.tpl */
.poll{
    background:#f1f1f1;
    padding:20px;
    margin:10px 0;
}
.poll b{
    font-size:16px;
    line-height:20px;
    color:#487abd;
    font-family: "PT Sans Bold";
    font-weight: normal;
}
.poll i{
    line-height:30px;
}



/* Buttons */
.buttonholder{
    margin: 20px 0 0 0;
}
.site_button{
    cursor: pointer;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 15px;
}
.site_button:active{
    background-color: rgba(0,0,0,1);
}
.site_button:hover{
    background-color: #404040;
    color: #fff;
}
.dark_button{    
    margin: 0 20px 0 0;
    border:0;
    background-color: #202020;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
.color_button{
    border:1px solid #487abd;
    color: #fff;
    background-color: #487abd;
    height: 40px;
    line-height: 40px;
}
.color_button:hover{
    border:1px solid #000;
}



/* fullstory.tpl */
.full-story, .tagscloud{
    width:100%;
    padding:0 0 25px 0;
    color:#202020;
    font-size:16px;
    line-height:150%;
}
.full-story .post_content, .shortstory3 .post_content{
    margin-bottom: 25px;
    width: 85%;
    float: right;
}
.tagscloud a{    
    color:#487abd;
}
.post_title{
    font-size:36px;
    color:#202020;
    text-decoration:none;
    line-height:40px;
    margin-bottom:25px;
    position:relative;
}
.post_title a{
    color:#202020;
    font-size:36px ;
    text-decoration:underline;
}
.post_title a:hover{
    color:#487abd;
    text-decoration:underline;
}
.full_post_meta{
    padding:0 25px 0 0;
    color: #909090;
    font-size: 12px;
    float: left;
    width: 15%;
    margin: 0 0 25px 0;
}
.full_post_meta a{
    font-size: 12px;
    color: #487abd;
    text-decoration: none;
}
.full_post_meta a:hover{
    color: #202020;
}
.full_post_meta_item{
    margin: 0 0 5px 0;    
    line-height: 20px;
    min-height: 20px;
    text-transform: uppercase;
    display: block;
}

.service_buttons{
    height: 30px;
}
.service_buttons a{
    float: left;
    margin: 0 5px 0 0;

}
.service_buttons a:last-of-type{
    margin: 0;
}
.service_buttons i{
    height: 30px;
    width: 30px;
    display: block;
    border:1px solid #ddd;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
    position: relative;
}
.service_buttons i:hover{
    border-color: #aaa;
}
i.edit_button{
    background-position: -71px -151px;
}
i.complaint_button{
    background-position: -41px -151px;
}
.full_post_tags{

}
.full_post_tags a{
    text-decoration: none;
    color: #487abd;
}
.full_post_tags a:hover{
    color: #202020;
}
.frating{
    margin: 10px 0;
}



/* related.tpl */
.related_news_block, .addcomment-post, .comments{
    margin: 40px 0 0 0;
}
.related_news_post{
    width:33.333%;
    height: 92px;
    padding: 0 25px 25px 0;
    float: left;
    overflow: hidden;
}
.related_news_post:nth-of-type(3n){
    padding-right: 0;
}
.related_news_post .post_img:before{
    background-color: rgba(0,0,0,0);
}
.related_news_post:hover .post_img:before{
    background-color: rgba(0,0,0,0.2);
}
.related-news{
    width:100px;
    min-height: 67px;
    margin:0 15px 0 0;
    float: left;
}
.related-news img{
    width:100%;
    min-height: 100%;
}
.related_news_post h3{
    font-size: 16px;
    line-height: 22px;
    max-height: 67px;
    overflow: hidden;
}
.related_news_post h3 a{
    font-size: 16px;
    text-decoration: none;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
}
.related_news_post:hover h3 a{
    color: #487abd;
}
/* addcoments.tpl*/
.addcomment-post{
    color: #909090;
}
.addcomment_editor{
    width: 50%;
    min-width: 250px;
    height: 60px;
    min-height: 60px;
    margin: 0 0 10px 0;
}
.addcomment_editor:focus{
    height: 100px;
}


/* */

/* COMMENTS.tpl */
.comment{
    margin:0 0 25px 0;
    padding:15px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.comment a{
    color:#487abd;
    text-decoration:none;
}
.comment a:hover{
    text-decoration:underline;	
}
.comment_avatar{
    width:40px;
    height: 40px;
    margin: 0 25px 0 0;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;    
    position: absolute;
    top: 15px;
    left: 0;
}
.comment_content{    
    width: 100%;
    padding-left: 65px;
}
.comment-news a{
    text-decoration:underline;
    margin:0 0 20px 0 !important;
    display: inline-block;
    font-size: 18px;
}
.comment-news a:hover{
    text-decoration:none;
    color:#487abd;
}
.comment_meta{
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #909090;
    margin: 0 0 15px 0;
}
.comment_meta span a{
    line-height: 16px;
}
.comment_author{
    padding: 0 0 0 15px;
    position: relative;
    font-size: 14px;
    color: #202020;
}
.comment_author a{
    font-size: 16px;
    color: #202020;
    font-family: "PT Sans Bold";
}
.comment_author a:hover{
    color:#487abd;
    text-decoration: none;
}
.comment_author:before{
    position: absolute;
    content: "";
    display: block;
    left: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.comment_author.author_offline:before{
    border:1px solid #ccc;  
    top: 5px; 
    width: 6px;
    height: 6px; 
}
.comment_author.author_online:before{
    background-color: #487abd;
    width: 6px;
    height: 6px;
    top: 5px;
}
.comment_date{
    float: right;
}
.mass-action{
    margin:-2px 0 0 10px;
    height:14px;
    float:right;
}
.mass-action input[type="checkbox"]{
    margin: 0;
}

.comment_post{
    font-size: 16px;
    line-height: 18px;
    color: #505050;
}
.comment_post a{
    font-size: 16px;
}
.comment_controls{
    margin: 10px 0 0 0;
    height: 12px;
    line-height: 12px;
    float: right;
}
.comment_controls a{
    font-size: 13px;
    color: #000;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
    margin: 0 0 0 10px;
}
.comment_controls a:hover{
    color: #487abd;
    text-decoration: none;
}
.mass_comments_action{
    color:#909090;
}
.mass_comments_action select[name="mass_action"]{
    height: 22px;
    border-color: #ccc;
}


.info{
    margin: 0 0 25px 0;
    color:#aaa;
    padding:25px;
    font-size:14px;
    line-height: 1.2;
    border:1px solid #eee;
}
.info a{
    color:#487abd;
    font-size: 14px;
    text-decoration: none;
}

/* registration.tpl */
form#registration .bbcodes{
    height: 40px;
    padding: 0 15px;
    line-height: 20px;
    font-size: 16px;
    font-family: "PT Sans Bold";
    vertical-align: middle;
}

/* userinfo.tpl */
.userinfo .post_content{
    float: none;
}
.profile_cell{
    width: 50%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    float: left;
    border:1px solid #ddd;
    border-top: 0 !important;
    color: #909090;
    font-size: 20px;
    position: relative;
}
.profile_cell:nth-of-type(2n){    
    border-left:0 !important;
}
.profile_cell a{
    display: block;
    width: 100%;
    height: 100%;
    line-height:56px;
    font-size: 20px;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
    color: #487abd;
    text-decoration: none;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
}
.profile_cell a:hover{
    background-color: rgba(0,0,0,0.7);
    color: #fff;
}
.profile_cell.location{    
    padding: 0 20px 0 30px;
}
.profile_cell.icq{
    padding:0 20px 0 36px;
}
.profile_cell:before{
    content: "";
    position: absolute;
    height: 16px;
    left: 20px;
    top: 20px;
}
.profile_cell.location:before{
    width: 10px;
    background-position: -80px -210px;
}
.profile_cell.icq:before{
    width: 16px;
    background-position: -100px -210px;
}

.edit_button a{
    display: block;
    text-align: center;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
    border:1px solid rgba(0,0,0,0.3);
    background-color: transparent;
    color: #202020;
    height: 50px;
    line-height: 50px !important;
    text-decoration: none;
    padding: 0 10px;
    font-family: "PT Sans Bold";
    margin: 0 0 40px 0;
}
.edit_button a:hover{
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}
.block_ip{
    font-size: 12px;
}
.file_upload{
    display: inline-block;
    cursor: pointer;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
    overflow: hidden;
    width: 150px;
    position: relative;
}
.file_upload span{
    display: block;
    position: absolute;
}
.file_upload:hover{
    border: 1px solid #000;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}
.file_upload input[type="file"]{
    margin-top: -50px; 
    margin-left:-410px; 
    -moz-opacity: 0; 
    filter: alpha(opacity=0); 
    opacity: 0; 

}

/* vote.tpl */
.vote{
    font-size: 14px;
    line-height:150%;
    width:auto !important;
}
.question{
    font-size: 16px;    
    color:#202020;
    font-family: "PT Sans Bold";
    margin:20px 0 15px 0;
}
#dle-vote{
    margin: 0 0 20px 0;
}
.vote_button{    
    border:1px solid #707070;
    line-height: 36px;
    color: #707070;
    background-color: #fff;
}

.vote_button, .results_button{
    height: 40px;
    padding: 3px 0 0 0;
    text-align: center;
    width: 50%;
    text-transform: uppercase;
    font-family: "PT Sans Bold";
    font-size: 12px;
    float: left;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
}
.results_button{
    border:1px solid #487abd;
    border-left: 0;
    line-height: 36px;
    background-color: #fff;
    color: #487abd;
}
.results_button:hover, .vote_button:hover{
    background-color: #202020;
    border-color: #202020;
    color: #fff;
}
.all_votes{
    margin: 10px 0 0 0;
    display: inline-block;
    height: 16px;
}



table.fulltable{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    cellspacing:0;
    border:0;
}
table.fulltable td{
    padding:0 0 20px 0;
    vertical-align: top;
}

.line{
    margin:5px 0;
    padding:5px 15px;
    border:1px solid #e0e0e0;
    background:#fafafa;
    min-height:20px;
    text-align:left;
    font-size:13px;
}
.sline, .addnews{
    width:140px;
    min-height:25px;
    line-height:25px;
    font-size:16px;
    padding-top: 10px !important;
}
.pline{
    width:400px;
    min-height:15px;
    line-height:15px;
    text-align:left;
}
.import{
    color:#487abd;
}
.line a{
    color:#487abd;
}
.row{
    font-size:15px;
    margin:5px 0;
    padding:5px;
 /*   border:1px solid #eee; */
    background:#fafafa;
	font-family: sans-serif;
    line-height: 150%;
	   /*   width: 1200px !important; */
}
.row a{
    color:#487abd;
}
.row h{
    min-width:150px;
    padding:3px;
    margin:0 0 10px 0;
}

.userstop{
    font-size:11px;
    color:#505050;
    border-collapse:collapse;
}
.userstop thead {
    padding:5px 0 0 5px;
    height:20px;
    font-size:12px;
    color:#303030;
    background:#eee;
    background: linear-gradient(to top, #eee, #fff);
}
.userstop table {
    border-collapse:collapse;
}
.userstop td {
    text-align:center;
    height:25px;
    padding:0px;
    border:1px solid #ccc;
}
.userstop a {
    font-size:11px;
    text-decoration:none;
    color:#487abd;
}
.userstop a:hover {
    text-decoration: none;
}
.stat{
    color:#707070;
    font-size:13px;
    min-height:15px;
    margin:0 20px 0 20px;
    padding:2px 0 5px 0;
    border-bottom:1px solid #e0e0e0;
    font-family: "PT Sans Bold";
}
.stat span{
    float:right;
    font-weight:normal;
    font-family: "PT Sans Regular";
}
.stat a{
    font-size:13px;
    text-decoration:none;
}
.h-row{
    color:#505050;
    background:#f1f1f1;
    font-family: "PT Sans Bold";
    padding:0 0 0 15px;
    margin:10px 0 0 0;
    line-height: 30px;
}

 textarea, .txsh, .input1, .input2, .input3, .input4, .xfields input[type="text"], input.default{
    border:1px solid #ccc;
    line-height:20px;
    background:#fff;	
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
    padding:10px;
}
.txsh, .input1, .input2, .input3, .xfields input[type="text"], input.default{ 
    height:40px ;
    line-height: 20px;
}
textarea{
    min-height: 100px;
}
textarea:focus, .txsh:focus, .input1:focus, .input2:focus, .input3:focus, .search #searchinput:focus, .search #searchuser:focus, .field:focus, .field:hover, .xfields input[type="text"]:focus, input.default:focus{
    box-shadow:none;
    border:1px solid #909090 !important;
}
.input1, .xfields input[type="text"], input.default{
    width:250px ;  
    font-size:13px;
    color:#707070;
}
.input2{
    width:100px;
    font-size:12px;
}
.input3{
    width:223px;  
    font-size:12px; 
    margin: 0 10px 0 0;
}
.input4{
    font-size:13px;	
    height:100px;
    width:250px;
}
.clear {
    margin:0;
    padding:0;
    height:0px;
    clear:both;
    width:100%;
}
table{
    background:transparent;
    border:0px;
    border-collapse:separate;
}
table td{
    text-align:left;
    padding:0px;
    background:transparent;
}
select {
    font-size: 12px;
    font-family: Arial;
}
.stext {
    color: #727272;
    font-size: 11px;
    font-family: tahoma;
}
.stext a:active,
.stext a:visited,
.stext a:link {
    color: #0084ff;
    text-decoration:none;
}
.stext a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.ntitle {
    color: #CC00FF;
    font-size: 15px;
    font-family: tahoma;
    font-weight: bold;
    padding:11px 0 0 6px;
}
.ntitle a {
    color: #0084ff;
    text-decoration: underline;
}
.ntitle a:hover {
    text-decoration:none;
}
.ui-dialog fieldset{
    padding:5px;
    color:#487abd;
    border:1px solid #ddd;
    margin: 0 0 10px 0;
}


#totop{
    width:60px;
    height: 40px;
    background-position: -140px -200px;
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:10px;
    right:10px;
    cursor:pointer;
    display:none;
}

.attachment{
    position: relative;
    padding:0 0 5px 20px;
    line-height:16px;
}
.attachment:before{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 14px;
    height: 16px;
    background-position: -50px -220px;
}


/* 
------------------
Слайдер
*/


			
		
		
		.left-col{
			width: 430px;
			float: left;
			margin: 0 30px 0 0;
		}
		
			.item{
				position: relative;
			}
				
				.item-title{
					font: 24px Trebuchet MS;
					color: #000;
					margin: 20 0 15px 0;
				}
				
				.item-content{
				
				}
				
				#foo1{
					margin: 0px !important;
					padding: 0px !important;
				}
					
					.paginationemil{
						position: absolute;
						top: 8px;
						right: 0px;
						height: 18px;
					}
								
						.paginationemil a{
							background: url(../images/pagination.png) 0 top no-repeat;
							display: block;
							width: 19px;
							height: 18px;
							float: left;
							margin: 0 1px;
							text-indent: -99999px;
						}
									
							.paginationemil a:hover, .selected{
								background: url(../images/pagination.png) 0 bottom no-repeat !important;
							}
			
				.slider-newsEMIL{
					position: relative;
					float: left;
					width: 430px;
				}
					
					.slider-newsEMIL h2 a{
						font: 24px Trebuchet MS;
						color: #fff;
						background-color: rgba(28, 67, 104, 0.68);
						border: 1px solid #204160;
						padding: 10px;
						display: block;
						line-height: 32px;
						position: absolute;
						top: 175px;
						overflow: hidden;
						left: 13px;
						
						max-height: 110px;
					}
					
						.slider-newsEMIL h2 a:hover{
							text-decoration: underline;
						}
					
					.slider-newsEMIL-image{
						width: 430px;
						height: 285px;
						overflow: hidden;
						margin: 0 0 15px 0;
					}
						
						.slider-newsEMIL-image img{
							width: 430px;
							min-height: 285px;
						}
					
					.slider-newsEMIL-content{
						font: 13px Trebuchet MS;
						color: #414141;
						line-height: 15px;
						overflow: hidden;
						height: 25px;
						width: 430px;
					}
	
.levayareklama{

width: 350px;
    height: 665px;
    position: fixed;
    left: 50%;
    margin-left: -847px;
    top: 0px;
    z-index: 999999;
}
	
	


	
	----------------------
	
	.imagestory { float: center; width: 80px; height: 80px; margin: 0 8px 6px 0; }
	

	.nav li a {
  font-family: 'Inter', sans-serif; /* или Rubik/Open Sans */
  font-size: 16px;
  font-weight: 500;
  color: #f1f1f1;
  text-transform: capitalize;
  padding: 10px 18px;
  display: block;
  transition: 0.3s;
}

.nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}



/* --- Scroll Up: фикс, идеально центровано --- */
/* --- Scroll Up Button (Median.Az 2025) --- */
.scrollup {
    position: fixed;
    right: 22px;
    bottom: 18px;
    width: 46px;
    height: 46px;
    background: #b348bd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.35s ease;
    z-index: 9999;
}

.scrollup.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Эффект при наведении — лёгкий "подпрыгивающий" bounce */
.scrollup:hover {
    background: #b500ff;
    transform: translateY(-6px);
    transition: all 0.3s ease;
}

/* Анимация "bounce" при наведении */
.scrollup:hover svg {
    animation: bounceArrow 0.4s ease;
}

@keyframes bounceArrow {
    0%, 100% { transform: translateY(1px); }
    50% { transform: translateY(-4px); }
}

/* SVG стрелка — выровнена по центру */
.scrollup svg {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 2px;
    left: 0;
    width: 28px;
    height: 28px;
    pointer-events: none;
}

/* Мобильная версия — ниже и чуть меньше */
@media (max-width: 768px) {
    .scrollup {
        right: 16px;
        bottom: 55px;
        width: 44px;
        height: 44px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    }
}



//banneri ekran novostey umenshaetsa

/* ===== Центрирование и адаптация контента под боковые баннеры ===== */

/* На больших мониторах (1600px и выше) — стандартная ширина */
.container, #mains, #dle-content {
  max-width: 1200px;
  margin: 0 auto;
  transition: all 0.3s ease;
}

/* На ноутбуках — чуть уже контент, чтобы баннеры влезли */
@media (max-width: 1500px) {
  .container, #mains, #dle-content {
    max-width: 1000px;
  }
}

/* На 1366px — ещё немного уже */
@media (max-width: 1380px) {
  .container, #mains, #dle-content {
    max-width: 920px;
  }
}

/* На 1280px — минимальная безопасная ширина */
@media (max-width: 1280px) {
  .container, #mains, #dle-content {
    max-width: 880px;
  }
}

/* На планшетах и мобильных — баннеров уже нет, возвращаем 100% */
@media (max-width: 1200px) {
  .container, #mains, #dle-content {
    max-width: 100%;
    padding: 0 10px;
  }
}






/* ===== Адаптация слайдера и правого баннера под разные экраны ===== */

/* ===== Центрирование и адаптация слайдера + баннера под все экраны ===== */
.slider-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px auto 40px;
  width: 100%;
  max-width: 1180px; /* 👈 ключ — ограничиваем общую ширину блока */
  gap: 15px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 5;
}

/* Слайдер (левая часть) */
.slider-container .swiper {
  flex: 1 1 73%;
  height: 400px;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Баннер справа */
.slider-banner {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.slider-banner img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 10px;
}

/* --- Адаптация для экранов 1366px и меньше --- */
@media (max-width: 1380px) {
  .slider-container {
    max-width: 980px; /* 👈 уменьшили контент по центру */
  }
  .slider-container .swiper {
    height: 340px;
  }
  .slider-banner img {
    height: 340px;
  }
}

/* --- Для экранов 1280px --- */
@media (max-width: 1280px) {
  .slider-container {
    max-width: 900px; /* 👈 сжимает весь блок */
  }
  .slider-container .swiper {
    height: 320px;
  }
  .slider-banner img {
    height: 320px;
  }
}

/* --- Планшеты и меньше --- */
@media (max-width: 992px) {
  .slider-container {
    flex-direction: column;
    max-width: 100%;
    margin: 20px auto;
  }
  .slider-banner {
    display: none;
  }
  .slider-container .swiper {
    height: 260px;
  }
}


/* ===== Общий wrapper для слайдера ===== */
.slider-wrapper {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* Контейнер слайдера и баннера */
.slider-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 15px;
  transition: all 0.3s ease;
}

/* Слайдер */
.slider-container .swiper {
  flex: 1 1 73%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
}

/* Баннер справа */
.slider-banner {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
}

.slider-banner img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: all 0.3s ease;
}

/* --- При 1366px --- */
@media (max-width: 1380px) {
  .slider-wrapper {
    max-width: 980px;
  }
  .slider-banner img {
    max-height: 340px;
  }
}

/* --- При 1280px --- */
@media (max-width: 1280px) {
  .slider-wrapper {
    max-width: 900px;
  }
  .slider-banner img {
    max-height: 320px;
  }
}

/* --- Планшеты --- */
@media (max-width: 992px) {
  .slider-wrapper {
    max-width: 100%;
  }
  .slider-container {
    flex-direction: column;
  }
  .slider-banner {
    display: none;
  }
}



/*BANNERI prilipanie */