/*install*/
ul.requirement_check li span {
    display: block;
    margin-left: 145px;
    background: #DDF1CE;
    padding: 5px 10px;
    border: 1px solid #D0E7C0;
    border-radius: 2px;
}
ul.requirement_check li.stt_err span{
    background:#F6C4C3;
    border: 1px solid #E49696;
}
ul.requirement_check li.stt_warning span{
    background:#FAFFBD;
    border: 1px solid #F5FF79;
}
.bs-callout h4.require_header{
    margin-bottom:20px;
}
#content.install-content{
    padding: 48px 10px 20px;
}
#content.install-content select,
#content.install-content input{
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 275px;
}
#content.install-content h2{
    font-size: 24px;
}
/*Upgrade*/
#content.upgrade-content{
    padding-top: 70px;
    min-height:0;
}
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../img/tipsy.gif); }
.tipsy-inner { padding: 5px 8px; background-color: black; color: white; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* multi select */
a.multiSelect {
    background: #FFF url(../img/dropdown.gif) right center no-repeat;
    border: solid 1px #ccc;
    padding: 4px 20px 4px 4px;
    position: relative;
    cursor: default;
    text-decoration: none;
    color: black;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 171px;
    height: 29px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    width: 100%;

}

a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {
    color: black;
    text-decoration: none;
}

a.multiSelect span
{
    margin: 1px 0px 1px 3px;
    overflow: hidden;
    display: -moz-inline-stack;
    display: inline-block;
    white-space: nowrap;
    width: auto !important;
}

a.multiSelect.hover {
    background-image: url(../img/dropdown_hover.gif);
}

.multiSelectOptions {
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #DEDED0;
    background: #FFF;
    border-top: #fff;
}

.multiSelectOptions label {
    padding: 1px 2px;
    display: block;
    white-space: nowrap;
    float: none !important;
    width: auto !important;
    margin-bottom: 0;
}

.multiSelectOptions LABEL.optGroup
{
    font-weight: bold;
}

.multiSelectOptions .optGroupContainer LABEL
{
    padding-left: 10px;
}

.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL
{
    padding-left: 18px;
}

body.simple
{
    padding: 0px;
}

.multiSelectOptions input{
    vertical-align: middle !important;
    margin: 3px 5px 3px 4px !important;
}

.multiSelectOptions LABEL.selectAll {
    border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
    background-color: #f7f7f7;
}
/*All css end*/

.guest-action{
    margin-top:3px;
}


.sl-navbar{
    background: #246ea3;
    min-height:46px;
}
.wrapper {
    margin: 0 auto;
    width: 1020px;
}

#logo {
    float:left;
    margin:6px 0 0 0;
}
#logo img {
    max-height: 40px;
}
.logo-default a {
    display: block;
    text-decoration: none;
    width: 192px;
    height: 40px;
    font-size: 18px;
    color: #fff;
}

ul.navbar-nav li {
    display: inline-block;
}
ul.navbar-nav li img {
    height: 13px;
}
.visible-xs  .menu-account.menu_top_list li a ,
ul.navbar-nav li a {
    display: block;
    padding: 0px 12px;
    color: #fff;
}
ul.navbar-nav li a:hover {
    text-decoration: none;
    /*color: #00a1cb;*/
    background: none;
}
ul.navbar-nav li i {
    font-size: 12px;
    color: #fff;
}
ul.navbar-nav > li > ul li{
    float: none;
}
ul.navbar-nav li ul li i{
    color:#000;
}
.clear {
    clear: both;
}

#content {
    padding: 20px 10px;
    min-height: 500px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    overflow: hidden;
}

#userbox {
    float:right;
    width:278px;
    position: relative;
    padding: 10px 0px;
}
#userbox .button-dropdown {
    float: left;
    margin: 0 5px
}
#member-avatar {
    display: inline-block;
    height: 26px;
    width: 26px;
    border-radius: 3px;
}

.img_wrapper2 {
    float: left;
}

#new_notifications {
    background-color: #e54028;
    font-weight: bold;
    padding: 0px 4px;
    position: absolute;
    top: 4px;
    right: -8px;
    color: #fff;
    font-size: 9px;
}
#regError {
    background: #FFEBE8;
    border: #EED3D7 1px solid;
    text-align: center;
    padding: 5px;
    display: none;
    margin-top: 10px;
}
.slide, .hidden {
    display: none;
}
.placeholder {
    color: #333;
}
input.datepicker, input.timepicker {
    width:110px;margin-right:6px;
}
a i.delete-icon {
    display:none;
    position:absolute;
    top: 12px;
    right: 12px;
    color: #666;
}
.cross-icon {
    position:absolute;
    top: 0;
    right: 4px;
    z-index:10;
}
.cross-icon i {
    color: #666;
    font-size: 18px;
}
.delete-icon:hover, .cross-icon i:hover {
    color: #00a1cb;
}
.cross-icon:hover {
    text-decoration: none;
}

.cross-icon-sm {
    margin: 0 3px;
}
[id^="activity_edit_"] > textarea{
    width: 100%;
    resize: none;
    margin-top:10px;
}
.edit-post-icon .dropdown-menu{
    top: 22px;
    right: 0;
    left: auto;
    border-radius: 0;
}
.edit-post-icon .dropdown-menu li{
    padding:0;
}
.edit-post-icon .dropdown-menu li a{
    padding: 7px 20px;
    font-size: 12px;
}
.edit-post-action{
    text-align:right;
    clear:both;
    margin-bottom: 10px;
}

.view-more {
    text-align:center;
    position: relative;
    clear: both;

}


.view-more a {
    background-color:#F2F5F7!important;
    padding:10px 30px!important;
    display:inline-block!important;
    border: 1px solid #ccc!important;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #fff!important;
    color: #777!important;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    margin-top: 20px;
    height: auto!important;
    width: auto!important;
}

.view-more a:hover {
    text-decoration: none;
    color: #333;
    border-color: #b3b3b3;
}

.thumb_100{
    width: 100px;
    height:100px;
}
.rsvp-form{
    margin:8px 0 10px 0;
}
.rsvp-form div{
    margin-bottom: 10px;
}
.mooTable {
    width: 100%;
}
.mooTable th {
    background: #00a1cb;
    padding: 7px 5px;
    text-align: left;
    color: #fff;
    font-size: 14px;
}
.mooTable th a {
    color: #fff;
}
.mooTable td {
    padding: 10px 5px;
    border-bottom: 1px dotted #ccc;
}
.mooTable tr:hover {
    background: #F9F9F9;
}
.mooTable td img {
    width: 16px;
}
.box1 {
    background: #f2f2f2;
    color: #71767a;
    border:1px solid #ccc;
    padding: 10px 15px;
    margin-bottom: 14px;
    font-size: 13px;
    margin-left: 7px;
    margin-right: 7px;
}
.guest_msg { padding: 15px 10px; font-size: 14px; }
.guest_msg p { margin-top: 20px; }
.guest_msg h1 { margin-bottom: 10px; }
#join_now {float: right;}


.box3 {
    /*margin-left:10px;*/
}
.box3 h1 {
    margin-bottom: 20px;
}
/* profile links */
.box4 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #DFDFDF;
}
/* centered box */
.box5 {
    color: #71767a;
    background-color: #D1EEF7;
    box-shadow: 2px 2px 0px #90D5EC;
    padding: 15px 30px;
    font-size: 14px;
    margin:20px auto;
    width: 545px;
}

/* 2 items per line. used in reg form */
.list1 {
    padding: 0;
    margin: 0;
    list-style: none;
}
.list1 li {
    display: inline-block;
    min-height: 32px;
    margin-bottom: 12px;
}
.list1 li:nth-child(2n) {
    margin-left: 20px;
}
.list1 label {
    display: block;
    margin-bottom: 4px;
}
.list-content{
    padding: 0 5px;
}
.users_list li {
    /*height: 215px;*/
    vertical-align: top;
}
.users_list li .user-idx-item > a.user-list-img{
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.users_list li .user-idx-item > a.user-list-img > img{
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
}
.user-idx-item i{
    vertical-align: middle;
}
.users_list li img {
    width: 100%;
    height: auto;
}
.users_list .comment {
    margin-left: 85px !important;
}
.users_list .comment > a {
    font-size: 14px;
}
.img_style{
    border: 1px solid #ccc;
    border-radius: 2px;
}
.user-name-info{
    /*height:30px;*/
    overflow: hidden;
}
.user-list-info{
    margin-top: 5px;
    height:85px;
}
/* menu items list */
.list2 {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.list2 li {
    margin: 1px 0;
}
.list2 li a {
    display: block;
    padding: 4px 5px;
    color: #000;
}
.list2 li a:hover {
    /*background: none repeat scroll 0 0 #F2F5F9;*/
    text-decoration: none;
}

.list2 .current a {
    font-weight: bold;
    color: #247BBA;
}
.list2 .current a i{
    color: #247BBA;
}
.box6 .list2 .current a {
    background: #F7F7F7 !important;
}
.list2 img {
    margin-right: 3px;
    vertical-align: middle;
}
.list2 i, .icon-small {
    font-size: 15px;
    width: 18px;
    display: inline-block;
    /*color: #00a1cb;*/
    color: #A1A1A1;
    text-decoration: none;
    margin-right: 7px;
    vertical-align: middle;
}
.icon-small:hover {
    color: #00a1cb;
}
.list2 li.category_header {
    /*  font-size: 16px;
            font-weight: bold;

            color: #00a1cb;*/
    padding: 0 5px;
    margin: 5px 0;
}
/* thumbs list on right col */
.list3 {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.list3 li {
    float: left;
    width: auto;
    margin-bottom: 8px;
    margin-right: 8px;
    line-height: normal;
}
.list3 li:nth-child(5n) {
    /*margin-right: 0px;*/
}
.friends li {
    height: 80px;
    width: 59px;
    overflow: hidden;
}
.profile_info li {
    padding: 0 0 0 12px;
    background: url(../img/gray_dot.jpg) no-repeat 0 6px;
    margin-bottom: 0;
}
.profile_info {
    margin-bottom: 15px;
}

/* photos list */
.list4 {
    list-style: none;
    margin: 0;
    padding: 0;
    clear:both;
}
.list4 li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.list4 li:nth-child(4n) {
    margin-right: 0;
}
.list4 li a {
    display: block;
}

.infoLayer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    color: #fff;
    display: none;
    right:0px;
    font-size: 13px;
    text-align: right;
    background: rgba(0, 0, 0, 0.6);
}
.infoLayer p { margin: 2px 6px; }
.infoLayer i { margin-left: 5px;    vertical-align: top; }





/* small thumbs list on left col */
.list5 {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
}
.list5 li {
    float: left;
    margin: 0 3px 6px 0;
}
.list5 img {
    border: 1px #ffffff solid !important;
    padding: 0;
}
/* one per line. used in various pages with form */
.list6 {
    padding: 0;
    margin: 0;
    list-style: none;
}
.list6 li {
    padding-bottom: 10px;
    /*overflow: hidden;*/
}
#list-content li[id^='activity_']{
    background: #fff;
    padding: 0;
    margin-bottom:15px;
}

.list6sm li {
    padding-bottom: 5px;
    overflow: hidden;
}
.list6 label {
    width: 145px;
    display: block;
    float: left;
    margin-bottom: 2px;
}
.list6sm2 label {
    width: 100px;
}
.list6 .mce-tinymce {
    /*margin-left: 100px;*/
}


.list7 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list7 li {
    float: left;
}
.list7 a {
    font-size: 12px;
    display: block;
    /*padding: 6px 10px 7px 10px;*/
    text-decoration: none;
    /*color: #000;*/
}
.list7 a:hover {
    color: #00a1cb;
}
.list7 a.current {
    background: #257BBA;
    color: #fff;
}

.list-view-mode {
    display: inline flow-root list-item;
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-view-mode li {
    float: left;
}
.list-view-mode a {
    font-size: 12px;
    display: block;
    text-decoration: none;
}

.list-view-mode a:hover {
    opacity: 0.8;
}

.list8 {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.list8 li {
    float: left;
    background: #F2F5F9;
    margin: 0 10px 10px 0;
    border-radius:3px;
}
.admin_stats li {
    text-align: center;
    line-height: 1.3;
    padding: 5px 13px;
}
.admin_stats li:nth-child(7n) {
    margin-right: 0px;
}
.admin_stats span {
    font-size: 16px;
    font-family: Georgia;
}


/* comments */
.comment_wrapper > li {
    padding-bottom: 15px;
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
}

.comment_wrapper > li:first-child {
    border: none;
}
.comment_list [id^='itemcomment_'] .comment {
    /*margin-right: 30px;*/
}
.comment {
    margin-left: 50px;
    min-height: 33px;
}
.comment_item .comment {
    margin-left: 55px;
}
.comment_wrapper li li .comment {
    margin-left: 40px;
}

.comment_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.activity_comments li {
    border-bottom: 0;
    padding: 7px;
    margin-bottom: 2px;
}
.activity_content, .activity_comments {

}
.activity_content li {
    border-bottom: 0;
    overflow: visible;
    margin-bottom: 0;
    padding-bottom: 0;
}
.activity_text {
    color: #000;
    padding-bottom: 4px;
    word-wrap: break-word;
}
.activity_item {
    margin: 7px 0 5px 0;
    overflow: hidden;
    padding: 10px;
    /*background: #F5F5F5;*/
    border:1px solid #dfdfdf;
}
.summary {
    border-left: 2px solid #CCCCCC;
    padding-left: 10px;
    margin: 5px 0;
}
.comment_padding li {
    padding: 7px 5px;
    margin-bottom: 0;
}
#status_box {
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px;
}
#status_box textarea {
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    color: #000;
    font-size: 14px;
    padding: 5px;
    /*border-right: 1px solid #dfdfdf;*/
    resize: none;
    box-shadow: none;
    font-weight: 300;
    background: none;
    padding-right: 31px;
}
#status_box textarea:focus{
    outline: none;
}
#status_box input[type=button] {
    margin-right: 2px;
}
#wallForm{
    position: relative;
}
#select-2{
    /*position: absolute;*/
    right: 4px;
    top: 1px;
}

#select-2 .qq-upload-button{
    border: none;
    background: none;
    top: -56px;
    width: 36px;
    position: absolute!important;
    right: 0;
    left: auto;
}
.qq-uploader{
    position:relative;
}
.qq-drop-processing-spinner{
    background-repeat: no-repeat;
}
.qq-upload-drop-area,
.qq-upload-button{
    width: 100%;
    height: 42px!important;
    background: #E5E5E5;
}
.comment .qq-upload-button{
    height: 25px!important;
}
.qq-upload-drop-area{
    background: #E7F0FF!important;
}

.qq-upload-drop-area span,
.upload-section{
    padding: 5px;
    display: block;
    height: 42px;
    line-height: 32px;
}
.qq-upload-drop-area span i,
.upload-section i{
    font-size: 20px;
    font-weight: bold;
    color: #aaa;
    vertical-align: middle;
    margin-right: 7px;
}
.comment .upload-section{
    height: 25px;
    line-height: 23px;
    padding: 0;
}
#select-2 .upload-section{
    padding: 5px;
    height: 38px;
    text-align: center;
    line-height: 28px;
}
#select-2 .upload-section i{
    margin:0;
}
.qq-upload-drop-area span {
    position: static!important;
    color: #4D90FE!important;
    margin-top: 0!important;
    font-size: 20px!important;
    font-weight: bold!important;
}


.post-status{
    /*margin-right: 50px;*/
}
#friends_list li {
    position: relative;
}
.topics_count {
    float: right;
    margin: 12px 12px 0 0;
    font-size: 14px;
    background: #257aba;
    color: #fff;
    text-align: center;
    min-width: 28px;
    padding: 5px 0;
    border-radius: 4px;
    padding: 5px 7px;
    position: relative;
}
.topic_view_body h1{
    padding-right: 30px;
    word-wrap: break-word;
}

.unread {background-color:#F2F5F9}

#conversation_list li,
#notifications_list li {
    border-bottom:1px solid #DFDFDF;
    position:relative;
    margin: 0px;
}
.conversation_list li,
#conversation_list > li,
#notifications_list a {
    padding: 7px 10px;
    overflow:hidden;
    white-space: normal;
    color:#000;
    display: block;
}
#conversation_list > li >  a ,
#notifications_list > li >  a {
    padding: 7px 40px 7px 10px;
}
#conversation_list ul.initSlimScroll > li{
    padding:4px 20px 4px 8px;
}
#conversation_list .more-notify{text-align:center;}
#conversation_list > li:after{
    content:'';
    display: block;
    clear:both;
}
#conversation_list li > a{
    color:#000;
}
#notifications_list a:hover,
#conversation_list li > a:hover{
    text-decoration: none;
}
#notifications_list .img_wrapper2 {
    margin-right:10px;
}

