/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    background: #dddec3;
    min-height: 100%;
    width: 100%;
}
body {
    padding-top: 54px;
    width: 100%;
}
.glyphicon {
    font-size: 13px;
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
/*@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /!* 6 columns *!/
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%; /!* 6 columns *!/
    }

    .row-offcanvas-right.active {
        right: 50%; /!* 6 columns *!/
    }

    .row-offcanvas-left.active {
        left: 50%; /!* 6 columns *!/
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /!* 6 columns *!/
    }
}*/

.sidebar_n{
    height: 100%;
    position: absolute;
    width: 75px;
    z-index: 1;
}
.left-menu-b {
    color: #FFFFFF;
    font-size: 40px;
    padding: 10px 18px  10px 17px;
    text-decoration: none;
    cursor: pointer;
    top: 0;
    left: 0;
}
.left-menu-b:hover {
    background: #baa4c5;
    text-decoration: none;
}
.left-menu-b:focus {
    background: #baa4c5;
    text-decoration: none;
}
.left-menu-b:active {
    background: #beafc5;
    text-decoration: none;
}
.left-menu-b+.active {
    background: #baa4c5;
    text-decoration: none;
    color: #6c5a75;
}
.sidebar_n_left{
    background: #beafc5;
    position: fixed;
    z-index: 2;
    bottom: 0;
    top: 54px;
    width: 75px;
}


.nav_tab {
    background: #EBE9E9;
    bottom: 0px;
    box-shadow: inset 5px 0px 3px -5px rgba(0, 0, 0, 0.102);
    font-family: "PT Sans", sans-serif;
    left: -200px;
    position: absolute;
    top: 0px;
    width: 200px;
    display: none;
    z-index: 4;
}

.nav_tab_left {
    background: #EBE9E9;
    bottom: 0px;
    box-shadow:  5px -10px  3px -5px #444444;
    font-family: "PT Sans", sans-serif;
    left: 75px;
    position: absolute;
    top: 0px;
    width: 200px;
    display: none;
    z-index: 1000;
    border: none;
    border-right: solid 1px #e0ddf7;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.nav_tab_left>li>a {
    padding: 10px 20px;
}

.nav_tab_left_mess {
    background: #EBE9E9;
    bottom: 0px;
    box-shadow:  5px -10px 3px -5px #444444;
    font-family: "PT Sans", sans-serif;
    left: 75px;
    position: absolute;
    top: 0px;
    width: 300px;
    display: none;
    z-index: 1000;
    border: none;
    /*border-right: solid 1px #e0ddf7;*/
    border-right: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.nav_tab_left_mess>li>a {
    padding: 10px 20px;
}

html {
    /*min-width: 400px;*/
}
/*.nav_tab_body_s {
    background: #fff;
    bottom: 0px;
    box-shadow: inset 5px 0px 3px -5px rgba(0, 0, 0, 0.102);
    font-family: "PT Sans", sans-serif;
    left: 75px;
    position: absolute;
    top: 0px;
    width: 0;
    display: none;
    padding:10px 15px
}
.close_body_s {
    float: right;
    padding: 5px;
    font-size: 30px;
    color: #baa4c5;
    cursor: pointer;
    position: relative;
    z-index: 3;
    display: table;
    margin:-11px -15px
}
.close_body_s:hover {
    color: #beafc5;    cursor: pointer;
}*/
/* header*/

.a_loho{
    color: #fff;
    border-right: 1px solid #7D73A2;
    /*width: 150px;*/
    width: 115px;
    padding: 0;
    margin: 0;
    height: 54px;
    background: #6C5A75;
}
.a_loho > img{
  padding-left: 10px;
    position: relative;
}
.a_loho:hover{
    /* background: url('/images/logo1.png') no-repeat #6282a4;*/
    background: #6C5A75;
}
.a_loho:focus{
    /* background: url('/images/logo1.png') no-repeat #556f92;*/
    background:  #6C5A75;

}
/* end header*/


/* button */
.label-default+.label {
    /*background-color: #999;*/
    background-color: #ebebeb;
    color: #888888;
}.label-default {
     /*background-color: #999;*/
     background-color: #ebebeb;
     color: #888888;
 }
.label {
    display: inline;
    padding: .3em .6em .3em;
    /*font-size: 90%;*/
    font-weight: normal;
    line-height: 1;
    color: #888888;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    margin-left: 2px;
}
.btn {
    border-radius: 2px;
}
.btn-primary {
    color: #fff;
    background-color: #6c5a75;
    border-color: #5b4f62;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #6c5a75;
    border-color: #5b4f62;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-success {
    color: #fff;
    background-color: #789a6b;
    border-color: #568f41;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #568f41;
    border-color: #568f41;
}
.btn-danger {
    color: #fff;
    background-color: #c9818c;
    border-color: #9f4755;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #9f4755;
    border-color: #9f4755;
}
.btn-warning {
    color: #fff;
    background-color: #c5cf85;
    border-color: #98a44a;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #98a44a;
    border-color: #98a44a;
}
.btn-info {
    color: #fff;
    background-color: #9ac7c9;
    border-color: #69AEBC;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #69AEBC;
    border-color: #69aebc;
}
.likes_n{
    border: none;
    background: none;
    padding: 0 10px;
    margin: 0;
    height: 25px;
    line-height:25px ;
}
.deil_wall{
    background: #ffffff;
    opacity: 0.5;
    display: table;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    float: right;
    padding: 5px;
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1) 0;
    z-index: 2;
}

.deil_wall:hover {
    opacity: 1;
}
.get-next {
    margin: 0 auto;
    display: block;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #beafc5;
    color: #4b2e5a;
    border-color: #beafc5;
}
.get-next {

}
/* end button */

/* link */
a {
    color: #4b2e5a;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #5b4f62;
    text-decoration: underline;
}
/* end link */

/* panel */
.list-group-item:first-child {
    border-radius: 1px;
}
.nav-tabs.nav-justified > li > a {
    border-radius: 1px 1px 0 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #524C6B;
    border-color: #595274;
}
.navbar-default {
    background: #beafc5;

    box-shadow: 0px -5px 10px #5C5C5C;
    border-color: #e7e7e7;
    color: #ffffff;
    border-bottom: none;
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    /* background-color: transparent;*/
}
.navbar-default .navbar-text {
    color: #777;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #5a5274;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #f7f7f7;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #504b70;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background: none;
}

.navbar-default .navbar-link {
    color: #777;
}
.navbar-default .navbar-link:hover {
    color: #333;
}
.navbar-default-b {
    background: #6c5a75;
    box-shadow: 0px -5px 10px #5C5C5C;
}

.clear {
    clear: both;
    width: 100%;
}

footer {
    background: #efefef;
    clear: both;
    color: #575757;
    height: 60px;
    width: 100%;
    padding: 0 10px;
}

.footer_r {
    height: 21px;
    padding: 20px 10px;
    /*width: 930px;*/
}

/*/////////////*/
.nav-news-cont {
    width: 100%;
    height: 40px;
}

.nav-news {
    padding: 10px;
}
.nav-news>li{
    float: left;
    background: none;
    padding:0 2px;
}
.nav-news>li>a {
    background: none;
    padding: 2px 3px;
}
.nav-news>li>a:hover {
    background: none;
    text-decoration: underline;
}
.nav-news>li.active
{
    text-decoration: none;
    padding:0 2px;
    background: #4e4968;
    color: #fff;
    border-radius: 2px;
}
.nav-news>li.active:focus
{
    text-decoration: none;
    padding:0 2px;
    background: #4e4968;
    color: #fff;
    border-radius: 2px;
}
.nav-news>li.active:hover
{
    text-decoration: none;
    padding:0 2px;
    background: #3a374e;
    color: #fff;
    border-radius: 2px;
}
.nav-news>li.active>a:focus
{
    text-decoration: none;
    background: none;
    color: #fff;
}
.nav-news>li.active>a:hover
{
    text-decoration: none;
    background: none;
    color: #fff;
}
.nav-news>li.active>a
{
    text-decoration: none;
    background: none;
    color: #fff;
}
.label-cet {
    background-color: #e7e7e7;
    color: #757575;
}
.label-cet[href]:hover,
.label-cet[href]:focus {
    background-color: #c6c8d0;
    color: #515151;
}
.label-success {
    background-color: #93ae84;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #5da55c;
}
/*/////////////*/
.bor_nam_v
{
    background: #f8f8f8;
    padding: 0 2px
}
.bor_nam_a
{
    color:#7D7D7D;
}
.bor_nam_b
{
    float: right;
    color: #a1a1a1;
}
/* end panel */



/**/
.paddTop10 {
    padding-top: 10px;
}
.padd0 {
    padding: 0;
}
.paddLftRight0 {
    padding-left: 0;
    padding-right: 0;
}
.right {
    float:right;
}
.left {
    float:left ;
}
.TaligRIight {
    text-align: right;
}
.TaligLeft {
    text-align: left;
}
.TaligCenter {
    text-align: center;
}
.MBottom15 {
    margin-bottom: 15px;
}
.MBottom10 {
    margin-bottom: 10px;
}
.MBottom5 {
    margin-bottom: 5px;
}
.MTop10 {
    margin-top: 10px;
}
.M0 {
    margin: 0;
}
.M0Auto {
    margin: 0 auto;
}
/**/

/* profile */
.img-thumbnail {
    border-radius: 2px;
    padding: 2px;
}
.profile-bg {
    width: 100%;
    min-height: 275px;

}
.profile-header {
    width: 100%;
    min-height: 20px;
    background: #f6f6f6;
    margin-bottom: 10px;
}
.profile-online {
    display: table;
    float: left;
}
.online{
    background: #baa4c5;
    width:19px;
    height: 19px;
    border: solid 1px #6c5a75;
}
.offline{
    background: #f6e0e4;
    width:19px;
    height: 19px;
    border: solid 1px #9f4755;
}
.profile-name-user {
    display: table;
    float: left;
    font-weight: bold;
    padding: 0 5px;
}
.profile-photo {
    width: 200px;
    display: table;
    margin: 0 auto;
}
.profile-edit-profile{
    width: 175px;
    margin: 3px auto;
}
.profile-edit-profile_n{
    width: 175px;
    margin: 3px auto;
}
@media (max-width: 992px) {
    .profile-edit-profile{
        width: 100px;
        margin: 3px auto;
    }
}
@media (max-width: 768px) {
    .profile-edit-profile{
        width: 175px;
        margin: 3px auto;
    }
}
.edit-profile-photo{
    width: 175px;
    margin-top: 3px;
    padding: 5px 10px;
}
.profile-info {
    width: 100%
}
.profile-info>table{
    width: 100%
}
.profile-writes {
    display: table;
    margin: 0 auto;
    text-align: center;
}
.profile-writes>ul>li {
    float: none;
}
.tab-content {
    padding: 10px 0;
}





.online_cub_search{
    border-radius: 1px;
    left: 0px;
    position: relative;
    top: -10px;
    width: 10px;
    height: 10px;
}
.online_cub_search_fr{
    border-radius: 1px;
    left: 90px;
    position: relative;
    top: -10px;
    width: 10px;
    height: 10px;
}


/* end profile */

/*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**/

label {
    cursor: pointer;
    display: inline-block;
    line-height: 32px;
    margin: 0;
    padding-left: 27px;
    position: relative;
    font-weight: 400;
}

input[type=radio],
input[type=checkbox] {
    display: none;

}
label:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
}

