f@font-face {
    font-family: 'arialMT';
    src: url('font/arialMT.eot');
    src: url('font/arialMT.eot?#iefix') format('embedded-opentype'),
        url('font/arialMT.woff') format('woff'),
        url('font/arialMT.ttf') format('truetype');
}
@font-face {
    font-family: 'arialMT';
    src: url('font/arialMT.eot');
    src: url('font/arialMT.eot?#iefix') format('embedded-opentype'),
        url('font/arialMT.woff2') format('woff2'),
        url('font/arialMT.woff') format('woff'),
        url('font/arialMT.ttf') format('truetype');
}

@font-face {
    font-family: 'Colnova Bold';
    src: url('font/Colnova Bold.eot');
    src: url('font/Colnova Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Colnova Bold.woff2') format('woff2'),
        url('font/Colnova Bold.woff') format('woff'),
        url('font/Colnova Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Material-Icons';
    src: url(font/material-Icons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(font/material-Icons/MaterialIcons-Regular.woff2) format('woff2'),
        url(font/material-Icons/MaterialIcons-Regular.woff) format('woff'),
        url(font/material-Icons/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'si';
    src: url('../../../font/socicon.eot');
    src: url('../../../font/socicon.eot?#iefix') format('embedded-opentype'),
         url('../../../font/socicon.woff') format('woff'),
         url('../../../font/socicon.ttf') format('truetype'),
         url('../../../font/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url('/app/webroot/font/socicon.svg') format(svg);
    }
}

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

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 19px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 24px;
    color: #000000;
    background-color: none;
}

.soc a:hover {
    z-index: 2;

}
.soc li a:hover {
    color: #fff;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'\e041';
}

.soc-youtube:before {
    content:'\e051';
}

.soc-pinterest:before {
    content:'\e043';
}

.soc-twitter:before {
    content:'\e040';
}

.soc-instagram:before {
    content:'\e057';
}

.soc-facebook:hover {
    background-color: #3e5b98;
}
.soc-youtube:hover {
    background-color: #1f4951;
}
.soc-pinterest:hover {
    background-color: #c92619;
}
.soc-twitter:hover {
    background-color: #4da7de;
}
.soc-instagram:hover {
    background-color: #ff9d03;
}

.soc-instagram:hover {
    content: #fff;
}

.em, .em-svg {
    height: 0.8em !important;
  }

  #leftnav .list_block img, #right .list_block img {
    border-radius: 50px !important;
  }
  #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 {
    border-radius: 50px;
  }

/* -------------------------------------------------------------------------------------------------*//* -------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------*//* -------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------*//* -------------------------------------------------------------------------------------------------*/


.material-icons {
    font-family: 'Material-Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}
body {
    background: #f2f3f4;
    font-family: Sarabun;
}
.profilePage  > #profile-content > ul#list-content > li[id^='activity_']{
    margin-left: 7px;
    margin-right: 7px;
}
.sl-navbar {
    background-image: linear-gradient(-75deg, #1f4951 0%, #216978 100%) !important;
}
#page_guest_users-member_login .header-bg {
    border: none;
}
#page_guest_users-member_login .header-bg ,
#page_guest_users-register .header-bg {
    opacity: 1;
}
.separator_with_icon:before {
    border-left: 1px solid #979797;
    border-color: inherit;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 3px;
    height: 73px;
}
.separator_with_icon:after {
    border-left: 1px solid #979797;
    border-color: inherit;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -25px;
    width: 3px;
    height: 73px;
    left: 0;
}
.separator_with_icon {
    color: #979797;
    display: block;
    font-size: 18px;
    line-height: 21px;
    margin: 0 auto;
    position: relative;
    width: 3px;
    max-width: 100%;
    text-align: center;
    height:150px;
    padding-top: 75px;
}
.separator_with_icon > i{
    display: inline-block;
    margin-left: -8px;
    color: rgba(0, 0, 0, 0.9);
    font-size: 16px;
    font-style: normal;
}
.header-bg {
  background-image: linear-gradient(-75deg, #1f4951 0%, #216978 100%) !important;
    border-bottom: 1px solid #fff;
    height: 59px;
    /*opacity: 0.3;*/
}
.global-search {
    background-color: rgba(255, 255, 255, 0.3);
    background-image: none;
    border-radius: 4px;
    padding: 4px 10px;
}
.global-search input:focus {
    box-shadow: none;
}
.slImageParalax {
    width: 2000px;
    height: 1500px;
    background: url(../img/moosocio-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    margin: -400px -200px -200px;
}
#page_guest_users-member_login .container ,
#page_guest_home-index .container {
    width: 100%;
    padding: 0;
}
#page_guest_users-member_login #footer  {
    text-align: center;
    display: none;
}
.scene {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    height: 643px;
}
#page_guest_home-index .sl-navbar {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.slintroText {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}
#page_guest_home-index .logo-default a {
    margin: 0 auto;
}
#page_guest_users-register .logo-default ,
#page_guest_users-member_login .logo-default {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
#page_guest_users-register .logo-default a ,
#page_guest_users-member_login .logo-default a {
    margin: 0 auto;
}
.moolandinglogin {
    background: #fff;
    width: 370px;
    border-radius: 4px;
    padding: 24px;
}
.moolandinglogin  .input.password {
    float: left;
    padding-right: 10px;
    width: 73%;
}
.moolandinglogin input#login_password:focus , .moolandinglogin input#login_email:focus ,
.moolandinglogin input#login_password:hover , .moolandinglogin input#login_email:hover {
    box-shadow: none;
}
.moolandinglogin input#login_password , .moolandinglogin input#login_email {
    border: 1px solid #dedede;
    height: 36px;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.26);
    font-size: 14px;
    padding-left: 35px;
}
.moolandinglogin .btn.btn-success.btn-login {
    width: 27% !important;
    background: #1f4951;
    height: 36px !important;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 14px;
}
.moolandinglogin .box_login .row.p_top_15 {
    margin-top: 16px;
    clear: both;
    text-align: left;
    clear: both;
    padding: 6px 0 0;
}
.landing-social {
    position: absolute;
    top: 7px;
    right: 27px;
}
.fSignInWrapper span.icon {
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: contain;
}
#gSignInWrapper span.icon {
    width: 32px;
    height: 32px;
    background-position: center center;
}
#gSignInWrapper #customBtn {
    height: 32px;
    width: auto;
    border-radius: 4px;
    margin: 10px 0 0 10px;
    cursor: pointer;
}
.fSignInWrapper .overlay-button {
    position: relative;
}
.landing-social > div {
    display: inline-block;
    width: auto;
    height: 32px;
    border-radius: 4px;
}
.moolandinglogin > h3 {
    margin: 0 0 15px 0;
    color: #1c1723;
    padding: 0;
    font-size: 20px;
    font-family: Sarabun;
}
.moolandinglogin .text-left ,
.moolandinglogin .text-right > a:hover ,
.moolandinglogin .text-right > a {
    color: #fffff;
    font-size: 14px;
    text-decoration: none;
}
span.signup_header_content {
    display: block;
    float: left;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    height: 36px;
    margin: 9px 16px 0 0;
}
.btn-signup-top:focus,
.btn-signup-top:hover,
.btn-signup-top {
    font-size: 14px;
    font-weight: normal;
    height: 36px;
    line-height: 33px;
    background: none;
    border: 3px solid #fff;
    padding: 0 10px !important;
}
.signinpage .register_social_form {
    margin: 0;
    text-align: left;
}
#signUpForm .center-login-text.text-center ,
.signinpage .center-login-text.text-center {
    color: #1c1723;
    font-size: 20px;
    font-family: Sarabun;
    text-align: left;
    margin-bottom: 16px;
}
#signUpForm .center-login-text span ,
.signinpage .center-login-text span {
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
}
#signUpForm .fSignInWrapper ,
.signinpage .fSignInWrapper {
    position: relative;
    display: block;
    background: #39559f;
    color: white;
    white-space: nowrap;
    height: 48px;
    width: 100%;
    border-radius: 4px;
}
#signUpForm #gSignInWrapper #customBtn ,
.signinpage #gSignInWrapper #customBtn {
    height: 48px;
    line-height: 48px;
    padding: 0;
    width: auto;
    border-radius: 4px;
    margin: 10px 0 0 0px;
    cursor: pointer;
    background: #e14a31;
}
#signUpForm .fSignInWrapper span.icon ,
.signinpage .fSignInWrapper span.icon {
    width: 65px;
    height: 48px;
    background-position: center center;
    background-size: inherit;
}
#signUpForm span.buttonText ,
.signinpage span.buttonText {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-family: Sarabun;
    margin-left: 30px;
}
#signUpForm #gSignInWrapper span.icon ,
.signinpage #gSignInWrapper span.icon {
    width: 32px;
    height: 48px;
    margin-left: 16px;
    background-position: center center;
}
.signinpage .text-center {
    color: #1c1723;
    font-size: 20px;
    font-family: Sarabun;
    text-align: left;
}
#signUpForm .page-header {
    margin: 0 0 16px;
    border-bottom: none;
    color: #1c1723;
    font-size: 20px;
    font-family: Sarabun;
    text-align: left;
}
.signinpage #loginForm input[type='email']:focus,.signinpage #loginForm input[type='password']:focus {
    box-shadow: none;
}
.signinpage #loginForm input[type='email'],.signinpage #loginForm input[type='password'] {
    margin-bottom: 10px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #dedede;
}
.signinpage .btn-signin {
    background: #216978;
    height: 36px !important;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    width: 78px;
    float: right;
    border: medium none;
}
.signinpage .text-left,
.signinpage .text-right > a:hover,
.signinpage .text-right > a {
    color: #fffff;
    font-size: 14px;
    text-decoration: none;
}
.register_main_form {
    background: transparent;
    border-right: none;
    padding: 0;
}
#submitFormsignup , #step2Submit {
    background: #216978;
    height: 36px !important;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    float: right;
    padding: 0 !important;
    width: 78px;
}
.register_social_form {
    margin: 0;
}
.register_main_form .form-control:focus {
    box-shadow: none;
}
.register_main_form .form-control {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
}
.register_main_form .control-label {
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.26);
    margin-bottom: 10px;
}
.bg_cover {
    display: block;
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .8)));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
    /* z-index: 1; */
    height: 125px;
    width: 100%;
    top: 0;
    position: absolute;
}
.slNewAvatar {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#cover a {
    display: block;
    font-size: 20px;
    height: 100%;
    padding: 5px;
    width: 100%;
}
.slNewAvatar .user-info-home {
    padding: 0 16px;
    position: relative;
    width: 100%;
}
.slNewAvatar .user-info-home .info-home-name {
    margin-top: 10px;
    padding: 0 15px 0 0 !important;
}
.slNewAvatar .user-info-home > a > i {
    color: #fff;
}
.slNewAvatar .user-info-home .info-home-name a {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto !important;
}
.slNewAvatar .user-info-home > a {
    bottom: 0;
    height: auto !important;
    position: absolute;
    right: 8px;
    width: auto !important;
}
.bar-content > div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 20px;
}
.menu_top_list.homepage-menu {
    padding: 16px;
}
.menu_top_list.homepage-menu.list2 i{
    color: #acacac;
    font-size: 25px;
    margin-right: 10px;
    text-decoration: none;
    vertical-align: middle;
    width: 24px;
}
.menu_top_list.homepage-menu.list2 li {
    margin: 0 0 10px;
}
.menu_top_list.homepage-menu.list2 li a {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    padding: 4px 4px;
    vertical-align: text-bottom;
}
.homepage-menu .badge_counter {
    display: none !important;
}
.box2 h3 > a {
    padding: 0 !important;
}
.box2 h3 > a ,
.box2 h3 {
    background: none;
    border-bottom: 1px solid #e6e6e6;
    color: #ffffff;
    display: block;
    font-family: Sarabun;
    font-size: 13px !important;
    font-weight: normal;
    height: 48px;
    line-height: 48px;
    margin: 0;
    padding: 0 16px;
    text-transform: uppercase;
}
.box2 .box_content {
    padding: 16px;
}
#status_box.statusHome {
    border: medium none;
    padding: 0;
}
#wallForm {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    position: relative;
}
.form-feed-holder {
    border: medium none;
    padding: 5px;
}
.stt-action {
    background-color: transparent;
    border: medium none;
    border-top: 1px solid #e7e7e7;
    height: 48px;
    margin: 0 10px;
    position: relative;
}
.user-tagging-container > i {
    border-left: medium none;
    border-right: medium none;
    color: #aaaaaa;
    height: 48px;
    line-height: 48px;
}
#select-2 .upload-section {
    padding: 12px 5px;
}
.wall-post-action .btn-action {
    background: #1f4951 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: Sarabun;
    align-content: top;
    margin-bottom: 10px !important;
}
#status_btn {
  margin-bottom: 10px !important;
}
.wall-post-action select {
    display: inline-block;
    position: relative;
    vertical-align: top;
    top: 2px;
    padding: 2px 2px 2px 2px !important;
}
#status_box textarea {
    min-height: 50px !important;
}

