@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

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

.searchbt,     .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:#0068ac;
    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";
}
 .photo_header, .video_icon, .edit_date {
    font-family: "PT Sans Narrow Regular";
}
 .photo_title, .video_title,  .tabs_header,  .short_title3, .read_more, .site_button{
    font-family: "PT Sans Narrow Bold";

}

 .short_title, .post_title, .nav-btn, .hblock h4, .side_header, .top_topics, .allnews, .stories_title{
    font-family: "PT Sans Bold";
 }



html{
    padding:0px;
}
body{
    background:#fff;
    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{
    width:100%;
    z-index: 999;
    white-space:nowrap;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.header>.wrap{
    padding-top: 20px;
    padding-bottom: 20px;
}
.top_adv{
    background-color: #6a8fc0;
    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;
}
/* navigation menu*/
.nav-line{
    height: 40px;
    width: 100%;
    background-color: #0068ac;
}
.nav-wrap{
    position: relative;
    height: 40px;
}
.header>.nav-wrap.wrap{
    padding: 0;
}
.nav{
    display:block;
    position: relative;
    width:100%;
    padding-right: 40px;
    height:40px;
    z-index: 100;
}
.nav-btn{
    border:0;
    line-height: 39px;
    color: #fff;
    display: none;
    padding: 1px 15px 0 15px;
    text-transform: uppercase;
    background-color: rgba(255,255,255,0.1);    
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
}
.nav > ul{
    list-style: none;
    max-width: 100%;
    height: 40px;
}
.nav > ul > li{
    float: left;
    position: relative;
}
.nav  > ul > li > a{
    display: block;
    padding: 0 20px;
    line-height: 40px;
    font-size: 16px;
    float: left;
    text-decoration: none;
    color:#fff;
    border-right: 1px solid rgba(255,255,255,0.15);
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}
.nav li:first-child a{
    border-left: 1px solid rgba(255,255,255,0.15);
}
.nav li a:hover, .nav-btn:hover{
    background-color: rgba(255,255,255,0.3);
}

.header-line{
    background-color: #f5f5f5;
    height: 80px;
    width: 100%;
    padding:15px 0;
}

.logo{
    width:300px;
    height:50px;
    display: block;
    float: left;
}
.logo a{
    display: block;
}
.logo a:hover{
    opacity: 0.8;
}


/* ????? */
.searchblock{
    height:40px;
    width: 500px;
    margin: 5px auto;
}
.search_panel{
    position: relative;
}
.searchform{
    color:#303030;
    width:100%;
    height:40px;
    line-height:20px;
    padding:11px 50px 9px 10px;
    border:1px solid #ddd;
    margin: 0;
    font-size:16px;    
    background-color:#fff;
    overflow:hidden;
    border-radius: 2px;
}
input.searchbt{
    width:38px;
    height:38px;
    border:0 !important;
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    background-position: -41px -1px;
    transition:0.2s ease;
}
input.searchbt:hover{
    background-color: rgba(255,128,0,0.1);
}

.current_date{
    float: right;
    width:250px;
    height: 20px;
    line-height: 20px;
    margin: 15px 0;
    text-align: right;
    color: #0068ac;
    font-size: 16px;
}



/* social.tpl */
.social_menu{
    list-style: none;
    display: block;
    float: right;
    height: 40px;
    width: 270px;
    margin:0 auto 30px auto;
}
.social_menu li{
    display: block;
    float: left;
    color: #fff;
    margin: 0 5px 0 0;
}
.social_menu li a{
    display:block;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    position: relative;
}
.social_menu li a.vk_icon{
    background-position: -1px -1px;
    background-color: #44678e;
}
.social_menu li a.tw_icon{
    background-position: -1px -41px;
    background-color: #48aee5;
}
.social_menu li a.fb_icon{
    background-position: -1px -81px;
    background-color: #405f94;
}
.social_menu li a.yt_icon{
    background-position: -1px -161px;
    background-color: #cc181e;
}
.social_menu li a.gp_icon{
    background-position: -1px -121px;
    background-color: #cc5144;
}
.social_menu li a.rss_icon{
    background-position: -1px -201px;
    background-color: #ed7137;
}
.social_menu li a:hover{
    opacity: 0.9;
}






/* login.tpl  */
.login-btn{
    width:40px;
    height: 40px;
    background-position:-40px -180px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer !important;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    transition: ease 0.2s all;
    background-color: rgba(255,255,255,0.1);
    z-index: 200;
}
.login-btn:hover{
    background-color: rgba(255,255,255,0.3);
}
.login_block{
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    width: 200px;
    background-color: #fff;
    z-index: 300;
    border:4px solid #0068ac;
}
.login_block:before{
    position: absolute;
    content: "";
    top: -19px;
    right: 7px;
    width: 0;
    height: 0;
    border:8px solid transparent;
    border-bottom-color: #0068ac;
}
.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: #0068ac;
    color: #fff;
    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: #0068ac;
}
.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 #0068ac !important;
    background-color:#0068ac;
    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: #0068ac;
}
.reg-link a:hover{
    color: #909090;
}
.social_login{
    margin: 0 0 10px 0;
}
.social_login img{
    margin: 0 2px 0 0;
}
/* LOGIN end  */


