@font-face{
    font-family: 'Glyphicons Halflings';
    src: url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2") format('woff2')
}


.central-body {

}  

/* header */

.central-body .navbar {
    border: 0;
    border-radius: 0px;
    background-color: #ff9d0c;
    margin-bottom: 0px;
}

.navbar .nav.navbar-nav li:nth-child(1) a:before{
    content: '';
    width: 16px;
    height: 23px;
    display: block;
    margin: 0px auto;
    background: url(../img/7-layers.png) 0px 0px;
}

.navbar .nav.navbar-nav li:nth-child(3) a:before{
    content: '';
    width: 20px;
    height: 23px;
    display: block;
    margin: 0px auto;
    background: url(../img/7-layers.png) -138px 0px;
}

.navbar .nav.navbar-nav li:nth-child(2) a:before{
    content: '';
    width: 20px;
    height: 23px;
    display: block;
    margin: 0px auto;
    background: url(../img/7-layers.png) -268px 0px;
}

.navbar .nav.navbar-nav li:nth-child(4) a:before{
    content: '';
    width: 21px;
    height: 23px;
    display: block;
    margin: 0px auto;
    background: url(../img/7-layers.png) -404px 0px;
}

.navbar .nav.navbar-nav li:nth-child(5) a:before{
    content: '';
    width: 20px;
    height: 23px;
    display: block;
    margin: 0px auto;
    background: url(../img/7-layers.png) -538px 0px;
}

.navbar .nav.navbar-nav li:nth-child(6) a:before{

    content: '';
    width: 18px;
    height: 23px;
    display: block;
    margin: 0px auto;
    background: url(../img/7-layers.png) -671px 0px;
}

.navbar .nav.navbar-nav li:nth-child(7) a:before{
    content: '';
    width: 26px;
    height: 23px;
    display: block;
    margin: 0px auto;
    background: url(../img/7-layers.png) -801px 0px;
}

.navbar > .container {
    width: 100%;
    text-align: center;
}

.navbar-header, .navbar .navbar-nav,.navbar .navbar-nav > li {
    float: none;
    display: inline-block;
}

.navbar> div> ul>li a{
    display:block;
    margin:0 auto;
    padding-top: 10px;
    padding-bottom: 6px;
    margin-left: 7px;
    margin-right: 7px;   
    font-size: 13px;
    color: #ffffff;
    display:block
}

.navbar div ul li :hover {
    background-color: #ea900c;
}

.navbar-nav > .active > a {
    background-color: #ff840c;
}

/* leftSidebar */


/* toggle */

.col-md-2.left-sidebar .sidebar-toggle-active-parent{
    text-align: right;
    margin-top: -20px;
}

.col-md-2.left-sidebar .sidebar-toggle-active {
    margin-top: 10px;
    display: inline-block;
    width: 25px;
    cursor: pointer;
}

.col-md-2.left-sidebar .sidebar-toggle-active div{
    width: 100%;
    height: 3px;
    background: #ff990a;
    margin: 6px 0px;
    transition: all 300ms linear;
    position: relative;
}

@media (min-width: 992px) {
    .col-md-2.left-sidebar .sidebar-toggle-active div{
        display: none
    }
}

@media (max-width: 992px) {
    .col-md-2.left-sidebar .nav.nav-sidebar.list-group{
        display: none
    }
}



/* sidebar */
.col-md-2.left-sidebar{
    padding-top: 20px;
}
#groups-nav a{display:block}
#groups-nav a, .col-md-2.left-sidebar ul li a{
    color: #ff990a;
    font-family: 'FlexySans-Bold', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-left: 4px solid transparent;
    padding:10px 0px;
    padding-left:8px;
}
#groups-nav li{display:block}
#groups-nav li, .col-md-2.left-sidebar ul li{
    margin-left: 10px;
}

#groups-nav a.active, #groups-nav a:hover, .col-md-2.left-sidebar ul li a.active, .col-md-2.left-sidebar ul li a:hover{
    border-left: 4px solid #ff990a;
    background:#eee;
}

.col-md-2.left-sidebar ul li.active a {
    background-color: #ebebe7;
    border-left: 4px solid #ff990a;
}

#groups-nav ul{padding:0;margin:0;list-style:none}

.nav-header{
    color: #ff990a;
    font-family: 'FlexySans-Bold', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
}

