/* items description */
@import url('/cssing/c/items.css');
    /* navigatable layout */
@import url('/cssing/c/navigatable.css');
    /* forms styles */
@import url('/cssing/c/forms.css');

/* General styles
---------------------------------------------------------*/
body {
    padding-top: 50px;
}

body.locked {
    /*	overflow: hidden;*/
}

body.locked .mainmenu {
    /*z-index: 240;*/
}

mark {
    color: rgb(0, 136, 204);
    background-color: transparent;
}

.grey {
    color: rgb(130, 130, 130);
}

.black {
    color: black;
}

.red{
    color:red;
}

.green{
    color:green;
}


.white {
    color: white;
}

.orange {
    color: rgb(255, 100, 0);
}

.nowrap {
    white-space: nowrap;
}

.border-wrap {
    padding: 10px 15px;
    margin: 0 -15px;
    border: 1px solid #dcdcdc;
    border-left-width: 0;
    border-right-width: 0;
}

#jquery-overlay {
    z-index: 1040 !important;
}

.preloader {
    position: absolute;
    top: 100px;
    width: 100%;
    height: 64px;
    background: url(/cssing/i/preloader.gif) no-repeat 50% 50%;
}

.content-wrapper {
    position: relative;
}

/*----------
  overlay
----------*/
.overlay {
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    opacity: 0.85;
    position: fixed;
    width: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
    z-index: 150;
    filter: alpha(opacity=55);
}

.overlay-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    overflow: auto;
    z-index: 160;
    height: 100%;
}

.overlay-content {
    margin: 50px auto;
    margin-top: 180px;
    max-width: 550px;
    position: relative;
}

.overlay-content .content {
    width: auto;
    float: none;
    margin: 0;
    position: relative;
    z-index: 220;
}

.overlay-content .colors {
    width: 585px;
    height: 366px;
    position: absolute;
    top: -140px;
    left: -200px;
    z-index: 210;
    display: block !important;
    background: url('/cssing/i/circles.png');
}

.content .colors {
    display: none;
}

.overlay-content .content-block {
    background-color: white;
}

/*----------
  MainMenu
----------*/
.mainmenu {
    z-index: 150;
}

.navbar.mainmenu {
    -webkit-box-shadow: 0px 2px 10px #878787;
    -moz-box-shadow: 0px 2px 10px #878787;
    box-shadow: 0px 2px 10px #878787;
    z-index: 999 !important;
}

.mainmenu .nav {
    font-weight: bold;
    text-transform: uppercase;
}

.mainmenu .nav .logo {
    width: 30px;
    height: 40px;
    display: block;
    float: left;
    background: url(/cssing/i/logo.png) no-repeat 50% 50%;
    padding: 5px 15px !important;
}

.mainmenu .nav li a {
    padding: 17px 10px 17px !important;
}

.mainmenu .nav li.active a {
    color: white !important;
    cursor: default !important;
    background-color: #f60 !important;
    text-shadow: none !important;
}

.mainmenu .nav li.active a:hover {
    background-color: #f72 !important;
    text-decoration: underline !important;
}

.mainmenu .city {
    padding: 17px 0;
}

.mainmenu .city .current {
    cursor: pointer;
    text-decoration: none;
    color: white;
    padding-left: 21px;
}

.mainmenu .city .current:hover {
    text-decoration: underline;
}

.mainmenu .search {
    display: inline-block;
    padding: 17px;
    background: url(/cssing/i/s_glass.png) no-repeat 0 50%;
    padding-left: 18px;
    text-decoration: underline;
    cursor: pointer;
    color: white;
}

.mainmenu .search:hover {
    text-decoration: none;
}

/*---------------------
  Bootstrap exeptions
---------------------*/
.pager a {
    font-size: 12px;
    padding: 3px 14px !important;
}

/*----------------
  General Header
----------------*/
.body-header {
    border-bottom: 1px solid gainsboro;
    margin: 0 -14px;
    padding: 0 14px;
    margin-bottom: 20px;
}

.body-header .title {
    margin-bottom: 10px;
}

.body-header .title .logo-href {
    font: italic 62px/56px Georgia, 'Times New Roman', Times, serif;
    color: black;
    text-decoration: none;
    display: block;
}

.body-header .title .logo-href .be {
    border-bottom: 3px solid;
    height: 54px;
    float: left;
    margin-right: 15px;
    color: #FF6400;
}

.body-header .top {
    margin-bottom: 15px;
}

.body-header .name {
    font: italic 25px/25px Georgia, 'Times New Roman', Times, serif;
    height: 29px;
}

.body-header .user .userstats {
    overflow: hidden;
}

.body-header .user .activity-pin {
    float: left;
    margin-right: 10px;
    width: 45px;
    padding: 5px 0;
    text-align: center;
    background: url(/cssing/i/activity-pin.png) no-repeat 50% 50%;
    border-radius: 4px;
    color: white;
    font: bold 10px/6px Arial, Helvetica, Garuda, sans-serif;
}

.body-header .user .likes-stat {
    float: left;
    margin-right: 10px;
    font-size: 12px;
    line-height: 16px;
}

.body-header .user .comment-stat {
    float: left;
    font-size: 1px;
    line-height: 16px;
}

.body-header .user {
    padding-top: 8px;
    color: black;
    text-decoration: none;
    display: block;
}

.body-header .user .last-name {
    border-bottom: 1px solid;
    height: 23px;
    float: left;
    margin-right: 10px;
    color: #FF6400;
    display: block;
    text-decoration: none;
}

.body-header .user .first-name {
    float: left;
    display: block;
    text-decoration: none;
    color: black;
    margin-right: 3px;
}

.body-header .user .action {
    float: left;
}