#postBackgroundImg textarea {
  padding: 5px 5px 5px 5px !important;
}

.home_content_feed .list7 a {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
}
.home_content_feed .list7 a.current {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
}
#list-content li[id^="activity_"] {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 20px;
}
.activity_text > a > b {
    font-weight: normal;
}
#gif_icon_form {
  line-height: 45px;
}

.feed_comment_info > .activity_comments > li > .comment > .emoji-toggle {
  top: 11.5px;
}
.gif_holder {
  top: 10px;
}

.feed_title {
    color: #216978;
    display: block;
    font-family: Sarabun;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}
.activity_text > a {
    color: #216978;
    font-family: Sarabun;
    font-size: 14px;
}
.feed_detail_text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    font-weight: normal;
    line-height: 21px;
}
.activity_header a > b {
    font-weight: normal;
}
.activity_header a {
    color: #1F4951;
    font-family: Sarabun;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.activity_right {
    overflow: hidden;
    padding: 16px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 21px;
}
.activity_item {
    border: 1px solid #f6f6f6;
    padding: 0;
}
.activity_text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
}
.user_avatar_large {
    border: 1px solid #979797;
    height: 40px;
    width: 40px;
    border-radius: 40px;
}
.comment_wrapper li li[id^="newComment_"] .comment {
    margin-right: 63px;
    margin-left: 0;
}
.btn-contact , .btn-contact:hover , .btn-contact:focus {
    background: #ffac1d  none repeat scroll 0 0;
    color: #fff;
    border-radius: 4px;
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    width: 50px;
}
.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 {
    background: #1f4951  none repeat scroll 0 0;
    color: #fff;
    border-radius: 4px;
    font-family: Sarabun;
    font-size: 12px;
    /*height: 36px;
    line-height: 36px;
    padding: 0 !important;*/
    position: absolute;
    right: -65px;
    top: 0;
    width: 50px;
    margin-top: 11px;
}
.btn-action {
  background-color: #1f4951 !important;
  color: white;
  font-size: 12px;
}

.commentBox {
    border: 1px solid #dadada;
    border-radius: 15px;
    min-height: 36px !important;
    height: 50px !important;
    padding: 8px;
}
 .textoverlay {
   border-radius: 15px !important;
 }

 .activity_comments li[id^="comment_"] .comment {
   background-color: #fff !important;
   border-radius: 20px !important;
   padding: 10px 10px 10px 10px !important;
 }

 .comment_list [id^="itemcomment_"] .comment {
   background-color: #fff !important;
   border-radius: 20px !important;
   padding: 10px 10px 10px 10px !important;
 }

#m-member-avatar {
  border-radius: 20px;
}

input:focus, textarea:focus, select:focus {
  box-shadow: none !important;
}
.feed-time.date > span.comment-action {
  float: right;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
  padding: 4px 4px 2px 2px;
}
/*
 .input, textarea {
   padding: 15px 6px 6px 6px !important;
 }*/

 .feed_main_info {

     padding: 15px 15px 0px 15px;
}

.feed_comment_info > .activity_comments {
    background: #f8f8f8 none repeat scroll 0 0;
    border-top: 1px solid #e6e6e6;
    padding: 16px;
}
.feed_time a {
    color: rgba(0, 0, 0, 0.26);
    text-decoration: none;
}
.user_avatar_small {
    height: 32px;
    width: 32px;
    border-radius: 20px;
}
.comment_wrapper li li .comment {
    margin-left: 48px;
}
.slide > .comment > .comment_message > span ,
.slide > .comment > span ,
.comment.hasDelLink > .comment_message > span ,
.comment.hasDelLink > span {
    display: block;
    font-size: 14px;
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 20px;
}
.slcommentCount {
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    padding: 0 3px !important;
    width: auto !important;
}
.slcommentCount {
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.26) !important
}
.comment-like-btn.comment-thumb {
    position: absolute;
    right: 32px;
    top: 2px;
}
.comment-dislike-btn.comment-thumb {
    position: absolute;
    right: 0;
    top: 5px;
}
.dot {
    margin: 0 5px 0 -5px;
}
.dot.dislike {
    margin: 0 5px;
}
.date i {
    color: #b2b2b2;
    font-size: 20px;
}
.date .active i {
    color: #1f4951 !important;
}
.slide > .comment > .comment_message > a > b ,
.comment.hasDelLink > .comment_message > a > b ,
.comment.hasDelLink > a > b {
    font-weight: normal;
}
.slide > .comment > .comment_message  > a ,
.comment.hasDelLink > .comment_message  > a ,
.comment.hasDelLink > a {
    color: #216978;
    font-size: 14px;
    font-family: Sarabun;

    display: inline-block;
    margin-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.activity_comments li {
    border-bottom: 0 none;
    /*margin-bottom: 17px;*/
    padding: 0;
}
.feed-time.date , .feed-time.date > a {
    color: rgba(0, 0, 0, 0.26) !important;
    font-size: 12px !important;
}
[id^="all_comments_"] > i {
    display: none;
}
[id^="all_comments_"] > a {
    color: #216978;
    font-family: Sarabun;
    font-size: 12px;
    line-height: 19px;
}
.video_block .video_info > a {
    color: #216978;
    font-family: Sarabun;
    font-size: 14px;
    font-weight: normal;
}
.video_block li + li {
    border-top: 1px solid #e9e9e9;
    padding-top: 8px;
}
.list-item-inline + .list-item-inline {
    border-top: 1px solid #e9e9e9;
}
.group-block li + li {
    border-top: 1px solid #e9e9e9;
}
.event_info_title > a {
    color: #216978;
    font-family: Sarabun;
    font-size: 16px;
    font-weight: normal;
}
.event_feed_extrainfo.event_time {
    color: rgba(0, 0, 0, 0.54);
}
.event_feed_extrainfo {
    clear: both;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    margin-bottom: 5px;
    position: relative;
}
.event_feed_image .event-date {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    color: #000;
    font-family: Sarabun;
    font-size: 14px;
}
.group-content-list .group-info .title > b ,
.user-name-info > a > b {
    font-weight: normal;
}
.group-content-list .group-info .title ,
.user-name-info > a {
    color: #216978;
    font-family: Sarabun;
    font-size: 14px;
}
.event_block_list li .event_info .title ,
.group_detail .title-list a ,
.blog-block .blog_detail .title-list a {
    color: #1F4951;
    font-family: Sarabun;
    font-size: 14px;
    font-weight: normal;
}
.content_center_home {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    padding: 8px;
}
#searchPeople {
    padding: 0 10px !important;
}
.content_center_home .topButton {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #1f4951;
    margin-top: 10px;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}
.conversation_list .comment > a > b {
    font-weight: normal;
}
.conversation_list .comment > a {
    color: rgba(0, 0, 0, 0.87);
    font-family: Sarabun;
    font-size: 14px;
}
.content_center_home > h1.m_b_10 {
    margin-bottom: 20px !important;
}
#conversation_list li, #notifications_list li {
    border-bottom: medium none;
    margin: 0 0 8px;
    position: relative;
}
.unread {
    background-color: #f1f1f1;
}
.notify_content > a i {
    color: #fff;
}
.user-list-index:nth-of-type(2n+1) {
    padding-right: 8px;
}
.user-list-index:nth-of-type(2n+2) {
    padding-left: 8px;
}
#center .users_list .user-list-index {
    float: left;
    margin-bottom: 12px;
    width: 50%;
}
.peoplepage-img {
    display: block;
    float: left;
    height: 100px;
    width: 100px;
}
.user-list-index .list-content {
    border: 1px solid #dddddd;
    overflow: hidden;
    padding: 0;
}
.add_people, .add_people:hover {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    bottom: auto;
    color: rgba(0, 0, 0, 0.87);
    display: inline-block;
    font-family: Sarabun;
    font-size: 10px;
    height: 22px;
    left: auto;
    line-height: 22px;
    padding: 0 10px;
    position: relative;
    right: auto;
    text-transform: uppercase;
}
.user-list-info {
    height: 100px;
    margin-left: 100px;
    margin-top: 0;
    padding: 16px;
}
.user-list-info .date {
    color: rgba(0, 0, 0, 0.54);
    display: block;
    font-size: 12px;
    margin-bottom: 8px;
    padding-top: 5px;
    text-decoration: none;
}
.menu-list .current {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.menu-list .current a {
    color: rgba(0, 0, 0, 0.87);
}
.list2 li a {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
}
#content-wrapper  .bar-content > .content_center .box3  .mo_breadcrumb a.topButton  ,
#center .bar-content > .content_center > .mo_breadcrumb >  a.topButton {
    background: #1f4951  none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px !important;
    margin-top: 10px;
    text-transform: uppercase;
}
.bar-content > .content_center .box3 > .mo_breadcrumb > h1 ,
.bar-content > .content_center > .mo_breadcrumb > h1 {
    color: rgb(31, 73, 81);
    font-family: Sarabun;
    font-size: 18px;
    height: 56px;
    line-height: 56px !important;
    margin: 0 !important;
    padding: 0;
    text-transform: uppercase;
}
.bar-content > .content_center .box3 > .mo_breadcrumb ,
.bar-content > .content_center > .mo_breadcrumb {
    background: none;
    border-bottom: 1px solid #e6e6e6;
    height: 56px;
    line-height: 56px;
    margin: -15px -15px 16px;
    padding: 0 16px;
}
.topic-content-list li .topic-info .title ,
.blog-info .title {
    color: #1F4951;
    display: block;
    font-family: Sarabun;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    text-transform: uppercase;
}
.topic-info .extra_info > a , .topic-info .extra_info ,
.blog-info .extra_info > a , .blog-info .extra_info {
    color: rgba(0, 0, 0, 0.62);
    font-size: 12px;
}
.topic-description-truncate > div , .topic-description-truncate ,
.blog-description-truncate > div , .blog-description-truncate {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 20px;
}
.tags li {
    float: none;
    margin: 0 0 20px;
}
.tags a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #1F4951;
    display: inline-block;
    font-family: Sarabun;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}