.alert_div_b
{
    position: absolute;
    text-align: center;
    top: 20%;
    width: 100%;
}
.alert_div
{
    display: table;
    margin: 0 auto;
    max-width: 100%;
    z-index: 99999999;
    position: relative;
}
.opacity5 {
    opacity: .5;
}
.pointer {
    cursor: pointer;
}

.progress2_text
{
    font-size: 12px;
    color: #555555;
}
.radio label:before {
    border-radius: 8px;
}
.checkbox label {
    margin-bottom: 10px;
}
.checkbox label:before {
    border-radius: 3px;
}

input[type=radio] + label:before {
    background: url("/images/cr/ch_rd.png") -40px -35px  no-repeat;
}
input[type=radio]:checked + label:before
{
    text-align: center;
    line-height: 18px;
    background: url("/images/cr/ch_rd.png") -40px -1px  no-repeat;
}
input[type=checkbox] + label:before {
    background: url("/images/cr/ch_rd.png") -6px 1px  no-repeat;
}
input[type=checkbox]:checked + label:before {

    text-align: center;
    line-height: 18px;
    background: url("/images/cr/ch_rd.png") -6px -32px  no-repeat;

}
.form_control_i {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 30px;
    padding: 2px 5px;
    width: 96%;
    margin-bottom: 10px;
}
/*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**/
.panel {
    border-radius: 1px;

}
.panel-text {
    padding-bottom: 10px;
    width: 100%;
}
.panel-textarea:focus
{
    border-color: #BEAFC5;
    outline: 0;
}
.panel-textarea{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border:solid 1px #d5d5d5;
    border-radius: 1px;
    padding: 5px;
    max-height: 400px;
    min-height: 50px;
    height: 120px;
}
.panel-input:focus
{
    border-color: #BEAFC5;
    outline: 0;
}
.panel-input{
    width: 100%;
    max-width: 100%;
    border:solid 1px #d5d5d5;
    border-radius: 1px;
    padding: 5px;
    height: 30px;
}
.list-group-item {
    height: auto;
    padding: 5px;
}
/* load form*/
.load-bg {
    border-radius: 0;
    display: block;
    height: 35px;
    margin: 10px auto;
    text-align: center;
    width: 250px;
    position: relative;
}
.load-l {
    float: left;
    margin-left: 55px
}
.load-r {
    float: left;
    margin-left: 5px
}
.load-r>img {
    position: absolute;
    padding-top:4px
}
/* end load form*/
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #baa4c5;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #baa4c5;
}
.thumbnail {
    border-radius: 1px;
}
.menu_img_p {
    background: #373737;
    border-radius: 1px;
    line-height: 13px;
    list-style: none outside none;
    padding: 5px;
    position: absolute;
    left: 8px;
    top: 8px;
    color: #FFFFFF;
    border-color: #8c8c8d;
    cursor: pointer;
}
.menu_img_p:hover{
    background: #925a73;
    border-color: #925a73;
}
.panel-primary > .panel-heading {
    border-color: #6C5A75;
    background-color: #6C5A75;
    color: #FFFFFF;
}
.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-primary {
    border-color: #baa4c5;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #925a73;
}
.nav-pills > li > a {
    border-radius: 0;
    outline:none;
}
.search-bg {
    padding: 0px;
    position: relative;
    z-index: 0;
}