.body-header .user .btn {
    padding: 2px 4px 2px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.body-header .user .avatar {
    display: block;
    float: left;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.body-header .user .comment {
    margin-top: 2px;
}

.soc-auth-tiny {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.body-header .soc-auth-tiny {
    margin-top: 4px;
}

.soc-auth-tiny li {
    display: block;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 3px;
}

.soc-auth-tiny li a {
    display: block;
    height: 100%;
    width: 100%;
    background: url(/cssing/i/logicon-16.png) no-repeat 0 0;
}

.soc-auth-tiny li a.yandexru {
    background-position: -96px 0;
}

.soc-auth-tiny li a:hover.yandexru {
    background-position: -96px 100%;
}

.soc-auth-tiny li a.googlecom {
    background-position: -32px 0;
}

.soc-auth-tiny li a:hover.googlecom {
    background-position: -32px 100%;
}

.soc-auth-tiny li a.facebookcom {
    background-position: -16px 0;
}

.soc-auth-tiny li a:hover.facebookcom {
    background-position: -16px 100%;
}

.soc-auth-tiny li a.twittercom {
    background-position: -80px 0;
}

.soc-auth-tiny li a:hover.twittercom {
    background-position: -80px 100%;
}

.soc-auth-medium {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.body-header .soc-auth-medium {
    margin-top: 1px;
    padding-bottom: 2px;
}

.soc-auth-medium li {
    display: block;
    height: 24px;
    width: 24px;
    float: left;
    margin-right: 3px;
}

.soc-auth-medium li a {
    display: block;
    height: 100%;
    width: 100%;
    background: url(/cssing/i/logicon-24.png) no-repeat 0 0;
}

.soc-auth-medium li a.yandexru {
    background-position: -144px 0;
}

.soc-auth-medium li a:hover.yandexru {
    background-position: -144px 100%;
}

.soc-auth-medium li a.googlecom {
    background-position: -48px 0;
}

.soc-auth-medium li a:hover.googlecom {
    background-position: -48px 100%;
}

.soc-auth-medium li a.facebookcom {
    background-position: -24px 0;
}

.soc-auth-medium li a:hover.facebookcom {
    background-position: -24px 100%;
}

.soc-auth-medium li a.twittercom {
    background-position: -120px 0;
}

.soc-auth-medium li a:hover.twittercom {
    background-position: -120px 100%;
}

/*----------------
  General Footer
----------------*/
.body-footer {
    padding: 50px 0;
    margin: 0 auto;
    float: none !important;
}

.body-footer .banners {
    margin-top: 30px;
    border-top: 3px solid black;
    padding: 30px 0;
}

.body-footer .banners .slidetop {
    float: right;
    width: 25px;
    height: 25px;
    background-color: black;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    cursor: pointer;
}

.body-footer h2 {
    font: italic 26px Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
}

.body-footer h2 a {
    color: black;
    text-decoration: underline;
}

.body-footer .copyrights h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    max-width: 460px;
}

.body-footer .copyrights p {
    font-size: 12px;
    line-height: 12px;
    color: rgb(130, 130, 130);
    max-width: 460px;
}

.footer-icons {
    float: right;
    overflow: hidden;
    margin-bottom: 20px;
}

.footer-icons a {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 4px;
    float: left;
    background: url(/cssing/i/foocons.png) no-repeat 0 0;
}

.footer-icons .gp {
    background-position: -89px 100%
}

.footer-icons .gp:hover {
    background-position: -89px 0
}

.footer-icons .tw {
    background-position: -59px 100%
}

.footer-icons .tw:hover {
    background-position: -59px 0
}

.footer-icons .yt {
    background-position: -119px 100%
}

.footer-icons .yt:hover {
    background-position: -119px 0
}

.footer-icons .vk {
    background-position: 0 100%
}

.footer-icons .vk:hover {
    background-position: 0 0
}

.footer-icons .fb {
    background-position: -30px 100%
}

.footer-icons .fb:hover {
    background-position: -30px 0
}

footer .quick-links {
    height: 30px;
}

footer .quick-links a {
    margin-right: 15px;
    color: black;
    font-size: 13px;
}

/*------------
  Content
------------*/
.content-block {
    border: 1px solid rgb(220, 220, 220);
    padding: 14px 14px;
    width: 100%;
    margin: 0 -16px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 15px;
}

.content-block .pager {
    margin-top: 20px;
    clear: both;
}

.content .page-header {
    font: italic 24px/24px Georgia, 'Times New Roman', Times, serif;
    margin: 0;
    margin-bottom: 18px;
    margin-top: 3px;
    padding: 0;
    border: none;
    display: block!important;
}

.content .general-header, .content h1 {
    font: italic 24px Georgia, 'Times New Roman', Times, serif!important;
    margin-bottom: 5px;
    display: inline-block;
}

/*---------------------
  Lists -> Group List
---------------------*/
.grouplist {
    overflow: hidden;
    margin-bottom: -10px;
}

.grouplist .item {
    width: 33.3%;
    float: left;
    margin-bottom: 17px;
}

.grouplist .item a {
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    background: no-repeat 50% 50%;
    background-size: cover;
    border-radius: 500px;
}

.grouplist .item.company a {
    border-radius: none;
}

/*-------------------
  Lists -> Userlist
-------------------*/
.userlist {
    overflow: hidden;
    margin-bottom: -2px;
    margin-right: -2px;
}

.userlist .item {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*---------------------
 Lists -> Imaged list 
---------------------*/
.imaged-list ul {
    overflow: hidden;
    margin: 0;
    margin-bottom: -8px;
    margin-right: -8px;
    list-style: none;
}

.imaged-list li {
    width: 42px;
    height: 42px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;

}

.imaged-list li a {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.imaged-list .more {
    margin-top: 15px;
    font-size: 10px;
    line-height: 11px;
}

/*--------------------
  Lists -> Photolist
--------------------*/
.photolist {
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 0;
    margin-left: -4px;
    margin-bottom: -5px;
}

.photolist li {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.photolist li a {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

/*--------------------
  Lists -> Photos list
--------------------*/
.photos {
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 0 -14px;
}

.photos li {
    display: block;
    float: left;
    width: 54px;
    height: 54px;
}

.photos li a {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

/*------------------------
  Lists -> Column List 
------------------------*/
.column-list {
    overflow: hidden
}

.column-list .item {
    float: left;
    width: 25%;
}

.column-list-new {
    overflow: hidden
}

.column-list-new .item {
    float: left;
    width: 33%;
}

/*.column-list-new .item a {
			text-transform: uppercase;
			}*/
/*-----------------------
  Lists -> reports List
-----------------------*/
/* Shops Table */
.reportlist-wrap {
    overflow: hidden;
    margin: 0 -13px;
    margin-top: 14px;
}

.reportlist {
    margin-bottom: 0;
}

.reportlist tr:first-child td {
    border-top-width: 0;
}

.reportlist .img {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 12px;
    margin-top: 5px;
    background: no-repeat 50% 50%;
    background-size: cover;
    border-radius: 4px;
}

    }

.reportlist .img img {
    width: 100%;
}

/* Lists -> Taglist */
.taglist {
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
}

.taglist a {
    color: black;
}

.taglist a.big {
    font-size: 14px;
}

/*-----------------------
  Lists -> detailed List
-----------------------*/
.detailed-list {
    overflow: hidden;
}

.detailed-list .item {
    float: left;
    padding: 9px;
    width: 210px;
    height: 250px;
    margin-left: 10px;
    border: 1px solid gainsboro;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.detailed-list .item:first-child {
    margin-left: 0;
}

.detailed-list h3 {
    font: italic 16px Georgia, 'Times New Roman', Times, serif;
    text-transform: none;
}

.detailed-list .stats {
    margin-bottom: 5px;
}

.detailed-list .item .pocket {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(240, 240, 240);
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.detailed-list .item .pocket-content {
    padding: 4px;
    overflow: hidden;
}

.detailed-list .item .img {
    height: 200px;
    background: no-repeat 50% 50%;
    margin: 0 -6px;
    background-size: cover;
}

.detailed-list .item .tags {
    padding: 3px;
}

/*-----------------------
  Lists -> Similar List
-----------------------*/
.similarlist {
    overflow: hidden;
    border: 1px solid gainsboro;
    border-radius: 4px;
}

.similarlist .item {
    padding: 5px;
    width: 80px;
    height: 115px;
    border-left: 1px solid gainsboro;
    float: left;
}

.similarlist .item:hover {
    background-color: #F0F0F0;
}

.similarlist .item:first-child {
    border-left-width: 0;
}

.similarlist .item h3 {
    text-align: center;
    text-transform: none;
    margin-bottom: 0;
}

.similarlist .item .img {
    display: block;
    width: 80px;
    height: 70px;
    margin-bottom: 10px;
    background: no-repeat 50% 50%;
    background-size: contain;
}

.similarlist .item .price {
    color: rgb(130, 130, 130);
    text-align: center;
}

/*-------------
  Block Lists
-------------*/
.blocklist {
    overflow: hidden;
    margin: 0 -14px;
    margin-left:
}

.blocklist .item {
    width: 70px;
    height: 130px;
    float: left;
    margin-left: 15px;
}

.blocklist .item.gadgets {
    height: 120px;
}

.blocklist .item:hover {
    background-color: #F0F0F0;
}

.blocklist .item h3 {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: none;
    margin-bottom: 0;
}

.blocklist .item .img {
    display: block;
    width: 70px;
    height: 70px;
    margin-bottom: 5px;
    background: no-repeat 50% 50% white;
    background-size: contain;
    border-radius: 4px;
}

.blocklist .item.apps .img {
    border-radius: 20px;
}

.blocklist .item .info {
    color: rgb(130, 130, 130);
    text-align: center;
    font-size: 10px;
}

.blocklist .item.groups {
    border-radius: 500px;
}

/*--------------------
  Lists -> itemlist
--------------------*/
.itemlist-small {

}

.itemlist-small .group {
    margin-bottom: 10px;
    float: left;
    width: 50%;
    /* height: 65px; */
    position: relative;
}

.itemlist-small .group .img {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: no-repeat 50% 50%;
    display: block;
    background-size: cover;
    margin-bottom: 5px;
}

.itemlist-small .group .info {
    position: absolute;
    top: 0;
    right: 0;
}

.itemlist-small .group .info:hover {
    background-color: #333;
}

.itemlist-small .group .comment {
    font-size: 11px;
    text-align: center;
}

.itemlist-small .goody {
    margin-bottom: 15px;
    float: left;
    width: 50%;

}

.itemlist-small .goody .img {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    background: no-repeat 50% 50%;
    display: block;
    background-size: cover;
}

.itemlist-small .goody .text {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
}

/*--------------------
  Lists -> bind List
--------------------*/
.bindlist-wrap {
    border: 1px solid gainsboro;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 14px;
}

.bindlist-wrap tr:first-child td {
    border-top-width: 0;
}

.bindlist {
    margin-bottom: 0;
    table-layout: fixed;
}

.bindlist .img-td {
    width: 30px;
}

.bindlist .img {
    display: block;
    float: left;
    background: no-repeat 50% 50% #ccc;
    height: 30px;
    width: 30px;
    background-size: cover;
}

.bindlist .bind-td {
    width: 80px;
}

/*-----------------------
  Lists -> Preview List
-----------------------*/
.previewlist {
    font-size: 11px;
    line-height: 12px;
}

.previewlist .item {
    border-top: 1px solid #c9c8c4;
    padding: 10px 0;
}

.previewlist .counters {
    margin-top: 10px;
    font-size: 10px;
}

/*------------------
  Lists -> Gallery
------------------*/
.gallery {
    margin: 0;
    display: block;
    overflow: hidden;
    margin-right: -14px;
    margin-bottom: -14px;
}

.gallery li {
    display: block;
    float: left;
    margin-right: 14px;
    margin-bottom: 14px;
    width: 120px;
    height: 90px;
    cursor: pointer;
}

.gallery li a {
    display: block;
    width: 100%;
    height: 100%;
    background: 50% 50%;
    background-size: cover;
}

/*-----------------------
  Lists -> Apps gallery
-----------------------*/
.apps-gallery {
    height: 270px;
    margin-bottom: 10px;
    position: relative;
}

.apps-gallery .slides {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.apps-gallery .slides li {
    display: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 4px;
}

.apps-gallery .slides a {
    display: block;
    height: 100%;
}

.apps-gallery .thumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.apps-gallery .thumbs li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 25px;
    height: 25px;
    margin: 2px;
    cursor: pointer;
    background-size: cover;
    border-radius: 5px;
}

.apps-gallery .thumbs .active, .apps-gallery .thumbs li:hover {
    border: 2px solid black;
    margin: 0;
}

/*-------------------------
  Lists -> Gadgets slider
-------------------------*/
.gadgets-slider {
    height: 270px;
    margin-bottom: 15px;
    position: relative;
}

.gadgets-slider .slides {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.gadgets-slider .slides li {
    display: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 4px;
}

.gadgets-slider .slides .hgroup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 10px 0;
    z-index: 4;
}

.gadgets-slider .slides h2 {
    font: italic 18px/20px Georgia, 'Times New Roman', Times, serif;
    text-align: center;
    margin: 0 0 4px 0;
}

.gadgets-slider .slides .stat {
    font-size: 10px;
    color: white;
    text-align: center;
}

.gadgets-slider .slides h2 a {
    color: white;
}

.gadgets-slider .thumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 10px;
    left: 14px;
    width: 100%;
}

.gadgets-slider .thumbs li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 25px;
    height: 25px;
    margin: 2px;
    cursor: pointer;
    background-size: cover;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.gadgets-slider .thumbs .active, .gadgets-slider .thumbs li:hover {
    border: 2px solid black;
    margin: 0;
}

.gadgets-slider .user-btns {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 4;
}

.gadgets-slider .top-fader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url(/cssing/i/fade2black.png);
    border-radius: 4px 4px 0 0;
    z-index: 3;
}

.gadgets-slider .ctrl {
    position: absolute;
    z-index: 4;
    top: 10px;
    left: 10px;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(/cssing/i/slider-btns.png);
}

.gadgets-slider.users .ctrl {
    top: 110px;
}

.gadgets-slider.users .thumbs {
    width: 320px;
    left: 50%;
    margin-left: -160px;
}

.gadgets-slider .ctrl:hover {
    background-position: 0 100%;
}

.gadgets-slider .ctrl.right {
    left: auto;
    right: 10px;
    background-position: 100% 0;
}

.gadgets-slider .ctrl.right:hover {
    background-position: 100% 100%;
}

/*----------------------
  Gadgets -> Gadgets carousel
------------------------*/

.gadgets-carousel {
    background: #f0f0f0;
    padding: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin: 0 -18px;
    zoom: 1;
}

.gadgets-carousel .carousel-list {
    list-style: none;
    clear: both;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0;
    height: 215px;
    position: relative;
    margin-right: -15px;
}

.gadgets-carousel .carousel-item {
    background-color: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    width: 135px;
    height: 215px;
    float: left;
    margin-right: 15px;
    position: relative;
}

.gadgets-carousel .carousel-item-holder {
    padding: 12px;
}

.gadgets-carousel .carousel-image-holder {
    width: 110px;
    height: 110px;
    background-color: #fff;
    margin-bottom: 5px;
    text-align: center;
}

.gadgets-carousel .carousel-image-holder .carousel-image {
    max-height: 100px;
}

.gadgets-carousel .item-name-holder {
    width: 110px;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    height: 48px;
}

.gadgets-carousel .item-name-holder td {
    vertical-align: middle;
}

.gadgets-carousel .item-name {
    color: #000;
}

.gadgets-carousel .item-shop {
    font-size: 10px;
    color: #828282;
}

.gadgets-carousel .carousel-item-holder:hover .item-name {
    color: #08c;
    text-decoration: underline;
}

.gadgets-carousel .carousel-item-holder:hover .item-shop {
    color: #000;
    text-decoration: underline;
}

.gadgets-carousel .pager {
    margin: 11px auto 0;
}

.gadgets-carousel .pager a,
.gadgets-carousel .pager a:hover {
    display: inline-block;
    background: #aaa;
    height: 5px;
    width: 5px;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 !important;
    margin-right: 6px;
}

.gadgets-carousel .pager a.selected,
.gadgets-carousel .pager a.selected:hover {
    background: #08c;
}

.gadgets-carousel .proposals {
    font-size: 10px;
    position: relative;
    margin-top: -15px;
    zoom: 1;
    float: left;
}

.gadgets-carousel .proposals a {
    color: #8a8a8a;
}

.gadgets-carousel .next,
.gadgets-carousel .prev {
    position: absolute;
    top: 95px;
    width: 60px;
    height: 55px;
    background: url(../i/carousel-arrows.png);
    cursor: pointer;
}

.gadgets-carousel .prev {
    left: -60px;
    background-position: 0 0;
}

.gadgets-carousel .prev:hover {
    background-position: 0 -55px;
}

.gadgets-carousel .next {
    right: -60px;
    background-position: -60px 0;
}

.gadgets-carousel .next:hover {
    background-position: -60px -55px
}

.gadgets-carousel .btn {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

/*----------------------
  Lists -> Short cards
----------------------*/
.shortcard-list {
}

.shortcard-list .cards-wrap {
    overflow: hidden;
}

.shortcard-list .left-shortcards {
    float: left;
    width: 310px;
}

.shortcard-list .right-shortcards {
    float: right;
    width: 310px;
}

.shortcard-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-right: -11px;
    margin-bottom: -10px;
}

.shortcard-list li {
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    display: block;
    float: left;
    width: 275px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.welcome.shortcard-list li {
    padding: 6px;
    background-color: #f0f0f0;
    border-radius: 4px;
    display: block;
    float: left;
    width: 103px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    min-height: 130px !important;
}

.shortcard-list li .avatar {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    background-size: cover;
    border-radius: 4px;

}

.welcome.shortcard-list li .avatar {
    width: 82px;
    height: 82px;
    display: block;
    float: none;
    background-size: contain;
    border-radius: 4px;
}

.welcome p.title{
    text-align: center;
    font-size: 11px;
    margin:6px 0px 0px 0px;
}
.welcome p.titleHave{
    text-align: center;
    font-size: 11px;
    margin-bottom:0px;
}

.welcome .backForAvatar:hover .hav {
    display:block;
    cursor:pointer;
}
.welcome .hav {
    display:none;
    position: absolute;
    width: 100%;
    height: 60%;
    text-align: center;
    top:0px;
    padding: 0px 0px;
    padding-top: 40%;
    background: rgba(0,0,0,0.4);
    left: 0px;
    font-weight:bold;
    color:#fff;
    text-decoration: none;
}
.welcome .hav:hover * {
    color:#fff;
    text-decoration: underline;
}

.welcome:hover .hav * {
    color:#fff;
}

.shortcard-list li.apps-style .avatar {
    border-radius: 10px;
}

.shortcard-list li.gadgets-style .avatar {
    background: no-repeat 50% 50% white;
    background-size: contain;
    border-radius: 4px;
}

.welcome .avatar{
    background-color:#fff !important;
    margin:0px auto;
    position: relative;
}


.welcome .backForAvatar{
    position: relative;
    padding:4px;
    background:#fff;
}

.welcome .joined{
    display: block;
}
.shortcard-list .cloud-shadow {
    margin-bottom: 5px;
    background: url(/cssing/i/cloud-shadow.png);
    height: 65px;
    width: 65px;
    float: left;
}

.shortcard-list .cloud-avatar {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    position: relative;
    margin-top: 3px;
    margin-left: 3px;
}

.shortcard-list .cloud-part-1 {
    height: 21px;
    width: 21px;
    margin-top: 13px;
    border-radius: 25px;
    bottom: 0;
    float: left;
    margin-left: 2px;
    background: no-repeat;
    background-position: -2px -10px;
}

.shortcard-list .cloud-part-2 {
    height: 38px;
    width: 38px;
    border-radius: 25px;
    bottom: 0;
    float: left;
    margin-left: -6px;
    background: no-repeat;
    background-position: -17px 0px;
}

.shortcard-list .cloud-part-3 {
    height: 35px;
    width: 60px;
    border-radius: 25px;
    bottom: 0;
    float: left;
    margin-top: -13px;
    background: no-repeat;
    background-position: 0 -25px;
}

.shortcard-list li .text {
    margin-left: 70px;
}

.shortcard-list li h2 {
    height: 18px;
    font: italic 17px/19px Georgia, 'Times New Roman', Times, serif;
    margin: 0;
    overflow: hidden;
}

.shortcard-list h2 a {
    color: black;
    text-decoration: none;
}

.shortcard-list li .short-info {
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px;
}

.shortcard-list li .price {
    margin: -10px;
    clear: both;
    padding: 5px 10px;
    background-color: gainsboro;
    margin-top: 10px;
    border-radius: 0 0 4px 4px;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}

.shortcard-list li:hover {
    background-color: #f5f5f5;
}

.shortcard-list li:hover h2 a {
    color: #08c;
    text-decoration: underline;
}

.shortcard-list li:hover .text-like .action-text {
    display: none;
}

.shortcard-list li:hover .text-like .join-text {
    display: inline;
}

.welcome.shortcard-list li:hover .text-like .action-text {
    display: inline;
}

.welcome.shortcard-list li:hover .text-like .join-text {
    display: none;
}

.welcome.shortcard-list li:hover .text-like .join-count {
    display: inline;
}


.shortcard-list li:hover .text-like .join-count {
    display: none;
}


.welcome.shortcard-list li .text-like:hover .action-text {
    display: none;
}

.welcome.shortcard-list li .text-like:hover .join-text {
    display: inline;
}


.welcome.shortcard-list li .text-like:hover .join-count {
    display: none;
}


.shortcard-list .pager {
    margin: 0;
    margin-top: 10px;
}

/*-------------------
  Lists -> Top list
-------------------*/
.top-list {
    list-style: none;
    margin: 0;
    margin-top: 13px;
    padding: 0;
    overflow: hidden;
}

.top-list li {
    display: block;
    float: left;
    width: 25%;
}

.top-list .avatar {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    background-position: 50% 50%;
    background-size: cover;
    margin-bottom: 5px;
    border-radius: 5px;
}

.top-list li.apps-style .avatar {
    border-radius: 20px;
}

.top-list li.gadgets-style .avatar {
    margin-bottom: 5px;
    background: no-repeat 50% 50% white;
    background-size: contain;
}

.top-list li.groups-style .avatar {
    margin-bottom: 5px;
    background: no-repeat 50% 50% white;
    background-size: contain;
    border-radius: 50px;
}

.top-list li h2 {
    height: 26px;
    font: italic 17px/27px Georgia, 'Times New Roman', Times, serif;
    margin: 0;
    text-align: center;
    overflow: hidden;
}

.top-list h2 a {
    color: white;
    text-decoration: none;
}

.top-list h2 a:hover {
    text-decoration: underline;
}

.top-list li .info {
    color: white;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

/*--------------------------
  Components -> Acts feed
--------------------------*/
ul.acts-feed {
    list-style: none;
    margin: 0;
    padding: 0;
}

.acts-feed li {
    display: block;
    padding-bottom: 15px;
    background: url(/cssing/i/aside_stripe.gif) repeat-y 11px 0;
}

.acts-feed .text {
    font-size: 12px;
    line-height: 13px;
    margin-left: 30px;
}

.acts-feed .avatar {
    display: block;
    width: 25px;
    height: 25px;
    float: left;
    background: no-repeat 50% 50%;
    background-size: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;
}

.acts-feed .dot {
    float: left;
    width: 21px;
    height: 21px;
    margin-left: 2px;
    background: url(/cssing/i/mobicon_compiled.png) no-repeat 0 0;
}

.acts-feed .type-comment .dot {
    background-position: -21px 0px;
}

.acts-feed .type-like .dot {
    background-position: -147px 0px;
}

.acts-feed .type-have .dot {
    background-position: -84px 0;
}

.acts-feed .type-add .dot {
    background-position: -168px 0;
}

/* exception */
aside.right .acts-feed .date {
    display: inline-block;
}

aside.right .acts-feed li:last-child {
    background: none;
    padding-bottom: 0;
}

/*---------------------------
  Components -> Aside block
---------------------------*/
.aside-block {
    background-color: #f0f0f0;
    padding: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.aside-block h4 {
    margin: 0;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    line-height: 13px;
}

.aside-block.my-activity {
    background: url(/cssing/i/myactbg.jpg) repeat-x 0 100% #f0f0f0;
    padding-bottom: 90px;
}

.aside-block.my-activity .count {
    width: 130px;
    margin-bottom: 10px;
    font: italic 62px Georgia, 'Times New Roman', Times, serif;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}

.aside-block.my-activity .notices {
    position: absolute;
    top: 0;
    right: 0;
    font-style: normal;
    font-family: Arial, Helvetica, Garuda, sans-serif;
}

.aside-block.my-activity .places {
    background-color: #fbfbfb;
    margin-bottom: 10px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.aside-block.my-activity .text {
    border-bottom: 1px solid black;
}

.aside-activity {

}

.aside-activity .activity-count {
    font-size: 42px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -4px;
}

.activity-users {

}

.active-users .comment {
    margin-top: 5px;
    font-size: 13px;
}

.activity-horizontal {
    height: 100px;
    margin: 0 -7px;
    margin-bottom: 10px;
}

.activity-horizontal a {
    display: block;
}

.activity-horizontal .users {
    background-color: #6dcff6;
}

.activity-horizontal .users:hover {
    background-color: #88ecff;
}

.activity-horizontal .comments {
    background-color: #01a89e;
}

.activity-horizontal .comments:hover {
    background-color: #39c4b9;
}

.activity-horizontal .likes {
    background-color: #ed145b;
}

.activity-horizontal .likes:hover {
    background-color: #ff4772;
}

.activity-horizontal .groups {
    background-color: #ff6600;
}

.activity-horizontal .groups:hover {
    background-color: #ff822e;
}

.my-friends {
}

.my-friends .comment {
    display: block;
    margin-top: 15px;
    font-size: 12px;
}

/* Lists->uselist */
.uselist {
}

.uselist .comment {
    display: block;
    margin-top: 15px;
    font-size: 12px;
}

.uselist ul {
    margin: 0;
    list-style: none;
}

.uselist li {
    overflow: hidden;
    margin-bottom: 7px;
}

.uselist .img {
    display: block;
    float: left;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    background: no-repeat 50% 50% white;
    background-size: contain;
}

.uselist .title {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

/* Lists->tiny */
.tinylist {
    overflow: hidden;
}

.tinylist ul {
    margin: 0;
    float: left;
    overflow: hidden;
    margin-right: 8px;
    margin-bottom: -2px;
    list-style: none;
}

.tinylist li {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
}

.tinylist li a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/cssing/i/nophoto.png) 50% 50% no-repeat rgb(170, 170, 170);
    background-size: cover;
    border-radius: 4px;
}

.tinylist .more {
    height: 25px;
    line-height: 25px;
    float: left;
    font-size: 13px;
}

/* Lists -> tiny with text */
.tinylist-texted {
    overflow: hidden;
}

.tinylist-texted ul {
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
}

.tinylist-texted li {
    margin-bottom: 10px;
    overflow: hidden;
}

.tinylist-texted .pic {
    display: block;
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
    background: url(/cssing/i/nophoto.png) 50% 50% no-repeat rgb(170, 170, 170);
    background-size: cover;
    border-radius: 4px;
}

.tinylist-texted li p {
    line-height: 12px;
    margin: 0;
}

.tinylist-texted li i {
    font-size: 13px;
}

.tinylist-texted .more {
    font-size: 12px;
}

/* Lists -> small with text */
.small-list-texted {
    overflow: hidden;
}

.small-list-texted ul {
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
}

.small-list-texted li {
    margin-bottom: 15px;
    overflow: hidden;
}

.small-list-texted .pic {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    background: url(/cssing/i/nophoto.png) 50% 50% no-repeat rgb(170, 170, 170);
    background-size: cover;
    border-radius: 4px;
}

.small-list-texted .title {
    margin-bottom: 5px;
    line-height: 12px;
}

.small-list-texted .text {
    font-size: 13px;
    line-height: 12px;
    font-style: italic;
}

.small-list-texted .more {
    font-size: 12px;
}

/*---------------------------------
  Default table for  listing data
---------------------------------*/
.top-table {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

.table.top-table tr:first-child td,
.table.top-table tr:first-child th {
    border-top: none;
}

.top-table .img {
    width: 45px;
    height: 45px;
    margin: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: no-repeat 50% 50%;
    background-size: cover;
    display: block;
}

/* gadgets item img exception */
.top-table .gadgets-item .img {
    background-size: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.top-table .num {
    vertical-align: middle;
    width: 10px;
}

.top-table .img-td {
    width: 45px;
}

.top-table .text-td {
    /*width: 290px;*/
}

.top-table .header {
    font-weight: normal;
    text-transform: uppercase;
}

.top-table .action-btns {
    width: 100px;
    vertical-align: middle;
}

.top-table .actions {
    float: right;
    margin-right: 10px;
}

.top-table .actions .btn-group,
.top-table .actions .btn {
    float: left;
    margin-left: 4px;
}

/*------------------------
  Components -> Comments
------------------------*/

.comments {

}

.comments .comment-item {
    border-bottom: 1px dotted #AAA;
    padding: 10px 0;
    padding-top: 12px;
}

.comments .avatar {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: no-repeat 50% 50%;
    background-size: cover;
    display: block;
    float: left;
}

.comments .comment-content {
    margin-left: 40px;
}

.comments .opts {
    /*margin-bottom: 5px;*/
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}

.comments .answer-link:hover {
    color: rgb(255, 100, 0);
}

.add-comment {
    margin-top: 10px;
    overflow: hidden;
}

.add-comment form {

}

.add-comment textarea {
    width: 95%;
    resize: vertical;
    resize: none;
}

.add-comment .avatar {
    width: 30px;
    height: 30px;
    /*margin-left: 5px;
		margin-right: 20px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: no-repeat 50% 50%;
    background-size: cover;
    display: block;
    float: left;
    margin-right: 10px;
}

.add-comment.rating form {

}

.comments .replies {
    margin-left: 40px;
}

.comments .reply-item {
    overflow: hidden;
    margin: 5px 0;
}

.comments .reply-avatar {
    width: 25px;
    height: 25px;
    /*margin-left: 5px;
		margin-right: 20px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: no-repeat 50% 50%;
    background-size: cover;
    display: block;
    float: left;
}

.comments .reply-content {
    margin-left: 35px;
}

.add-reply {
    margin: 5px 0;
}

.add-reply .reply-avatar {
    margin-right: 10px;
}

.add-reply form {
    margin: 0;
}

.add-reply textarea {
    margin-bottom: 5px;
    width: 430px;
    resize: none;
}

.add-reply .btn {
    padding: 2px 6px;
}

.comment-like {
    float: right;
    font-size: 12px;
    line-height: 12px;
    font-family: Tahoma;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    -webkit-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
    padding: 4px;
    border-radius: 4px;
}

.comment-like.show, .comment-like.liked {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.comment-like.liked .comment-like-icon {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.comment-like .txt {
    display: none;
}

.comment-info {
    float: right;
    font-size: 12px;
    line-height: 12px;
    font-family: Tahoma;
}
.comment-content:hover .comment-like .txt, .reply-content:hover .comment-like .txt {
    display: inline;
}

.comment-like:hover {
    background-color: #d0d0d0;
}

.comment-like-icon {
    background: url(/cssing/i/mobicon.png) no-repeat -151px -69px;
    display: inline-block;
    margin-bottom: -2px;
    *margin-right: 3px;
    width: 13px;
    height: 11px;
    -moz-opacity: 0.3;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.comment-content:hover .comment-like, .reply-content:hover .comment-like {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.auth-for-comment {
    overflow: hidden;
}

.auth-for-comment .avatar {
    background-image: url(/cssing/i/nophoto-user.jpg);
    background-size: cover;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-size: cover;
    display: block;
    float: left;
}

.auth-for-comment .pseudo-form {
    float: left;
    margin-right: 10px;
}

.auth-for-comment textarea {
    width: 210px;
}

.auth-for-comment .text, .plush-main .text {
    font-size: 12px;
    line-height: 20px;
}

.auth-for-comment .auth-link, .plush-main .auth-link {
    color: #FF6400;
    cursor: pointer;
}

.auth-for-comment .auth-link:hover {
    text-decoration: underline;
}

.add-comment .rating-add {
    line-height: 9px;
    font-size: 14px;
    display: block;
    margin-left: 42px;
    margin-bottom: 5px;
    position: relative;
}

.add-comment .rating-add .text {
    margin-top: 5px;
    text-align: center;
}

.add-comment .rating-add .bar-container {
    height: 17px;
    width: 85px;
    position: relative;
    background: url(/cssing/i/star-2.png) repeat-x 0 100%;
    overflow: hidden;
}

.add-comment .rating-add .rating-bar {
    position: absolute;
    height: 17px;
    background: url(/cssing/i/star-2.png) repeat-x 0 0;
    top: 0;
    left: 0;
    z-index: 1;
}

.add-comment .rating-add .rating-bar.mark-0 {
    width: 0px;
}

.add-comment .rating-add .rating-bar.mark-1 {
    width: 17px;
}

.add-comment .rating-add .rating-bar.mark-2 {
    width: 34px;
}

.add-comment .rating-add .rating-bar.mark-3 {
    width: 51px;
}

.add-comment .rating-add .rating-bar.mark-4 {
    width: 68px;
}

.add-comment .rating-add .rating-bar.mark-5 {
    width: 85px;
}

.add-comment .additional-ratings {
    display: none;
    clear: left;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 0;
}

.add-comment .more-ratings {
    color: #08c;
    cursor: pointer;
    font-size: 12px;
}

.add-comment .more-ratings:hover {
    text-decoration: underline;
}

.add-comment .additional-ratings .rating-add {
    line-height: 9px;
    font-size: 14px;
    display: inline-block;
    margin-left: 42px;
    margin-bottom: 5px;
    position: relative;
    margin: 0;
}

.add-comment .additional-ratings .rating-add .text {
    margin-top: 5px;
    text-align: center;
}

.add-comment .additional-ratings .rating-add .bar-container {
    height: 13px;
    width: 65px;
    position: relative;
    background: url(/cssing/i/star-3.png) repeat-x 0 100%;
    overflow: hidden;
}

.add-comment .additional-ratings .rating-add .rating-bar {
    position: absolute;
    height: 13px;
    background: url(/cssing/i/star-3.png) repeat-x 0 0;
    top: 0;
    left: 0;
    z-index: 1;
}

.add-comment .additional-ratings .rating-add .rating-bar.mark-0 {
    width: 0px;
}

.add-comment .additional-ratings .rating-add .rating-bar.mark-1 {
    width: 13px;
}

.add-comment .additional-ratings .rating-add .rating-bar.mark-2 {
    width: 26px;
}

.add-comment .additional-ratings .rating-add .rating-bar.mark-3 {
    width: 39px;
}

.add-comment .additional-ratings .rating-add .rating-bar.mark-4 {
    width: 52px;
}

.add-comment .additional-ratings .rating-add .rating-bar.mark-5 {
    width: 65px;
}

/* Views -> Like wiget */
.yamobilike * {
    margin: 0;
    padding: 0;
}

.yamobilike {
    height: 22px;
    cursor: pointer;
    display: inline-block;
}

.yamobilike .like-icon {
    display: block;
    position: relative;
    float: left;
    width: 22px;
    height: 22px;
}

.yamobilike.reversed .like-icon {
    float: right;
}

.yamobilike.type-like .like-icon i {
    background-image: url(/cssing/i/icon-heart.png);
    background-image: url(/cssing/i/icon-heart.svg);
}

.yamobilike.type-have .like-icon i {
    background-image: url(/cssing/i/icon-have.png);
}

.yamobilike .like-icon i {
    position: relative;
    z-index: 10;
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    background: no-repeat 50% 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.yamobilike.liked .like-icon i {
    background-position: 50% 100%;
}

.yamobilike.type-like .like-icon b {
    background-image: url(/cssing/i/bg-active.png);
    background-image: url(/cssing/i/bg-active.svg);
}

.yamobilike.type-have .like-icon b {
    background-image: url(/cssing/i/bg-active-have.png);
}

.yamobilike .like-icon b {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 22px;
    height: 22px;
    background: no-repeat 50% 0;
    display: none;
}

.yamobilike.liked .like-icon b {
    display: block;
}

.yamobilike .like-icon s {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    z-index: 8;
    background: url(/cssing/i/bg.png) no-repeat 0 0;
    background: url(/cssing/i/bg.svg) no-repeat 0 0;
}

.yamobilike:hover s {
    background-position: 0 100%;
}

.yamobilike .like-count {
    font: normal 10px/22px Arial, Helvetica, Garuda, sans-serif;
    padding: 0 5px;
    color: black;
}

.yamobilike .like-text {
    font: normal 10px/22px Arial, Helvetica, Garuda, sans-serif;
    padding: 0 5px;
    color: rgb(0, 136, 204);
    display: none;
}

.yamobilike:hover .like-text {
    display: inline;
}

.yamobilike:hover .like-count {
    display: none;
}

/*-----------------
  Views -> Rating
-----------------*/
.ratingview {
    /*height: 20px;*/
    line-height: 20px;
    font-size: 14px;
}

.ratingview .text {
    margin-top: 5px;
    text-align: center;
}

.ratingview .bar-container {
    height: 20px;
    width: 100px;
    /*float: left;*/
    margin-right: 4px;
    position: relative;
    background: url(/cssing/i/rate.png) repeat-x 0 100%;
}

.ratingview .rating-bar {
    position: absolute;
    height: 20px;
    background: url(/cssing/i/rate.png) repeat-x 0 0;
    top: 0;
    left: 0;
    z-index: 1;
}

.ratingview .rating-bar.mark-0 {
    width: 0px;
}

.ratingview .rating-bar.mark-1 {
    width: 20px;
}

.ratingview .rating-bar.mark-2 {
    width: 40px;
}

.ratingview .rating-bar.mark-3 {
    width: 60px;
}

.ratingview .rating-bar.mark-4 {
    width: 80px;
}

.ratingview .rating-bar.mark-5 {
    width: 100px;
}

/*-----------------------------------
  Views -> Rating (black and white)
-----------------------------------*/
.ratingview-tiny {
    line-height: 9px;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.ratingview-tiny .text {
    margin-top: 5px;
    text-align: center;
}

.ratingview-tiny .bar-container {
    height: 9px;
    width: 45px;
    position: relative;
    background: url(/cssing/i/rate1.png) repeat-x 0 100%;
}

.ratingview-tiny .rating-bar {
    position: absolute;
    height: 9px;
    background: url(/cssing/i/rate1.png) repeat-x 0 0;
    top: 0;
    left: 0;
    z-index: 1;
}

.ratingview-tiny .rating-bar.mark-0 {
    width: 0px;
}

.ratingview-tiny .rating-bar.mark-1 {
    width: 9px;
}

.ratingview-tiny .rating-bar.mark-2 {
    width: 18px;
}

.ratingview-tiny .rating-bar.mark-3 {
    width: 27px;
}

.ratingview-tiny .rating-bar.mark-4 {
    width: 36px;
}

.ratingview-tiny .rating-bar.mark-5 {
    width: 45px;
}

/*---------------------------
  Views -> striped-activity
---------------------------*/
.activity-striped {
    position: relative;
    margin: -14px;
}

.activity-striped .colors {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #01A89E;
    border-radius: 4px;
}

.activity-striped .colors i {
    background-color: gainsboro;
    float: left;
    height: 100%;
}

.activity-striped i.orange {
    background-color: #ff6600;
    border-radius: 4px 0 0 4px;
}

.activity-striped i.brown {
    background-color: #a32f38;
}

.activity-striped i.pink {
    background-color: #ed145b;
}

.activity-striped i.blue {
    background-color: #6dcff6;
}

.activity-striped i.green {
    background-color: #01a89e;
    float: right;
    border-radius: 0px 4px 4px;
}

.activity-striped .text {
    position: relative;
    z-index: 1;
    padding: 10px;
    color: white;
    text-align: center;
}

.activity-striped h3 {
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.activity-striped p {
    font: bold 42px/40px Arial, Helvetica, Garuda, sans-serif;
    margin: 0;
}

.activity-striped p span {
    color: #000201;
}

/* Views -> Contacts */
.contacts {
}

.contacts .map {
    margin: 14px -14px;
}

.contacts h3 {
    line-height: 10px;
    font: normal 12px/10px Arial, Helvetica, Garuda, sans-serif;
    text-transform: uppercase;
}

.contacts .more {
    font-size: 12px;
    margin-top: 10px;
}

/* Views -> Contacts small */
.contacts-small {
}

.contacts-small .map {
    margin: 14px -14px;
}

.contacts-small .more {
    font-size: 12px;
    margin-top: 10px;
}

/* Activity block item */
.actsfeed-block {
    padding-top: 10px;
    margin-bottom: -14px;
}

/* ACtivity by type viewcomponent */
.activity-by-type {

}

.activity-by-type .action {
    position: relative;
    height: 25px;
    padding: 13px 0;
    margin-bottom: 10px;
    border-radius: 4px;
    background-color: rgb(240, 240, 240);
    background: url(/cssing/i/trans_mask.png) no-repeat 50% 50%;
    background-size: cover;
}

.activity-by-type .action.commentable {
    background-color: rgb(109, 207, 246);
}

.activity-by-type .action.likable {
    background-color: rgb(236, 21, 89);
}

.activity-by-type .action.usable {
    background-color: rgb(1, 168, 158);
}

.activity-by-type .action.friendable {
    background-color: rgb(255, 100, 0);
}

.activity-by-type .action.addable {
    background-color: rgb(163, 47, 56);
}

.activity-by-type h5 {
    height: 25px;
    position: relative;
    z-index: 3;
    font: normal 12px/25px Arial, Helvetica, Garuda, sans-serif;
    color: white;
    margin: 0;
    text-transform: uppercase;
    margin-left: 14px;
    float: left;
}

.activity-by-type h5 a {
    color: white;
}

.activity-by-type .users {
    float: right;
    /*		padding-right: 30px;*/
    margin-right: 10px;
    position: relative;
    z-index: 3;
}

.activity-by-type .img, .activity-by-type .mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: 50% 50% no-repeat;
    background-size: cover;
    z-index: 1;
}

.activity-by-type .mask {
    background: url(/cssing/i/trans_mask_dark.png) no-repeat 50% 50%;
    z-index: 2;
}

/* Statistic view component */
.statistic {
    margin-bottom: -10px;
}

.statistic .info {
    margin-bottom: 15px;
}

.statistic .item {
    overflow: hidden;
    margin-bottom: 10px;
}

.statistic .lbl {
    width: 45%;
    padding-right: 5%;
    height: 20px;
    line-height: 20px;
    float: left;
}

.statistic .value {
    width: 50%;
    height: 20px;
    float: left;
}

.statistic i {
    display: block;
    height: 10px;
    line-height: 20px;
    padding: 5px;
    background-color: rgb(109, 207, 246);
    color: white;
    font: bold 14px/10px Arial, Helvetica, Garuda, sans-serif;
    border-radius: 4px;
}

/* Banner view component */
.blocks-wrapper .banner {
    margin-bottom: 15px;
}

.blocks-wrapper .banner img {
    border-radius: 4px;
}

/* Shops Table */
.shoplist-wrap {
    overflow: hidden;
    margin: 0 -13px;
    margin-top: 14px;
}

.shoplist {
    margin-bottom: 0;
    table-layout: fixed;
}

.shoplist .average {
    font-size: 16px;
}

.shoplist .proposals {
    color: #828282;
}

.shoplist tr:first-child td {
    border-top-width: 0;
}

.shoplist .img-td {
    width: 80px;
}

.shoplist .price-td {
    width: 90px;
}

.shoplist td {
    background: #dde4e9;
    border-bottom: 1px solid #d1d1d1;
    padding: 7px 9px;
}

.shoplist .img {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 12px;
    margin-top: 5px;
}

.shoplist .img img {
    width: 100%;
}

.shoplist .opts {
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
}

.shoplist__price {
    font-weight: bold;
}

.shoplist__model {
    font-size: 12px;
}

.shoplist table {
    border-top: 1px solid #d1d1d1 !important;
}

.shoplist tbody tr:nth-child(even) td,
.shoplist tbody tr:nth-child(even) th {
    background-color: #f0f0f0;
}

.shoplist__shoplogo {
    width: 37px;
}

.shoplist__shopname {
    width: 110px;
}

.shoplist__button {
    width: 93px;
}

.shoplist__price {
    text-align: right;
}

.btn.btn-mobi {
    line-height: 17px;
    padding: 4px 6px;
}

/*.btn.btn-join {
	line-height: 21px;
	padding: 4px 6px;
	}
	.btn.btn-join [class^="mobicon-"], .btn-join [class*=" mobicon-"] {
		float: right;
		margin: 0 5px;
		}
	.btn.btn-join .join-count {
		float: right;
		}
		*/
.btn.btn-join.joined, .user-btns .btn.liked, .bottom-content-like .btn.liked {
    background-color: #e6e6e6;
    background-color: #d9d9d9    \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    border-color: #ccc;
}

.action-btns .btn.btn-mobi {
    margin: 4px 0;
    width: 132px;
}

.text-like {
}

.text-like .join-text {
    display: none;
    cursor: pointer;
    color: #08C;
    text-decoration: underline;
}

/*-- MY ICONS (for bootstrap) --*/
.icon-paw {
    background-position: -480px 0;
}

[class^="mobicon-"], [class*=" mobicon-"] {
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    background-image: url(/cssing/i/mobicon_compiled.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.mobicon-groups {
    background-position: -126px 0px;
}

.mobicon-post {
    background-position: -42px 0px;
}

.mobicon-add {
    background-position: -168px 0px;
}

.mobicon-users {
    background-position: -42px 0px;
}

.mobicon-like {
    background-position: -147px 0px;
}

.mobicon-comment {
    background-position: -21px 0px;
}

.mobicon-have {
    background-position: -84px 0px;
}

[class^="mobicontiny-"], [class*=" mobicontiny-"] {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    background-image: url(/cssing/i/mobicon.png);
    background-position: -171px -67px;
    background-repeat: no-repeat;
    margin-right: 2px;
}

.mobicontiny-comment {
    background-position: -25px -67px;
}

.mobicontiny-like {
    background-position: -151px -67px;
}

.mobicontiny-have {
    background-position: -88px -67px;
}

.mobicontiny-friends {
    background-position: -173px -66px;
    margin-left: -5px;
}

.mobicontiny-have.icon-white {
    background-image: url(/cssing/i/mobicon.png);
    background-position: -88px -46px;
    float: none;
    margin-top: -1px;
}

/* Gadgets module */
.price-label {
    padding: 2px 4px;
    background-color: #d2d8e1;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.price-label::after {
    content: '';
    position: absolute;
    right: -10px;
    width: 14px;
    height: 20px;
    top: 0;
    background: url(/cssing/i/price_corner.png);
}

/* User page */
.content h3.user-status {
    font: italic 16px/16px Georgia, 'Times New Roman', Times, serif;
    margin: 0;
    margin-bottom: 12px;
}

/* Default table */
.default-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}

.default-table thead {
    color: rgb(130, 130, 130);
}

.default-table thead td {
    padding: 7px;
    font-size: 12px;
    line-height: 16px;
}

.default-table thead tr td:first-child {
    padding-left: 14px;
}

.default-table thead tr td:last-child {
    padding-right: 14px;
}

.default-table tbody td {
    padding: 14px 7px;
    border-top: 1px solid #cdc9bc;
    vertical-align: top;
}
.default-table tbody tr.cuted td{
    padding: 7px 7px;
}

.default-table tbody tr td:first-child {
    padding-left: 14px;
}

.default-table tbody tr:first-child td {
    border-top-width: 0;
}

.default-table tbody tr td:last-child {
    padding-right: 14px;
}

.default-table tbody tr:nth-child(odd) td {
    background: url(/cssing/i/transp5.png);
}

.default-table tbody tr:hover td {
    background: url(/cssing/i/transp_w70.png);
}

.default-table td.num {
    padding-right: 7px;
    width: 20px;
    text-align: center;
}

.default-table td.datetime {
    width: 80px;
}

.default-table td.join-td {
    width: 150px;
}

.default-table td.join-td .btn {
    float: right;
}

.search-block {
    margin: 0 -14px;
    padding: 14px;
    background-color: #F0F0F0;
}

/* blocks definition */
.blocks-wrapper {
    overflow: hidden;
    padding: 0px 13px 13px;
    padding-bottom: 0;
    height: 100%;
}

.left-blocks {
    width: 310px;
    float: left;
}

.right-blocks {
    width: 310px;
    float: right;
}

.block {
    border-radius: 4px;
    background-color: #F0F0F0;
    margin-bottom: 13px;
    padding: 14px 14px 5px;
    clear: both;
}

.block.card {
    padding: 0;
    width: 100%
}

.block .content-item {
    width: auto;
    height: auto;
}

.block .block-header {
    margin: 0px 0 10px 0;
    line-height: 10px;
    font: normal 14px/16px Arial, Helvetica, Garuda, sans-serif;
    overflow: hidden;
}

.block .block-header .title {
    float: left;
    background-color: #F0F0F0;
    padding-right: 8px;
    font-size: 18px;
    font-family: Georgia, 'Times New Roman', Sans-serif;
    font-style: italic;
}

.block .block-header .dots {
    height: 12px;
    background: url(/cssing/i/dots.png) repeat-x 60% 80%;
}

.block.card.users {
    background: none;
}

/* comments */
.block.comments {
    border-radius: 4px;
}

/*Blocks default colors*/
.block.style-posts, .block.style-posts .block-header .title {
    background-color: #fff5e4;
}

.block.style-acts, .block.style-acts .block-header .title {
    background-color: rgb(240, 240, 240);
}

.block.style-users, .block.style-users .block-header .title {
    background-color: #ffead5;
}

.block.style-pure {
    border: 1px solid gainsboro;
    padding: 10px;
    background-color: white;
}

.block.style-pure .block-header .title {
    background-color: #fff;
    text-transform: none;
}

.block.style-liked {
    color: white;
    background-color: #d70060;
    background-image: url(/cssing/i/love.png);
}

.block.style-liked .block-header .title {
    background-color: transparent;
    color: white;
    text-transform: none;
}

.block.style-commented {
    color: white;
    background-color: #00a1cb;
    background-image: url(/cssing/i/commented.png);
}

.block.style-commented .block-header .title {
    background-color: transparent;
    color: white;
    text-transform: none;
}

/* User blocks */
.block.promo {
    padding: 0;
    height: 270px;
    background: url(/cssing/i/nophoto_company.jpg) no-repeat 50% 50% #e6e6e6;
    /*background-size: cover;*/
}

.block.module-search {
}

.module-search .search-form {
    overflow: hidden;
    margin-bottom: 5px;
}

.module-search .search-form input[type="text"] {
    width: 500px;
    margin: 0;
}

.module-search .search-form form {
    margin: 0;
}

.module-search .comment {
    font-size: 12px;
}

.module-search .comment .link {
    cursor: pointer;
    color: #0089ca;
    text-decoration: none;
    border-bottom: 1px dashed;
}

.module-search .comment .link:hover {
    text-decoration: none;
    border: none;
}

/*----------------
  Modules->Posts
----------------*/
.post-content {
    background-color: #fff5e4;
    padding: 13px;
    padding-bottom: 20px;
}

.post-content .bread-crumbs {
    color: rgb(130, 130, 130);
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: -3px;
}

.post-content p {
    margin-bottom: 14px;
}

.post-content h1 {
    margin: 0px -10px;
    padding: 10px 10px;
    margin-bottom: 12px;
    border-top: 1px dotted #828282;
    border-bottom: 1px dotted #828282;
    font-size: 26px;
}

.post-content .intro {
    font: italic 16px/18px Georgia, 'Times New Roman', Times, serif;
}

.post-content .promo-img {
    display: block;
    margin: 10px -13px;
}

.post-content .promo-img img {
    width: 100%;
}

.post-content img {
    margin-bottom: 14px;
}

.post-content h2 {
    font: italic 22px Georgia, 'Times New Roman', Times, serif;
    margin-top: 17px;
    margin-bottom: 10px;
}

.post-content h3 {
    font: italic 22px Georgia, 'Times New Roman', Times, serif;
    margin-top: 20px;
    margin-bottom: 15px;
}

.post-content h4 {
    font: italic 18px Georgia, 'Times New Roman', Times, serif;
    margin-top: 20px;
    margin-bottom: 15px;
}

.post-content h5 {
    font: bold 14px Arial;
    margin-top: 20px;
    margin-bottom: 15px;
}

.post-content ol {
    margin-left: 20px;
}

.post-content ul {
    list-style-type: none;
    margin-left: 0;
}

.post-content ul > li::before {
    content: "\2015";
    margin-right: 0.3em;
}

.post-content table {
    background-color: #fcf7eb;
    border: none;
}

.post-content table tr:nth-child(odd) {
    background-color: white;
}

.post-content table td {
    border-color: #d8d7d4;
}

.post-content table p {
    margin-bottom: 0;
}

.post-content blockquote {
    background-color: #eee9d9;
    padding: 14px;
    border: none;
}

.post-content blockquote p {
    font: italic 14px/18px Georgia, 'Times New Roman', Times, serif;
}

.post-content .binded-content {
    margin-bottom: 25px;
}

.binded-content h3 {
    font: normal 12px/16px Arial, Helvetica, Garuda, sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.binded-content .item {
    margin-bottom: 15px;
    padding-left: 20px;
    overflow: hidden;
    background: url(/i/ul.gif) no-repeat 4px 0px;
}

.binded-content .text {
    /*              margin-left: 40px;*/
}

.binded-content .text span {
    font-size: 14px;
}

.binded-content .img {
    width: 30px;
    height: 30px;
    background: no-repeat 50% 50%;
    background-size: cover;
    float: left;
    margin-right: 10px;
}

.navigatable .post-headers {
    margin-left: 15px;
    padding: 15px 0;
    padding-bottom: 5px;
    font-size: 15px;
}

.navigatable .post-headers li {
    margin-bottom: 2px;
}

.navigatable .post-headers li:before {
    content: "\2015";
    margin-right: 0.3em;
}

.navigatable .nav-column .users {
    margin-bottom: 5px;
}

.post-navigator {
    width: 20%;
    float: left;
}

/*POST Inner gallery slider*/
.post-gallery {
    margin: 0 -13px;
}

.post-gallery * {
    margin: 0;
    padding: 0;
}

.post-gallery .slides {
    width: 555px;
    height: 350px;
    overflow: hidden;
    background-color: #EEE9D9;
}

.post-gallery .slides ul {
    display: block;
    width: 100000px;
    list-style: none;
    overflow: hidden;
}

.post-gallery .slides li {
    list-style: none;
    height: 350px;
    display: block;
    float: left;
    position: relative;
}

.post-gallery li::before {
    display: none;
}

.post-gallery .slides a {
    display: block;
    height: 100%;
    width: 547px;
    background: no-repeat 50% 50%;
    background-size: contain;
}

.post-gallery .slides p {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}

.post-gallery .controller {
    display: block;
    padding: 10px;
    padding-bottom: 2px;
    background-color: #eee9d9;
    overflow: hidden;
}

.post-gallery .controller li {
    display: block;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 45px;
    height: 30px;
    cursor: pointer;
    background: 50% 50%;
    background-size: cover;
}

.post-gallery .controller li.active, .post-gallery .controller li:hover {
    outline: 4px solid white;
}

/*------------------
  Modules->Gadgets
------------------*/
.gadget-content {
    background-color: #f0f0f0;
    padding: 13px;
    padding-bottom: 20px;
}

.gadget-content .bread-crumbs {
    color: rgb(130, 130, 130);
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: -3px;
}

.gadget-content p {
    margin-bottom: 12px;
}

.gadget-content h1 {
    margin: 0px -10px;
    padding: 10px 10px;
    margin-bottom: 12px;
    border-top: 1px dotted #828282;
    border-bottom: 1px dotted #828282;
    font-size: 26px;
}

.gadget-content .intro {
    font: italic 14px/16px Georgia, 'Times New Roman', Times, serif;
}

.gadget-content .promo-img {
    display: block;
    margin: 10px -13px;
}

.gadget-content .promo-img img {
    width: 100%;
}

.gadget-content img {
    margin-bottom: 14px;
}

.gadget-content h3 {
    font: normal 12px/16px Arial, Helvetica, Garuda, sans-serif;
    text-transform: uppercase;
    margin: 15px 0;
}

.gadget-content ol {
    margin-left: 20px;
}

.gadget-content blockquote {
    background-color: #eee9d9;
    padding: 14px;
    border: none;
}

.gadget-content blockquote p {
    font: italic 12px/16px Georgia, 'Times New Roman', Times, serif;
}

.gadget-content .reportlist td {
    background: #dde4e9;
    border-color: #eaf1f6;
}

.gadget-fotorama {
    background: url(/cssing/i/gadgets-bg.jpg);
}

.gadget-fotorama .fotorama__noise,
.gadget-fotorama .fotorama__wrap,
.gadget-fotorama .fotorama__thumbs {
    background: none;
}

.gadget-description__main-info {
    margin-bottom: 15px;
}

.gadget-description {
    margin-bottom: 0px;
}

.gadget-description p {
    margin-bottom: 0;
    line-height: 16px;
    font-size: 14px;
}

.gadget-description__label {
    color: #777;
}

.gadget-description__main-info {
    margin-bottom: 12px;
}

.gadget-description_collapsed {
    height: 230px;
    overflow: hidden;
    position: relative;
}

.gadget-description_collapsed:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    height: 16px;
    background: url(/cssing/i/apps-collapsed.png) repeat-x;
    z-index: 2;
}

.gadget-description__more {
    display: none;
    width: 100%;
    background: #eee;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.gadget-description_collapsed .gadget-description__more {
    display: block;
}

/*------------------------
  Lists -> features List
------------------------*/
.featureslist {
    margin-left: 0;
    margin-bottom: 3em;
}

.featureslist td {
    vertical-align: bottom;
}

.featureslist .label {
    cursor: pointer;
    display: none;
}

.feature {
    line-height: 1.3em;
    position: relative;
}

.feature__name {
    width: 280px;
}

.feature__name div {
    position: relative;
}

.feature__name .dots {
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 4px;
    height: 1px;
    border-bottom: 1px dotted #838383;
    z-index: 0;
}

.feature__name span {
    background: #F0F0F0;
    padding-right: 3px;
    position: relative;
    z-index: 1;
}

/* Gadget info */
.navigatable .nav-column .gadget-info {
    margin-bottom: 15px;
}

.navigatable .nav-column .gadget-info .avatar {
    display: block;
    border-radius: 4px;
    width: 95px;
    height: 95px;
    background: 50% 50% no-repeat;
    background-size: contain;
    margin-bottom: 10px;
}

.navigatable .nav-column .gadget-info .name {
    font: normal 12px/14px Arial, Helvetica, Garuda, sans-serif;
    margin-bottom: 10px;
}

.navigatable .nav-column .gadget-info .userlist {
    display: inline-block;
}

.navigatable .nav-column .gadget-info .btns {
    margin-top: 15px;
}

.navigatable .nav-column .gadget-info .ratingview .bar-container {
    margin: 0 auto;
}

/*---------------------
  Modules -> Services
---------------------*/
.service-content {
    background-color: #e1f1e1;
    padding: 13px;
    padding-bottom: 20px;
}

.service-content .bread-crumbs {
    color: rgb(130, 130, 130);
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: -3px;
}

.service-content p {
    margin-bottom: 12px;
}

.service-content h1 {
    margin: 0px -10px;
    padding: 10px 10px;
    margin-bottom: 12px;
    border-top: 1px dotted #828282;
    border-bottom: 1px dotted #828282;
    font-size: 26px;
}

.service-content .intro {
    font: italic 14px/16px Georgia, 'Times New Roman', Times, serif;
}

.service-content .promo-img {
    display: block;
    margin: 10px -13px;
}

.service-content .promo-img img {
    width: 100%;
}

.service-content img {
    margin-bottom: 14px;
}

.service-content h2 {
    font: italic 20px Georgia, 'Times New Roman', Times, serif;
    margin-top: 17px;
    margin-bottom: 10px;
}

.service-content h3 {
    font: normal 12px/16px Arial, Helvetica, Garuda, sans-serif;
    text-transform: uppercase;
    margin: 15px 0;
}

.service-content .reportlist td {
    background-color: #ede6d6;
}

.service-content .reportlist td {
    border-color: #FBF5E5;
}

/* service info */
.navigatable .nav-column .service-info {
    /*margin-bottom: 15px;*/
}

.navigatable .nav-column .service-info .avatar {
    display: block;
    border-radius: 4px;
    width: 95px;
    height: 95px;
    background: 50% 50% no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 10px;
}

.navigatable .nav-column .service-info .name {
    font: normal 12px/14px Arial, Helvetica, Garuda, sans-serif;
    text-align: center;
    margin-bottom: 10px;
}

.navigatable .nav-column .service-info .users {
    text-align: center;
}

.navigatable .nav-column .service-info .userlist {
    display: inline-block;
}

.navigatable .nav-column .service-info .btns {
    margin-top: 15px;
    text-align: center;
}

/*---------------------
  Modules -> Apps
---------------------*/
.apps-content {
    background-color: #eee;
    padding: 13px;
    padding-bottom: 20px;
}

.apps-content .bread-crumbs {
    color: rgb(130, 130, 130);
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: -3px;
}

.apps-content p {
    margin-bottom: 12px;
}

.apps-content h1 {
    margin: 0px -12px 12px -12px;
    padding: 10px 13px;
    border-top: 1px dotted #828282;
    border-bottom: 1px dotted #828282;
    font-size: 26px;
}

.apps-content .intro {
    font: italic 14px/16px Georgia, 'Times New Roman', Times, serif;
}

.apps-content .promo-img {
    display: block;
    margin: 10px -13px;
}

.apps-content .promo-img img {
    width: 100%;
}

.apps-content img {
    margin-bottom: 14px;
}

.apps-content h2 {
    font: italic 20px Georgia, 'Times New Roman', Times, serif;
    margin-top: 17px;
    margin-bottom: 10px;
}

.apps-content h3 {
    font: normal 12px/16px Arial, Helvetica, Garuda, sans-serif;
    text-transform: uppercase;
    margin: 15px 0;
}

.apps-content .reportlist td {
    background-color: #ede6d6;
}

.apps-content .reportlist td {
    border-color: #FBF5E5;
}

/* apps info */
.navigatable .nav-column .apps-info {
    /*margin-bottom: 15px;*/
}

.navigatable .nav-column .apps-info .avatar {
    display: block;
    border-radius: 4px;
    width: 95px;
    height: 95px;
    background: 50% 50% no-repeat;
    background-size: contain;
    margin-bottom: 10px;
    border-radius: 25px;
}

.navigatable .nav-column .apps-info .name {
    font: normal 14px/22px Georgia, 'Times New Roamn', serif;
    font-style: italic;
    color: #000;
}

.navigatable .nav-column .apps-info .users {
}

.navigatable .nav-column .apps-info .userlist {
    display: inline-block;
}

.navigatable .nav-column .apps-info .btns {
    margin-top: 6px;
}

/* Modules -> Company */
.company-content {
    background-color: rgb(251, 245, 229);
    padding: 14px;
}

.company-content .bread-crumbs {
    color: rgb(130, 130, 130);
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: -2px;
}

.company-content h1 {
    margin: 0px -10px;
    padding: 10px 10px;
    padding-bottom: 0;
    margin-bottom: 10px;
    border-top: 1px dotted rgb(130, 130, 130);
    font-size: 26px;
}

.company-content .promoimg {
    display: block;
    height: 300px;
    background: url(/cssing/i/nophoto_company.jpg) no-repeat 50% 50% #e6e6e6;
    margin: 10px -14px;
}

.company-content .sub-header {
    margin: 14px 0 13px 0;
    line-height: 10px;
    font: normal 12px/10px Arial, Helvetica, Garuda, sans-serif;
}

.company-content .sub-header .title {
    float: left;
    background-color: rgb(251, 245, 229);
    padding-right: 8px;
    text-transform: uppercase;
}

.company-content .sub-header .dots {
    height: 10px;
    background: url(/cssing/i/dots.png) repeat-x 60% 50%;
}

/* group info */
.company-submenu {
}

.company-submenu .avatar {
    display: block;
    width: 95px;
    height: 95px;
    background: 50% 50% no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
}

.company-submenu .title {
    font: italic 16px/16px Georgia, 'Times New Roman', Times, serif;
    margin-bottom: 7px;
}

.company-submenu .info {
    font-size: 14px;
    line-height: 13px;
    margin-bottom: 10px;
}

.company-submenu .website {
    margin-bottom: 5px;
}

/* page 404 */
.page404 {
    margin-top: -50px;
    height: 500px;
    background: url('/cssing/i/bg-space.jpg');
}

.page404 .img {
    height: 100%;
    width: 100%;
    background: url('/cssing/i/lost-space.png') no-repeat 50% 50%;
}

.page404-text {
    width: 450px;
    margin: 0 auto;
    padding: 90px 0;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
}

.page404-text a {
    text-decoration: underline;
}

/* �������� ��������� �����*/
.input-append .icon-remove {
    margin: 6px 0 0 -92px;
    position: absolute;
    z-index: 100;
    opacity: 0.3;
    cursor: pointer;
}

/* Modules -> groups */
.switcher {
    font-size: 16px;
    margin-bottom: 10px;
}

.switcher .tab {
    color: #08c;
    border-bottom: 1px dashed;
    cursor: pointer;
}

.switcher .active {
    color: #000;
    border: none;
    cursor: default;
}

.block-groups .image {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
}

.block-groups table {
    width: 100%;
}

.block-groups td {
    vertical-align: middle;
}

.block-groups .image-td {
    width: 40px;
}

.block-groups .btn-td {
    width: 100px;
}

.block-groups .last-post {
    font-size: 12px;
    margin-bottom: 0;
}

.block-groups .block-header {
    margin-bottom: 0;
    font-size: 18px;
}

.block-groups .block-header a {
    color: #000;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.block-groups .date {
    color: #828282;
}

.block-groups .btn {
    float: right;
}

.block-groups .mobicontiny-have {
    float: none;
    display: inline-block;
    position: relative;
    margin-bottom: -2px;
    margin-right: 0;
    zoom: 1;
}

.top-list .groups-style h2 {
    height: auto;
    font-size: 17px;
    line-height: 14px;
    overflow: visible;
    margin-bottom: 5px;
}

/* ������ */

.plush-main h1 {
    margin-bottom: 0 !important;
}

.plush-main .main-plush-img {
    margin: 0 -12px 12px;
    height: 340px;
}

.plush-main .big-button {
    font-size: 20px;
    padding: 12px 18px;
}

.plush-chart {
    border-top: 1px dotted #828282;
    margin: 26px 0 0;
    padding: 6px 0 0;
}

.plush-chart .chart-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 18px;
}

.plush-chart .chart-title time {
    color: #0088cd;
}

.plush-chart table {
    width: 100%;
    overflow: visible;
}

.plush-chart thead td {
    font-size: 13px;
    line-height: 12px;
    vertical-align: bottom;
    padding: 4px 0;
}

.plush-chart td {
    border-bottom: 1px #d1d1d1 solid;
}

.plush-chart tbody tr:nth-child(odd) {
    background: #fafafa;
}

.plush-chart .activity-td {
    width: 16%;
}

.plush-chart .activity-td .activity-pin-mini {
    background-image: url(../i/activity-pin-mini.png);
    font-size: 14px;
    padding: 5px 0 4px;
}

.plush-chart .image-td .image {
    border-radius: 5px;
    margin: 4px 0;
}

.plush-chart .text-td .block-header {
    padding: 0 0 4px;
}

.plush-chart .text-td p {
    line-height: 12px;
}

.plush-chart .text-td time {
    color: #828282;
}

.plush-chart .rate-td {
    font-size: 16px;
    padding: 0 0 0 8px;
}

.plush-chart .pager {
    margin-bottom: 0;
}

.plushies-top-list .block-groups {
    padding: 10px;
    margin-bottom: 10px;
}

.plushies-top-list table .image-td {
    width: 52px;
}

.plushies-top-list .image-td .image {
    border-radius: 5px;
    width: 44px;
    height: 44px;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.plushies-top-list .block-header {
    padding: 0 0 4px;
}

.plushies-top-list .text-td p {
    line-height: 12px;
}

.plushies-top-list .people_count {
    color: #0187ce;
}

.plushies-top-list .userlist-td {
    width: 110px;
}

.plushies-top-list .userlist-td .userlist {
    padding: 2px 0 4px;
}

.plushies-top-list table .btn-td {
    width: 140px;
    vertical-align: top;
}

.mainmenu .nav li a .top-menu-badge {
    padding: 1px 5px !important;
    background-color: #F60;
    position: absolute;
    right: 3px;
    top: 2px;
}

.mainmenu .nav li.active a .top-menu-badge {
    background-color: black;
}

.bottom-content-like {
    /* float: right; */
}

/* USER BAR */

.user_name {
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    line-height: 20px;
    margin: 10px 0 2px;
}

.nav-column .user_name {
    margin: 0;
}

.smaller_user_name {
    font-size: 18px;
    margin: 10px 0 6px;
}

.user_name a {
    color: #000;
}

.user_bar {
    padding: 0 !important;
}

.sidebar_user_info {
    padding: 10px 10px 0;
}

.sidebar_user_info .user_pic {
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto;
}

.user_carma {
    color: #000;
    font-size: 12px;
}

.user_carma span {
    color: #468847;
}

.user_bar .user_city {
    display: block;
    padding: 4px 10px;
    font-size: 12px;
    color: #828282;
}

.user_bar .user_teaser {
    font-size: 12px;
    margin: 0;
    line-height: 12px;
    color: #000;
}

.user_bar .user_info_link {
    display: block;
    padding: 4px 0;
    font-size: 12px;
    color: #828282;
}

.header_promo {
    padding: 14px 0 0;
}

.header_promo .header_promo_btn {
    float: left;
    padding: 0 0 0 0;
}

.header_promo .header_promo_text {
    margin: 5px 0 0 200px;
    color: #828282;
    font-size: 15px;
    line-height: 14px;
    width: 220px;
}

.user_bar .user_statictic {
    background: #DCDCDC;
    padding: 4px 10px;
}

.user_bar .user_statictic .rate_col {
    width: 54px;
}

.user_bar .user_statictic .balance_col {
    width: 80px;
}

.user_bar .user_statictic .stat_term {
    font-size: 12px;
    line-height: 13px;
}

.user_bar .user_statictic .stat_value {
    font-size: 15px;
    line-height: 14px;
}

.user_statictic, .user_statictic li {
    list-style: none;
    margin: 0;
    vertical-align: top;
}

.user_statictic li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0;
}

.user_statictic .stat_term {
    margin: 0;
    padding: 0;
    color: #000;
}

.user_statictic .stat_value {
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}

.user_statictic .stat_value span {
    color: #828282;
    font-weight: normal;
}

/*USER PAGE*/

.header_smaller_16 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px;
}

.no_magin {
    margin: 0;
}

.user_big_avatar {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    background: #F0F0F0;
    margin-bottom: 13px;
}

.user_big_avatar .picture {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;

    color: #fff;
    text-align: center;
}

.user_big_avatar .user_name {
    color: #fff;
    font-size: 24px;
    margin: 14px auto 10px;
}

.user_big_avatar .img {
    width: 118px;
    height: 118px;
    border: 4px #fff solid;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    margin: 0 auto;
}

.user_big_avatar .picture_overlay {
    background: rgba(0, 0, 0, 0.5);
    padding: 35px 0 14px;
}

.user_big_avatar .user_slogan {
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
}

.user_statictic_wrap {
    position: relative;
}

.user_statictic_wrap button {
    position: absolute;
    right: 10px;
    top: 12px;
}

.user_big_avatar .user_statictic {
    padding: 8px 10px;
}

.user_big_avatar .user_statictic li {
    width: 108px;
}

.user_big_avatar .user_statictic .stat_term, .user_plushies_list_wrap .user_statictic .stat_term {
    font-size: 14px;
    line-height: 14px;
}

.user_big_avatar .user_statictic .stat_value, .user_plushies_list_wrap .user_statictic .stat_value {
    font-size: 20px;
    line-height: 20px;
}

.user_plushies_list_wrap {
    padding: 6px 10px !important;
}

.user_plushies_list_wrap .user_statictic {
    float: left;
    padding: 4px 0 0;
}

.user_plushies_list {
    list-style: none;
    margin: 0;
    vertical-align: top;
    margin: 0 0 0 72px;
}

.user_plushies_list li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 1px;
}

.user_plushies_list li, .user_plushies_list img {
    width: 40px;
    height: 40px;
}

.user_helpers_wrap {
    background-color: #F0F0F0;
    padding: 8px 10px;
    color: #000;
}

.user_helpers_wrap .user_helpers_table td {
    border-bottom: 1px #dcdcdc solid;
    vertical-align: top;
}

.user_helpers_wrap .user_helpers_table tr:last-child td {
    border-bottom: 0;
}

.user_helpers_table .first_col {
    width: 90px;
    padding: 11px 0;
    padding-right: 15px;
}

.user_helpers_wrap .not_typed {
    color: #828282;
    font-style: italic;
    padding: 11px 0;
    margin: 0;
}

.user_helpers_wrap p {
    padding: 11px 0;
    margin: 0;
}

.user_helpers_list {
    list-style: none;
    margin: 0;
    vertical-align: top;
    padding: 4px 0;
}

.user_helpers_list li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 1px 5px 1px 0;
    vertical-align: top;
    width: 128px;
}

.more-have-list {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
}

.user_helpers_list div:after {
    clear: both;
    display: block;
    content: ' ';
    height: 0;
    overflow: hidden;
}

.user_helpers_list .image {
    display: block;
    float: left;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;

    height: 25px;
    width: 25px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.user_helpers_list div {
    margin: 0 0 0 30px;
}

.user_helpers_list a {
    display: block;
    line-height: 14px;
    vertical-align: top;
}

.user_helpers_list span {
    color: #828282;
    font-size: 12px;
    line-height: 20px;
    vertical-align: bottom;
}

.user_activity_diagram_wrap {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    background: #F0F0F0;
    margin: 0 0 10px;
}

/**** Страница компании *****/

.plots_wrap .pager, .block_qa .pager, .reviews .pager {
    margin: 10px 0 !important;
}

/* блок с сюжетами */

.plots_wrap {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.plots {
    padding: 0;
    margin: 0;
    list-style: none;
}

.plots li {
    padding: 0 0 10px;
    margin: 0 0 6px;
    border-bottom: 1px dotted #828282;
}

.plots .info, .plots .block_footer {
    color: #828282;
}

.plots .block_footer {
    font-size: 13px;
    padding: 4px 0 0;
}

.plots .info {
    font-size: 12px;
    line-height: 20px;
}

.plots .text {
    font-size: 14px;
    line-height: 15px;
}

.plots h3 {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0 0 4px;
}

.plots h3 a {
    color: #000;
}



/* вопрос-ответ */
.block_qa .replies {
    position: relative;
}
.block_qa .replies:before {
    position: absolute;
    top: 8px;
    left: -28px;
    background: url(../i/reply_arr.png) 50% 50% no-repeat;
    width: 7px;
    height: 7px;
    content: '';
}

.style-pure .add-reply textarea{
    width: 415px;
}

.block_qa .comments {
    padding: 0 0 4px;
}

.block_qa .comment-item {
    padding: 6px 14px !important;
}

.block_qa .avatar {
    margin-top: 3px;
}

.block_qa .opts, .reviews .opts {
    color: #828282;
    line-height: 12px !important;
}

.block_qa .comment-like {
    color: #828282;
}


.btn_user_big {
    text-align: center;
    margin: 0 0 15px;
}
.btn_user_big button {
    font-size: 22px;
    width: 80%;
}


/* блок с отзывами */

.reviews .block {
    padding: 0 0 4px !important;
}

.reviews .add-comment.block {
    padding: 14px !important;
}

.reviews .comment-item {
    padding: 14px !important;
}

.reviews .text {
    padding: 2px 0;
}


.positive_comment {
    background: #e4eee4;
}
.negative_comment {
    background: #f4e4e4;
}

/* блок с контактами */

.contacts_block h6 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 14px 0 6px;
}

.contacts_block .contacts_content {
    padding: 0 10px;
}

.contacts_block .grey_text {
    color: #828282;
}

.contacts_block .small_text {
    font-size: 12px;
}
.twitter-share-button{
    width: 105px !important;
}

.entity-list{
    max-height: 108px;
    width: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #F0F0F0;
    padding: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;

    position: absolute;
    z-index: 100;
    border: 1px solid gainsboro;
}

#comments .entity-list{
    margin-top: -5px
}

.entity-list.editor{
    right: -115px;
    max-height: 253px;
    width: 152px;
    overflow-y: hidden;
    overflow-x: hidden;

    background-color: #F0F0F0;
    padding: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;

    position: absolute;
    z-index: 100;
    border: 1px solid gainsboro;
}

.entity-list.editor.search{
    overflow-y: scroll;
}

.entity-list ul{
    list-style: none;
    margin: 0
}

.entity-list ul li{
    cursor: pointer;
}

.entity-list ul li:hover{
    background: gainsboro;
}

.tag-avatar{
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: no-repeat 50% 50%;
    background-size: cover;

}

table.market-item td{
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

table.market-item  tbody tr{
    border-top: 1px solid;
    border-bottom: 1px solid;
}

table.market-item{
    margin-bottom: 12px;
}

table.market-item td.order-btn{
    text-align: right;
}

.shortcard-list .question-list{
    list-style: none;
    margin: 0;
}
.question-list li {
    padding: 10px;
    background-color: #F0F0F0;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
    width: auto;
    float: none;
    margin-right: 0;
}
.question-list li .text{
    margin: 0 10px;
}

.block.solution{
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.block.solution .title{
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

form.solution{
    margin: 0;
}

.content-item.question h2{
    padding-top: 0;
}

.content-item.question {
    padding: 14px;
}

.content-item.question .last-comment{
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 12px;
    font-style: italic;
}
/*.row.main{
    position: relative;
}

aside.rcolumn{
    position: absolute;
    right: 0px;
}/*/


aside.lcolumn{
    float: left;
    margin-left: 0px!important;
}
.content{
    margin-left: 30px!important;
    width: 632px!important;

}
.rcolumn{
    width: 240px!important;
    margin-left: 15px!important;
    padding: 15px 13px!important;
    border: 1px solid rgb(220, 220, 220);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ncolumn{
    width:100%!important;
}
.main{
    margin-left: -22px!important;
}

.testbanner{
    margin-bottom: 13px;
    display: block;
}

.menu-wrap .name{
    font: italic 18px Georgia, 'Times New Roman', Times, serif;
    margin-bottom: 5px;
    display: inline-block;
}

.stat{
    font-size: 26px!important;
    color: #aaa;
}

.menu-wrap .btns{
    display: inline-block;
    float: right;
}
.menu-wrap .actions{
    display: none !important;

}
.blocks-wrapper .gadgets-slider{
    display: none;
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 7px!important;
    margin-left: 4px;
}

.btn-join{
    float: right;

}

.rightcolumntext{
    margin-bottom: 13px;
    overflow: hidden;
}

.short-info-inner{
    margin-bottom: 10px;
    margin-top: -2px;
    border-bottom: 1px dotted #828282;
    font-size: 14px;
    margin-left: -13px;
    margin-right: -13px;
    padding-left: 13px;
}

.users-gadget{
    margin-top:15px;
}

.nav-pills{
    margin-bottom:0px!important;
}

.block .tab-content{
    padding-top: 6px!important;
    overflow: visible !important;
    position: relative;
}


.block .contAjx{
    position: absolute;

    background: #fff;
    padding:3px 5px;
    border:1px solid #ccc;
    border-top:0px solid #999;
    top: 60px;
}

}
.addBtn{
    text-align: center;
    position: relative;
    display:tabl
}

.addBtn .btn{
    margin-top: 47%;
}

.contAjx{
    display: none;
    width:98%;
}

.ajxList {
    padding:0px;
    margin:0px;
    width:99%;
}
.ajxList li {
    display: block;
    float: none;
    line-height: 28px;
    border-bottom: 1px solid #eee;
    padding:3px;
    margin:0px 3px;

}

.ajxList li:hover {
    background: #eee;
    color:#000;
    cursor:pointer;
}

.ajxList li:hover a {
    color:#000
}


.ajxShort{
    display: block;
}
.ajxShort .avatar{

    width: 30px;
    height: 30px;
    float: left;
    margin-right:10px;

}

li.joined{
    background: #FFF44F;
}

.content-column{
    position:relative;
}

.actions{
  position:absolute;
  top:5px;
  right:10px;
    z-index:1000
}

.btns{
    margin-right: 40px;
}

.countModule{
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

.countModule li a{
    display: block;
    float:left;
    width:76px;
    margin:2px;
    text-align: center;
    background:#fff;
    color:#fff;
    line-height: 0px;
    height:73px;
    text-decoration: none;
    border-radius: 4px;
}

.countModule li a:hover{
    background: #333 !important;


}

.countModule li:nth-child(1) a{
    background: #f5c20e;
}
.countModule li:nth-child(2) a{
    background:#f24e0f;
}
.countModule li:nth-child(3) a{
    background:#01a8a0;
}
.countModule li:nth-child(4) a{
    background:#04aced;
}

.countModule li span{
    font-size:38px;
    line-height: 45px;
    margin-top: 9px;
    display: inline-block;
}

.handLinks{
    padding:10px;
    background:#eeeeee;
    margin-top: -15px;
    margin-left: -13px;
    width: 246px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(220, 220, 220);
}

.most-popular .short-info{
    color:#999;
    font-size: 13px;
}

.most-popular img{
    margin-left:-10px;
    width:240px;
    max-width:240px;

}
.most-popular{
    padding:10px;
}
.most-popular ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.most-popular  ul li{
    padding:0px;
    padding-top:10px;
}

.most-popular .short-info a{
    color:#999;
}

.banner {
    text-align: center;
    margin-top: 25px;
}
.ny-background{
    background: url('/cssing/i/nybg-light.jpg');
}
.footer-banner{
    margin-bottom: 20px;
}
#vk_comments{
    margin-bottom: 13px;
}
.opinions-filter{
    display: block;
}
.opinions-filter ul{
    list-style: none;
    float: left;
    margin-bottom: 20px;
}
.opinions-filter .anchor{
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
.opinions-filter h4{
    font-style: italic;
}
.opinions-filter-sort{
    text-decoration: underline;
}
.opinions-filter-sort:hover{
    text-decoration: none;
}
.opinions-filter-sort.active{
    color: rgb(130, 130, 130);
    text-decoration: none;
}
.opinions-filter-sort.active:hover{
    color:#005580;
}
.opinions-filter-sort.active.sort-desc:after{
    content: '↑';
}
.opinions-filter-sort.active.sort-asc:after{
    content: '↓';
}
.yap-layout{
    margin-bottom: 10px;
}