.blog-owner {
    border-radius: 4px;
    padding: 0;
    text-align: center;
}
.blog-owner > img#blog-owner-cover {
    border-radius: 4px 4px 0 0;
    min-height: 150px;
}
.blog-owner > img.owner-img {
    border: 2px solid #fff;
    border-radius: 4px;
    display: inline-block;
    float: none;
    height: 90px;
    margin: -45px auto 0;
    width: 90px;
}
.blog-owner .menu {
    margin-left: 0;
}
.blog-owner-name {
    margin-top: 20px;
}
.user-info > a > b ,
.blog-owner-name > a > b {
    font-weight: normal;
}
.user-info > a ,
.blog-owner-name > a {
    color: #216978;
    font-family: Sarabun;
    font-size: 14px;
}
.blog-owner-info {
    margin-top: 8px;
    margin-bottom: 20px;
}
.blog-owner-info > .extra_info {
    color: rgba(0, 0, 0, 0.26);
    font-size: 12px;
}
.blog-owner-action {
    margin-top: 16px;
    margin-bottom: 24px;
}
.blog-owner-action > a:hover ,
.blog-owner-action > a {
    text-decoration: none;
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #fffff;
    display: inline-block;
    font-family: Sarabun;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    text-align: center;
}
.blog-view-image {
    border-radius: 4px 4px 0 0;
    width: 100%;
}
#dropdown-edit .icon-ellipsis-vert {
    color: #000;
    font-size: 20px;
    opacity: 0.53;
}
.list_option button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}
.post_body .mo_breadcrumb h1 {
    color: rgb(31, 73, 81);
    font-size: 26px;
    text-transform: uppercase;
}
.post_content > div > p {
    margin: 0;
}
.post_content > div {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 20px;
}
.date.blog-date > a ,
.date.blog-date {
    color: rgba(0, 0, 0, 0.26);
    margin-bottom: 16px;
    padding: 0;
}
.blog-like {
    border-top: 1px solid #e1e1e1;
    height: 65px;
    line-height: 65px;
    margin-top: 50px;
    position: relative;
}
.like-action {
    float: left;
}
.like-section .likes {
    display: inline-block;
    float: right;
    font-weight: bold;
    vertical-align: middle;
}
.like-section .likeCountComment {
    position: absolute;
    top: -55px;
}
.like-section a {
    color: rgba(0, 0, 0, 0.26) !important;
    display: inline-block;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 15px;
    padding: 0 7px 0 0;
}
.like-section ul.list_block img {
    height: 32px;
    width: 32px;
}
.like-action > a i {
    font-size: 20px;
    height: 32px;
    line-height: 32px;
}
.like-section .likes .list_block {
    margin-top: 0;
}
.blog-comment .content_center {
    padding: 0;
}
.blog-comment > h2 ,
.blog-comment .content_center h2 {
    display: block;
    overflow: hidden;
    text-align: left;
    width: 100%;
}
.blog-comment #theaterPhotoCommentForm > a ,
.photo_comments #commentForm > a ,
.blog-comment #commentForm > a {
    display: none;
}
#theaterPhotoCommentForm > .comment ,
#commentForm > .comment {
    margin-left: 0;
    margin-right: 75px !important;
}
#theaterPhotoCommentForm .comment .shareButton ,
#theaterPhotoCommentForm .comment #shareButton ,
#commentForm .comment .shareButton {
    position: absolute;
    right: -75px;
    top: 0;
}
#commentForm > .comment .commentButton {
    float: none;
    margin: 0 !important;
    top: 0;
}
.shareButton:focus ,
.shareButton:active ,
.shareButton:hover ,
.shareButton {
    background: #1f4951  none repeat scroll 0 0 ;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px !important;
    text-transform: uppercase;
}
.comment_list [id^="itemcomment_"] .comment {
    margin-right: 30px;
    position: relative;
}
#commentForm {
    margin-bottom: 16px;
    overflow: hidden;
}
.edit-post-action {
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: right;
}
.admin-or-owner-confirm-edit-activity:hover ,
.admin-or-owner-confirm-edit-activity {
    background: #1f4951  none repeat scroll 0 0;
    color: #fff !important;
    font-family: Sarabun;
    font-size: 12px;
    border-radius: 4px;
    height: 37px;
    line-height: 37px;
    padding: 0 10px !important;
    text-transform: uppercase;
}
.admin-or-owner-cancel-edit-activity:hover ,
.admin-or-owner-cancel-edit-activity {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #1f4951;
    border-radius: 4px;
    font-family: Sarabun;
    color: #000;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
}
.list2 .current a {
    font-weight: normal;
    font-family: Sarabun;
}
.sy-box .like-section ,
.recipe-content-list .like-section ,
.topic-description-truncate .like-section ,
.blog-description-truncate .like-section {
    display : none;
}
.create_form .bar-content > .content_center {
    padding: 0;
}
.create_form .bar-content > .content_center .mo_breadcrumb {
    background: none;
    border-bottom: 1px solid #e6e6e6;
    height: 56px;
    line-height: 56px;
    padding: 0 16px;
}
.create_form .bar-content > .content_center .mo_breadcrumb > h1 {
    color: rgba(0, 0, 0, 0.87);
    font-family: Sarabun;
    font-size: 16px;
    height: 56px;
    line-height: 56px !important;
    margin: 0 !important;
    padding: 0;
    text-transform: uppercase;
}
.box-menu #browse .separate {
    display: none;
}
.box-menu .list2#browse li:first-child{
    border: none;
}
.box-menu .list2#browse li {
    margin: 0;
    border-top: 1px solid #f6f6f6;
    padding: 5px 0 5px;
}
.box-categories .cat-header {
    display: none;
}
.box-categories .list2.menu-list {
    padding: 16px;
}
.box-categories  .list2 li a {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    padding: 4px 0;
}
.box-categories .list2 li.category_header {
    padding: 0;
    margin: 5px 0;
}
.box-categories  li.sub-cat {
    margin-left: 0;
    border-left: 5px solid #eaeaea;
    padding-left: 16px;
    margin: 0;
}
.box-categories  .badge_counter {
    display: none;
}
#filters input[type="text"] {
    width: 265px;
    border: 1px solid #e6e6e6;
    height: 35px;
    line-height: 35px;
}
.title-modal {
    font-weight: normal;
    font-family: Sarabun;
}
.btn-album {
    margin-right: 15px;
}
.header-button-list i.icon-ellipsis-vert {
    font-size: 20px;
}
.album-detail-info a ,
.album-detail-info {
    color:rgba(0, 0, 0, 0.26);
    font-size: 12px;
    font-weight: normal;
}
.photoItem .p_2 {
    padding: 0 6px;
}
#center .photoItem {
    width: 20%;
    float: left;
    margin-bottom: 15px;
}
a.layer_square.photoModal {
    border: 1px solid #979797;
}
.blog-like .slcommentCount {
    float: left;
}
#center.col-md-9 .album-list-index {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}
.album-list-index > .p_2 {
    padding:0 10px 0 0;
    position: relative;
}
#album-list-content .album_info {
    border: 1px solid #ececec;
    padding:8px;
}
.album_info a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    font-family: Sarabun;
    color: #1F4951;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}
.album-list-index .list_option, .photo-albums li .list_option {
    display: block;
    margin-top: 0;
    right: 5px;
    top: auto;
    z-index: 10;
}
.list_option button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: rgba(27, 27, 27, 0.54);
    font-size: 20px;
    line-height: 0;
    padding: 1px 3px;
}
#album-list-content .album_info .date {
    color: rgba(0, 0, 0, 0.26);
    font-size: 12px;
    padding-top: 5px;
}
div#filters {
    margin-bottom: 16px;
}
#center.col-md-6 .video-list-index:last-child ,
#center.col-md-9 .video-list-index:last-child {
    border: none;
}
#center.col-md-6 .video-list-index ,
#center.col-md-9 .video-list-index {
    width: 100%;
    float: none;
    padding: 16px 0;
    border-bottom: 1px solid #e1e1e1;
}
.video-list-index.full_content  .video_cover, li.video-list-index a.video_cover {
    background: #000;
    position: relative;
    width: 210px;
    height: 150px;
    padding-bottom: 0;
    float: left;
}
.video-list-index .video_info {
    height: 150px;
    margin-left: 226px;
    overflow: hidden;
    padding: 0 30px 0 0;
}
.video-list-index .list_option {
    top :22px !important;
}
.video_info > a {
    color: #216978;
    display: block;
    font-family: Sarabun;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video-list-index .extra_info > a ,
.video-list-index .extra_info {
    color: rgba(0, 0, 0, 0.26);
    text-decoration: none;
    font-size: 12px;
    padding-top: 5px;
}
ul.topic-content-list > li:last-child , ul.blog-content-list > li:last-child {
    border: none;
}
ul.topic-content-list > li , ul.blog-content-list > li {
    padding-bottom: 16px;
    position: relative;
    padding-top: 16px;
    border-bottom: 1px solid #e1e1e1;
    border-top: none !important;
}
.topic-content-list li .topic-info {
    margin-left: 160px;
    margin-right: 30px;
}
.topic-content-list .list_option ,
.blog-info .list_option {
    top: 15px;
}
.blog-view-image + .content_center {
    border-radius: 0 0 4px 4px ;
    border-top: none;
}
.qq-upload-button {
    height: auto !important;
    color: #fff;
}
.left-right-menu {
    background: #1f4951;
    border-radius: 4px;
    position: relative;
    margin: 0 7px 20px;
}
.page-avatar {
    width: 100%;
    margin-bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 30%;
    border-radius: 4px 4px 0 0;
}
h1.info-home-name {
    padding: 16px 120px 10px 16px;
    margin: 0 !important;
    font-size: 20px !important;
    color:#fff;
}
.group_menu_list li {
    display: inline-block;
    margin: 0;
}
.group_menu_list .list2 li ul li  {
    display: block;
}
.group_menu_list .list2 li a > .badge_counter ,
.group_menu_list .list2 li a > i {
    display: none !important;
}
.group_menu_list .list2 li a {
    color: #fff;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: Sarabun;
    padding: 0 16px;
}
.group_menu_list .list2 li ul li a {
    color: #000;
}
.left-right-menu .list_option {
    top: auto;
    bottom: 50px;
    right: 10px;
}
.left-right-menu .list_option button {
    height: 36px;
    line-height: 36px;
    background: #eeeeee;
    border-radius: 4px;
    padding: 0 3px;
}
.group_action {
    position: absolute;
    right: 50px;
    bottom: 50px;
}
.group_action .topButton {
    background: #eeeeee;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    font-family: Sarabun;
    text-transform: uppercase;
    height: 36px;
    line-height: 36px;
}
.group-infor {
    padding: 16px;
}
.group-infor  .info label {
    width: 90px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
    float: left;
    font-size: 14px;
}
.group-infor .info li > div a {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
}
.group-infor .info li > div {
    padding-left: 95px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
}
.group-detail h1.visible-xs.visible-sm {
    display: block !important;
}
.topic_view_body h2 {
    color:rgba(0, 0, 0, 0.9);
    font-size: 24px;
}
#page_events-create .create_form .bar-content > .content_center .mo_breadcrumb {
    margin: 0;
}
.event_content_list.event_listing > li:nth-child(3n+1) {
    padding-right: 10px;
    padding-top :0;
    border-top: none;
}
.event_content_list.event_listing > li:nth-child(3n+2) {
    padding:0 5px;
    border-top: none;
}
.event_content_list.event_listing > li:nth-child(3n+3) {
    padding-left:10px;
    padding-top :0;
    border-top: none;
}
.event-list-thumb {
    width: 100%;
    height: 0;
    float: left;
    padding-bottom: 100%;
}
.event-info-list {
    margin-left: 0;
    margin-right: 20px;
}
.event-info-list {
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
    clear: both;
    border: 1px solid #eeeeee;
    border-top: none;
    position: relative;
}
.event-info-list .list_option {
    position: absolute;
    right: -8px;
    top: 16px;
}
.event-info-list .title > b {
    font-weight: normal;
}
.event-info-list .title {
    color: #216978;
    display: block;
    font-family: Sarabun;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.event_content_list {
    /*padding: 8px;*/
}
.m_b_5.event-attending {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
}
.event_content_list li .event-info div span {
    float: left;
    width: auto;
    font-size: 13px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.5);
    margin-right: 5px;
}
.event_content_list li .event-info div span + div {
    margin-left: 0;
    font-size: 13px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.5);
}
.owner-info > a > b {
    font-weight: normal;
}
.owner-info > a {
    font-size: 14px;
    font-family: Sarabun;
    color: #216978;
}
.owner-info > a + div {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
    margin-top: 8px;
}
#theaterComments > li > .comment {
    padding-right: 0;
    position: relative;
    margin-right: 30px;
}
#theaterComments .date i {
    color: #b2b2b2;
    font-size: 18px;
}
.create_form label {
    color: rgba(0, 0, 0, 0.9);
    float: none;
    font-size: 14px;
}
.create_form input[type="text"], .create_form select, .create_form input[type="password"] {
    border-radius: 2px;
    height: 34px;
    resize: none;
    width: 100%;
}
.profile-header {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}
#avatar {
    height: 150px;
    margin-bottom: 10px;
    margin-top: -95px;
    width: 150px;
}
.profile-info-section h1 {
    color: #1f4951;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    vertical-align: middle;
    padding: 0px 0px 0px 13px;
}
.online-stt {
    background: #7AC22C none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: auto;
    display: inline-block;
    height: 15px;
    left: auto;
    position: relative;
    vertical-align: middle;
    width: 15px;
}