.container{
    width: 100%;
}
.content{
    background-color: #fff;
    padding: 30px 0 0 0;
}
.left{
    float: left;
    width: 930px;
}
.right{
    float: right;
    width: 240px;
}
.main_content_col{
    width: 650px;
    float: left;
}
.main_right_col{
    float: right;
    width: 250px;
}
.last_top_fullstory .tabs_header span{
    font-size: 18px;
}
.last_top_fullstory .last_news_title, .last_top_fullstory .last_news_title a{
    font-size: 13px;
}
.hblock{
    margin: 0 0 40px 0;  
}
.hblock h4, .side_header{
    font-size: 22px;
    line-height: 24px;
    padding: 0 0 6px 0;
    margin-bottom: 10px;
    color: #303030;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}

.hblock h4 a, .side_header a{
    font-size: 22px;
    color: #505050;
    text-decoration: none;
}
.hblock h4 a:hover, .side_header a:hover{
    color: #909090;
}
.top_topics{
    margin: 0 0 25px 0;
    line-height: 30px;
    overflow: hidden;
}
.top_topics span{
    display: inline-block;
    border:1px solid #909090;
    padding: 2px 10px 0 10px;
    line-height: 26px;
    color: #303030;
    font-size: 16px;
    margin: 0 20px 5px 0;
}
.top_topics a{
    font-size: 16px;
    text-decoration: none;
    margin: 0 20px 5px 0;
    color: #0068ac;
}
.top_topics a:hover{
    color: #303030;
}


.left_left{
    float: left;
    width: 450px;
}
.left_middle{
    float: right;
    width: 450px;
    margin: 0 0 0 30px;
}
.hblock > .left_middle h4{
    margin-bottom: 0;
}
.small_block{
    width: 50%;
    float: left;
}
.small_block:nth-of-type(2n+1){
    padding: 0 20px 0 0;
}
/* main_news.tpl */
.main_news{
    width: 231px;
    height: 155px;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 0 1px 1px;
}
a.post_img{
    color: #fff;
}
.main_news:first-of-type{
    width: 466px;
    height: 311px;
    overflow: hidden;
    position: relative;
    margin: 0 0 1px 0;
}
.main_news:first-of-type .main_news_title{
    font-size: 20px;
    line-height: 24px;
}
.post_img{
    display: block;
    position: relative;
    overflow: hidden;
    height: 99%;
    width: 99%;
    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;
    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: 16px;
    line-height: 18px;
    margin: 0 0 10px 0;
}
.video_icon, .edit_date{
    height: 14px;
    padding:0 0 0 17px ;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #ff8000;
    vertical-align: middle;
}
.video_icon{    
    background-position: -80px -20px;
}
.edit_date{
    background-position: -80px -40px;
}
.news_date{
    color: #ff8000;
    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 {
}
.top_news_category  .main_news:first-of-type{
    width: 418px;
    margin: 0 0 30px 0; 
}

/* last_top_news.tpl */
.tabs_header{
    height: 31px;
    border-bottom:1px solid #ddd;
    margin: 0 0 15px 0;
}
.tabs_header span{
    color:#909090 ;
    font-size:22px;
    line-height:30px;
    text-align:center;
    display: block;
    float: left;
    width: 50%;
    text-decoration:none;
    margin: 0 0 6px 0;
}
.tabs_header span:hover{
    cursor:pointer;
    color: #202020;
}
.active-ttab{
    color:#0068ac !important;
    border-bottom:1px solid #0068ac !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 #0068ac !important;
    border:5px outset transparent;
}
.index-panel{
    margin: 10px 0 0 0;
    border-top: 2px solid #0068ac ;
}
.tab-box{
    display:none;  
}



/* last_news.tpl */
.last_time{
    margin:2px 0 0 -50px;
    float: left;
    font-size: 13px;
    color: #0068ac;
}
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;
    position: relative;
}
 .last_news_title{
    color: #303030;
    font-size: 15px;
    line-height: 16px;
    text-decoration: none;
}
.last_news_title a{
    color: #303030;
    font-size: 15px;
    line-height: 16px;
    text-decoration: none;
}
.last_news_title a:hover{
    color: #0068ac;
}
a.last_news:hover .last_news_title{
    color: #0068ac;
}
.last_news:after{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #0068ac;
    content: "";
    display: block;
    -webkit-transition:0.4s all;
    -moz-transition:0.4s all;
    transition:0.4s all;
}
a.last_news:hover:after{
    width: 100%;
}
.imp .last_time{
    line-height: 16px;
    margin:0 0 0 -50px;
}
a.last_news.imp{
    font-family: "PT Sans Bold";
}
.allnews{
    height: 40px;
    line-height: 20px;
    color: #0068ac;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}
.allnews:hover{
    color: #505050;
    text-decoration: none;
}


/* stories.tpl */
.news_stories{
    width:210px;
    position: relative;
    margin: 10px 0 30px 0;
    float: left;
}
.news_stories:nth-of-type(2n+1){
    margin-right: 30px;
}
.news_stories_img a{
    color: #fff;
}
.news_stories_img{
    width: 210px;
    height: 140px;
    position: relative;
    overflow: hidden;
}
.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{
    height: 30px;
    overflow: hidden;
    position: absolute;
    bottom:-30px;
    left: 0;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
    z-index: 3;
}
.news_stories:hover .stories_counts{
    bottom:0;
}
.stories_views, .stories_comments{
    height: 30px;
    float: left;
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    padding: 10px 10px 8px 25px;
}
.stories_views{
    background-color: #0068ac;
    background-position: -70px 11px;
}
.stories_comments{
    background-color: #6f95c8;
    background-position: -130px 11px; 
}
.news_stories_content{
    padding:20px 0  0 0;
}
.stories_title{
    font-size: 18px;
    line-height: 20px;
    color: #303030;
    margin: 0 0 10px 0;
}
.stories_title a{
    font-size: 18px;
    color: #303030;
    text-decoration: none;
}
.stories_title a:hover{
    color: #0068ac;
    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;
}


/* custom_afisha.tpl */
.custom_afisha{
    width: 105px;
    height: 158px;
    margin: 0 0 0 10px;
    float: left;
}
.custom_afisha:first-of-type{
    margin: 0 !important;
}
.afisha_title{
    color: #ff8000;
    margin: 0 0 10px 0;
}
.afisha_content{
    color: #fff;    
    font-size: 12px;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    padding: 10px;
    width: 100%;    
    -webkit-transition:0.3s all;
    -moz-transition:0.3s all;
    transition:0.3s all;
}
.custom_afisha:hover .afisha_content{
    top: 0;
}
.custom_afisha .post_img:before{
    background-color: rgba(0,0,0,0);
}
.custom_afisha:hover .post_img:before{
    background-color: rgba(0,0,0,0.8);
}

/* custom_auto.tpl */
.custom_auto{
    width: 225px;
    float: left;
    overflow: hidden;
}
.custom_auto_img{
    width: 225px;
    height: 169px;
}
.short_price{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 20px;
    padding: 0 5px;
    background-color: #ff8000;
}
.auto_title{
    font-size: 16px;
    z-index: 3;
    position: absolute;
    padding: 20px 20px 0 20px;
}


.col3{
    float: left;
    width: 290px;
    margin: 0 0 0 30px;
}
.col3:nth-of-type(3n+1){
    margin-left: 0;
}


/* custom1.tpl */
.custom1{
    margin: 0 0 20px 0;
}
.custom1_img{
    width: 100%;
    height: 186px;
    position: relative;
    overflow: hidden;
    margin: 0 25px 10px 0;
}
.custom1:hover .stories_counts{
    bottom: 0;
}
.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{
    margin: 0 0 20px 0;
    padding: 0 0 0 0;

}
.custom2_date{
    margin: 0 0 0 -70px;
    width: 60px;
    color: #0068ac;
    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: #0068ac;
    text-decoration: none;
}

/* custom3.tpl */
.custom3{
    margin: 10px 0 10px 0;
}
.custom3_date{
    color: #0068ac;
    font-size: 12px;
    line-height: 14px;
}
.custom3_title{
    font-size: 14px;
    line-height: 16px;
    color: #303030;
}
.custom3_title a{
    font-size: 14px;
    color: #303030;
    text-decoration: none;
}
.custom3_title a:hover{
    color: #0068ac;
    text-decoration: none;
}


.catalog{

}
.catalog ul{
    list-style: none;
    width: 50%;
    padding: 0 20px 0 0;
    float: left;
}
.catalog li a{
    color: #0068ac;
    line-height: 24px;
}



/* photo.tpl */
.custom_photo{
    width: 230px;
    height: 150px;
    display: inline-block;
    float: left;
    position: relative;
    margin: 0 1px 0 0;
    overflow: hidden;
}
.custom_photo:last-of-type{
    margin: 0;
}
.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(90,125,171,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_photo:hover .stories_counts{
    bottom: 0;
}


/* custom_video.tpl */
.custom_video{
    width: 232px;
    height: 220px;
    background-color: rgba(0, 104, 172, 1.0);
    float: left;
    overflow: hidden;
    -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}
.video_img{
    width: 100%;
    height: 140px;
    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: #ff8000;
}
.custom_video:hover .stories_counts{
    bottom: 0;
}
.custom_video:hover .play_icon, .shortstory:hover .play_icon{
    bottom: 100%;
    margin-bottom: 0;
}
.video_title{
    color: #fff;
    line-height: 18px;
    font-size: 18px;
    padding: 8px;
    border-right: 1px solid rgba(255,255,255,0.2);

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

.side_block{
    margin:0 0 30px 0;
}
.side_block a{
    color:#0068ac;
    text-decoration: none;
}
.side_block a:hover{
    color: #202020;
}





/* custom_top.tpl */
.custom_top{
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e1e1e1;
}
.custom_top_img{
    width: 60px;
    height: 45px;
    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 5px 0;
}
.side_block .last_news_title a{
    color: #303030;
    font-size: 14px;
    text-decoration: none;
}
.side_block .last_news_title a:hover{
    color: #0068ac;
    text-decoration: none;
}
.top_content{
    overflow: hidden;
    margin: 0 0 10px 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: #f5f5f5;
    font-size: 14px;
    color: #707070;
    padding:30px 0 10px 0;
}
.footer > .wrap{
    
}
.footer a{
    text-decoration:none;
    color: #0068ac;
    font-size: 14px;
}
.footer a:hover{
    text-decoration:none;
    color: #303030;
}
.col1{
    margin: 0 0 20px 0;
}
.col2{
    width: 50%;
    float: left;    
    margin:0 0 20px 0;
}
.col2 > .col2{
    margin: 0;
}
.footer .logo{
    margin: 0 30px 0 0;
    width: 150px;
    height: 25px;
}
.footer .logo img{
    width: 150px;
}
.copyrights{
    display: inline-block;
    line-height: 25px;
    font-size: 16px;
}
.footer_menu{
    padding: 0 30px;
}
.footer_menu ul{
    list-style: none;
    display: block;
}
.footer_menu li{
    display:block;
    font-size: 14px;
}
.footer_menu li a{
    font-size: 14px;
   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;
}
.about{
    margin: 0 0 20px 0;
    font-size: 12px;
}
.about a{    
    font-size:12px;
}
.counters{
    min-height:41px;
}
a.developer{
    display: inline-block;
    width: 105px;
    height: 20px;
    margin: 20px 10px 0 0;
    background-position: -50px -130px;
}

.sort{
    line-height:20px;
    font-size: 15px;
    color: #909090;
    margin: 0 0 20px 0 !important;
}
.sort a{
    display:inline-block;
    font-size: 15px;
    text-decoration: none;
    color: #0068ac;
}
.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: 180px;
    height: 120px;
    float: left;
    margin: 0 25px 0 0;
    background-size: cover;
    background-position:center center;
}
.short_post_content{
    overflow: hidden;
}
.short_title{
    font-size: 20px;
    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: 20px;
}
.short_title a:hover{
    color: #0068ac;
}
.short-story_post{
    font-size: 16px;
    line-height: 24px;
    color: #505050;
}


/* shortstory2.tpl */
.shortstory2{
    width:310px;
    height: 417px;
    overflow: hidden;
    margin: 0 30px 0 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: 207px;
    margin: 0 0 15px 0;
}
.short_post2 img{
    width: 100%;
    min-height: 100%;
}
.short_title2{
    font-size: 18px;
    line-height: 20px;
    color: #202020;
    font-weight: normal;
    font-family: "PT Sans Bold";
    max-height: 60px;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.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: 18px;
}
.short_title2 a:hover{
    color: #0068ac;
}

/* 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 25px 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: #0068ac;
}
.read_more a{
    font-size: 20px;
    text-decoration: none;
    border:1px solid #ddd;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    transition: ease 0.1s all;
}
.read_more a:hover{    
    border-color:#0068ac;
}


/* 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: 40px;
    line-height: 40px;
    padding-top: 2px;
    vertical-align: middle;
    min-width:40px;
    font-size:14px;
    float:left;
    background-color: #f5f5f5;
}
.navigation a{
    line-height:40px;
    color:#0068ac;
    text-decoration: none;
}
.navigation a:hover{
    text-decoration:none;
    color:#fff;
    background:#0068ac;
}
.navigation span {    
    text-decoration:none;
    color:#fff;
    background-color: #0068ac;
}
.nav_ext{
    background-color: #f5f5f5 !important;
    color: #202020 !important;

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



.post_content{
    font-size: 16px;
    color: #202020;
    margin-bottom: 30px;
}
.post_content a{
    font-size: 16px;
    color: #0068ac;
    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:#0068ac;
    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:#0068ac;
    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:#0068ac;
}
.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: 100%;
    background-color: #202020;
    color: #707070;
    margin: 0 0 30px 0; 
}
.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:#0068ac;
    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: #0068ac;
    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: #0068ac;
    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,  #0068ac 0%, #ff8000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0068ac), color-stop(100%,#ff8000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #0068ac 0%,#ff8000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #0068ac 0%,#ff8000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #0068ac 0%,#ff8000 100%); /* IE10+ */
    background: linear-gradient(to right,  #0068ac 0%,#ff8000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068ac', endColorstr='#ff8000',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;
    outline:5px solid rgba(0,0,0,0.1);
}
.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: #0068ac;
    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 #0068ac !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:#0068ac;
    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 #0068ac;
    color: #fff;
    background-color: #0068ac;
    height: 40px;
    line-height: 40px;
}
.color_button:hover{
    border:1px solid #000;
}



/* fullstory.tpl */
.full-story, .tagscloud{
    width:100%;
    padding:0 0 30px 0;
    color:#202020;
    font-size:16px;
    line-height:150%;
}
.tagscloud a{    
    color:#0068ac;
}
.post_title{
    font-size:30px;
    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:#0068ac;
    text-decoration:underline;
}

.full_post_meta{
    padding:0 0 25px 0;
    color: #909090;
    font-size: 12px;
}
.full_post_meta a{
    font-size: 12px;
    color: #0068ac;
    text-decoration: none;
}
.full_post_meta a:hover{
    color: #202020;
}
.full_post_meta_item{
    margin: 0 20px 0 0;    
    line-height: 20px;
    min-height: 20px;
    text-transform: uppercase;
    display: block;
    float: left;
}
.full_post_meta_item.full_counters{
    margin-top: -7px;
}
.service_buttons{
    height: 30px;
    float: right;
}
.service_buttons a{
    float: left;

}
.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.print_button{
    background-position: -101px -151px;
}
i.complaint_button{
    background-position: -41px -151px;
}
.full_post_tags{
    margin-bottom: 30px;
}
.full_post_tags a{
    text-decoration: none;
    color: #0068ac;
}
.full_post_tags a:hover{
    color: #202020;
}


/* fullstory2.tpl */
.full_price{
    background-color: #ff8000;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-family: "PT Sans Bold";
    padding: 2px 10px 0 10px;
    margin-top: -7px;
}
.spec_item{
    width: 50%;
    float: left;
    padding: 0 30px 10px 0;
}
.spec_item b{
    font-size: 18px;
    font-family: "PT Sans Bold";
}
.full_contacts{
    margin: 0 0 10px 0;
}

.full_images{
    width: 100%;
    margin: 30px 0;
}
.full_images h5{
    font-size: 20px;
}
.full_images img{
    margin: 0 !important;
    padding: 0 !important;
    width: 20%;
    float: left;
    outline: 1px solid #000;
    -webkit-transition:opacity 0.2s ease;
    -moz-transition:opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.full_images img:hover{
    outline: 1px solid #ff8000;
}
.full_images br{
    display: none;
}

/* related.tpl */
.related_news_block, .addcomment-post, .comments{
    margin: 30px 0 0 0;
}
.related_news_post{
    width:200px;
    height: 202px;
    margin: 0 25px 30px 0;
    float: left;
    overflow: hidden;
}
.related_news_post:nth-of-type(3n){
    margin-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:200px;
    height: 133px;
    margin:0 0 15px 0;
}
.related_news_post h3{
    font-size: 14px;
    line-height: 18px;
    max-height: 54px;
    overflow: hidden;
}
.related_news_post h3 a{
    font-size: 14px;
    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: #0068ac;
}
/* 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{
    padding:20px 0;
    position: relative;
}
.comment a{
    color:#0068ac;
    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: 20px;
    left: 0;
}
.comment_content{    
    width: 100%;
    padding-left: 65px;
}
.comment-news a{
    text-decoration:underline;
    margin:0 0 10px 0 !important;
    display: inline-block;
    font-size: 18px;
}
.comment-news a:hover{
    text-decoration:none;
    color:#0068ac;
}
.comment_meta{
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #909090;
    margin: 0 0 10px 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;
    font-family: "PT Sans Bold";
}
.comment_author a:hover{
    color:#202020;
    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: #0068ac;
    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;
    -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: #202020;
    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:#505050;
    padding:25px;
    font-size:14px;
    line-height: 1.2;
    border:1px solid #eee;
}
.info a{
    color:#0068ac;
    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: #0068ac;
    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; 

}
.hidemail{
    line-height: 40px;
    display: inline-block;
    margin: 0 0 0 10px;
}
.block_ip{
    margin: 10px 0 0 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{    
    line-height: 36px;
    background-color: #ff8000;
}

.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;
    border:0;
    color: #fff;
}
.results_button{
    background-color: rgba(255,128,0,0.7);
    line-height: 36px;
}
.results_button:hover, .vote_button:hover{
    background-color: #0068ac;
    border-color: #0068ac;
    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:#0068ac;
}
.line a{
    color:#0068ac;
}
.row{
    font-size:13px;
    margin:5px 0;
    padding:5px;
    border:1px solid #eee;
    background:#fafafa;
}
.row a{
    color:#0068ac;
}
.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:#0068ac;
}
.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:#0068ac;
    border:1px solid #ddd;
    margin: 0 0 10px 0;
}


#totop{
    width:60px;
    height: 40px;
    background-color: rgba(0,0,0,0.2);
    background-position: -140px -200px;
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:10px;
    right:10px;
    cursor:pointer;
    display:none;
        -webkit-transition:0.2s all;
    -moz-transition:0.2s all;
    transition:0.2s all;
}
#totop:hover{
    background-color: rgba(0,0,0,0.5);
}


.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;
}

.short_auto{    
    width: 120px;
    height: 90px;
    float: left;
    margin: 0 20px 0 0;
    background-size: cover;
    background-position:center center;
}
.short_auto_meta{
    margin: 0 0 10px 0;
}
.short_cat_price{
    background-color: #ff8000;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-family: "PT Sans Bold";
    padding: 2px 10px 0 10px;
    margin: -2px 10px 0 0;
    text-transform: uppercase;
    display: block;
    float: left;
}
.short_spec_item{
    float: left;
    line-height: 20px;
    margin: 0 10px 5px 0;
    font-size: 14px;
}
.short_spec_item a{
    font-size: 14px;
}
.short_spec_item b{
    font-family: "PT Sans Bold";
}
.instagram-media, .twitter-tweet {display: inline-block !important;}

.full-screens {
    display: none !important;
}

/* Стили для подменю */
        .submenu {
            display: none;
            position: absolute;
            left: 0;
            top: 100%;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .submenu li {
             list-style:none;line-height: 20px;
    background-color: #0068ac;    border-top: 1px solid #ccc;
        }

        .submenu li a {
            padding: 10px;color: #fff;    width: 100%;
    display: block;
    text-decoration: none;
        }

        /* Показать подменю при наведении */
        li:hover .submenu {
            display: block;
        }