html, body
{
	background: #FFF;
  height: auto;
}

h1
{
  color: #000;
  font-weight: bold;
}


.ft_html {
  font-size: 18px;        
  line-height: 1.6;
  transition: font-size .2s ease;
}

.ft_html.field {
  font-size: calc(var(--ts, 1) * 1rem);
  line-height: 1.6;
  transition: font-size .15s ease;
}

.field h1 { font-size: 2em; }
.field h2 { font-size: 1.6em; }
.field h3 { font-size: 1.3em; }
.field h4 { font-size: 1.15em; }
.field h5 { font-size: 1.05em; }



a, a.ajaxlink
{
  transition: none;
}

p
{
  line-height: 1.4em;
}

.redactor_editor
{
  font-size: 16px;
}

#comments_list .comment { 
  border-top: 60px solid transparent !important;
  margin-top: -60px !important;
  padding: 15px  !important; /* паддинги - без проблем */
  -moz-background-clip: padding  !important;
  -webkit-background-clip: padding-box  !important;
  background-clip: padding-box  !important;
  overflow: unset;
}

body.uri-subscribe_mailsended #controller_wrap,
body.uri-subscribe_activatemore #controller_wrap,
body.uri-subscribe_activatedone #controller_wrap,
body.uri-subscribe_unsubscribe #controller_wrap,
body.uri-groups_index #controller_wrap,
body.uri-groups_index_memberships #controller_wrap,
body.uri-groups_index_my #controller_wrap,
body.uri-groups_add #controller_wrap,
body.uri-groups_edit #controller_wrap,
body.uri-groups_invite_users #controller_wrap,
.uri-redirect_index #controller_wrap,
.controller-checker #controller_wrap,
.controller-users #controller_wrap,
.controller-auth #controller_wrap,
.controller-yadsearch #controller_wrap,
.controller-help #controller_wrap,
.controller-activity #controller_wrap,
.controller-birthdays #controller_wrap,
.controller-comments #controller_wrap,
.controller-myreauth #controller_wrap,
.controller-groups #group_profile_header,
.obbw1s,
.obbw1,
.obbw2
{
  padding: 10px;
  background-color: #FFF;
  margin-bottom: 10px;
}

.obbw0
{
  padding: 10px;
  background-color: #FFF;
  margin-bottom: 0;
}

.obbw2
{
  margin-top: 10px;
}

#layout
{
  margin-top: 50px;
	max-width: 1200px;
	width: auto;
  transition-duration: 0.2s;
  transition-property: padding;
  position: relative;
}

.confirm_wrap,
.msg_overlay
{
  position: fixed;
}

.load-more.spinner-loading
{
  margin-top: 10px;
  margin: 0 auto 0;
  width: 100%;
  height: 100px;
  line-height: 32px;
  background: url(../images/spinner-2.svg) no-repeat center center #EEE;
  background-size: 32px;

}

.content_list_item .ft_caption a
{
  font-weight: bold !important;
  text-decoration: underline !important;
}

.mailer-digest-title
{
  font-size: 32px;
  font-weight: bold;
  padding: 20px 0 10px;
  line-height: 1.3em;
}

.modal_padding h1
{
  padding: 0;
  margin: 0 0 10px;
}

body > header
{
  background: #7293b6;
  color: #000;
  position: fixed;
  top: 0;
  z-index: 100000;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
}

body > footer
{
  background: #7293b6;
  color: #DDD;  
  height: auto;
}

body > footer a
{
  color: #FFF;
}

body > footer .links
{
  overflow: hidden;;
}

body > footer ul
{
  overflow: hidden;
  float: left;
  margin: 0 40px 0 0;
}

body > footer ul.menu li {
    margin: 5px 0;
    padding: 0;
    height: auto;
    line-height: 1.5em;
    float: none;
}

body > footer > .wrapper
{
  max-width: 1200px;
  margin: 0 auto 0;
  width: 100%;
}

body > header #hwr
{
  max-width: 1200px;
  margin: 0 auto 0;
  position: relative;
}

#layout #body-pre
{
}

#layout #body
{
  transition-duration: 0.2s;
  transition-property: padding;
  display: flex; 
  flex-wrap: nowrap;    
}

body > header #logo
{
  width: auto !important;
  padding: 0 0 0 10px;
  float: left;
}

body > header #logo.wmenu
{
  padding-left: 50px;
}

body > header.columns3 #logo
{
  padding-left: 5px;
}

.widget > .title
{
  background-color: transparent;
  color: #000;
}


body > header #logo a, header #logo > span
{
	background: transparent;
	width: auto;
	font-size: 24px;
	font-family: sans-serif;
	text-decoration: none;
	padding-left: 5px;
  white-space: nowrap;
}


#body .controller_actions_menu ul.menu li 
{
    padding: 10px 0;
    line-height: 16px;
    border-bottom: 1px solid #EEE;
}

#layout #body section
{
	float: none;
	width: auto !important;
	overflow: hidden;
	padding: 10px;
	box-sizing: border-box;
  order: 2;
  flex: auto; 
}

#layout #body section .widget > .title
{
  padding: 0;
}

#layout #body section .widget > .body
{
  padding: 0;
}

body > header .menu > li > a
{
	color: #000;
}

body > header .widget_user_avatar .menu > li > a
{
  color:  #FFF !important;
}


body.controller-messages #content-right-sidebar
{
  display: none;
}

body.controller-messages #pm_window
{
  width: 100%;
  background-color: #FFF;
}

body.controller-messages #pm_window .layout
{
}



#widget_pos_top ul.menu
{
  overflow: hidden;
  list-style-type: none;
  padding: 10px;
  margin: 0;
}

#widget_pos_top ul.menu li a
{
  float: left;
  margin-right: 10px;
  background: none;
  text-decoration: none;
}

#body > #widget_pos_top
{
  overflow: hidden;
}


#pm_contact #pm_chat .message_text
{
  font-size: 14px;
  color: #000;
}

#pm_contact .chat
{
  height: calc(100% - 215px);
  background-color: #E2DCD4;
}

#pm_chat .content
{
    background-color: #FFF;
    border-color: #CAC4BE;
}

#pm_contact .chat .user_avatar
{
  display: none;
}

#pm_chat .content
{
  margin-left: 20px;
  float: left;
}

#pm_contact .chat .message
{
  overflow: hidden;
}

#pm_window #user_search_panel
{
  padding: 0;
}

#pm_window #user_search_panel input
{
  height: 50px;
  line-height: 50px;
  border: 0;
}

#pm_window .contacts .contact
{
  border-left: 1px solid #EEE;
}

#pm_window .right-panel,
#pm_contact .composer,
#pm_contact .overview, 
#pm_window #user_search_panel
{
  background-color: #EDEDED;
}

#pm_contact .composer
{
  border-top: 0;
}

#user_search_panel input
{
  padding-left: 43px;
  background-position: 15px center;
}

#pm_window .contacts .contact a
{
  background-color: #FFF;
  border-bottom: 1px solid #F2F2F2;
}
#pm_window .contacts .contact a:hover
{
  background-color: #F4F5F5;
  color: #000;
}

#pm_window .contacts .contact a.selected
{
  background-color: #7293b6;  
  color: #FFF;
}

#pm_chat .message-my .content
{
    background-color: #E0F5C6;
    border-color: #CAC4BE;
    float: right;
    margin-right: 20px;
}

#pm_contact #pm_chat .message_text img
{
  max-width: 100%;
}

#pm_contact .overview input.button
{
    height: 30px;
    line-height: 30px;
}

body > header #hamburger {
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

body > header.columns3 #hamburger
{
    display: none;
}

body > header #hamburger .in 
{
    margin: 15px 10px 0 10px;
    position: relative;
}	

body > header #hamburger span
{
    display: block;
    position: absolute;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    height: 3px;
    background-color: #FFF;	
}

body > header #hamburger span:nth-child(1) {
    top: 0px;
}


body > header #hamburger span:nth-child(2),
body > header #hamburger span:nth-child(3) {
    top: 8px;
}

body > header #hamburger span:nth-child(4) {
    top: 16px;
}


body > header #hamburger.rotated span
{    
	background-color: #EEE;	
}

body > header #hamburger.rotated span:nth-child(1)
{
    top: 8px;
    width: 0%;
    left: 50%;
}