/* rightSidebar */

.col-md-3.right-sidebar .nav.list-group{
    width: 80%;
}

.col-md-3.right-sidebar .filter{
    display: block;
}

.col-md-3.right-sidebar .glyphicon.glyphicon-remove{
    font-size: 8px;
    color: #fa820e;
    top: 0;
}

.col-md-3.right-sidebar .black-text{
    color: #656565;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

@media (max-width: 991px) {
    .col-md-3.right-sidebar{
        display: none;
    }
}



/* centralBlock */
.central-block.col-md-7{
    margin-top: 15px;
}

.col-md-9.central-block .form-inline{
    padding: 15px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom:-10px
}

.col-md-9.central-block .form-inline .inner-addon.left-addon .form-control{
    width: calc(100% - 170px)!important;
    margin-bottom: 1px;
    margin-right: 10px;
    display:inline-block!important;
}

@media (max-width: 768px) {
    .col-md-7.central-block .form-inline .inner-addon.left-addon .form-control{
        display: inline-block;
    }
}



.inner-addon {
    position: relative;
  }

.inner-addon .glyphicon.glyphicon-search {
    color: #b3b3b3;
    position: absolute;
    padding: 10px;
    pointer-events: none;
  }

.left-addon .glyphicon  { left:  0px;}
.left-addon input  { padding-left:  30px; }
  
.form-inline .inner-addon.left-addon button{
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;

    width: 140px;
    height: 36px;
    border: 1px solid #ffcd2e;
    border-radius: 8px;
    background-color: #d9d9d7;
    background-image: linear-gradient(to top, #ff9206 0%, #ffcd2e 100%);
}

@media (max-width: 500px) {
    
    .form-inline .inner-addon.left-addon button{
        width: 80px;
    }

    .col-md-7.central-block .form-inline .inner-addon.left-addon .form-control{
        width: calc(100% - 100px);
    }
}


/* lenta item */


/* comments */

.col-md-7.central-block{
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.post-item{
    position:relative;
    padding-left:60px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.post-item .profile-icon{
    position:absolute;
    top:0px;
    left:10px;
    max-width:40px!important;
    height:auto
}

.post-item .post-item-content img{
    
}

@media (max-width: 991px) {
    .post-item  {
        padding-left: 0px;
    }

    .col-md-7.central-block .item .glyphicon.glyphicon-remove.post-delete{
        right: 0px;
    }

    .post-item a {
        padding-left: 60px;
    }

    .post-item .post-item-content p {
        padding-left: 60px;
        position: relative;
        text-align: left;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .post-item .post-item-content {
        text-align: center;
    }
}



.post-item-likes{
    width: 100%;
    left: 0;
    padding-left:35px;
    padding-top: 15px;
    padding-bottom: 35px;
    border-bottom: 1px solid #f0f0f0;
}

.post-item-likes .glyphicon{
    top:4px;
    font-size: 17px;
    margin-right: 5px;
}

.post-item-likes .left{
    float: left;
}

.post-item-likes .left .glyphicon.glyphicon-heart{
    top:3px;
    color: #fe890c
}

.post-item-likes .right{
    float: right;
    padding-right: 30px;
}

.post-item-likes .right .glyphicon.glyphicon-star{
    color: #ffb84f
}

.post-item-comments{
    position: relative;
    margin-top: 20px;
    padding-left: 72px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
}

.post-item-comments .comment-profile-icon{
    position: absolute;
    top:0px;
    left:20px;
    max-width:40px!important;
    height:auto;
}

.post-item-comments p{
    margin: 0;
}

.post-item-comments .emphasized-text{
    margin-left: 3px;
}

.item .post-delete.glyphicon.glyphicon-remove{
    right: 20px;
    float: right;
}

.comment-form{
    position: relative;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-left: 73px;
    border-bottom: 1px solid #f0f0f0;
}

.comment-form .comment-profile-icon{
    position: absolute;
    top: 5px;
    left: 20px;
    max-width: 40px!important;
    height: auto;
}
.comment-form .form-control{
    height: 38px;
    min-height: 38px;
    width: calc(100% - 65px);
}

.comment-form .glyphicon.glyphicon-send{
    position: absolute;
    right: 25px;
    top: 7px;
    float: right;
    font-size: 25px;
    color: #ff990a;
}

.name-text{
    font-size: 17px;
    color: #ff990a;
}

.emphasized-text{
    font-size: 13px;
    color: #ff990a;
    text-decoration: underline;
}

.grey-text{
    padding-left: 10px;
    color: #bfbab4;
}

.post-delete{
    cursor: pointer;
}


/* friends new-friends-item */

.friends-item{
    padding-left: 23px;
    padding-top: 0px;
}

.friends-item .new-friend-item{
    position:relative;
    padding-top: 10px;
    padding-bottom: 40px;
}

.friends-item .new-friend-item-icon{
    position: absolute;
    max-width: 110px;
}

.friends-item .new-friend-item .new-friend-item-info{
    display: block;
    padding-left: 130px;
    padding-top: 15px;
    display: block;
}

.new-friend-item .butt{
    padding-top: 10px;
}

.friends-item-button{
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;

    width: 109px;
    height: 29px;
    border: 1px solid #ffcd2e;
    border-radius: 8px;
    background-color: #d9d9d7;
    background-image: linear-gradient(to top, #ff9206 0%, #ffcd2e 100%);
}

.new-friend-item .butt span{
    padding-left: 15px;
}

.my-friends{
    padding-top: 0px;
}

.my-friends .my-friends-columns.row{
    margin-left: -20px;
    margin-right: 0px;
}

.my-friends .my-friends-columns.row .col-md-3.my-friend-item{
    width: 25%;
}

.my-friends .my-friend-item{
    padding-top: 0px;
    text-align: center
}


.my-friends .my-friend-item .friend-info{
    padding-top: 10px;
    min-height:130px
}

.my-friends .my-friend-item .friend{
    padding-bottom: 15px;
}

.my-friends .my-friend-item .friend-info span {
    display: inline-block;
    padding-top: 5px; 
}    


.friends-item .new-friend-item-text{
    color: #ff990a;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.friends-item .hard-grey-text{
    color: #656565;
    font-size: 17px;
    font-weight: 500;
    line-height: 40px;
}

.hard-hight-grey-text{
    color: #656565;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: 'FlexySans-Bold', sans-serif;
    padding-top:30px;
    display:block
}

.my-friends .name-text{
    line-height: 17px;
}




/* central-block left-profile-info */

.my-profile-left-info{
    text-align: center;
}

.my-profile-left-info .my-profile-image{
    max-width: 100%;
    width: auto; 
    padding-top: 0px;
    padding-bottom: 15px;
}

.my-profile-left-info .big-orange-button.btn-add-friend{
    margin-bottom: 10px;
}

.my-profile-left-info .big-orange-button.btn-write-message{
    margin-bottom: 10px;
}

/* btn-present-patent */
.my-profile-left-info .btn-present-patent span{
    font-size: 16px;
    font-weight: 400;
}


.my-profile-left-info .btn-present-patent{
    width: 200px;
    height: 43px;
    border: 1px solid #ff9d0c;
    border-radius: 10px;
    color: #ff9d0c;
    cursor: pointer;
    margin-left: 23px;
}

.my-profile-left-info .btn-present-patent span::before{
    content: '';
    width: 21px;
    height: 25px;
    display: inline-block;
    margin: -6px 10px;
    margin-top: 7px;
    margin-left: 5px;
    background: url(../img/my-profile/6758-200.png) 0px 0px;
}


.my-profile-left-info .big-orange-button{
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;

    width: 200px;
    height: 43px;
    border: 2px solid #ffcd2e;
    border-radius: 10px;
    background-color: #d9d9d7;
    background-image: linear-gradient(to top, #ff9206 0%, #ffcd2e 100%);
    width:210px!important;
}

/* right-block */
.col-md-7.right-block{
    padding-left: 5px;
}

.my-profile-right-info .row.top-info .user-name{
    color: #ff990a;
    font-size: 19px;
    line-height: 40px;
    font-family:'FlexySans-Bold', sans-serif;
    font-weight:bold
}

.my-profile-right-info .row.top-info .user-min-description{
    float: right;
    padding-right: 0px;
    padding-top:10px;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.my-profile-right-info .row.bottom-info{
    padding-top: 15px;
}

.my-profile-right-info .row.bottom-info span{
    display: block;
}

.my-profile-right-info .row.bottom-info .col-md-3.bottom-left-info {
    color: #a9a9a9;
    font-size: 14px;
    line-height: 25px;
}

.my-profile-right-info .row.bottom-info .col-md-9.bottom-right-info {
    padding-left: 10px;
    font-size: 14px;
    line-height: 25px;
}

.my-profile-write-message .message-form{
    position: relative;
    margin-top: 0px;
    padding-bottom: 45px;
    padding-left: 55px;
}
.my-profile-write-message .message-form .message-profile-icon{
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 52px;
    height: auto;
}
#postform .my-profile-write-message .message-form .form-control{
    height: 38px;
}

#chatform textarea, .addcomment textarea, #postform textarea{height:38px}

.my-profile-write-message .message-form .glyphicon-facetime-video, .my-profile-write-message .message-form .glyphicon.glyphicon-file, .my-profile-write-message .message-form .glyphicon.glyphicon-picture, .glyphicon.glyphicon-paperclip{
    color: #b3b3b3;
    position: absolute;
    padding: 7px;
    pointer-events: none;
    font-size: 19px;
}
.my-profile-write-message .message-form .glyphicon-facetime-video{position:static}
.message-form .glyphicon.glyphicon-paperclip  { right:  50px; top: 2px; transform: rotate(-90deg)}
.message-form .glyphicon.glyphicon-picture  { right:  90px;}
#chatform input, .addcomment form input, #postform input{margin-top:10px!important}

.my-profile-write-message .message-form .orange-button{
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height:6px;
    width: 150px;
    height: 36px;
    border: 1px solid #ffcd2e;
    border-radius: 8px;
    background-color: #d9d9d7;
    background-image: linear-gradient(to top, #ff9206 0%, #ffcd2e 100%);

    float: right;
    margin-right: 35px;
}




.my-profile-message{
    padding-top: 15px;
    width: calc(100% - 35px)
}

.my-profile-message .glyphicon-remove{
    float: right;
}

.my-profile-message .post-item-comments{
    width: calc(100% - 30px)
} 

.my-profile-message .post-item{
    padding-left:55px;
}

.my-profile-message .post-item .profile-icon{
    left:5px;
}

.my-profile-message .post-item-content {
    padding-top: 7px;
    padding-left: 2px;
}

.my-profile-message .post-item-comments {
    padding-left: 85px;
}

.my-profile-message .post-item-comments .comment-profile-icon {
    left: 35px;
}




/* SETTINGS  *//* !!!!!!  */



/* basic-data */


.col-md-8.right-settings-block{
    padding-left: 8px;
    padding-top: 0px;
}

.col-md-8.right-settings-block .left-side{text-align:center}

@media (max-width: 991px) {
    .col-md-8.right-settings-block{
        text-align: center;
        padding-left: 15px;
    }
}

.right-settings-block .row.basic-data{
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 0px;
}

@media (max-width: 991px) {
    .right-settings-block .row.basic-data{
        padding-left: 0px;  
    }
}

.right-settings-block .row.basic-data .left-block .uploads{
    text-align: center
}

.right-settings-block .row.basic-data .left-block .uploads input{
    visibility: hidden;
    position: absolute;
}

.right-settings-block .row.basic-data .left-block .uploads label{
    height: 16px;
    color: #ff990a;
    font-size: 15px;
    text-decoration: underline;
    padding-top: 15px;
    display:block;
    cursor:pointer
}

.right-settings-block .row.basic-data .left-block .uploads label img{
    padding-left: 15px;
}

.right-settings-block .row.basic-data .right-block{
    padding-left: 25px;
}

@media (max-width: 991px) {
        .right-settings-block .row.basic-data .right-block{
            padding-left: 15px;  
    }
}

.right-settings-block .row.basic-data .right-block .primary-info .form-inline label{
    width: 95px;
}

.right-settings-block .row.basic-data .right-block .primary-info .form-inline{
    padding-top: 10px;
}



.right-settings-block .row.basic-data .right-block .primary-info .form-inline .form-control{
    width: 203px;
    height: 38px;
}

@media (max-width: 991px) {
    .right-settings-block .row.basic-data .right-block .primary-info .form-inline .form-group{
        display: block; 
    }
    .right-settings-block .row.basic-data .right-block .primary-info .form-inline .form-group .form-control{
        display: inline-block; 
    }
}

/* personal-data */
.right-settings-block .personal-data {
    border-top: 1px solid #f0f0f0;
    padding-top: 2px;
    padding-bottom: 45px;
    margin-right: 15px;
    margin-left: 20px;
}

.right-settings-block .personal-data .form-inline{
    padding-top: 10px;
}

.right-settings-block .personal-data .col-md-3{
    top: 5px;
}

.right-settings-block .personal-data .form-inline .col-md-7{
    padding-left: 44px; 
}

.right-settings-block .personal-data .about-me .col-md-7 .form-control{
    min-width: 203px;
    min-height: 38px;
    max-width: 630px;
}

@media (max-width: 991px) {
    .right-settings-block .personal-data .form-inline .col-md-7{
        padding-left: 15px; 
    }
    .right-settings-block .personal-data .form-inline .col-md-7 .form-group{
        display: inline-block; 
    }
}

.right-settings-block .personal-data .col-md-7 .form-group .glyphicon.glyphicon-ok{
    color: #00a500;
    font-size: 19px;
    top: 4px;
    padding-left: 10px;
}

.right-settings-block .personal-data .col-md-7 .form-group .glyphicon.glyphicon-remove{
    color: #f93636;
    font-size: 19px;
    top: 4px;
    padding-left: 10px;
}

.right-settings-block .personal-data .col-md-7 .form-group span{
    color: #f93636;
    font-size: 13px;
    padding-left: 5px;
}


/* contact-info */
.right-settings-block .contact-info {
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    margin-right: 15px;
    margin-left: 20px;
}

@media (max-width: 991px) {
    .row .right-settings-block .contact-info .form-inline .col-md-7{
        padding-left: 15px; 
    }
    .right-settings-block .contact-info .form-inline .col-md-7 .form-group{
        display: inline-block; 
    }
}

.right-settings-block .contact-info .form-inline{
    padding-top: 10px;
}

.right-settings-block .contact-info .col-md-3{
    top: 5px;
}

.right-settings-block .contact-info .form-inline .col-md-7{
    padding-left: 44px; 
}

.right-settings-block .contact-info .col-md-7 .form-group .glyphicon.glyphicon-lock{
    color: #dbdbdb;
    font-size: 14px;
    top: 2px;
    padding-left: 10px;
}

.right-settings-block .contact-info .col-md-7 .form-group span{
    color: #dbdbdb;
    font-size: 12px;
    padding-left: 5px;
}

/* email-notice */

.right-settings-block .email-notice{
    position: relative;
    margin-top: 60px;
    width: 860px;
    min-height: 182px;
    background: url(../img/settings/2-layers.png);
}

@media(max-width: 991px) {
    .right-settings-block .email-notice{
        max-width: 860px;
        width: auto;
    }
}


.right-settings-block .email-notice .full-form{
    padding-top: 25px;
    padding-left: 20px;
    text-align: left;
}

.right-settings-block .email-notice .full-form .full-form-name{
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}

.right-settings-block .email-notice .full-form .checkbox-form label{
    width: 260px;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    line-height: 30px;
}

.right-settings-block .email-notice .full-form .checkbox-form .glyphicon{
    top: 4px;
    color: #ffffff;
    font-size: 20px;
    float:right;
}


.right-settings-block .email-notice .full-form .checkbox-form input[type='checkbox'].icon-checkbox{display:none}
.right-settings-block .email-notice .full-form .checkbox-form input[type='checkbox'].icon-checkbox+label .unchecked{display:inline}
.right-settings-block .email-notice .full-form .checkbox-form input[type='checkbox'].icon-checkbox+label .checked{display:none}
.right-settings-block .email-notice .full-form .checkbox-form input[type='checkbox']:checked.icon-checkbox{display:none}
.right-settings-block .email-notice .full-form .checkbox-form input[type='checkbox']:checked.icon-checkbox+label .unchecked{display:none}
.right-settings-block .email-notice .full-form .checkbox-form input[type='checkbox']:checked.icon-checkbox+label .checked{display:inline}

/* common */

.parent-btn-save-setting{
    padding-top: 10px;
    text-align: center;
}

.btn-save-settings{
    width: 257px;
    height: 48px;
    
    border: 2px solid #e6ba2b;
    border-radius: 8px;
    background-color: #d9d9d7;
    background-image: linear-gradient(to top, #ff9206 0%, #ffcd2e 100%);

    color: #ffffff;
    font-size: 17px;
    font-weight: bold
}

.right-settings-block .col-md-7 .form-control{
    width: 203px;
    height: 38px;
}

.caption-text{
    color: #ff990a;
    font-size: 15px;
    line-height: 25px;
    font-weight: bold
}


/* MESSAGES !!!!!!*/

.col-md-3.choose-conversation, .col-md-7.conversation{
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.col-md-3.choose-conversation{
    width: calc(33.333333% - 15px);
    padding-right: 0px;
    padding-left: 15px;
    margin-left: 15px;
}

@media (max-width: 991px) {
    .col-md-3.choose-conversation{
        width: auto;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .col-md-3.choose-conversation{
        padding-bottom: 40px;
        
    }
}

/* search */

.col-md-3.choose-conversation .conversation-search {
    padding-top: 13px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 14px;
    margin-left:-15px
}

@media (max-width: 991px) {
    .col-md-3.choose-conversation .conversation-search {
        border-top: 1px solid #f0f0f0;
    }
}

.col-md-3.choose-conversation .conversation-search .left-addon input  { padding-left:  40px; }

.col-md-3.choose-conversation .conversation-search .glyphicon-search{
    font-size: 17px;
}

.col-md-3.choose-conversation .conversation-search .form-control {
    border: none;
    width: 100%;
    box-shadow: none;
}


/* friend-item */

.col-md-3.choose-conversation .conversation-friends .friend-item{
    padding-bottom: 23px;
    border-bottom: 1px solid #f0f0f0;
    margin-left:-15px;
    cursor:pointer;
    
}

.col-md-3.choose-conversation .conversation-friends .friend-item:hover, .col-md-3.choose-conversation .conversation-friends .friend-item.active{
    background-color: #ff9d0c;
}
.col-md-3.choose-conversation .conversation-friends .friend-item:hover span, .col-md-3.choose-conversation .conversation-friends .friend-item.active span{
    color: #ffffff;
}

.col-md-3.choose-conversation .conversation-friends .friend-item img{
    width:auto;
    height:32.5px;    
    display:block;
    margin:0 auto;
}

.social-chat-left-img{position:absolute;width:52px;padding-left:7px;padding-top:7px}

.col-md-3.choose-conversation .conversation-friends .friend-item span {
    display: block;
    position: relative;
    top: 12px;
    padding-left: 65px;
}

.messages .name-friend{
    color: #ff990a;
    font-size: 14px;
    font-weight: bold;
}
.messages .min-message{
    color: #cdcdcd;
    font-size: 14px;
}

.messages .time{
    color: #bab5ae;
    font-size: 14px;
}




.col-md-7.conversation{
    width: 66.666666%;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 991px) {
    .col-md-7.conversation{
        width: auto;
    }
}

.col-md-7.conversation .friend-info{
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 7px;
    border-bottom: 1px solid #f0f0f0;
}

.col-md-7.conversation .friend-info span{
    padding-top: 5px;
    padding-left: 15px;
}


.col-md-7.conversation .friend-info .name{
    color: #ff990a;
    font-size: 19px;
    font-weight: bold
}

.col-md-7.conversation .friend-info .description{
    color: #cdcdcd;
    font-size: 14px;
}

@media (min-width: 320px) and (max-width: 576px) {
    .col-md-7.conversation .friend-info .description{
        padding-left: 60px;
        display: block;
    }
}


/* message-block */

.col-md-7.conversation .message-block-parent {
    max-height:600px;
    overflow-y:auto;
    padding-top: 0px;
}

.col-md-7.conversation .message-block-parent .message-block{
    max-height:600px;
    display:table-cell;
    vertical-align: bottom;
    width: 560px;
}


@media (min-width: 320px) and (max-width: 576px) {
    .col-md-7.conversation .message-block-parent .message-block{
        display:block;
        width: auto;
        padding-top: 20px;
    }
}

.col-md-7.conversation .message-block .item-message{
    width:100%;
    padding-left: 40px;
    padding-bottom: 15px;
    margin-top: 0px;
}

@media (min-width: 320px) and (max-width: 576px) {
    .col-md-7.conversation .message-block .item-message{
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
    }
}

.col-md-7.conversation .message-block .item-message .profile-icon.min-image{
    width: 36px;
    height: auto;
    float:left
}

.col-md-7.conversation .message-block .item-message .right-block-message{
    padding-left: 50px;
}

.col-md-7.conversation .message-block .item-message .right-block-message .name-friend{
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 4px;
    color: #ff9d0c;
    font-weight:bold    
}
.col-md-7.conversation .message-block .item-message .right-block-message .name-friend:hover{text-decoration:underline}
.col-md-7.conversation .message-block .item-message .right-block-message .message{
    width: 100%;
    margin: 0px 0px;
    padding: 0px;
    border: 0px dashed #DDD;
    background: none;    
    display: block;
    line-height: 18px;
    padding-bottom: 8px;
    
}

.col-md-7.conversation .message-block .item-message .right-block-message .message:first-child{
    
}



/* write-message-form */

.col-md-7.conversation #chatform.write-message-form{
    position: relative;
    border-top: 1px solid #f0f0f0;
    padding-top: 0px;
    padding-left: 25px;
    padding-bottom: 0px;
    padding-right:25px;
}

.col-md-7.conversation #chatform.write-message-form button{border:none;box-shadow:none;background:none}

.col-md-7.conversation .write-message-form .form-control{
    width: calc(100% - 57px);
    height: 38px;
}

.col-md-7.conversation .write-message-form .glyphicon.glyphicon-picture, .glyphicon.glyphicon-paperclip{
    top:17px;
    color: #b3b3b3;
    position: absolute;
    padding: 7px;
    pointer-events: none;
    font-size: 19px;
}

.col-md-7.conversation .write-message-form .glyphicon.glyphicon-paperclip  { right:  65px; transform: rotate(-90deg)}
.col-md-7.conversation .write-message-form .glyphicon.glyphicon-picture  { right:  110px;}

.col-md-7.conversation .write-message-form .glyphicon.glyphicon-send{
    position: absolute;
    right: 45px;
    top: 28px;
    float: right;
    font-size: 25px;
    color: #ff990a;
}   

#chatform textarea{padding-right:50px}




/* Add **/
.menu>li{background:none;height:45.5px}
.menu>li>a{padding-bottom:7px}
.social-wrapper{padding:0px!important}
.social-wrapper .central-body .navbar{margin:0px -0px;margin-top:-12px}
 #social_content{padding:0px;padding-top:0px;padding-right:30px}
 .social-sidebar{padding-top:20px;border-right:1px solid #f0f0f0}
 #chatform, #postform, .postitem{background:none;padding:0px;margin:0px;border:none}
 .post-item-content p{margin:5px 0px;}
 .post-item-content p:last-child{margin-bottom:0px}
 .post-item .post-delete{position:absolute;right:0px;cursor:pointer}
 .social-post{border:1px solid #f0f0f0;padding:20px 10px}
 #postform{padding:0px 10px;border:1px solid #f0f0f0;}
 .my-profile-right-info{padding:0px 10px;border:1px solid #f0f0f0;padding-top:10px;border-top:0px;padding-left:20px;border-bottom:0px;padding-bottom:10px}
 .social_profile .col-md-4.central-block{position:relative;left:15px;padding-top:25px}
 .like-button{cursor:pointer;opacity:0.6}
 .like-button.active, .like-button:hover{opacity:1}
 .postattachments{overflow:hidden;padding:5px 0px}
 .likecount{padding-left:3px}
 .commenteditor{height:auto!important;padding:0;margin:0;border:none;overflow:visible!important;}
 .commenteditor button{padding:0;background:none;border:none}
 .removecomment{top:0px}
 .social-post{padding-bottom:0px;margin-bottom:5px;margin-top:5px;padding-top:15px}
 .post-item-content{padding-bottom:10px}
 .social-post-attach{overflow:hidden;padding-bottom:10px}
 #item-search{padding-left:10px}
 .col-md-3.central-block{width:33.333333333%}
 .col-md-7.right-block{width:66.6666666666%}
 .social_profile .col-md-3.central-block{padding-top:20px;padding-left:35px}
 .right-sidebar{padding-top:22px}
 .inner-addon{margin-bottom:0px}
 .col-md-9.central-block{padding-right:0px;    border-right: 1px solid #f0f0f0;}
 .message-form label.for-video,  .message-form label.for-doc, .message-form label.for-file{position: absolute;right: 10px;top: -2px;z-index: 10;display: block;cursor:pointer}
 .message-form label.for-doc{top:1px;right:40px}
  .message-form label.for-video{top:-1px;right:67px}
 .my-profile-write-message .message-form .glyphicon.glyphicon-file{position:static;font-size:17px}
 .my-profile-write-message .message-form .glyphicon.glyphicon-picture, .glyphicon.glyphicon-paperclip{position:static}
 .conversation-search .form-inline{margin:0}
 .friend-info p{margin:0}
 .thumb{max-height:150px;display:block;margin: 0 auto;position:absolute;width:auto;top:50%;left:50%;transform:translatex(-50%) translatey(-50%)}
 .pre-thumb{height:150px;position:relative}
 .user_list_navi p{margin:0}
 #pagi{padding:30px 10px}
 #pagi a{color:#ff990a;padding:3px 10px;border-radius:3px;transition:all 300ms linear}
 #pagi a:hover, #pagi strong{background:#ff990a;color:#FFF;border:1px solid #ff990a;padding:3px 10px;border-radius:3px}
 #friend-info img{width:40px}
 #chat{padding-top:20px}
 .col-md-7.conversation .friend-info a .name:hover{text-decoration:underline}
 .wrapper .central-body .navbar{margin:0px -30px;margin-top:-12px}
 .social-wrapper .central-body .navbar{margin:0px 0px;margin-top:-12px}
 .lenta-search-send, .peoples-search-send{color: #ffffff;font-size: 15px;font-weight: 700;text-transform: uppercase;height: 36px;border: 1px solid #ffcd2e;border-radius: 8px;background-color: #d9d9d7;background-image: linear-gradient(to top, #ff9206 0%, #ffcd2e 100%);cursor:pointer;line-height:36px;text-align:center}
 .tv_file a{word-break: break-all}
 .col-md-2.left-sidebar .flexslider ul li{margin-left:0px}
 .col-md-2.left-sidebar .flexslider{margin:0;background:none;border:none;box-shadow:none}
 .col-md-2.left-sidebar .flexslider ul li a{border:none!important;background:none!important}
 .social-title{padding-top:20px;font-size:32px;padding-left:20px;padding-right:20px;margin-bottom:5px}
 .add-group-form{padding:0px 20px;}
 .group-link{padding: 10px;margin-top: 3px;border: 1px solid #efefef;margin: 0px 0px;}
 .group-link a{color: #ff990a;font-family: 'FlexySans-Bold', sans-serif;display:block}
 .group-link-title{font-size:20px;}
 .group-link-desc{font-size:12px}
 .social-auth-form{height: 17px;margin-bottom: 0px;padding-top: 10px;}
 #group-search{padding-left:10px;margin-bottom:0px}
 .social-group-info{padding:0px 20px}
 .group-post-form{padding:10px 20px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;margin-top:10px}
 .group-post-form form{margin:0}
 .group-post-form textarea{height:38px}
 .group-post-form .my-profile-write-message .message-form .orange-button{margin-right:0px;margin-top:10px}
 .doc-viewer{width:100%;height:200px}
 .attachment-docs a{color:#ff9d0c;font-weight:bold}
 .message p{margin:0;margin-bottom:5px}
 .select_editor_group h4{    margin: 0px;padding: 10px;color: #FFF;background:#747474;min-height: 80px;}
 .select_editor_group{    display: inline-block;text-align: center;width: 200px;border: 1px solid #DDD;padding: 0px;margin: 15px;cursor: pointer;vertical-align: top;transition: all 300ms ease;opacity: 0.85;}
 .group-users-count{font-weight:bold;padding-bottom:5px}
 .group-users{padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #efefef;margin-top: 10px;}
 .my-prof{font-size:14px;padding-left:3px}
 .my-prof b{font-weight:bold} 
 .all-comments{display:none}
 .social-advr, .social-adv{padding:0px 10px!important;text-align:center}
 .social-advr{margin-right:40px}
 .right-settings-block .personal-data span{ font-family:'FlexySans-Bold', sans-serif}
 
 @media(max-width:991px){
    .my-friends .my-friends-columns.row .col-md-3.my-friend-item{float:left}
 }
 
 @media(max-width:650px){
    .my-friends .my-friends-columns.row .col-md-3.my-friend-item{width:50%}
 }
 
 @media(max-width:380px){
    .my-friends .my-friends-columns.row .col-md-3.my-friend-item{width:auto;float:none;display:block}
 }