.pagination {
    margin-top: 10px;
    text-align: center;
}


.hotspot {
    height: 100px;
    width: 100px;
    position: absolute;
}
.hotspot:hover, .hotspothover {
    z-index: 1;
}
.hotspot span { display: none; }
.hotspot:hover span, .hotspothover span {
    background: #fff;
    display: block;
    padding: 0 0 3px 0px;
    text-align: center;
    box-shadow: 0px 0px 5px #000;
}
.hotspot span::after {
    content: "";
    position: absolute;
    top: 17px;
    left: 46px;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.tabs-wrapper {
    background: #F0F1F4;
    border: 1px solid #E6E7EA;
    border-left: 6px solid #D0D5D9;
}
.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.tabs li {
    float: left;
    font-weight: bold;
    padding: 8px 12px;
    color: #123;
    cursor: pointer;
    font-size: 14px;
    border-right: 1px solid transparent;
}
.tabs li.active {
    color: #4bf;
    background-color: #F9FAFB;
    border-color: #E6E7EA;
}
.tabs li:hover {
    color: #4bf;
}
.tabs li+li {
    border-left: 1px solid transparent;
}
.tab {
    display:none;
    padding-top: 15px;
}

.view-all-link {
    text-align: right;
    margin-top: -2px;
}
.reorder {
    cursor: move;
}
.commentForm {
    width: 100%;
    height: 37px;
    resize: none;
    padding-right:50px;
}
.commentForm2 {
    width: 100%;
    height: 37px;
}
.tags {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    padding-top: 2px;
}
.tags li {
    float: left;
    margin: 0 5px 7px 0;
}
.tags a {
    padding: 1px 5px 2px 5px;
    background: #F4F4F4;
    color: #333;
    border: 1px solid #C5C5C5;
    border-radius: 2px;
    font-size: 11px;
    display: inline-block;
}
.tags a:hover {
    text-decoration: none;
    background: #CFE0F5;
}
.tags a:before {
    content: '#';
}
/* lightbox */
.tag_wrapper {
    float:left;
    background:#000;
    text-align: center;
    display: table;
    overflow: hidden;
}
.tag_friends_list {
    margin: 2px 0 5px 0;
    max-height: 150px;
    overflow: auto;
}
#lb_description {
    position:absolute;
    bottom:0px;
    padding:8px;
    font-size: 12px;
    text-align:left;
    color:#fff;
    background:rgba(0, 0, 0, 0.8);
    font-weight:bold;
    left:0;
    right:0;
    display: none;
    font-size: 13px;
    z-index: 10;
}
#lb_description a {
    color: #fff;
}
#lb_description ul {
    float:right;
    margin: 0;
    padding: 0;
    list-style: none;
}
#lb_description li {
    float: left;
    margin-right: 2px;
}
#lb_description ul a {
    padding: 4px 2px;
    border-radius:3px;
}
#lb_description ul a:hover {
    background: #333;
    text-decoration: none;
}
#lb_description ul a i {
    vertical-align: middle;
}
#avatar {
    width:80px;
    height:80px;
    padding:4px;
    margin-left:18px;
    background:#fff;
    position: relative;
    /*top: 169px;*/
    border-radius: 4px;
    z-index: 10;
    border: 1px solid #ccc;
    float: left;
    margin-top: -39px;
    position: relative;
}
#avatar img{
    width: 100%;
    height: 100%;
}
#avatar_upload {
    position: absolute;
    text-align: center;
    color:#fff;
    padding: 3px 0;
    bottom: 4px;
    left: 4px;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    left: 3px;
    right: 3px;
}
#cover_upload {
    position: absolute;
    width: 100%;
    text-align: center;
    color:#fff;
    padding: 3px 0;
    bottom:0px;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
#avatar:hover #avatar_upload, #cover:hover #cover_upload {
    display: block;
}
#avatar_upload a, #cover_upload a {
    color: #fff;
}
#avatar_upload a:hover, #cover_upload a:hover {
    text-decoration: none;
}
.profile-header{
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom:15px;

}
.profile-header:after {
    clear: both;
    content: "";
    display: block;
}
.profile_info li{
    color: #adadad;
    font-size: 11px;
}
.profile-info-section{
    margin-left: 110px;
    min-height: 40px;
    padding-top: 35px;
    padding-bottom: 10px;
    padding-right: 105px;
}
.profile-info-section h1{
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.section-menu{
    float: right;
    margin-top: 10px;
    margin-right: 8px;
}

/*#cover_wrapper{overflow:hidden;}*/
#cover {
    background-size: cover;
    position: relative;
    max-height:266px;
    overflow: hidden;
}
#cover > img{
    width:100%;
}
#cover_wrapper > img{
    max-width: 100%;
}
#portlet-config .modal-body{
    padding:15px;
}
#cover a {
    display: block;
    width: 100%;
    height: 100%;
}
#av-img {
    width: 100%;
    height: auto;
}

.comment-thumb {
    color: #8F8F8F;
    font-size: 13px;
    margin-left: 5px;
}
.comment-thumb.active, .comment-thumb:hover, #lb_description a.active i {
    color: #FB7923;
    text-decoration: none;
}

.global-search {
    background: white;
    float: left;
    padding: 4px 24px 4px 24px;
    width: 200px;
    color: #333;
    border: 1px #d8dde1 solid;
    box-shadow: none;
    border-radius: 3px;
}
#loginButton {
    background-color: #e5e5e5;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    font-weight: 300;
    font-size: 12px;
    height: 25.6px;
    line-height: 26px;
    padding: 0px 12.48px;
    color: #247BBA;
    text-shadow: 0 1px 1px white;
    /* margin: 0; */
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;

    margin-left: 5px;float: right;
    margin-top: 10px;
}
.maintenance-page input[type="submit"]{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    text-shadow: none;
    width: 100%;
    height: 30px;
    border: none;
}
.maintenance-page .login-box input{
    display: inline-block;
    vertical-align: middle;
}
.maintenance-page .login-box{
    font-size:12px;
}
.fields_heading {
    width: 100% !important;
}
.post_body img {
    max-width: 100%;
    height:auto;
}
.post_body blockquote {
    margin: 0px;
    padding: 10px 20px;
    background: #eee;
    border: 1px solid #cccccc;
    font-family: monospace;
}

.m_suggest .label-info {
    background-color: #f1f1f1;
    color: #000!important;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #ccc;
}

.m_suggest .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.m_suggest .empty-message:last-child {
    display: block;
    background: inherit!important;
    color: inherit!important;
    min-height: inherit!important;
    font-size: inherit!important;
}
.m_suggest .suggestion-item.tt-suggestion + .empty-message {
    display: none !important;
}

.m_suggest .empty-message {
    padding: 0 5px;
}


.bottom_options {
    margin: 10px 0;
}
.bottom_options .likeButton img {
    width: 14px;
}
.bottom_options .likeButton {
    padding: 1px 7px 3px 7px;
}

.page-avatar {
    margin-bottom:5px;
    width: 100%;
}
.regSubmit {
    text-align: center;
    margin-top: 15px;
}
.moo-dropdown {
    position: absolute;
    top: 93%;
    right: 0px;
    background-color: #f0f1f4;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);

    padding: 15px;
    z-index: 100;
    display: none;
    width: 245px;
    border-radius: 3px;
}
#loginForm input[type='text'],
#loginForm input[type='email'], #loginForm input[type='password'] {

    margin-bottom: 10px;
    height:40px;
    border-radius: 2px;
}
#loginForm p {
    margin-bottom: 0px;
    font-size: 11px;
    margin-top: 10px !important;
}


span.label {
    font-weight: bold;
}
span.icon {
    background: url('../img/btn_red.png') transparent 21px 5px no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 52px;
    height: 40px;
}
span.buttonText {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto',arial,sans-serif;
}
.fSignInWrapper{
    position: relative;
    display: block;
    background: #3b589b;
    color: white;
    white-space: nowrap;
    height: 40px;
    width: 60%;
    border-radius: 2px;
    margin: 10px auto;
    cursor: pointer;
}
.fSignInWrapper .fb_iframe_widget{
    z-index: 2;
}
.fSignInWrapper .overlay-button{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.fSignInWrapper span.icon {
    background: url(../img/fb-icon.jpg) transparent 12px 3px no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 40px;
}
span.buttonText {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto',arial,sans-serif;
}
.customGPlusSignIn span.icon {
    background-image: url(../img/google.png);
    background-repeat: no-repeat;
    background-position: 0 0 !important;
}
.guest-action #gSignInWrapper #customBtn {
    background: #fff;
}
#gSignInWrapper #customBtn {
    background-color: #4285f4;
}
#gSignInWrapper #customBtn span.icon {
    width: 38px;
    height: 40px;
    background-size: cover;
    background-color: #fff;
    border: 1px solid #4285f4;
}
.guest-action #gSignInWrapper #customBtn span.icon {
    width: 28px;
    height: 28px;
}
.center-login-text span{
    margin: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.center-login-text hr{
    margin: 19px 0;
    border-color: #959496;
}
.dropdown-caret.right {
    left: auto;
    right: 10px;
}
.dropdown-caret {
    position: absolute;
    top: -7px;
    left: 12px;
    width: 12px;
    height: 7px;
    float: left;
    overflow: hidden;
}
.dropdown-caret .caret-outer {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #aaa;
    border-bottom-color: rgba(0,0,0,.2);
}
.dropdown-caret .caret-outer, .dropdown-caret .caret-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: -1px;
}
.dropdown-caret .caret-inner {
    top: 1px;
    left: 1px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
}
.login-box {
    margin-top: 5px;
    line-height: 1.5;
    float: right;
}

.button i {
    margin-right: 3px;
    font-size: 13px;
}

.captcha_box p { margin: 20px 0 5px 0; }
#recaptcha_widget{
    background: #850400;
    border-radius: 4px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.recaptcha_only_if_image{
    display: block;
    margin-bottom: 6px;
    color: #000;
}
#recaptcha_image,#recaptcha_image img{
    width: 100%!important;
    height: auto!important;
}
.captcha-section-input{
    width: 100%;
    float: left;
    background: #F4DA7C;
    margin-top: 10px;
    border-radius: 4px;
    margin-right:10px;
}
.captcha-section-input > div{
    padding:15px 12px 16px;
}
.captcha_change_option{
    position: absolute;
    background: #CA3521;
    border: 1px solid #000;
    margin-top: 10px;
    border-radius: 4px;
    right: 112px;
}
.captcha_change_option > div{
    padding: 4px 3px;
}
.captcha_change_option > div + div{
    border-top:1px solid #000;
    margin-bottom: 0;
}
.captcha-logo{
    background: url("../img/recaptcha-logo.png") no-repeat;
    height: 41px;
    position: absolute;
    width: 94px;
    right: 0;
    top: 32px;
}
input#recaptcha_response_field{
    width:100%;
}

.badge_counter { float: right;background-color: #E7E6E8;font-weight: bold;padding: 1px 4px;color: #000 ;font-size: 10px;border-radius: 2px;  }
.main-img { width: 100%;height:auto; }
.user_mini { overflow: hidden; }
.readmore-js-toggle {margin-bottom: 5px;}
.vid_thumb { display:block;margin-right:10px;width:100%;height:300px;background-repeat:no-repeat;background-size:cover;background-position: center center;color:#ccc; }

.truncate { max-height: 150px; overflow: hidden; line-height: 15px; }
.comment-truncate { max-height: 45px; overflow: hidden; line-height: 15px; }

/* Notices and Errors */
div.message {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 3px;
}
div.error-message {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 3px;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background: green;
    color: #fff;
}
#flashMessage, #errorMessage {
    font-size: 14px;
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.button-tiny > i {
    display: inline-block;
    vertical-align: text-bottom;
}
.likes i { font-size: 14px; }
.topButton {
    float:right;
    margin-left: 5px;
}
#regFields li {margin-right: 11px;}

.commentButton {
    overflow:hidden;
    display:none;
    margin:5px 0 0 0;
    /*float: right;*/
    text-align: right;
}
.commentButton .button {
    float: right;
}

/* custom */
.box_style1 h3 {
    background-color: #EA5C3E;
    box-shadow: 2px 2px 0px #CF2D0B;
}

/*custom bootstrap*/
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
#left .col-md-3{
    padding-left: 0px;
    padding-right: 0px;
}
#center h1,
#center #home-content h1, .col-md-9 h1 {
    margin-top:0px;
    font-weight:500;
    word-wrap: break-word;
    margin-bottom:10px;
    line-height: 28px;
}

#content .col-md-2{
    padding-left: 0px;
    padding-right: 0px;
}
#content .col-md-10{
    padding-left: 0px;
}

.menu-list .current{
    background: #257aba;
}
.menu-list .current a{
    color: #fff;
}
.menu-list input[type="text"]{
    width: 100%;
}
.topics_count .arr-left{
    display: block;
    position: absolute;
    width: 0;
    border: 8px;
    border-style: solid;
    border-color: transparent #257aba transparent transparent;
    top: 5px;
    left: -14px;
}
.item-content{
    padding: 2px;
}

.like-section a {
    color: #000;
    padding: 0 7px 0 0;
    font-weight: bold;
}
.like-action > a:nth-child(odd) {
    padding-right: 2px;
}
.like-section ul.list_block img {
    width: 50px;
    height: 50px;
}
.like-action > a i{
    color:#939393;
    font-size:14px;
    vertical-align: top;
}
.like-action > a > span {
    vertical-align: top;
    display: inline-block;
    line-height: 1;
}
span.feed-time.date i {
    vertical-align: middle;
}
.like-action{
    float:right;
}
.like-action > a.active i{
    color: #FB7923;
}
.like-section a:hover{
    text-decoration: none;
}
.like-section .likes{
    display: inline-block;
    vertical-align: middle;
    font-weight:bold;
}
.like-section .likes .list_block{
    margin-top:5px;
}
.like-section .list3 li{
    margin-top: 8px;
}
.users_list.user-like li{
    width:33.333%;
    margin-left: 0;
    float:left;
}
.menu-bottom ul{
    padding-left: 0;
    list-style: none;
}
.menu-bottom ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.menu-bottom ul li a{
    color: #9B9B9B;
}
/*define grid 20*/
.col-xs-sl1, .col-sm-sl1, .col-md-sl1, .col-lg-sl1,
.col-xs-sl2, .col-sm-sl2, .col-md-sl2, .col-lg-sl2,
.col-xs-sl3, .col-sm-sl3, .col-md-sl3, .col-lg-sl3,
.col-xs-sl4, .col-sm-sl4, .col-md-sl4, .col-lg-sl4,
.col-xs-sl5, .col-sm-sl5, .col-md-sl5, .col-lg-sl5,
.col-xs-sl6, .col-sm-sl6, .col-md-sl6, .col-lg-sl6,
.col-xs-sl8, .col-sm-sl8, .col-md-sl8, .col-lg-sl8,
.col-xs-sl9, .col-sm-sl9, .col-md-sl9, .col-lg-sl9{
    padding-left:0;
    padding-right:0;
}
.col-xs-sl1, .col-xs-sl2, .col-xs-sl3, .col-xs-sl4, .col-xs-sl5, .col-xs-sl6, .col-xs-sl7, .col-xs-sl8, .col-xs-sl9, .col-xs-sl10{
    float: left;
}
.col-xs-sl1{
    width:10%;
}
.col-xs-sl2{
    width: 20%;
}
.col-xs-sl3{
    width: 30%;
}
.col-xs-sl4{
    width: 40%;
}
.col-xs-sl5{
    width: 50%;
}
.col-xs-sl6{
    width: 60%;
}
.col-xs-sl7{
    width: 70%;
}
.col-xs-sl8{
    width: 80%;
}
.col-xs-sl9{
    width: 90%;
}
.col-xs-sl10{
    width: 100%;
}
h2.header_title{
    font-weight: 300;
    font-size: 22px;
    border-bottom: none;
    margin-top:0;
}
.p_7{
    padding: 7px 0;
}
.profilePage  .users_list,

.p_top_15{
    padding-top: 15px;
}

