/* content plugin styles */
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

.jcomments-links {margin-top:10px; clear:both; text-align:left;}
.comments-link, 
.readmore-link    {padding:8px 18px !important; margin:0 5px 0 0 !important; color:#fff !important; background:#333 !important; font-size:.8em !important; text-transform:uppercase !important; cursor:pointer; font-weight:444 !important; text-decoration:none !important; border:none !important;}

.jcomments-links .comments-link:before {content:"\f075"; font:1em FontAwesome; padding:0 10px 0 0;}
.jcomments-links .readmore-link:before {content:"\f061"; font:1em FontAwesome; padding:0 10px 0 0;}

/* JComments common styles */
#jc {clear:both; padding-top:0;}
#jc #comments {padding:0;}
#jc a, #jc a:hover {outline:none;} 

#jc .clear   {clear:both; height:1px; overflow:hidden;}
#jc .clr       {clear:both !important;}
#jc .clr-15  {clear:both !important; padding-top:15px !important;}

#jc .busy {display:none; margin:3px auto; padding:0 0 15px 0; width:16px; height:16px; background:url('images/jc-busy.gif') no-repeat;}
#jc h3     {text-transform:uppercase !important;}

#comments-report-form #comments-report-form-buttons    {float:left;}
#comments-report-form #comments-report-form-buttons a {margin-right:5px !important;}
#comments-report-form label                                             {margin-left:5px !important;}

#jc .message {color:#999; background-color:inherit; background-image:none; text-align:center; text-decoration:none; text-transform:none; text-indent:0; padding:15px 0; border-top:1px solid #ссс;}

#comments              {margin:0; padding:0; width:100%; text-align:left; text-decoration:none; text-transform:none; text-indent:0;}
#comments a           {color:#999 !important; font-weight:444 !important; text-decoration:none;}
#comments a:active, 
#comments a:focus, 
#comments a:hover {color:#333 !important;}

#comments .comment-body a:before {content:"\f14c"; font:0.7em FontAwesome; padding:0 3px; display:inline-block;}

/* RSS and Refresh*/
#comments .jc-titl             {padding:0; width:100%;}
#comments .jc-titl h3        {padding:0 15px 0 0;}
#comments .jc-titl .rss, 
#comments .jc-titl .refresh {float:right; display:block;}
#comments .rss,
#comments .refresh, 
#comments .subscribe {display:inline-block; line-height:100%;}
#comments .rss, #comments .refresh, #comments .subscribe                         {padding:0; color:#999;}
#comments .rss span, #comments .refresh span, #comments .subscribe span {padding:0 5px;}

#comments h4 .rss, 
#comments h4 .refresh {padding:0 0 0 10px; margin:0 0 0 5px;display:inline-block;}

/* List footer */
#comments-list-footer {margin:0 0 10px 20px !important; font-size:90% !important;}

/* Show/hide form */
#comments-form-link .showform {content:"\f061"; font:1em FontAwesome; padding:0 10px 0 0; border:none; display:block;}

/* Comment */
#comments .line-title             {padding:15px 0; color:#999;}
#comments .comment-box     {margin:0; padding:0; color:#999;}
#comments .comment-avatar {float:left; margin:0; padding:5px 15px 15px 0;}
#comments .avatar-indent     {padding-left:60px;}

#comments .line-title .icon-envelope {padding:0 5px;}

#comments .comment-anchor    {margin:0; padding:0 10px 0 0;}
#comments .author-homepage, 
#comments .author-email          {margin:0; padding:0;}
#comments .author-homepage, 
#comments .author-email         {text-decoration:none;}
#comments .comment-title       {color:#3c7f4c; margin:0; padding:0;}

#comments .comment-author {padding:0 0 0 5px; margin:0; color:#000; font-weight:666; font-size:120%; cursor:help !important;}

/* Avatar */
#comments .comment-avatar img {width:50px; border:none !important;}

/* Date and Time*/	
#comments .comment-date {font-size:90%; color:#999; font-weight:444; margin:0; padding:0 0 0 5px;}
#comments .comment-body {color:#000; margin:15px 15px 0 0 !important; padding:15px; border:1px dashed #ccc; background-color:#eef7dd; font-size:0.9em;}

/* Quote, Hidden block styles */
#comments .quote, 
#comments blockquote, 
#comments .code, 
#comments pre              {margin:5px 0 5px 10px; display:block; clear:both; background-image:none; font-weight:444 !important;}

#comments blockquote, 
#comments .hidden, 
#comments code, 
#comments pre              {color:#666; text-align:left; padding:8px; margin-bottom:8px;}

#comments blockquote, 
#comments .hidden       {border:1px dashed #ccc; background-color:#fef6d8; color:#757402; font-weight:444 !important;}

#comments code, 
#comments pre            {border:1px solid #dedede; overflow:hidden; white-space:normal;}

#comments .code        {background:none; border:none; padding:0;}
#comments .quote      {color:#757402; font-size:90%;}
#comments .hidden     {clear:both; display:block; margin:5px 0;}

/* Quote and Reply to buttons panel */
#comments .comments-buttons             {float:right; font-size:80%; text-align:center; text-transform:uppercase; font-weight:444; padding:10px 15px 5px 50px;}
#comments .comments-buttons a          {color:#999; padding:5px 10px; border:0 none !important;}
#comments .comments-buttons a:hover {background-color:#999 !important; color:#fff !important;}

#comments .email, 
#comments .emailactive {text-decoration: none; white-space: normal; margin: 0; padding: 0; line-height: 10px; cursor:pointer; border-bottom:1px dotted #999;}
#comments .email          {color:#444; background-color:inherit;}
#comments .emailactive {color:#cc0000; background-color:inherit;}
#comments .email img, 
#comments .emailactive img {padding:0;}

#comments p {margin:5px 5px 5px 0; text-indent:0;}

#comments .comment-body img  {padding:0; border:0 none;}
#comments .comment-body .img {padding:4px 0 !important; max-width:500px;}

#comments .toolbar                          {clear:both; color:#ccc; border-top:1px dotted #ccc; margin:10px 15px 0 15px; padding:5px 0;}
#comments .toolbar a, 
#comments .toolbar a:hover              {float:left; margin:0 2px 0 0; width:16px; height:16px; cursor:pointer; background-color:transparent !important; background-image:url('images/jc-toolbar.png') !important; background-repeat:no-repeat !important; padding:0 !important; display:block; overflow:hidden;}
#comments .toolbar-button-edit         {background-position:0 0 !important;}
#comments .toolbar-button-delete     {background-position:0 -16px !important;}
#comments .toolbar-button-unpublish{background-position:0 -32px !important;}
#comments .toolbar-button-publish    {background-position:0 -48px !important;}
#comments .toolbar-button-ip            {background-position:0 -64px !important;}
#comments .toolbar-button-ban         {background-position:0 -80px !important;}

/* Comments list */
#comments .comments-list {margin-left:20px; height:1%;}
#comments .even, 
#comments .odd               {background-image:none; background-color:transparent; color:#3c452d; border:none; margin-left:0; margin-bottom:10px; padding:0;}

#comments-list .comments-inline-edit {padding:5px; margin:5px 0; color:inherit; background-color:#fff; border:1px solid #ccc;}

/* Comment form */
div.comments-policy {color:#777; font-size:90%; background-color:inherit; border:1px dotted #ccc; padding:10px 15px; margin:15px 0; line-height:135%; font-style:italic;}
div.comments-policy ol, 
div.comments-policy ul     {margin:0; padding:5px 0 0 20px;}
div.comments-policy ol li, 
div.comments-policy ul li  {margin:0; padding:0; line-height:1em;}

#comments-form, 
#comments-form p, 
#comments-report-form, 
#comments-report-form p, 
#comments-form span, 
#comments-form .counter {text-align:left; text-decoration:none; text-transform:none; text-indent:0; line-height:100%;}
#comments-form p, 
#comments-report-form p, 
#comments-form span, 
#comments-form .counter {color:#666;}

#comments-form p, 
#comments-form #comments-form-buttons, 
#comments-form #comments-form-error, 
#comments-form #comments-form-captcha-holder {margin:10px 0; overflow:hidden; padding:0;}

#comments-inline-edit                                                                   {border:none; margin:15px 0 0; background:#fff;}
#comments-inline-edit #comments-form p, 
#comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error                                 {margin-left:5px !important; margin-left:5px; margin-top:5px; margin-bottom:2px; padding:0;}

#comments-form-buttons a {margin-right:5px;}

#comments-form img.smile       {margin:0 3px 3px 0; padding:0; border:none; cursor:pointer; float:none;}
#comments-form img.captcha   {padding:0; margin:0 0 3px 0; border:1px solid #ccc;}
#comments-form span.captcha  {padding:0 0 0 12px; color:#000; background:url('images/jc-refreshg.png') no-repeat 0 2px; cursor:pointer; display:inline-block;}
#comments-form label, 
#comments-report-form label {color:#000; background-color:inherit; line-height:1.5em; padding:0; margin:0; vertical-align:middle; display:inline;}
#comments-form input, 
#comments-report-form input, 
#comments-form textarea              {color:#000; background-color:#fff; margin:0; border:1px solid #ccc; font-size:0.8em;}
#comments-form textarea              {height:200px !important;}
#comments-form input                   {width:auto; margin-bottom:2px; padding:2px 15px !important; height:1.5em; min-height:30px; font-size:0.8em;}
#comments-form input.selected, 
#comments-form textarea.selected {color:#000; background-color:#ffffe0 !important; border:1px solid #ccc;}
#comments-form input.error, 
#comments-form textarea.error      {border:1px solid #f00; text-decoration:none; text-transform:none; background-color:#ffffe0;}

#comments-form  input.newbox[type="checkbox"] {display:none;}
#comments-form label.newbox              {color:#000; cursor:default; font-weight:444; line-height:30px; padding:5px 0; vertical-align:middle;}
#comments-form label.newbox:before   {content:" "; color:#000; display:inline-block; font:15px/16px FontAwesome; margin-right:15px; position:relative; text-align:center; text-indent:0; width:16px; height:16px; background:#fff; border:1px solid #ccc; border-image:initial; vertical-align:middle;}
#comments-form input.newbox:checked + label.newbox:before {content:"\f00c"; font-family:'FontAwesome';}
#comments-form input.newbox:disabled + label.newbox:before {background:#eee; color:#aaa;}

#comments-form input.captcha   {width:116px; margin:3px 0 5px 0;}
#comments-form textarea          {max-width:600px !important; width:400px; margin:0; padding:2px 15px !important; resize:none; line-height:135%;}

#comments-form-message        {padding:5px 5px 5px 25px; margin:15px 5px; display:block;}
.comments-form-message-error {background:#ffd6d6 url('images/jc-error.png') no-repeat 4px 50%;}
.comments-form-message-info   {background:#d0dcec url('images/jc-info.png') no-repeat 4px 50%;}

#comments-form .counterpanel {height:13px; display:block; overflow:hidden; color:#ccc; padding:0; margin:0; border:1px solid #ccc; border-top-width:0; max-width:600px !important; width:400px; background-color:#eee;}

#comments-form .grippie                 {height:1em; display:block; overflow:hidden; padding:3px 0; margin:0; border:0 none; max-width:600px !important; width:400px; }
#comments-form .grippie .counter    {font-size:0.8em; padding:0; margin:0; color:#000;}
#comments-form .grippie span         {display:block; color:#999;}
#comments-form .grippie span span {display:inline; color:#000;}

textarea#comments-form-comment {resize:both !important;}

/* -- КНОПКА ОТПРАВИТЬ ---*/

#comments-form .butn, 
#comments-report-form .butn {float:left; padding:8px 0; margin:0 !important; border:0 !important;}

#comments-form .butn a, 
#comments-report-form .butn a {background-color:#333; font-size:0.9em !important; font-weight:444 !important; color:#fff !important; padding:8px 15px; text-align:center; /*border-radius:30px;*/ text-transform:uppercase;}

#comments-form .butn a:hover, 
#comments-form .butn a:active, 
#comments-form .butn a:focus, 
#comments-report-form .butn a:hover, 
#comments-report-form .butn a:active, 
#comments-report-form .butn a:focus   {background-color:#292929 !important; padding:8px 15px; text-decoration:none !important; color:#fff !important;}

/* -- END -  КНОПКА ОТПРАВИТЬ --- */

#comments-form-smilespanel {display:none; cursor:pointer; padding:3px; max-width:250px; background-color:#fff; border:1px solid #ccc; overflow:auto; left:0; top:0; position:absolute; z-index:999999 !important;}

#comments-footer, 
#comments-footer a {color:#ccc !important; background-color:inherit;}
#comments-footer    {display:block; height:0; border:0 none; padding-top:1px; margin:0;}
#comments-footer a {text-decoration:none !important; text-transform:none; padding:0; margin:0; border:none !important; float:right; background:none !important;}

/* Pagination */
body #jc #nav-bottom, 
body #jc #nav-top                         {line-height:19px !important; line-height:17px; height:auto !important; text-align:center; margin:0 auto;}
#jc #nav-bottom span.page, 
#jc #nav-top span.page                 {color:#777; background-color:#eee; border:1px solid #d6dadd;}
#jc #nav-bottom span.hoverpage, 
#jc #nav-top span.hoverpage        {color:#777; background-color:#e8e9ea; border:1px solid #d6dadd;}
#jc #nav-bottom span, 
#jc #nav-top span                         {color:#777; background-color:inherit; font-size:10px; margin:0 2px; height:15px; padding:2px 8px; cursor:pointer; vertical-align:top; display:inline-block;}
#jc #nav-bottom span.activepage, 
#jc #nav-top span.activepage        {font-weight:bold; color:inherit;background-color:#fff;}
#jc #nav-bottom, 
#jc div#nav-top                            {position:relative; z-index:2; width:100%;}
#jc #nav-bottom                           {margin:10px 0 0 0; padding:0; background:url('images/jc-dot.png') repeat-x top left;}
#jc #nav-bottom span.activepage {border-bottom:1px solid #d6dadd; border-left:1px solid #d6dadd; border-right:1px solid #d6dadd; border-top:1px solid #fff;}
#jc #nav-top                                {margin:10px 0; background:url('images/jc-dot.png') repeat-x bottom;}
#jc #nav-top span.activepage       {border-top:1px solid #d6dadd; border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd; border-bottom:1px solid #fff;}

#nav-bottom .page {display:inline-block;}

/* Vote */
#jc .comments-vote           {float:right; font-weight:444 !important; font-size:110% !important; padding:15px 15px 0 15px;}
#jc .comments-vote a        {float:left; margin:0 3px 0 0; display:block;}
#jc .comments-vote .busy  {margin:0; float:right; width:16px;}

#jc .vote-good, #jc .vote-poor, #jc .vote-none  {margin:0; float:right; font-weight:444 !important; color:#999;}
#jc .icon-thumbs-down, #jc .icon-thumbs-up {margin-right:10px !important;}
#jc .vote-good  {color:#339900;}
#jc .vote-poor   {color:#cc0000;}
#jc .vote-none  {color:#999;}

/* BBCode */
#jc span.bbcode          {width:auto; height:23px; display:block; margin-bottom:10px; font-family:FontAwesome !important;}
#jc .bbcode a, 
#jc .bbcode a:focus, 
#jc .bbcode a:active, 
#jc .bbcode a:hover  {font-family:FontAwesome !important; cursor:pointer; float:left; width:1.4em; height:1.4em; margin:0 1px; padding:4px 4px 0 4px; display:block; border:1px solid #ccc; font-size:0.9em; text-align:center; color:#000 !important; text-decoration:none !important;}

#jc a.bbcode-b::before             {content:'\f032';}
#jc a.bbcode-i::before              {content:"\f033";}
#jc a.bbcode-u:before              {content:"\f0cd";}
#jc a.bbcode-s::before              {content:"\f0cc";}
#jc a.bbcode-url::before            {content:"\f0c1";}
#jc a.bbcode-img::before          {content:'\f03e';}
#jc a.bbcode-list::before           {content:"\f0ca";}
#jc a.bbcode-hide::before         {content:"\f06e";}
#jc a.bbcode-quote::before       {content:"\f10e";}
#jc a.bbcode-smile::before        {content: "\f118";}
#jc a.bbcode-youtube::before    {content:"\f166";}
#jc a.bbcode-google::before      {content:"\f0d5";}
#jc a.bbcode-wiki::before          {content:"\f266";}
#jc a.bbcode-facebook::before   {content:"\f09a";}
#jc a.bbcode-flickr::before         {content:"\f16e";}
#jc a.bbcode-instagram::before {content:"\f16d";}
#jc a.bbcode-vimeo::before       {content:"\f27d";}

#jc .custombbcode    {width:23px; height:23px; float:left; display:block; text-decoration:none; cursor:pointer;}

/* Rounded comments */
#jc .rbox      {margin:0; padding:4px 8px; width:auto; line-height:100%; overflow:hidden; background-color:#fff; border:1px solid #ccc; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
#jc .rbox div {text-align:left; margin:0;}

#comments a.refresh .icon-refresh            {width:auto; height:23px;}
#comments a.refresh .icon-refresh::before {content:"\f021"; font-family:FontAwesome !important; display:block;}

#comments .icon-anchor::before          {content:"\f13d"; font-family:FontAwesome !important;}
#comments .icon-reply::before             {content:"\f112"; font-family:FontAwesome !important;}
#comments .icon-envelope::before       {content:"\f0e0"; font-family:FontAwesome !important;}
#comments .icon-quote-left::before      {content:"\f10d"; font-family:FontAwesome !important;}
#comments .icon-bullhorn::before         {content:"\f0a1"; font-family:FontAwesome !important;} 
#comments .icon-calendar::before        {content:"\f133"; font-family:FontAwesome !important;} 
#comments .icon-user::before               {content:"\f007"; font-family:FontAwesome !important;} 
#comments .icon-bell::before                {content:"\f0a2"; font-family:FontAwesome !important;} 
#comments .icon-thumbs-up::before     {content:"\f164"; font-family:FontAwesome !important;}
#comments .icon-thumbs-down::before {content:"\f165"; font-family:FontAwesome !important;}