.profile_info {
    margin-left: 180px;
    margin-bottom: 0;
}
.profile_info li span ,
.profile_info li {
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
}
.profile-action a.profilebutton {
  background-color: #1f4951;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    float: none;
    margin-left: 8px;
    vertical-align: middle;
}
.profile-action-toogle {
    display: inline-block;
    margin-top: 0;
    position: relative;
    vertical-align: top;
}

.toggle-status-background {
  margin-top: 4px;
}

#dropdown-profile {
    background-color: rgba(238,238,238,0.7);
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    color: #000;
    font-family: Sarabun;
    font-size: 12px;
    margin-left: 8px;
    text-shadow: unset;
    width: 36px;
    height: 26px;
}
.open.profile-action-toogle > .dropdown-menu {
    display: block;
    left: auto;
    right: 0;
}
.profile-header .section-menu {
    float: right;
    margin-right: 16px;
    margin-top: -10px;
    position: relative;
    top: -95px;
}
#avatar_upload  a , #cover_upload  a {
    padding:0 !important;
}
#avatar_upload  i , #cover_upload  i {
    height: 36px;
    line-height: 36px;
}
#cover_upload {
    border-radius: 4px;
    bottom: auto;
    height: 36px;
    right: 16px;
    top: 20px;
    width: 36px;
    padding:0;
}
#avatar_upload {
    border-radius: 4px;
    padding:0;
    bottom: 4px;
    height: 36px;
    left: auto;
    width: 36px;
}
.profile-sub-menu a.topButton  ,
.profilePage  .title_center a.topButton  {
    background: #1f4951  none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px !important;
    margin-top: 10px;
    text-transform: uppercase;
}
.profilePage  .title_center h2 {
    color: rgba(0, 0, 0, 0.87);
    font-family: Sarabun;
    font-size: 16px;
    height: 56px;
    line-height: 56px !important;
    margin: 0 !important;
    padding: 0;
}
.content_center > .bar-content.profile-sub-menu ,
.profilePage  .title_center {
    background: none;
    border-bottom: 1px solid #e6e6e6;
    height: 56px;
    line-height: 56px;
    margin: -15px -15px 16px;
    padding: 0 16px;
}
.left-right-menu .material-icons {
    height: 36px;
    line-height: 36px;
}
.inviteMore:hover ,
.inviteMore {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.9);
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
}
.inviteMore + .dropdown {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.event-top-detail.left-right-menu .list_option {
    bottom: 8px;
    right: 10px;
    top: auto;
}
.event-info-wrapper h2 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 24px;
}
.event-info-wrapper .list6 label + div ,
.event-info-wrapper .list6 label {
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
}
.event-info-wrapper .list6 a {
    color: #216978;
    font-family: Sarabun;
    font-size: 14px;
    font-weight: normal;
}
.event-info-wrapper .list6 li:last-child {
    border: none;
}
.event-info-wrapper .list6 li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    padding-top: 10px;
}
.event_rsvp_choose + input[type="submit"] {
    background: #1f4951 none repeat scroll 0 0;
    border-radius: 4px;
    display: inline-block;
    font-family: Sarabun;
    height: 36px;
    line-height: 36px;
    padding: 0 10px !important;
    text-transform: uppercase;
}
.video-view-wrapper .date.blog-date {
    clear: both;
    display: block;
}
.edit-profile-section input.btn-action ,
.profile-info-edit .mo_breadcrumb a.topButton {
    background: #1f4951 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px !important;
    padding: 0 10px !important;
}
.list2 .current a {
    color: #1F4951;
}
.home_content_feed #home-content > div:not(.check-home) .mo_breadcrumb {
    background: none;
    border-bottom: 1px solid #e6e6e6;
    height: 56px;
    line-height: 56px;
    margin:-8px -8px 16px;
    padding: 0 16px;
}

.home_content_feed #home-content > div:not(.check-home) .mo_breadcrumb > h1 {
    color: rgba(0, 0, 0, 0.87);
    font-family: Sarabun;
    font-size: 16px;
    height: 56px;
    line-height: 56px !important;
    margin: 0 !important;
    padding: 0;
    text-transform: uppercase;
}
body[id^="page_guest"] #commentForm > img {
    display: none;
}
body[id^="page_guest"] #commentForm .comment {
    margin-left: 0;
    margin-right: 0 !important;
}
.like-action > a.active i {
    color: #216978;
}
#page_guest_users-member_login #flashMessage  {
    border-radius: 3px;
    font-size: 14px;
    left: 0;
    margin: 0 auto;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 370px;
    z-index: 10;
}
#page_users-profile #flashMessage ,
#page_guest_users-register #flashMessage ,
#page_guest_users-member_login #flashMessage {
    top: 100px;
}
.user-list-info .open > .dropdown-menu {
    top: -70px;
}
.forgot-form .btn.btn-action {
    height: 30px;
    margin: 0;
    background: #1f4951  none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
}
#page_guest_users-recover #flashMessage {
    border-radius: 3px;
    font-size: 14px;
    left: 8px;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    right: auto;
    top: 0;
    width: 370px;
    z-index: 10;
}
#themeModal .users_list.user-like li {
    float: left;
    margin-left: 0;
    width: 100%;
}
#simpleModal .btn-action {
    background: #1f4951  none repeat scroll 0 0;
    color: #fff;
}
.activity_feed_content_text .user-list-info {
    margin-left: 0;
    height: 70px;
}
.photogroup {
    overflow: hidden;
}
.button.cancelTopic {
    margin-top: 0 !important;
}
.notification_content {
    margin-right: 20px;
}
.blog-comment .comment {
    position: relative;
}
#page_share-ajax_share .userTagged {
    background: #fff ;
}
.video-detail-title {
    float: none;
    margin-right: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.video-detail-action .list_option {
    top: -65px;
}
.shareButton i ,
.shareFeedBtn i {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg);
}
.blog-view-image.photo-cover-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: medium none;
    height: 230px;
    margin: 0;
    position: relative;
}
.blog-view-image.photo-cover-bg > i {
    background: rgba(0, 0, 0, 0.54) none repeat scroll 0 0;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.mo_breadcrumb.photo-breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-top: 64px;
    position: relative;
    text-align: center;
    z-index: 2;
}
.mo_breadcrumb.photo-breadcrumb > h1 {
    color: #fff;
    display: block;
    font-size: 32px;
    text-align: center;
    width: 100%;
    margin-bottom: 24px !important;
    float: none;
}
.mo_breadcrumb.photo-breadcrumb .header-button-list.list7 li {
    display: inline-block;
    float: none;
    position: relative;
    vertical-align: middle;
    width: auto;
}
.mo_breadcrumb.photo-breadcrumb .header-list {
    display: block;
    float: none;
}
.mo_breadcrumb.photo-breadcrumb .list_option .dropdown > button {
    background: #1f4951 none repeat scroll 0 0;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    width: 36px;
}
.list-item-inline {
    padding-bottom: 10px;
}
.list-item-inline + .list-item-inline {
    padding-top: 10px;
}
.event_block_list li + li {
    padding-top: 10px;
}
ul.event_block_list li {
    padding: 0 0 10px;
}
.show-more + .show-more {
    display: none;
}
.landing-block-right {
    float: right;
    width: 400px;
    height: 100%;
}
.parallax-left {
    position: absolute;
    right: 400px;
    left: 0;
}
.user_register_intro {
    float: none;
    width: 100%;
}
.user_register_intro h1 {
    color: #fff;
}
.signup_more {
    color: #ccc;
    font-size: 20px;
}
.landing-block-right #signUpForm {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    margin: 60px auto 0 !important;
    overflow: hidden;
    padding: 40px 10px;
    position: relative;
    width: auto;
}
.user_register_intro h1 span {
    color: #000;
}

#span {
    color: #000;
}

.span {
    color: #000;
}

.landing-block-right .col-md-sl7 {
    width: 100%;
}
.landing-block-right #signUpForm .fSignInWrapper, .landing-block-right  .signinpage .fSignInWrapper {
    border-radius: 4px ;
    display: inline-block !important;
    height: 32px !important;
    width: auto !important;
}
.landing-block-right #signUpForm #gSignInWrapper span.icon ,
.landing-block-right #signUpForm .fSignInWrapper span.icon {
    background-position: center center;
    height: 32px;
    width: 32px;
    margin: 0;
}
.landing-block-right #signUpForm #gSignInWrapper #customBtn {
    height: 32px;
    line-height: normal;
    text-align: center;
}
.landing-block-right .landing-social {
    position: absolute;
    right: 27px;
    top: 24px;
}
#page_guest_home-index #cookies-warning {
    display: none;
}
#step2Box.regSubmit {
    overflow: hidden;
}
#createForm #errorMessage {
    border-radius: 3px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 80px;
    overflow: hidden;
    padding: 10px 15px;
    width: 100%;
}
#global-search::-webkit-input-placeholder {
    color: #000;
}
#global-search:-moz-placeholder { /* Firefox 18- */
    color: #000;
}
#global-search::-moz-placeholder {  /* Firefox 19+ */
    color: #000;
}
#global-search:-ms-input-placeholder {
    color: #000;
}

.global-search > i, .global-search input#global-search {

    color: #1f4951 !important;
}
.list2 .current a {
    color: #216978;
}
.recipe-thumb.img-circle {
    width: 150px;
}
.user-idx-item i {
    display: none;
}