.form-control:focus {
    border-color: #beafc5;
    box-shadow: none;
}
.form-control {
    border-radius: 1px;
}

.del-rev {
    border: none;
    padding: 0;
    margin: 0;
    float: right;
    background: none;
}
pre {
    font-family:'PT Sans', sans-serif ;
    font-size: 14px;
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

.progress {
    margin-bottom: 10px;
    height: 15px;
}
.progress-bar {
    background-color: #6c5a75;
    line-height: 15px;
}
.navbar-right {

    margin-right: 0;
}
.modal-title {
    padding: 0  5px;
}
.modal-header .close {
    padding: 4px;
}

.btn-primary.disabled, .btn-primary[disabled],
fieldset[disabled] .btn-primary, .btn-primary.disabled:hover,
.btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus,
.btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active, .btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active,
.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #baa4c5;
    border-color: #6c5a75;
}
/*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**/
/*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**/
.login_bo ul {
    text-align: center;
    list-style: none;
    padding-left: 0;
}
.login_bo {
    border: solid 1px #ededed;
    border-radius: 1px;
    padding: 10px;
    margin: 10px auto;
    list-style: none outside none;
    vertical-align: middle;
    position: relative;
    text-align: center;
}
.ic_social {
    float: left;
    margin-left: 4px;
    cursor: pointer;
}