.profile-sub-menu{
    overflow: hidden;
    margin-bottom: 14px;
}
.edit-profile-section h2{
    font-size: 14px;
    color: #000;
    font-weight: bold;
    margin-bottom: 30px;
}
label{
    font-weight:normal;
}
.edit-profile-section{
    padding: 20px;
}
.edit-profile-section + .edit-profile-section{
    border-top: 1px solid #dfdfdf;
}
.edit-profile-section select,
.edit-profile-section textarea,
.edit-profile-section input[type="text"],
.edit-profile-section input[type="password"]{
    width: 100%;
}
.edit-profile-section ul {
    list-style: none;
    padding:0;
}
.edit-profile-section ul li{
    margin-bottom: 10px;
    position: relative;

}
.profile-tip{
    position: absolute;
    right: -21px;
    top: 6px;
}
.list-item-inline{
    padding-bottom: 5px;
}
.list-item-inline + .list-item-inline{
    border-top: 1px solid #dfdfdf;
    padding-top: 5px;
}
.list-item-inline .list-info{
    margin-left: 60px;
}
#center > .box2{
    background: #fff;

    margin-bottom: 10px;
}

.list-item-inline-text{
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
}
.p_bt_10{
    padding-bottom: 10px;
}
.title-list a{
    /*font-weight: bold;*/
}
.mobile-footer{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F4F4F4;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    z-index:20;
}
.mobile-footer > a{
    display: block;
}
.notify_content .notify_top a{
    color: #247BBA!important;
}
.notify_content > a{
    position: relative;
    padding: 2px 8px;
}
.notify_content > a:hover{
    text-decoration: none;
}
.notify_content > a i{
    color: #98C1DF;
    font-size: 22px;
}
.conversation_count,
.notification_count{
    position: absolute;
    background: #f00;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #fff;
    padding: 1px 5px;
    font-size: 11px;
    top: -11px;
    right: 4px;
    line-height: 15px;
}
.mo_breadcrumb{
    /*overflow: hidden;*/
    margin-bottom:10px;
}
.mo_breadcrumb:after {
    clear: both;
    content: '';
    display: block;
}
.user-idx-item{
    position: relative;
}
.add_people,.add_people:hover{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}

.notify_content ul,
.menu_top_list,
.form_content ul,
.list_block{
    list-style: none;
    padding: 0;
}
ul.menu-list li:active,
ul.menu-list li:hover{
    background:#f1f1f1;
}
ul.menu_top_list li a:hover{
    background:#f1f1f1;
}
ul.menu-list li.cat-header:hover{
    background:none;
}
ul.menu-list li:hover a,
ul.menu_top_list li:hover a {
    color: #247BBA;
}
.menu_acc_content .dropdown-menu{
    margin: 0;
}
.header_h2{
    font-size:15px;
    color:#000;
}
.info_recent_like_item{
    padding-bottom: 10px;
    color:#000;
    font-size:13px;
}
.info_recent_like_item + .info_recent_like_item{
    border-top: 1px solid #dfdfdf;
    padding-top:10px
}
.info_recent_like_item .title-item{
    margin-bottom:5px;
}
.view-all-bottom{
    clear:both;
}
.p_2{
    padding: 2px;
}
.p_l_2{
    padding: 0 2px;
}

.img_list_mobile{
    width: 140px;
}
.list-item-info{
    margin-left:160px;
}
.list-item-description{
    font-size:12px;
    color:#000;
}
.extra_info{
    font-size:12px;
    color:#999;
    padding:5px 0;
}
.extra_info i {
    vertical-align: middle;
}
.create_form label{
    font-size:12px;
    float:none;
}
.create_form .form_content{
    padding: 20px;
}
.form_content .mce-tinymce{
    width:96%!important;
    padding:0 2%;
}
.create_form .form_content #editor_ifr{
    width:100%;
    overflow:auto;
}
.create_form_ajax .form_content li,
.create_form .form_content li{
    margin-bottom:10px;
    position:relative;
}
.create_form_ajax .form_content input[type="text"],
.create_form_ajax .form_content select,
.create_form_ajax .form_content input[type="password"],
.create_form_ajax .form_content textarea,
.create_form input[type="text"],
.create_form select,
.create_form input[type="password"],
.create_form textarea{
    width:100%;
    border-radius: 2px;
    resize:none;
}

.topic_attached_file{
    margin: 10px 0;
}
.date i.icon-comments-alt{
    font-size: 16px;
}
#header_content > div{
    background:#fff;
    margin-bottom: 10px;
}
#leftnav .list_block img,
#right .list_block img{
    height: auto!important;
}
.list_block{
    margin-bottom: 0;
}
.p_5{
    padding:5px;
}

.p_15{
    padding:15px;
}
form#filters li div[class^='col-sm'] {
    float: none;
    width: 100%;
}
form#filters input[type="text"],
form#filters select,
form#filters textarea{
    width:100%;
    resize:none;
}
form#filters .multiSelect{
    padding: 4px 6px 5px 6px!important;
    height: 29px;
}
.list6 li:after {
    content: '';
    display: block;
    clear: both;
}
.header-list li a{
    padding: 4px 7px;
}
.qq-uploader .icon-camera{
    color: #999;
    font-size: 16px;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 8px;
}
.title-modal{
    font-size: 16px;
    font-weight: bold;
    background: #F4F4F4;
    padding: 15px;
    border-radius: 4px 4px 0 0;
}
.modal-dialog,
.modal-content{
    border-radius: 2px;
}
#addFriendForm textarea{
    width: 100%;
    resize: none;
}
.modal-body{
    padding:15px 30px;
}

.create_form .list6 li{
    position: relative;
}
#sendMessage,
#reportForm,
#sendInvite{
    text-align: left;
}

.online-stt{
    display: block;
    width: 15px;
    height: 15px;
    background: #5CCF8D;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.logo-default a{
    display: inline-block;
    height: 50px;
    line-height: 47px;
}
ul.token-input-list{
    width: 100%!important;
}
.text-description{
    padding:5px 0;
}
#loginForm{
    padding: 10px;
    background: #fff;
}
.register_main_form .control-label{
    text-align: left;
    font-weight: normal;
}
.form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}
#submitFormsignup,#step2Submit,#step1Submit{
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    padding: 0 52px!important;
    text-transform: uppercase;
}

.custom-register li div .multi{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.custom-register li label{
    font-weight:normal;
}
.form-control{
    border-radius: 2px;
}
.register_main_form .checkbox label{
    margin-right: 20px;
}
.register_social_form{
    margin:35px 0;
}
.register_social_form .center-login-text{
    margin-bottom:22px;
}
/*
.edit-profile-section .custom-field .col-sm-3{
    width: 33.33333333%;
}
.edit-profile-section .custom-field .col-sm-9{
    width: 66.66666667%;
}*/
.modal-content{
    border:none!important;
    box-shadow:none!important;
}

.thum_activity{
    float: left;
}
.activity_left{
    max-height:150px;
    overflow:hidden;
    float: left;
    width: 150px;
}
.activity_left img{
    max-height: 150px;
}
.activity_right {
    overflow: hidden;
    /*padding-top: 24px;*/
    /*height: 150px;*/
    /*background: #F5F5F5;*/
    padding: 5px 10px;
}
.activity_header a{
    font-size:16px;
    margin-bottom: 10px;
    font-weight:bold;
}
.activity_header a{
    display:block;

}

.list2 li.separate{
    border-top: 1px solid #dfdfdf;
    margin: 10px 0;
}
.cat-header{
    padding: 5px;
    text-transform: uppercase;
    font-size: 11px;
}
li.sub-cat {
    margin-left: 15px;
}
#filters input[type="text"]{
    width:100%;
}
.menu_acc_content a,.menu_acc_content a:hover{
    color:#fff;
    text-decoration:none;
}
.fSignInWrapper a{
    color:#fff;
    text-decoration: none;
}
.search-friend .form-group label,
.search-friend .form-group div.col-sm-9,
.search-friend .form-group div.col-sm-3{
    float: none;
    width: 100%;
}
.inner404{
    text-align:center;
}
.inner404{
    padding:40px 0;
    font-size:18px;
}
.inner404 h2{
    font-size:22px;
    color:#000;
}
.inner404 h2 span{
    font-size:40px;
}

[class^="captcha-icon-"]{
    background-image: url(../img/icons-capcha.png);
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 18px;
}
.captcha-icon-reload{
    background-position: -3px -1px;
}
.captcha-icon-help{
    background-position: -21px -1px;
}
.captcha-icon-audio
{
    background-position: -41px -1px;
}
.captcha-content{
    position: relative;
    padding-right: 148px;
    overflow: hidden;
}
.hideshare-wrap li{
    display: inline-block;
    padding-bottom: 0;
}
.hideshare-wrap li a{
    display: block;
    background-image: url("../img/social-icons.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 23px;
    text-indent: -9999px;
}
.hideshare-wrap li a.twitter{
    background-position: -23px 0;
}
.hideshare-wrap li a.pinterest{
    background-position: -46px 0;
}
.hideshare-wrap li a.googleplus{
    background-position: -68px 0;
}
.hideshare-wrap{
    margin-top:5px;
}
.fb_iframe_widget iframe,
.fb_iframe_widget > span,
.fb_iframe_widget{
    width: 100%!important;
}
.ava-upload .qq-upload-drop-area span,.ava-upload  .upload-section{
    font-size: 13px;
}
.qq-upload-drop-area span{
    text-indent: -99999px;
}
.comment_message .title-link{
    font-size: 14px;
}
.mce-tab{
    /*height:32px!important;*/
}
form#createForm{
    text-align: left;
}

.m_l_2{
    margin-left: 2px;
}
/*Recently join*/
.box-friend ul li img,
.box_featured_user ul li img,
.box_online_user ul li img,
.box_recently_join ul li img{
    width: 50px!important;
    height:50px!important;
}
.box-friend ul li,
.box_featured_user ul li,
.box_online_user ul li,
.box_recently_join ul li{
    display: block;
    padding:2px;
    float: left;
}
/*Popular Album*/


#simpleModal .simple-modal-footer{
    padding: 0 30px 15px;
}
#simpleModal .simple-modal-footer a{
    margin-right: 10px;
}
.jcrop-keymgr{
    visibility: hidden;
}
#conversation_list ul li a:hover{
    text-decoration: none;
}
.material-icons {
    text-rendering: optimizeLegibility;
}
.users_list,
.hideshare-wrap,
.share-menu{
    list-style: none;
    padding-left: 0;
}
body.maintenance-page{
    padding-top:0;
    font-family: 'Roboto', sans-serif;
}
body.maintenance-page #loginForm a{
    font-size: 12px;
    text-decoration: none;
    color: #000;
}
body.maintenance-page .button i {
    vertical-align: middle;
}
.maintenance-page h1{
    font-size: 28px;
}
.container{
    margin-right: auto;
    margin-left: auto;
}
.maintenance-page #loginForm{
    display: none;
    width: 250px;
    padding: 10px;
    top: 50px;
}
.maintenance-page #loginForm input[type='email'], .maintenance-page #loginForm input[type='password']{
    margin-bottom: 10px;
    height: 35px;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    padding: 0 5px;
}
.maintenance-page .logo-default a img{
    padding-top:11px;
}
#regForm #birthdayMonth,
#regForm #birthdayDay,
#regForm #birthdayYear
{
    width:100%;
}
.loginPage{
    margin-bottom:15px;
}
#UserIndexForm .input.password,
#UserIndexForm .input.text{
    margin-bottom:10px;
}

.box_login .login-remember{
    margin-top: 8px;
}
.box_login .row.p_top_15{
    margin-top: 20px;
    clear: both;
    text-align: left;
    clear:both;
}
.loginPage div.input.text{
    margin-bottom:10px;
}

.signup-block .register_main_form,
.signup-block #signUpForm{
    border:none;
}
.signup-block .fSignInWrapper{
    width: 200px;
}
.signup-block{
    padding:0!important;
}
.signup-block #signUpForm{
    margin-bottom:0;
}
ul.list4.albums:after {
    display: block;
    content: '';
    clear: both;
}
.ava_content{
    text-align: center;
    margin:0 auto;
}
.ava_content .jcrop-holder{
    margin: 0 auto;
}
.ava_content .ava-upload{
    width: 300px;
    margin: 0 auto;
}
#footer{
    clear:both;
}
ul.form_content {
    list-style:none;
}
.signup-block,
.check-home,
.profilePage{
    margin-bottom:14px;
}
.signup-block{
    margin:0 7px 14px;
}
.resetpass{
    max-width:600px;
    margin:0 auto;
}
.photo-birthday{
    float: left;
    padding-right: 4px;
}
.m_l_50{
    margin-left:50px;
}
.m_l_60{
    margin-left:60px;
}
.appphoto_margin{
    margin-right:10px;
    width:200px;
}
.wall_upload_image{
    margin-right:20px;
    width:150px;
    padding:2px
}
.addthis_button img{
    border:none;
}
.friend-request-table{
    padding:10px;
    background-color:#fff;
    border-left:none;
    border-right:none;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.m_b_10{
    margin-bottom:10px;
}
.m_t_10{
    margin: 10px 0 0 0px;
}
.image_width_lighbox{
    width:13px;
}
.tag_thumb_topic{
    width:140px;
    float:left;
    margin-right: 20px;
}

.admin-edit-user-ava{
    float:right;
    line-height:1.5;
}
.user_ava_image{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.share_commentButton{
    overflow:hidden;
    display:none;
    margin: 5px 0px 0px;
}
.p_relative{
    position:relative
}
.m_t_30{
    margin-top: 30px;
}
.album_view_des{
    margin:5px 0 15px 0;
}
.m_t_5{
    margin-top:5px;
}
.m_t_2{
    margin-top:2px;
}

.m_l_r_20{
    margin:20px 0;
}
.m_t_0{
    margin-top:0;
}

.m_b_5{
    margin-bottom: 5px;
}
.tag_content{
    margin:5px 0;
}
.profile-edit-message{
    display:none;
    margin:5px 0 0;
}
.no_border{
    border:none;
}
.comment_form_submit{
    text-align:right;
    display:none;
    margin-top:5px
}

.minheight_offline{
    min-height: 50px;
}
.error_color{
    color:red;
}
.white_color{
    color:#fff;
}
.p_l_r_4{
    padding:0 4px;
}
.header_profile_info{
    background:none;
    padding:0;
}
.notification_item{
    line-height:1.5;
    color:#999999;
}

.p_0{
    padding:0;
}
.f_15{
    font-size: 15px;
}


.m_l_r_5{
    margin:5px 0;
}
.m_l_r_10{
    margin:10px 0;
}
.no_display{
    display:none;
}
.edit_photo_avatar_modal{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.p_l_60{
    padding-left:60px;
}
.birthday-post{
    margin-bottom:3px;
    border:1px solid #ccc;
}
.p_l_5{
    padding-left:5px;
}
.m_t_20{
    margin-top:20px;
}
#list-content li {
    position: relative;
}
ul#list-content:after {
    display: block;
    content: '';
    clear: both;
}
#mapmodals label { width: auto!important; display:inline!important; }
#mapmodals img { max-width: none!important; }
html, body, #map-canvas {
    margin: 0;
    padding: 0;
    /*height: 100%;*/
}
#map-canvas {
    width:100%;
    height: 300px;
}
.user_avatar_large{
    width:50px;
    height:50px;
}
.user_avatar_small{
    width:30px;
    height:30px;
}
.m_t_30{
    text-align:center;
}
.list-item-region .thumb_100{
    height:auto;
}
.users_list{
    overflow:hidden;
}
.m_left_60{
    margin-left:60px;
}
.noti_option{
    top: 5px;
    right: 0px;
    position: absolute;
    display: none;
}
.noti_option > a {
    position: static;
    display: block;
    text-align: center;
}
.noti_option > a i.delete-icon{
    position: static;
    display: inline-block!important;
}
#notifications_list li:hover .noti_option {
    display:block;
}
#commentForm{
    overflow:hidden;
}
h4.modal-title{
    border-top:none;
}
.no-liststyle{
    list-style: none;
}
button.close{
    position: absolute;
    right: 0px;
    top: 10px;
    text-align: right;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    width:100%;
}
button.close span{
    display: block;
    padding-right: 15px;
}
button#closeMenuMain{
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
button#closeMenuMain span{
    display: block;
    padding: 11px;
}
.title-modal{
    position:relative;
}
.picker {
    top: 0 !important;
}
.picker--opened .picker__frame {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
body.modal-open-noscroll {
    margin-right: 0!important;
    overflow: hidden;
    position:relative;
    position: fixed;
    left: 0px;
    right: 0px;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0!important;
}
.users_list li.view-more{
    display:block;
}

.list-text-info .title{
    font-size: 16px;
    display: block;
    font-weight: bold;
    overflow: hidden;
}
.list-text-info .like-section{
    float: left;
    margin-top: 10px;
}
.list-text-info{
    margin-left: 160px!important;
}
.list-text-info .comment_message{
    margin-top:10px;
}

.message_text{
    margin-bottom:10px;
}
.m_l_60{
    margin-left:60px;
}
.list_option{
    position: absolute;
    right: 0;
    top: 0;
}
.list_option button{
    border: none;
    padding: 1px 3px;
    background: none;
    box-shadow: none;
    color: #ccc;
    font-size: 12px;
    line-height: 0;
}

.seperate{
    padding: 0;
    height: 1px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-top: 5px!important;
}
.list_option .dropdown-menu{
    right: 0;
    left: auto;
    border-radius: 0px;
    padding-top:0;
    padding-bottom:0;
}
.list_option ul li{
    padding:0;
    margin-bottom:0;
    float:none;
}
.list_option ul li a{
    padding:5px 10px;
    font-size:12px;
}
.comment_wrapper > li + li .list_option{
    top:15px;
}
.post_body{
    position:relative;
}
.post_content{
    font-size:13px;
    margin-bottom:15px;
    overflow:hidden;
}




.header-list{
    position:relative;
}
/*Search people*/
.box2.search-friend .box_content{
    padding: 10px;
}
/*Language box*/
.box2.languagebox .box_content{
    padding:10px;
}
.languagebox ul{
    list-style:none;
    padding:0;
    margin-bottom: 0;
}
.p_10{
    padding:10px;
}
.post_content * {
    max-width: 100%;
}
.box2.noTite-box .box_content{
    padding:10px;
}

/*Popular topic*/
.topic_block .topic_info{
    margin-left:80px;
}
.topic_info .title a{
    font-size: 13px;
    font-weight: bold;
    display: block;
}
.album_info .date a{
    display:inline-block;
    font-size:11px;
}
/*People You may know*/
.suggestion_block ul li{
    position:relative;
}
.suggestion_block ul li > a > img{
    width:70px;
    height:70px;
    float:left;
}
.suggestion_block ul li{
    padding-bottom:5px;
}
.suggestion_block ul li .people_info{
    margin-left:80px;
}

.suggestion_block ul li .people_info > div > a > b{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.comment_message img {
    max-width: 100%;
    height: auto;
}
.post_body .mo_breadcrumb h1{
    padding-right: 35px;
    word-wrap: break-word;
    float: none;
    overflow:hidden;
}
.likes .list_block li {
    display: inline-block;
}

.mo_breadcrumb h1,
.post_body.album_view_detail .mo_breadcrumb h1{
    word-wrap: break-word;
    padding-right: 0;
    float: left;
    overflow:hidden;
}

div#wall_photo_preview span {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-size: cover;
    background-position: center center;
    border: 1px solid #999;
    margin: 0 2px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
}
#wall_photo_preview{
    clear: both;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    padding-top:10px;
}
div#wall_photo_preview > span > a {
    position: absolute;
    right: 2px;
    top: 1px;
    display:none;
}
div#wall_photo_preview > span:hover > a{
    display:block;
}
div#wall_photo_preview span.addMoreImage{
    line-height: 62px;
    text-align: center;
}
.addMoreImage .icon-plus{
    font-size: 27px;
    color: #929292;
}
.comment_wrapper > li{
    position:relative;
}
.comment_wrapper li li .comment{
    position:relative;
}
.commentButton .qq-uploader{
    position:static;
}
.commentButton .qq-uploader{
    position: absolute;
    width: auto;
    top: 2px;
    right: 0;
    border: none;
    background: none;
}
.commentButton .qq-upload-button{
    background: none;
    border: none;
}
.commentButton [id^='comment_button_attach_']{

}
.commentButton{
    float:right;
}
[id^='comment_preview_image_']{
    margin-top: 6px;
}
[id^='comment_preview_image_'] >span{
    display: inline-block;
    width: 100px;
    height: 100px;
    background-size: cover;
    border: 1px solid #ccc;
    position:relative;
    background-position: center;
}
[id^='comment_preview_image_'] >span > a{
    position: absolute;
    right: 0;
}
.comment_thumb img{
    border: 1px solid #ccc;
    max-height: 200px;
    margin: 5px 0;
}