#fetchButton ,
#saveBtn + a + a ,
#saveBtn + a ,
#saveBtn {
    float: right;
    margin-left: 10px;
}
.button.button-action.primary:hover ,
.button.button-action.primary ,
#notificationForm #notificationButton ,
.modal-footer button.ok ,
#shareBtn ,
#inviteButton ,
.edit-post-action .btn.btn-action ,
#ajaxCreateButton ,
#videoForm a.btn.btn-action ,
#fetchButton ,
.btn-album > a:hover ,
.btn-album > a ,
#nextStep ,
#triggerUpload  {
    background: #1f4951 none repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px !important;
    padding: 0 10px !important;
}
#searchPeople ,
#page_albums-edit input[type="submit"] ,
#saveBtn {
    background: #1f4951 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-family: Sarabun;
    font-size: 12px;
    height: 36px;
    line-height: 36px !important;
    margin-top: 10px;
    padding: 0 10px !important;
}
.modal-footer button.ok + button {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #1f4951;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
    padding: 0 10px !important;
}
#cancel-topic ,
.edit-post-action .button.button-action {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #1f4951;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
}
.button.cancelTopic ,
#videoForm a.btn.btn-action + a.button ,
#page_albums-edit input[type="submit"] + input[type="button"] ,
#saveBtn + a + a ,
#saveBtn + a {
    background: #1f4951 none repeat scroll 0 0;
    border: 1px solid #1f4951;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin-top: 10px;
}
/*Changes the color of the headline in the profile popup window*/
body .item_geneal_info .item_title {
    color: #1f4951;
}
/*Changes the pop-up profile color of selection buttons*/
.star_block > div > span {
    color: #1f4951;
}
/*Change the popup profile Color of the buttons "Add friend"*/
.button {
    color: #1f4951;
}

.create_form {
    text-align: left;
}
#main_menu {
    margin-top: 7px;
    margin-left: 250px !important;
}
#main_menu li {
  margin-left: 0px !important;
}

.documentScrolling .open_large_menu {
  margin-left: -153px !important;
}

.menu_top_list.homepage-menu.list2 i {
  color: #1f4951;
}

.commentButton .qq-uploader {
  top: 9px;
}
.wall-post-action .btn-action {
  text-transform: none !important;
      background: #1f4951 none repeat scroll 0 0;
      border-radius: 4px;
      color: #fff;
      display: inline-block;
      font-family: Sarabun;
      align-content: top;
      margin-bottom: 10px !important;
  }

  .profile-info-section {
    margin-left: auto;
    margin-right: auto !important;
    padding-right: 0px !important;
  }

  .ScrollToTop_Global {
    bottom: 60px !important;
  }

  .shareButton i, .shareFeedBtn i {
    margin-top: -3px;
  }

  .feed_time i {
    width: 13px !important;
    font-size: 17px !important;
  }

  .content_center > .bar-content.profile-sub-menu, .profilePage .title_center {
    margin: 0 !important;
    padding: 3 !important;
  }

  #profile-content ul.group-content-list, #profile-content ul.topic-content-list, #profile-content ul.blog-content-list {
    height: 30px !important;
    margin-top: 15px !important;
  }

  .event_content_list {
    height: 30px !important;
    margin-top: 15px !important;
  }

  .hideshare-wrap, .share-menu {
    list-style: none;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-top: 60px !important;
  }
  /* --------------------------------------------------------------------------------------------*/
  /* --------------------------------------------------------------------------------------------*/
  /* --------------------------------------------------------------------------------------------*/
  /* --------------------------------------------------------------------------------------------*/
  /* --------------------------------------------------------------------------------------------*/
  /* --------------------------------------------------------------------------------------------*/
  /* --------------------------------------------------------------------------------------------*/

@media (min-width: 992px) {
    .user_register_intro h1 {
        font-size: 60px;
    }
    body.default-body.page_has_cookies {
        padding-top: 180px;
    }
    #page_users-profile #flashMessage {
        border-radius: 3px;
        font-size: 14px;
        left: 0;
        margin: 0 0 10px;
        padding: 10px 15px;
        position: relative;
        right: 0;
        width: 100%;
        z-index: 10;
        top: 0;
    }
    .breadcrumb-profile {
        display: none;
    }
    .title-mobile {
        display: none;
    }
    .group-content-list .group-info .title {
        font-size: 16px;
    }
    ul.group-content-list > li:first-child {
        border: none;
    }
    ul.group-content-list > li {
        width: 100%;
        float: none;
        padding: 16px 0;
        border-bottom: 1px solid #e1e1e1;
    }
    .group-content-list .list_option {
        top: 16px;
    }
    .list-item-description {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
        line-height: 20px;
        max-height: 95px;
        overflow: hidden;
    }
    .group-content-list .group-thumb {
        /*width: 210px;*/
        /*height: 150px;*/
        float: left;
        margin-left: 40px;
    }
    .group-content-list .group-info {
        margin-left: 226px;
        margin-right: 0;
        padding: 0px 30px 0px 16px;
    }
    #center > .box2 {
        border-radius: 4px;
        border: 1px solid #e6e6e6;
    }
    .documentScrolling .header-bg {
        display: none;
    }
    .logo-default {
        left: 7px;
        position: absolute;
        top: 4px;
    }
    .global-search {
        top: 13px;
    }
    .notify_group {
    position: absolute;
    right: 65px;
    top: 7px;
}
    .menu_large {
        top: 15px;
    }
    body.default-body {
        padding-top: 80px;
    }
    .ava_home {
        border-radius: 50%;
        float: none;
        border: 3px solid #fff;
        margin: 10px;
    }
    #browse #cover {
        height: 125px;
    }
    #browse #cover > img {
        border-radius: 3px 3px 0 0;
        width: 100%;
        height: 100%;
    }
    ul.navbar-nav li {
        float: left;
    }
    #signUpForm ,
    #loginForm {
        width: 860px;
        padding: 40px 50px;
        margin: 0 auto !important;
        background: #fff;
        border: 3px solid #e4e4e4;
        border-radius: 4px;
        overflow: hidden;
    }
    body[id^='page_guest'] {
        padding-top: 150px;
        background: #fff;
    }
    #page_guest_users-register .open_large_menu ,
    #page_guest_users-member_login .open_large_menu {
        display: none !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 {
        background: #fff;
        /*color: #1f4951;*/
    color: #216978;
    }

    #main_menu > li:hover > i, #main_menu > li:hover > span.header, #main_menu li a:hover {
        /*color: #1f4951 !important;*/
    color: #ffffff !important;
    }

    #main_menu li a:focus ,
    #main_menu li a:hover {
        /*color: #1f4951;*/
    color: #fff;
    }
    #main_menu li a {
       line-height: 44px;
padding: 0px 12px;
color: #fff;
font-size: 13px;
font-weight: normal;
font-family: Sarabun;
position: relative;
letter-spacing: normal;
text-transform: uppercase;
    }

    #main_menu li:hover a, #main_menu li.current a {
    color: #ffffff;
}

    .m-search-bar {
        display: none;
    }
    body[id^="page_guest_"] .documentScrolling .logo-default {
        top: 0px;
    }

    .img_footer {
        width: 200px;
        margin-left: 10px;
        margin-top: -10px;
    }
    #header.documentScrolling .logo-default a img {
    max-height: 60px;
    position: fixed;
    margin-top: -40px;
}
    #header.documentScrolling .notify_content > a i {
    color: #fff;
    vertical-align: text-top !important;
}
  #member-avatar {
    border-radius: 20px;
  }
        #header.documentScrolling #main_menu li a {
        font-size: 13px;
    }
        .documentScrolling #main_menu {
    width: 1180px;
    margin-left: 107px;
}

#header.documentScrolling {
  height: 58px !important;
}
#main_menu {
    margin-top: 7px;
    margin-left: 250px !important;
}
#main_menu li {
  margin-left: 0px !important;
}