.ic_social:hover {
    opacity: 0.8;
}

.ic_vk {
    background: url("/images/ic_social.png") no-repeat 0 0;
    width: 50px;
    height: 50px;
}

.ic_fb {
    background: url("/images/ic_social.png") no-repeat -58px 0;
    width: 50px;
    height: 50px;
}

.ic_tv {
    background: url("/images/ic_social.png") no-repeat -114px 0;
    width: 50px;
    height: 50px;
}

.ic_ok {
    background: url("/images/ic_social.png") no-repeat -170px 0;
    width: 50px;
    height: 50px;
}
/*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**//*/*//**//**/




















/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}




.thumbnail-n {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0;
    display: block;
    line-height: 1.43;
    margin-bottom: 20px;
    padding: 0;
    transition: border 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0;
    max-width: 100%;
}

.bor_tab
{
    width: 100%;
    height: 100%;
}
.left_tab
{
    width: 302px;
    height: 100%;
    position: absolute;
    background: #f4f3ff;
    z-index: 2;




}
.right_tab
{
    width: 100%;
    height: 100%;
    position: relative;
}
.bo_kl
{
    height: 100%;
    width: 40px;
    background-color: #655D83;
    float: right;
    cursor: pointer;

}
.bo_kl:hover{
    background-color: #524C6B;
}
.bo_kl:active{
    background-color: #524C6B;
}
.bo_kr
{
    height: 100%;
    width: 262px;
    background: #eaeaea;
    float: left;
}
.btn_t
{
    border-radius: 0;
    font-size: 16px;
    max-width: 40px;
}
.btn_t:focus
{
    outline: inherit;
}
.btn_l
{
    border-radius: 0;
    margin-top: -1px;
    vertical-align: text-top;
}