#display-suggestion{
    position: absolute;
    width: 150% ;
    background: #fff;
    left: 0;
    list-style: none;
    padding: 0;
    z-index: 2;
    border: 1px solid #dfdfdf;
    box-shadow:1px 1px 2px rgba(0,0,0,0.2),-1px -1px 2px rgba(0,0,0,0.2);
}
.global-search #display-suggestion{
    position: relative;
    display: none;
}
.global-search .slimScrollDiv{
    display: none;
}
#display-suggestion li{
    overflow:hidden;
    text-align: left;
    padding: 5px;
}
#display-suggestion li:hover{
    background:#f1f1f1;
}
ul#display-suggestion li + li {
    border-top: 1px solid #dfdfdf;
}
ul#display-suggestion li > a.attached-image .global-search input{
    float: left;
    width: 50px;
}
ul#display-suggestion li > div{
    margin-left:60px;
    min-height:50px;
}
#display-suggestion li a.attached-image{
    float:left;
}
#display-suggestion li a:hover{
    text-decoration: none;
}
span.header {
    line-height: 50px;
}
.comment_message * {
    max-width: 100%;
}
.comment_message:after {
    display: block;
    content: '';
    /*clear: both;*/
}
.tag_right{
    margin-left:150px;
}
.tag_right a {
    font-weight: bold;
    font-size: 15px;
}
.m_d_7{
    margin-left:-7px;
    margin-right:-7px;
}
.suggestion-user > a > img{
    float: left;
}
.suggest-right,
.suggestion-user > a > span{
    margin-left: 57px;
    color: #000;
    font-weight: bold;
    display: block;
}
ul#display-suggestion li.header-filter{
    font-size:11px;
}
ul#display-suggestion li.header-filter a{
    color:#333;
    text-align:right;
}
#display-suggestion li.header-filter.viewall a{
    color:#000;
    font-size:12px;
    text-align:center;
}
.notification_content{
    margin-left: 58px;
    margin-right: 30px;
}
.suggest_more_info{
    font-size:12px;
    color:#ACACAC;
    font-weight: normal;
}

.suggest-right .suggest_name{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    font-style:normal;
}

.info-home-name a{
    color:#000;
}
#search-content{
    background:#fff;
    padding:10px;
}
.search-more{
    border:none!important;
}

#center .user-list-index {
    width:16.66666%;
    float:left;
}

#center.col-md-9 .user-list-index {
    width:20%;
    float:left;
}
#center.col-md-6 .user-list-index{
    width: 25%;
    float:left;
}
.suggestion_block ul li{
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
    padding-top: 5px;
}


.suggestion_block ul li .people_info {
    margin-left: 80px;
    padding-top: 5px;
}
.like_count{
    padding-top: 5px;
    font-size: 11px;
    color: #888;
}
.wall_link img{
    width:100%;
}
.search-list-filter{
    list-style:none;
    padding:0;
}
#search-content > h2{
    float: left;
    margin-top: 20px;
}
#search-content .search-more{
    float: right;
    margin-top: 20px;
}
.attending_block ul li,
.waiting_attending_block ul li {
    display: inline-block;
    margin: 2px;
}
#page_pages-display img,
#page_pages-display iframe{
    max-width: 99%;
}
#avatar_wrapper > img{
    max-width: 100%!important;
}
.mutual-friend ul.list_block li{
    display: block;
    padding: 2px;
    float: left;
}
.list6:after {
    display: block;
    content: '';
    clear: both;
}
.user_mini .user-info{
    margin-left: 60px;
}
#list-content{
    list-style:none;
    padding:0;
    margin:0;
}
/*menu footer*/
#footer {
    text-align: center;
    padding: 20px 0 50px;
}
#footer ul.navbar-nav{
    float: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
#footer ul.navbar-nav > li{
    float:none;
    display: inline-block;
    border:none;
}
#footer ul.navbar-nav > li > span,
#footer ul.navbar-nav > li > a{
    padding: 0 5px!important;
    height: auto;
    line-height: 20px;
    font-size: 12px;
    color: #247BBA;
}
#footer ul.navbar-nav > li + li > span:before,
#footer ul.navbar-nav > li + li > a:before {
    content: '.';
    display: inline-block;
    padding-right: 7px;
    padding-right: 7px;
}
.friend-request-info{
    margin-left: 60px;
    margin-right: 130px;
}
[id^="activity_comment_edit_"] textarea ,
[id^="item_comment_edit_"] textarea{
    padding-right: 52px;
}
.activity_comments li[id^='comment_'] .comment {
    /*    margin-right: 30px;*/
}
.captcha_box{
    margin-top: 15px;
}
/*menu left*/
div#right ul.navbar-nav,
div#leftnav ul.navbar-nav{
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 10px;
}
div#right ul.navbar-nav li,
div#leftnav ul.navbar-nav li {
    display: block;
    height: auto;
}
div#right ul.navbar-nav li a,
div#leftnav ul.navbar-nav li a{
    color:#000;
    padding: 5px;
    line-height: 20px;
    height: auto;
}
div#right ul.navbar-nav li ul,
div#leftnav ul.navbar-nav li ul{
    display: block!important;
    position: static;
    border: none;
    margin-left: 10px;
    width: auto;
}
div#right ul.navbar-nav > li > ul li.hasChild:after,
div#leftnav ul.navbar-nav > li > ul li.hasChild:after{
    display:none;
}
.header-wrapper .navbar-nav,
div#center .navbar-nav,
div#south .navbar-nav,
div#north .navbar-nav{
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
    text-align: center;
}
.header-wrapper .navbar-nav ul,
div#center .navbar-nav ul,
div#south .navbar-nav ul,
div#north .navbar-nav ul{
    border-top: 1px solid #ccc;
}
.header-wrapper .navbar-nav li a,
div#center ul.navbar-nav li a,
div#south ul.navbar-nav li a,
div#north ul.navbar-nav li a{
    color:#000;
    line-height: 30px;
}
.header-wrapper .navbar-nav li li a,
div#center ul.navbar-nav li li a,
div#south ul.navbar-nav li li a,
div#north ul.navbar-nav li li a{
    line-height: 40px;
}
.box2 .box_content.box_login{
    padding:10px;
}
#theaterPhotoCommentForm .comment{
    position:relative;
    margin-left: 40px;
}
.wall-post-action select{
    display: inline-block;
    vertical-align: top;
}
.wall-post-action .btn-action{
    display: inline-block;
    vertical-align: top;
    line-height: 21px;
    height: 28px;
}
.birthday-wish{
    position: relative;
    padding-right: 50px;
    margin: 5px 0;
}
.birthday-wish input{
    width: 100%;
    height: 30px;
}
.birthday-wish > a{
    position: absolute;
    right: 0;
    top: 0;
    line-height: 21px;
    height:30px;
}
.privacy_mess{
    background-color: #fff;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
}
.info-home-name a {
    color: #000;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page_has_cookies #header.documentScrolling #cookies-warning{
    display:none;
}
.box_login div.input {
    margin-bottom: 8px;
}
#regForm .checkbox input[type=checkbox]{
    margin-left:0;
}

.open-modal #content-wrapper{
    overflow:hidden;
    position:relative;
}
.fb_email label{
    width: 25%;
    float: left;
}
.fb_email input{
    width:50%;
}

.n52::before {
    content: "\e013";
    font-family: "Glyphicons Halflings";
    left: 2px;
    position: absolute;
    top: 3px;
}
.n52{
    position:relative;
}

#cookies-warning{
    background-color: #222222;
    color: #C4C4C4;
    text-align: center;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
}
#cookies-warning > a{
    color: #FFFFFF;
}
#cookies-warning > .btn{
    padding: 8px!important;
    height: auto;
}
#cookies-warning > .btn.btn-default{
    background-color: #C4C4C4;
}
#cookies-warning > .delete-warning-cookies{
    position: absolute;
    right: 10px;
    font-size: 25px;
}
button.close:focus, button.close:active {
    outline: none;
}
.multiSelectOptions{
    width:100%!important;
}
.box2:after,
.box-friend:after {
    content: '';
    display: block;
    clear: both;
}
/*Landing page*/
.user_register_intro h1 {
    font-size: 64px;
    line-height: 1.2!important;
    margin-bottom: 25px!important;
}
.user_register_intro h1 span {
    color: #5A9E0B;
}
.notify_group .btn-group{
    vertical-align: top;
}
.signup_more {
    font-size: 20px;
    color: #4a4a4a;
}
.new_recent_signup li img {
    width: 65px;
    height: 65px;
}
.new_recent_signup li {
    float: left;
    margin-right: 9px;
    margin-bottom:9px;
}
.user_register_holder .bar-content.user_register_form{

    float: right;
    width:40%;
}
.user_register_holder .register_main_form{
    padding: 24px;
}
.user_register_intro{
    float: left;
    width: 60%;
}
.user_register_holder h1.page-header{
    font-size: 24px!important;
    font-weight: bold!important;
    border-bottom: none;
}
.user_register_holder .regSubmit{
    text-align: left;
}
.new_recent_signup {
    margin-top: 30px;
}
.user_register_holder{
    margin-top:40px;
}
.user_register_holder .register_main_form .control-label{
    font-size: 14px;
    color: #777777;
    margin-bottom: 10px;
}
.user_register_holder .qq-uploader .icon-camera{
    padding-bottom: 0;
    font-size: 20px;
    margin-right: 5px;
}
.user_register_holder .upload-section{
    font-weight: normal;
}
.user_register_holder .qq-upload-button{
    border:none;
}
.user_register_holder #regForm .checkbox input[type=checkbox]{
    width:auto;
    height:auto;
}
.user_register_holder select#gender,
.user_register_holder  select#timezone{
    width: 100%;
    height: 34px;
}
.user_register_holder .col-md-sl3,
.user_register_holder .col-md-sl7{
    width: 100%;
    float: none;
}
.user_register_holder .register_social_form .center-login-text{
    float: left;
    margin-bottom: 0;
    line-height: 41px;
    margin-right:10px;
}
.user_register_holder #customBtn,
.user_register_holder .fSignInWrapper{
    width: 114px;
    border-radius: 4px;
    float: left;
    margin: 0 10px;
}
.user_register_holder .form-horizontal .form-group{
    margin-bottom:5px;
}
.user_register_holder .register_social_form{
    overflow:hidden;
    padding:24px;
    margin:0;
}
.guest-action .loginPage{
    float:left;
}
.guest-action #loginForm{
    width: auto;
    padding: 0;
    background: none;
    border: none;
}
.guest-action #loginForm h1{
    display:none;
}
.guest-action #loginForm div.input{
    float:left;
}
.guest-action #loginForm input[type='text'], .guest-action #loginForm input[type='email'], .guest-action #loginForm input[type='password']{
    height:30px;
    margin-bottom: 0;
    margin-left: 5px;
    color:#000;
}
.guest-action div#loginForm * {
    color: #fff;
}