.documentScrolling .open_large_menu {
  margin-left: -153px !important;
}

}
@media (max-width:991px) {
    div#profile-content.recipe-detail {
        padding: 0;
    }
    .badge_counter {
        color: #216978;
    }
    .list-recipe {
        margin-top: 10px !important;
    }
    .albums li {
        overflow: visible !important;
    }
    .landing-block-right {
        display: none;
    }
    .parallax-left {
        position: absolute;
        right: 0;
        left: 0;
    }
    #signUpForm {
        padding: 10px;
    }
    .markAllNotificationAsRead ,
    .clearAllNotification {
        display: block;
        float: none;
        margin: 0 0 10px !important;
    }
    #cookies-warning {
        font-size: 14px;
    }
    .hasAlert .mobile-footer .pull-left ,
    .hasAlert .mobile-footer .pull-right {
        top: 100px;
    }
    #page_users-password #flashMessage + .bar-content .profile-info-edit .full_content {
        padding-top: 50px;
    }
    #page_users-password #flashMessage {
        top: 15%;
    }
    body.page_has_cookies .mobile-footer .pull-right ,
    body.page_has_cookies .mobile-footer .pull-left {
        position: absolute;
        top: 108px;
    }
    body.page_has_cookies {
        padding-top: 105px;
    }
    .page_has_cookies .notify_group {
        top: 70px;
    }
    .page_has_cookies .open> #search-bar ,
    .page_has_cookies .open> #conversation_list,
    .page_has_cookies .open> #notifications_list {
        top: 105px;
    }
    .conversation_list li, #conversation_list > li, #notifications_list a {
        padding: 7px 20px 7px 10px;
    }
    .profile-action-toogle {
        display: block;
    }
    .open.profile-action-toogle > .dropdown-menu {
        display: block;
        left: 0;
        right: auto;
    }
    .profile-action > div ,
    .profile-action > a {
        margin-bottom: 10px;
        vertical-align: middle;
    }
    .home_content_feed #home-content > div:not(.check-home) .mo_breadcrumb {
        background: none;
        border-bottom: 1px solid #e6e6e6;
        height: auto;
        line-height: 56px;
        margin: -8px -8px 16px;
        padding: 0 16px 10px;
    }
    #page_guest_users-register #flashMessage, #page_guest_users-member_login #flashMessage {
        position: static;
    }
    .menu_top_list.homepage-menu.list2 li {
        margin: 0;
    }
    .event-info .m_b_5 {
        display: none;
    }
    .m_b_5.event-attending {
        display: block;
    }
    .event-info-list .title {
        padding-right: 15px;
    }
    .event_content_list.event_listing > li:nth-child(3n+1) {
        padding-right: 0
    }
    .event_content_list.event_listing > li:nth-child(3n+2) {
        padding:0
    }
    .event_content_list.event_listing > li:nth-child(3n+3) {
        padding-left:0
    }
    .profilePage .title_center h2 {
        display: none;
    }
    #profile-content ul.group-content-list,
    #profile-content ul.topic-content-list,
    #profile-content ul.blog-content-list {
        padding: 0;
    }
    .profile-sub-menu, .profilePage .title_center {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-bottom:  none ;
        height: 56px;
        line-height: 56px;
        margin: 0;
        padding: 0 8px;
    }
    #profile-content {
        padding: 8px;
    }
    .profile-action .button i {
        font-style: normal;
        font-size: 14px !important;
    }
    #profile-content h2.header_title {
        padding: 0;
    }
    .profile-header #cover {
        border-radius: 4px 4px 0 0;
    }
    .profile-header .section-menu {
        clear: both;
        float: none;
        margin-right: 16px;
        margin-top: -10px;
        position: relative;
        top: 0;
    }
    .profile-header {
        margin: 8px;
        padding: 0;
    }
    .profile_info {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 10px;
        margin-top: 0;
        padding: 0;
    }
    .profile_info li span, .profile_info li {
        color: rgba(0, 0, 0, 0.3);
        display: inline-block;
        float: none;
        font-size: 12px;
        padding-top: 0;
    }
    .profile-info-section {
        min-height: 0;
        padding-bottom: 0;
    }
    .profile-info-section h1 {
        font-size: 16px;
        padding: 0 !important;
    }
    #avatar_upload i {
        color: #979797;
        height: 32px;
        line-height: 32px;
    }
    #avatar_upload {
        border-radius: 4px;
        bottom: 9px;
        height: 32px;
        left: 9px;
        padding: 0;
        width: 32px;
    }
    #avatar {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        height: 50px;
        margin-bottom: 10px;
        margin-left: 8px;
        margin-top: 0;
        padding: 0;
        width: 50px;
    }
    #page_guest_home-index .logo-default {
        float: left;
        left: 20px;
        margin: 0 auto;
        position: relative;
        right: 0;
        text-align: left;
        top: 3px;
    }
    #page_guest_users-member_login .logo-default a img ,
    #page_guest_home-index .logo-default a img {
        max-height: 16px !important;
        vertical-align: middle;
    }

    a
    a.signup-mobile.visible-xs:hover ,
    .signup-mobile.visible-xs a:hover {
        text-decoration: none;
    }
    .signup-mobile.visible-xs {
        position: absolute;
        bottom: 24px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
    .signup-mobile.visible-xs a:first-child {
        margin-right: 20px;
    }
    a.signup-mobile.visible-xs ,
    .signup-mobile.visible-xs a{
        color: rgba(255, 255, 255, 0.7);
        display: inline-block;
        font-family: Sarabun;
        font-size: 20px;
        border: 3px solid rgba(255, 255, 255, 0.7);
        padding: 0 10px;
        height: 36px;
        line-height: 30px;
    }
    a.signup-mobile.visible-xs {
        width: 200px;
    }
    .moolandinglogin .input.password {
        float: none;
        padding-right: 0;
        width: 100%;
    }
    .moolandinglogin .btn.btn-success.btn-login {
        background: #1f4951;
        border-radius: 4px;
        color: rgba(0, 0, 0, 0.6);
        font-family: Sarabun;
        font-size: 14px;
        height: 36px !important;
        width: 100% !important;
        margin-bottom: 16px;
    }
    .landing-social {
        position: absolute;
        right: 16px;
        top: 0;
    }
    .slintroText {
        left: 10px;
        position: fixed;
        right: 10px;
        top: 30%;
        transform: none;
    }
    #flashMessage {
        left: 10px;
        right: 10px;
        top: 20%;
        width: auto;
    }
    .moolandinglogin {
        background: #fff none repeat scroll 0 0;
        border-radius: 4px;
        padding: 16px;
        width: auto;
    }
    .moolandinglogin .box_content {
        padding: 0;
    }
    .profile-action .button {
        background: #eeeeee none repeat scroll 0 0;
        padding: 0 10px;
    }
    .profile-action .button i {
        .profile-action .button i {
            font-family: Sarabun;
            font-size: 13px;
            height: 36px;
            line-height: 36px;
            text-transform: uppercase;
        }
    }
    #avatar_upload ,
    #cover_upload {
        display: block;
    }

    .guest-action {
        margin-top: 0;
        float: right;
    }
    .guest-action > a:hover {
        background: none !important;
    }
    .guest-action > a {
        background: none !important;
        color: #fff;
        font-size: 0px;
        height: 0px;
        line-height: 0px;
        padding: 0 0px !important;
    }
    .main-menu-content {
        display: none;
    }
    .bg_cover {
        height: 100%;
    }
    .user-info-home {
        margin-left: 0;
    }
    #cover .slNewAvatar > a{
        padding: 0 16px;
    }
    #global-search {
        width: 96%;
        background: transparent;
        /* border: none; */
        color: #000;
        border: 1px solid #ddd;
        padding: 8px;
        margin: 10px;
    }
    .box2.box_recently_join h3 {
        margin-top: 0;
        text-align: center;
    }
    .breadcrumb-profile > h1,
    .profile-info-edit #center > .mo_breadcrumb > h1 {
        color: #fff;
        font-family: Sarabun;
        font-size: 16px;
        height: 48px;
        line-height: 48px !important;
        margin: 0 !important;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
    }
    .breadcrumb-profile ,
    .profile-info-edit #center > .mo_breadcrumb {
        background: #1f4951 none repeat scroll 0 0;
        border-bottom: 1px solid #e6e6e6;
        height: 48px;
        line-height: 48px;
        padding: 0 16px;
    }
    .event-list-thumb .event-date {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        bottom: -60px;
        color: #000;
        display: block;
        font-size: 18px;
        padding: 0 10px;
        position: absolute;
        width: 60px;
    }
    .event-info-list {
        padding: 16px 0 16px 90px;
    }
    .group_menu_list .list2 li a {
        padding: 0 5px;
    }
    #profile-content.group-detail .content_center > .full_content.p_m_10 {
        padding: 0;
    }
    h1.info-home-name {
        font-family: Sarabun;
        font-size: 18px !important;
    }
    .profile_group {
        padding: 0 8px;
    }
    #profile-content.group-detail .mo_breadcrumb  > a.topButton {
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
    }
    #profile-content.group-detail .mo_breadcrumb {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        margin: 0 -15px 8px;
    }
    #profile-content.group-detail .mo_breadcrumb > h1 {
        display: none !important;
    }
    #profile-content.group-detail {
        padding: 8px;
    }
    .left-right-menu {
        background: #1f4951 none repeat scroll 0 0;
        margin: 8px;
    }
    #profile-content.group-detail .peoplepage-img {
        border: 1px solid #979797;
    }
    .group_action h1.visible-xs.visible-sm {
        display: none !important;
    }
    .group-mobi-more.dropdown.visible-xs.visible-sm {
        cursor: pointer;
        display: inline-block !important;
    }
    .group-mobi-more > span {
        color: #fff;
        font-family: Sarabun;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        padding: 0 5px;
        text-transform: uppercase;
        display: block;
    }
    .group-mobi-more i {
        color: #fff;
        display: inline-block;
        font-size: 18px;
        height: 40px !important;
        line-height: 40px !important;
        margin: 0;
        position: relative;
        top: 3px;
    }
    .group-mobi-more > ul {
        display: none;
        left: auto;
        padding: 0;
        right: 0;
    }
    .album_view_detail .album-detail-info {
        margin: 10px 0;
        padding: 0;
    }
    .btn-album > .button.button-action.topButton.button-mobi-top:hover ,
    .btn-album > .button.button-action.topButton.button-mobi-top {
        border-radius: 4px;
        float: right;
    }
    .photo-list li .layer_square, .album-list-index a.album_cover, .albums li a.album_cover {
        background: #ccc none no-repeat scroll center center / cover ;
        display: block;
        height: 0 !important;
        overflow: hidden;
        padding-bottom: 100% !important;
        position: relative;
        width: 100% !important;
    }

    .album-list-index .album_info ,
    #album-list-content .album_info {
        border: 1px solid #ececec;
        clear: both;
        margin-left: 0;
        padding: 16px 8px;
    }

    .button i {
      margin-top: 3px !important;
      font-size: 20px !important;
      margin-right: none !important;
    }

.home_content_feed #home-content > div:not(.check-home) .mo_breadcrumb {
  background-image: linear-gradient(-75deg, #1f4951 0%, #216978 100%) !important;
}
    .home_content_feed #home-content > div:not(.check-home) .mo_breadcrumb>h1 {
      color: white !important;
      font-family: helvetica;
      font-size: 16px;
      height: 56px;
      line-height: 56px !important;
      /* margin: 0 !important; */
      padding: 0;
      /* margin-left: 40px; */
      text-align: center;
    }


    .post_body.topic_view_body > h1 {
        padding-top: 10px;
    }
    .post_body.topic_view_body .list_option {
        top: 10px;
    }
    .blog-view-image {
        border-radius: 0;
    }
    .blog-owner > img#blog-owner-cover {
        border-radius: 0;
    }
    .mo_breadcrumb {
      background: none !important;
    }
    .post_body > .mo_breadcrumb {
        background: #fff none repeat scroll 0 0;
        margin-bottom: 0;
        padding: 10px 0 0;
        text-align: center;
    }
    .title-mobile {
        display: block;
        background: #1f4951 none repeat scroll 0 0;
        color: #fff;
        float: none;
        font-size: 16px !important;
        height: 48px;
        line-height: 48px !important;
        margin: 0 !important;
        text-align: center;
        font-family: Sarabun;
    }
    #center .bar-content > .content_center > .mo_breadcrumb > a.topButton {
        float: right;
        position: absolute;
        right: 10px;
        top: 102px;
        background: #1f4951 none repeat scroll 0 0;
    }
    div#filters {
        padding-left: 10px;
    }
    #filters input[type="text"] {
        width: 30%;
    }
    .bar-content > div {
        border: 1px solid #e6e6e6;
        border-radius: 2px;
    }
    #center .users_list .user-list-index {
        float: none;
        margin-bottom: 12px;
        width: 100%;
    }
    .user-list-index:nth-of-type(2n+1) {
        padding-right: 0;
    }
    .user-list-index:nth-of-type(2n+2) {
        padding-left: 0;
    }
    .slLeftFixedRound  {
        height: 48px;
        line-height: 48px;
        background: rgba(214, 214, 214, 0.3) none repeat scroll 0 0;
        margin: 0 -11px 16px;
        clear: both;
    }
    .slLeftFixedRound .box2.box-menu .box_content {
        padding: 0;
    }
    .slLeftFixedRound .box2.box-menu .box_content > ul {
        list-style: none;
        padding: 0;
        display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        width:100%;
        margin:0;
    }
    .slLeftFixedRound .box2.box-menu .box_content > ul li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex:1;
        box-flex:1;
        margin: 0;
    }
    .slLeftFixedRound .box2.box-menu ul li a {
        color: #000;
        font-size: 14px;
        height: 48px;
        line-height: 48px;
        padding: 0;
        text-align: center;
    }
    .slLeftFixedRound .box2.box-menu ul li.current a {
        border-bottom: 3px solid #1f4951;
    }
    .box-menu h3.visible-xs.visible-sm {
        display:none !important;
    }
    .bar-content > .content_center .box3 > .mo_breadcrumb, .bar-content > .content_center > .mo_breadcrumb {
        background: #1f4951 none repeat scroll 0 0;
        border-bottom: 1px solid #e6e6e6;
        height: 48px;
        line-height: 48px;
        margin: 0 -15px 0;
        padding: 0 16px;
    }
    .bar-content > .content_center .box3 > .mo_breadcrumb > h1, .bar-content > .content_center > .mo_breadcrumb > h1 {
        color: #fff;
        font-family: Sarabun;
        font-size: 16px;
        height: 48px;
        line-height: 48px !important;
        margin: 0 !important;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
    }
    .box-menu #browse.list2 li {
        border-top: medium none;
        margin: 0;
        padding: 0;
    }
    .home_user {
        padding: 8px;
    }
    #feed-type.header-list {
        /*background: rgba(214, 214, 214, 0.3) none repeat scroll 0 0;*/
        display: block;
        float: none;
        height: 48px;
        line-height: 25px;
        margin: 0 auto;
        text-align: center;
    }
    .home_content_feed .list7 a {
        /*height: 48px;
        line-height: 48px;*/
        font-family: Sarabun;
        font-weight: normal;
    }
    .home_content_feed .list7 a.current {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-bottom: 3px solid #1f4951;
        border-radius: 0;
    }
    #feed-type.header-list li {
        display: inline-block;
        float: none;
        background: #fff;
    }
    .conversation_count, .notification_count {
        right: 0;
        top: -8px;
    }
    .btn-group.m-search-bar {
        margin-top: -3px;
    }
    .faceOutEffect .notify_group {
        bottom: auto;
        top: -51px;
        transition: top 0.5s cubic-bezier(0, 1, 0.5, 1) 0s;
    }
    .notify_group > div {
        margin: 0;
    }
    .notify_content #m-search-bar-icon {
        margin-right: -5px;
        padding: 0;
    }
    .notify_content > a {
        padding: 2px 4px;
        position: relative;
    }
    .notify_content > a i {
        font-size: 25px;
            vertical-align: top;
    }
    .m-user-option {
        float: right;
    }
    .icon-globe::before ,
    .icon-leftpanel::before ,
    .icon-rightpanel::before {
        content: "";
    }
    .icon-rightpanel {
        background-image: url("../img/right@2x.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
        height: 25px;
        width: 38px;
        margin: 0 !important;
    }
    .icon-leftpanel {
        background-image: url("../img/left@2x.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
        height: 25px;
        width: 38px;
        margin: 0 !important;
    }
    .m-user-option .dropdown-user-box {
        height: 48px;
        line-height: 48px;
    }
    .m-user-option.open .dropdown-menu {
        left: auto;
        right: 0;
    }
    .pull-right {
    float: right !important;
  }
    .pull-left {
      float: left !important;
    }
    .open> #search-bar {
        position: fixed;
        left: 0;
        right: 0;
        top: 46px;
        bottom: -2px;
        overflow: auto;
        border-radius: 0;
    }


      #avatar img {
        height: auto;
        width: 130px;
        border: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .125);
        padding: 2px;
        background-color: #fff;
        border-radius: 4px;
      }
    #avatar {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      float: none !important;
      margin-top: -50px !important;
      width: 130px;
    }

    .profile-info-section {
      text-align: center !important;
      position: relative !important;
      margin-top: 80px;
    }

    .online-stt {
      width: 10px !important;
      height: 10px !important;
      margin: 1px 1px 10px 0px !important;
    }

    .profile_info {
      text-align: center !important;
      display: block !important;
    }
    .profile-action {
      text-align: center !important;
      padding: 10px;
    }
    .profile-action .button i {
      line-height: 25px !important;
    }
    #status_box {
      height: auto !important;
    }

    #dropdown-profile {
      float: left !important;
      height: 25px;
      border-radius: 10px;
      background: none !important;
    }
    .verified_profile img.icon-verification {
      margin-top: 3px;
    }
    .profile-action a.profilebutton {
      float: left !important;
      border-radius: 10px;
      font-family: helvetica !important;
    }
    .profile-action > div, .profile-action > a {
      float: left !important;
      margin-top: 19px;
    }