body > header #hamburger.rotated span:nth-child(2)
{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

body > header #hamburger.rotated span:nth-child(3)
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body > header #hamburger.rotated span:nth-child(4)
{
    top: 8px;
    width: 0%;
    left: 50%;
}

#hamburger-menu
{
	position: fixed;
	top: 50px;
	box-sizing: border-box;
	display: none;
	background-color: #F4F8FD;
	z-index: 200020;
}

.nyroModalBg
{
  z-index: 200030;
}

.nyroModalTitle,
.nyroModalCloseButton,
.nyroModalCont
{
  z-index: 200040;
}

#hamburger-menu .widget
{
	background: transparent;
}

#hamburger-menu .widget
{
	margin-bottom: 0;
	border-bottom: 2px solid #EEE;
}

#hamburger-menu .widget:last-child
{
	margin-bottom: 0;
	border-bottom: 0;
}

#hamburger-menu .widget .body
{
	padding: 0;
}

#hamburger-menu.show
{
	display: block;
}

#hamburger-menu.fullheight
{
  position: fixed;
  top: 50px;
  bottom: 0;
  overflow: auto;
}

#hamburger-menu.show .menu,
#hamburger-menu.show .menu ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#hamburger-menu.show a.item
{
	background-repeat: no-repeat;
	background: transparent;
	display: block;
	padding: 10px;
	text-decoration: none;
	border-bottom: 1px solid #EEE;
}

#hamburger-menu.show a.item:hover
{
	background-color: #FFA;
}

#breadcrumbs
{
	margin: 0 0 20px;
}

.ft_text .value, 
.ft_html .value,
.field,
.field p
{
  color: #000;
  line-height: 1.5em;
}

#body section article
{
	padding: 0;
}

#body section .widget
{
  margin-bottom: 0;
}

h2#most-popular
{
  border: 0;
  font-size: 24px;
  font-weight: bold;
  padding: 0;  
}

.loader-ellips {
  font-size: 20px;
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #7293b6;
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.grid_item,
.grid__col-sizer {
  width: 32%;
  overflow: hidden;
}

.grid__gutter-sizer {
    width: 2%;
}

.grid_item img
{
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
}

.content_list .content_list_item h2
{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3em;
}

.content_list .content_list_item .preview-text
{
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: 18px;
}

.content_list .content_list_item .preview-text a
{
    text-decoration: none;
    color: #000;
    word-break: break-word;
}


.content_list .content_list_item .ft_image,
.content_list .content_list_item .image-preview,
.comment .image-preview
{
  position: relative;
  margin: 10px -10px 0;
  font-size: 0;
}

.comment .image-preview
{
  display: block;
  width: 100%;
  cursor: pointer;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
}

.content_list .content_list_item img
{
  width: 100%;
}

.info_bar,
.content_list_item .info_bar
{
  margin-top: 0;
  padding-top: 15px;
}


.comment .image-preview .youtube-ico,
.content_list .content_list_item .image-preview .youtube-ico,
.grid_item .youtube-ico
{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 96px;
  height: 96px;
  background-position: center center;
  opacity: 0.6;
}

.comment .image-preview:hover .youtube-ico,
.content_list .content_list_item .image-preview:hover .youtube-ico,
.grid_item:hover .youtube-ico
{
  transition: all 0.4s ease-in-out;
  opacity: 1;
}


.tabs-menu > ul
{
  clear: both;
  overflow: hidden;
  height: auto;
}
.tabs-menu > ul
{
  border-bottom: 1px solid #EEE;
}

.tabs-menu .tabbed li a
{
  border: 0;
  border-bottom: 2px solid #FFF;
  padding: 0 7px;
}

.tabs-menu .tabbed li a:hover
{
  background-color: inherit;
}

.tabs-menu .tabbed li a:hover
{
  border-bottom: 2px solid #EEE;
}

.tabs-menu .tabbed li.active a, 
.tabs-menu .tabbed li.active a:hover
{
  border: 0;
  border-bottom: 3px solid #7293b6;
}

#user_profile #information .fieldset_title
{
  border-top: solid 1px #EEE !important;
}

.grid.are-images-unloaded {
  opacity: 0;
}

/* hide by default */
.grid.are-images-unloaded .image-grid_item {
  opacity: 0;
}

.grid_item {
  margin-bottom: 10px;
  float: left;
}

.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  text-align: center;
  color: #777;
}


.popular-pages .caption
{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    max-width: 90%;
}

.popular-pages .caption a
{
    background-color: #fff !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    border-radius: 3px !important;
    padding: 1px 4px !important;
    line-height: 1.55 !important;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.popular-pages .grid_item
{
}

.content_list_item .field img
{
	max-width: 100%;
}

#comments_refresh_panel
{
  display: none !important;
}

#comments_widget ul.tabbed
{
  border: none;
}

#comments_widget ul.tabbed li a
{
  border: 0;
  font-size: 24px;
  font-weight: bold;
  padding: 0;
}

.content_list_rss_icon
{
  display: none;
}

#comments_widget .comments-header
{
  font-size: 24px;
  font-weight: bold;
  float: left;
}

#comments_widget .track
{
}

#comments_widget #comments_add_link
{
  background: none;
  margin: 20px 0;
  padding: 0;
  display: none;
}

#comments_widget #comments_add_link a
{
}

#comments_widget #comments_add_form
{
  display: block;
}


#wall_widget #wall_add_form, #comments_widget #comments_add_form
{
  background-color: #EEE;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 15px;
}

#comments_widget #comments_add_form input.button  
{
  background-color: #FFF;
  font-size: 18px;
  color: #000;
  border: 1px solid #CCC;
}

.markItUpHeader .smilepanel
{
  background-color: #EEE;
}

.markItUpHeader ul li a
{
  display: block !important;
  width: auto;
  height: 30px;
  line-height: 30px;
  text-indent: 0;
  background-position: 5px center;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 0 10px 0 28px;
  background-color: #7293b6;
  color: #FFF !important;
  border-radius: 4px;
  font-size: 14px;
}

#comments_widget #comments_add_form input.button:hover,
.markItUpHeader ul li a:hover
{
  background-color: #3467b6;
}


.markItUpContainer .markItUpHeader > ul
{
  margin-bottom: 12px;
}

.markItUpEditor.textarea
{
  font-size: 14px;
  color: #000;
  border-color: 1px solid #EEE;
}

#comments_list .selected-comment
{
  box-shadow: none;
  background-color: rgba(140, 175, 219, 0.31);
  padding: 10px;
}

#comments_list .comment
{
  margin: 10px 0 0;
}

#comments_list .comment .body .avatar
{
  width: 64px;
  text-align: center;
}

#comments_list .comment .body .avatar img
{
  margin: 0 auto 0;
}

#comments_list .comment.is_topic_starter .info .name .user
{
  font-weight: bold;
}

#comments_widget
{
  margin: 20px 0;
}

form .field label
{
  color: #000;
}

.rating-block {
}

.rating-block .italic {
    color: #888;
}

.rating-block .btn-like {
    background-position: 21px center;
    background-repeat: no-repeat;
    background-size: 32px;
    background-color: #7293b6 ;
    display: inline-block;
    padding: 0 20px 0 64px;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    color: #FFF !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    margin: 10px 0;
    cursor: pointer;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
}

.rating-block .btn-like:hover
{
  background-color: #8da6c3;
}

.bookmarks-block
{
    margin: 10px 0;  
}


.rating-block .vote-counter
{
    display: block;
    float: right;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0 5px;
    font-weight: bold;
}

.rating-block .spinner-loading
{
    display: none;
}

.rating-block .btn-like-loading .spinner-loading
{
    display: block;
    left: 75px;
    top: 0px;
}


.rating-block .spinner-loading > div {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-color: #f4cd1e;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.rating-block .spinner-loading .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.rating-block .spinner-loading .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.rating-block span.btn-like.btn-like-loading
{
    width: 170px;
    position: relative;
}

.rating-block span.btn-like.btn-like-loading .text,
.rating-block span.btn-like.btn-like-loading .vote-counter
{
    display: none;
}

.rating-block .btn-like-thnx {

}


nav.alertify-buttons
{
  background-color: transparent;
  height: auto;
  padding: 0;
  margin: 0;
}

.bookmarks_tags_selector
{
  list-style-type: none;
  list-style-type: none;
  max-height: 6em;
  overflow-y: scroll;  
  margin: 0;
  background-color: #EEE;
}

.bookmarks_tags_selector > li
{
  float: left;
  display: inline-block;
  padding: 5px;
}

.bookmarks_tags_selector::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.bookmarks_tags_selector::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

header .menu
{
  padding-top: 7px;
}

header .menu li.subscribe a
{
  background: transparent !important;
  border: 2px solid #EEE;
  border-radius: 20px;
  padding: 10px;
  line-height: 1em;
  border-radius: 20px;
  color: #EEE;
  margin: 0;
  font-weight: bold;
}

header .menu li.subscribe-fast a
{
  background-color: #31c73b !important;
}

header .menu li.subscribe a:hover
{
  border-color: #FFF;
  color: #FFF;
}

header ul.left
{
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 20px;
}

header ul.left li
{
  float: left;
}

header ul.left li a
{
  color: #FFF;
  text-decoration: none;
  background-size: 32px;
  background-position: center 2px;
  width: 120px;
  height: 50px;
  background-repeat: no-repeat;
  padding: 34px 0 0 0;
  text-align: center;
  display: block;
  box-sizing: border-box;
  line-height: 10px;
  font-size: 12px;
}

header ul.left li a:hover
{
  background-color: rgba(0, 0, 0, 0.1);
}

header ul.left li a span
{
  opacity: 0.7;
}

header ul.left li a:hover span
{
  opacity: 1;
}

.content_item_digest-link
{
  margin-bottom: 10px;
}

.content_item_digest-link a
{
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.tabs-menu > select
{
  display: none !important;
}

.tabs-menu > ul
{
  display: block !important;
}

.field .image
{
  margin-bottom: 10px;
}

.field img
{
  max-width: 100%;
}

.field .image-text
{
  margin-bottom: 20px;
}

#comments_list .comment .info .date,
#comments_list .comment .info .nav,
#comments_list .comment .info .rating
{
  float: right;
}

#comments_list .comment .info .rating
{
  margin: 0;
}

#wall_widget #entries_list .entry,
#comments_list .comment 
{
  border-bottom: 1px solid #EEE;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.5em;
}

#comments_list .comment:last-child
{
  border-bottom: 0;
}


#comments_list .comment .bookmark-button
{
  background-size: 12px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 50%;
  float: right;
  transition: all 0.4s ease-in-out;
  box-sizing: border-box;
}

#comments_list .comment .bookmark-button.in-bookmarks
{
  background-color: #E9CC39;
}

#comments_list .comment .bookmark-button::after {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px 8px 8px 0px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  color: #FFF;
  content: attr(data-tooltip);
  opacity: 0;
  padding: 3px 7px;
  right: 32px;
  position: absolute;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
    
#comments_list .comment .bookmark-button:hover::after {
  opacity: 1;
  visibility: visible;
}

#shownextbutton-absolute
{
    position: fixed;
    top: 0px;
    left: 50%;
    width: 880px;
    background-color: #4ba5e5;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    height: 40px;
    color: #FFF;
    text-decoration: none;
    margin-left: -590px;
    transition-duration: 0.2s;
    transition-property: top;
    z-index: 100;
    opacity: 0;
}


#shownextbutton-absolute.down
{
    top: 50px;
    opacity: 1;
}    

body.columns3 #shownextbutton-absolute
{
  width: 700px;
  margin-left: -410px;
  font-size: 21px;
}

#layout.nexbuttondown
{
  padding-top: 35px !important;
}                      


.subscribe-go-to-mail-webservice
  {
  color: #;
  background-color: #2980b9;
  display: block;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  align: center;
  text-decoration: none;
  color: #;
  border-radius: 4px;
  color: #F;
  color: #FF;
  color: #FFF;
  font-size: 1;
  font-size: 18;
  font-size: 18p;
  font-size: 18px;
  font-weight: bold;
}

.digest-item .preview img
{
    max-width: 150px;
}

.digest-item .text
{
    box-sizing: border-box;
}

.mainpage-description
{
  margin-bottom: 20px;
  font-size: 18px;
  padding: 0;
  line-height: 1.4em;
}

.widget_content_tree
{
  overflow: hidden;
  margin: -25px -15px 0;
}


.widget_content_tree ul
{
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color: #333;
}

.widget_content_tree ul ul li a
{
  padding-left: 20px !important;
}

.widget_content_tree ul li
{
  float: left;
  background: transparent;
  padding: 0;
}

.widget_content_tree ul li a
{
  padding: 10px;
  display: block;
  color: #EEE;
  text-decoration: none;
}

.widget_content_tree ul li.active > a:hover, 
.widget_content_tree ul li.active > a
{
  background-color: #505050;
  color: #FFF;
}


#hamburger-menu .widget_content_tree,
#content-left-sidebar .widget_content_tree
{
    margin: 0;
}

#hamburger-menu  .widget_content_tree ul,
#content-left-sidebar .widget_content_tree ul
{
  background-color: transparent;
}

#hamburger-menu .widget_content_tree ul li,
#content-left-sidebar .widget_content_tree ul li
{
  float: none;
}

#content-left-sidebar .widget_content_tree ul li
{
    margin: 0;
}

#content-left-sidebar .widget_content_tree ul li a
{
  padding-bottom: 5px !important;
}


#hamburger-menu .widget_content_tree ul li a,
#content-left-sidebar .widget_content_tree ul li a
{
  color: #666;
  padding: 0;
}

#content-left-sidebar .widget_content_tree ul li a span
{
}

#hamburger-menu .widget_content_tree ul li.active > a,
#content-left-sidebar .widget_content_tree ul li.active > a
{
  font-weight: bold;
  background: transparent;
  color: #000;
}

.share-buttons-small
{
  overflow: hidden;
}

.share-buttons-small .button
{
  float: left;
  margin-right: 5px;
}

.share-buttons-small .button a
{
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 0;
  background-size: 100%;
}


#big-share-buttons
{
    margin: 10px 0;
    overflow: hidden;
    justify-content: center;
}

#big-share-buttons .button
{
    margin: 10px 0px 10px 0;
    font-size: 18px;
    border-radius: 15px;
    height: 50px;
    line-height: 50px;;
}

#big-share-buttons .button.button-ok
{
    margin-bottom: 4px;
}

#big-share-buttons a
{
    display: inline-block;
}

#big-share-buttons .pinterest a
{
    background-color: #92121c;
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: 5px center;
    border: 1px solid #e8a6ab;
    color: #FFF;
    /* padding: 15px; */
    /* padding: 3px 9px 3px 8px; */
    font-size: 24px;
    min-width: 20px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 10px 0 50px;
    font-weight: bold;
}


#big-share-buttons .mailru a
{
    background-color: #005ff9;
    color: #FFF;
    /* padding: 15px; */
    /* padding: 3px 9px 3px 8px; */
    font-size: 24px;
    min-width: 20px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 10px;
}

#big-share-buttons .mailru .aaa
{
    color: #ff9d01;
    margin-right: 5px;
}



#big-share-buttons .facebook a
{
    background-color: #3b5998;
    background-image: linear-gradient(#4e69a2, #3b5998 50%);
    border-bottom: 1px solid #133783;
    color: #FFF;
    /* padding: 15px; */
    /* padding: 3px 9px 3px 8px; */
    font-size: 24px;
    min-width: 20px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 10px;
}

#big-share-buttons .vk a
{
    background-color: #4a76a8;
    border-bottom: 1px solid #4872a3;
    color: #FFF;
    /* padding: 15px; */
    /* padding: 3px 9px 3px 8px; */
    font-size: 24px;
    min-width: 20px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 10px;
}

#big-share-buttons .twitter a
{
    background-color: #1da1f2;
    border-bottom: 1px solid #1da1f2;
    color: #FFF;
    /* padding: 15px; */
    /* padding: 3px 9px 3px 8px; */
    font-size: 24px;
    min-width: 20px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 10px;
}



#big-share-buttons .button-ok a
{
    background: #ff9f4d; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9f4d 0%, #f67822 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff9f4d 0%,#f67822 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff9f4d 0%,#f67822 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f4d', endColorstr='#f67822',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #ff9f4d;
    color: #FFF;
    /* padding: 15px; */
    /* padding: 3px 9px 3px 8px; */
    font-size: 24px;
    min-width: 20px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 10px;                 
    overflow: hidden;
}

#big-share-buttons .button-ok a span
{
    display: inline-block;
}

#big-share-buttons .button-ok a span.logo
{
    background: url(../images/big-share-buttons/ok-logo_xl.png) no-repeat 0 0;
    height: 30px;
    width: 18px;
    float: left;
    margin: 6px 4px 0 0;
}

#content-right-sidebar
{
    box-sizing: border-box;
    float: right;
    padding: 10px 0;
    display: flex;
    flex-direction: column; 
    order: 3;
}

#content-right-sidebar .wrapper
{
  width: 300px;
  height: 100%;
}

#content-left-sidebar
{
    box-sizing: border-box;
    float: left;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    order: 1;
}

#content-left-sidebar .wrapper
{
    width: 200px;
    height: 100%;
}

#content-right-sidebar #right-sidebar-sticky,
#content-left-sidebar #left-sidebar-sticky
{
    position: sticky;
    position: -webkit-sticky;
    top: 60px;
}

#content-right-sidebar #right-sidebar-sticky .widget > .body,
#content-left-sidebar #left-sidebar-sticky .widget > .body
{
  padding: 0;
}


#content-left-sidebar ul
{
  list-style-type: none;
}

#content-left-sidebar .widget .body
{
  padding: 0px 0px 0;
}

#content-left-sidebar .widget .body > ul
{
    padding: 0;
    margin: 0;
}

#content-left-sidebar .menu li a
{
  background-position: 10px center;
  background-image: none;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  color: #666;
  background-size: 24px;
}

#content-left-sidebar .menu li a > span
{
  padding: 8px 4px 7px 50px;
  display: block;
}

#content-left-sidebar .menu .widget_content_tree li a > span
{
  padding-left: 20px;
}

#content-left-sidebar .menu li a:hover
{
  background-color: #EEE;
}

#content-left-sidebar .menu li a span
{
}

#content-left-sidebar .menu li a span .counter
{
    margin-left: 5px;
    font-weight: bold;
}

#content-left-sidebar .menu li.folder.add > a
{
  display: none;
}

#content-left-sidebar .menu li.folder.add ul
{
  margin: 0;
  font-weight: bold;
}

#content-left-sidebar .widget_user_avatar > ul.menu
{
  margin: 0;
}

#content-left-sidebar ul.menu:after
{
  display: block;
  border-bottom: 1px solid #EEE;
  content: " ";
  padding: 0;
  margin: 20px 6px 0 26px;
}

#content-left-sidebar ul
{
  padding: 0;
  margin: 0;
}

#content-left-sidebar ul ul li a
{
  padding: 0 0 0 20px;
}

#hamburger-menu .widget_user_avatar .user_info,
#content-left-sidebar .widget_user_avatar .user_info
{
  background: transparent;
  padding: 10px;
  overflow: hidden;
  margin: 0;
}

#hamburger-menu .widget_user_avatar .user_info .avatar,
#content-left-sidebar .widget_user_avatar .user_info .avatar
{
  overflow: hidden;
  float: none;
  text-align: center;
}

header .widget_user_avatar img
{
    max-height: 30px;
}

#hamburger-menu .widget_user_avatar .user_info .avatar img,
#content-left-sidebar .widget_user_avatar .user_info .avatar img
{
  max-width: 100%;
}

#hamburger-menu .widget_user_avatar .user_info .name,
#content-left-sidebar .widget_user_avatar .user_info .name
{
  text-align: center;
  margin-top: 10px;
}
 
#hamburger-menu .widget_user_avatar .user_info .name a,
#content-left-sidebar .widget_user_avatar .user_info .name a
{
  color: #000;
  font-size: 16px;
}

#hamburger-menu .widget_user_avatar .rating,
#content-left-sidebar .widget_user_avatar .rating
{
  text-align: center;
}

#hamburger-menu .widget_user_avatar .rating .title,
#hamburger-menu .widget_user_avatar .rating .value,
#content-left-sidebar .widget_user_avatar .rating .title,
#content-left-sidebar .widget_user_avatar .rating .value
{
  display: inline-block;
  line-height: 24px;
  height: 24px;
}

#hamburger-menu .widget_user_avatar .rating .value,
#content-left-sidebar .widget_user_avatar .rating .value
{
  height: 24px;
  line-height: 24px;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 20px;
}

#hamburger-menu .widget_user_avatar .rating a,
#content-left-sidebar .widget_user_avatar .rating a
{
  text-decoration: none;
}
#hamburger-menu .widget_user_avatar .rating .title,
#content-left-sidebar .widget_user_avatar .rating .title
{
  display: none;
}

#content-left-sidebar .menu li.folder.add ul a
{
}

#content-left-sidebar .menu li.folder.add ul a:hover
{
  opacity: 0.9;
}

body > .upper-block
{

}

body > .upper-block .widget
{
  margin-bottom: 0;
}

body > .upper-block .widget > .body
{
  padding: 0;
}

.author-header
{
  overflow: hidden;
  margin-bottom: 10px;
}

.author-header .avatar
{
  display: block;
  float: left;
}



.author-header .info 
{
    margin-left: 79px;
    padding-top: 8px;
}

.author-header .info .name
{
  font-weight: bold;
  margin-bottom: 5px;
}

.author-header .info .date_pub
{
  color: #AAA;
}

.author-header-item-view .avatar img
{
  border-radius: 50%;
  width: 128px;
  height: 128px;
}

.author-header-item-view .info 
{
  margin-left: 146px;
}

#user_profile #left_column 
{
    float: left;
    border: 1px solid #DDD;
    margin-right: 15px;
    max-width: 286px;
    box-sizing: border-box;    
}

#user_profile #left_column .guest-message
{
  padding: 10px 20px;
  background-color: #EEE;
  line-height: 1.5em;
}

#user_profile #left_column .guest-message a
{
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}


#user_profile #left_column .block 
{
  border: none !important;
  margin: 0 !important;
}

#user_profile #left_column .block-button a {
    background-color: #dbe3e4;
    color: #000;
    line-height: 40px;
    height: 40px;
    display: block;
    margin: 5px 10px 5px 10px;
    padding: 0px 10px 0 10px;
    border-radius: 4px;
    text-decoration: none;
}

#user_profile #left_column .user-profile-medals
{
  overflow: hidden;

}

#user_profile #left_column .user-profile-medals > .title
{
  font-weight: bold;
  margin-bottom: 10px;
}

#user_profile #left_column .user-profile-medals .medal
{
  float: left;
  margin-right: 2px;
  position: relative;
}

#user_profile #left_column .user-profile-medals .medal 
{
  width: 86px;
}

#user_profile #left_column .user-profile-medals .medal a.title
{
  text-decoration: none;
  display: block;
  font-size: 11px;
  color: #AAA;
  height: 3em;
  text-align: center;
}

#user_profile #left_column .user-profile-medals .medal img
{
  width: 100%;
  height: 86px;
}

#user_profile #left_column .user-profile-medals .medal .medal_index
{
  background-size: 42px;
  background-repeat: no-repeat;
  position: absolute;
  top: 49px;
  left: 0px;
  width: 42px;
  height: 42px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 34px;
  color: #000;
}

.create_content_button
{
  padding: 0 10px;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 4px;
  color: #FFF;
  text-decoration: none;
  text-align: center;  
}

.category-subscribe-choose
{
  display: none;
  margin-top: 20px;
}

.category-subscribe-choose .title
{
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}

.category-subscribe-choose ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color: #FAFAFA;
  border: 1px solid #EEE;
}

.category-subscribe-choose ul li
{
  border-bottom: 1px solid #EEE;
}

.category-subscribe-choose ul li:last-child
{
  border-bottom: none;
}

.category-subscribe-choose ul li span,
.category-subscribe-choose ul li a
{
  padding: 10px;
  display: block;
  text-decoration: none;
}

.category-subscribe-choose ul li a:hover
{
  background-color: #FFA;
}

.important-button
{
  background-color: #54a22c !important;
  color: #FFF  !important;
}

.important-button-red
{
  background-color: #C00 !important;
  color: #FFF !important;
}

#comments_widget #comments_add_form input.button,
input.button-submit,
input.button
{
    background-color: #7293b6;
    border: 0;
    padding: 0 15px;
    line-height: 40px;
    height: 40px;
    color: #FFF;
}

input.text-input
{
    line-height: 40px;
    padding: 0 5px;
    height: 40px;
    box-sizing: border-box;
    font-size: 18px;
    border: 1px solid #EEE;
    box-sizing: border-box;
    float: left;
    margin-right: 5px;
    background-color: #fff;  
}

#comments_widget #comments_add_form input.button:hover,
input.button-submit:hover,
input.button:hover
{
  background-color: #3467b6;
  color: #EEE;
}

input.tune-upload-image
{
  background-repeat: no-repeat  !important;
  background-position: 10px center !important;
  background-size: 30px !important;
  padding-left: 50px !important;
}

#comments_widget #comments_add_form input.tune-upload-image
{
  float: right;
}


#wall_add_form .button-cancel,
#comments_widget #comments_add_form .button-cancel
{
  display: none;
}

#wall_add_form .button[name="preview"],
#comments_widget #comments_add_form .button[name="preview"]
{
  float: right;
  opacity: 0.6;
}


#pm_contact .composer input.button[name="send"],
#wall_add_form .button[name="submit"],
#comments_widget #comments_add_form .button[name="submit"]
{
  background-size: 24px;
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: 44px;
}

#user_profile .friends-list
{ 
    max-width: 100% !important;
}

#user_profile #avatar img
{
  max-width: 100%;
}

#user_profile #left_column .block-button a:hover
{
    background-color: #d0dadb;
    color: #000;
}

#user_profile #left_column .block-button a .counter {
    float: right;
    font-weight: bold;
}

#user_profile #left_column .block-button a.messages
{
    background-image: url(../images/icons/messages.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

#user_profile #left_column .block-button a.user_add 
{
    background-image: url(../images/icons/adduser16.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

#user_profile #left_column .block-button a.delete_request,
#user_profile #left_column .block-button a.user_delete
{
    background-image: url(../images/icons/delete16.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

#user_profile #left_column .block-button a.profile-button.settings,
#user_profile #left_column .block-button a.profile-button.edit
{
    background-image: url(../images/icons/edit16.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

#user_profile #left_column .block-button a.profile-button.user_ignorslist
{
    background-image: url(../images/icons/delete16.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

#user_profile #left_column .user-profile-delete-friend-hided a,
#user_profile #left_column .user-profile-unsubscribe-hided a,
#user_profile #left_column .block-button a.profile-button.user_ignorslist_delete,
#user_profile #left_column .block-button a.profile-button.user_ignorslist_add
{
  background-color: #e4dbdb;
  color: #000;
}


#user_profile .block .details li
{
  margin-bottom: 4px !important;
}

.voted-button 
{
    border: 1px solid #EEE;
    padding: 2px 8px 0px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #EEE;
}

.voted-button .empty
{
  color: #AAA;
  opacity: 0.3;
}

table.voted-users-list
{
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

table.voted-users-list tr td
{
    border-bottom: 1px solid #EEE;
    padding: 10px;
}

table.voted-users-list tr td.ava
{
  width: 30px;
}

table.voted-users-list tr td.stat
{
  text-align: right;
}

table.voted-users-list span.stat
{
  color: #888;
}

table.voted-users-list span.stat .minus
{
  color: red;
}

table.voted-users-list span.stat .plus
{
  color: green;
  display: block;
}

.voted-users-list.negative tr td
{
    background-color: #ffeded;
    color: red;
    border-bottom: 1px solid #e8b2b2;    
}

.voted-users-list.positive tr td
{
    background-color: #e5fccf;
    color: green;
    border-bottom: 1px solid #9fc974;
}


.voted-users-header
{
    padding: 10px;
    background-color: #7293b6;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
}


#comments_list .comment .content{
    color:#333;
    padding-left:10px;
    padding-top: 0px;
    position: relative;
    overflow: hidden;
}

#comments_list .comment .info .name a.user
{
  text-decoration: none;
  display: block;
}

#comments_list .comment .comment-add-info
{
  font-size: 12px;
  float: none !important;
  overflow: hidden;
}

#comments_list .comment .comment-add-info .comment-user-rating
{
  background-size: 14px;
  background-position: 0 center;
  background-repeat: no-repeat;
  padding-left: 16px;
}

#comments_list .comment .comment-parent
{
  padding: 10px; 
  background-color: #EEE; 
  float: none; 
  display: none; 
  margin-bottom: 10px;
}

#comments_list .comment .info .name a.reply-header
{
  display: block;
  text-decoration: none;
}

#comments_list .comment .info .name a.reply-header span
{
  color: #AAA; 
  border-bottom: 1px solid #AAA;
}

#comments_list .comment img {
  max-width:100%;
}

#comments_list .comment .links{
    padding:10px 0 0 0;
    font-size:12px;
}

.forum-topic .content .links a,
#wall_widget #entries_list .entry .links a,
#comments_list .comment .links a {
    font-size: 14px;
    color: gray;
    text-decoration: none;
    margin-right: 6px;
    margin-bottom: 6px;
    display: inline-block;
    border: 1px solid #e6e6e6 !important;
    padding: 0 10px;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;    
    background-color: #EEE;
}

#wall_widget #entries_list .entry .links.has_replies
{
  padding: 0;
  background: transparent;
}

#wall_widget #entries_list .entry .links.has_replies .get_replies
{
    background-image: url(../images/icons/comment-small.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
    border: 1px solid #e6e6e6 !important;
}

#wall_widget #wall_add_form .preview_box img, 
#comments_widget #comments_add_form .preview_box img
{
  max-width: 100%;
}

#wall_widget #entries_list .entry .links a.get_replies
{
  padding-left: 0;
  border: 0 !important;
}

#wall_widget #entries_list .entry .links a:hover,
#comments_list .comment .links a:hover 
{

}


.birthdays-widget .user_info
{
  background: transparent;
}

.birthdays-widget
{
  overflow: hidden;
}

.birthdays-widget a
{
  display: inline-block;
  width: 100px;
  float: left;
  text-align: center;
}

.birthdays-widget a span
{
  display: block;
  
}

.birthdays-widget h4
{
    height: 47px;
    line-height: 47px;
    font-weight: bold;
    font-size: 18px;
    margin: 0;  
}

.scrollUp {
  position: fixed;
    right: 5px;
  bottom: 5px;
  background-color: #FFF;
  color: #7f7f7f;
  z-index: 9999;
  cursor: pointer;
  padding: 2px 15px 0;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 42px;
  line-height: 42px;
  box-sizing: border-box;
}



.dd-container .a-button
{
    background-color: #0c5261;
    color: #FFF;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
    text-align: center;
}

.dd-container .a-button.disabled
{
    background-color: #d5dade !important;
    color: #000 !important;
}

.dd-container .a-button.disabled:hover
{
}


.dd-container .a-button:hover
{
    background-color: #707f8e;
    color: #FFF;
}

.dd-container .a-button.spinner
{
    background-image: url(../images/spinner-2.svg);
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

.dd-container
{
    position: relative;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
}

.dd-container.dd-container-fullwidth
{
  display: block;
}

.dd-button
{
    text-align: center;
    padding: 5px 8px 5px 15px;
    background-color: #d5dade;
    cursor: pointer;
    color: #000;
}

.dd-button:hover
{
    background-color: #e1e5e8;  
}

.dd-button2 span,
.dd-button span
{
    position: relative;
    padding-right: 16px;
}

.dd-button2 span:after,
.dd-button span:after
{
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  right: 0;
  z-index: 1;
  background: url(../images/down.svg) no-repeat right 1px;
  background-size: 16px;
  transition: all 0.2s;
}

.dd-button2.dropped span:after,
.dd-button.dropped span:after
{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);  
}


#user_profile #left_column .user-profile-ignore-button,
#user_profile #left_column .user-profile-delete-friend-hided,
#user_profile #left_column .user-profile-unsubscribe-hided
{
    display: none;
    margin-top: -5px;
}

#user_profile #left_column .block-button.dd-button2 a
{
    background-color: #edf1f2;
    color: #000;
}


#user_profile #left_column .guest-message
{
    padding: 5px 15px;
    color: #666;
}

#user_profile #left_column .guest-message a
{
    color: #666;
    font-weight: bold;
}

#user_profile #left_column .block-button.centered
{
    text-align: center;
}



.dd-container .dd-contnet
{
    display: none;
}

#wall_widget .title_bar .title
{
  float: none;
  margin-bottom: 10px;
}

#wall_widget .title_bar #wall_add_link
{
  float: none;
  margin-top: 0;
  display: inline-block;
  background-color: #3870c6;
  color: #FFF;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  border-radius: 99px;  
  background-image: none;
  text-decoration: none;
}

#wall_widget .title_bar #wall_add_link:hover
{
  background-color: #3467b6;
}

.user-profile-progress-bar
{
  display: block;
  padding: 0 10px 10px;
}

.user-profile-progress-bar a
{
  color: #000;
  text-decoration: none;
}

.user-profile-progress-bar .caption
{
  font-weight: bold;
  text-align: center;  
}

.user-profile-progress-bar .progress-bar
{
  height: 20px;  /* Can be anything */
  position: relative;
  background: #555;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 3px;
  box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.user-profile-progress-bar .progress-bar .progress
{
  display: block;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

ul.user-profile-fields
{
  list-style-type: none;
  padding: 0;
  margin: 10px 0 !important;  
  overflow: hidden;
}

ul.user-profile-fields li
{
  padding: 5px 5px 5px 40px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #888;
}

ul.user-profile-fields li span
{
  border-bottom: 1px solid #88888833;
}
.user-profile-fields li.filled
{
  color: #6a8651;
}

.user-profile-fields li.filled span
{
  border-bottom: 1px solid #6a865133;  
}

.user-profile-fields li:hover span
{
  color: #000;
  border-bottom: 1px solid #000;
}

.field .image-text.image-text-rating
{
  border: 10px solid #EEE;
  border-radius: 4px;
  margin-bottom: 40px;
}

.field .image-text.image-text-rating .buttons
{
  overflow: hidden;
  padding: 10px;
}

.field .image-text.image-text-rating .buttons .score
{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  float: left;
  font-size: 21px;
  font-weight: bold;
}

.field .image-text.image-text-rating .buttons .button-vote
{
  width: 50px;
  height: 50px;
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: inline-block;  
  float: left;
}

.field .image-text.image-text-rating .buttons .button-vote.disabled
{
  background-color: #EEE;
}

.field .image-text.image-text-rating .buttons .button-vote.active
{
  cursor: pointer;  
}

.field .image-text.image-text-rating .buttons .button-vote.active:hover
{
  opacity: 0.8;
}

.field .image-text.image-text-rating .buttons .vote-up
{
  background-color: #4ab103;
}

.field .image-text.image-text-rating .buttons .vote-down
{
  background-color: #f00;
}

.tune-settings-page
{
  overflow: hidden;
}

.tune-settings-page .settings-tabs
{
  width: 200px;
  display: block;
  float: left;
  overflow: hidden;
}

.tune-settings-page .settings-tabs ul
{
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0 20px 0 0;
  border-left: 1px solid rgba(0,16,61,0.12);
}

.tune-settings-page .settings-tabs ul li
{
  line-height: 50px;
  height: 50px;
  display: inline-block;
  font-size: 16px;
  display: block;
}

.tune-settings-page .settings-tabs ul li a
{
  padding: 0 12px;
  display: block;
  text-decoration: none;
  height: 50px;
  box-sizing: border-box;
  color: #777;
}

.tune-settings-page .settings-tabs ul li a.selected
{
  border-left: 3px solid #7293b6;
  color: #7293b6;
}

.tune-settings-page .settings-tabs ul li a:hover
{
  background-color: #EEE;
}


.tune-settings-page .settings-content
{
  display: block;
  margin-left: 200px;
}

.tune-settings-page .settings-tabs-mobile
{
  display: none;
}

.tune-settings-page .settings-tabs-mobile ul
{
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid rgba(0,16,61,0.12);
}

.tune-settings-page .settings-tabs-mobile ul li
{
  line-height: 50px;
  height: 50px;
  display: inline-block;
  font-size: 16px;
}

.tune-settings-page .settings-tabs-mobile ul li a
{
  padding: 0 12px;
  display: block;
  text-decoration: none;
  height: 50px;
  box-sizing: border-box;
  color: #777;
}

.tune-settings-page .settings-tabs-mobile ul li a.selected
{
  color: #7293b6;
  border-bottom: 3px solid #7293b6;
}

.tune-settings-page .settings-tabs-mobile ul li a:hover
{
  background-color: #EEE;
}


.new-awards-widget
{
  overflow: hidden;
}

.online_users_2 .title,
.new-awards-widget .title
{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.online_users_2 .users-list
{
  margin-bottom: 10px;
}

.new-awards-widget ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.new-awards-widget ul span.t
{
  display: block;
  color: #888;
}

.new-awards-widget ul span.n
{
  display: block;
}


.new-awards-widget ul li
{
  display: inline-block;
  text-align: center;
}

.awards-list li
{
    width: 100%;
    margin-bottom: 20px;
}

.new-awards-widget ul span.n
{
    font-weight: bold;
    font-size: 16px;
}
  
@media screen and (max-width: 1200px) {
  .tune-settings-page .settings-tabs
  {
    display: none;
  }

  .tune-settings-page .settings-content
  {
    margin-left: 0;
  }

  .tune-settings-page .settings-tabs-mobile
  {
    display: block;
  }

  #pm_contact .overview .user_date_log
  {
    display: none !important;
  }

  #pm_contact .overview input.button
  {
    padding: 0 5px;
    font-size: 12px;
  }

  #shownextbutton-absolute
  {
      width: 96%;
      margin-left: -48%;
      overflow: hidden;
      font-size: 9px;
  }

  body.columns3 #shownextbutton-absolute
  {
    width: auto;
    box-sizing: border-box;
    left: 190px;
    right: 10px;
    margin-left: 0;    
  }

	#content-right-sidebar
	{
		display: none;
	}

	#hamburger-menu
	{
		width: 100%;
		bottom: 0;
		overflow: auto;
	}

	body.menu-dropped {
		overflow: hidden;
	}	

  .grid_item,
  .grid__col-sizer {
    width: 49%;
    overflow: hidden;
  }

  body > header #logo a, 
  body > header #logo > span
  {
    font-size: 18px !important;
  }
}


#hamburger-menu .menu li a span .counter,
#content-left-sidebar .menu li a span .counter
{
  height: 16px;
  width: 24px;
  background-color: #54a22c;
  border-radius: 8px;
  display: inline-block;
  line-height: 16px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;    
  text-align: center;
}

#hamburger .h-notices
{
  display: block;
  position: absolute;
  right: 0px;
  top: 24px;
  background: url(../images/bell.svg) no-repeat center center transparent;
  color: #FFF;
  padding: 5px;
  line-height: 6px;
  z-index: 1001;
  font-weight: bold;
  background-size: 22px;
  width: 16px;
  height: 16px;
}

#hamburger .h-messages
{
  display: block;
  position: absolute;
  left: 0px;
  top: 24px;
  /* border-radius: 5px; */
  background: url(../images/mail.svg) no-repeat center center;
  color: #FFF;
  padding: 5px;
  line-height: 6px;
  z-index: 1001;
  font-weight: bold;
  background-size: 22px;
  width: 16px;
  height: 16px;
}

.ms_wopm_window .ui_message
{
  padding: 15px 15px 40px;
}

#only-for-registered-window
{
  padding: 20px;
  font-size: 18px;
  line-height: 1.5em;
}

.rating-bookmarks-section
{
  margin: 20px 0;
  overflow: hidden;
}

#comments_list .comment .body
{
  clear: none;
}

#comments_list .comment a.rate-down-2,
#comments_list .comment a.rate-up-2
{
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 24px;
    opacity: 0.5;
    margin-right: 30px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    display: block;
    float: right;
}


#comments_list .comment a.rate-down-2:hover,
#comments_list .comment a.rate-up-2:hover
{
    background-position: 0 0;
    opacity: 1;
}


.pagebar .pagebar_nav,
.pagebar .pagebar_nav .pagebar_page,
.pagebar .pagebar_notice
{
  display: none;
}

.caption-form-add-comment
{
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 10px;
  overflow: hidden;
}

.caption-form-add-comment img
{
  max-height: 32px;
  display: block;
  margin-right: 10px;
  float: left;
}

.comments-navigation
{
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 15px;
}

.ui-tabs
{
  overflow: hidden;
}

.ui-tabs .ui-tab
{
  float: left;
  display: block;
  height: 50px;
  line-height: 50px;
  padding-right: 8px;
  padding-left: 7px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}

.ui-tabs .ui-tab.disabled
{
  color: #AAA;
}

.ui-tabs .ui-tab:not(.active):not(.disabled):hover
{
  color: #C00;
}


.ui-tabs .ui-tab:first-child
{
  padding-left: 0;
}

.ui-tabs .ui-tab:last-child
{
  padding-right: 0;
}

.ui-tabs .ui-tab.active
{
  border-color: #C00;
}



#wall_add_form .userinfo,
#comments_add_form .userinfo {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    margin-top: 44px;
    float: left;
    width: 130px;
    overflow: hidden;
    text-align: center;
}

#comments_add_form
{
  overflow: hidden;
}

#comments_widget.comments_widget_forum
{
  padding: 0;
}

.comments_widget_forum #comments_add_form
{
  padding: 10px 10px 10px 10px !important;
}

.comments_widget_forum #comments_add_form .userinfo
{
  margin-top: 0;
  width: 160px;
  box-sizing: border-box;
  padding: 10px 10px;
}


#wall_add_form form
{
    margin-left: 130px;
}

#comments_widget #comments_add_form form.guestform {
    margin-left: 15px;
}

#comments_widget #comments_add_form form.guestform .textarea {
  width: 100%;
  height: 7em;
  color: #2C2D2E;
  border: 1px solid #e7eaf3;
  border-radius: 6px;
  margin-bottom: 5px;
}

.content_item, .f_photos > .value
{
  overflow: unset;
}

.field.ft_html iframe
{ 
  max-width: 100%;
  box-sizing: border-box;
}

.widget_comments_list2 .comment .title
{
  font-size: 14px;
}

.widget_comments_list2 .comment .title
{
  margin-bottom: 0;
}

.widget_comments_list2 .comment .title a.author,
.widget_comments_list2 .comment .title a.subject,
.widget_content_list .details a,
.widget_content_list .item .title a
{
  text-decoration: none;
}


.widget_comments_list2 .comment .info .text a
{
  color: #000;
  text-decoration: none;
}

.widget_comments_list2 .comment
{
  margin-bottom: 30px;
}

.widget_comments_list2 .comment:last-child
{
  margin-bottom: 0;
}

.widget_comments_list2 .comment .videos img
{
  width: 100%;
  display: block;
  margin: 10px 0;
  position: relative;
}

.widget_comments_list2 .comment .videos a
{
  position: relative;
  display: block;
}

.widget_comments_list2 .comment .videos a .btn
{
  content: " ";
  display: block;
  background-repeat: no-repeat;
  background-size: 48px;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}

.widget_comments_list2 .comment .videos a .btn:hover
{
  opacity: 0.8;
}

.widget_comments_list2 .comment .images img
{
  max-width: 100%;
  margin: 10px 0;
  display: block;
}

.widget_comments_list2 .comment .images img:last-child
{
  margin-bottom: 0;
}
.widget_tabbed .tabs
{
  border-bottom: 1px solid #EEE;
  margin: 0 15px;
}

.widget_tabbed .tabs ul,
.widget_tabbed .tabs ul li a.active
{
  background-color: transparent;
}

.widget_tabbed .tabs ul,
.widget_tabbed .tabs ul li
{
  height: auto;
}

.widget_tabbed .tabs ul li a
{
  color: #95a5a6;
  border-bottom: 3px solid transparent;
  height: auto;
  line-height: 30px;
  padding: 0 5px;
}

.widget_tabbed .tabs ul li a:hover
{
  color: #000;
  border-bottom: 3px solid #EEE;
}

.widget_tabbed .tabs ul li a.active
{
  color: #000;
  border-bottom: 3px solid #7293b6;
}

.widget_tabbed .tabs.big-tabs ul li a
{
  font-size: 24px;
  padding: 0 20px;
  font-weight: bold;
  line-height: 40px;
  text-decoration: none;
}

.widget_activity_list a
{
  text-decoration: none;
}

.widget_activity_list .item.top .info .title .subject
{
  font-weight: bold;
}

.widget_activity_list .item.top .title
{
}

#comments_widget .guest-message
{
    padding: 20px;
    background-color: #deeeff;
    margin-top: 20px;
}


.newbie-users-list
{
  overflow: hidden;
  background-color: #FFE;
}

.newbie-users-list .title
{
  padding: 10px;
  font-weight: bold;
  font-size: 18px;
}

.newbie-users-list .users-list
{
  overflow: hidden;;
}

.newbie-users-list .users-list
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 160px;
}

.newbie-users-list .users-list li
{
  float: left;
  width: 200px;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  font-size: 12px;
  position: relative;
}

.newbie-users-list .users-list li a.avatar
{
  display: block;
  width: 100%;
  height: 120px;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 4px;
  transition-duration: 0.2s;
  transition-property: background-size;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.newbie-users-list .users-list li a.avatar:hover
{
}

.newbie-users-list .users-list li .nickname
{
  position: absolute;
  bottom: 40px;
  left: 5px;
  right: 5px;
  padding: 5px;
  box-sizing: border-box;
  color: #FFF;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.newbie-users-list .users-list li .nickname .name
{
  display: block;
  font-weight: bold;
}

.newbie-users-list .users-list li .nickname .birthday
{
  display: block;
  margin-top: 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 20px;
  background-size: 14px;
}

.newbie-users-list .users-list li .nickname .city
{
  display: block;
  margin-top: 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 20px;
  background-size: 14px;
}

.newbie-users-list .users-list li .nickname .city
{
  display: block;
  margin-top: 5px;
}

.newbie-users-list .users-list li .close-btn
{
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #AAA;
  position: absolute;
  right: 5px;
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 4px;
  opacity: 0.9; 
}

.newbie-users-list .users-list li .close-btn:hover
{
  opacity: 1; 
}



.newbie-users-list .users-list li .say-hello
{
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-decoration: none;
  color: #777;
  display: block;
  text-align: center;
}

.newbie-users-list .users-list li .say-hello .in
{
  display: inline-block;
}

.newbie-users-list .users-list li .say-hello .hand
{
  display: block;
  float: left;
  width: 30px;
  height: 40px;
  background-image: url(../images/waving-hand.png);
  background-size: 24px;
  background-position: 4px center;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.newbie-users-list .users-list li .say-hello:hover
{
  color: #C00;
}

.newbie-users-list .users-list li .say-hello:hover .hand {
  animation: shake 0.82s cubic-bezier(.36,.67,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.widget-birthdays-list
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.widget-birthdays-list li span.nickname
{
    display: block;
    height: 60px;
    overflow: hidden;
    font-size: 12px;
}

.widget-birthdays-list li
{
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 2px 2px 0;
}

.widget-birthdays-list li a
{
  text-decoration: none;
}

.widget-birthdays-list.bg-avas li a.ava
{
    width: 100%;
    height: 130px;
    display: block;
    position: relative;
    background-size: 100%;
    background-position: center;
}

.widget-birthdays-list.bg-avas li a .nickname
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 5px;
    box-sizing: border-box;
    color: #FFF;
    height: auto;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.7);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.widget-birthdays-list.bg-avas li:hover
{
  background-color: #FFD;
}

.widget-birthdays-list.bg-avas li:hover a.ava
{
  background-size: 105%;
  transition-property: background-size;
  transition-duration: 0.2s;
}

.widget-birthdays-list.bg-avas li:hover a .nickname
{
  transition-duration: 0.2s;
  transition-property: background-color;
  background-color: rgba(0, 0, 0, 0.5);
}


.widget-birthdays-list.bg-avas li .wish-btn-wrapper
{
  height: 40px;
}

.widget-birthdays-list.bg-avas li a.wish-btn
{
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-decoration: none;
  color: #777;
  text-align: center;
}

}

.widget-birthdays-list.bg-avas li a.wish-btn .in 
{
    display: inline-block;
}

.widget-birthdays-list.bg-avas li a.wish-btn .in .icon {
    display: block;
    float: left;
    width: 30px;
    height: 40px;
    background-size: 24px;
    background-position: 4px center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.widget-birthdays-list.bg-avas li a.wish-btn:hover .in .icon{
  animation: shake 0.82s cubic-bezier(.36,.67,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.widget-birthdays-list li a img 
{
    width: 64px;
    height: 64px;
}

.all-birthdays-bth
{
    background: #a94973;
    padding: 10px;
    color: #FFF;
    text-decoration: none;
    display: inline-block;  
}

#users-birthday-widget ul.users-list {
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    margin: 20px 0 0 0;
}

#users-birthday-widget ul.users-list li {
    float: left;
    width: 92px;
    text-align: center;
    margin-bottom: 20px;
}

#users-birthday-widget ul.users-list li a {
    text-decoration: none;
}

#users-birthday-widget ul.users-list li a img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

#users-birthday-widget ul.users-list li span.name {
    display: block;
    height: 60px;
    overflow: hidden;
}

.category-breadcrumbs,
.category-breadcrumbs-in-list
{
  margin-bottom: 10px;
}

.category-breadcrumbs a,
.category-breadcrumbs-in-list a
{
  color: #888;
  text-decoration: none;
}

h1.content-item-h1
{
  margin-bottom: 5px !important;
  padding-bottom: 0 !important;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-1px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(1px, 0, 0);
  }
}

@keyframes shake-vert {
  10%, 90% {
    transform: translate3d(0, -1px, 0);
  }
  
  20%, 80% {
    transform: translate3d(0, 1px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0, -1px, 0);
  }

  40%, 60% {
    transform: translate3d(0, 1px, 0);
  }
}

#new-medals-dialog
{
  padding: 20px;
  box-sizing: border-box;
  width: 340px;
  text-align: center;
}

#new-medals-dialog h2
{
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: center;
}

#new-medals-dialog .info,
#new-medals-dialog .info a
{
  color: #888;
  font-size: 12px;
  margin-bottom: 10px;
}

#new-medals-dialog ul
{
  list-style-type: none;
  padding: 0;
  margin: 10px 0 0px;
  overflow: hidden;
  display: inline-block;
}

#new-medals-dialog ul li
{
  width: 300px;
  text-align: center;
  margin: 10px 0 40px;
  display: block;
  vertical-align: top;
  position: relative;
}

#new-medals-dialog ul li:last-child
{
  margin-bottom: 10px;
}

#new-medals-dialog ul li span.title
{
  display: block;
  margin-top: 2px;
  padding: 0 10px;
  box-sizing: border-box;  
  font-size: 18px;
  font-weight: bold;
}

#new-medals-dialog ul li span.description
{
  display: block;
  margin-top: 2px;
  padding: 0 10px;
  box-sizing: border-box;  
  font-size: 18px;
  font-weight: bold;
}

.award-preview-page .award_block
{
  position: relative;
}

.award-preview-page .award_block .medal_index
{
  background-size: 128px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 128px;
  height: 128px;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  line-height: 104px;
  color: #000;
}

.award_block .medal_index,
#new-medals-dialog ul li .medal_index
{
  background-size: 128px;
  background-repeat: no-repeat;
  position: absolute;
  top: 133px;
  left: 0px;
  width: 128px;
  height: 128px;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  line-height: 104px;
  color: #000;
}

#new-medals-dialog input.button
{
  text-align: center;
  display: block;
  width: 100%;
  box-sizing: border-box;  
}

.controller-awards .awards_table td
{
  vertical-align: top;
}

.controller-awards .count
{
  margin-bottom: 10px;
}
.controller-awards .show-hidden-users-btn
{
  background-color: #EEE;
  color: #000;
  text-align: center;
  padding: 5px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 4px;
}

.controller-awards .show-hidden-users-btn:hover
{
  background-color: #CCC;
}

.mywidget
{
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mywidget.hide
{
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all 0.2s;
}

.mywidget .title
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all 0.2s;
}

.mywidget.hide .title
{
  font-size: 14px;
  margin-bottom: 0;
}


.mywidget .hint
{
  margin-bottom: 10px;
}

.mywidget .close-btn
{
  text-decoration: none;
  color: #666;
  position: relative;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.2s;
}

.mywidget .close-btn:hover
{
  color: #000;
  border-bottom-color: rgba(0, 0, 0, 0.45);
}

.mywidget.hide .close-btn
{
  border-bottom-width: 1px;
}

.mywidget .close-btn:after
{
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    right: -26px;
    z-index: 1;
    background: url(../images/down.svg) no-repeat right 1px;
    background-size: 26px;
    transition: all 0.2s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mywidget.hide .close-btn:after
{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 18px;
    height: 18px;
    background-size: 18px;
    right: -18px;
}

.mywidget.hide .hint,
.mywidget.hide .content
{
  display: none;
}

.mywidget ul.new-statuses-list
{
  list-style-type: none;
  padding: 0;
  margin: 20px 0 0;
}


.mywidget ul.new-statuses-list li
{
  overflow: hidden;
  margin-bottom: 20px;
} 

.mywidget ul.new-statuses-list li:last-child
{
  margin-bottom: 0;
}

.mywidget ul.new-statuses-list li .avatar
{
  width: 30px;
  float: left;
}

.mywidget ul.new-statuses-list li .avatar img
{
  border-radius: 50%;
}

.mywidget ul.new-statuses-list li .status
{
  margin-left: 35px;
}

.mywidget ul.new-statuses-list li .status .content
{
  font-size: 14px;
  background-color: #f2f3f5;
  border-radius: 18px;
  padding: 8px 10px;
}

.mywidget ul.new-statuses-list li .status .content .nickname
{
  text-decoration: none;
  font-weight: bold;
}

.mywidget ul.new-statuses-list li .show-answer-input
{
  background-position: right 10px center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-color: #EEE;
  border: 1px solid #EEE;
  text-decoration: none;
  padding: 5px 35px 5px 10px;
  border-radius: 15px; 
  display: inline-block;
  margin-top: 5px;
  color: #AAA;
}

.mywidget ul.new-statuses-list li .show-answer-input:hover
{
  background-color: #F8F8F8;
  border: 1px solid #EEE;
}

.mywidget ul.new-statuses-list li .answer_border
{
  margin-top: 5px;
  margin-left: 35px;
  position: relative;
}

.mywidget ul.new-statuses-list li .answer
{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccd0d5;
  background-color: #f2f3f5;
  border-radius: 16px;
  padding: 0 30px 0 10px;
  height: 30px;
  line-height: 30px;
  box-shadow: none;
  box-sizing: border-box;
}


.mywidget ul.new-statuses-list li .answer_border .send-btn
{
  background-position: 7px center;
  background-size: 16px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  right: 3px;
  top: 3px;
  position: absolute;
  background-color: #E0E0E0;
  border-radius: 31px;
  cursor: pointer;
}

.mywidget ul.new-statuses-list li .answer::-webkit-input-placeholder { color: #888; }
.mywidget ul.new-statuses-list li .answer::-moz-placeholder          { color: #888; }
.mywidget ul.new-statuses-list li .answer:-moz-placeholder           { color: #888; }
.mywidget ul.new-statuses-list li .answer:-ms-input-placeholder      { color: #888; }

.mywidget ul.new-statuses-list li .answer:focus::-webkit-input-placeholder { color: #CCC; }
.mywidget ul.new-statuses-list li .answer:focus::-moz-placeholder          { color: #CCC; }
.mywidget ul.new-statuses-list li .answer:focus:-moz-placeholder           { color: #CCC; }
.mywidget ul.new-statuses-list li .answer:focus:-ms-input-placeholder      { color: #CCC; }

.mywidget.fastreg-widget
{
    background-color: #FFF5F7;
    padding-left: 10px;
    padding-right: 10px;
}

.newstatuses-widget
{
    background-color: #fcfcf4;  
    padding-left: 10px;
    padding-right: 10px;
}

.mywidget.fastreg-widget .fastreg-button
{
  background: #FFF;
  display: inline-block;
  color: #000;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-decoration: none;
  border-radius: 18px;
  font-weight: bold;
  border: 1px solid #CCC;
  box-sizing: border-box;;
}

.mywidget.fastreg-widget .fastreg-button:hover
{
  border-color: #888;
}

.mywidget.fastreg-widget .fastreg-button.loading
{
  background-color: #EEE;
  cursor: not-allowed;
}


.mywidget.fastreg-widget input.nickname
{
  height: 36px;
  line-height: 36px;
  box-sizing: border-box;
  border-radius: 18px;
  padding: 0 16px;
  border: 1px solid #CCC;
  outline: none;
}

.mywidget.fastreg-widget input.submit
{
  height: 36px;
  line-height: 36px;
  box-sizing: border-box;
  border-radius: 18px;
  padding: 0 16px;
  border: 1px solid #CCC;
  outline: none;
  background-color: #7293b6;
  color: #FFF;
}


.widget_image_single .block, .widget_image_multi .block
{
  float: none !important;
  margin-right: 0 !important;
  height: 60px !important;
}

.qq-upload-button
{
  box-sizing: border-box;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0;
  background-color: #7293b6;
  color: #FFF;
  text-shadow: none;
  border-radius: 5px;  
}

.whats-new-form
{
  overflow: hidden;
  margin-bottom: 20px;
}

.whats-new-form .whats-new-avatar
{
  width: 64px;
  float: left;
}

.whats-new-form .whats-new-input
{
  margin-left: 64px;
  padding-left: 10px;
}

.whats-new-form .whats-new-input .title
{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 4px;
}

.whats-new-form .whats-new-input .whats-new-input-frame
{
    position: relative;
    background-color: #F4FAFC;
    padding: 5px;
    border-radius: 99px;
}

.whats-new-form .whats-new-input .whats-new-input-frame input.input
{
  height: 30px;
  line-height: 30px;
  border-radius: 99px;
  border-color: #7bb4c7 !important;
  padding: 0 30px 0 12px;
}

.whats-new-form .whats-new-input .whats-new-input-frame .send-btn
{
  background-position: 7px center;
  background-size: 16px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  right: 7px;
  top: 8px;
  position: absolute;
  background-color: #7bb4c7;
  border-radius: 31px;
  cursor: pointer;
}



#layout #body section .posts-personal-menu .body
{
  padding: 0;
  border: 1px solid #EEE;
}

#layout #body section .posts-personal-menu .body .menu li
{
  background-color: #FAFAFA !important;
    border-bottom: 1px solid #EEE;
}

#layout #body section .posts-personal-menu .body .menu li a
{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#layout #body section .posts-personal-menu .body .menu li a:hover
{
  background-color: #FFF;
}


h1{
  margin-top: 20px;
}

h1, h2, h3
{
}

.digest-items .digest-item .preview img
{
}

.digest-items .digest-item.preview img a
{
  border: none;
}

.digest-area .digest-item .preview .nophoto,
.digest-items .digest-item .preview .nophoto
{
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  background-color: #F2F2F2;
}

.digest-area .digest-item .preview,
.digest-items .digest-item .preview {
    width: 160px;
    padding-left: 0;
    box-sizing: border-box;
    text-align: left;
    float: left;
}

.digest-area
{
  background-color: #FFF;
  padding: 0 0px 20px 0;
  margin-right: 0;
}

.digest-item 
{
    overflow: hidden;
    margin-bottom: 20px;
}

.digest-item .text
{
  margin-left: 173px;
  color: #444;
  padding-right: 20px;
}

.digest-item .text h2
{
  padding-top: 0;
  margin-top: 0;
  font-family: sans-serif;
  font-weight: bold;
}

.digest-item .text h2 a
{
}

.mailers_navigator
{
  padding: 10px;
  overflow: hidden;
}

.mailers_navigator a
{
  box-sizing: border-box;
  background-color: #2980b9;
  color: #FFF;
  padding: 10px;
  border-radius: 4px;
  text-decoration: none;
  display: table-cell;
  float: left;
  margin-bottom: 10px;
}

.mailers_navigator a.prev
{
  margin-right: 10px;
}

.digest-items
{

}

.digest-items .category-title
{
  font-size: 32px;
  line-height: 1.3em;
  font-weight: bold;
  margin-bottom: 10px;
}

.digest-items .digest-item .item-category
{
  margin-bottom: 5px;
}

.digest-items .digest-item .item-category a
{
  color: #888;
  text-decoration: none;
}



.main-content .main-content-block-centered {
    padding: 0;
}

#redactor_modal header
{
  background-color: #FFF;
}

header .widget_user_avatar .user_info .name
{
  color: #FFF;
}

#breadcrumbs ol,
#breadcrumbs li 
{ margin:0; padding:0; list-style: none; overflow: hidden; }

#breadcrumbs ol li {
    font-size: 12px;
    color: #2c3e50;
    display: table-cell;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    vertical-align: middle;
    float: left;
}

#breadcrumbs ol li a {
    color:#2c3e50;
    display: block;
    line-height: 32px;
    height: 32px;
    float: left;
}

#breadcrumbs ol li a:hover {
    color:#34495e;
    text-decoration: none;
}

#breadcrumbs ol li:after {
    content: " ";
    padding: 0;
    width: 20px;
    background: url("../images/nav-arrow-right-light.png") no-repeat center center;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    float: left;
}

#breadcrumbs ol li:last-child::after {
  display: none;
}


.redactor_toolbar:after
{
  clear: none !important;
}

.redactor_editor
{
  margin: 10px 0 0 !important;
}


.search-form-top
{
    position: absolute;
    right: 4px;
    top: 12px;
    bottom: 7px;
    border-radius: 3px;
    overflow: hidden;
    height: 26px;
    line-height: 0;
    font-size: 0;
} 

.search-form-top .in
{
}

.search-form-top .in input
{
    width: 60px;
    padding: 0px 32px 0px 10px;
    border: none;
    line-height: 26px;
    height: 26px;
    color: #000;
    background-color:  #b7c6c8;
    transition-duration: 0.2s;
    transition-property: width, background-color;    
    outline: none;
    font-size: 12px;
}

.search-form-top .in input:focus
{
    background-color: #FFF;    
    width: 150px;
}


.search-form-top .submit
{
    position: absolute;
    border: none;
    right: 0px;
    height: 26px;
    width: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/search.svg);
    background-size: 16px;
    background-color: transparent;
    top: 0;
}







#relogin-modal-window-bg
{
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100001;
}

#relogin-add-post-waiting
{
    width: 100px;
    height: 100px;
    background: url("../images/spinner-2.svg") no-repeat center center #EEE;
    background-size: 32px;
    box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
    position: fixed;
    margin-left: -50px;
    left: 50%;
    margin-top: -50px;
    top: 50%;
    display: none;
    z-index: 100002;
}

#relogin-modal-window
{
    width: 400px;
    background: #EEE;
    box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
    position: fixed;
    margin-left: -150px;
    left: 50%;
    margin-top: -130px;
    top: 50%;
    display: none;
    z-index: 100002;
    overflow: hidden;
    border-radius: 2px;
}

#relogin-modal-window .in
{
}

#relogin-modal-window .in .title
{
    height: 54px;
    line-height: 54px;
    padding: 0 25px;
    font-size: 14px;
    background-color: rgb(12, 82, 97);
    color: #FFF;
}

#relogin-modal-window .in .message
{
    padding-bottom: 20px;
}

#relogin-modal-window .in .content
{
    padding: 20px 25px;
}

#relogin-modal-window .in .controls
{
    padding: 15px 23px 15px 25px;
    background-color: #e7e7e7;
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #ddd;
    white-space: nowrap;    
    overflow: hidden;
}

#relogin-modal-window .in .controls .buttons
{
    float: right;
}



#relogin-modal-window .in h3
{
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
}


#relogin-modal-window .in .widget_auth .field
{
    padding-bottom: 10px;
}

#relogin-modal-window .in .widget_auth .field input
{
    height: 40px;
    text-indent: 5px;
}




.info_bar
{
  padding-top: 10px;
}

.info_bar .bi_hits
{
  float: right !important;
}


.info_bar .bar_item
{
  padding: 0 !important;
  height: 32px !important;
  line-height: 32px !important;
  margin-right: 15px;
  font-size: 14px;
}

.info_bar .bar_item.bi_user
{
  padding-left: 24px !important;
}

.info_bar .bi_hits .icon,
.info_bar .bi_hits .count,
.info_bar .bar_votes .caption,
.info_bar .bar_votes .icon,
.info_bar .bar_bookmarks .caption,
.info_bar .bar_bookmarks .icon,
.info_bar .bi_comments .bar_votes .counter,
.info_bar .bi_comments a .icon,
.info_bar .bi_comments a .counter
{
  height: 32px;
  float: left;
  display: inline-block;  
  line-height: 32px;
}



.info_bar .bi_hits,
.info_bar .bi_comments
{
  background: transparent !important;
  padding: 0 !important;
}

.info_bar .bi_comments a .icon
{
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center 1px;
  opacity: 0.5;
  width: 32px;
}

.info_bar .bar_item .caption
{
  display: none;
}

.info_bar .bar_item .counter
{
  line-height: 32px;
  height: 32px;
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
}

.info_bar .bar_votes .icon
{
  background-size: 28px;
  background-image: url(../images/svg/like.svg);
  opacity: 0.5;
  background-repeat: no-repeat;
  background-position: center 0;
  width: 32px;
}

.info_bar .bar_votes .icon:hover
{
  cursor: pointer;  
  background-image: url(../images/svg/like-hover.svg);
  opacity: 1;
}

.info_bar .bar_votes .counter:hover
{
  cursor: pointer;  
  color: #000;
}

.info_bar .bar_votes.voted .icon
{
  opacity: 1;
  background-image: url(../images/svg/like-filled.svg);
}

.info_bar .bar_votes.clicked .icon { transform: scale(2); opacity: 0; transition: all .5s ease-out; }
.info_bar .bar_votes.clicked .counter { opacity: 0; transition: all .5s ease-out; }




.info_bar .bar_bookmarks .icon
{
  background-size: 24px;
  background-image: url(../images/svg/bookmarks.svg?2);
  background-repeat: no-repeat;
  background-position: center 3px;
  width: 32px;
  opacity: 0.5;
}

.info_bar .bar_bookmarks .icon:hover
{
  cursor: pointer;  
  background-image: url(../images/svg/bookmarks-hover.svg?2);
  opacity: 1;
}

.info_bar .bar_bookmarks .counter:hover
{
  cursor: pointer;  
  color: #000;
}

.info_bar .bar_bookmarks.added .icon
{
  background-image: url(../images/svg/bookmarks-added.svg?2);
  opacity: 1;
}

.info_bar .bar_bookmarks.clicked .icon { transform: scale(2); opacity: 0; transition: all .5s ease-out; }
.info_bar .bar_bookmarks.clicked .counter { opacity: 0; transition: all .5s ease-out; }

.info_bar .bar_bookmarks_set_tags
{
    margin-left: -10px;
    background-color: #EEE;
    padding: 0 5px !important;
    display: inline-block;
    border-radius: 4px;
    color: #888;
    cursor: pointer;  
    opacity: 0.8;
    display: none;
}

.info_bar .bar_bookmarks_tags
{
  margin-left: -10px;
  color: #e84655;
}

.info_bar .bar_bookmarks_set_tags:hover
{
  opacity: 1;
}



.info_bar .bi_hits .icon
{
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.4;
  width: 32px;
}

#bookmarks_ordering
{
  margin-top: 10px;
}

.alertify-log
{
  padding: 15px !important;
  line-height: 1.5em;
}


.alertify-log-rating-bonus
{
  height: 50px;
  line-height: 18px;
  box-sizing: border-box;
  background: url(../images/gift-box.svg) no-repeat 10px center #0c5261 !important;
  padding: 7px 10px 0 50px !important;
  background-size: 32px !important;
  width: auto !important;
}


.category-subscribe
{
  overflow: hidden;
  padding-bottom: 20px;
}

.category-subscribe-button
{
    color: #000;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.05);
    box-shadow: 0 2px 1px rgba(0,0,0,.05);
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.15);
    display: inline-block;
    padding: 0px 5px 0px 5px;
    line-height: 32px;
    background-position: 5px center;
    background-size: 14px;
    background-repeat: no-repeat;  
    border-radius: 4px;
    box-sizing: border-box;
    float: left;
}

.category-subscribe-button.active.loading
{
  background-image: none;
  color: rgba(0, 0, 0, 0.15);
}

.category-subscribe-button.active
{
    cursor: pointer;
    background-color: #C00;
    font-weight: bold;
    color: #FFF;
    padding-left: 24px;
}

.category-subscribe-button.subscribed
{
}

.category-subscribe-settings-btn
{
    line-height: 32px;
    height: 32px;
    box-sizing: border-box;
    display: inline-block;
    width: 32px;
    float: left;
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;;
    margin-left: 2px;
    color: #000;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.05);
    box-shadow: 0 2px 1px rgba(0,0,0,0.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #EEE;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
}

.category-subscribe-button:hover,
.category-subscribe-settings-btn:hover
{
  opacity: 0.7;
}

.cat-subs-tabbed h1
{
  padding: 15px 0 0 15px !important;
}

.cat-subs-tabbed .tabs
{ 
  margin: 0 -10px !important;
  padding: 0 15px !important;
}

.cat-subs-tabbed .empty
{
  font-size: 21px;
  text-align: center;
  padding: 40px;
  font-weight: bold;
}

.cat-subs-tabbed .widgets
{
  margin: 0 -15px;
}

table.subscriptions-cats
{
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; 
  font-size: 21px;
}

table.subscriptions-cats tr.parent-cat td
{
  padding: 40px 10px 20px;
  font-weight: bold;
  font-size: 21px;
}

table.subscriptions-cats tr.last-subcat td
{
  padding: 10px;
  border-bottom: 1px solid #EEE;
  vertical-align: middle;
}

table.subscriptions-cats tr.last-subcat .avatar
{
  display: inline-block;
  float: left;
  margin-right: 10px;
}

table.subscriptions-cats tr.last-subcat .nickname
{
  display: inline-block;
  float: left;
  line-height: 32px;
  font-size: 18px;
  font-weight: bold;
}

table.subscriptions-cats tr.last-subcat:last-child td
{
  border-bottom: none;
}

table.subscriptions-cats tr.last-subcat:hover td
{
  background-color: #FFE;
}

table.subscriptions-cats .subscribe-btn
{
  height: 42px;
  line-height: 42px;
  box-sizing: border-box;
  float: right;
  color: #000;
  -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.05);
  box-shadow: 0 2px 1px rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  cursor: pointer;
  background-color: #FFF;
  position: relative;
}

table.subscriptions-cats .subscribe-btn.notsubscribed
{
  padding: 0 10px;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 12px;
  background-color: #C00;
  color: #FFF;
  padding-left: 32px;
  font-size: 19px;
}

table.subscriptions-cats .subscribe-btn.notsubscribed:hover
{
  opacity: 0.8;
}

table.subscriptions-cats .subscribe-btn.subscribed
{
  width: 42px;
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
}

table.subscriptions-cats .subscribe-btn.subscribed:hover
{
  background-position: center;
  background-size: 16px;
}

table.subscriptions-cats .subscribe-btn.subscribed span
{
  display: none;
}

.gui-panel.content_categories
{
  padding: 0;
  background-color: transparent;
  border: none;
  margin-top: -10px !important;
}

.content_categories li
{
  background: transparent;
  padding-left: 0;
  font-size: 14px;
  margin: 0px 5px 5px 0;
}

.content_categories li a
{
  background-color: #68809B;
  color: #FFF !important;
  text-decoration: none;
  padding: 4px;
  border-radius: 4px;
}

.content_categories li a:hover
{
  opacity: 0.8;
}

.subscriptions-box-content-item
{

}

.subscriptions-box-content-item .caption
{
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 10px;
}


table.subscriptions-cats tr.last-subcat .grouplogo img
{
  border-radius: 50%;
}

table.subscriptions-cats tr.last-subcat .avatar .nologo,
.striped-list .item .icon .nologo
{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #EEE;
}

.striped-list .item .title
{
  float: none;
  margin-left: 80px;
  line-height: 1.3em;
  margin-top: 15px;
}

body.controller-groups.uri-groups_index a.create-group-btn
{
  background-color: #C00;
  padding: 0 10px;
  line-height: 40px;
  height: 40px;
  display: block;
  float: right;
  border-radius: 4px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
}


.recomended-widget h3
{
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.recomended-widget .list
{
  overflow: hidden;
  margin-top: 20px;
}

.recomended-widget .list .item
{
  width: 25%;
  list-style-type: none;
  float: left;
  padding: 0 5px;
  box-sizing: border-box;
}

.recomended-widget .list .item .title
{
  height: 4em;
  line-height: 1.33em;
}

.recomended-widget .list .item .nopreview,
.recomended-widget .list .item .preview
{
  background-color: #EEE;
  margin-bottom: 10px;
  width: 100%;
  height: 120px;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: cover;  
  background-position: center center;
}

.recomended-widget .list .item a
{
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.content-item-text-intro
{
  padding: 0;
}

.content-category-text-intro
{
}

.content-category-text-intro > h1,
.content-category-text-intro > h2,
.content-category-text-intro > h3
{
  padding-top: 0;
  margin-top: 0;
}

.content-tags-text-intro
{
  padding: 0;
  margin-bottom: 0;
}

.content-item-text-intro p:last-child,
.content-tags-text-intro p:last-child,
.content-category-text-bottom p:last-child,
.content-category-text-bottom p:last-child,
.content-item-text-bottom p:last-child,
.content-tags-text-bottom p:last-child
{
  margin-bottom: 0;
}

.widget-pbyp
{
  overflow: hidden;
  list-style-type: none;
  margin: 0;
}

.widget-pbyp .country
{
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 28px;
  background-size: 2em;
}

.widget-pbyp .error
{
  background-color: #C00;
  color: #FFF;
  display: block;
  padding: 10px;
}

.widget-pbyp .source
{
  font-weight: bold;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.widget-pbyp .refresh
{
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
  width: 17px;
  height: 18px;
  background-size: 32px;
  background-color: #EEE;
  border-radius: 4px;
  margin-left: 7px;
  cursor: pointer;
}

.widget-pbyp .source:hover .refresh
{
  display: inline-block;
}


.widget-pbyp .source:first-child
{
  margin-top: 0;
}



.widget-pbyp .item
{
  overflow: hidden;
  width: 100%;
  margin: 5px 0;
}


.widget-pbyp .item .preview
{

  display: block;
  width: 96px;
  text-align: center;
  float: left;
  margin-right: 10px;
  box-sizing: border-box;  
}

.widget-pbyp .item .title
{
  display: block;
  text-decoration: none;
  font-size: 14px;
}

.widget-pbyp .item .title.withpreview
{
  margin-left: 106px;
}


.widget-pbyp .item .preview img
{
  width: 100%;
}

.widget-pbyp .subscribe-button
{
  float: right;
  font-weight: normal;
  font-size: 12px;
  padding: 2px 5px;
  display: block;
  border-radius: 4px;
  background-color: #EEE;
  color: #000;
  cursor: pointer;
  transition-duration: 0.2s;
  transition-property: background;
  box-sizing: border-box;
  background-position: center;
  min-width: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.widget-pbyp .refresh.loading,
.widget-pbyp .refresh.ok,
.widget-pbyp .refresh.error
{
  display: inline-block;
  padding-left: 0;
}
.widget-pbyp .subscribe-button.loading
{
  background-color: transparent;
}

.widget-pbyp .subscribe-button:not(.loading):not(.ok):not(.error):hover
{
  background-color: #54a22c;
  color: #FFF;
}

.widget-pbyp .refresh.ok,
.widget-pbyp .subscribe-button.ok
{
  background-repeat: no-repeat;
  background-position: center;
}

.widget-pbyp .refresh.error,
.widget-pbyp .subscribe-button.error
{
  background-repeat: no-repeat;
  background-position: center;
}

.widget-plpb
{
  position: relative;
}

.widget-plpb .close-btn
{
  position: absolute;
  right: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: 100%;
  display: block;
  opacity: 0.5;
  cursor: pointer;
}

.widget-plpb input:not(.disabled)
{
  cursor: pointer;
}

.widget-plpb input.disabled
{
  opacity: 0.3;
}

.widget-plpb .close-btn:hover
{
  opacity: 0.7;
}

.widget_activity_list .item .title .a
{
  color: #AAA;
}

.widget_activity_list .item .title a.cat
{
  color: #666;
}

.widget_activity_list .item .title a.cat:hover
{
  color: #000;
}

.widget_activity_list .item .title .a
{
  display: block;
  font-size: 0;
  height: 2px;
}


.group-closed-attention 
{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
}

.group-closed-attention p:last-child
{
  margin-bottom: 0;
}

#comments_list .comment .body .userinfo a,
#comments_list .comment .body .avatar a
{
  display: inline-block;
  position: relative;
}

.content_list_forum
{
  background: #FFF;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  display: table;
}

.content_list_forum th.topic
{
}

.content_list_forum th.replies
{
  width: 70px;
}
.content_list_forum th.updated
{
  width: 140px;
}


.content_list_forum a
{
  text-decoration: none;
}

.content_list_forum thead th
{
  background-color: #f2f2f2;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  color: #000;
  font-weight: 700;
  text-align: left;
  padding: 10px;
}

.content_list_forum tr td
{
  padding: 10px;
  border-bottom: 1px solid #bbb;
}

.content_list_forum td.topic .topic
{
  font-weight: bold;
  margin-bottom: 5px;
}

.category_description_forum
{
  display: none;
}

.forumpagebar
{
  margin: 0;
  padding: 10px;
  clear: both;
  overflow: hidden;
}

.forumpagebar .pagebar
{
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 7px;
}

.forumpagebar .pagebar_page,
.forumpagebar .pagebar_current
{
  border-radius: 4px;
  padding: 6px 10px;
  text-decoration: none;
  margin: 0;
}

.forum-topic
{
  border: 1px solid #8a8a8a;
  overflow: hidden;
  padding: 10px;
}

.forum-topic .content_item
{
  clear: none;
  padding-left: 10px;
}

.forum-topic .userinfo,
.forum-comment .userinfo
{
  width: 160px;
  float: left;
}

.forum-topic .userinfo img,
.forum-comment .userinfo img
{
  max-width: 100%;
}

.forum-topic .userinfo a,
.forum-comment .userinfo a
{
  text-decoration: none;
}

.forum-topic .content,
.forum-comment .content
{
  margin-left: 170px;
}

.forum-topic .info,
.forum-comment .info
{
  overflow: hidden;
}


.forum-topic .info
{
  padding: 0 10px 10px;
  color: #999;
}

.forum-topic .info .nav,
#comments_list .forum-comment .info .date,
#comments_list .forum-comment .info .nav
{
  float: left;
}

#comments_list .forum-topic .info .rating-bookmarks-section,
#comments_list .forum-comment .info .rating-bookmarks-section
{
  float: right;
  margin: 0;
}

.forum-topic .content .links a,
#comments_list .forum-comment .content .links a
{
  border: 1px solid #000 !important;
  color: #000;
  font-size: 12px;
  background-color: transparent;
}

.forum-topic .content .links a:hover,
#comments_list .forum-comment .content .links a:hover
{
    background-color: #d6d6d6;
    color: #000;
}


#comments_list .forum-comment.comment
{
  padding: 15px 10px !important;
}

#comments_list .forum-comment.comment.selected-comment
{
  padding: 15px 10px !important;
}


#wall_add_form .userinfo img,
#comments_add_form .userinfo img
{
  max-width: 100%;
}

.comments_widget_forum
{
  margin-top: 10px;
}
.comments_widget_forum #comments_list
{
}

.comments_widget_forum .comments-header
{
  padding: 0 10px 0 15px;
}

.forum-cats-list
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  background-color: #FFF;
}

.forum-cats-list .forum-cat
{
  display: table-row;
}

.forum-cats-list .forum-cat .forumdata h2
{
  line-height: 1.3em;
}

.forum-cats-list .forum-cat .forumdata,
.forum-cats-list .forum-cat .lastpost
{
  display: table-cell;
  padding: 10px;
  border-bottom: 1px solid #EEE;
}

.forum-cats-list .forum-cat .forumdata
{
  width: 60%;
}

.forum-cats-list .forum-cat .lastpost
{
  width: 40%;
}


.forum-cats-list .forum-cat .lastpost .title
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.content_list_forum tr td.updated .avatar,
{
  margin-right: 8px;
  position: relative;
  width: 30px;
  float: left;
}

.forum-cats-list .forum-cat .lastpost .avatar
{
  margin-right: 8px;
  position: relative;
  width: 64px;
  float: left;
}

.subscribe-subscribe-form .text
{
  color: #888;
  padding: 0 0 10px;
}

.subscribe-subscribe-form .email
{
    width: 60%;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

.subscribe-subscribe-form .button-submit
{
  width: 35%;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  background-color: #7293b6;
  color: #FFF;
  cursor: pointer;
}

.subscribe-subscribe-form .message.error
{
  padding: 5px;
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;  
  margin-bottom: 10px;
}

.subscribe-subscribe-form .message.success
{
  padding: 5px;
}

.subscribe-subscribe-form .button-submit:hover
{
  background-color: #93acc8;
}

.subscribe-subscribe-form .button-submit.disabled
{
  background-color: #DDD !important;
}

.catslite a {
  display: block;
  padding: 5px 10px;
}

.catslite a.s {
  font-weight: bold;
  color: #000;
}

.catslite a.l1 {
  padding-left: 25px;
}

.catslite a.l2 {
  padding-left: 45px;
}

.catslite a.l3 {
  padding-left: 65px;
}

.catslite a.l4 {
  padding-left: 85px;
}

#hamburger-menu .catslite a{
  color: #666;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEE;
}

@media screen and (max-width: 700px) {
  body > #layout
  {
    overflow: hidden;
    width: 100% !important;
  }
  #content-left-sidebar
  {
    display: none;
  }
  body > header.columns3 #hamburger
  {
    display: block;
  }

  body > header.columns3 #logo
  {
    padding-left: 50px;
  }

  body.columns3 #shownextbutton-absolute
  {
      width: auto;
      box-sizing: border-box;;
      margin-left: 0;
      left: 10px;
      right: 10px;
  }  

  body.controller-groups.uri-groups_index a.create-group-btn
  {
    float: none;
    margin-bottom: 10px;
  }

  .forum-topic .userinfo, 
  .forum-comment .userinfo
  {
    width: 100%;
    float: none;
    overflow: hidden;
  }

  .forum-topic .userinfo .ava,
  .forum-comment .userinfo .ava
  {
    float: left;
    padding-right: 10px;
  }

  .forum-topic .content_item,
  .forum-comment .content
  {
    padding-left: 0 !important;
  }

  .forum-topic .userinfo img,
  .forum-comment .userinfo img
  {
    max-width: 48px !important;
  }

  .forum-topic .content, 
  .forum-comment .content
  {
    margin-left: 0;
  }


}

@media screen and (max-width: 640px) {

  #comments_widget .buttons .button
  {
    width: 100%;
    margin-bottom: 10px;
  }

  .recomended-widget .list .item
  {
    width: 33.3%;
  }
  .grid_item,
  .grid__col-sizer {
    width: 100%;
    overflow: hidden;
  }

  .newbie-users-list .users-list li
  {
    width: 50%;
  }


  #widget_pos_top ul.menu li a
  {
    font-size: 11px;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
  }

  #layout #body section
  {
    overflow: unset;
    width: 100% !important;
    padding: 0;
  }

  body > header #logo a, 
  body > header #logo > span
  {
    font-size: 9px  !important;
  }

  #big-share-buttons a
  {
    display: block;
  }

  #user_profile #left_column 
  {
    float: none;
    max-width: 100%;
  }

  #user_profile_tabs .tabs-menu ul.tabbed
  {
    overflow: hidden;
    height: auto;
    border: none !important;
  }

  #user_profile_tabs .tabs-menu ul.tabbed li
  {
    float: none;
  }

  #user_profile_tabs .tabs-menu ul.tabbed li a
  {
    display: block;
    border: none !important;
  }

  #user_profile_tabs .tabs-menu ul.tabbed li.active a
  {
    background-color: #e1ebef;
  }

  header .menu li.subscribe a
  {
    padding: 10px 2px;
    font-size: 12px;
  }

  header ul.left
  {
    margin-left: 0px;
  }

  header ul.left li a
  {
      width: 50px;
      font-size: 8px;
      padding-top: 37px;
      background-position-y: 4px;
  }

  header ul.left li a span
  {
    font-size: 8px;
  }

  .redactor_dropdown_box_smiles.redactor_dropdown
  {
    left: 0 !important;
    right: 0 !important;
  }

}

@media screen and (max-width: 400px) {
  .recomended-widget .list .item
  {
    width: 50%;
  }

  .loginframe-wrapper,
  .modal_padding
  {
    width: 100% !important;
    min-width: 100%;
    box-sizing: border-box;
  }
}




.reader-toolbar {
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  background: #fff8f8;
  border: 1.5px solid #f3caca;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0,0,0,.04);
  height: 60px;
  display: flex;
  justify-content: center;
  gap: 8px;                 
}

.ts-btn {
  min-width: 40px;
  padding: 6px 10px;
  font: 600 0.95rem/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #5a2d2d;
  background: #ffffff;
  border: 1px solid #f0cccc;
  border-radius: 8px;
  cursor: pointer;
  transition: transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.ts-btn:hover { background:#ffe2e2; color:#7a1e1e; }
.ts-btn:active { transform: translateY(0); }
.ts-btn.reset { opacity:.9; }

.ts-scale {
  width: 84px;
  height: 6px;
  background: #ffe8e8;
  border: 1px solid #f2c3c3;
  border-radius: 999px;
  position: relative;
}

.ts-scale .dot{
  position: absolute; top: 50%; left: 0%;
  width: 14px; height: 14px;
  transform: translate(-50%, -50%);
  background: #ff6f6f;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(255,111,111,.15);
}

/* На узких экранах — компактнее */
@media (max-width:640px){
  .reader-toolbar{ gap:6px; padding:6px; order: 10;}
  .ts-btn{ min-width:34px; padding:5px 8px; font-size:.9rem; }
  .ts-scale{ width:70px; }
}





.printview-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  font-weight: 600;
  color: #5a2d2d;
  background: linear-gradient(180deg, #fff8f8 0%, #fff0f0 100%);
  border: 1.5px solid #f3caca;
  border-radius: 50px;
  font-size: 18px;
  padding: 0px 16px;
  height: 60px;
  line-height: 60px;;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
  transition:
  transform 0.2s ease,
  background 0.25s ease,
  box-shadow 0.25s ease;
}

.printview-btn:hover {
  background: linear-gradient(180deg, #ffe8e8 0%, #ffdada 100%);
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
  transform: translateY(-1px);
  color: #7a1e1e;
}

.printview-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

@media (max-width: 640px) {
  .printview-btn {
    font-size: 1.05rem;
    padding: 12px 18px;
  }
}