.guest-action div#loginForm span.buttonText {
    display: none;
}
.guest-action .register_social_form{
    margin:0;
    float:right;
    margin-left:10px;
}
.guest-action .main_login_form{
    float:left;
}
.guest-action #customBtn,
.guest-action .register_social_form .fSignInWrapper{
    width: 28px;
    height: 28px;
    margin: 0;
}
.guest-action #customBtn span.icon,
.guest-action .fSignInWrapper span.icon{
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: 2px 0px;
}
.guest-action .register_social_form #gSignInWrapper,
.guest-action .register_social_form .fSignInWrapper{
    display: inline-block;
    vertical-align: top;
}
.guest-action .center-login-text span{
    font-weight: normal;
}
.guest-action .register_social_form .center-login-text{
    margin-bottom:5px;
}
.guest-action .btn-login{
    margin-left: 5px;
    height: 30px;
    width: auto;
    float: left;
    background: #eaeaea;
    color: #000!important;
    border: 1px solid #d5d5d5;
}
.guest-action .p_top_15{
    padding-right: 52px;
    margin-left: 5px!important;
}
.guest-action .col-md-6.text-right{
    text-align: left;
}
.guest-action .input.password, .guest-action .input.text{
    margin-bottom: 10px;
}
.btn-signup-top{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    height: 32px;
    line-height: 24px;
    background: #5a9e0b;
    border: 1px solid #47790c;
}
span.signup_header_content{
    display: block;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #1e6396;
    height: 52px;
}
.col-md-3 .user_register_intro,
.col-md-6 .user_register_intro,
.col-md-9 .user_register_intro{
    display:none;
}
.col-md-3 .user_register_holder .user_register_form,
.col-md-6 .user_register_holder .user_register_form,
.col-md-9 .user_register_holder .user_register_form{
    float:none;
    width:100%;
}
.col-md-3 .user_register_holder,
.col-md-6 .user_register_holder,
.col-md-9 .user_register_holder{
    margin-top:0;
}
.user_register_holder .form-horizontal .form-group label {
    float: none;
    width: 100%;
}
.user_register_holder .form-horizontal .form-group .col-md-9 {
    float: none;
    width: 100%;
}
.captcha_box {
    margin-top: 15px;
    overflow: hidden;
    clear: both;
    padding-left: 5px;
}
#captcha{
    clear:both;
}
.user_register_holder input#spam_challenge{
    width:100%;
}
.user_register_holder .form-group > .col-sm-3 {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
    color: #777777;
}
.user_register_holder .form-group > .col-sm-9{
    width: 100%;
    float: none;
}
.userTagging-userTagging span.twitter-typeahead{
    max-width: 100%;
}
div.mce-fullscreen{
    z-index: 2000;
}
[class^='igicon-']{
    width:9px!important;
    height:9px;
    display: inline-block;
    background-image:url(../img/read-unread.png);
    background-repeat: no-repeat;
}
.mark_section{
    position: absolute;
    right: 10px;
    top: 10px;
}
.mark_section i{
    font-size: 12px;
}
.mark_unread i{
    color:#ccc;
}
.igicon-unmark{
    background-position: 0 -9px;
}
#main_menu i{
    margin-right: 5px;
}
.material-icons{
    font-size: 16px;
}
.feed_comment_info i {
    vertical-align: middle;
    /*margin-left: 5px;*/
}
.feed_time i {
    vertical-align: bottom;
}
.vmiddle{
    vertical-align: middle;
}
/*collapse cat*/
.list2 li.category_header {
    padding: 5px;
    margin: 0;
    cursor: pointer;
}
.subcat_dropdown {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
li.category_header span {
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    text-align: center;
}
li.category_header span.subplus:after {
    content: '+';
}
li.category_header span:after{
    content: '-';
}
.subcat_dropdown.showCat {
    height: auto;
}
/*tooltip*/
body .qtip-default{
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #dedede;
    padding: 0px;
    max-width: none;
    z-index: 1111!important;
}
body div.qtip-content {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px 10px;
    overflow: visible;
}
body .qtip .qtip-tip{
    overflow: visible;
}
body .tooltip_main {
    display: flex;
    min-width: 320px;
}
body .tooltip_photos img {
    width: 100px;
    height: 100px;
}
body .tooltip_photos {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
    width: 100px;
    text-align: center;
    margin-right: 10px;
}
body .item_geneal_info .item_title{
    font-size: 24px;
    color: rgba(33, 99, 176, 0.9);
    line-height: 1.5;
    margin-bottom: 5px;
}
body .item_geneal_info .item_title span{
    display: inline-block;
    position: static;
}
body .item_geneal_info .item_stat {
    padding-bottom: 0;
    font-size: 13px;
}
body .item_tooltip_actions {
    background: #f1f1f1;
    padding: 10px;
    white-space: nowrap;
    margin: 10px -10px -10px;
    text-align: right;
}
body .qtip-content #loginForm{
    padding: 0;
    width: 100%;
    border: none;
}
.item_tooltip_actions .dropdown-menu{
    right: 0;
    left: auto;
    top: 25px;
}
.tooltip_photos > div {
    margin-top: 5px;
    font-size: 12px;
}
.people_btn,
.review_star{
    background-color: #c8c8c8;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    color: #fff;
}
.people_btn i,
.review_star i{
    font-size: 20px;
    vertical-align: middle;
}
.star_block > div > span {
    display: block;
    font-size: 20px;
    color: rgba(33, 99, 176, 0.9);
    font-weight: bold;
}
.star_block > * {
    display: inline-block;
    vertical-align: middle;
}
.item_stat .star_block {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    vertical-align: top;
    margin-top: 10px;
}
.item_tooltip_actions i {
    font-style: normal;
}
.item_stat .star_block > div {
    padding-left: 5px;
}
.global-search > i {
    position: absolute;
    left: 5px;
    color: #999;
    font-size: 22px;
}
.people_info > div > a{
    display: inline-block;
}
.people_info > div > a.moocore_tooltip_link {
    display: block;
    padding-right: 10px;
}
/*chat notification*/
#conversation_list .moochat_userscontentavatarimage,
#conversation_list .moochat_userscontentavatar{
    width: 52px;
    height: 52px;
}
#conversation_list ul.initSlimScroll > li:after {
    content: '';
    display: block;
    clear: both;
}
#conversation_list .notification_content .date{
    color: #999;
    display: block;
    font-size: 9px;
    padding-top: 2px;
}
#conversation_list .notification_content > div{
    color: #7f7f7f;
    padding-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#conversation_list .mooGroup{
    margin-top: 0;
}
#conversation_list .mooGroup span.moochat_userscontentavatar.two_member img{
    width: 100%;
    height: 100%;
}
#conversation_list span.moochat_userscontentavatar.three_member > img:first-child{
    width: 100%;
    height: 100%;
    margin-left: -50%;
}
#conversation_list .mooGroup span.moochat_userscontentavatar img{
    width: 25px;
    height:25px;
}
#conversation_list .mooGroup span.moochat_userscontentavatar.two_member img + img{
    left: auto;
    right: -50%;
}
.conversation_list .comment{
    padding-right: 20px;
}
.people_info > div > a,
.request_add_friend > i{
    vertical-align: top;
}
ul.photo-theater-comment > li > a i {
    vertical-align: middle;
    margin:0 0 0 5px;
}
.photo-theater-comment > .pull-right {
    margin-left: 10px;
}
div#tags i,
ul.photo-theater-comment li i{
    vertical-align: middle;
}
.feed-time.date > span > *:not(script) {
    display: inline-block;
    vertical-align: middle;
}
form#theaterPhotoCommentForm {
    padding-top: 10px;
}
i.material-icons.follow_icon {
    position: relative;
}
.profile-checkbox input[type="checkbox"] {
    margin-top: 4px;
}
.follow_icon:after {
    content: '+';
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: -4px;
    bottom: 0;
    width: 11px;
    height: 11px;
    color: #fff;
    background: #A6A6A6;
    line-height: 7px;
    text-align: center;
    border-radius: 50%;
    display: block;
    border: 1px solid #fff;
}
.maintenance-page .login_offline {
    display: none;
}
.item_tooltip_actions > div.dropdown {
    display: inline-block;
}
.img_link_cover{
    display: block;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
}
.removePreviewlink i.icon-delete:before,
#preview_link i.icon-delete:before{
    content: '';
}
.menu .material-icons {
    margin-right: 5px;
    vertical-align: middle;
}
.tt-dataset-friends_userTaggingOnShareForm .suggestion-item.tt-suggestion {
    margin: 5px auto;
    min-height: 32px;
    padding: 2px 10px 2px 45px;
    position: relative;
}
input#search_friend {
    margin-bottom: 10px;
}
h2.profile-friend {
    font-weight: 300;
    font-size: 22px;
    color: #3E3E3E;
}
.tipsy{
    max-width: 250px;;
}
#sub_compare_page > h1 {
    font-size: 24px;
}
.current_subscription_info {
    border-radius: 4px;
    border: solid 1px #ebebeb;
    padding: 14px;
    margin-bottom: 30px;
}
.current_subscription_info .items {
    font-size: 16px;
}
.current_subscription_info .items label {
    display: inline-block;
    width: 200px;
}
.current_subscription_info .items .status {
    display: inline-block;
    color: #417505;
}
.subscription_text {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}
.pin-feed-icon {
    float: right;
    margin: 0 30px 0 10px;
}
.tiny_desc .mce-panel {
    border-bottom: none;
}
.toggle_image_wrap {
    border: 1px solid #DFDFDF;
    display: block;
    width: 96% !important;
    padding: 10px 2%;
    box-sizing: content-box;
}
.reply_action {
    margin-left: 5px;
}
.reply_action i {
    margin-right: 5px;
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    vertical-align: middle;
}
.section-menu .profile-action .dropdown {
    display: inline-block;
    vertical-align: middle;
}
.new_reply_comment > .comment > .commentButton > a.btn.btn-action:active ,
.new_reply_comment > .comment > .commentButton > a.btn.btn-action:focus ,
.new_reply_comment > .comment > .commentButton > a.btn.btn-action:hover ,
.new_reply_comment > .comment > .commentButton > a.btn.btn-action {
    color: #247BBA;
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    padding: 0 !important;
    position: absolute;
    right: -40px;
    top: 0;
    width: 35px;
    background: #e5e5e5;
}
#theaterPhotoCommentForm .comment #shareButton > em ,
#theaterPhotoCommentForm .comment .shareButton > em ,
#commentForm .comment .shareButton > em ,
.btn.btn-action.viewer-submit-item-comment > em ,
.btn.btn-action.viewer-submit-comment > em ,
.new_reply_comment > .comment > .commentButton > a.btn.btn-action > i {
    font-size: 20px;
    line-height: 26px;
}
.btn.btn-action.viewer-submit-item-comment:focus,
.btn.btn-action.viewer-submit-item-comment:hover, 
.btn.btn-action.viewer-submit-item-comment, 
.btn.btn-action.viewer-submit-comment:focus, 
.btn.btn-action.viewer-submit-comment:hover, 
.btn.btn-action.viewer-submit-comment {
    color: #247BBA;
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    padding: 0 !important;
    position: absolute;
    right: -45px;
    top: 0;
    width: 35px;
    box-shadow: none;
    background: #e5e5e5;
}
#theaterPhotoCommentForm .comment .shareButton,
#theaterPhotoCommentForm .comment #shareButton,
#commentForm .comment .shareButton {
    color: #247BBA;
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    padding: 0 !important;
    position: absolute;
    right: -45px;
    top: 0;
    width: 35px;
    background: #e5e5e5;
}
/* -------- reply --------- */
#theaterComments li.new_reply_comment .comment ,
.feed_comment_info .comment_list > li.new_reply_comment > .comment{
    /*margin-left: 0;*/
    margin-right: 35px;
}
.feed_comment_info .comment_list > li > ul[id^="comments_reply_"]{
    margin-right: 0;
    margin-left: 45px;
}

ul[id^="comments_reply_"] > li[id^="itemcomment_"],
ul[id^="activitycomments_reply_"] > li[id^="itemcomment_"],
#comments.comment_list ul[id^="item_comments_reply_"] > li[id^="itemcomment_"]
{
    /*background-color: yellow;*/
    padding-left: 0;
    padding-right: 0;
}
ul[id^="comments_reply_"] > li[id^="itemcomment_"] .user_avatar_large,
ul[id^="activitycomments_reply_"] > li[id^="itemcomment_"] .user_avatar_large,
ul[id^="comments_reply_"] > li[id^="itemcomment_"] .user_avatar_small,
ul[id^="activitycomments_reply_"] > li[id^="itemcomment_"] .user_avatar_small,
#comments.comment_list ul[id^="item_comments_reply_"] > li[id^="itemcomment_"] .user_avatar_large,
#comments.comment_list ul[id^="item_comments_reply_"] > li[id^="itemcomment_"] .user_avatar_small,
#comments > li[id^="itemcomment_"] .user_avatar_large
{
    width: 30px;
    height: 30px;
}
ul[id^="comments_reply_"] > li[id^="itemcomment_"] .comment,
ul[id^="activitycomments_reply_"] > li[id^="itemcomment_"] .comment,
#comments.comment_list ul[id^="item_comments_reply_"] > li[id^="itemcomment_"] .comment
{
    /*margin-left: 35px;
    padding-right: 5px;*/
}

#comments.comment_list ul[id^="item_comments_reply_"]{
    /*margin-left: 50px;*/
}
#comments.comment_list > li > .comment{
    margin-right: 0;
    margin-left: 50px;
    padding-right: 5px;
}
#comments.comment_list ul[id^="item_comments_reply_"] > li[id^="item_newComment_reply_"] > .comment{
    /*margin-right: 30px;*/
    /*margin-left: 0;*/
}

#commentForm .user_avatar_large{
    width: 30px;
    height: 30px;
}

.comment_list [id^="activitynewComment_reply_"] > .comment {
    /*margin-right: 30px !important;*/
    /*margin-left: 0!important;*/
}

.activity_comments li[id^="newComment_reply_"] .comment {
    /*margin-right: 30px;*/
    /*margin-left: 0;*/
}

[id^="activitycomment_reply_preview_image_"] > span,
[id^="comment_reply_preview_image_"] > span,
[id^="item_comment_reply_preview_image_"] > span {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-size: cover;
    border: 1px solid #ccc;
    position: relative;
    background-position: center;
}
[id^="activitycomment_reply_preview_image_"] > span > a,
[id^="comment_reply_preview_image_"] > span > a,
[id^="item_comment_reply_preview_image_"] > span > a {
    position: absolute;
    right: 0;
}

#theaterComments > li > ul[id^="item_comments_reply_"] > li[id^="item_newComment_reply_"] > .comment{
    margin-left: 0;
    margin-right: 65px;
    padding-right: 5px;
}
#theaterComments > li[id^="itemcomment_"] > .moocore_tooltip_link > .user_avatar_large{
    width: 30px;
    height: 30px;
}
#theaterPhotoCommentForm img.user_avatar_large.img_wrapper2 {
    width: 30px;
    height: 30px;
}
#theaterComments > li[id^="itemcomment_"] > .comment{
    margin-left: 40px;
    padding-right: 5px;
    /*    margin-right: 30px;*/
}
#theaterComments li[id^="itemcomment_"] > [id^="item_comments_reply_"]{
    /*margin-left: 40px;*/
}
#theaterComments ul[id^="item_comments_reply_"] > li[id^="itemcomment_"] .moocore_tooltip_link > .user_avatar_large{
    width: 30px;
    height: 30px;
}
#theaterComments ul[id^="item_comments_reply_"] > li[id^="itemcomment_"] .comment{
    margin-left: 35px;
    margin-right: 0;
    padding-right: 15px;
}
#theaterComments li.new_reply_comment .comment {
    /*margin-left: 0;*/
}
li.new_reply_comment {
    margin-top: 10px;
}


.feed_comment_info ul[id^="comments_"] > li[id^="comment_"] > .comment{
    /*    margin-right: 0;*/
    margin-left: 35px;
    /*    padding-right: 5px;*/
}

.feed_comment_info ul[id^="activitycomments_reply_"] > li[id^="itemcomment_"]{
    padding-left: 0;
    padding-right: 0;
}
ul[id^="comments_reply_"] > li,ul[id^="activitycomments_reply_"] > li{
    padding-left: 0;
    padding-right: 0;
}

ul[id^=comments_reply_] .comment_message > [id^=item_comment_edit_] > .emoji-toggle,
ul[id^=activitycomments_reply_] > li[id^=itemcomment_] .comment_message > [id^=item_comment_edit_] > .emoji-toggle{
    top: 2px;
    right: 30px;
}
.comment_wrapper li li[id^="newComment_"] .comment {
    margin-right: 35px;
}
#theaterPhotoCommentForm > .comment, #commentForm > .comment {
    margin-right: 40px !important;
}
.activity_feed_content > .comment {
    margin-left: 60px;
}
.no-result-found {
    background: #fff;
    padding: 10px;
    text-align: center;
}
.convo_msg .comment {
    margin-left: 60px;
}
.edit-post-icon.comment-option .cross-icon i {
    line-height: 24px;
}
.edit-post-icon.comment-option .cross-icon {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    top: -8px;
}
span.main_comment {
    display: block;
    margin-top: 5px;
}
li.new_reply_comment i.icon-refresh.icon-spin {
    display: none;
}
li.new_reply_comment .comment.comment-form {
    margin-right: 30px;
}
.profile-action .open > .dropdown-menu {
    right: 0;
    left: auto;
}

@media (min-width: 992px){
    body.default-body.page_has_cookies{
        padding-top:180px;
    }
    .global-search #display-suggestion{
        max-height: 400px;
        overflow: auto;
    }
    .logo-default img {
        max-height: 50px;
    }
    #page_subscribes-index #content-wrapper.container {
        /*width: 1030px;*/
        padding: 0;
    }

}

