/* --------------------------------------------
	ТОПИК
-------------------------------------------- */

.topic { padding: 0 0px 10px 0; font-size: 13px; position: relative; margin: 0 30px 40px 0; background: url(../images/line.gif) no-repeat 30px bottom; }
.topic:last-child { margin-bottom: 0; }

/* Favourite */
.topic .topic-info-favourite { display: inline-block; margin-top: 3px;/*bottom:19px; position:absolute; right:0; cursor:pointer*/ }
.topic .topic-info-favourite span { position:absolute; right:7px; bottom:17px; color:#999; font-size:11px; display: none; }
.topic .topic-info-favourite i { background: url(../images/bookmark.png) no-repeat 0 -36px; display: block; height: 33px; width: 21px; outline: none; }
/*.topic .topic-info-favourite i:hover { background: url(../images/bookmark.png) no-repeat -20px -40px; }*/
.topic .topic-info-favourite i.active { background: url(../images/bookmark.png) no-repeat 0 0; }
.wrapper-topic-favourite{
    float: left;
    margin-left: 30px;
}
.wrapper-topic-favourite > span{
    float: left;
    font-size: 13px;
    margin-top: 10px;
    margin-right: 19px;}

/* Header */
.topic h1.title { color:#2A2A2A; margin:0 0 15px 0px; padding: 0 140px 0 0px; font-size:22px; line-height:26px; }
.topic h1.title  .topicname{color:#2A2A2A;}
.topic h1.title .author{ text-decoration:none; margin-bottom: 5px; color:#D30909 }
.topic h1.title .blogname  {color:#656565 !important;}
.topic h1.title span {color:#bfbfbf; font-size:16px;}
.topic .date {color:#d1d1d1; font-size:12px; margin:0px 0 0 0px; padding: 0 0 0 20px;line-height: 36px;/*padding:10px 0 5px 30px;*/}
.topic .topic-date .date{line-height: 52px;}
.topic .main-voting .date{float:left;margin: 0px 0 0 30px;}

/* Action */
.topic .action {/* bottom:19px; position:absolute; right:25px; */}
.topic .action li { float: left; margin-right: 3px; }
.topic .action li a { color: #aaa; outline: none; }
.topic .action li.author {padding: 0px 0px 0px 15px; }
.topic .action li.author a { color: #d30909 !important; font-weight: bold; outline: none; }
.topic .action li.rss a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -70px -250px; margin-top: 5px; }
.topic .action li.plus a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -30px -250px; margin-top: 5px; }
.topic .action li.plus a:hover { background: url(../images/icons.gif) no-repeat scroll -40px -250px; }
.topic .action li.join a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; margin-top: 5px; }
.topic .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.topic .action li.join-active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.topic .action li.edit a, .company .actions a.edit { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #1491ff; }
.topic .action li.join2 a { background: url(../images/join+.gif) no-repeat; padding-left: 15px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #1491ff; }
.topic .action li.delete a, .company .actions a.delete { background: url(../images/delete.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 5px; text-decoration: none; font-size: 11px; color: #f00; }
.topic .action li a:hover { text-decoration: underline; }
.topic .main-voting .action{float: right; margin-top: -30px;}
.single-topic-action{ margin-top: 16px; float:right !important;}

/* Content */
.topic .topic-content 		{ margin-bottom: 15px; }
.topic .topic-content.text 	{ font-size: 14px; font-family: Verdana, sans-serif; line-height: 20px; }

/* Tags */
.topic .tags { background: url(../images/tags.gif) no-repeat 0px 0px; padding-left: 13px; margin-bottom: 3px; clear: both; padding:20px 0 0 50px; margin: 0 0 0 -20px; }
.topic .tags li { display: inline; color: #d1d1d1; font-size:14px; }
.topic .tags li a { text-decoration: none; color: #d1d1d1; }
.topic .tags li a:hover {color: #d30909; }

/* Info */
.topic.topic-type-talk .voting{margin-left: 30px;}
.topic:not(.topic-type-talk) .voting { padding: 20px 0 0 20px; /*overflow: hidden;*/ margin:10px 0 20px -20px; background:url(../images/rating.gif) no-repeat; }
.topic:not(.topic-type-talk) .voting:not(.main){margin:10px 0 10px -20px;}
.topic .voting:not(.main-voting){
    position: relative;
}
.topic .voting li.wrapper-share-block { float: left;  }
.topic .voting li a { text-decoration: none; outline: none; }
.topic .voting li.wrapper-topic-vote a:hover { /*background: #777;*/ color: #fff !important; }
.topic .voting li.author { margin-right: 0px; color: #999; text-decoration: none; padding-left: 13px; }
.topic .voting li.author a { font-weight: bold; }
.topic .voting li.date { color: #999; font-size: 11px; margin-right: 20px; }
.topic .voting li.link { color: #999; font-size: 11px; margin-right: 10px; padding: 10px 0 0 5px; display: none;}

.topic .voting li.vote .vote-up { margin-right: 0px; top:0 }
.topic .voting li.vote .vote-count { text-align: center;width: 40px; padding:0;margin-right: 5px; /*margin-top: 10px;*/line-height: 36px; color: #000; font-family: Verdana, sans-serif; }
.topic .voting li.vote .vote-up { background-position: -36px 0 !important;float: left; display: block; /*height: 24px; margin-top: 3px; text-decoration: none; width: 24px;*/ }
.topic .voting li.vote .vote-up:hover {background-position: -36px -33px !important;}
.topic .voting li.vote .vote-down { top:0px;background-position: 0 0 !important;float: left; display: block; /*height: 24px; margin-top: 3px; text-decoration: none; width: 24px;*/ }
.topic .voting li.vote .vote-down:hover {background-position: 0 -33px !important;}
.voting li.vote .vote-down, .topic .voting li.vote .vote-up,
.topic .voting li.vote.voted .vote-up,.topic .voting li.vote.voted .vote-down,
.topic .voting li.vote.voted-up .vote-up,.topic .voting li.vote.voted-down .vote-down{
    display: inline-block;
    background: url(../images/sprite_like.png);
    width: 32px;
    height: 30px;
}
.wrapper-topic-vote-hook{float: right; clear: both; margin-top: -10px;}
.wrapper-topic-vote-hook a{margin: 0; width: 114px; text-align: center; display: inline-block;}
.wrapper-topic-vote-hook #div11{
    position: absolute;
    right: 0;
    padding: 0;
    background: #fff;
    z-index: 10;
    border: 1px solid #ccc;
    left: 50px;
    border-radius: 10px;
    /*bottom: -30px;*/
    top: 75px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.wrapper-topic-vote-hook #div11 a{width:auto;}
.wrapper-topic-vote-hook #div11:before{
    content:'';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    position: absolute;
    right: 45px;
    top: -10px;
}


.topic .voting li.vote.voted .vote-up { cursor:default; }
.topic .voting li.vote.voted .vote-down { cursor:default; }

.topic .voting li.vote.voted-up .vote-up { background-position: -36px -33px !important;}
.topic .voting li.vote.voted-down .vote-down { background-position: 0 -33px !important;}

/*.topic .voting li.vote.voted-down .vote-up:hover { background-position: -36px -33px; }*/
/*.topic .voting li.vote.voted-up .vote-down:hover { background-position: 0 -33px; }*/

.topic .voting li.comments-total { position:absolute; top:0px; right:0px; background:url(../images/comments-bg-right.gif) no-repeat  right 1px;}
.topic .voting li.comments-total a { font-size: 12px;background:url(../images/comments-bg-left.gif) no-repeat left 1px ; display:block; padding:0px 5px 6px;  }
.topic .voting li.comments-total a span { padding: 0 2px; }
.topic .voting li.comments-total a span.green { color:#d30909; }
.topic .voting li.comments-total a span.red { color:#787878; }
.topic:not(.topic-type-talk) .voting:not(.main-voting) .wrapper-topic-vote{float: right;color: #777;margin-top: -4px;}
.main-voting .wrapper-topic-vote{float: left;}

/* Share */
.topic .topic-share { display: none; border: 3px solid #edf8fd; padding: 3px; border-radius: 5px; margin-bottom: 10px; position: relative; }
.topic .topic-share .arrow { position: absolute; border: none; width: 15px; height: 11px; background: url(../images/icons-synio.png) no-repeat; background-position: -53px -107px; bottom: -11px; }

/* Poll */
.topic .poll { margin-bottom: 15px; padding-left:30px; }

.topic .poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none;	}
.topic .poll .poll-vote li { margin-bottom: 10px; }
.topic .poll .poll-vote li:last-child { margin-bottom: 0; }
.topic .poll .poll-vote li label { display: inline; }
.topic .poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; }

.topic .poll .poll-result { padding: 5px; list-style-type: none; background: #fff; overflow: hidden; }
.topic .poll .poll-result li { margin-bottom: 20px; }
.topic .poll .poll-result li dl { overflow: hidden; zoom: 1; }
.topic .poll .poll-result li dl dt { float: left; width: 80px; }
.topic .poll .poll-result li dl dt span { font-size: 11px; color: #aaa; }
.topic .poll .poll-result li dl dd { float: left; width: 400px; }
.topic .poll .poll-result li dl dd div { height: 7px; margin-top: 3px; background: #ccc; overflow: hidden; border-radius: 4px; }
.topic .poll .poll-result li.most dl dd div { background: #FB0006; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.topic .poll .poll-result li.most dl dt { color: #FD001A; }

.topic .poll .poll-total { position: relative; color: #818189; font-size: 11px; line-height: 16px; padding-left: 80px; margin-bottom: 30px; }
.topic .poll .poll-total .poll-sort { position: absolute; top: 2px; left: 0; width: 23px; height: 23px; background: url(../images/icons-synio.png) -161px 0 no-repeat; cursor: pointer; }
.topic .poll .poll-total .poll-sort.active { background-position: -184px 0; }

/* Topic Photo */
.topic.topic-type-photoset .topic-photo-preview { padding-left:30px; position: relative; margin-bottom: 15px; cursor: pointer; }
.topic.topic-type-photoset .topic-photo-preview img { vertical-align: top; }
.topic.topic-type-photoset .topic-photo-preview .topic-photo-count { display: none; cursor: pointer; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 4px 7px; background: rgba(0,0,0,.6); }
.topic.topic-type-photoset .topic-photo-preview .topic-photo-desc { display: none; width: 96%; padding: 7px 2%; position: absolute; bottom: 0; left: 0; background: #000; color: #6bd24b; color: #fff; line-height: 16px; background: rgba(0,0,0,.7); }

.topic.topic-type-photoset .topic-photo-images { padding-top: 10px; margin-bottom: 15px; }
.topic.topic-type-photoset .topic-photo-images h2 { border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 15px; font-size: 25px; }
.topic.topic-type-photoset .topic-photo-images ul { overflow: hidden; zoom: 1; }
.topic.topic-type-photoset .topic-photo-images ul li { float: left; margin: 0 9px 9px 0; position: relative; }
.topic.topic-type-photoset .topic-photo-images ul li .image-number { display: none; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 1px 6px; font-size: 11px; background: rgba(0,0,0,.6); }
.topic.topic-type-photoset .topic-photo-images ul li:hover .image-number { display: block; }
.topic.topic-type-photoset .topic-photo-images ul li img { vertical-align: top; }
.topic.topic-type-photoset .topic-photo-images .topic-photo-more { display: block; border-top: 1px solid #dbe6f0; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; background: #f3f7fa; color: #7b90a5; }
.topic.topic-type-photoset .topic-photo-images .topic-photo-more:hover { background: #eaf2f8; }

.topic-photo-upload { background: #F1F7FD; padding: 15px 15px 15px; margin-bottom: 20px; }
.topic-photo-upload h2 { margin-bottom: 15px; }
.topic-photo-upload ul { overflow: hidden; zoom: 1; }
.topic-photo-upload ul li { min-height: 100px; _height: 100px; margin-bottom: 10px; padding-left: 110px; position: relative; }
.topic-photo-upload ul li img { position: absolute; top: 0; left: 0; }
.topic-photo-upload ul li label { color: #aaa; }
.topic-photo-upload ul li textarea { border: 1px solid #ddd; width: 350px; height: 60px; padding: 3px; font-size: 12px; font-family: Arial, sans-serif; color: #333; }
.topic-photo-upload ul li .image-delete { text-decoration: none; margin-right: 15px; }
.topic-photo-upload ul li .image-delete:hover { color: #f00; }
.topic-photo-upload ul li.marked-as-preview .mark-as-preview { display: inline; color: #43c70f; font-weight: bold; }
.topic-photo-upload ul li .mark-as-preview { display: none; text-decoration: none; }
.topic-photo-upload ul li:hover .mark-as-preview { display: inline; }
.topic-photo-upload .topic-photo-upload-rules { color: #888; margin-bottom: 15px; }
.topic-photo-upload .topic-photo-upload-input { margin-bottom: 20px; }
.topic-photo-upload .topic-photo-upload-input input { margin-top: 3px; }

/* Topic Talk */
.topic.topic-type-talk header .topic-info 			{ background: #f8fbfe; font-size: 11px; padding: 15px; border-radius: 5px; margin-bottom: 0; }

.topic.topic-type-talk .talk-recipients 			{ padding: 15px; background: #f8fbfe; margin-bottom: 0; border-radius: 0; }
.topic.topic-type-talk .talk-recipients-header 		{ font-size: 11px; min-height: 0; }
.topic.topic-type-talk .talk-recipients-content h3 	{ font-size: 16px; font-weight: normal; margin-bottom: 10px; }

/* Topic Link */
.topic.topic-type-link { }
.topic.topic-type-link .topic-header .topic-title a { color: #27964C; }
.topic.topic-type-link .topic-url { font-size: 11px; margin-bottom: 30px; padding: 10px 0 0 30px; }
.topic.topic-type-link .topic-url a { color: #27964C; }
.topic.topic-type-link .topic-url a:hover { color: #f00; }

/* Topic Preview */
.topic-preview { margin-top: 30px; }
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
.topic-preview .topic { margin-bottom: 20px; }

.vote-topic-info li { margin-bottom: 3px; }

/*topic profile blog*/
.wrapper-topic-user{
    /*position: relative;*/
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-left: 30px;
}
/*.wrapper-topic-user > .background-topic-user{*/
    /*background: #fafafa;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: -1000%;*/
    /*right: -1000%;*/
/*}*/
.wrapper-topic-user > ul{
    /*padding-left: 30px;*/
    position: relative;
}
.wrapper-topic-user li{
    display: inline-block;
    float: left;
}
.wrapper-topic-user li.topic-user-name{
    margin-left: 20px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
}
.wrapper-topic-user li.topic-user-name a{
    text-decoration: none;
    font-weight: bold;
    outline: none;
    display: inline-block;
    vertical-align: middle;
}
.wrapper-topic-user li.topic-user-name span{
    display: block;
    line-height: normal;
}
.wrapper-topic-user li.topic-user-name span:last-child,.wrapper-topic-user li.topic-user-name a:hover span:last-child{
    color: #a6a6a6;
    font-weight: 100;
}
.wrapper-topic-user li.topic-user-subscribe{
    float: right;
    height: 48px;
    line-height: 48px;
}
.wrapper-topic-user li.topic-user-subscribe a{
    padding: 10px 20px;
    height: 48px;
    line-height: 35px;
    background: #f6f6f6;
    border-radius: 4px;
    color: #000;
    text-decoration: none;
}


.topic .topic-content iframe { width: 100% !important; }

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.topic .topic-content .pinkbike iframe { height: 345px !important; }
}

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.topic .topic-content iframe { height: 452px !important; }
}

@media screen and (min-width : 1600px) {
.topic .topic-content .pinkbike iframe { height: 440px !important; }
}

@media screen and (min-width : 1600px) {
.topic .topic-content iframe { height: 578px !important; }
}

@media screen and (min-width : 1001px) and (max-width : 1279px) {
.topic .topic-content .pinkbike iframe { height: 260px !important; }
}

@media screen and (min-width : 1001px) and (max-width : 1279px) {
.topic .topic-content iframe { height: 343px !important; }
}

@media screen and (max-width : 1000px) {
.topic .topic-content iframe { height: 52vw !important; }
}

.topic .topic-content object { width: 100% !important; }

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.topic .topic-content object { height: 452px !important; }
}

@media screen and (min-width : 1600px) {
.topic .topic-content object { height: 578px !important; }
}

@media screen and (min-width : 1001px) and (max-width : 1279px) {
.topic .topic-content object { height: 343px !important; }
}

@media screen and (max-width : 1000px) {
.topic .topic-content object { height: 52vw !important; }
}

.topic .topic-content embed { width: 100% !important; }

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.topic .topic-content embed { height: 452px !important; }
}

@media screen and (min-width : 1600px) {
.topic .topic-content embed { height: 578px !important; }
}

@media screen and (min-width : 1001px) and (max-width : 1279px) {
.topic .topic-content embed { height: 343px !important; }
}

@media screen and (max-width : 1000px) {
.topic .topic-content embed { height: 52vw !important; }
}

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.topic .topic-content .evihub-widget iframe { height: 1000px !important; }
}

@media screen and (min-width : 1600px) {
.topic .topic-content .evihub-widget iframe { height: 1200px !important; }
}


@media screen and (min-width : 1001px) and (max-width : 1279px) {
.topic .topic-content .evihub-widget iframe { height: 800px !important; }
}

@media screen and (max-width : 1000px) {
.topic .topic-content .evihub-widget iframe { height: 90vw !important; }
}

.comment-wrapper iframe { width: 100% !important; }

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.comment-wrapper iframe { height: 452px !important; }
}

@media screen and (min-width : 1600px) {
.comment-wrapper iframe { height: 578px !important; }
}

@media screen and (min-width : 1001px) and (max-width : 1279px) {
.comment-wrapper iframe { height: 343px !important; }
}

@media screen and (max-width : 1000px) {
.comment-wrapper iframe { height: 52vw !important; }
}

.comment-wrapper object { width: 100% !important; }

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.comment-wrapper object { height: 452px !important; }
}

@media screen and (min-width : 1600px) {
.comment-wrapper object { height: 578px !important; }
}

@media screen and (min-width : 1001px) and (max-width : 1279px) {
.comment-wrapper object { height: 343px !important; }
}

@media screen and (max-width : 1000px) {
.comment-wrapper object { height: 52vw !important; }
}

.comment-wrapper embed { width: 100% !important; }

@media screen and (min-width : 1280px) and (max-width : 1599px) {
.comment-wrapper embed { height: 452px !important; }
}

@media screen and (min-width : 1001px) and (max-width : 1279px) {
.comment-wrapper embed { height: 343px !important; }
}

@media screen and (max-width : 1000px) {
.comment-wrapper embed { height: 52vw !important; }
}

@media screen and (min-width : 1600px) {
.comment-wrapper embed { height: 578px !important; }
}


.viewcount {color:#d1d1d1; font-size:12px; margin:0px 0 0 0px; padding: 0 0 0 30px; line-height: 36px;/*padding:10px 0 5px 30px;*/}

.topic .evihub-widget iframe {width: 100% !important;}
.topic .xmtb {width: 100% !important; height: 80vh;}