.visible-xs ,.visible-sm ,.material-icons i:active {
  color: #216978;
}

    h2 {
      padding: 10px 10px 2px 8px;
    }
    .profile-header .section-menu {
      border-bottom: 1px solid #eeeeee;
      margin-top: -15px;
    }

    .visible-xs.visible-sm.avatar-mobi {
        height: 32px;
        margin-right: 16px;
        width: 32px;
    }
    #home-content .check-home .mo_breadcrumb {
        margin-bottom: 0;
        overflow: hidden;
        padding: 0;
    }
    #home-content .check-home .mo_breadcrumb h1{
        font-size: 18px;
        height: 48px;
        line-height: 48px !important;
        text-align: center;
        margin: 0 !important;
    }
    .logo-default a {
        padding-left: 10px;
        width: auto;
        line-height: 48px;
    }

    #openMenu {
        background: transparent;
        height: 50px;
        line-height: 50px;
        margin-top: 0;
        padding: 0;
        text-align: center;
        width: 30px;
    }
    .sl-navbar {
        min-height: 48px;
    }
    .logo-default {
        display: inline-block;
        float: left;
    }
    .header-bg {
        display: none;
    }
    .mobi-open-menu {
        background-image: url("../img/apps@2x.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: block;
        height: 52px;
        width: 17px;
    }
    .notify_group {
        bottom: auto;
        left: auto;
        margin-left: 0;
        position: fixed;
        right: 50px;
        top: 7px;
        z-index: 1031;
    }
    .group-content-list .group-thumb {
        width: 100px;
        height: 100px;
        float: left;
    }
    ul.group-content-list > li {
        padding-bottom: 0;
        position: relative;
        border: 1px solid #dddddd !important;
        margin-bottom: 16px;
        height: 102px;
        padding: 0 !important;
    }
    .group-content-list .group-info {
        margin-left: 100px;
        margin-right: 30px;
        padding: 16px;
    }
    .group-content-list .list_option {
        top: 16px;
    }
    #page_guest_users-member_login,
    #page_guest_home-index {
        padding-bottom: 0 !important;
    }
    #page_guest_users-member_login .mobile-footer ,
    #page_guest_home-index .mobile-footer {
        display: none;
    }
        .img_footer {
        width: 200px;
        margin-left: 10px;
    }
    #header.documentScrolling {
    top: 0px;
    position: fixed !important;
}
    #header {
        /*position: fixed !important;*/
    }
        #header.documentScrolling #main_menu li a {
        font-size: 14px;
    }
    .documentScrolling #main_menu {
    width: 1180px;
}
}

#main_menu {
    margin-top: 7px;
    margin-left: 250px !important;
}
#main_menu li {
  margin-left: 0px !important;
}

.documentScrolling .open_large_menu {
  margin-left: -153px !important;
}


@media (max-width: 992px) and (min-width: 767px) {
    .container {
        width: 100%;
    }
    .page_has_cookies .notify_group {
        top: 5px;
    }
    .faceOutEffect .notify_group {
        bottom: auto;
        top: -51px;
    }
    .faceOutEffect #header_mobi {
        top: -35px;
    }
    .slLeftFixedRound {
        margin: 0 0 16px;
    }
    .bar-content > .content_center .box3 > .mo_breadcrumb, .bar-content > .content_center > .mo_breadcrumb {
        margin: 0 ;
    }
    #signUpForm {
        border: none;
        border-radius: 2px;
        background: none;
        margin-top: 20px;
        padding: 20px;
    }
    #main_menu {
      margin: auto !important;
    }

    #loginForm {
        width: auto;
        border: none;
        overflow: hidden;
        margin-top: 20px;
    }
    .video-list-index .video_info {
        height: 145px;
    }
    .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;
    }
    .mobile-footer i{
    font-weight: bold;
    font-size: 22px;
    line-height: 50px;
    padding: 0 10px;
}
.faceOutEffect .notify_group,
.faceOutEffect .mobile-footer{
    /*bottom:-50px;*/
    bottom:0;
}
    .group-content-list .group-info .title, .user-name-info > a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 18px;
    }

    #header_mobi > .container-fluid {
    position: relative;
}
        .img_footer {
        width: 200px;
        margin-left: 10px;
    }
        #header.documentScrolling {
    top: 0px;
    position: fixed !important;
}
    #header {
        /*position: fixed !important;*/
    }
}

@media (max-width: 1024px) and (min-width: 993px) {
    .menu_top_list.homepage-menu.list2 i {
        width: 18px;
    }
    .user_register_intro h1 {
        font-size: 40px;
    }
    .parallax-left {
        right: 300px;
    }
    .landing-block-right {
        width: 300px;
    }
    .signup_more {
        color: #ccc;
        font-size: 15px;
    }
    .open_large_menu ul {
        display: block!important;
        position: static!important;
        margin-top: 50px !important;
        width: auto!important;
        border: none!important;
    }
    .open_large_menu {
        display: block;
        position: relative;
        width: auto;
        background: transparent;
        border: none;
        top: 0;
        left: 0;
    }
    .btn_open_large {
        display: none;
    }
    #header.documentScrolling {
        top: -15px !important;
    }
    .documentScrolling #main_menu > li {
        float: left !important;
    }
    .documentScrolling .logo-default {
        top: 42px!important;
    }
    #header_mobi > .container-fluid {
    position: relative;
}
        .img_footer {
        width: 200px;
        margin-left: 10px;
    }
        #header.documentScrolling {
    top: 0px;
    position: fixed !important;
}
    #header {
        /*position: fixed !important;*/
    }
}


@media (max-width:767px) {
    .notify_content > a {
        height: auto;
        line-height: normal;
    }
    .new_recent_signup {
        display: none;
    }
    .logo-default a img {
        max-height: 35px;
        vertical-align: middle;
    }
    .guest-action > a {
        padding: 0 5px !important;
    }
    .signinpage .register_social_form {
        margin: 0 0 20px;
        text-align: left;
    }
    #signUpForm .col-md-5 {
        margin: 0 0 20px;
    }
    .group-content-list li .group-thumb {
        height: 98px;
        width: 98px;
    }
    .group-content-list li .group-info {
        margin-left: 114px;
        padding: 16px 0;
    }
    .group-content-list .list_option {
        right: 0;
        top: 16px;
    }
    ul.group-content-list > li + li {
        padding-top: 0;
    }
    .group-content-list li .group-info .list-item-description {
        color: #000;
        display: none;
        font-size: 12px;
    }
    ul.group-content-list > li {
        border: 1px solid #dddddd !important;
        height: 100px;
        margin-bottom: 16px;
        padding: 0;
        position: relative;
    }
    ul.group-content-list {
        padding: 8px;
    }
    .date.blog-date > a, .date.blog-date {
        color: #000000;
        margin-bottom: 16px;
        opacity: 0.54;
        padding: 0;
    }
    #center.col-md-6 .video-list-index:last-child ,
    #center.col-md-9 .video-list-index:last-child {
        border: 1px solid #dddddd;
    }
    .video-view-wrapper {
        border: 1px solid #1f4951 !important;
        border-radius: 4px !important;
        margin: 8px;
    }

    #center.col-md-6 .video-list-index ,
    #center.col-md-9 .video-list-index {
        border: 1px solid #dddddd;
        float: none;
        padding: 0;
        width: 100%;
    }
    .video_info > a {
        font-size: 14px;
        font-weight: normal;
        height: 38px;
        overflow: hidden;
        text-overflow: inherit;
        white-space: normal;
    }
    .video-list-index .extra_info > a, .video-list-index .extra_info {
        color: rgba(0, 0, 0, 0.5);
        font-size: 11px;
        font-weight: normal;
        height: 35px;
        overflow: hidden;
    }
    .video-list-index.full_content .video_cover, li.video-list-index a.video_cover {
        height: 90px;
        width: 130px;
    }
    .video-list-index .video_info {
        height: 90px;
        margin-left: 140px;
        overflow: hidden;
        padding: 8px 0;
    }
    .video-list-index .list_option {
        right: 0 !important;
        top: 10px !important;
    }
    #list-content.video-content-list {
        list-style: outside none none;
        padding: 0 8px;
    }
    #center.col-md-9 .album-list-index {
        float: left;
        margin-bottom: 10px;
        width: 50%;
    }
    .topic-content-list > li > a {
        float: none;
        width: 100%;
    }
    ul.topic-content-list > li + li {
        padding-top: 0;
    }
    .mobile-thumbimg {
        width: 100%;
    }
    #openMenu {
        width: 17px;
    }
    ul.topic-content-list , ul.blog-content-list  {
        padding: 8px;
    }
    ul.topic-content-list > li, ul.blog-content-list > li {
        border: 1px solid #dcdcdc;
        padding: 0;
        position: relative;
    }
    ul.blog-content-list > li + li {
        border-top: 1px solid #dcdcdc;
        margin-bottom: 8px;
        padding-top: 0;
    }
    ul.topic-content-list > li:last-child, ul.blog-content-list > li:last-child {
        border: 1px solid #dcdcdc !important;
    }
    .recipe-content-list .recipe-info {
        margin-left: 0 !important;
        margin-right: 10px !important;
        padding: 16px;
        position: relative;
    }
    .topic-content-list li .topic-info ,
    .blog-content-list .blog-info {
        margin-left: 0;
        margin-right: 10px;
        padding: 16px;
        position: relative;
    }
    .topic-content-list .list_option, .blog-info .list_option {
        right: -10px;
        top: 16px;
    }
    #header_mobi > .container-fluid {
    position: relative;
}
        .img_footer {
        width: 200px;
        margin-left: 10px;
    }

  #main_menu {
      margin-top: 7px;
      margin-left: -5px !important;
  }

  .documentScrolling .open_large_menu {
    margin-left: -153px !important;
  }

}
@media (max-width:1200px) {
    .slImageParalax {
        width: auto;
    }
}
@media (min-width:1600px) {
    .slImageParalax {
        margin: -200px -200px -200px -170px;
    }
}
@media (min-width:1800px) {
    .slImageParalax {
        margin: -120px -61px -200px -320px;
        width: 130%;
    }
}
@media (max-width: 767px) and (min-width: 350px) {
    .group-menu-left  {
        padding-left: 10px;
    }
}
@media (max-width: 767px) and (min-width: 400px) {
    .page_has_cookies .notify_group {
        top: 46px;
    }
    .faceOutEffect.page_has_cookies .notify_group {
        top: 0;
    }
}
@media (max-width:400px) {
    .video-detail-action .list_option {
        top: -82px;
    }

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .video-list-index .video_info {
        /*        height: 156px;
                margin-left: 226px;
                overflow: hidden;
                padding: 0 30px 0 0;*/
    }
}