@media (min-width: 991px){
}
@media (min-width: 768px){
    .col-sm-sl1, .col-sm-sl2, .col-sm-sl3, .col-sm-sl4, .col-sm-sl5, .col-sm-sl6, .col-sm-sl7, .col-sm-sl8, .col-sm-sl9, .col-sm-sl10{
        float: left;
    }
    .col-sm-sl1{
        width:10%;
    }
    .col-sm-sl2{
        width: 20%;
    }
    .col-sm-sl3{
        width: 30%;
    }
    .col-sm-sl4{
        width: 40%;
    }
    .col-sm-sl5{
        width: 50%;
    }
    .col-sm-sl6{
        width: 60%;
    }
    .col-sm-sl7{
        width: 70%;
    }
    .col-sm-sl8{
        width: 80%;
    }
    .col-sm-sl9{
        width: 90%;
    }
    .col-sm-sl10{
        width: 100%;
    }
}
@media (min-width: 1025px){
    .open_large_menu{
        display:block!important;
    }
}
@media (max-width: 1024px) and (min-width: 993px){
    .btn_open_large{
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        background: #1C659B;
        position: relative;
        border-radius: 4px;
        padding: 7px;
        margin-top: 9px;
        position: absolute;
        top: -2px;
        left: 164px;
    }
    .arr-menu{
        display: block;
        width: 0;
        border-width: 6px;
        border-style: solid;
        border-color: transparent #1C659B transparent transparent;
        position: absolute;
        left: -12px;
        top: 8px;
    }
    span.line {
        display: block;
        height: 2px;
        width: 100%;
        background: #fff;
        margin-bottom: 4px;
    }
    .open_large_menu{
        display:none;
        position: absolute;
        width: 200px;
        background: #fff;
        border: 1px solid #dfdfdf;
        top: 47px;
        left:0;
    }
    .open_large_menu ul li {
        display: block;
        text-align: left;
    }
    .open_large_menu  ul.navbar-nav li span.header,
    .open_large_menu ul li a {
        color: #000;
    }
    #main_menu li a{
        line-height: 35px!important;
    }
    .open_large_menu ul{
        display: block!important;
        position: static!important;
        margin-top: 0!important;
        width: auto!important;
        border: none!important;

    }
    ul.navbar-nav li ul li.hasChild{
        height:auto;
    }
    .documentScrolling .notify_group,

    #header.documentScrolling{
        top:0!important;
    }
    .documentScrolling .logo-default{
        top:-3px!important;
    }
    .documentScrolling #main_menu > li{
        float:none!important;
    }
    .header-bg{
        height:50px!important;
    }
    #main_menu > li a.active,
    #main_menu > li:hover,
    #main_menu li span:hover,
    #main_menu li.current a,
    #main_menu li a:hover{
        color:#fff;
    }
    .open_large_menu ul li.hasChild ul {
        margin-left: 15px;
    }
}