.deil_mes_a {
    background: #ffffff;
    opacity: 0.2;
    display: table;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px;
    position: inherit;
    float: right;
    margin: 0px -5px 0px 0px;
    right: 10px;
    /*top: 29px;*/
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1) 0;
    z-index: 10;
    margin-right:-20px
}

.deil_mes_a:hover {
    opacity: 1;
}

.deil_d_a {
    background: #ffffff;
    opacity: 0.2;
    display: table;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.1s cubic-bezier(0, 0, 1, 1) 0;
    z-index: 10;
}

.deil_d_a:hover {
    opacity: 1;
}
.online_cub_mess{
    border-radius: 4px;
    height: 15px;
    width: 15px;
    float: left;
}

@media (max-width: 768px) {
    .sidebar_n_left, .sidebar_n {
        width: 0px;
        /*  display: none;*/
    }
    .menuleft-1, .menuleft-2, .menuleft-3 {
        display: none;
    }

    .nav_tab_left {
        left: 0;
    }

    .nav_tab_left_mess {
        left: 0;
    }
    .ckn {
        display: block;
        margin: 0;
        padding: 0;
    }
    .ckn>li>a{
        display: block;
        margin-top: 10px;
    }
    .glyphicon-chevron-up,
    .glyphicon-chevron-down {
        display: none;
    }
    .cont_body {
        padding: 5px 2px;
        margin: 0;
    }
    .nav-news {
        padding: 0px 2px;
    }
}
@media (min-width: 768px) {
    .ckn {
        display: none;
    }
    .glyphicon-chevron-up,
    .glyphicon-chevron-down {
        display: block;
    }
}

.navbar-toggle {
    margin-bottom: 11px;
    margin-top: 11px;
}

/*@font-face {*/
    /*font-family: 'smiles';*/

    /*src: url('/css/fonts/smiles/smiles.eot');*/
    /*src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),*/
    /*url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),*/
    /*url('/css/fonts/smiles/smiles.woff') format('woff'),*/
    /*url('/css/fonts/smiles/smiles.ttf') format('truetype'),*/
    /*url('/css/fonts/smiles/smiles.svg') format('svg');*/
/*}*/


@font-face {
    font-family: smiles;
    src: url("/css/fonts/smiles/smiles.eot") /* EOT file for IE */
}
@font-face {
    font-family: MyCustomFont;
    src: url("/css/fonts/smiles/smiles.ttf") /* TTF file for CSS3 browsers */
}


.sl {
    font-family: 'smiles';
    width: 30px;
    height: 30px;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer;
    color: #222222;
    text-shadow: 0  1px  2px #f3a404;
}

.sl:hover {
    color: #333333;
    text-shadow: 0  1px  1px #222222;
}

.sl_1:before {
    content: "\0041";
}


.like-cont {
    margin: 5px auto;
    display: table;
}
.like-cont > button{
    background: none;
}