/* NEW CUSTOM */
a,
a:hover {
    color:#216978;
}
a:hover {
    color:#216978;
}
#page_guest_home-index #header {
    background: #1f4951;
}
#page_guest_home-index div#home-hero {
    background: #1f4951 url("../img/hero-bg.jpg") no-repeat;
    min-height: 780px;
    background-size: cover;
    background-attachment: fixed;
    background-position: left;
    text-align: center;
    display: block;
}
.hero-text {
    padding-top: 50%;
    color: #e1e1e1;
}
.hero-text h1 {
    color:#ffffff;
    font-size: 25px;
    text-transform:uppercase;
    margin-bottom: 30px;
}
.hero-text h1 span {
    background: transparent;
    padding:10px;
    font-weight: 700;
    margin-right:10px;
    color: #fff;
    border: 5px solid #fff;
}
.hero-text p {
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:40px;
}

.hero-text_V2 {
    padding-top: 20px;
}

.hero-text_V2 h1 {
    color:#ffffff;
    font-size: 20px;
    text-transform:uppercase;

}
.hero-text_V2 h1 span {
    background: transparent;
    padding:10px;
    font-weight: 700;
    margin-right:10px;
}
.hero-text_V2 p {
    font-size:20px;
    padding: 0px 40px 0px 40px;
    text-align: center;
}
#page_guest_home-index div#home-hero .signup-btn a {
    background: #216978;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
#page_guest_home-index #home-intro {
    display: block;
    padding: 50px 0;
}
#home-intro .right-text {
    text-align: center;
}
#home-intro .title {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}
#home-intro .right-text {
    text-align:center;
}
#home-intro .right-text p {
    font-size:16px;
    line-height:26px;
    margin-bottom:20px;
}
.read-btn {
    text-align:center;
}
.read-btn a {
    background:#216978;
    color:#fff;
    font-size:14px;
    padding:12px 20px;
    line-height:43px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    -moz-transition:all ease 0.3s;
    -webkit-transition:all ease 0.3s;
    transition:all ease 0.3s;
}
.read-btn a:hover {
    background:#216978;
}
#page_guest_home-index #home-features {
    display:block;
    padding:100px 0;
    background:#f1f1f1;
}
#page_guest_home-index .home-feature-item {
    display:block;
}
#home-features .title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 800;
    color: #333;
}
li.visible-xs .user-menu-item > span {
    color:#fff;
}

.home-feature-item {
    margin-bottom:30px;
}
.text-holder {
    padding-right:0;
}
.text-holder h3 {
    border-bottom:0;
    font-size:22px;
    margin-top:0;
    margin-bottom:10px;
}
.text-holder p {
    font-size:14px;
    line-height:24px;
}
.right-icon {
    text-align:right;
}
#page_guest_home-index #home-signup {
    display: block;
    padding: 100px 0;
    text-align: center;
    background: url('../img/signup-bg.jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#home-signup .signup-text {
    margin-bottom:30px;
}
#home-signup .title {
    margin-bottom:20px;
}
#home-signup .box {
    padding:10px;
    border:3px solid #fff;
    color:#fff;
    font-size:40px;
    margin-bottom:10px;
    text-transform:uppercase;
    font-weight:800;
    line-height:81px;
    margin-bottom:10px
}
#home-signup p {
    color:#fff;
    font-size:16px;
}
#home-signup .signup-btn a {
    background:#216978;
    color:#fff;
    font-size:16px;
    padding:10px 20px;
    -moz-transition:all ease 0.3s;
    -webkit-transition:all ease 0.3s;
    transition:all ease 0.3s;
}
#home-signup .signup-btn a:hover {
    background:#216978;
}
#page_guest_home-index .footer-blocks {
    display:block !important;
    padding:30px 0;
    padding-bottom:0;
    background:#15100B;
}
#page_guest_home-index .footer-blocks .container {
    padding:0;
}
.footer-blocks .footer-logo {
    padding:0;
}
.footer-social ul {
    text-align:right;
    margin-bottom:20px;
}
.footer-social ul li {
    display: inline-block;
    margin-left:10px;
}
.footer-social ul li a {
    font-size:40px;
    color: #483A2D;
    -moz-transition:all ease 0.3s;
    -webkit-transition:all ease 0.3s;
    transition:all ease 0.3s;
}
.footer-social ul li a:hover {
    color:#fff;
}
body#page_guest_home-index {
    padding: 0;
}
.left-image.col-md-6.col-sm-6.col-xs-12 > img {
    max-width: 100%;
}
#footer {
    background: #fff;
  text-align: center;
}
#footer .footer-wrapp ul.navbar-nav > li > span:hover , #footer .footer-wrapp ul.navbar-nav > li > a:hover {
    background: none;
}
#footer ul.navbar-nav > li > span, #footer ul.navbar-nav > li > a {
    color: #000;
    height: auto;
    line-height: 20px;
    padding: 0 5px !important;
      margin-top: 50px;
}
.footer-right > a ,
#footer .date a ,
#footer .date {
    color: #fff;
    font-size: 14px;
}
#page_guest_users-register #footer {
    display: none;
}
#page_guest_home-index .header-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #216978;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}
#page_guest_recipes-view .info-home-name ,
#page_recipes-view .info-home-name {
    color: #000;
}
#av-img.page-avatar {
    padding-bottom: 0%;
}
.list2 .current a i {
    color: #216978;
}
.group-info.info_recipe > li:last-child > label {
    margin-right: 15px;
}
ul.menu-list li:hover a ,
ul.menu_top_list li:hover a {
    color: #FFFFFF;
}
.tabs > ul {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
    vertical-align: middle;
}
#page_video-manage .create_form .bar-content > .content_center .mo_breadcrumb ,
#page_photo-manage .create_form .bar-content > .content_center .mo_breadcrumb ,
#page_location-edit .create_form .bar-content > .content_center .mo_breadcrumb {
    margin: 0;
}
.create_form .form_content {
    padding: 20px;
}
.edit-recipe-title {
    padding: 20px;
}
.edit-recipe-title {
    margin: 0;
    padding: 20px;
}
.recipe-video-list li.video-list-index a.video_cover {
    height: auto;
    padding-bottom: 74.8%;
    width: 100%;
}
.recipe-video-list .video-list-index .video_info {
    height: auto;
    margin: 0;
    padding: 10px 30px 10px 10px;
}
a.feed_title > b {
    font-weight: normal;
}
.icon-holder {
    text-align: center;
}
.landing-recipe-content {
    margin-top: 20px;
    text-align: center;
}
.landing-recipe-content > a {
    display: block;
    font-family: Sarabun;
    font-size: 14px;
    font-weight: normal;
    height: 36px;
    overflow: hidden;
}
.landing-recipe-content .like_count {
    font-size: 14px;
}
@media (min-width:992px) {
    .logo-default a img {
        max-height: 60px;
        margin-top: -2px;
    }
    .footer-wrapp {
        margin: 0 auto;
        overflow: hidden;
        width: 1180px;
    }

    .footer-right {
        float: right;
    }
    #footer-bottom .container ,
    #header .container ,
    #home-intro .container ,
    #home-hero .container ,
    #home-features .container ,
    #home-signup .container {
        width: 1180px;
        margin: 0 auto;
    }
        #header.documentScrolling {
    top: 0px;
    position: fixed !important;
}
    #header {
        /*position: fixed !important;*/
    }

}
@media (max-width:991px) {
    .list-recipe ul.nav.nav-pills {
        padding-left: 10px;
    }
    .right-icon {
        text-align: center;
    }
    .hero-text {
        padding-top: 250px;
    }
    .hero-text h1 {
        font-size: 20px;
    }
    .hero-text p {
        font-size: 14px;
    }
    .hero-text_V2 {
        padding-top: 10px;
    }
    .hero-text_V2 h1 {
        font-size: 20px;
    }
    .hero-text_V2 p {
        font-size: 16px;
    }
    #home-intro .left-image {
        margin-bottom: 50px;
    }
    #home-intro .title, #home-features .title {
        font-size: 36px;
    }
    #home-intro .right-text p {
        font-size: 14px;
    }
    #home-intro .title, #home-features .title {
        font-size: 36px;
    }
    #home-features .home-feature-item, #home-features .left-text {
        padding: 0;
    }
    .text-holder h3 {
        font-size: 18px;
    }
    #home-signup p {
        font-size: 14px;
    }
    #home-signup .box {
        font-size: 20px;
    }
    footer .copyright, .footer-blocks .footer-logo, .footer-social ul, footer .footer-menu {
        padding: 0;
        text-align: center;
    }
    .group-mobi-more > span {
        color: #fff;
        text-align: center;
    }
    .group-mobi-more i {
        color: #fff;
        vertical-align: sub;
    }
    .slLeftFixedRound .group-mobi-more > span {
        color: #000;
    }
    .slLeftFixedRound .group-mobi-more i {
        color: #000;
    }
    .logo-default a img {
        max-height: 17px;
    }
        #main_menu li:hover a, #main_menu li.current a {
    color: #1f4951;
}
    a:hover, a:focus {
    color: #ffffff;
}
    .closeButton {
    background: #1f4951;
}
        #header.documentScrolling {
    top: 0px;
    position: fixed !important;
}
    #header {
        /*position: fixed !important;*/
    }

  #status_box {
    height: 220px;
  }
.commentButton .qq-uploader {
  top: 9px;
}

}

@media (max-width: 1024px) and (min-width: 993px) {
    #footer-bottom .container, #header .container, #home-intro .container, #home-hero .container, #home-features .container, #home-signup .container {
        margin: 0 auto;
        padding: 10px !important;
        width: auto;
    }
    .footer-wrapp {
        margin: 0 auto;
        overflow: hidden;
        padding: 0 10px;
        width: auto;
    }
    .documentScrolling .logo-default {
        top: 24px !important;
    }
    .header-bg {
        height: 70px !important;
    }
    .open_large_menu ul {
        border: medium none !important;
        display: block !important;
        margin-top: 70px !important;
        position: static !important;
        width: auto !important;
    }
    #header.documentScrolling {
        height: 115px;
        top: -45px !important;
    }
    .documentScrolling .menu_large {
        top: 15px;
        z-index: 2000;
    }
    body.default-body {
        padding-top: 80px;
    }
    .logo-default a img {
        max-height: 18px;
    }

}
@media (max-width: 376px) and (min-width: 250px) {
    .logo-default a img {
        max-height: 17px;
        vertical-align: middle;
    }
}

@media (max-width: 321px) {
    .logo-default a img {
        max-height: 15px;
    }

#footer {
  height: auto !important;
}

#status_box {
  height: 220px;
}

.profile-info-section {
  margin-left: 100px !important;
}
.profile-info-section h1 {
  text-align: center !important;
  margin-left: -110px;
}

}