@media (min-width: 992px){

    .col-md-sl1, .col-md-sl2, .col-md-sl3, .col-md-sl4, .col-md-sl5, .col-md-sl6, .col-md-sl7, .col-md-sl8, .col-md-sl9, .col-md-sl10{
        float: left;
    }
    .col-md-sl1{
        width:10%;
    }
    .col-md-sl2{
        width: 20%;
    }
    .col-md-sl3{
        width: 30%;
    }
    .col-md-sl4{
        width: 40%;
    }
    .col-md-sl5{
        width: 50%;
    }
    .col-md-sl6{
        width: 60%;
    }
    .col-md-sl7{
        width: 70%;
    }
    .col-md-sl8{
        width: 80%;
    }
    .col-md-sl9{
        width: 90%;
    }
    .col-md-sl10{
        width: 100%;
    }
    .list_block .col-xs-sl2{
        width: 25%;
    }
    #center .list_block .col-xs-sl2,
    .like-section .list_block .col-xs-sl2{
        width: auto;
    }
    #main_menu > li.hasChild > ul > li > a {
        line-height: 40px;
    }
    .bar-content{
        padding: 0 7px;
    }
    .bar-content > div{
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 2px;
        margin-bottom: 14px;
    }
    .modal-content .bar-content > div{
        border:none;
    }
    .bar-content > div#mapmodals{
        background:none;
        border: none;
    }
    #main_menu li a{
        line-height: 44px;
        padding: 0px 12px;
    }
    #main_menu > li:hover > i,
    #main_menu > li:hover > span.header,
    #main_menu li a:hover{
        color:#fff!important;
    }
    ul.navbar-nav li span.header{
        display: block;

        line-height: 45px;
        height: 45px;
        padding: 0px 12px;
    }
    ul.navbar-nav > li > span.header{
        color: #fff;
    }
    ul.navbar-nav li:hover ul li span.header,
    ul.navbar-nav li ul li span.header{
        color:#000;
    }
    #footer ul li ul li:hover span.header{
        color:#000;
    }
    ul.navbar-nav > li a > span,
    ul.navbar-nav li span.header > span{
        position: absolute;
        background: #fff;
        color: #000;
        max-width: 200px;
        z-index: 10;
        border: 1px solid #dfdfdf;
        top: 37px;
        padding: 5px;
        line-height: 16px;
        display:none;
        word-wrap: break-word;
        text-align: left;
    }
    ul.navbar-nav > li a:hover >span,
    ul.navbar-nav li span.header:hover > span{
        display:block;
        background:#fff;
    }
    ul.navbar-nav li:hover span.header{
        color:#000;
    }
    .block{
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 2px;
    }
    .block-header{
        background: #f6f6f6;
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid #ccc;
    }
    .block-header h3{
        font-size: 12px;
        line-height: 30px;
        margin: 0;
        padding: 0 15px;
    }
    .event-box-content{
        padding: 10px !important;
    }
    .box2 .box_content,
    .block-body{
        padding: 3px;
    }
    .ava_home{
        float: left;
        margin-right: 10px;
    }
    .info-home-name{
        font-size: 18px;
        font-weight: 500;
        padding: 0 15px;
        margin-bottom: 3px;
        margin-top: 2px;
        line-height: 1.4;
    }
    .box2 {
        margin-bottom:15px;
        /*overflow: hidden;*/
    }
    .box2 h3 {
        background: #f6f6f6;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 0 15px;
        font-size: 14px;
        font-weight: bold;
    }
    .box2 h3 a {
        /*        line-height: 30px;
                margin: 0;
                height: 30px;
                display: block;*/
    }
    #leftnav .box2 h3 a,
    #right .box2 h3 a{
        font-size: 14px;
        color: #000;
    }
    #center .box2 h3 a{
        font-size: 16px;
    }
    #home-content{
        /*padding: 0 7px;*/
    }
    .search-friend input[type="text"],
    .search-friend select{
        width: 100%;
        box-sizing: border-box;
    }
    .bar-content > div.profile-info-menu{
        /*        background: none;
                border: none;*/
        padding:10px;
    }
    .bar-content > div.profile-info-menu .box2 h3{
        background: none;
        border: none;
        padding: 0;
        font-weight: bold;
    }
    div.profile-info-menu .list2 .current a{
        color: #000;
    }
    #center .box2 h3{
        font-size: 16px;
        color: #3E3E3E;
        margin-top: 0px;
        font-weight: 300;
        background: none;
        border: none;
    }
    #center .box2 .box_content{
        padding:15px;
    }
    .menu_large{
        /*display: inline-block;*/
        position: absolute;
        right: 0;
        top: 10px;
    }
    #mobi_menu,
    #right,
    #leftnav{
        display: block!important;
    }
    #home-content .box1{
        margin-left: 0;
        margin-right:0;
    }
    #avatar{
        width: 170px;
        height:170px;
        margin-top:-117px;
        margin-bottom: 10px;
    }
    .profile-info-section{
        margin-left: 15px;
        min-height: 40px;
        padding-top: 15px;
        padding-bottom: 0;
        float: left;
    }
    .privacy_profile{
        padding:10px;
        border: 1px solid #ccc;
        background: #fff;
        margin: 0 7px;
    }
    .content_center{
        padding: 15px;
    }
    body.default-body{
        padding-top: 104px;
    }
    body[id^='page_guest']{
        padding-top: 125px;
    }
    .global-search{
        background-color: #176DAE;
        height: 30px;
        padding: 4px 10px 4px 28px;
        -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-tap-highlight-color: transparent;
        /*opacity: 0.7;*/
        background-position: 7px 6px;
        border: none;
        position: absolute;
        right: 174px;
        padding:4px 15px;
        padding-left:30px;
        top:8px;
        width: 275px;
    }
    .global-search input{
        width: 100%;
        height: 23px;
        background: none;
        border: none;
        color:#fff;
    }
    .global-search.active {
        background-color: #fff;
        border: 1px solid #4291D1;
        color:#000;
        opacity:1;
        cursor: default;
        z-index: 1000;
    }
    .user-name-header,.user-name-header:hover{
        color:#fff!important;
        text-decoration: none!important;
        font-size:13px;
        margin-right: 10px;
        padding: 2px 3px 8px;
        border-radius: 2px;
    }
    .user-name-header:hover{
        background-color: #1B71B1;
    }
    .user-name-header span{
        max-width: 60px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 5px;
        vertical-align: middle;
    }
    #member-avatar{
        border:1px solid #fff;
        border-radius: 2px;
    }
    .notify_content .dropdown-menu{
        padding: 0;
        border-radius: 2px;
        top: 39px;
    }
    .notify_group #notifications_list{
        padding: 0;
        border-radius: 2px;
        top: 38px;
        right: -42px;
        width: 430px;
        font-size: 12px;
        left: auto;
    }
    .notify_group #conversation_list{
        padding: 0;
        border-radius: 2px;
        top: 38px;
        width: 430px;
        font-size: 12px;
        left: auto;
        right: 0;
    }
    #conversation_list .arr-notify,
    #notifications_list .arr-notify{
        position: absolute;
        width: 0;
        border: 6px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        right: 56px;
        top: -12px;
    }
    #conversation_list .arr-notify{
        right: 15px;
    }
    .notify_no_content{
        padding: 7px 10px;
        text-align: center;
    }
    .more-notify{
        background:#f1f1f1;
        text-align:center;
    }
    .p_l_7{
        padding:0 7px;
    }
    .content_center_home{
        border:1px solid #ccc;
        padding:15px;
        background:#fff;
    }
    /*    .mo_breadcrumb h1{
            float: left;
        }*/
    .profile-header{
        margin: 0 7px 15px;
        /*min-height: 357px;*/
    }
    .p_7{
        padding: 7px;
    }

    .arr-down{
        position: absolute;
        width: 0;
        border: 6px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }
    .menu_acc_content{
        /*width: 96px;*/
        text-align: right;
        /*margin-top:4px;*/
    }
    .main-menu-content{
        padding:0;
    }
    .menu_acc_content .dropdown-menu{
        top: 40px;
        border-radius: 2px;
    }
    .menu_acc_content .arr-down{
        right: 8px;
        top: -11px;
    }
    #list-content li[id^='activity_'],
    #status_box{
        border:1px solid #ccc;
        border-radius: 2px;
    }
    .view-all-bottom{
        float:right;
    }



    .list-item-region li + li{
        border-top: 1px solid #dfdfdf;
        padding-top: 10px;
    }
    .img_wrapper2 {
        /*        border: 1px solid #ccc;
                border-radius: 2px;*/
    }
    .event-info-list{
        margin-left: 165px;
        margin-right: 30px;
    }
    .event-info-list .title{
        font-size: 15px;
    }


    .create_form > div{
        text-align: left;
    }
    .create_form{
        text-align: center;
    }
    .create_form #notificationForm {
        text-align: left;
    }
    .create_form .form_content{
        padding: 20px 40px;
    }

    #center > .box2{
        background: #fff;
        margin:0 7px 15px;
        padding:0px;
        border:1px solid #ccc;
    }
    .header-list{
        float:right;
    }
    .group-detail .share-video-section .content_center{
        border:1px solid #ccc;
    }
    .dropdown-user-box {
        display: inline-block;
        vertical-align: top;
        height: 26px;
        width: 26px;
        line-height: 26px;
        text-align: center;
    }
    .notify_group{
        position: absolute;
        right: 65px;
        top: 0px;
    }
    .notify_content > a i{
        color: #98C1DF;
    }
    .notify_content > a.hasNotify i{
        color: #fff;
    }
    .header-button-list li a{
        padding: 0 9px;
    }
    .profile-action .button i{
        font-style: normal;
    }
    #header_mobi{
        display:none;
    }
    .profilePage {
        /*margin: 0 7px;*/
    }
    .no_content{
        border: 1px solid #ccc;
        background: #fff;
        padding: 15px;
    }
    .profile_info{
        margin-left: 202px;
    }
    ul.list3.profile_info {
        margin-top: 10px;
    }
    #main_menu li.explorer_menu ul{
        position: absolute;
        top: 44px;
        background: #fff;
        border: 1px solid #dfdfdf;
        width: 150px;
        display:none;
        padding-left: 0;
        text-align: left;
    }
    #main_menu li.explorer_menu:hover ul{
        display:block;
    }
    #main_menu li.explorer_menu > a{
        position:relative;
        padding-right: 23px;
    }
    #main_menu li.explorer_menu ul li{
        display:block;
        float:none;
    }
    #main_menu li.explorer_menu ul li a{
        color:#000;
        line-height: 30px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display:block;

    }
    #main_menu li.explorer_menu > a i{
        position: absolute;
        right: -6px;
        top: 15px;
        color:#fff;
    }
    .menu_acc_content ul li a{
        font-size:12px;
    }
    #main_menu li.explorer_menu ul li a:hover{
        background:#F5F5F5;
    }
    .inner404{
        width:640px;
        margin:0 auto;
    }
    ul.navbar-nav{
        float: none;
    }
    ul.navbar-nav li{
        float:none;
        position:static;
    }
    #mobi_menu{
        text-align: center;
    }
    .logo-default{
        position: absolute;
        left: 0;
        top:-3px;
        /*-webkit-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*-moz-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*-webkit-tap-highlight-color: transparent;*/
    }
    body[id^='page_guest_'] .logo-default{
        top:6px;
    }
    .documentScrolling .logo-default{
        top:42px;
    }
    body[id^='page_guest_'] .documentScrolling .logo-default{
        top:64px;
    }
    .documentScrolling #main_menu > li{
        float: left;
    }
    .documentScrolling .menu_large{
        top: 55px;
    }
    .documentScrolling .notify_group{
        top: 45px;
    }
    #main_menu{
        margin-top: 45px;
    }
    body[id^='page_guest_'] #main_menu{
        margin-top: 70px;
    }
    body[id^='page_guest_'] .header-bg{
        height:70px!important;
    }
    .full_header{
        position: relative;
    }
    #header{
        top:0;
        /*-webkit-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*-moz-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*-webkit-tap-highlight-color: transparent;*/
    }
    #header.documentScrolling {
        top: -45px;
        height:90px;
    }
    #mobi_menu{
        margin-left: 0;
        /*-webkit-transition: margin-left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*-moz-transition: margin-left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*transition: margin-left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);*/
        /*-webkit-tap-highlight-color: transparent;*/
    }
    .documentScrolling #mobi_menu{
        margin-left: 153px;
    }
    .header-bg{
        background: #257BBA;
        position: absolute;
        right: 0;
        left: 0;
        height: 45px;
    }
    .guest-action{
        position: absolute;
        top: 4px;
        right: 0;
    }
    .documentScrolling .guest-action{
        top:-51px;
    }
    body[id^='page_guest_'] #header.documentScrolling{
        top: -68px;
        height: 114px;
    }
    .notify_content > a i{
        vertical-align: middle;
    }
    .notify_content > a{
        padding: 0px 8px;
        height: 45px;
        line-height: 45px;
    }
    .home_content_feed .check-home{
        padding-left: 0;
        padding-right: 0;
    }
    #right .box-member-group ul li img,
    #leftnav .box-member-group ul li img,
    #right .box_featured_user ul li img,
    #leftnav .box_featured_user ul li img,
    #right .box-friend ul li img,
    #leftnav .box-friend ul li img,
    #right .box_online_user ul li img,
    #leftnav .box_online_user ul li img,
    #right .box_recently_join ul li img,
    #leftnav .box_recently_join ul li img{
        width: 50px!important;
        height:50px!important;
    }
    #center .popular_album_info{
        display: none;
    }
    #center .popular-album ul li{
        float: left;
        width: 33.333%;
    }
    #center .popular-album ul li a.popular_album_cover{
        float:none;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
    }
    #center .popular-album ul li a.popular_album_cover:hover .infoLayer{
        display: block;
    }

    #main_menu > li a.active,
    #main_menu > li:hover,
    #main_menu li span:hover,
    #main_menu li.current a,
    #main_menu li a:hover{
        background: #1c5f8f;
    }
    ul.navbar-nav li ul{
        position:absolute;
        width:150px;
        background: #fff;
        padding:0;
        border: 1px solid #ccc;
        border-top: none;
        z-index:2;
    }
    ul.navbar-nav li ul li{
        display:block;
        height: 40px;
        line-height: 40px;
    }
    ul.navbar-nav > li > ul li{
        position:relative;
        text-align:left;
    }
    ul.navbar-nav li ul li a{
        color:#000!important;
        display:block;
        text-align: left;
        height: 40px;
        line-height: 40px;
    }
    ul.navbar-nav li ul li a:hover{
        color: #000;
    }
    ul.navbar-nav li:hover > ul{
        display:block!important;
    }
    ul.navbar-nav > li > ul > li ul{
        display: block;
        left: 100%;
        top: 0;
    }
    ul.navbar-nav li ul li a:hover{
        background:#F5F5F5;
    }

    .filter_block .box_content{
        padding: 10px;
    }
    ul.navbar-nav > li > ul li ul{
        border-top:1px solid #ccc;
    }
    ul.navbar-nav > li > ul li.hasChild:after {
        content: '';
        display: block;
        position: absolute;
        right: 5px;
        width: 0;
        border-style: solid;
        border-color: transparent transparent transparent #ccc;
        border-width: 5px;
        top: 17px;
    }
    .documentScrolling #main_menu.vertical > li,
    ul#main_menu.vertical li{
        display: block;
        text-align: left;
        float:none;
    }
    ul#main_menu.vertical li ul{
        position: static;
        background: none;
        padding-left: 20px;
        border: none;
        width:auto;
    }
    ul#main_menu.vertical li ul li a:hover,
    ul#main_menu.vertical li ul li:hover{
        background:none;
    }
    ul#main_menu.vertical li ul li a i,
    ul#main_menu.vertical li ul li a{
        color:#fff;
    }

    ul.navbar-nav li ul li:hover > span > i,
    ul.navbar-nav li  ul  li  ul li:hover > span > i,
    ul.navbar-nav > li > ul > li > ul li:hover > span.header,
    ul.navbar-nav > li > ul > li:hover > span.header {
        color:#fff;
    }
    .documentScrolling #main_menu{
        min-height: 45px;
    }
}
@media(max-width:991px){
    #comments.comment_list > li > .comment {
        margin-left: 30px;
    }
    #commentForm .user_avatar_large {
        width: 24px;
        height: 24px;
    }
    .comment {
        margin-left: 30px;
    }
    .comment_wrapper li li .comment {
        margin-left: 30px;
    }
    .content_comment .comment {
        margin-right: 0;
    }
    li.new_reply_comment .comment.comment-form {
        margin-right: 35px;
    }
    .profile-user-list {
        background: #fff;
        padding: 10px;
    }
    .current_subscription_info .items {
        margin-bottom: 10px;
    }
    .current_subscription_info .items label {
        display: block;
        width: auto;
        margin: 0;
    }
    .clear.text-center {
        background: #fff;
        padding: 10px 0;
    }
    .page-not-found-img > img {
        width: 100%;
    }
    .inner404 {
        background: #fff;
    }
    .logo-default img {
        max-height: 27px;
    }
    .activity-title {
        word-break: break-all;
    }
    .visible-xs .menu-account.menu_top_list li a {
        color: #000;
    }
    .m_suggest input.tt-input {
        min-width: 100px;
    }
    .maintenance-page .login_offline {
        display: block;
    }
    .maintenance-page #loginForm {
        display: block;
        margin: 20px 0;
        padding: 10px;
        top: 50px;
        width: auto;
    }
    .maintenance-page #header {
        background:#246ea3;
    }
    .maintenance-page .full_header #loginForm ,
    .maintenance-page .full_header .button.button-flat-primary.button-flat {
        display: none !important;
    }
    .maintenance-page .logo-default {
        margin-left: 10px;
    }
    .tipsy{
        max-width: 170px;;
    }
    #leftnav,
    #right{
        background: #fff;
    }

    .closeButton{
        background: #959496;
        overflow: hidden;
        height: 40px;
        line-height: 40px;
        padding: 0 14px;
    }
    .summary-info > img{
        float: left;
    }
    .user-info-home{
        margin-left: 70px;
    }
    .info-home-name{
        height: auto;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 6px;
        line-height: 20px;
        font-size: 14px;
    }
    #av-img.ava_home{
        border:1px solid #ccc;
        padding:1px;
        background:#fff;
        border-radius: 2px;
        margin:10px;
        display: block;
        float: left;
        width: 50px;
        height:50px;
    }
    .menu_top_list{
        clear:both;
        padding:10px;
    }
    button.close{
        opacity: 1;
    }
    .menu_top_list li + li{
        border-top:1px solid #dfdfdf;
        clear:both;
    }
    .menu_top_list li > span.header,
    .share-menu li a,
    .menu_top_list li a{
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        padding:0!important;
        color:#000;
    }
    .share-menu{
        border-top:1px solid #dfdfdf;
        margin:0 10px;
        margin-top: -10px;
    }
    .badge_counter{
        background: none;
        font-size: 14px;
        color:#247BBA;
    }
    .box2 h3{
        background: #F4F4F4;
        padding: 10px;
        font-size: 12px;
    }
    .box_content{
        padding:0 10px;
    }
    #mobi_menu{
        background:#fff;
    }
    #main_menu{
        margin: 0;
    }
    ul.navbar-nav li a{
        color: #000;
        font-size: 14px;
        padding: 0 10px!important;
        -webkit-tap-highlight-color:#F1F1F1;
    }
    .navbar-nav li {
        display: block;
    }
    .main-menu-content{
        margin: 0;
        padding: 20px;
        background: #257ABA;
        /*overflow: hidden;*/
        float: none!important;
    }
    .main-menu-content:after{
        content: '';
        display: block;
        clear: both;
    }
    #global-search{
        width: 100%;

        border: none;
        color: #000;
        padding: 8px 8px 8px 30px;
    }
    .global-search > i{
        top:5px;
    }
    .title_small_list{
        margin: 10px 10px 0;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 4px;
    }
    #openMenu{
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        background: #1C659B;
        position:relative;
        border-radius: 4px;
        padding: 7px;
        margin-top: 9px;
    }
    .arr-menu{
        display: block;
        width: 0;
        border-width: 6px;
        border-style: solid;
        border-color: transparent #1C659B transparent transparent;
        position: absolute;
        left: -12px;
        top: 8px;
    }
    .navbar-header{
        float: left;
        margin: 0!important;
    }
    span.line {
        display: block;
        height: 2px;
        width: 100%;
        background: #fff;
        margin-bottom: 4px;
    }
    .ava_mobi{
        position: absolute;
        right:10px;
        top:10px;
    }
    .ava_mobi img{
        width: 30px;
        height: 30px;
        display: block;
        border: 1px solid #ccc;
        padding: 1px;
        background: #fff;
        border-radius: 2px;
    }
    .mobile-footer i{
        font-weight: bold;
        font-size: 22px;
        line-height: 50px;
        padding: 0 10px;
    }
    .notify_content > a {
        position: relative;
        padding: 0px 8px;
        height: 50px;
        line-height: 50px;
        display: block;
    }
    .container{
        padding-left: 0;
        padding-right: 0;
    }
    .box2 h3{
        margin-top:0;
    }
    .navbar-nav,
    #main_menu li{
        float:none!important;
        display:block;
    }
    .mo_breadcrumb{
        background: #fff;
        padding: 10px;
        text-align: center;
        margin-bottom: 10px;
    }
    .mo_breadcrumb h1{
        margin-bottom: 0;
        float: none;
        text-align: left;
        line-height: 30px;

    }
    .mo_breadcrumb > .list_option{
        top:15px;
    }
    .button-mobi-top{
        float:none;
        display: block;
        background: #E4E4E4;
        border:none;
        color:#247BBA;
        font-size: 14px;
        font-weight: bold;
        height: 35px;
        line-height: 35px;
        margin-top:20px;
    }

    .button-mobi-top:hover{
        background-color: #eeeeee;
    }
    .header-list .button-mobi-top{
        margin-top: 0;
    }
    .list-mobile li{
        background: #fff;
        margin-bottom:10px;
        padding: 10px;
    }
    .list-mobile li + li{
        padding-top:10px;
    }
    .full_content{
        background:#fff;
        margin-bottom: 10px;
    }
    .user_list{
        margin-right: 10px;
    }
    #leftnav .box2{
        margin-bottom: 10px;
    }
    .p_m_10{
        padding:10px;
    }
    h2.header_title{
        padding: 0 10px 3px;
    }
    .albums_edit_item,
    .albums li{
        overflow:hidden;
        padding:0;
    }
    .video_block li{
        margin-bottom:10px;
    }

    .view-all-bottom {
        clear: both;
        padding: 0 10px 10px;
        text-align: right;
    }

    #lb_description{
        display: block;
    }
    #comments .comment .date{
        display: block;
        margin-bottom: 5px;
        margin-top: 0;
    }
    .list-item-region li{
        padding-bottom: 0;
    }
    #av-img.page-avatar{
        width: 80px;
        height: 80px;
        float: left;
        margin: 10px;
    }
    #av-img.page-avatar + h3.info-home-name{
        padding-top: 30px;
        font-size: 16px;
    }
    .list-item-region .comment{
        margin-left:0;
    }
    .edit-profile-section{
        padding: 20px;
    }
    #center > .box2 > .box_content{
        padding:10px;
    }
    body{
        cursor: pointer;
        padding-bottom: 40px;
        padding-top:50px;
        border:none;
    }
    .header-list{
        margin-top:10px;
        clear:both;
    }
    .header-list:after{
        content:'';
        display: block;
        clear: both;
    }
    ul.header-list li {
        float:left;
        width: 49%;
    }
    .button-dropdown ul li{
        float: none!important;
        width: 100%!important;
    }
    ul.header-list li a{
        margin: 0 2px;
        /*background: #e4e4e4;*/
        border-radius: 2px;
    }
    ul#feed-type li{
        float:left;
        width: 49%;
    }
    ul.header-list li + li,
    ul#feed-type li + li{
        float:right;
    }
    .full_content .item-content{
        padding:0;
    }
    .notify_group{
        position: fixed;
        bottom: 0;
        z-index: 999;
        left: 50%;
        margin-left: -68px;
    }
    .notify_group > div{
        margin: 0 10px;
    }
    .notify_content > a i{
        color: #247BBA;
        vertical-align: middle;
    }
    .conversation_count, .notification_count{
        top:0;
    }
    .open> #conversation_list,
    .open> #notifications_list{
        position: fixed;
        left: 0;
        right: 0;
        top: 48px;
        bottom: 49px;
        overflow: auto;
        border-radius: 0;
    }
    #conversation_list .arr-notify,
    #notifications_list .arr-notify{
        position: absolute;
        width: 0;
        border: 6px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        right: 56px;
        bottom: -12px;
    }
    #right .bar-content > div,
    #leftnav .bar-content > div{
        margin-bottom:10px;
    }
    .header-list .topButton {
        line-height: 28px;
        font-weight: bold;
    }
    .header-list a{
        font-weight: bold;
    }
    .profile-action .button{
        background: none;
        padding: 0;
        float: none;
    }
    .profile-action .button i{
        font-size: 16px;

    }
    .profile-action{
        /*top: 28px;*/
        text-align: center;
    }
    .profile-info-section{
        padding-top: 13px;
        padding-right: 10px;
    }
    .profile_info{
        padding: 0 20px 0;
    }
    .section-menu {
        float: none;
        margin-top: 8px;
        margin-right: 0;
        padding: 0 20px;
    }
    .section-menu .profile-action .dropdown {
        height: 25px;
    }
    #mobi_menu{
        display:none;
    }
    #header_mobi{
        top:0;
        -webkit-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
        -moz-transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
        transition: top 0.5s cubic-bezier(0, 1, 0.5, 1);
    }
    .faceOutEffect #header_mobi{
        top:-51px;
    }
    .notify_group,
    .mobile-footer{
        -webkit-transition: bottom 0.5s cubic-bezier(0, 1, 0.5, 1);
        -moz-transition: bottom 0.5s cubic-bezier(0, 1, 0.5, 1);
        transition: bottom 0.5s cubic-bezier(0, 1, 0.5, 1);
    }
    .faceOutEffect .notify_group,
    .faceOutEffect .mobile-footer{
        /*bottom:-50px;*/
        bottom:0;
    }
    .upload-section span{display: none;}
    .upload-section{
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #header_mobi{
        text-align: center;
    }
    .logo-default{
        display: inline-block;
    }
    .header-list li a{
        padding:7px;
    }
    .list2 li a{
        padding: 7px 5px;
    }
    .header-button-list li a{
        padding:4px 7px;
    }
    .list-item-info > a{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    html.openNotify,
    .openNotify body{
        overflow:hidden;
        position:fixed;
        top:0;
        bottom:0;
        right:0;
        left:0;
        height:0;
        width:100%;
        height:100%;
    }
    .mce-panel *{
        max-width:100%;
    }

    .list6 li.unread {background-color:#F2F5F9}
    .slimScrollDiv,
    .notify_content ul{
        height:auto!important;
    }
    #main_menu li:hover a,
    #main_menu li.current a{
        color: #257ABA;
    }
    .comment_wrapper > li .list_option{
        top:15px;
        right:15px;
    }
    #main_menu li i{
        color:#000;
    }
    #main_menu li ul{
        display:block!important;
    }
    #map_canvas{
        width:100%!important;
    }
    /*Video block*/
    .video_block .video_info{
        margin-left: 125px;
    }
    .global-search{
        background: none;
        border: none;
        width: 100%;
        padding: 0;
        position:relative;
    }
    #display-suggestion{
        width: 100%;
    }

    .list-item-region li{
        padding-bottom:10px;
    }
    .event-date-mobile{
        margin-bottom:5px;
    }
    .page-avatar,
    .main-img{
        width: 100px;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .album_view_detail .list_option button{
        position: absolute;
        right: 0;
        top: -36px;
    }
    .album_view_detail ul.header-list li{
        width:100%;
        float:none;
    }
    #avatar_wrapper img,
    #cover_wrapper img{
        max-width:100%;
    }
    #avatar_wrapper{
        display:block;
    }
    .jcrop-holder img{
        max-width: 100%!important;
        height: auto!important;
        position: static!important;
    }
    .jcrop-holder{
        max-width:100%;
        height: auto!important;
    }
    .summary-info > a{
        float:left;
    }
    .event-info-list{
        margin-left: 88px;
    }
    .event-list-thumb .event-date{
        display:none;
    }
    .event-list-thumb{
        float:left;
        display:block;
        width:70px;
        height:70px;
    }
    .comment-option{
        display: block;
    }
    #center.col-md-9 .user-list-index,
    #center.col-md-6 .user-list-index{
        width: 25%;
    }
    .open_large_menu{
        display:block!important;
    }
    .keyboard #header_mobi{
        position:absolute;
    }
    .keyboard .notify_group,
    .keyboard .mobile-footer{
        display:none;
    }
    div#south .navbar-nav li,
    div#center .navbar-nav li,
    div#north .navbar-nav li{
        display:block;
        float:none;
        text-align:left;
    }
    div#south ul.navbar-nav li a,
    div#center ul.navbar-nav li a,
    div#north ul.navbar-nav li a{
        line-height:50px;
    }
    #right,#leftnav{
        display:none;
    }
    #cookies-warning{
        height:auto;
        line-height: 1.5;
    }
    .user_register_intro{
        width:auto;
        float:none;
        padding:0 10px;
    }
    .user_register_holder .bar-content.user_register_form{
        width: auto;
        float: none;
        clear: both;
        margin: 10px;

    }
    .user_register_holder .bar-content.user_register_form #signUpForm{
        padding: 10px;
        background: #fff;
    }
    .user_register_intro h1{
        font-size: 36px;
    }
    .user_register_intro h1 br {
        display: none;
    }
    .user_register_holder .register_main_form{
        padding:0;
        border:none;
    }
    .user_register_holder .register_social_form .center-login-text{
        float: none;
        text-align: left;
    }
    .user_register_holder .register_social_form{
        padding:20px 0;
    }
    .user_register_holder #customBtn, .user_register_holder .fSignInWrapper{
        margin: 0 10px 0 0;
    }
    .user_register_holder{
        margin-top:20px;
    }
    body.page_has_cookies{
        padding-top: 132px;
    }
    #header_mobi > .container-fluid{
        position:relative;
    }
    #header > #cookies-warning{
        display: none;
    }
    .feed_comment_info > .activity_comments.comment_list {
        padding: 0 5px;
    }
    ul[id^="comments_reply_"] > li[id^="itemcomment_"] .user_avatar_large, ul[id^="activitycomments_reply_"] > li[id^="itemcomment_"] .user_avatar_large, ul[id^="comments_reply_"] > li[id^="itemcomment_"] .user_avatar_small, ul[id^="activitycomments_reply_"] > li[id^="itemcomment_"] .user_avatar_small, #comments.comment_list ul[id^="item_comments_reply_"] > li[id^="itemcomment_"] .user_avatar_large, #comments.comment_list ul[id^="item_comments_reply_"] > li[id^="itemcomment_"] .user_avatar_small, #comments > li[id^="itemcomment_"] .user_avatar_large {
        width: 24px;
        height: 24px;
    }
    .closed-comment {
        padding: 5px 5px;
    }
}

@media (min-width:767px){
    .register_main_form{
        background: #fff;
        padding: 35px 90px;
        border-right: 1px solid #ccc;
    }

}
@media (max-width:767px){
    #cookies-warning {
        font-size: 14px;
    }
    body.page_has_cookies .open > #conversation_list,
    body.page_has_cookies .open > #notifications_list {
        padding-top: 70px;
    }
    #mobi_menu .btn_open_large {
        display: none;
    }
    .captcha-content{
        padding-right: 37px;
    }
    .captcha-logo{
        display: none;
    }
    .captcha_change_option{
        right: 0px;
    }
    .thumb_mobile{
        width:60px!important;
        height:60px!important;
    }
    .list-text-info{
        margin-left:70px!important;
        padding-top:0px;
    }

    .activity_left{
        width: 80px;
    }
    .activity_left img{
        max-height: 80px;
        max-width: 80px;
    }
    .activity_right{
        height: auto;
        min-height:80px;
    }
    #center .user-list-index,
    #center.col-md-9 .user-list-index,
    #center.col-md-6 .user-list-index{
        width: 33.33333333%;
    }
    .register_main_form{
        padding: 10px;
    }
    .register_main_form #captcha{
        margin-left:0!important;
    }
    body.default-body.modal-open.modal-iphone {
        position: fixed;
        overflow: hidden;
    }
    #page_users-index #themeModal .content_center_home {
        padding:15px;
    }
    .profile-action .dropdown-menu {
        left: auto;
        right: 0;
    }
}
@media (min-width:480px){
    #loginForm{
        width: 450px;
        padding: 35px 55px;
        margin: 0 auto;
        background: #fff;
        border: 1px solid #ccc;
    }
    #signUpForm{
        border: 1px solid #ccc;
        border-radius: 2px;
        background: #f4f4f4;
    }
    #signUpForm.no-social{
        border:none;
        background:none;
    }
    #signUpForm.no-social .register_main_form{
        width: 70%;
        margin: 0 auto;
    }
    .register_main_form{
        background: #fff;
        border-right: 1px solid #ccc;
    }

}
@media (max-width:480px){
    #signUpForm > .pull-right{
        float:none!important;
    }
    #signUpForm{
        background: #fff;
    }
    .fSignInWrapper,
    #customBtn{
        width:200px;
    }
    #submitFormsignup{
        width: 100%;
    }
    #center.col-md-9 .user-list-index,
    #center.col-md-6 .user-list-index{
        width: 50%;
    }
    .modal-body{
        padding:15px;
    }
    .g-recaptcha iframe{
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        margin-left: -17px;
    }
    .create_form .form_content{
        padding:0;
    }
}
@media (min-width: 1024px){

}
@media (min-width: 1100px){
    .container {
        width: 1180px;
        padding: 0;
    }
}
/*@media (max-width: 350px){
    .comment_list [id^='itemcomment_'] .comment{
        margin-right:25px;
    }
    .comment.hasDelLink .feed-time.date {
        font-size: 11px;
    }
}*/
@media (max-width: 1024px) and (min-width: 993px){
    #right .box-member-group ul li img, #leftnav .box-member-group ul li img, #right .box_featured_user ul li img, #leftnav .box_featured_user ul li img, #right .box-friend ul li img, #leftnav .box-friend ul li img, #right .box_online_user ul li img, #leftnav .box_online_user ul li img, #right .box_recently_join ul li img, #leftnav .box_recently_join ul li img {
        height: 49px !important;
        width: 49px !important;
    }
    .documentScrolling .menu_large {
        top: 10px;
    }
    #header.documentScrolling {
        height: auto;
    }
}
@media (min-width:400px){
    .activity_share_form #recaptcha_content{
        padding-left: 90px;
    }
}

@media (max-width:330px){
    .g-recaptcha > div {
        width: 270px !important;
    }
}
@media (max-width: 400px) {
    .feed_comment_info .comment_list > li > .comment {
        margin-left: 30px;
    }

    .user_avatar_small {
        height: 24px;
        width: 24px;
    }
    .feed_comment_info .comment_list > li > ul[id^="comments_reply_"] {
        margin-right: 0;
        margin-left: 40px;
    }
}
ul.navbar-nav li.hasChild:hover > ul{
    display:block!important;

}
.modal-open{
    position:relative;
}
.iconos{
    background: url(../img/emojis-short.png);
    width: 19px;
    height: 19px;
    display: inline-block;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
    color: transparent;
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', NotoColorEmoji, 'Segoe UI Symbol', 'Android Emoji', EmojiSymbols;
    text-shadow: none;
    font-weight: normal;
    vertical-align:bottom;
    background-size: 352px 110px;
}
#a1{background-position:-1px -2px}
#a2{background-position:-68px -90px}
#a3{background-position:-46px -1px}
#a4{background-position:-90px -2px}
#a5{background-position:-222px -68px}
#a6{background-position:-112px -2px}
#a7{background-position:-134px -1px}
#a8{background-position:-156px -2px}
#a9{background-position:-310px -68px}
#a10{background-position:-289px -67px}
#a11{background-position:-333px -68px}
#a12{background-position:-266px -71px}
#a13{background-position:-201px -70px}
#a14{background-position:-156px -70px}
#a15{background-position:-310px -2px}
#a16{background-position:-333px -90px}
#a17{background-position:-156px -91px}
#a18{background-position:-2px -24px}
#a19{background-position:-24px -24px}
#a20{background-position:-46px -24px}
#a21{background-position:-288px -91px}
#a22{background-position:-244px -93px}
#a23{background-position:-112px -24px}
#a24{background-position:-134px -25px}
#a25{background-position:-90px -90px}
#a26{background-position:-332px -3px}
#a27{background-position:-244px -3px}
#a28{background-position:-112px -47px}
#a29{background-position:-244px -24px}
#a30{background-position:-68px -47px}
#a31{background-position:-266px -24px}
#a32{background-position:-134px -90px}
#a33{background-position:-310px -25px}
#a34{background-position:-113px -89px}
#a35{background-position:-2px -46px}
#a36{background-position:-24px -2px}
#a37{background-position:-46px -46px}
#a38{background-position:-69px -2px}
#a39{background-position:-90px -47px}
#a40{background-position:-178px -2px}
#a41{background-position:-134px -46px}
#a42{background-position:-156px -46px}
#a43{background-position:-178px -47px}
#a44{background-position:-221px -3px}
#a45{background-position:-289px -2px}
#a46{background-position:-134px -68px}
#a47{background-position:-266px -47px}
#a48{background-position:-288px -45px}
#a49{background-position:-311px -46px}
#a50{background-position:-333px -46px}
#a51{background-position:-23px -89px}
#a52{background-position:-2px -68px}
#a53{background-position:-24px -68px}
#a54{background-position:-45px -90px}
#a55{background-position:-268px -89px}
#a56{background-position:-200px -45px}
#a57{background-position:-112px -68px}
#a58{background-position:-240px -120px}
#a59{background-position:-280px -120px}
#a60{background-position:-320px -120px}
#a61{background-position:-360px -120px}
#a62{background-position:-400px -120px}
#a63{background-position:-440px -120px}
#a64{background-position:-480px -120px}
#a65{background-position:-520px -120px}
#a66{background-position:-560px -120px}
#a67{background-position:-600px -120px}
#a68{background-position:-640px -120px}
#a69{background-position:0 -160px}
#a70{background-position:-40px -160px}
#a71{background-position:-80px -160px}
#a72{background-position:-90px -68px}
#a73{background-position:-160px -160px}
#a74{background-position:-288px -45px}
#a75{background-position:-240px -160px}
#a76{background-position:-244px -69px}
#a77{background-position:-222px -90px}
#a78{background-position:-179px -70px}
#a79{background-position:-400px -160px}
#a80{background-position:-440px -160px}
#a81{background-position:-480px -160px}
.a1{background-position:-1px -2px}
.a2{background-position:-68px -90px}
.a3{background-position:-46px -1px}
.a4{background-position:-90px -2px}
.a5{background-position:-222px -68px}
.a6{background-position:-112px -2px}
.a7{background-position:-134px -1px}
.a8{background-position:-156px -2px}
.a9{background-position:-310px -68px}
.a10{background-position:-289px -67px}
.a11{background-position:-333px -68px}
.a12{background-position:-266px -71px}
.a13{background-position:-201px -70px}
.a14{background-position:-156px -70px}
.a15{background-position:-310px -2px}
.a16{background-position:-333px -90px}
.a17{background-position:-156px -91px}
.a18{background-position:-2px -24px}
.a19{background-position:-24px -24px}
.a20{background-position:-46px -24px}
.a21{background-position:-288px -91px}
.a22{background-position:-244px -93px}
.a23{background-position:-112px -24px}
.a24{background-position:-134px -25px}
.a25{background-position:-90px -90px}
.a26{background-position:-332px -3px}
.a27{background-position:-244px -3px}
.a28{background-position:-112px -47px}
.a29{background-position:-244px -24px}
.a30{background-position:-68px -47px}
.a31{background-position:-266px -24px}
.a32{background-position:-134px -90px}
.a33{background-position:-310px -25px}
.a34{background-position:-113px -89px}
.a35{background-position:-2px -46px}
.a36{background-position:-24px -2px}
.a37{background-position:-46px -46px}
.a38{background-position:-69px -2px}
.a39{background-position:-90px -47px}
.a40{background-position:-178px -2px}
.a41{background-position:-134px -46px}
.a42{background-position:-156px -46px}
.a43{background-position:-178px -47px}
.a44{background-position:-221px -3px}
.a45{background-position:-289px -2px}
.a46{background-position:-134px -68px}
.a47{background-position:-266px -47px}
.a48{background-position:-288px -45px}
.a49{background-position:-311px -46px}
.a50{background-position:-333px -46px}
.a51{background-position:-23px -89px}
.a52{background-position:-2px -68px}
.a53{background-position:-24px -68px}
.a54{background-position:-45px -90px}
.a55{background-position:-268px -89px}
.a56{background-position:-200px -45px}
.a57{background-position:-112px -68px}
.a58{background-position:-240px -120px}
.a59{background-position:-280px -120px}
.a60{background-position:-320px -120px}
.a61{background-position:-360px -120px}
.a62{background-position:-400px -120px}
.a63{background-position:-440px -120px}
.a64{background-position:-480px -120px}
.a65{background-position:-520px -120px}
.a66{background-position:-560px -120px}
.a67{background-position:-600px -120px}
.a68{background-position:-640px -120px}
.a69{background-position:0 -160px}
.a70{background-position:-40px -160px}
.a71{background-position:-80px -160px}
.a72{background-position:-90px -68px}
.a73{background-position:-160px -160px}
.a74{background-position:-288px -45px}
.a75{background-position:-240px -160px}
.a76{background-position:-244px -69px}
.a77{background-position:-222px -90px}
.a78{background-position:-179px -70px}
.a79{background-position:-400px -160px}
.a80{background-position:-440px -160px}
.a81{background-position:-480px -160px}
.activity_item.wall_post_link .activity_left {
    /*width: 100%;
    max-height: none;*/
    position: relative;
}
.activity_item.wall_post_link .activity_left img{
    width: 100%;
    height: 300px;
    max-height: none;
    background-size: cover;
}
.removePreviewlink{
    position: absolute;
    right: 10px;
    color: buttontext;
    font-size: 10px;
}
.removeImage{ 
    display: none;
}
.wall_post_link:hover .removeImage{
    display : block;
}
a.unblock i.delete-icon {
    top: 4px;
}

/*conversations view*/
.conversations-comment .comment .qq-upload-button {
    height: 35px!important;
}
.conversations-comment .comment .upload-section {
    line-height: 0;
}
.conversations-comment .comment{
    /*    margin-right: 30px;*/
}
.conversations-comment #commentForm .comment{
    margin-right:0;
}

.content_comment .comment .qq-upload-button {
    height: 35px!important;
    line-height: 0;
}
.content_comment .comment .upload-section {
    line-height: 0;
}
.content_comment .comment{
    /*margin-right: 30px;*/
}
.content_comment #commentForm .comment{
    margin-right:0;
}

/*  custom emoji toggle plugin  */
.emoji-toggle{
    position: absolute;
    width: 20px;
    height: 20px;
}
.emoji-toggle i{
    color: #aaa;
    margin-left: 0;
}

.activity_feed_content_text{
    position: relative;
}
#commentForm {
    overflow: inherit;
    padding-bottom: 20px;
}

.emoji-toggle-face{
    cursor: pointer;
    font-size: 22px;
}
.emoji-toggle-popup{
    position: relative;
    display: none;
}
.emoji-toggle-popup.show{
    display: block;
}
.emoji-toggle-overlay{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 2000;
}
.emoji-toggle-main{
    position: absolute;
    right: 0;
    top: 0;
    width: 198px;
    background-color: #ffffff;
    border: 1px solid #000000;
    z-index: 2100;
    padding: 10px;
    overflow: hidden;
    max-height: 300px;
    max-width: 212px;
}
.emoji-toggle-list{
    padding: 0;
    margin: 0;
}
.emoji-toggle-list li{
    display: inline-block;
    padding: 3px;
}
/*. emoji position .*/
#status_box .emoji-toggle{
    right: 10px;
    bottom: 10px;
}
.feed_main_info > .activity_feed_content_text > div[id^="activity_edit_"] > .emoji-toggle{
    top: 12px;
    right: 10px;
}
.feed_comment_info > .activity_comments > li > .comment .emoji-toggle{
    right: 32px;
    top: 2px;
}
.feed_comment_info > .activity_comments > li > .comment > div[id^="item_comment_edit_"] > .emoji-toggle,
.feed_comment_info > .activity_comments > li > .comment > .comment_message > div[id^="item_comment_edit_"] > .emoji-toggle,
.feed_comment_info > .activity_comments > li > .comment > div[id^="activity_comment_edit_"] > .emoji-toggle{
    right: 32px;
    top: 2px;
}
#commentForm > .comment > .emoji-toggle, .comment-form.comment > .emoji-toggle{
    right: 32px;
    top: 2px;
}
#comments .comment > .comment_message > div[id^="item_comment_edit_"] > .emoji-toggle {
    right: 32px;
    top: 2px;
}
#theaterPhotoCommentForm > .comment > .emoji-toggle{
    right: 32px;
    top: 2px;
}
#theaterPhotoCommentForm .commentForm{
    padding-right: 45px;
}
#theaterComments [id^="item_comment_edit_"] textarea {
    padding-right: 45px;
}
#theaterComments .comment_message > div[id^="item_comment_edit_"] > .emoji-toggle{
    right: 28px;
    top: 2px;
}
#theaterComments [id*="_comment_edit_"] .qq-uploader {
    position: absolute;
    top: 11px;
    right: 0;
    width: 25px;
}
div[id^="activity_comment_edit_"] > .textoverlay-wrapper > textarea{
    padding-right: 50px;
}
div[id^="activity_edit_"] > .textoverlay-wrapper textarea{
    padding-right: 30px;
}
/*  end custom emoji toggle plugin  */

/*avatar rotate*/
a.rotate_avatar {
    padding: 16px 16px 13px;
    display: inline-block !important;
    margin: 0 5px 10px;
    border: 1px solid #d0d0d0;
}
a.rotate_avatar > i {
    font-size: 23px !important;
    color: #757575;
}
.avatar-rotate {
    text-align: center;
}
.ava_content {
    margin: 10px auto 0;
}
/* end avatar rotate*/

.content_comment .closeComment{
    margin-bottom: 10px;
    display: inline-block;
}
.activity_parse_img img.img_wrapper2{
    width: 100%;
}
.join_request_wrapper .comment{
    margin-left: 58px;
}