.Premium-button,
.viewsnum {
    border-radius: 5px;
    text-align: center
}

.company-p,
.product-float,
em {
    font-style: normal !important
}

.next_thumb,
.prev_thumb,
.small_text {
    -webkit-text-shadow: 0 1px 2px #333;
    -moz-text-shadow: 0 1px 2px #333;
    -ms-text-shadow: 0 1px 2px #333;
    -o-text-shadow: 0 1px 2px #333;
    text-shadow: 0 1px 2px #333
}

.Premium-button,
.filterbyz li span.zmdi {
    vertical-align: baseline
}

#institute-btn,
#student-btn,
#supplier-btn,
.cool-style .playbtn,
.publisher-box #publisher-button {
    text-transform: uppercase
}

.Premium-button {
    align-items: center;
    background-color: initial;
    background-image: linear-gradient(105deg, #0300cf, #1080df 30%, #0300cf);
    border-width: 0;
    color: #fff;
    cursor: pointer;
    font-family: Poppins;
    font-size: 12px;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 10px;
    font-weight: 500;
    margin-left: 3px;
    margin-right: 0;
    margin-bottom: 1em !important;
    padding: 10px 12px;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation
}

.zmdi-icon-size-2 {
    margin-top: 0;
    color: #fff;
    font-size: 20px
}

.zoom {
    transition: transform .5s
}

.zoom:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

body {
    background: #ebebeb !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.viewsnum {
    font-size: 13px;
    background-color: #e1d4fd;
    line-height: 20px;
    color: #47356e;
    padding: 5px 15px !important;
    font-family: Poppins, sans-serif
}

.navbar-padding-left {
    padding-left: 210px
}

.article-feature-p {
    padding-top: 10px;
    color: rgba(0, 0, 0, .8);
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 3%);
    position: relative
}

.course-images,
.course-images2,
.course-images3,
.course-images4 {
    height: 180px;
    color: #fff
}

#profilenav,
.blog-h-list a,
.blog-h-list h4 a,
.masterp,
.mdbtn,
.over-txt-3,
.read-blog ul,
.time,
.title,
.white,
ol,
p,
span {
    font-family: Poppins
}

.btn-nothing:hover,
.c-txt-color,
.course-txt,
.events-list-dropup-menu span strong:hover,
.hover-pointer:hover,
.insti-heading,
.job-txt-head,
.link2:hover,
.member_list a:hover,
.over-txt,
.products .product .product-links .contact:hover,
.products .product .product-links .more-info:hover,
.skip-step:hover,
.student-txt-head,
.supplier-txt-head,
.view-more-wrapper span:hover {
    text-decoration: underline
}

.ads-cont-wrapper a,
.clg-txt-2,
.devapps .profile-style a,
.featured-a,
.featured-a:hover,
.featured-new,
.hashtag-2,
.hashtag-search-result a,
.left-sidebar ul li a:focus,
.left-sidebar ul li a:hover,
.notification-list a:hover,
.settings-by a:focus,
.settings-by a:hover {
    text-decoration: none
}

.view-all {
    padding-top: 27px
}

.course-txt {
    font-weight: 700;
    font-size: 25px
}

.course-p {
    position: relative;
    top: 50%
}

.ads_col_4,
.key-pad,
.pad-left-15-3,
.padding-left-15-2 {
    padding-left: 15px
}

.course-images {
    background: linear-gradient(rgba(255, 165, 0, .65) 100%, rgba(255, 165, 0, .55)50%) top center/cover, url(../../../upload/photos/p1-02.jpg) top center/cover
}

.course-images2 {
    background: linear-gradient(rgba(255, 165, 0, .65) 100%, rgba(255, 165, 0, .55)50%) top center/cover, url(../../../upload/photos/p1-03.jpg) top center/cover
}

.course-images3 {
    background: linear-gradient(rgba(255, 165, 0, .65) 100%, rgba(255, 165, 0, .55)50%) top center/cover, url(../../../upload/photos/p1-04.jpg) top center/cover
}

.course-images4 {
    background: linear-gradient(rgba(255, 165, 0, .65) 100%, rgba(255, 165, 0, .55)50%) top center/cover, url(../../../upload/photos/p1-05.jpg) top center/cover
}

.placement-partner-img2 {
    background: url(../../../upload/photos/com4logo.jfif) center/cover no-repeat;
    height: 120px
}

.placement-partner-img3 {
    background: url(../../../upload/photos/com5logo.jfif) center/cover no-repeat;
    height: 120px
}

.placement-partner-img4 {
    background: url(../../../upload/photos/com6logo.jfif) center/cover no-repeat;
    height: 120px
}

.placement-partner-img5 {
    background: url(../../../upload/photos/scl4logo.jfif) center/cover no-repeat;
    height: 120px
}

.placement-partner-img6 {
    background: url(../../../upload/photos/scl5logo.jfif) center/cover no-repeat;
    height: 120px
}

.placement-partner-img7 {
    background: url(../../../upload/photos/scl6logo.jfif) center/cover no-repeat;
    height: 120px
}

.register-bg-img {
    background: url(../img/background_image.jpg) center/cover no-repeat;
    height: 100%
}

.border-solid {
    border: 1px solid #ccc
}

.rounded-circle,
.rounded-circle2,
.rounded-circle3 {
    border-radius: 50% !important
}

.checked {
    color: orange !important
}

.rounded-circle {
    margin: 80px 25px;
    width: 200px;
    height: 200px !important
}

.font-14 {
    font-size: 14px !important
}

.d-pad-left-right-30 {
    padding-left: 30px;
    padding-right: 30px !important
}

.btn-center {
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-footer-2 {
    padding: 10px 23px !important
}

.rounded-circle2 {
    margin: 5px;
    width: 100px !important;
    height: 100px !important
}

.rounded-circle3 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px;
    height: 200px !important
}

.test-slider-txt {
    color: #000;
    text-align: left
}

.test-slider-txt2 {
    color: #fff;
    text-align: center
}

.insti-pad,
.news-desc {
    text-align: left;
    width: 100%
}

.page-margin2 {
    margin-top: 60px;
    margin-bottom: 20px
}

.z-depth-2 {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important
}

.key-all-pad,
.latest-blogs {
    padding: 15px
}

.news-margin {
    margin-left: 30px;
    margin-right: 30px
}

.news-desc {
    position: relative;
    height: 100px;
    font-size: 12px;
    margin-top: -50px;
    color: #fff;
    background: orange;
    padding: 10px
}

.art-title a,
.black,
.title {
    color: #000 !important
}

.course-title-res {
    margin-top: 0;
    margin-bottom: 0
}

.copy-pad {
    border: 1px solid;
    padding: 10px
}

.margin-left-15 {
    margin-left: 15px !important
}

.title,
.wow_wallet_trans thead tr th {
    font-weight: 500
}

.bg-main tr th,
.navbar-movies-mobile-header li a,
.pricing:hover .foot-price h3,
.pricing:hover .foot-price span,
.sidebar-page-data .sidebar-listed-page-name a,
.title-bg-color,
.title-bg-color2,
.title-white,
.titlezs a:hover,
.white {
    color: #fff !important
}

.blog-h-list a {
    color: #4b318a
}

.insti-pad {
    padding: 4px 10px;
    border: 1px solid #4b318a
}

.color-index,
.like-emo>.how_reacted:nth-child(3) {
    z-index: 1
}

.title-bg-color {
    padding: 12px;
    background-image: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%);
    border-radius: 8px
}

.title-bg-color2 {
    padding: 15px;
    background: #938e8e
}

.btn-info-2,
.course-img {
    background-image: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%);
    color: #fff
}

.allfont {
    vertical-align: super;
    font-size: 16px
}

.img-top-margin {
    margin-top: -130px !important
}

.img-title {
    margin-top: -25px !important
}

.btn-info-2 {
    text-align: center;
    width: 120px;
    padding: 8px 0;
    display: inline-block;
    text-transform: capitalize
}

.events-list-cover .event_cover,
.featured-a,
.featured-new {
    display: block;
    position: relative
}

.check-height {
    height: 15px;
    width: 30px
}

.course-img {
    margin: 15px;
    padding: 10px 15px
}

.bg-white,
.over-txt,
.over-txt-3 {
    background: #fff
}

.over-txt {
    font-size: 22px;
    padding: 10px 0;
    font-weight: 700
}

.margin-right-20 {
    margin-right: 20px !important
}

.over-txt-3 {
    font-size: 22px;
    padding: 10px 15px 10px 20px;
    font-weight: 500;
    text-align: center
}

.spanp3,
.spanp4,
.text-sender-container .incoming .message-model .time,
.ui-timepicker-div dl {
    text-align: left
}

.product-float {
    font-size: 13px !important;
    max-height: none;
    float: left
}

.padding-left-55-2 {
    padding-left: 55px;
    padding-right: 15px
}

.padding-left-50 {
    padding-left: 50px;
    padding-right: 0
}

.padding-left-65 {
    padding-left: 65px;
    padding-right: 0
}

.padding-left-55 {
    padding-left: 55px;
    padding-right: 0
}

.padding-right-20 {
    padding-right: 20px
}

.bg-white {
    border-radius: 10px;
    box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0
}

.side-top {
    top: 0 !important
}

.bs-padding-left,
.pad-left-15-2,
.padding-left-15,
.secondpad-left {
    padding-left: 15px !important
}

.feature_underline {
    border-bottom: 2px solid orange;
    font-size: 14px
}

.font12-3,
.font12-4 {
    font-size: 12px;
    color: #000
}

.font12-3 {
    padding: 5px 0
}

.mastercourses {
    height: 30px;
    width: 100% !important;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 0
}

.course-hr,
.jobs-hr {
    border-top: 3px solid #fba919;
    margin: 0 10px
}

.feature-btn {
    height: 30px;
    margin-bottom: 10px;
    float: right;
    border-radius: 0;
    margin-right: -5px
}

.admin-panel .page-margin,
.bs-callout p:last-child,
.course-clg-txt,
.cv-bottom-0,
.estimated_ad_limit p,
.margin-bottom-0,
.post .post-footer .comments-list :last-child,
.post .wow_shared_posts #fullsizeimg,
.post .wow_shared_posts .post-fetched-url .fetched-url-text,
.sidebar-event-name p,
.spanp3,
.spanp4,
.upload_bank_receipts p,
.wo_page_profile .page_navbar ul,
.wo_page_profile .profile-container .card,
.wo_post_fetch_link .fetched-url-text .description {
    margin-bottom: 0
}

.add-photo label,
.cussidefix ul li span.zmdi-hc-stack .zmdi-hc-inverse,
.font15,
.left-sidebar ul li a span.zmdi-hc-stack .zmdi-hc-inverse,
.modal-dialog label,
.post .post-heading .meta .title {
    font-size: 15px
}

.course-clg-txt {
    padding-left: 80px;
    padding-top: 10px
}

#image-holder .thumb-image:last-child,
.bday-user-sidebar .avatar,
.featured-users .list-inline li:last-child,
.margin-right-0 {
    margin-right: 0
}

.padding-left-14 {
    padding-left: 14px !important
}

.bs-padding-left-x,
.no-padding-left,
.nopadding-left,
.padding-left-0,
.padding-left-0-2 {
    padding-left: 0 !important
}

.event-posts-column,
.pad-right-0,
.padding-right,
.padding-right-0,
.read-blog .blog-share-buttons li {
    padding-right: 0
}

#search-nearby-users .nearby-users-gender-collapse ul,
.blog-ls-img,
.chat-textarea .chat-btns-w .dropup.chat_optns,
.comment-record:empty,
.feelings-type-to:empty,
.feelings-value:empty,
.message p:empty,
.message-container .page-margin .col-lg-8,
.message-container .page-margin .col-md-4,
.padding-15-0,
.post .wow_shared_posts,
.products .latest-products,
.show_event_location,
.wo_com_lbox_slide_innr .upop_mid_innr .user-information,
.wow_cset_cover .avatar-read p:empty,
.wow_sett_sidebar,
body {
    padding: 0
}

.create-account-2 {
    text-transform: capitalize !important;
    font-size: 13px !important;
    min-height: 32px !important;
    height: 32px !important;
    margin-top: 0 !important;
    margin-right: 3px !important
}

.ads_mini_wallet p,
.cv-heading,
.new-font-size2,
.popular-search {
    text-transform: capitalize
}

.padding-left-8 {
    padding-left: 8px
}

.rightsidebar-img {
    width: 100%;
    height: auto !important
}

.masterp {
    padding: 7px;
    color: #000;
    font-size: 14px
}

.spanp,
.spanp2 {
    font-family: Poppins, sans-serif !important;
    color: #000
}

.poll {
    padding-left: 35px;
    padding-right: 5px
}

.spanp {
    padding: 7px;
    font-weight: 500
}

.spanp2 {
    padding: 7px 0
}

.spanp3 {
    padding: 15px 20px;
    color: #000
}

.spanp4 {
    padding: 5px 20px;
    color: #000;
    float: left
}

.featured-new {
    margin: -25px 18px 0;
    color: rgba(0, 0, 0, .8);
    font-size: 15px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    padding: 15px
}

#emo-form,
.admin-panel-well.manage-users .text,
.blog-comment-item .comment-icons,
.featured-a,
.fix-bottom,
.fonta,
.home-sidebar.profile-style .user-name,
.movies-comment-item .comment-icons,
.wow_ads_lists>li>div .dropdown-menu li a {
    font-size: 14px
}

.sidebar-com-cover-img {
    width: 100%;
    height: 96px !important;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.uname {
    background: orange;
    color: #000;
    height: 70px;
    padding: 5px 15px 15px;
    width: auto
}

.fetured-img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover
}

.partner-btn2 {
    background: #fff;
    font-weight: 700;
    color: #7356a6
}

.posted-by {
    padding-left: 10px;
    margin-bottom: 0
}

.posted-by-2 {
    padding-left: 10px;
    padding-bottom: 15px
}

.login-top {
    margin-top: 5px !important;
    margin-right: 15px
}

.active-like,
.pinned-text,
.text-orange {
    color: orange
}

.read-blog-container .related-post .recommended-articles .article-title h4:hover,
.text-black {
    color: #000
}

.btn-right {
    padding-right: 35px
}

.pad-space,
.pad-space-3 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pad-space {
    left: 8px
}

.pad-space-3 {
    left: 10px
}

.profile-container2 {
    padding-left: 50px;
    padding-right: 15px
}

.padding-left-25,
.padding-left-30 {
    padding-left: 30px
}

.pad-space2 {
    padding-left: 30px !important;
    padding-right: 15px !important
}

.pad-right2 {
    padding-right: 30px !important
}

.padding-left-45 {
    padding-left: 30px;
    padding-right: 45px
}

.padding40-30 {
    padding-left: 40px;
    padding-right: 30px
}

.horizontal-list {
    min-width: 696px;
    list-style: none;
    text-align: center
}

.height-350 {
    height: 350px !important
}

.height-350-2,
.height-350-3 {
    height: 350px
}

.featured-a {
    color: rgba(0, 0, 0, .8);
    font-weight: 100;
    font-family: Poppins;
    background-color: #fff;
    padding: 11px
}

.affiliates-link .affiliates-desc,
.blog-share-buttons ul,
.btns,
.chat-messages-wrapper .messages-wrapper .message-typing,
.home-sidebar.profile-style .user-follow-button button,
.short-top {
    margin-top: 10px
}

.borderbox {
    box-shadow: 0 0 6px #dfdfdf
}

.fix-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    left: 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    text-align: center;
    line-height: normal
}

.page-about-txt {
    padding: 0 15px;
    font-weight: 700
}

.over-txt2 {
    font-size: 22px;
    padding: 5px 0;
    font-weight: 500;
    font-family: Poppins;
    text-align: center
}

.over-txt4 {
    font-size: 20px;
    text-align: left;
    margin: 0;
    border-bottom: 3px solid #fba919;
    font-weight: 700
}

.alumni-menubar {
    float: none;
    position: absolute;
    padding-left: 0;
    padding-top: 45px;
    left: 45%;
    margin-right: -50%
}

#emo-form,
#inline_emo_react,
#photo-form,
#progress,
#remote-media,
.comment-image-con,
.contact-form-2,
.inst-img,
.inst-img-2,
.message-media,
.multicar,
.news-desc2,
.pinned-post-container,
.plus-images,
.post-commet-textarea,
.profile-container .card.hovercard .info,
.recipient-chat-user .avatar,
.sidebar-conatnier .profile-style .card.hovercard .info,
.sidebar-page-data,
.txt-middle,
.user-cover-reposition-container,
.wo_post_fetch_event .post-fetched-url-con,
.wow_cset_avtr,
.wow_cset_cover {
    position: relative
}

.alumni-btn-padding {
    width: 100px;
    padding-top: 10px
}

.news-desc2 {
    width: 100%;
    font-size: 11px;
    height: 60px;
    margin-top: -50px;
    background: #fff;
    padding: 10px;
    text-align: left
}

.blog-h-list3 {
    margin: 15px 0 26px;
    color: #575757;
    font-size: 14px;
    overflow: hidden;
    transition: .3s;
    background: #fff
}

#mbrs div img,
#product-front img,
#select-cover img,
#send-money-form .dropdown,
.ads-cont-wrapper,
.blog-com-wrapper .blog-com-top h4,
.blog-h-list3 img,
.blog-recom img,
.card.hovercard .cardheader img,
.cool-style img,
.cool-style-album img,
.cover-wrapper img,
.events-list-avatar img,
.events-list-checked img,
.events-list-cover img.events-list-cover-img,
.filter-container,
.hidden-mobile-image,
.messages-container .message-media.full-size,
.movies-com-wrapper .movies-com-top h4,
.navbar-movies-mobile ul,
.navbar-movies-mobile-dropdown,
.navbar-movies-mobile-dropdown-cont,
.navbar-movies-mobile-header,
.post-fetched-url img,
.products,
.products .list-group-item,
.products .procuts-categories,
.search-user-profile .avatar,
.sidebar-conatnier .card.hovercard .cardheader img,
.sidebar-page-data .sidebar-listed-page-cover img,
.step-three-active.wow_creads_minstp .line .line_sec,
.user-fetch .user-cover img,
.wo_adaptive_media .album-image:first-child .image-file,
.wo_adaptive_media_4 .album-image:first-child .image-file,
.wonderful-group .group-middle img {
    width: 100%
}

.activities-wrapper *,
.page-date-txt,
.thread-info,
textarea {
    font-size: 12px
}

.page-p-txt {
    padding: 0 15px;
    font-size: 13px
}

.list-txt {
    font-size: 25px;
    font-weight: 500
}

.setting-icon {
    height: 19px;
    width: 19px;
    margin: auto 13px auto 0;
    padding-left: 0 !important;
    color: #fff
}

.page-about-txt3 {
    font-weight: 700;
    font-size: 15px
}

.page-about-txt4 {
    font-weight: 700;
    font-size: 24px
}

#album-form,
#emo-form,
#file-form,
#map-form,
#music-form,
#photo-form,
#poll-form,
#video-form,
#vine-form,
.Stick .user,
.activate-code-form,
.comment-reply,
.customfbchat,
.dropdown-search-link,
.filter-by-home,
.for-mobile,
.for-mobile3,
.header-brand-m,
.hidden,
.hideinactivity,
.hideinmenu,
.invite-user-form button,
.nodisplay,
.pac-item>span:last-child,
.post-share,
.rating>input,
.search-cont-inner,
.ui-timepicker-div .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before,
.ui-timepicker-div.ui-timepicker-oneLine dt,
.wow_add_money_hid_form,
footer .footer-wrapper {
    display: none
}

#bank_transfer_donate_modal.up_rec_active .upload_bank_receipts,
#bank_transfer_modal.up_rec_active .upload_bank_receipts,
#comment_reactions .like-btn .active-like,
#profilenav-mobile ul li .split-link,
.chat-opacity.active,
.dropdown-hidden-link,
.for-mobile4,
.settings-by a,
.user-cover-pc,
.wo_ads_wallet .my_wallet label.bold,
.wo_product_row .product-name .product_row_title,
.wo_user_side_info li .split-link {
    display: block
}

.post-job-btn {
    margin-top: -6px !important
}

.deleted-selected,
.deleted-selected-2 {
    float: right;
    margin-left: 10px;
    margin-top: 0
}

#mobihomiz,
#wo_post_share_buttons .social-btn,
.chat-toggle-bar,
.comment-btn-wrapper,
.cussidepageda,
.cussidepageda-2,
.cv-ul-li,
.for-mobile2,
.for-mobile5,
.for-mobile6,
.for-pro,
.rating>label:before,
.topheadbar,
.wonderful-group .group-bottom .user-lastseen {
    display: inline-block
}

.check-eligibilty {
    background: orange;
    margin-bottom: 0;
    padding: 10px;
    font-weight: 700;
    border: none;
    margin-top: 15px
}

.full-time {
    padding: 0 8px
}

.group-left-sidebar {
    left: 30px;
    background: #fff
}

.padding-45-0 {
    padding-left: 45px;
    padding-right: 0
}

.height-50 {
    height: 50px
}

.filter-img-div {
    box-shadow: none;
    border-radius: 0;
    margin: 10px auto;
    text-align: center;
    padding: 13px 10px;
    transition: .2s ease-in-out
}

.filter-img-div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #dbd5d5
}

.left-active {
    background: #fba919 !important
}

.alumni-slider-img {
    background: url(../../../upload/photos/Alumni-image-03.jpg) center/cover no-repeat;
    height: 550px
}

.offnavmenu2 {
    padding-left: 15px;
    cursor: default !important;
    height: 100%;
    overflow-y: auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    left: 0;
    padding-top: 0
}

.email-border {
    border: 0;
    border-bottom: 1px solid #ededed
}

.january {
    margin-bottom: 0;
    padding: 10px 10px 0;
    font-weight: 700;
    line-height: 0
}

.bg-month {
    background: orange;
    padding-left: 0
}

.jan-txt {
    font-size: 10px;
    font-weight: 700
}

.gallery-padding,
.left-sidebar ul {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.view-txt {
    font-size: 10px;
    padding: 10px
}

.height-260 {
    height: 260px
}

.avatar-img {
    width: 70px;
    height: 70px;
    border-radius: 0;
    margin-right: 10px
}

.font12 {
    font-size: 12px;
    color: #000;
    padding-left: 20px
}

.inst-fullname {
    color: #000;
    padding-left: 10px;
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.spanp-2,
.spanp-3 {
    padding-left: 13px !important;
    font-size: 13px;
    font-family: Poppins, sans-serif !important;
    margin: 0 0 5px
}

.c-follow-btn {
    float: right;
    padding-right: 15px
}

.progress-padding {
    padding-right: 10px !important
}

.progress-left {
    padding-left: 5px !important
}

.height-270 {
    height: 270px
}

.height-130 {
    height: 130px !important
}

.top-course-btn,
.top-course-btn-2 {
    height: 30px;
    right: 0;
    background-color: #fba919;
    z-index: 1
}

.mob-margin-top-50 {
    margin-top: 50x
}

.top-course-btn {
    margin-top: 0 !important;
    float: right
}

.top-course-btn-2 {
    margin-top: 10px !important;
    float: left
}

.followers-align {
    font-size: 12px;
    padding-top: 5px;
    color: #41307c;
    text-align: right
}

.nearby_user_wrapper:first-child,
.news-pad-top,
.pad-top-15,
.user-ad-container div.post-advertisement .panel {
    padding-top: 15px
}

.alumni-board-img {
    width: 180px !important
}

.contact-form-2 {
    border-radius: 2px 2px 5px 5px;
    padding: 10px 20px 70px;
    width: 100%;
    max-width: 500px;
    min-width: 320px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.pad-left-right-15,
.popular-search,
.post .post-footer .textarea:hover {
    box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px
}

.font-13 {
    font-size: 13px !important
}

.h3-c-txt-color,
.h3-p-txt-color {
    color: #332563;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 1px
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f105"
}

.progress-txt-left {
    padding-left: 10px;
    text-align: left
}

.c-txt-color {
    color: #332563;
    font-weight: 700
}

.h3-c-txt-color {
    padding-top: 20px
}

.company-bg {
    background: url(../../../upload/photos/company.png) right/contain no-repeat;
    height: 400px
}

.company-div {
    padding-left: 180px;
    padding-top: 30px
}

.company-div2 {
    padding-left: 120px;
    padding-top: 20px
}

.pro-div2 {
    padding-left: 220px
}

.pro-div {
    padding-right: 100px;
    padding-top: 30px
}

.c-img-pad {
    width: 100%;
    padding-top: 20px
}

.c-img-pad2 {
    width: 60%;
    padding-top: 20px
}

.c-setting,
.c-setting2 {
    padding-left: 100px;
    padding-right: 100px
}

.height-320 {
    height: 320px
}

.improve-img {
    width: 300px;
    margin-top: -50px
}

.c-featured-img {
    width: 170px;
    float: left;
    padding: 0 10px
}

.margin-top-20 {
    margin-top: 25px
}

#add-friend-btn2 {
    background-color: #fba919 !important;
    color: #fff
}

#add-friend-btn {
    background-color: #332563 !important;
    color: #fff
}

.txt-cv-color {
    color: #fab416 !important
}

.addme,
.see-all {
    font-weight: 700;
    color: #4789c1
}

.cv-ul-li {
    text-align: center;
    padding: 10px 0
}

.multicar {
    padding: 15px;
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.multicar-inner {
    float: left;
    transition: 1s
}

.mini-article-img,
.promo-img {
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    object-fit: cover
}

.c-item {
    float: left;
    padding: 0 10px
}

.c-p-txt {
    text-align: justify;
    padding-right: 90px
}

#wo_comment_combo .comment_combo_footer .wo_comment_fopt,
.see-all,
.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: right
}

.addme {
    text-align: left;
    padding-left: 10px
}

.addme2,
.addme5,
.see-all2 {
    color: #332563
}

.see-all2 {
    text-align: right;
    font-weight: 700
}

.addme2,
.addme3,
.addme4,
.addme5,
.addme6 {
    text-align: left;
    padding-left: 10px;
    font-weight: 700
}

.active.fa-thumbs-up,
.addme3,
.products .product .product-links .more-info,
.usr-offline {
    color: #a84849
}

.addme4,
.job-heading2 {
    color: #5f2265
}

.addme6 {
    color: #fba919
}

.btn-default2 {
    background-color: #607d8b;
    color: #fff
}

.btn-default:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px
}

.new-font-size2 {
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.insti-heading,
.insti-heading2 {
    font-weight: 700;
    color: #332563
}

.p-txt-justify {
    text-align: justify
}

.brand-right-pad {
    padding-right: 380px
}

.events-going-list-unset,
.pencil-img,
.slick-loading .slick-slide,
.slick-loading .slick-track,
.sound-controls,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body .comment_edele_options {
    visibility: hidden
}

.cv-li:hover .pencil-img,
.events-list-wrapper:hover .events-going-list-unset,
.post .post-footer .comments-list .comment:hover .comment-options.sfsfsf,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body:hover .comment_edele_options {
    visibility: visible
}

.site-bg {
    background-image: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%);
    padding: 3px;
    border-radius: 5px
}

.brand-right-pad2 {
    padding-right: 300px
}

.pad-top-40,
.publish-haed {
    padding-top: 40px
}

.publish-right-pad {
    padding-right: 100px
}

.container-institute {
    padding: 5px 100px
}

.container-supplier-2 {
    padding: 5px 85px
}

.for-pro {
    background-color: #3f4bb8;
    padding: 2px 12px;
    margin-left: 13px;
    margin-bottom: 0;
    height: 27px;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.mini-a {
    float: none !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000
}

#wo_repeat_search,
.cusradiobox>h5,
.cv-heading,
.gray-list.active,
.hideprocat li.active a,
.job-heading2,
.job-txt-head,
.products .product .product-by a,
.readmore,
.student-heading2,
.view-all {
    font-weight: 700
}

#institute-btn {
    background-color: #332563;
    color: #fff
}

.help-right {
    padding-right: 130px
}

.mini-site-pad {
    background: #e8e8e8;
    padding: 20px;
    margin-top: 10px
}

.alumni-left-heading {
    padding: 10px 15px 0 0
}

#cv-readmore,
#supplier-btn,
.btn-cart:disabled,
.chat-messages-wrapper .outgoing .message-media a,
.cool-style .game-name a,
.fff,
.sidebar-conatnier .profile-style .card.hovercard .info .title a,
.view-all,
.white-black,
.wo_image_lightbox .story-img .changer:hover svg.feather,
.wo_imagecombo_lbox .story-img .changer:hover svg.feather,
.wo_lbox_topbar .lbox_topbar_child svg.feather:hover {
    color: #fff
}

.pad-top-30 {
    padding-top: 30px
}

.pad-top-70 {
    padding-top: 70px
}

.pad-top-100px {
    padding-top: 100px
}

.pad-left-right-15 {
    border: 1px solid #e3e3e3;
    margin: 5px;
    padding: 8px
}

.pad-top-100-2 {
    padding-top: 95px
}

.share_modal_opts_icos.select_radio_btn label,
.step-two-active.wow_creads_minstp .line .line_sec,
.trend-img,
.width50 {
    width: 50%
}

.padding-top-15 {
    padding: 15px 0
}

.partner-pad-top {
    font-size: 13px;
    padding-top: 110px
}

.partner-pad-top2 {
    font-size: 13px;
    padding-top: 15px
}

.readmore {
    float: right;
    padding: 0 15px;
    color: #00f
}

.margin-top-20-2 {
    margin-top: 20px
}

.ins-profile-txt2 {
    padding-left: 12px !important;
    display: block
}

.rating {
    border: none;
    float: left
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    content: "\f005"
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #ddd;
    float: right
}

.no-recent-blog {
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    height: 250px;
    border-radius: 10px
}

.left-28 {
    left: 28px !important
}

.left-22,
.left-22-2 {
    left: 22px !important
}

.padding-20-25 {
    padding-left: 20px;
    padding-right: 25px
}

.left-25,
.left25 {
    left: 25px !important
}

.jobs-padding {
    left: 44px;
    padding-right: 50px
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label {
    color: gold
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #ffed85
}

.container-institute3,
.container-supplier,
.padding-left-100 {
    padding-left: 100px
}

.container-student {
    padding-left: 85px
}

.width60 {
    width: 60.66666%
}

.pad-left-30-per {
    padding-left: 30%
}

.pad-left-50-per,
.padding-left50 {
    padding-left: 50%
}

.featured-job {
    word-wrap: normal;
    margin-top: 30px;
    line-height: 3;
    margin-bottom: 0
}

.comment-text,
.find_friends_nearby_head,
.post .post-description p,
.read-blog-container .read-blog .read-blog-desc,
.reply-text,
.user-story-container .ads-description,
article,
div,
h1,
h2,
h3,
h4,
h5,
p,
span {
    word-wrap: break-word;
    word-wrap: break-word
}

.partner-bg-color {
    background: #7256a5;
    padding: 50px
}

.degree-bg {
    background: url(../img/degree-student.jpg) top left/cover no-repeat;
    height: 530px
}

.fetch-div {
    align-items: center;
    color: var(--primary-stronger);
    display: flex;
    flex-direction: row;
    font-size: 13.6px;
    background: #f0f0f0;
    line-height: 20px;
    overflow: hidden
}

#cv-readmore,
.cv-bg,
.my_pages_header ul li,
.offnavmenu {
    background-image: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%)
}

.fetch-img {
    flex: 0 0 auto;
    height: 100px;
    max-height: 100%;
    padding: 0 10px
}

.fetch-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    max-height: 100px;
    line-height: 19px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 12px 10px
}

.job-txt-head {
    color: #5f2265;
    text-align: center
}

.student-txt-head {
    font-weight: 700;
    color: #4c1421;
    text-align: left
}

.student-heading2 {
    color: #4c1421
}

#jobseeker-btn {
    background-color: #5f2265;
    color: #fff
}

#student-btn {
    background-color: #4c1421 !important;
    color: #fff
}

.article-img {
    width: 600px
}

.event-box {
    overflow: visible;
    height: 315px;
    margin-bottom: 20px
}

.pad-top-18 {
    padding-top: 18px
}

.pad-left-75 {
    padding-left: 75px
}

.cv-heading {
    color: #fab416;
    letter-spacing: 1px
}

.mdbtn,
.wow_sett_sidebar>ul>li>a {
    letter-spacing: .01em;
    min-width: 88px
}

.pad-right-25 {
    padding-right: 25px
}

.popular-jobs {
    float: left;
    height: 3rem;
    background: 0 0 !important;
    color: #000 !important;
    margin-top: 5px;
    margin-right: 10px
}

.popular-search {
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    height: 3rem;
    background-color: #fff !important;
    padding-left: 1rem;
    padding-top: 5px;
    padding-right: 1rem;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #e4e4e4;
    border-image: initial;
    border-radius: 5px;
    font-weight: 500;
    color: #1898c2 !important;
    display: table-cell !important;
    vertical-align: middle
}

#supplier-btn,
.btn-yellow {
    background-color: #fba919 !important
}

.popular-search:hover {
    background-color: #fff !important;
    color: rgb(96 69 148) !important
}

.padding-left-10-2 {
    padding-left: 10px !important
}

.padding-left-170 {
    padding-left: 170px
}

.cv-img-float,
.d-f-l,
.pull-left-right,
.user-request-list .accept-btns {
    float: right
}

.cv-hr {
    border: 2px solid #000
}

.btn-yellow {
    color: #fff !important;
    border-color: #fba919 !important
}

.cv-ac-p {
    font-weight: 700;
    font-size: 14px
}

.cv-li {
    list-style: disc
}

.cv-width32 {
    width: 32%;
    margin: 5px 0
}

.padding-top23 {
    padding-top: 23px
}

.padding78 {
    padding-top: 78px
}

.cvbot25 {
    padding-top: 10px;
    padding-bottom: 25px
}

.company-padding {
    overflow: visible;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}

.inst-img {
    width: 100px;
    height: 100px;
    top: -50px;
    left: 15px;
    border: 1px solid #000
}

.height-475 {
    height: 475px
}

.height-435 {
    height: 435px
}

.height-300 {
    height: 300px
}

.article-btn {
    height: 30px;
    margin-top: 0 !important;
    right: 15px;
    background-color: #fba919;
    float: right
}

.company-p {
    padding: 0 !important;
    font-size: 13px;
    margin: 0 0 5px;
    color: #000 !important;
    font-weight: 700
}

.inst-img-2 {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    height: auto;
    width: 60%;
    padding: 5px;
    box-shadow: rgb(0 0 0 / 37%) 0 25px 20px -20px;
    border-radius: 10px
}

.company-banner,
.institute-banner,
.jobseeker-banner,
.professional-banner,
.resources-banner,
.student-banner {
    height: 272px;
    margin-top: 0
}

.inst-border-box {
    box-shadow: 0 5px 0 0 #c4c4c4, 0 0 0 2px #f1f1f1
}

.professional-banner {
    background: url(../img/prof-banner.jpg) top center/cover no-repeat
}

.company-banner {
    background: url(../img/compnaies-2.jpg) top center/cover no-repeat
}

.institute-banner {
    background: url(../img/Institute.jpg) top center/cover no-repeat
}

.jobseeker-banner {
    background: url(../img/Jobseekers.jpg) top center/cover no-repeat
}

.student-banner {
    background: url(../img/1-04.jpg) top center/contain no-repeat
}

.resources-banner {
    background: url(../img/Resources-Banner.jpg) top left/cover no-repeat
}

.buttonLink {
    background: url(../img/button-yellow-arrow-white.png) right 50% no-repeat #36246c;
    padding: 15px 65px 15px 15px;
    color: #fff
}

.register-bg-img-2 {
    background: url(../img/contact-bg.jpg) center/cover no-repeat;
    height: 100%
}

.supplier-banner {
    background: url(../img/supplier-banner.jpg) top center/cover no-repeat;
    height: 272px;
    margin-top: 0
}

.partners-banner {
    background: url(../img/partners-banner.jpg) top center/cover no-repeat;
    height: 300px;
    margin-top: 0
}

.partners-banner2 {
    background: url(../img/partners2.jpg) top center/cover no-repeat;
    height: 350px
}

.margin-left-15-3 {
    margin-left: -15px
}

.supplier-txt-head {
    font-weight: 700;
    color: #fba919;
    text-align: center
}

.pad30 {
    padding: 0 15px 0 30px
}

.txt-middle {
    top: 30%;
    left: 0;
    right: 0
}

.partner-btn {
    background: #7356a6;
    color: #fff !important;
    border: 0
}

.supplier-heading2 {
    font-weight: 700;
    color: #fba919
}

.sup-img {
    width: 300px
}

.timeline-pad {
    padding-left: 40px;
    padding-right: 5px;
    z-index: 1
}

.sidebar-profile-style2 {
    padding-bottom: 10px !important;
    margin-bottom: 15px !important
}

.margin-top-178px {
    margin-top: -178px
}

.imp-img {
    width: 400px
}

.mini-site-img {
    width: 580px
}

.business-name {
    padding: 0 15px 10px 0;
    margin-bottom: 2.5em
}

.business-type {
    padding: 0 0 0 15px;
    margin-bottom: 2.5em
}

.no-padding-both,
.padding-0,
.post_drop_menu_loading .ball-pulse>div,
.show_event_location li {
    padding: 0 !important
}

.new-btn2 {
    border-radius: 2px !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    padding: 4px 8px !important;
    height: 30px;
    margin-right: 3px
}

.left24 {
    left: 24px
}

.padding-left-40-5,
.padding-left-40-5-2 {
    padding-left: 40px;
    padding-right: 5px
}

.right-5 {
    right: 5px
}

.right-7,
.right7 {
    right: 7px
}

.right7 {
    padding-left: 30px !important
}

.announcements-option:first-child,
.svg-alignment,
.svg-alignment-2 {
    padding-left: 5px
}

.width-90 {
    width: 90px
}

.svg-alignment {
    vertical-align: super
}

.margin-top-10-2 {
    margin-top: 10px !important
}

.margin-top-10 {
    margin-top: -10px !important
}

.my-course-txt-pad {
    height: auto;
    border: 1px solid;
    padding: 15px
}

.desktop-float {
    float: left
}

.pad-top-bot-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

#replenish-user-account-alert .alert,
.choose_rel_ship_alert div,
.radius-none {
    border-radius: 0 !important
}

.svg-icon-2,
.wonderful-group .group-bottom .avatar img {
    width: 20px;
    height: 20px
}

.svg-icon2 path,
.svg-icon2 polygon,
.svg-icon2 rect {
    fill: #000
}

.height230 {
    height: 250px
}

.promo-img {
    width: 100%;
    height: 150px;
    -webkit-transition: .3s ease-in-out
}

.gallery-viewall {
    float: right;
    padding: 5px 15px;
    background: #604594;
    border: 0;
    color: #fff !important;
    margin-top: -10px;
    font-weight: 700;
    font-size: 10px
}

.profilenav-mobile {
    display: block;
    overflow: visible;
    border-bottom: 10px;
    height: 100%;
    position: absolute;
    min-height: 50px;
    border-top-color: #e6e6e6
}

.minihome-scroll,
.minihome-scroll2 {
    overflow: scroll;
    scrollbar-width: none
}

.img-top-margin-3 {
    position: absolute;
    bottom: 20px;
    margin-left: 30px;
    margin-right: 10px;
    z-index: 1;
    width: 120px;
    height: 120px
}

.add-edit,
.add-edit-3 {
    margin-right: 5px;
    font-size: 13px;
    border-bottom: 2px solid orange
}

.minihome-scroll {
    padding-left: 10px;
    height: 70px
}

.minihome-scroll2 {
    height: 80px;
    padding: 5px 10px
}

.featured-txt {
    float: left;
    text-align: left
}

.add-edit {
    float: right;
    top: 7px
}

.alumni-txt-pad {
    padding-top: 30px;
    margin-bottom: 0
}

.add-edit2 {
    padding-top: 18px;
    font-weight: 700;
    color: #fff;
    float: left;
    padding-left: 20px
}

.padding-left-215 {
    padding-left: 215px
}

.alumni-btn-active {
    background: #604594;
    color: #fff !important
}

.height-25 {
    height: 25px !important
}

.add-edit-3 {
    float: right;
    top: 2px;
    line-height: 10px
}

.left-60 {
    left: -60px
}

.font12-2 {
    font-size: 12px;
    color: #000;
    padding: 5px 10px;
    font-family: Poppins;
    font-weight: 100;
    margin: 5px 0
}

.margin-bottom-5,
.usrthreads div {
    margin-bottom: 5px
}

.supplier-height {
    background-color: #fff;
    height: 250px
}

.institute-height {
    background-color: #fff;
    height: 260px;
    margin-top: 10px;
    margin-bottom: 10px
}

.inst-name {
    color: #000;
    padding-left: 23px;
    font-size: 16px;
    font-weight: 700
}

.supplier-add {
    font-size: 12px;
    color: #000;
    display: flex;
    padding-left: 20px
}

.featured-add {
    top: 15px !important;
    margin-left: 7px
}

.padding-top-45 {
    padding-top: 45px
}

.padding-left-25-2 {
    padding-left: 25px
}

.padding-left-27 {
    padding-left: 27px
}

.padding-left-42 {
    padding-left: 42px
}

.margin-left-15-2 {
    margin-left: 15px
}

.hashtag-2 {
    color: #000;
    display: inline-block;
    font-size: 13px;
    line-height: 23px;
    position: relative;
    margin: 2px;
    -webkit-transition: color .2s;
    font-family: poppins;
    padding: 0 4px
}

.quicks {
    list-style: none;
    margin: 10px 0 15px;
    overflow: hidden;
    padding: 6px;
    border-radius: 10px
}

.no-padding-left-right {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.title_heading-2 {
    font-size: 20px !important;
    color: #604594 !important;
    margin-left: 5px !important;
    font-family: 'Be Vietnam Pro'
}

.news-article-top {
    line-height: 20px;
    height: 50px
}

.mini-article-img {
    width: 100%;
    height: 200px !important;
    -webkit-transition: .3s ease-in-out
}

.height-90 {
    height: 100px
}

.height-258 {
    height: 258px
}

.mob-basic-pad-10 {
    padding: 10px 0
}

.student-devider-pad {
    padding-right: 30px
}

.clg-txt-2 {
    padding-left: 0;
    font-size: 18px
}

.btn-premium {
    background: #f40303 !important;
    color: #fff !important
}

.btn-featured {
    background: #2f2fd1 !important;
    color: #fff !important
}

.jobs-img {
    border: 1px solid #ddd;
    height: 110px;
    width: 110px !important;
    padding: 5px
}

.blog-list-premium {
    border: 1px solid #f40303 !important
}

.blog-list-featured {
    border: 1px solid #2f2fd1 !important
}

.margin-top-15 {
    margin-top: 15px
}

.icon-size {
    width: 20px;
    font-size: 24px;
    margin-right: 34px;
    margin-left: 15px !important;
    line-height: 34px
}

.site-color {
    color: #47356e !important
}

.pay-as,
.pay-color {
    color: #51276b
}

.pay-as {
    font-weight: bolder;
    font-size: 20px !important;
    margin-bottom: 0
}

.tik-mark {
    font-weight: 700;
    padding-right: 15px
}

@media(max-width:1300px) {
    .wo_user_side_info .menu_list {
        padding: 7px 3px !important
    }

    .height-475 {
        height: 500px
    }

    .event-box {
        height: 340px !important
    }

    .spanp2 {
        margin-bottom: 0;
        padding: 7px 0;
        color: #000;
        font-family: Poppins, sans-serif !important
    }
}

@media (min-width:768px) and (max-width:920px) {

    .market-tab-pad,
    .market-tab-pad-2 {
        margin-top: 15px
    }

    .market-tab-pad-top {
        padding-top: 15px
    }

    .market-tab-pad-bot {
        padding-bottom: 15px !important
    }
}

@media (max-width:768px) {
    .margin-top-45 {
        margin-top: 45px
    }

    .tb-m-top-30 {
        margin-top: 30px
    }

    .img-height-auto {
        height: auto !important
    }

    .margin-top-10 {
        margin-top: 0 !important
    }

    .font-22 {
        font-size: 22px !important
    }

    .page-about-txt {
        padding: 0;
        font-weight: 400
    }

    .margin-left-15-2 {
        margin-left: -15px
    }

    .wo_page_profile .profile-container .card.hovercard .cardheader,
    .wo_user_profile .profile-container .card.hovercard .cardheader {
        max-height: 333.3px;
        min-height: 160px !important
    }

    .padding-top-45 {
        padding-top: 55px
    }

    .btn-margin-bottom {
        margin-bottom: 10px
    }

    .margin-top-15 {
        margin-top: 0
    }

    .navbar-fixed-top {
        opacity: 1 !important
    }
}

.post-youtube iframe {
    height: 190px
}

.btn:focus,
.post-commet-textarea .btn {
    box-shadow: none
}

.blog-com-wrapper,
.movies-com-wrapper {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}

.blog-com-wrapper .blog-comlist-container,
.movies-com-wrapper .movies-comlist-container {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item,
.movies-com-wrapper .movies-comlist-container .movies-comment-item {
    width: 100%;
    overflow: hidden;
    margin-top: 20px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box textarea,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box textarea {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    font-size: 13px;
    padding: 5px 10px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-img,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-img {
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 45px;
    width: 45px
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5 span,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body h5 span {
    font-size: 12px;
    color: #aaa;
    margin-top: 0;
    display: inline
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body p,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body p {
    overflow: hidden;
    padding-right: 0;
    font-size: 13px;
    color: #777;
    font-family: Hind, sans-serif
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body div,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body div {
    width: 100%;
    overflow: hidden;
    color: #888;
    font-size: 12px
}

.blog-com-wrapper .blog-com-top,
.movies-com-wrapper .movies-com-top {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f2
}

.blog-com-wrapper .blog-com-box,
.movies-com-wrapper .movies-com-box {
    margin-right: 0;
    padding-right: 0;
    display: inline-block;
    float: right;
    overflow: hidden
}

.blog-com-wrapper .blog-com-box .blog-com-box-act,
.movies-com-wrapper .movies-com-box .movies-com-box-act {
    width: 100%;
    overflow: hidden;
    height: 100%;
    background-color: #ededed;
    padding: 8px 10px
}

.blog-com-wrapper .blog-com-box .blog-com-box-act button,
.movies-com-wrapper .movies-com-box .movies-com-box-act button {
    padding: 1px 15px;
    border-radius: 3px;
    margin: 2px 0 2px 5px;
    border-color: #d3d3d3;
    background-color: #f8f8f8
}

.blog-com-wrapper .blog-com-box .blog-com-box-act button.bg-main,
.movies-com-wrapper .movies-com-box .movies-com-box-act button.bg-main {
    color: #fff;
    border: 1px solid #a84849;
    background-color: #a84849
}

.blog-com-wrapper .blog-com-box textarea,
.movies-com-wrapper .movies-com-box textarea {
    width: 100%;
    border-radius: 0;
    height: 50px;
    padding: 10px
}

.blog-com-wrapper .blog-com-head,
.movies-com-wrapper .movies-com-head {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    display: inline-block
}

.header-fixed1000,
.header-fixed1200 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0
}

.fluid_theatre_mode {
    z-index: 99 !important
}

.post-file video {
    max-height: 600px
}

.active-player {
    max-height: 100% !important
}

.post-likes,
.post-reacted,
.post-shared,
.post-wonders {
    display: none;
    overflow: auto;
    max-height: 300px
}

.dropdown-menu.post-privacy-menu {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 3px
}

.post-privacy-menu li a,
.post-privacy-menu li div {
    transition: none !important
}

.post-privacy-menu li div {
    padding: 0 16px !important;
    line-height: 32px
}

.post .post_drop_menu_loading {
    text-align: center;
    padding: 4.36px 0 !important
}

.post_drop_menu_loading .ball-pulse {
    display: block;
    float: none;
    margin: 0;
    line-height: 0;
    padding: 0 !important
}

.chat-messages-wrapper .incoming,
.chat-messages-wrapper .outgoing {
    border-radius: 12px;
    font-size: 12px;
    color: #4b4f56;
    background-color: #fff;
    padding: 5px 8px 4px;
    max-width: 78%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .07)
}

.faa-parent.animated-hover:hover>.faa-ring,
.faa-ring.animated,
.faa-ring.animated-hover:hover {
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial
}

.setting-well input[type=password],
.setting-well input[type=text],
.setting-well select {
    color: #666 !important;
    box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2
}

.ads-navbar-wrapper,
.fake_ad_post,
.wow_ads_lists>li,
.wow_create_ads_stp {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-box,
.modal.modal-left .modal-body,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-box {
    padding: 0;
    overflow: hidden
}

.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-item-body h5,
.chat-messages-wrapper .messages-wrapper .message-typing:empty,
.main-blog-sidebar .popular-articles li:first-child,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-item-body h5 {
    margin-top: 0
}

#video-form .inner-addon,
.ads-navbar-mobile-wrapper,
.blog-com-wrapper .blog-com-box form,
.blog-com-wrapper .blog-comlist-container .blog-comment-item .blog-comment-reply-cont,
.blog-list,
.blog-recom,
.fluid,
.movies-com-wrapper .movies-com-box form,
.movies-com-wrapper .movies-comlist-container .movies-comment-item .movies-comment-reply-cont,
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse,
.select-user-verification-data,
.select-user-verification-data .select-user-verification-photos,
.sidebar-ad-wrapper .sidebar-ad-header,
.threadcont-inner,
.w-100,
.w100,
.wonderfulWeather .wiToday {
    width: 100%;
    overflow: hidden
}

.blog-com-wrapper .blog-com-head img,
.movies-com-wrapper .movies-com-head img {
    height: 100%;
    width: 100%;
    border-radius: 50%
}

.notification-list,
.padding-10,
.post .post-footer,
.request-list,
.setting-well,
.setting-well-p {
    padding: 10px
}

.post .post-footer .textarea {
    transition: transform .2s
}

.feeling-text i,
.post .post-footer .textarea:hover,
.share_modal_social_icos>a>span,
.ui-menu-item span,
.user-fetch .user-footer .user-button button,
.white,
table.setting-table {
    font-size: 13px
}

.post .post-heading {
    min-height: 70px;
    padding: 20px 25px
}

.post .post-description .stats .stat-item {
    color: #555 !important
}

.announcements img,
.home-announcement img,
.post .post-file img,
.small img {
    max-width: 100%
}

.comment-reply .wo_commreply_combo {
    margin-top: 10px;
    display: flex;
    position: relative
}

.comment-reply .wo_commreply_combo .avatar {
    width: 30px !important;
    height: 30px !important
}

.comment-reply .wo_commreply_combo .textarea {
    margin-top: 0;
    border-radius: 15px !important;
    padding-right: 80px;
    margin-left: 5px
}

.comment-reply .wo_commreply_combo .image-comment {
    right: 10px
}

.comment-reply .wo_commreply_combo .image-comment .btn-file {
    padding: 2px 0 !important;
    font-size: 0;
    margin: 7px 0;
    background: 0 0
}

.no-posts,
.no-posts2 {
    margin-top: 20px;
    margin-bottom: 20px
}

.list-group-item:first-child {
    background-color: #f9f9f9;
    color: #444;
    box-shadow: rgb(0 0 0 / 10%) 0 10px 15px -3px, rgb(0 0 0 / 5%) 0 4px 6px -2px;
    border-radius: 10px
}

a,
button {
    outline: 0 !important
}

.header-container {
    background: #fff;
    width: 100%
}

.header-container .user-avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-top: -4px;
    margin-right: 3px;
    width: 25px;
    height: 25px
}

.message-user-image img,
.notification-list .notification-user-avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.message-user-image {
    margin-right: 5px
}

.message-user-image img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.user-ad-container,
.user-ad-container div.post-advertisement .ads-cover {
    width: 100%;
    position: relative
}

.fake_ad_post .fads_heading,
.user-ad-container div.post-advertisement .ads-heading,
.user-story-container .ads-heading {
    overflow: hidden;
    width: 100%;
    padding: 10px 15px
}

.user-ad-container div.post-advertisement .ads-image {
    width: 46px;
    height: 46px;
    display: block;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
    margin-top: -3px
}

.user-ad-container div.post-advertisement .ads-meta,
.user-story-container .ads-meta {
    color: #555
}

.post .post-heading .meta .title,
.user-ad-container div.post-advertisement .ads-meta .title,
.user-story-container .ads-meta .title {
    margin-bottom: 0;
    margin-top: 1px
}

.fake_ad_post .fads_headline,
.user-ad-container div.post-advertisement .ads-headline,
.user-story-container .ads-headline {
    font-size: 14px;
    color: #555;
    overflow: hidden;
    word-wrap: break-word;
    padding: 15px 0
}

.user-ad-container div.post-advertisement .ads-headline p {
    margin-bottom: 0;
    font-size: 14px;
    color: #555;
    line-height: 20px;
    font-weight: 400
}

.user-ad-container div.post-advertisement .ads-cover .ads-description,
.wo_post_fetch_link .url {
    font-size: 13px;
    position: absolute;
    max-width: 90%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .54);
    border-radius: 2px;
    padding: 5px 8px;
    margin: 16px;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.user-ad-container div.post-advertisement .ads-cover a,
.user-story-container .ads-cover a {
    display: block;
    max-height: 700px
}

.user-ad-container div.post-advertisement .ads-footer {
    width: 100%;
    overflow: hidden;
    height: 10px
}

.user-ad-container div.post-advertisement .ads-footer .stat-item {
    display: inline-block;
    padding: 3px 7px;
    font-size: 12px;
    border: 0;
    color: #555
}

.post-fetched-url a:focus,
.post-fetched-url a:hover,
.text-dnone,
.title a:focus,
.title a:hover {
    text-decoration: none !important
}

.unsetheight {
    height: unset !important
}

#add_to_family .add_as_cont .col-md-10,
.ads_col_8,
.chat-user-desc .col-sm-8 {
    padding-left: 0
}

.ads-navbar-wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 4px
}

.ads-navbar-wrapper ul {
    margin: 15px
}

.ads-navbar-wrapper ul li a {
    text-transform: capitalize;
    display: block;
    transition: .2s;
    padding: 10px 15px;
    border-left: 2px solid #fff;
    font-size: 15px;
    margin: 10px 0;
    text-decoration: none;
    font-family: Lato, sans-serif;
    color: #858585
}

.ads-navbar-wrapper ul li a:hover,
.list-group-item.gray-list a:hover {
    color: #222
}

.ads-navbar-wrapper ul li a.active {
    color: #000;
    font-weight: 600
}

.ads-navbar-wrapper ul li a svg {
    width: 20px;
    height: 20px;
    margin: -4px 10px 0 0
}

.ads_mini_wallet {
    margin: 15px;
    padding: 15px;
    border-radius: 4px
}

.ads_mini_wallet p {
    opacity: .7;
    font-size: 16px
}

.ads_mini_wallet h3 {
    margin: 0;
    font-size: 36px;
    font-family: Lato, sans-serif
}

#video-form .inner-addon span.video-custom-thumb,
.charsLeft-post,
.wow_ads_list_head,
.wow_creads_minstp,
.wow_mini_wallets h5,
.wow_wallet_trans {
    font-family: Roboto, sans-serif
}

.wow_mini_wallets {
    display: flex;
    align-items: center;
    padding-bottom: 7px
}

.wow_mini_wallets h5 {
    margin: 0;
    font-size: 50px;
    font-weight: 400
}

.wow_ads_list_head li,
.wow_ads_lists>li>div {
    display: inline-block;
    margin: 0 -1.7px
}

.wow_mini_wallets_btns,
.wow_usr_steps_cont .btn {
    margin-left: auto
}

.wow_mini_wallets_btns .btn {
    margin-left: 5px
}

.wow_add_money_hid_form .add-amount,
.wow_snd_money_form .add-amount {
    margin: 15px 0 25px
}

.wow_add_money_hid_form .add-amount h5,
.wow_snd_money_form .add-amount h5 {
    margin: 0 auto;
    font-size: 42px;
    font-family: Lato, sans-serif;
    width: 130px;
    padding: 4px 0;
    border-bottom: 2px solid #ddd
}

.wow_add_money_hid_form .add-amount h5 input,
.wow_snd_money_form .add-amount h5 input {
    width: 105px;
    border: 0;
    outline: 0
}

.wow_add_money_hid_form form {
    padding: 20px 0;
    border-top: 1px solid #ececec
}

.wow_wallet_trans tbody tr,
.wow_wallet_trans thead {
    border-bottom: 1px solid #ececec
}

.active_sessions .as_list:last-child,
.payment_box .btn:last-child,
.who_react_to_this_user:last-child,
.wow_wallet_trans tbody tr:last-child {
    border: 0
}

.wow_ads_list_head {
    font-weight: 500;
    width: 100%;
    padding: 2px 10px;
    margin-top: 5px;
    overflow: hidden
}

.wow_ad_sts_actv,
.wow_ad_sts_noactv {
    display: inline-block;
    padding: 3px 12px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px
}

.wow_ads_list_head li.aid,
.wow_ads_lists li .aid {
    width: 9%
}

.wow_ads_list_head li.acomp,
.wow_ads_lists li .acomp {
    width: 33%
}

.wow_ads_list_head li.abid,
.wow_ads_list_head li.aclck,
.wow_ads_list_head li.avew,
.wow_ads_lists li .abid,
.wow_ads_lists li .aclck,
.wow_ads_lists li .avew {
    width: 13%
}

.wow_ads_list_head li.asts,
.wow_ads_lists li .asts {
    width: 14%
}

.wow_ads_list_head li.aemp,
.wow_ads_lists li .aemp {
    width: 5%;
    text-align: end
}

.wow_ads_lists>li {
    background-color: #fff;
    border-radius: 4px;
    margin: 8px 0;
    padding: 10px
}

#members table *,
.adv-mbr-search i,
.wow_ads_lists>li>div,
.zmdi {
    vertical-align: middle
}

.wow_ads_lists>li>div .dropdown-menu li a svg {
    width: 20px;
    height: 20px;
    margin: -2px 5px 0 0
}

.wow_ad_sts_actv,
table.wow_pymnt_table .label-success {
    color: #4caf50;
    background-color: rgba(76, 175, 80, .1)
}

.wow_ad_sts_noactv,
table.wow_pymnt_table .label-danger {
    color: #f44336;
    background-color: rgba(244, 67, 54, .1)
}

.ads-cont-wrapper .table td {
    vertical-align: middle;
    padding: 13px 8px !important
}

.wow_creads_minstp {
    padding: 30px 5px 5px
}

.wow_creads_minstp .line {
    width: 100%;
    height: 3px;
    background: #ddd;
    position: relative;
    border-radius: 8px;
    margin-bottom: 15px
}

.wow_creads_minstp .line .line_sec {
    height: 3px;
    width: 0;
    background: #2196f3;
    border-radius: 2em;
    position: absolute;
    transition: .3s
}

.wow_creads_minstp .line .dot {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    background: #e0e0e0;
    border-radius: 50%;
    transition: .3s;
    transform: translate(-50%, -50%);
    color: #aeaeae;
    text-align: center
}

.wow_creads_minstp .line .dot svg {
    width: 18px;
    height: 18px;
    margin: 3px 0
}

.wow_creads_minstp .line .dot.one {
    left: 6%;
    transform: translate(-50%)
}

#percent,
.wow_creads_minstp .line .dot.two,
.wow_creads_minstp .steps>div.step-two {
    left: 50%
}

.wow_creads_minstp .line .dot.three {
    left: auto;
    right: 6%
}

.step-one-active.wow_creads_minstp .dot.one,
.step-three-active.wow_creads_minstp .dot.one,
.step-two-active.wow_creads_minstp .dot.one {
    background: #2196f3;
    color: #fff;
    transform: translate(0, -50%)
}

.step-three-active.wow_creads_minstp .dot.three,
.step-three-active.wow_creads_minstp .dot.two,
.step-two-active.wow_creads_minstp .dot.two {
    background: #2196f3;
    color: #fff
}

.step-one-active.wow_creads_minstp .line .line_sec {
    width: 7%
}

.wow_creads_minstp .steps {
    margin-bottom: 10px;
    position: relative;
    height: 20px
}

.wow_creads_minstp .steps>div {
    position: absolute;
    top: 0;
    transform: translate(-50%);
    height: 20px;
    text-align: center;
    transition: .3s;
    color: #aeaeae;
    font-size: 14px;
    font-weight: 500;
    display: block
}

.step-one-active .steps>.step-one,
.step-three-active .steps>.step-one,
.step-three-active .steps>.step-three,
.step-three-active .steps>.step-two,
.step-two-active .steps>.step-one,
.step-two-active .steps>.step-two {
    color: #2196f3
}

.wow_creads_minstp .steps>div.step-one {
    left: 5%;
    transform: none
}

.wow_creads_minstp .steps>div.step-three {
    left: auto;
    right: 5%;
    transform: none
}

.wow_create_ads_stp {
    background-color: #fff;
    border-radius: 4px;
    padding: 15px 20px
}

.wow_create_ads_stp .wo_page_hdng.pag_neg_padd {
    margin-bottom: 15px
}

.wow_create_ads_stp .btn-mat {
    min-width: 150px;
    margin: 17px 0
}

.estimated_ad_limit svg {
    width: 20px;
    height: 20px;
    margin: -2px 3px 0 0;
    opacity: .8
}

.wow_fcov_image img,
.wow_fcov_image>div {
    height: 100%;
    border-radius: 4px;
    width: 100%
}

.wow_fcov_image {
    position: relative;
    width: 100%;
    min-height: 350px;
    background: #f7f7f7;
    border-radius: 4px;
    margin-top: 10px
}

.wow_fcov_image>div#productimage-holder {
    white-space: normal;
    padding: 0;
    min-height: 350px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr
}

.wow_fcov_image>div#productimage-holder .thumb-image {
    width: 100%;
    height: auto;
    margin: 0;
    min-height: auto
}

.wow_fcov_image img {
    min-height: 350px;
    max-height: 350px;
    object-fit: cover
}

.wow_fcov_image .upload_ad_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 100%);
    border-radius: 4px;
    padding: 15px
}

.wow_fcov_image .upload_ad_image .upload_ad_image_content {
    color: #fff;
    font-size: 15px
}

.wow_fcov_image .upload_ad_image .upload_ad_image_content svg {
    display: block;
    margin: 0 auto 8px;
    width: 30px;
    height: 30px
}

.fake_ad_post {
    width: 100%;
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    padding-top: 10px
}

.fake_ad_post .wo_page_hdng {
    margin: -10px 0 5px
}

#mbrs div,
#members *,
.fake_ad_post .fads_meta,
.threadcont-inner div,
.wo_user_profile .profile-container .card.hovercard {
    overflow: hidden
}

.fake_ad_post .fads_meta .fads_avatar {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    float: left
}

.fake_ad_post .fads_meta .fads_m_info,
.lightbox-post-footer .comments-list .comment>.comments-list,
.post .post-footer .comments-list .comment>.comments-list,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment>.comments-list {
    margin-left: 50px
}

.fake_ad_post .fads_meta .fads_m_info .company {
    display: block;
    width: 90%;
    border: 0;
    outline: 0;
    font-size: 15px;
    font-weight: 700;
    color: #666
}

.fake_ad_post .fads_meta .fads_m_info .location {
    display: block;
    width: 50%;
    border: 0;
    outline: 0
}

.fake_ad_post .fads_headline div {
    width: 100%;
    font-size: 13px;
    height: 53px;
    overflow-y: auto
}

.fake_ad_post .fads_cover {
    position: relative;
    border-top: 1px solid #ebebeb;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -10px
}

.fake_ad_post .fads_cover .fcov_title {
    color: rgba(0, 0, 0, .87);
    font-size: 17px;
    margin: 8px;
    line-height: 28px;
    position: relative
}

.fake_ad_post .fads_cover .fcov_title svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px
}

.fake_ad_post .fads_cover .fcov_title div {
    outline: 0;
    font-size: 17px;
    width: 100%;
    display: inline-block;
    padding-left: 25px;
    border: 0
}

.fake_ad_post .fads_cover .fcov_image {
    position: relative;
    width: 100%;
    height: 180px;
    background: #f7f7f7;
    border-radius: 0 0 4px 4px
}

.fake_ad_post .fads_cover .fcov_image>div {
    width: 100%;
    height: 100%;
    border-radius: 0 0 4px 4px
}

.fake_ad_post .fads_cover .fcov_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 4px 4px
}

.fake_ad_post .fads_cover .fcov_title div span,
.fake_ad_post .fads_headline div span,
.fake_ad_post .fads_meta .fads_m_info .company span,
.fake_ad_post .fads_meta .fads_m_info .location span {
    opacity: .7;
    user-select: none;
    pointer-events: none
}

textarea.postText {
    border: none;
    padding-top: 15px;
    padding-left: 100px;
    height: 50px !important;
    box-shadow: none;
    padding-right: 100px;
    border-radius: 0 0 10px 10px
}

textarea.postText:focus {
    box-shadow: 0 0 0 1px #c5c5c5;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.responsive-img,
.sidebar-ad iframe,
.sidebar-ad img,
.sidebar-ad script {
    width: 100%;
    max-width: 100%
}

.header-brand {
    float: left;
    display: block;
    margin: 11px 20px 11px 0
}

.ui-menu-item img {
    width: 32px;
    margin: 3px;
    border-radius: 3px
}

.small-mention {
    color: #888 !important;
    font-size: 11px !important
}

.create-account,
.create-account-2 {
    background: #fac036;
    color: #000;
    font-weight: 500 !important
}

.margin {
    margin: 5px
}

.bs-padding-right-x,
.no-padding-right {
    padding-right: 0 !important
}

.recent-searches {
    padding: 4px 10px
}

.recent {
    border-bottom: 1px solid #ededed
}

.header-fixed1200 {
    max-width: 1275px
}

.newpage-margin,
.page-margin {
    margin-top: 85px;
    margin-bottom: 20px
}

.invite-user-form input {
    padding: 3px;
    height: auto
}

.left-sidebar ul li:last-child {
    margin-bottom: 150px
}

.left-sidebar ul li a {
    padding: 6px 5px 6px 10px;
    transition: .2s;
    display: block;
    border-radius: 6px;
    font-size: 13px
}

.blog-meta-desc span small,
.blog-sidebar .blog .blog-info span,
.left-sidebar ul li a i {
    margin-right: 10px
}

.left-sidebar ul li a:hover {
    background: #fba919
}

.search-container .inner-addon .glyphicon {
    padding: 7px !important;
    color: #666 !important
}

.search-container .search-input {
    transition: .2s;
    border-radius: 2em;
    border-color: transparent;
    width: 620px;
    height: 34px;
    color: #777;
    box-shadow: none;
    padding-left: 25px;
    margin-left: 15px;
    background: 0 0;
    margin-top: 15px
}

.search-container .search-input:focus {
    background: #fff !important;
    color: #333 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-radius: 4px 4px 0 0;
    margin-bottom: -4px;
    border-color: #fff
}

.search-dropdown-container {
    width: 740px
}

.create-account {
    margin-top: -9px !important
}

.absul-right {
    position: relative !important;
    top: 15px;
    float: right
}

.accept-btns,
.referres .name,
.search-dropdown-result .center-text,
.wo_imagecombo_lbox .lightbox-post-footer .comment-container:nth-child(-n+2) {
    margin-top: 5px
}

.search-dropdown-result li {
    margin: 5px 0;
    padding-left: 0
}

.search-dropdown-result li:first-child {
    margin-top: 0;
    padding-left: 0
}

.search-dropdown-result li:last-child {
    margin-bottom: 0;
    padding-left: 0
}

.search-dropdown-result li a {
    display: block;
    padding: 3px 10px 8px;
    transition: .1s ease-in-out;
    text-decoration: none
}

.search-dropdown-result li a:hover {
    background: rgba(0, 0, 0, .05)
}

.search-dropdown-result .search-user-name {
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 2px;
    font-family: verdana;
    display: inline-block
}

.search-dropdown-result .search-user-lastseen {
    font-size: 11px;
    color: #999
}

.search-dropdown-result .search-user-avatar img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06);
    margin: 2px 10px 0 0
}

.search-dropdown-result li .search_result_badge {
    border: 1px solid #03a9f4;
    color: #03a9f4;
    padding: 1px 5px 1.5px;
    text-transform: uppercase;
    font-size: 9px;
    margin-left: 5px;
    font-weight: 700;
    letter-spacing: .6px;
    border-radius: 3px
}

.emo-message {
    position: absolute;
    display: none;
    color: #5b5b5b;
    right: 90px;
    top: 5px;
    z-index: 2
}

.emo-message-container {
    top: -100px;
    width: 200px;
    display: none;
    right: 0;
    left: auto;
    background-color: #fff;
    padding: 5px
}

.search-advanced-container a {
    font-size: 14px;
    padding: 5px 15px 5px 10px;
    display: table;
    width: 100%;
    margin-bottom: -5px;
    margin-top: 10px;
    color: #666;
    transition: .1s ease-in-out
}

.search-advanced-container a .feather-svg-parent {
    display: table-cell;
    border-radius: 50%;
    font-size: 18px;
    margin: 5px 13px 0 0;
    padding: 7.5px 11px;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.search-advanced-container a:hover {
    text-decoration: none;
    color: #000;
    background-color: rgba(0, 0, 0, .02)
}

.search-advanced-container a svg.feather {
    margin: -3px 0 0 !important;
    color: #535353 !important
}

.show-message-link-container {
    font-size: 12px;
    padding: 6px;
    text-align: center;
    background: #fcfcfc;
    color: #666
}

.hashtag-search-result,
.image-modal .modal-dialog .modal-body {
    padding: 5px
}

.notification-list:hover,
.unread {
    background: #f5f5f5
}

.messages-dropdown,
.notifications-dropdown {
    overflow: auto;
    max-height: 85vh;
    background: #fff
}

.notification-list .notification-user-avatar img {
    border-radius: 50%;
    margin-right: 5px;
    width: 50px;
    margin-left: -5px
}

.notification-list .notification-text {
    font-size: 13px;
    color: #666
}

.activities-wrapper .notification-list .notification-time,
.notification-list .notification-time {
    font-size: 11px;
    color: #666
}

.notifications-dropdown {
    width: 400px;
    padding: 0
}

.notifications-dropdown .turn-off-sound {
    color: #777;
    padding: 10px;
    border-bottom: 1px solid #fcfcfc
}

.blog-dd-menu,
.blog-dd-ul li a:hover,
.blog-dd-ul li span:hover,
.messages-list,
.notifications-dropdown .turn-off-sound span,
.order-by .dropdown-toggle,
.pointer,
.view-more-wrapper span {
    cursor: pointer
}

.order-by {
    color: #666 !important;
    padding-bottom: 5px;
    margin-top: auto
}

.order-by .dropdown-menu {
    margin-top: 6px
}

#bar_loading,
.Stick {
    position: fixed
}

.plus-images .plus-images-num {
    position: absolute;
    top: 30px;
    color: #fff;
    font-size: 20px
}

.messages-dropdown {
    width: 350px;
    padding: 0
}

.messages-list .notification-user-avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    width: 40px
}

.messages-list .notification-time {
    color: #777 !important
}

.header-message,
.setting-themes-container .theme .themeAuthor,
.setting-themes-container .theme .themeVirsion {
    font-size: 11px;
    color: #555
}

.activities-wrapper .notification-list .notification-text {
    font-size: 12px;
    color: #666
}

.header-loading-sppiner {
    font-size: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #777
}

.wowonder-well {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 15px 1px;
    border: 1px solid #ededed
}

.message-details:empty,
.nearby_users_cont,
.profile-lists .setting-well,
.wowonder-well.one-well {
    padding-top: 0
}

.profile-style .avatar img {
    width: 74px;
    -webkit-border-radius: 1%;
    -moz-border-radius: 1%;
    -ms-border-radius: 1%;
    -o-border-radius: 50%;
    border-radius: 1%;
    margin-right: 10px
}

.events-content-wrapper:last-child,
.filter-margin,
.posts-container,
.products .product,
.profile-style:not(.promoted-style),
.search-filter-center-text.no-well,
.thraed-header-content,
.user-title-thread {
    margin-bottom: 20px
}

.profile-style .user-like-button button {
    font-size: 12px;
    border: 1px solid #ededed;
    margin: 3px
}

.profile-style .user-like-button button.btn-active {
    font-size: 12px;
    border: 1px solid #fff
}

.profile-style .user-follow-button button {
    font-size: 12px;
    margin-top: 10px;
    font-family: Poppins;
    width: 100%
}

.profile-style .user-follow-button button:hover {
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    -ms-box-shadow: 0;
    -o-box-shadow: 0;
    box-shadow: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.profile-style .user-follow-button button.btn-active {
    font-size: 12px;
    outline: 0
}

#bar_loading {
    padding: 2px;
    width: 0%;
    display: none;
    top: 46px;
    z-index: 5000;
    left: 0
}

.page-likes {
    color: #999;
    font-size: 12px
}

.page-likes span {
    margin: 10px
}

.comment-btn-wrapper div {
    display: inline;
    overflow: hidden
}

.comment-btn-wrapper [data-comment-rtime] {
    font-size: 12px;
    padding: 3px 0
}

.comment-record {
    width: 100%;
    overflow: hidden;
    padding: 2px 0
}

.comment-btn-wrapper .record-comment-audio {
    padding: 3px 2px !important
}

.comment-btn-wrapper .btn-upload-comment {
    padding: 3px 10px 3px 1px !important
}

.load-more {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 15px
}

.load-more button {
    text-align: center;
    width: 200px
}

.search-filter-center-text {
    display: block;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px
}

.sidebar-conatnier #sidebar-sticky.Stick {
    position: fixed;
    top: 64px;
    width: 300px
}

.sidebar-user-data {
    width: 24.3%;
    margin: 1px;
    float: left;
    text-align: center;
    padding: 0;
    position: relative
}

.sidebar-user-data .sidebar-listed-user-avatar img {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin: 0;
    padding: 0;
    display: inline-block
}

.sidebar-user-data .sidebar-listed-user-name {
    margin-top: -20px;
    color: #fff;
    max-height: 20px;
    font-size: 10px;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .8) 100%);
    background: -webkit-linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .8) 100%);
    background: -moz-linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .8) 100%);
    background: -o-linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .8) 100%);
    padding: 3px;
    width: 100%;
    position: absolute
}

.sidebar-conatnier .profile-style .card {
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px #dfdfdf;
    -moz-box-shadow: 0 0 6px #dfdfdf;
    -ms-box-shadow: 0 0 6px #dfdfdf;
    -o-box-shadow: 0 0 6px #dfdfdf;
    box-shadow: 0 0 6px #dfdfdf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.sidebar-conatnier .profile-style .card.promoted {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important
}

.sidebar-conatnier .profile-style .card.hovercard {
    padding-top: 0;
    overflow: hidden;
    padding-bottom: 7px !important
}

.sidebar-conatnier .profile-style .card.hovercard .cardheader {
    background: 0 0/cover #fff
}

.sidebar-conatnier .profile-style .card.hovercard .avatar {
    position: relative;
    top: -55px;
    margin-bottom: -80px;
    margin-left: 5px;
    margin-right: 5px
}

.sidebar-conatnier .profile-style .card.hovercard .avatar img {
    width: 50px;
    height: 50px;
    margin-right: 0 !important;
    max-width: 150px;
    max-height: 150px;
    border-radius: 1%;
    border: 2px solid #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .16)
}

.sidebar-conatnier .profile-style .card.hovercard .info .title {
    font-size: 12px;
    top: -25px;
    position: absolute;
    width: 100%;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    font-family: Poppins
}

.sidebar-conatnier .profile-style .text-shadow,
.sidebar-page-data .text-shadow {
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, .65)));
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
    background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
    padding: 20px;
    position: relative;
    margin-top: -40px
}

.sidebar-conatnier .sidebar-profile-style .card.hovercard {
    box-shadow: none;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-bottom-right-radius: 0 !important;
    -ms-border-bottom-right-radius: 0px !important;
    -o-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-bottom-left-radius: 0 !important;
    -ms-border-bottom-left-radius: 0px !important;
    -o-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.sidebar-conatnier .sidebar-profile-style .card.hovercard .avatar {
    position: relative;
    top: -10px;
    text-align: left;
    float: left
}

.sidebar-conatnier .sidebar-profile-style .card.hovercard .avatar img {
    width: 60px;
    height: 60px;
    padding: 10px
}

.sidebar-conatnier .sidebar-profile-style .card.hovercard .info {
    position: relative;
    float: none
}

.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title {
    position: inherit;
    font-size: 16px;
    margin-top: 30px;
    text-align: left;
    margin-left: 10px;
    width: 125px;
    word-break: break-word
}

#filterby-post .filter_negative_clr,
#filterby-post .filter_negative_clr svg,
.navbar-movies-mobile-dropdown ul a,
.panel-white .panel-heading,
.second-user-color,
.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title a {
    color: #333
}

.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .infolinkz a {
    position: inherit;
    font-size: 21px;
    text-align: left;
    margin-left: 10px;
    width: 100%;
    line-height: 1;
    margin-right: 10px
}

.publisher-box .btn-default {
    padding: 4px 8px
}

#post-textarea {
    position: relative;
    transition: .2s ease-in-out
}

#post-textarea:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14)
}

#loading_indicator {
    position: absolute;
    display: none;
    right: 5px;
    top: 5px;
    color: #999
}

.extracted_url {
    padding: 10px;
    position: relative;
    border-top: 1px solid #f4f4f4
}

.extracted_url .extracted_thumb {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px
}

.extracted_url .extracted_thumb img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 100%
}

.next_thumb,
.prev_thumb {
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    float: right
}

.thumb_sel {
    width: 100px
}

.thumb_select {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff
}

.remove-fetched-url {
    right: 20px;
    z-index: 1;
    top: 15px;
    font-size: 17px;
    color: #fff;
    -webkit-text-shadow: 0 1px 1px #333;
    -moz-text-shadow: 0 1px 1px #333;
    -ms-text-shadow: 0 1px 1px #333;
    -o-text-shadow: 0 1px 1px #333;
    text-shadow: 0 1px 1px #333;
    position: absolute;
    cursor: pointer
}

textarea.form-control.url-input {
    padding-top: 3px;
    min-height: 100px
}

.post-fetched-url {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0 0 10px
}

.post-fetched-url:hover {
    background: #fcfcfc
}

.post-fetched-url .fetched-url-text h4 {
    color: #444;
    margin-bottom: 5px;
    margin-top: 2px;
    font-size: 18px !important;
    font-family: roboto;
    font-weight: 400
}

.post-fetched-url .url {
    color: #2196f3;
    font-size: 11px;
    font-family: verdana
}

.post-fetched-url .fetched-url-text {
    margin: 5px;
    padding: 5px 5px 9px;
    position: relative
}

.post-fetched-url .fetched-url-text .description {
    font-size: 12px;
    margin-bottom: 2px
}

.post-fetched-url .fetched-url-text .url {
    position: relative;
    margin: 0;
    padding: 0;
    background: 0 0;
    font-size: 12px
}

.post-fetched-url-con {
    max-height: 260px;
    overflow: hidden
}

.post-fetched-url-con.small100 {
    width: 190px;
    max-height: 190px;
    float: left;
    margin: 0 6px 0 3px;
    border-right: 1px solid #e6e6e6
}

.post-fetched-url-con.small100 img {
    height: 100%;
    padding: 5px
}

.post-fetched-url-con.large100 {
    position: relative;
    height: 260px
}

.post-fetched-url-con.large100 img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto
}

.publisher-box #publisher-button {
    height: 34px;
    font-size: 14px;
    padding: 6px 16px;
    font-weight: 500;
    border-radius: 17px !important;
    line-height: 19px;
    min-height: 34px;
    margin: 0
}

.publisher-box .publisher-hidden-option select {
    height: 30px;
    padding: 4px 10px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    background: #fdb71c;
    font-family: Poppins;
    border: 1px solid #fdb71c
}

.publisher-box .publisher-hidden-option input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none
}

.publisher-box .publisher-hidden-option textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none;
    border-top: 1px solid #ededed
}

.publisher-box .publisher-box-footer {
    min-height: 53px;
    background: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%);
    position: relative;
    border-radius: 10px 10px 0 0
}

.publisher-box .publisher-box-footer2 {
    min-height: 55px;
    padding: 5px;
    display: none;
    border-top: 1px solid #ddd;
    position: relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.no-box-shadow,
.publisher-box .publisher-box-footer .btn {
    box-shadow: none !important
}

.publisher-box .publisher-box-footer .btn-default {
    border: 0;
    background-color: transparent
}

.publisher-box .post-avatar {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    position: absolute;
    left: 15px;
    top: 8px;
    z-index: 22;
    border: 1px solid #ccc
}

.panel-white .panel-footer,
.panel-white .panel-heading {
    background-color: #fff;
    border-color: #ddd
}

#file-form .inner-addon svg.feather,
#map-form .inner-addon svg.feather,
#music-form .inner-addon svg.feather,
#photo-form .inner-addon svg.feather,
#video-form .inner-addon span svg.feather {
    position: absolute;
    margin: 7px;
    width: 18px;
    height: 18px;
    color: #575757
}

.poster-left-buttons {
    margin-right: 8px;
    margin-left: 8px
}

.poster-left-buttons .btn {
    font-size: 17px;
    padding: 4px 7px;
    transition: .2s
}

.poster-left-buttons .btn:hover {
    background: #ddd !important
}

.poster-left-buttons .btn.btngif {
    font-size: 25px;
    line-height: 32px;
    padding: 0
}

.panel-one-post {
    margin: 0 auto;
    width: 80%
}

.panel-group {
    border: 1px solid #ededed
}

.panel-white,
.post .panel-white {
    border-radius: 10px
}

#camera-button-btn:hover,
.panel-white,
.side-widget-name {
    box-shadow: rgb(0 0 0 / 10%) 0 10px 15px -3px, rgb(0 0 0 / 5%) 0 4px 6px -2px
}

.gray-1 {
    color: #999 !important
}

.post .post-heading {
    border-bottom: 1px solid #f3f3f3;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.post .post-heading .image {
    float: left;
    position: relative
}

.post .post-heading .meta {
    float: left;
    width: 80%
}

.post .post-heading .aftermetapost {
    float: right;
    margin-top: 6px
}

.post .post-heading .avatar {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
    min-width: 38px
}

.post .post-heading .meta .title a {
    color: #5d438f;
    margin-right: 3px
}

.post .post-heading .meta .title a:hover {
    text-decoration: underline !important
}

.post .post-heading .meta .time {
    font-family: Poppins;
    margin-top: 8px;
    color: #282828
}

.post .post-image .image {
    width: 100%;
    height: auto
}

.post .post-description {
    padding: 15px 15px 8px
}

.post .post-description p {
    font-size: 13px;
    padding-left: 15px;
    font-family: Poppins;
    color: #555;
    overflow: hidden
}

.post .post-description .stats .stat-item {
    line-height: 1px;
    display: inline-block;
    padding: 7px;
    font-size: 13px !important;
    border: 0;
    margin: 0 5px !important;
    box-shadow: none;
    background: 0 0
}

.comment-options .zmdi,
.post .post-description .stats .stat-item .zmdi,
.share_modl_post_cont .post-heading>.image {
    margin-top: -3px
}

.post .post-description .stats .stat-item .icon {
    margin-right: 8px
}

.post .post-file {
    max-height: 400px;
    background: #f9f9f9;
    width: 100%;
    margin: 0 0 10px
}

.post .post-file .media-video-file {
    max-width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #000;
    padding: 0;
    width: 100%
}

.post .post-file .media-video-file,
.post .post-file img {
    max-height: 380px
}

.post .post-actions .stat-item {
    margin-top: 15px !important;
    font-size: 11px !important;
    color: #999 !important
}

.post .post-footer {
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #ddd;
    background: #fff;
    font-family: Poppins
}

.post .post-footer .textarea {
    height: 40px;
    font-size: 13px
}

.post .post-footer .comment-reply .textarea {
    height: 33px;
    font-size: 13px;
    padding-right: 10px;
    overflow-x: hidden;
    border-radius: 16px !important
}

.post .post-footer .btn:not(.social-btn) {
    padding: 3px 11px
}

.lightbox-post-footer .input-group-addon a,
.post .post-footer .input-group-addon a {
    color: #454545
}

.post .post-footer .comments-list {
    padding: 0;
    list-style-type: none
}

.post .post-footer .comments-list .comment .comment-replies {
    margin-right: 42px
}

.post .post-footer .comments-list .comment {
    display: block;
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid rgba(221, 221, 221, .58);
    padding: 0 0 15px;
    position: relative
}

.post .post-footer .comments-list .comment:last-child {
    border-bottom: 0 solid rgba(221, 221, 221, .58);
    padding-bottom: 0
}

.post .post-footer .comments-list .comment .avatar {
    width: 33px;
    height: 33px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 0 solid #f4f4f4
}

.lightbox-post-footer .comment .comment-heading,
.lightbox-post-footer .comments-list .reply .reply-heading,
.post .post-footer .comments-list .comment .comment-heading,
.post .post-footer .comments-list .reply .reply-heading,
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .reply-heading {
    display: block;
    width: 100%
}

.lightbox-post-footer .comment .comment-heading .user,
.post .post-footer .comments-list .comment .comment-heading .user,
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .user {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    margin-top: 0
}

.post .post-footer .comments-list .comment .comment-heading .time {
    font-size: 12px;
    color: #585858;
    margin-top: 0;
    display: inline
}

.lightbox-post-footer .comments-list .comment .comment-body,
.post .post-footer .comments-list .comment .comment-body {
    margin-left: 42px
}

.lightbox-post-footer .comment,
.lightbox-post-footer .comments-list .reply,
.post .post-footer .comments-list .reply,
.wo_imagecombo_lbox .lightbox-post-footer .comment {
    display: block;
    width: 100%;
    margin: 20px 0
}

.lightbox-post-footer .comments-list .comment .reply .avatar,
.post .post-footer .comments-list .reply .avatar {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #f4f4f4
}

.lightbox-post-footer .comments-list .reply .reply-heading .user,
.post .post-footer .comments-list .reply .reply-heading .user {
    font-size: 13px;
    font-weight: 700;
    display: inline;
    margin-top: 0
}

.lightbox-post-footer .comment .comment-heading .time,
.lightbox-post-footer .comments-list .reply .reply-heading .time,
.post .post-footer .comments-list .reply .reply-heading .time,
.wo_imagecombo_lbox .lightbox-post-footer .comment .comment-heading .time {
    font-size: 10px;
    color: #aaa;
    margin-top: 0;
    display: inline
}

.lightbox-post-footer .comments-list .reply .comment-body,
.post .post-footer .comments-list .reply .comment-body,
.wo_imagecombo_lbox .lightbox-post-footer .comments-list .reply .comment-body {
    margin-left: 40px;
    margin-top: -3px
}

.post-map img,
iframe {
    border: 1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px
}

.post-share .social-btn {
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 16px;
    line-height: 20px
}

.active.fa-share-square-o {
    color: #5f764d
}

.active-wonder,
.active.fa-exclamation-circle {
    color: #fc9b1b
}

.comment-icons {
    margin-left: 2px;
    margin-right: 2px
}

.filter {
    width: 14.4%
}

.filter-text {
    width: 20.1%;
    font-size: 13px
}

.admin-panel-well .text,
.art-title,
.blog-comment-item .del-blog-comment i,
.movies-comment-item .del-movies-comment i {
    font-size: 18px
}

#plans ul li,
.admin-social-login-setting h4,
.blog-comment-item .del-blog-commreplies i,
.movies-comment-item .del-movies-commreplies i {
    font-size: 16px
}

.comment-edit,
.post-edit {
    display: none;
    margin-bottom: 15px
}

.comment-text,
.reply-text {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    width: 85%
}

.comment-image,
.prv-img img {
    width: 40%
}

.comment-image img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.comment-edit input,
.comment-reply input {
    font-size: 13px;
    margin-top: 10px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.profile-container,
.wo_settings_page .setting-panel .input-group {
    padding-right: 15px;
    padding-left: 15px
}

.profile-container .card {
    border-bottom-left-radius: 3px;
    margin-bottom: 20px
}

.profile-container .card.hovercard {
    position: relative;
    padding-top: 0
}

.profile-container .card.hovercard .cardheader {
    background: 0 0/cover #fff;
    max-height: 390px
}

.profile-container .card.hovercard .user-avatar {
    position: absolute;
    bottom: -27px;
    margin-left: 30px;
    margin-right: 10px;
    z-index: 1;
    width: 150px;
    height: 150px
}

.profile-container .card.hovercard .user-avatar img {
    width: 100%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 1px 2px #444;
    -moz-box-shadow: 0 1px 2px #444;
    -ms-box-shadow: 0 1px 2px #444;
    -o-box-shadow: 0 1px 2px #444;
    box-shadow: 0 1px 2px #444;
    box-shadow: rgb(50 50 93 / 25%) 0 50px 100px -20px, rgb(0 0 0 / 30%) 0 30px 60px -30px, rgb(10 37 64 / 35%) 0 -2px 6px 0 inset;
    padding: 5px
}

.profile-cover-changer .btn-file,
.scroll-top-wrapper {
    -webkit-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px
}

.profile-container .card.hovercard .info .title {
    left: 180px;
    position: absolute;
    width: 100%;
    z-index: 1;
    font-family: Lato, sans-serif;
    -webkit-text-shadow: 0 1px 3px #111;
    -moz-text-shadow: 0 1px 3px #111;
    -ms-text-shadow: 0 1px 3px #111;
    -o-text-shadow: 0 1px 3px #111;
    text-shadow: none;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    font-size: 26px;
    margin-top: -12px
}

.profile-container .card.hovercard .info .title a {
    color: #fff;
    font-family: Roboto, sans-serif
}

.profile-container .text-shadow {
    display: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    padding: 70px;
    position: absolute;
    width: 100%;
    bottom: 40px
}

.profile-avatar-changer {
    position: absolute;
    margin-top: -120px;
    margin-left: 2px;
    display: none
}

.profile-cover-changer {
    position: absolute;
    display: none;
    width: min-content
}

.profile-cover-changer .btn-file {
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -o-border-top-right-radius: 0
}

.user-avatar-uploading-container {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    position: absolute;
    display: none
}

.user-avatar-uploading-progress {
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
    line-height: 140px;
    position: absolute;
    display: none
}

.user-cover-uploading-container {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: rgba(0, 0, 0, .7);
    display: none
}

.user-cover-uploading-progress {
    color: #fff;
    font-size: 50px;
    text-align: center;
    width: 100%;
    line-height: 270px;
    position: absolute;
    z-index: 2;
    display: none
}

.options-buttons {
    position: absolute;
    margin-left: 20px;
    margin-top: -40px;
    z-index: 1
}

.options-buttons a,
.options-buttons button {
    margin-left: 10px;
    font-size: 13px;
    float: right
}

.chat-user-desc .head-text,
.user-lastseen {
    font-size: 11px;
    color: #333
}

.user-lastseen .small-last-seen {
    font-size: 12px;
    background-color: #d8e6f1;
    color: #000;
    padding: 3px 8px;
    border-radius: 4px
}

.social-btn {
    text-align: center;
    width: 15%;
    font-size: 19px;
    height: 35px;
    position: relative;
    line-height: 24px
}

.clear {
    clear: both
}

#icon {
    font-size: 100px
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777;
    color: #eee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 70px;
    padding-top: 2px;
    -webkit-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.scroll-top-wrapper:hover {
    background-color: #888
}

.scroll-top-wrapper i.fa {
    line-height: inherit
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1
}

.btn-file,
.wo_adaptive_media,
.wo_adaptive_media .album-image:first-child,
.wo_adaptive_media_4,
.wo_adaptive_media_5 {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block
}

input[readonly] {
    background-color: #fff !important;
    cursor: text !important
}

.setting-update-alert {
    margin-bottom: 2px
}

#send-money-form h5 b,
.available,
table.setting-table .active {
    color: green
}

.red,
.unavailable,
table.setting-table .pending {
    color: red
}

.error-message,
.success-message {
    padding: 10px;
    font-size: 15px;
    color: #fff;
    width: 100%
}

.success-message {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #89ba73
}

.error-message {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #af5b5b
}

#bar,
#progress,
.bs-callout code,
.invite-peple,
.new-update-alert,
.posts-container,
.wo_page_profile .page-info-cont .user-avatar-uploading-container {
    border-radius: 3px
}

.charsLeft-message {
    color: #999;
    font-size: 13px;
    margin: 4px;
    display: none
}

.charsLeft-post {
    color: #999;
    font-size: 13px;
    margin: 7px 7px 7px 6px;
    font-weight: 500
}

#comment-likes,
#comment-wonders,
.add-photo h4,
.colloape-panel-stg i,
.gray,
.group_tab_dropdown,
.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse h4 a,
.no_gifs_found,
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition {
    color: #666
}

.chat-user-desc .desc-text,
.comment-options {
    font-size: 11px;
    color: #888
}

.comment-container .comment-options svg.feather,
.post .post-description .post-actions .stat-item svg {
    width: 14px;
    height: 14px;
    margin-top: -3px
}

.refresh {
    cursor: pointer;
    font-size: 14px
}

.online-text {
    color: #4caf50
}

.center-text {
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px
}

.new-update-alert {
    padding: 0 4px;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    pointer-events: none;
    position: absolute;
    margin-top: 5px;
    margin-left: 3px;
    background-color: #2196f3
}

.view-more-wrapper {
    display: block;
    margin-top: 2px
}

#progress {
    width: 100%;
    padding: 4px;
    display: none
}

#percent,
.emoji__eyebrows,
.emoji__eyes,
.emoji__face,
.emoji__hand,
.emoji__heart,
.emoji__mouth,
.emoji__thumb,
.emoji__tongue {
    position: absolute
}

#bar {
    height: 20px;
    width: 0
}

.time {
    font-size: 12px;
    color: #4e4e4e;
    font-weight: 400
}

.file-percent {
    color: #fff;
    display: none;
    text-align: center;
    margin: 5px
}

.member_list a,
a.white:focus {
    color: #fff !important;
    text-decoration: none
}

a.white:hover {
    color: #f3f3f3;
    text-decoration: none
}

.no-messages,
.no-posts {
    text-align: center;
    padding: 10px;
    margin-top: 100px;
    color: #666;
    font-size: 20px
}

.new-message-alert {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

#video-form .inner-addon span.video-custom-thumb {
    line-height: 34px;
    font-size: 14px;
    color: #666;
    text-transform: capitalize;
    margin-right: 5px
}

#video-form div.video-poster-image {
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: none;
    padding: 7px
}

#video-form div.video-poster-image .thumb-renderer {
    width: 100%;
    display: table;
    min-height: 230px;
    overflow: hidden;
    border: 2px dashed #ccc;
    background: #fff;
    padding: 5px
}

#video-form div.video-poster-image .thumb-renderer.hover,
#video-form div.video-poster-image .thumb-renderer:hover,
.create-article-form .prv-img.hover,
.create-article-form .prv-img:hover {
    border-color: #a84849
}

#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    font-family: Lato, sans-serif;
    color: #666
}

#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview h3 {
    margin: 0 0 7px;
    font-size: 25px;
    font-weight: 600;
    padding: 0
}

#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview div p {
    font-size: 16px;
    margin: 0;
    padding: 0
}

#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.image img,
.blogs-related .blog .avatar-wrapper img,
.read-blog-container .read-blog-thumbnail img {
    width: 100%;
    min-height: 100%
}

.image-file {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e3e3e3
}

.message-details {
    color: #888;
    font-size: 11px;
    margin-right: 10px
}

.media-video-file {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #e3e3e3
}

.media-download-btn {
    font-size: 15px;
    margin-left: 10px
}

.tab-container {
    background-color: #fff;
    padding: 15px;
    border-top: 0;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed
}

.setting-saved-update-alert {
    color: #666;
    font-size: 14px;
    margin-top: 5px
}

.api-ex-urls,
.chat_main,
.comment-image-con img,
.products .product .product-image,
.setting-themes-container .theme,
.setting-themes-container .theme img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.announcements-option {
    font-size: 16px;
    margin-left: 5px
}

.footer-wrapper {
    font-size: 11px
}

table .setting-avatar {
    width: 20px;
    float: left;
    margin-right: 5px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

.hash {
    color: #a33e40
}

.file-sharing-download-btn {
    position: absolute;
    z-index: 1;
    margin-top: 1px;
    right: 10px;
    color: #fff;
    text-shadow: 0 0 2px #333;
    font-size: 20px
}

.file-sharing-resize-btn {
    right: 35px;
    cursor: pointer
}

.post-file {
    position: relative;
    text-align: center
}

.profile-top-line {
    width: 100%;
    padding: 2px;
    margin-top: -4px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.editer-emo,
.user-story-container .panel {
    padding-top: 10px
}

.request-list-style {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 5px
}

.request-list li.request-list-style:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: -5px
}

.user-request-list .user-info {
    float: left;
    width: 60%;
    display: inline
}

.user-request-list .user-info .avatar {
    display: inline
}

.ps-container .left-sidebar ul li:last-child,
.referres .ref,
.user-request-list:not(:first-child) {
    margin-bottom: 10px
}

.user-request-list img {
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    float: left
}

.user-request-list button {
    margin-top: 2px
}

.user-request-list .rqst-btn {
    margin-top: 0;
    padding: 5px 0;
    box-shadow: none;
    border: 2px solid #ddd;
    border-radius: 50%;
    line-height: normal;
    width: 28px;
    height: 28px
}

.user-request-list .rqst-btn i {
    margin-top: 0;
    font-size: 12px
}

.post-privacy-menu li a,
.post-privacy-menu li div {
    color: #777;
    font-size: 14px;
    padding: 10px 5px 10px 18px
}

.recipient-chat-user {
    margin-top: 14px;
    margin-bottom: 14px;
    position: relative;
    padding: 0 7px;
    cursor: pointer
}

.recipient-chat-user .new-message-alert {
    padding: 1px 4px;
    color: #d6d6d6;
    font-size: 12px;
    margin-bottom: -5px
}

.recipient-chat-user .avatar .icon {
    position: absolute;
    color: #6abd46;
    font-size: 8px;
    right: 3px;
    top: 0;
    padding: 1px 0;
    background-color: #fff;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    text-align: center
}

.recipient-chat-user img {
    max-width: 35px;
    border-radius: 100%
}

.recipient-chat-user .wo_cen_onuser {
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.recipient-chat-user .chat-user-text {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700
}

.recipient-chat-user .chat-loading-icon .ball-pulse {
    line-height: 18px;
    position: absolute;
    right: 5px
}

.recipient-chat-user .chat-loading-icon .ball-pulse>div {
    background-color: #929292
}

.search {
    position: fixed;
    bottom: 0;
    width: 298px
}

.chat-container {
    background: #fff !important;
    max-height: 80%;
    overflow: auto;
    position: fixed;
    bottom: 0;
    width: 190px;
    font-size: 13px;
    color: #333;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2)
}

.chat-container input {
    border-radius: 0;
    width: 224px;
    padding: 3px 14px;
    font-size: 13px;
    height: 35px;
    border-bottom: 0
}

.chat-container .online-toggle {
    color: #666;
    width: 100%;
    padding: 5px;
    background: #fcfcfc;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed
}

.no-online-users {
    margin: 20px;
    font-size: 12px;
    color: #999
}

.chat-opacity {
    height: 100%;
    display: none;
    width: 200px;
    position: fixed;
    margin-top: -15px;
    padding: 10px;
    background-color: rgba(255, 255, 255, .9);
    z-index: 2
}

.chat-opacity .text-center {
    font-size: 11px;
    font-weight: 700
}

.btn-chat {
    width: 50.2%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 12px;
    margin-top: 0
}

.chat_main {
    position: fixed;
    bottom: 0;
    width: 260px;
    color: #333;
    z-index: 9999;
    border-radius: 3px;
    background: 0 0;
    right: 210px
}

.chat_main:nth-child(2) {
    right: 480px
}

.chat_main:nth-child(3) {
    right: 750px
}

.chat-messages-wrapper {
    height: 250px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    border-right: 1px solid #e3e4e8;
    background-color: #f1f1f1;
    border-left: 1px solid #e3e4e8;
    width: 260px
}

.chat-messages-wrapper .incoming {
    max-width: 65%
}

.chat-messages-wrapper .incoming p .hash {
    color: #333 !important
}

.chat-messages-wrapper .messages-wrapper {
    border: none;
    padding: 1px 5px 3px
}

.chat-messages-wrapper .messages-wrapper .name {
    color: #666;
    font-size: 11px
}

.chat-messages-wrapper .messages-wrapper .user-avatar-right {
    float: right;
    width: 30px;
    margin-left: 10px;
    border-radius: 50%
}

.chat-messages-wrapper .messages-wrapper .user-avatar-left {
    float: left;
    width: 30px;
    margin-right: 10px;
    border-radius: 50%
}

.chat-messages-wrapper .media-video-file {
    width: 100%;
    border-radius: 1px;
    padding: 0;
    margin-top: 0;
    border: none
}

#search-forums,
.add-photo h2,
.chat-messages-wrapper .file-sharing-download-btn,
.message {
    margin-top: 1px
}

.chat-messages-wrapper .image-file {
    max-width: 100%;
    border: 0;
    max-height: 150px;
    border-radius: 0
}

.chat-messages-wrapper .message-details {
    margin-right: 0;
    margin-top: 2px;
    font-size: 10px
}

.chat-textarea {
    width: 100%;
    background-color: #fff
}

.chat-textarea textarea {
    width: 100%;
    height: 35px;
    border-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.chat-tab input {
    border-radius: 0;
    padding: 3px;
    font-size: 13px;
    height: 27px;
    width: 224px
}

#feelings-text,
#plans,
.ad-placement-header-footer iframe,
.ad-placement-header-footer script,
.message-media audio {
    width: 80%
}

.chat-tab .online-toggle {
    color: #fff;
    width: 100%;
    font-size: 13px;
    padding: 9px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    position: relative
}

.chat-tab .online-toggle svg.feather {
    margin-top: -3px;
    width: 18px;
    height: 18px
}

.chat-tab .online-toggle i {
    font-size: 18px;
    margin: -3px 0 0 6px
}

.chat-tab .online-toggle svg.feather-circle {
    margin: -2px 3px 0 0;
    width: 8px;
    height: 8px;
    fill: #fff;
    display: none
}

.chat-tab .online-toggle .chat-tab-status.active svg.feather-circle {
    fill: #7dd181;
    display: inline
}

.chat-textarea .chat-btns-w,
.main-blog-sidebar {
    padding: 0 10px
}

.chat-textarea .chat-btns-w .ball-pulse {
    float: right;
    line-height: 34px
}

.chat-textarea .chat-btns-w .btn-file {
    padding: 5px 7px;
    display: inline-block;
    border: 0;
    font-size: 17px;
    cursor: pointer
}

.chat-textarea .chat-btns-w .record_timei {
    position: absolute;
    bottom: 4px;
    padding: 6px 9px;
    background-color: #fff;
    right: 6px;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .19)
}

.chat-textarea .chat-btns-w .chat_optns i.zmdi {
    color: #5b5b5b;
    font-size: 17.5px;
    cursor: pointer
}

.chat-textarea .chat-btns-w .chat_optns svg.feather {
    margin-top: -2px;
    width: 17px;
    height: 17px;
    color: #5b5b5b
}

.chat-textarea .input-group-btn {
    position: absolute;
    bottom: 0;
    background-color: transparent;
    border: none;
    color: #999
}

.chat-textarea .input-group-btn input:hover {
    background-color: transparent
}

.chat-tab-status.active {
    color: #7dd181
}

.chat-status {
    position: absolute;
    top: 9px;
    color: #929292;
    right: 9px;
    margin-top: 2px
}

.chat-status svg.feather {
    width: 17px;
    height: 17px
}

.chat-status .dropdown-menu svg.feather {
    width: 15px;
    height: 15px;
    margin: 0 4px 0 0
}

.ad-placement-header-footer {
    text-align: center;
    float: none
}

.ad-placement-header-footer .contnet {
    margin-top: 10px;
    margin-bottom: 10px
}

.tooltip-wide {
    font-size: 95%
}

.verified-color {
    color: #55acee !important
}

.tooltip-wide .tooltip {
    min-width: 500px
}

.tooltips {
    min-width: 200px
}

.post-options {
    left: auto;
    right: 0;
    border: none;
    color: #ccc
}

.activities-wrapper {
    max-height: 400px;
    overflow-y: auto
}

.activities-wrapper h2 .text-center,
.no-more-pages {
    font-size: 13px;
    color: #777
}

.activity-container .time,
.view-more-replies i {
    font-size: 10px
}

.activity-container img {
    width: 50px
}

.activity-container .activity {
    border-bottom: 1px solid #f5f5f5
}

.activity-container .activity img {
    width: 35px !important
}

.pin-icon {
    position: absolute;
    top: -10px;
    width: auto;
    font-size: 25px;
    -ms-transform: rotate(40deg);
    color: #f9b340
}

.emo-container {
    display: none;
    background: #fff;
    padding-top: 3px;
    border-left: 1px solid #e3e3e3
}

.api-ex-urls,
.events-list-dropup-menu ul li a:hover {
    background: #a84849
}

.emo-container span {
    margin: 1px
}

.promoted-post {
    margin-top: 30px;
    position: relative
}

.promoted-post .promoted-icon {
    width: 30px;
    position: absolute;
    top: -15px
}

.promoted-post .panel-white {
    border: 1px solid #ffa412
}

.boosted-text,
.p-red big,
.p-red h3 {
    color: #e13c4c
}

.api-ex-urls {
    color: #fff;
    padding: 4px;
    border-radius: 3px
}

.black-color {
    color: #666;
    font-weight: 600
}

#modal-dialog-update-info {
    margin: 60px auto
}

.account-activate-icon {
    font-size: 100px;
    color: #aa4f51
}

.app-avatar {
    width: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-right: 7px
}

.app-website,
.page-website {
    font-size: 11px;
    color: #999;
    margin-bottom: 5px;
    margin-top: 2px
}

#remote-media video:nth-child(2) {
    width: 100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: calc(100vh - 50px)
}

#remote-media h3 {
    text-align: center;
    color: #fff;
    margin: 0;
    height: calc(100vh - 50px);
    display: table;
    width: 100%
}

.modal #remote-media h3 {
    text-align: center;
    color: #404040;
    padding: 50px;
    height: 100%
}

.video-con {
    position: relative;
    width: 100%;
    background: #444
}

.chat-user-desc {
    padding: 5px;
    display: none
}

.chat-user-desc img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.chat-user-desc .col-sm-4 {
    padding-right: 5px;
    padding-bottom: 10px
}

.faa-parent.animated-hover:hover>.faa-ring,
.faa-ring.animated,
.faa-ring.animated-hover:hover {
    -webkit-animation: 2s infinite ring;
    -moz-animation: 2s infinite ring;
    -ms-animation: ring 2s ease infinite;
    -o-animation: 2s infinite ring;
    animation: 2s infinite ring;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #b4b4b4;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(231, 231, 231, .1)
}

.green {
    color: #43a735;
    font-size: 12px
}

.emo-comment,
.image-comment {
    color: #999;
    position: absolute
}

.tab-container .tab-container {
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.sidebar-page-data .sidebar-listed-page-avatar {
    position: absolute;
    top: 0
}

.sidebar-page-data .sidebar-listed-page-avatar img {
    width: 70px;
    height: 70px;
    background: #fff;
    padding: 0 1px 1px 0;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.sidebar-page-data .sidebar-listed-page-name {
    position: absolute;
    left: 8px;
    font-size: 16px;
    top: 75%;
    color: #fff
}

.sidebar-page-data .sidebar-listed-page-like-btn {
    position: absolute;
    right: 8px;
    top: 70%
}

.user-details {
    z-index: 1111;
    padding-top: 10px
}

.user-details:not(.not-profile) {
    z-index: 333;
    padding-top: 35px
}

.user-details .loading-user {
    box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    width: 330px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #fcfcfc;
    padding: 10px
}

.user-details .loading-user div.fa {
    text-align: center;
    font-size: 19px;
    display: block
}

.user-details.not-profile:before {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fcfcfc;
    left: 10px;
    top: 0;
    -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .2));
    -moz-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .3))
}

.user-details.right:before {
    left: auto;
    right: 20px;
    content: ""
}

.user-fetch {
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    width: 340px;
    min-height: 240px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff
}

.user-fetch .user-cover {
    background-size: cover !important;
    background-position: 100% !important;
    min-height: 130px
}

.filterby .avtive,
.filterby li:hover,
.filterbyz .avtive,
.filterbyz li:hover {
    background: #f9f9f9
}

.user-fetch .user-avatar {
    position: relative;
    float: none;
    z-index: 2;
    text-align: left;
    margin: -50px 0 15px 20px
}

.user-fetch .user-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .15)
}

.last-btn,
.user-fetch hr {
    margin-bottom: 0 !important
}

.user-fetch .user-name {
    font-size: 17px;
    z-index: 3;
    position: relative;
    line-height: 1;
    color: #3c3c3c;
    font-weight: 700;
    margin: -45px 0 40px 120px
}

.user-fetch .user-name a {
    color: #3c3c3c !important
}

.user-fetch .user-buttons {
    width: 100%;
    margin-right: 0;
    margin-top: 13px;
    text-align: center
}

.user-fetch .user-information {
    padding: 4px;
    margin: 10px 0 0;
    font-size: 11px;
    text-align: center;
    color: #666;
    border-top: 1px solid #eee
}

.user-fetch .user-information li {
    padding: 5px;
    display: inline-block;
    font-size: 12px
}

.user-fetch .user-information li svg.feather {
    margin: -2px 1px 0;
    width: 14px;
    height: 14px
}

.user-fetch .user-footer .user-button {
    margin: 0 4px;
    display: inline-block
}

#profilenav-mobile ul li span b,
.margin0,
.pp_mat_input+.help-block:empty,
.user-fetch .user-footer .user-button:empty,
.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child,
.wo_settings_page .setting-panel .form-group,
.wo_user_side_info li span b {
    margin: 0
}

.typing {
    width: 33px;
    margin-top: 10px
}

.emo-post-container {
    z-index: 2;
    display: none;
    right: 0;
    left: auto;
    background-color: #fff;
    padding: 5px
}

.filterby li {
    cursor: pointer;
    height: 35px;
    line-height: 2;
    width: 100%;
    border-right: 1px solid #efefef
}

.filterby li span {
    font-size: 19px;
    line-height: 24px
}

.filterby .avtive {
    border-left: 3px solid;
    border-right-color: #efefef !important;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.filterbyz li {
    cursor: pointer;
    height: 60px;
    line-height: 2;
    text-align: center;
    border-right: 1px solid #efefef;
    padding: 12px 2px;
    display: inline-block;
    float: left;
    width: 10%
}

.filterbyz li span {
    font-size: 20px;
    line-height: 20px
}

#profilenav ul li:last-child,
.filterbyz li:last-child {
    border-right: none
}

.filterbyz .avtive {
    border-bottom: 3px solid;
    border-right-color: #efefef !important;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.float-right {
    margin-top: 5px;
    float: right
}

.emo-comment {
    right: 33px;
    top: 5px;
    z-index: 2
}

.image-comment {
    right: 25px;
    top: 5px;
    z-index: 2
}

.comment-image-con img {
    max-width: 100%;
    border-radius: 3px
}

.comment-image-con .remove-icon {
    position: absolute;
    top: 8px;
    cursor: pointer;
    -webkit-text-shadow: 0 1px 1px #000;
    -moz-text-shadow: 0 1px 1px #000;
    -ms-text-shadow: 0 1px 1px #000;
    -o-text-shadow: 0 1px 1px #000;
    right: 10px
}

.send-comment {
    color: #999;
    display: none;
    top: 0;
    z-index: 2
}

.send-comment .btn {
    padding: 5px !important
}

.home-sidebar.profile-style {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0
}

.home-sidebar.profile-style:last-child {
    margin-bottom: 3px;
    border-bottom: 0
}

.home-sidebar.profile-style a {
    transition: .2s;
    max-width: 100%;
    min-width: 100%;
    padding: 6px 5px 5px;
    margin-bottom: -10px;
    float: inherit
}

.home-sidebar.profile-style a:hover {
    text-decoration: none;
    background: #f4f4f4;
    border-radius: 10px
}

.home-sidebar.profile-style img {
    width: 45px
}

.home-sidebar.profile-style .user-follow-btn.group {
    position: relative;
    margin-top: -35px
}

.home-sidebar.profile-style .user-follow-btn,
.messages-container .message-contnaier:first-child,
.referres {
    margin-top: 30px
}

.user-username {
    color: #a84849;
    font-size: 10px
}

.modal-dialog.profile-picture {
    width: 410px !important
}

.small-text {
    font-size: 12px !important
}

.list-group-item.black-list,
.list-group-item.gray-list {
    padding: 10px;
    font-size: 14px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.list-group-item.black-list a:hover,
.list-group-item.gray-list a:hover {
    cursor: pointer;
    text-decoration: none
}

.list-group-item.gray-list {
    padding: 8px !important;
    font-size: 13px !important
}

.list-group-item.gray-list:hover,
.wo_imagecombo_lbox .lightbox-post-footer .input-group-addon a {
    color: #444
}

.admin-panel .col-md-9 .list-group-item.dashboard {
    color: #444 !important;
    background-color: #fcfcfc !important
}

.admin-panel .col-md-9 .list-group-item.users,
.list-group-item.black-list.active-list.users {
    background-color: #4c75a3 !important
}

.admin-panel .col-md-9 .list-group-item.pages,
.list-group-item.black-list.active-list.pages {
    background-color: #ce3d3d !important
}

.admin-panel .col-md-9 .list-group-item.groups,
.list-group-item.black-list.active-list.groups {
    background-color: #f2b92b !important
}

.admin-panel .col-md-9 .list-group-item.posts,
.list-group-item.black-list.active-list.posts {
    background-color: #6abd46 !important
}

.setting-well input[type=password],
.setting-well input[type=text],
.setting-well select {
    height: 35px !important;
    font-size: 14px;
    box-shadow: none !important;
    transition: border-color .2s ease-out;
    border-radius: 16px;
    border: 2px solid #d9d9d9
}

.setting-well input[type=password]:focus,
.setting-well input[type=text]:focus,
.setting-well select:focus,
.wo_com_usr_lbox .slider .slick-slide {
    outline: 0
}

.setting-well .btn-main {
    height: 30px !important;
    font-size: 13px;
    min-width: 100px !important
}

.setting-well textarea {
    color: #666 !important;
    font-size: 13px;
    border: 2px solid #d9d9d9;
    box-shadow: none !important;
    transition: border-color .2s ease-out
}

.setting-well .profile-style {
    margin-bottom: 0 !important;
    margin-top: 15px
}

.user-story-container .ads-image {
    width: 46px;
    height: 46px;
    display: block;
    overflow: hidden;
    margin-right: 10px
}

.user-story-container .ads-description {
    font-size: 13px;
    color: #555;
    overflow: hidden;
    padding: 15px 0
}

.user-story-container .ads-headline p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}

.user-story-container .ads-headline p span {
    font-size: 14px;
    color: #333;
    display: block
}

.user-story-container .ads-headline p span.read-ads-description {
    display: block;
    height: 40px;
    overflow: hidden;
    cursor: pointer
}

.user-story-container .ads-cover {
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2
}

.user-story-container .ads-cover .ads-description {
    width: 100%;
    overflow: hidden;
    padding: 15px
}

.user-story-container .ads-cover .ads-description h5 {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding: 0;
    margin: 0
}

.user-story-container .ads-cover .ads-description p {
    font-size: 12px;
    font-family: Lato, sans-serif;
    color: #555;
    margin-top: 5px
}

.admin-panel-well .admin-static50 {
    width: 50% !important;
    background-color: #333 !important
}

.admin-panel-well .admin-static {
    background-color: #4c75a3;
    color: #fff;
    font-size: 20px;
    padding: 5px;
    min-height: 100px;
    text-align: center;
    width: 25%
}

.admin-panel-well .user-count {
    background-color: #4c75a3
}

.admin-panel-well .page-count {
    background-color: #ce3d3d
}

.admin-panel-well .groups-count {
    background-color: #f2b92b
}

.admin-panel-well .posts-count- {
    background-color: #6abd46
}

.admin-panel-well .messages-count {
    background-color: #fcc035;
    cursor: inherit
}

.admin-panel-well .online-count {
    background-color: #659fcb;
    cursor: inherit
}

.admin-panel-well .games-count {
    background-color: #e84c4c;
    cursor: inherit
}

.admin-panel-well .comments-count {
    background-color: #84d85d;
    cursor: inherit
}

.admin-panel-well .icon {
    font-size: 40px
}

.payments {
    font-family: Lato !important
}

.admin-panel .btn-default,
.modal-dialog .form-control:not(textarea) {
    height: 30px;
    font-size: 13px
}

.report-not-seen {
    background-color: #ea1e1e;
    padding: 2px 6px;
    color: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 1.4;
    border-radius: 86px
}

.social-box {
    color: #fff;
    padding: 10px 10px 0
}

.social-box .social-icon {
    color: #fff;
    font-size: 40px;
    margin-top: 10px
}

.social-box.facebook {
    background: #43609c
}

.social-box.google {
    background: #dc493c
}

.social-box.twitter {
    background: #659fcb
}

.social-box.linkedin {
    background: #0177b5
}

.social-box.instagram {
    background: #3f729b
}

.social-box.vk {
    background: #4c75a3
}

.btn-upload-image {
    background-color: transparent;
    opacity: 1;
    color: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-text-shadow: #555 0 0 1px;
    -moz-text-shadow: #555 0 0 1px;
    -ms-text-shadow: #555 0 0 1px;
    -o-text-shadow: #555 0 0 1px;
    text-shadow: #555 0 0 1px
}

.btn-upload-image:hover {
    background: 0 0;
    -webkit-text-shadow: #444 0 0 3px;
    -moz-text-shadow: #444 0 0 3px;
    -ms-text-shadow: #444 0 0 3px;
    -o-text-shadow: #444 0 0 3px;
    text-shadow: #444 0 0 3px
}

.lightbox-backgrond,
.lightbox-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    left: 0
}

.lightbox-backgrond {
    width: 100%;
    z-index: 1030;
    background: rgba(26, 26, 26, .7)
}

.lightbox-content {
    transition: .4s;
    margin-right: auto;
    margin-left: auto;
    width: 1110px;
    margin-top: 50px;
    z-index: 1031
}

.close-lightbox,
.create-album {
    margin-right: 5px;
    cursor: pointer
}

.lightbox-content .story-img {
    border-radius: 3px 0 0 3px;
    display: table-cell;
    vertical-align: middle;
    height: calc(100vh - 100px)
}

.lightbox-content .story-img img {
    max-width: 100%;
    display: block;
    max-height: calc(100vh - 100px);
    margin-left: auto;
    margin-right: auto
}

.lightbox-content .comment-section {
    background-color: #fff;
    height: calc(100vh - 100px);
    border-radius: 0 3px 3px 0;
    padding-top: 10px;
    display: table-cell;
    width: 35%
}

.lightbox-content .comment-section .stats {
    margin: 0 16px;
    border-bottom: 1px solid #ebebeb
}

.lightbox-content .comment-section .stats .stat-item {
    display: inline-block;
    padding: 7px 8px;
    font-size: 13px;
    border: 0;
    background: #fff;
    box-shadow: none;
    width: 49%;
    font-weight: 700
}

.lightbox-content .comment-section .post-info {
    margin: 0 16px 10px;
    max-height: 100px;
    overflow: auto;
    position: relative
}

.lightbox-content .comment-section .post-info p {
    font-size: 14px;
    color: #555;
    word-break: break-word
}

.lightbox-content .comment-section .user-name {
    margin-bottom: 0;
    margin-top: 4px;
    font-weight: 700
}

.lightbox-content .user-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 9px
}

.lightbox-content.multi {
    width: 900px
}

.close-lightbox {
    padding: 4px;
    color: #666;
    margin-top: -5px
}

.lightbox-post-footer {
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background: #fcfcfc
}

.lightbox-post-footer .comments-list {
    padding: 0;
    list-style-type: none;
    overflow: auto;
    max-height: 330px
}

.changer {
    cursor: pointer;
    margin-bottom: 10px;
    position: absolute;
    background: rgba(255, 255, 255, .1);
    top: 40%;
    width: 50px;
    display: none
}

.changer i {
    color: #fff;
    font-size: 30px;
    text-shadow: 0 1px 2px #555;
    padding: 10px;
    position: relative
}

#sidebar-group-list-container:hover .user-navigate.scrollRight,
.featured-users:hover .user-navigate.scrollRight,
.modal.modal-left.fade.in .modal-dialog,
.previous-btn {
    left: 0
}

#sidebar-group-list-container:hover .user-navigate.scrollLeft,
.featured-users:hover .user-navigate.scrollLeft,
.next-btn.multi,
.wo_imagecombo_lbox .story-img .changer.next-btn {
    right: 0
}

.next-btn {
    right: 30.5%
}

.width-2,
.wo_chat_tabs li {
    width: 50% !important
}

.width-3 {
    width: 33.33% !important
}

.create-album {
    position: relative;
    margin-top: -25px;
    font-size: 14px;
    color: #666
}

.feeling-text {
    color: #777;
    margin-top: -5px
}

.feeling-type {
    max-height: 200px;
    overflow: auto;
    display: none
}

.feeling-type ul {
    padding: 5px;
    border-top: 1px solid #ededed;
    margin-bottom: 1px
}

.feeling-type li {
    color: #666;
    padding: 5px
}

.feelings-value {
    background-color: #fff;
    color: #555;
    padding: 6px;
    position: absolute
}

.feelings-type-to {
    padding: 7px;
    color: #555;
    background: #f9f9f9;
    border-top: 1px solid #ededed
}

.light {
    background: #fcfcdb
}

.view-more-replies {
    color: #777;
    font-size: 12px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 10px
}

.cool-style-album .album-name h4,
.events-list-name {
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cool-style-album {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}

.cool-style-album .album_parent {
    position: relative;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd
}

.cool-style-album .album_parent:after,
.cool-style-album .album_parent:before {
    background: #fff;
    border: 1px solid #ccc;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 2px;
    right: 2px;
    height: 3px;
    border-top: none
}

.cool-style-album .album_parent:after {
    left: 4px;
    right: 4px;
    bottom: -6px;
    height: 2px;
    box-shadow: 0 0 2px #ccc
}

.cool-style-album .album-name {
    padding: 7px 10px;
    font-size: 15px
}

.cool-style-album .album-name h4 {
    width: 100%;
    font-weight: 700;
    font-size: 17px;
    overflow: hidden;
    display: block
}

.cool-style-album .album-count {
    font-size: 11px;
    margin-top: 3px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: rgba(0, 0, 0, .74);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .37);
    padding: 6px 10px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.cool-style-album .album-count svg.feather {
    margin: -3px 2px 0 0;
    width: 15px;
    height: 15px
}

.sidebar>.list-group a {
    color: #000;
    max-width: none !important;
    padding: 5px
}

.cool-style {
    width: 23%;
    position: relative;
    float: left;
    margin: 5px 5px 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    background: #fff;
    transition: .2s
}

.user-cover-reposition-w img,
.user-reposition-container img {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3)
}

.cool-style:hover,
.devapps .profile-style:hover {
    box-shadow: 0 1px 7px rgba(0, 0, 0, .21)
}

.cool-style .gamez-name {
    padding: 5px;
    color: #212121;
    display: block;
    font-size: 16px;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    font-family: roboto;
    font-weight: 300;
    text-overflow: ellipsis
}

.cool-style .last-play {
    font-size: 11px;
    color: #929292;
    margin-top: 3px
}

.cool-style .playbtn {
    width: 100%;
    box-shadow: none
}

.overlay-black {
    background: url(../img/overlay-image.png);
    width: 100%;
    padding: 50%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    opacity: .5;
    left: 0
}

.upload-image,
.upload-image img {
    width: 200px;
    height: 200px;
    max-width: 100%
}

.user-cover-reposition-w,
.user-reposition-container {
    position: relative;
    width: 100%
}

.album-image {
    position: relative;
    color: #fff;
    float: left
}

.album-image span {
    position: absolute;
    top: 0;
    display: none;
    color: #fff;
    text-shadow: 0 1px 1px #333;
    right: 5px
}

.load-more-comments {
    color: #777;
    font-size: 13px
}

.wow__minstp .steps>div.step-three {
    right: 6.3%
}

.wow_usr_steps {
    font-family: Roboto, sans-serif;
    text-align: center
}

.wow_usr_steps>h2 {
    margin: 20px 0 15px;
    font-weight: 400
}

.wow_usr_steps>h4 {
    font-weight: 100;
    font-size: 16px;
    margin: 0 0 15px
}

.share_modal_opts_icos>h4,
.wow_usr_steps .wow_form_fields label,
.wow_usr_steps .wow_frnd_usr .fndfrnd_user_wrapper .user_wrapper_link {
    text-align: initial
}

.wow_usr_steps .wow_frnd_usr {
    margin-top: 50px;
    margin-bottom: 10px
}

.wow_usr_steps_cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #eaeaea;
    margin-top: 15px
}

.wow_usr_steps .upload-image {
    margin: 50px auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #f6f6f6;
    border: 0;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #e6e6e6
}

.wo_com_usr_lbox .slider,
.wow_usr_steps .upload-image img {
    width: 100%;
    height: 100%
}

.btn-call-action:focus,
.btn-call-action:hover {
    border: 1px solid #e5493d
}

.add-photo,
.blog-sidebar .title {
    padding: 20px
}

.add-photo .con-button {
    width: 190px;
    height: 44px
}

.add-photo #progress {
    width: 250px;
    max-width: 100%;
    padding: 0;
    margin-top: 10px
}

.add-photo #percent {
    left: 46%
}

.skip-step {
    cursor: pointer;
    color: #666
}

.upload-image {
    border-radius: 50%;
    display: table;
    overflow: hidden;
    cursor: pointer;
    border: 3px dashed #a84849
}

.upload-image img {
    border-radius: 50%
}

.upload-image-content {
    font-size: 14px;
    color: #555;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.bs-callout-default h4,
.upload-image-content:hover {
    color: #777
}

.upload-image-content i {
    font-size: 35px
}

.textarea {
    padding-right: 40px;
    border-radius: 2px !important
}

.comment-textarea,
.reply-textarea {
    padding-top: 5px;
    resize: none
}

.user-reposition-container {
    height: 300px;
    overflow: hidden;
    display: none
}

.user-reposition-container img {
    position: absolute;
    width: 100%
}

.user-reposition-container .user-reposition-dragable-container {
    position: absolute;
    top: 43%;
    left: 35%;
    width: 30%;
    background: rgba(0, 0, 0, .15);
    color: #fff;
    font-weight: 500;
    padding: 7px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px
}

.profile-cover-changer {
    z-index: 10
}

.center-container {
    padding: 10px 10px 25px
}

#toggle,
.affiliates-link,
.center-container *,
.dt_bank_trans_upl_rec,
.wo_com_lbox_slide_innr .upop_mid .user-button {
    text-align: center
}

.center-container .icon {
    font-size: 50px;
    margin-bottom: 30px
}

.center-container .error-container,
.center-container .success-container,
.center-container button,
.center-container input {
    max-width: 30%;
    display: inline-block
}

.center-container hr {
    max-width: 30%;
    margin-bottom: 30px
}

.center-container p {
    margin-bottom: -5px;
    color: #888
}

.center-container .error-container {
    background: 0 0;
    color: #af5b5b;
    border: 1px solid #af5b5b;
    padding: 5px;
    width: 500px;
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 3px
}

.center-container .success-container {
    background: 0 0;
    color: #89ba73;
    border: 1px solid #89ba73;
    padding: 5px;
    width: 500px;
    margin-bottom: 10px;
    border-radius: 3px
}

#plans {
    padding: 15px;
    text-align: -webkit-center
}

#plans ul li .green,
.sixteen-font-size {
    font-size: 16px !important
}

.events-tab-list {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff
}

.events-tab-list li,
.events-tab-list li:hover {
    width: 16.66666666%;
    font-weight: 600;
    background-color: #a84849
}

.events-tab-list li a {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    padding: 10px;
    color: #fff;
    height: inherit
}

#select-cover {
    width: 100%;
    overflow: hidden;
    max-height: 300px
}

.active-e-tab {
    background-color: #a84849 !important
}

.events-tab-content {
    width: 100%;
    background: #fff;
    padding: 15px
}

.events-content-wrapper {
    overflow: visible
}

.topicreview,
body {
    overflow-x: hidden
}

.cover-container {
    width: 100%;
    overflow: hidden;
    padding-top: 0;
    background: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 3px
}

.left-sidebar li a .sidebar-icon {
    width: 20px;
    margin-right: 7px
}

.profile-icon {
    width: 18px;
    margin-right: 5px
}

.icon-no {
    width: 18px
}

.cover-wrapper {
    overflow: hidden;
    width: 100%;
    height: 300px
}

.cover-footer h4 {
    color: #8a919e;
    padding: 10px 20px;
    font-size: 17px;
    margin: 0
}

.cover-footer div.btn-extra button {
    padding: 5px 25px;
    color: #7b8496;
    overflow: hidden;
    margin: 5px
}

.invite-peple div.subhead {
    background: #fff;
    padding: 5px 10px;
    color: #8a919e;
    font-size: 15px
}

.invite-peple form input {
    border: none;
    border-radius: 0
}

.invite-peple form input:focus,
.lighbox.comment-textarea,
.wo_imagecombo_lbox .lightbox-post-footer input.comment-textarea,
.wo_imagecombo_lbox .lightbox-post-footer textarea {
    border: none
}

.event-descripton {
    background: #fff;
    width: 100%;
    padding: 15px;
    color: #8a919e;
    font-size: 15px
}

.events-list-wrapper {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px
}

.events-list-cover {
    overflow: hidden;
    position: relative;
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0 10px 15px -3px, rgb(0 0 0 / 5%) 0 4px 6px -2px;
    margin-bottom: 1em;
    border-radius: 10px
}

.events-list-cover .event_cover ul {
    padding: 10px 7px 5px;
    margin: 0;
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .31)
}

.event-l-info {
    padding: 7px 10px
}

.event-l-info ul {
    padding: 0;
    margin-bottom: 5px
}

.event-l-info ul li {
    color: #6f6f6f;
    padding: 1px 0;
    font-size: 13px
}

.event-l-info ul li svg,
.events-list-cover .event_cover ul svg.feather,
.wo_Page_my .page-website svg.feather,
.wo_page_profile .title .page_info svg.feather {
    margin: -2px 2px 0 0;
    width: 14px;
    height: 14px
}

#mobihomiz,
.event-people-invition-list .invitation-users-cont .user-follow-btn svg.feather {
    margin: -2px 0 0
}

.event-l-info .options-buttons {
    position: relative;
    margin: 0;
    right: 0
}

.events-list-avatar,
.events-list-checked {
    position: absolute;
    display: inline-block;
    overflow: hidden
}

.event-l-info .options-buttons button {
    font-size: 13px;
    width: 100%;
    font-family: Poppins;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 4px 16px 5px;
    margin-bottom: 10px
}

.event-l-info .options-buttons button svg.feather,
.my_pages_header .btn-success a svg.feather {
    margin: -3px 4px 0 -5px;
    width: 17px;
    height: 17px
}

.events-list-name {
    font-size: 18px;
    overflow: hidden
}

.events-list-name a {
    font-size: 20px;
    font-weight: 700;
    font-family: arial;
    color: #fff;
    text-shadow: 2px 2px 30px rgba(132, 132, 132, .92)
}

.events-list-desc {
    margin: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

.events-list-time {
    display: inline-block;
    color: #404040;
    margin: 10px;
    font-size: 13px
}

.events-list-avatar {
    left: 15px;
    bottom: 10px;
    width: 80px;
    height: 80px
}

.events-list-checked {
    left: 45%;
    bottom: 45%;
    width: 10%;
    color: #fff;
    font-size: 40px;
    font-family: inherit;
    text-shadow: 2px 2px 30px rgba(0, 0, 0, .92)
}

.events-list h5 {
    display: block;
    color: #7b8496;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px !important;
    margin: 1px !important;
    white-space: nowrap;
    font-weight: 700
}

.events-list p {
    display: block;
    color: #7b8496;
    font-size: 13px
}

.events-list time {
    display: inline-block;
    color: #7b8496;
    font-size: 13px
}

.events-list span {
    display: block;
    font-size: 13px
}

.events-list div.col-md-2 {
    height: 60px;
    padding: 0
}

.events-list div.col-md-2 img {
    border-radius: 2px;
    border: 1px solid #eaeaea;
    width: 100%;
    height: 100%
}

.event-posts-column div.event-descripton {
    background: #fff;
    color: #8a919e;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: rgba(99, 114, 144, .18);
    border-radius: 3px
}

.events-list-dropup-menu {
    margin: 10px 15px 10px 10px
}

.link2 {
    color: #43516d !important;
    margin: 0 5px
}

.event-people-invition-list {
    display: none;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    border-top: 1px solid #ddd;
    margin-top: 5px
}

.event-people-invition-list .invitation-users-cont,
.who_react_to_this_user .who_react_to_this_user_info,
.wo_page_profile .page-info-cont .first_row {
    display: flex;
    align-items: center
}

.event-people-invition-list .invitation-users-cont:last-child,
.sideprolist:last-child {
    border-bottom: 0
}

.event-people-invition-list .invitation-users-cont .avatar img {
    width: 40px;
    height: 40px
}

.event-people-invition-list .invitation-users-cont .user-follow-btn {
    margin: 0 0 0 auto !important
}

.invitation-users-cont {
    width: 100%;
    overflow: hidden;
    padding: 3px;
    border-bottom: 1px solid #ececec;
    margin: 5px auto
}

.invitation-users-cont div.invitation-users-avatar {
    width: 20%;
    overflow: hidden;
    display: inline-block;
    padding: 2px
}

.invitation-users-cont div.invitation-users-name {
    display: inline-block;
    padding: 17px 20px;
    width: 40%;
    color: #52636d
}

.invitation-users-cont div.invitation-users-btn {
    display: inline-block;
    width: 40%
}

.invitation-users-cont div.invitation-users-btn button {
    margin: 12px 10px;
    font-size: 12px
}

.sidebar-event-data {
    padding: 5px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1
}

.sidebar-event-thumbnail {
    width: 27%;
    overflow: hidden;
    display: inline-block
}

.sidebar-event-thumbnail img {
    width: 100%;
    border: 1px solid #f1f1f1
}

.sidebar-event-name {
    width: 70%;
    overflow: hidden;
    display: inline-block;
    padding: 10px
}

.sidebar-event-name span {
    font-size: .7em;
    color: #aaa
}

.events-going-list-unset {
    visibility: hidden;
    margin: 10px
}

.pricing-li-2 {
    padding: 0 7px !important
}

.pricing {
    transition: .4s;
    text-align: left;
    background: #fff;
    box-shadow: 0 0 0 1px #f0f0f0;
    color: #777;
    font-family: Lato;
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 100px
}

#members table,
.f_topics,
.thread-replies,
.wo-content-shadow {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}

.pricing:hover {
    box-shadow: 0 20px 50px 0 rgba(54, 54, 54, .15)
}

.footer-cyanz,
.footer-greenz,
.footer-orangez,
.footer-redz {
    border-top: 0 !important
}

.pricing:hover .foot-price-cyan,
.pricing:hover .foot-price-green,
.pricing:hover .foot-price-orange,
.pricing:hover .foot-price-red,
.pricing:hover .footer-cyanz,
.pricing:hover .footer-greenz,
.pricing:hover .footer-orangez,
.pricing:hover .footer-redz {
    -webkit-transition: .2s;
    transition: .2s;
    background: 0 0
}

.pricing:hover button {
    -webkit-transition: .2s;
    transition: .2s;
    background: #51276b !important;
    color: #fff
}

.pricing .header-green:after,
.pricing .header-orange:after,
.pricing .header-red:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-left: 2rem solid transparent;
    border-right: 2rem solid transparent;
    top: 17.9%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.pricing .header-cyan:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-top: 1rem solid #36cccb;
    border-left: 2rem solid transparent;
    border-right: 2rem solid transparent;
    top: 17.9%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.pricing img {
    display: block;
    margin: auto;
    width: 32px
}

.pricing li {
    list-style: none;
    padding: 2px 7px
}

.pricing li:first-child,
.pricing li:last-child {
    padding: 5px 13px;
    color: #51276b !important;
    text-align: center
}

.pricing li:nth-last-child(2) {
    padding: 2px 7px;
    color: #51276b;
    display: flex
}

.pricing big {
    font-size: 32px
}

.pricing h3 {
    margin-bottom: 0;
    font-size: 36px
}

.pricing span {
    font-size: 12px;
    color: #51276b !important;
    font-weight: 400
}

.pricing button {
    width: 250px;
    margin: auto;
    font-size: 14px;
    border-radius: 5px;
    color: #51276b;
    padding: 5px 50px;
    background: #aaa;
    opacity: 1;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    border: none;
    outline: 0
}

.p-blue button,
.p-blue-2 button,
.p-green button {
    border: 1px solid #51276b
}

.pricing button:hover {
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    background: #51276b !important;
    box-shadow: 0 10px 20px rgba(54, 54, 54, .05), 0 6px 6px rgba(54, 54, 54, .15)
}

.pricing button:active {
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1)
}

.foot-price {
    padding: 25px 13px 5px !important
}

.foot-price h3,
.foot-price span {
    color: #363636 !important
}

.pricing li+li {
    border-top: none;
    display: flex
}

.p-green big,
.p-green h3 {
    color: #4c7737
}

#send-money-form .dropdown ul.dropdown-menu li:hover,
.p-green button {
    background: 0 0
}

.p-yel big,
.p-yel h3 {
    color: #ffbb42
}

.p-yel button {
    background: #36cccb
}

.p-red button {
    background: #51276b;
    color: #fff
}

.p-blue big,
.p-blue h3 {
    color: #3f4bb8
}

.p-blue button {
    background: #fff;
    color: #51276b
}

.p-blue-2 button {
    background: #51276b !important;
    color: #fff
}

.featured-users {
    padding: 7px;
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 4px
}

.featured-users .list-inline {
    margin-bottom: 0;
    margin-left: 0;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    overflow-x: auto
}

.featured-users .list-inline li {
    margin-right: 7px;
    position: relative;
    transition: .2s;
    width: 110px;
    margin-bottom: 9px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 10px 5px;
    overflow: hidden
}

.featured-users .list-inline li:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .19)
}

.featured-users .list-inline li .user .user-follow-btn,
.wonderful-group .group-bottom {
    margin-top: 7px
}

.featured-users .list-inline li a {
    padding: 0 !important;
    word-break: break-word
}

.featured-users .list-inline li a span {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

.featured-users img {
    margin-bottom: 5px;
    width: 61px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.featured-users .icon {
    position: absolute;
    color: #ccc;
    font-size: 8px;
    right: 15px;
    top: 10px
}

.featured-users .icon.online {
    color: #75bf5f
}

.put-me-here-text {
    padding: 7px;
    font-size: 12px;
    margin-bottom: -30px
}

.put-me-here {
    width: 100%;
    position: absolute;
    left: 65%
}

.mobisearchcont .search-dropdown-result .search-user-avatar img,
.put-me-here img {
    width: 30px
}

.nav-names {
    margin-left: 115px
}

.nav-names li {
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.rotate-image-right {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg)
}

.rotate-image-left {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg)
}

.delete-icon,
.video-icon {
    cursor: pointer;
    margin-right: 4px
}

.white-loading {
    background: #fff;
    height: 50px;
    width: 100%
}

.cs-loader {
    height: 100%;
    width: 100%
}

.cs-loader-inner {
    width: 100%;
    padding-top: 2px;
    text-align: center
}

.cs-loader-inner label {
    font-size: 20px;
    opacity: 0;
    display: inline-block
}

@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    33%,
    66% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(100px)
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px)
    }

    33%,
    66% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(150px)
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: 1.5s ease-in-out infinite lol;
    animation: 1.5s ease-in-out infinite lol
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: 1.5s ease-in-out .1s infinite lol;
    animation: 1.5s ease-in-out .1s infinite lol
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: 1.5s ease-in-out .2s infinite lol;
    animation: 1.5s ease-in-out .2s infinite lol
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: 1.5s ease-in-out .3s infinite lol;
    animation: 1.5s ease-in-out .3s infinite lol
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: 1.5s ease-in-out .4s infinite lol;
    animation: 1.5s ease-in-out .4s infinite lol
}

.cs-loader-inner label:first-child {
    -webkit-animation: 1.5s ease-in-out .5s infinite lol;
    animation: 1.5s ease-in-out .5s infinite lol
}

.modal-header .close {
    opacity: .6;
    margin-right: -8px;
    margin-top: -8px
}

.modal-dialog textarea {
    max-height: 300px
}

.no-more-posts-to-show {
    padding-top: 13px
}

#textarea_paypal {
    min-height: 200px
}

textarea.form-control {
    resize: none !important
}

.product-price {
    color: green;
    font-weight: 100
}

.product-name {
    color: #444;
    font-weight: 600
}

.product-description {
    color: #555;
    font-weight: 100
}

.product-status {
    color: #366495;
    font-weight: 100
}

.product-status-sold {
    color: #ea4335;
    font-weight: 100
}

.btn-bitcoin {
    background: #f7931a;
    color: #fff
}

.btn-paypal {
    background: #039ddd;
    color: #fff
}

.products .product .product-image {
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #ddd;
    width: 100%
}

.products .product .product-image img,
.referres .ref-image img {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px
}

.products .product .product-title {
    color: #333;
    font-size: 18px;
    margin-bottom: 8px
}

.products .product .product-by {
    font-size: 12px;
    color: #888;
    float: left;
    width: 87%;
    margin-bottom: 10px
}

#members table thead tr th,
.hideprocat a,
.member_list,
.small {
    font-weight: 400
}

.products .product .product-links {
    margin-top: 10px;
    font-size: 12px
}

.products .product .product-links .contact,
.products .product .product-links .more-info {
    color: #55acee;
    cursor: pointer;
    margin-right: 10px
}

.products .product .product-price {
    color: green;
    font-size: 16px
}

.products .product .product-desc {
    color: #999;
    margin-top: 8px;
    font-size: 12px
}

.posts-count {
    z-index: 99;
    padding: 10px 30px;
    width: 125px;
    text-align: center;
    position: fixed;
    transition: .2s;
    top: 125px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px
}

.posts-count:empty {
    padding: 0;
    border: 0
}

.posts-count:hover {
    background-color: #f5f5f5
}

.options .poll-option {
    padding: 15px 18px;
    background-color: #fff;
    color: #555;
    cursor: pointer
}

.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div p:hover,
.options .poll-option:hover,
.wo_votes.active,
.wo_votes.active .poll-option {
    background-color: #f6f7f9
}

.options .result-bar-parent {
    width: calc(100% - 80px);
    height: 5px;
    background-color: #dedede;
    margin: 11.4px 0 11.5px 15px
}

.options .result-bar-parent:empty,
.options .result-bar:empty {
    height: 0
}

.options .result-bar {
    width: 40%;
    height: 5px;
    transition: width .3s;
    background-color: #333
}

.options .total-votes {
    text-align: right;
    margin-top: 10px;
    color: #666
}

.affiliates-link .affiliates-image img {
    width: 100px;
    padding: 2px;
    border: 1px solid #ddd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.affiliates-link .affiliates-desc a {
    color: green !important
}

.nav-tabs>li {
    width: 25%;
    text-align: center
}

.adv-mbr-search,
.f_category,
.g_search,
.member_list {
    overflow: hidden;
    width: 100%;
    padding: 10px;
    border-radius: 1px
}

#forum-search-btn {
    width: 10%
}

.blocksubhead-forum-header {
    color: #262626;
    font-size: 13px
}

.blocksubhead,
.help {
    padding: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 13px
}

@media all and (max-width:724px) {
    .nav-tabs>li>a>span {
        display: none
    }
}

#mbr-ls-cont {
    background-color: #f7f7f7
}

.f_topics {
    font-size: 14px;
    color: #848484;
    background: #fff
}

.show-forums {
    width: 1%
}

.topic_icon i {
    width: 100%;
    font-size: 25px;
    padding: 10px;
    text-align: center
}

#search-forums {
    background: #fff;
    border-radius: 15px;
    height: 30px
}

.topic_icon {
    width: 5% !important
}

.forum-meta-d {
    width: 31%;
    padding: 15px 10px !important
}

.small {
    font-size: 13px;
    color: #615656;
    text-decoration: none;
    transition: .3s
}

.flink {
    font-size: 16px;
    text-decoration: none
}

.flink:hover {
    color: #ab4b4c;
    text-decoration: none
}

.text-v-middle {
    vertical-align: middle;
    padding: 10px
}

.margin-b30 {
    margin-bottom: 30px
}

.bold {
    font-weight: 700 !important
}

.thread-replies {
    width: 100%;
    padding: 5px 0;
    margin-bottom: 10px;
    border: 1px solid #fff;
    border-radius: 2px;
    background-color: #fff
}

.thread-replies div img.avatar {
    margin: auto auto 20px;
    border-radius: 3px
}

.threadsubject {
    color: #3c3e67
}

.usr-online {
    color: #1a7100
}

.topicreview {
    width: 100%;
    height: 300px;
    overflow-y: scroll
}

#send-money-form .alert,
.alert,
.nav-tabs>li>a,
.read-blog-container .read-blog .blog-share-buttons ul li div,
.wo_settings_page .input-group .input-group-addon {
    border-radius: 0
}

.padd5x10 {
    padding: 5px 10px
}

.forum_title {
    font-family: Hind, sans-serif;
    font-size: 24px;
    font-weight: 400 !important;
    color: #262626;
    text-align: left
}

blockquote {
    font-style: italic;
    font-size: 13px;
    color: #262626;
    padding: 15px 10px;
    margin-bottom: 10px
}

.div-control {
    width: 100%;
    padding: 2px 12px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.usrthreads {
    width: 100%;
    padding: 0 10px
}

.font20 {
    font-size: 20px
}

.mbr-list {
    margin: 10px 0
}

.referres .ref-image {
    width: 60px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-right: 10px
}

.referres .name .joined {
    margin-top: 3px;
    color: #666;
    font-size: 11px
}

.referres .name .earned {
    margin-top: 3px;
    color: green;
    font-size: 12px
}

.payment-history h3 {
    padding: 5px;
    margin-top: 20px;
    font-size: 18px
}

.payment-history .label-status {
    font-size: 13px;
    font-weight: 100;
    padding: 2px 5px
}

.btn-nothing {
    border: 0;
    padding: 0;
    background: 0 0
}

.reply-box {
    max-height: 200px;
    padding-top: 5px;
    margin-top: 10px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px
}

.edit-box {
    max-height: 200px;
    margin-top: 10px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px
}

.blog-share-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    left: 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    height: 50px;
    text-align: center;
    line-height: normal;
    font-size: 14px
}

.blog-sidebar {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    border: 1px solid #e9e9e9
}

.blog-sidebar .blog {
    margin-bottom: 20px;
    background: #fff;
    border-bottom: 1px solid #f3f3f3
}

.blog-sidebar .blog img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    margin-bottom: 15px
}

.blog-sidebar .blog .blog-title {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px;
    margin-top: -5px
}

.blog-sidebar .blog .blog-info {
    color: #999;
    font-size: 11px;
    padding: 0 10px 10px
}

.latest-blogs2 {
    padding: 15px 7px !important
}

.blog_publ {
    margin-left: 15px;
    margin-bottom: 5px
}

.blog-category {
    padding: 10px 0;
    overflow: hidden
}

.blog-style {
    width: 50%;
    overflow: hidden;
    float: left
}

.blog-style img {
    width: 100%;
    height: 70px
}

.blog-ls-box {
    width: 100%;
    padding-bottom: 15px;
    font-size: 14px
}

.blog-desc {
    font-size: 15px;
    color: #666
}

.blog-meta-desc {
    font-size: .9em;
    color: #aaa;
    display: inline-block;
    width: 100%;
    margin-bottom: -5px;
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
    overflow: hidden
}

.blog-h-list,
.blog-h-list h4 a {
    font-size: 13px;
    overflow: hidden
}

.blog-ls-img img {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.blog-h-list {
    margin: 0 0 26px;
    color: #575757;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
    transition: .3s;
    background: #fff;
    border-radius: 10px
}

.blog-h-list:hover {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .24)
}

.blog-h-list img {
    opacity: 1;
    object-fit: cover;
    width: 100%;
    border-radius: 10px
}

.blog-h-list img:hover,
.read-blog-container .read-blog-thumbnail:hover>img {
    opacity: .9
}

.blog-h-list h4,
.blog-h-list h5 {
    color: #4a4a4a;
    margin-top: 15px;
    position: relative
}

.blog-h-list h4 a {
    color: #000;
    font-weight: 100;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    height: 40px;
    text-overflow: ellipsis
}

.blog-h-desc {
    width: 100%;
    padding: 0 10px 10px
}

.blog-h-desc p.desc {
    min-height: 60px;
    overflow: hidden
}

.wow_sett_sidebar>ul {
    margin: 0;
    border-radius: 10px
}

.wow_sett_sidebar>ul>li>a {
    padding: 0 16px;
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 43px;
    text-decoration: none;
    transition: background-color .4s cubic-bezier(.25, .8, .25, 1);
    font-family: system-ui
}

.wow_sett_sidebar>ul>li.active>a {
    color: #000;
    font-weight: 500
}

.wow_sett_sidebar .wow_sett_submenu>ul li a:hover,
.wow_sett_sidebar>ul>li>a:hover {
    background-color: rgb(255 255 255 / 13%);
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px;
    border-color: #fba919;
    color: #fba919
}

.wow_sett_sidebar>ul>li>a svg {
    height: 19px;
    width: 19px;
    margin: auto 13px auto 0
}

.wow_sett_sidebar .wow_sett_submenu>a span svg {
    margin: 10px 0;
    height: 17px;
    width: 17px
}

.wow_sett_sidebar .wow_sett_submenu>ul {
    margin: 0 0 0 23px;
    border-left: 1px solid #e3e3e3;
    padding-left: 0
}

.wow_sett_sidebar .wow_sett_submenu>ul li a {
    display: block;
    text-decoration: none;
    transition: .15s;
    padding: 4px 3px 4px 29px
}

.wow_sett_sidebar .wow_sett_submenu>ul li.active a {
    color: #e00c54
}

.view-blog {
    color: #666;
    font-size: 14px;
    line-height: 17px;
    margin-right: 0;
    margin-left: 0
}

.album-collapse {
    width: 33.33%;
    position: relative;
    background: 0 0/cover no-repeat #f9f9f9;
    display: inline;
    float: right
}

.album-collapse span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px;
    width: 99%;
    background: rgba(6, 12, 43, .61);
    height: 98%;
    font-size: 2em;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 25% 0;
    font-weight: 500;
}

#chat-box-stickers {
    height: 290px
}

#chat-box-stickers input {
    padding-left: 10px;
    border: none;
    width: 100%;
    border-radius: 0;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #fafafa
}

#chat-box-stickers #chat-box-stickers-cont {
    max-height: 290px
}

#chat-box-stickers #chat-box-stickers-cont img,
#chat-box-stickers #chat-box-stickers-cont video {
    height: 83px;
    max-height: 85px
}

#chat-box-stickers-cont {
    width: 100%;
    overflow: scroll;
    max-height: 200px
}

#chat-box-stickers-cont img,
#chat-box-stickers-cont video {
    width: 50%;
    height: 80px;
    display: inline;
    cursor: pointer;
    float: left
}

.no_message {
    text-align: center;
    line-height: 220px;
    font-size: 13px
}

@media (max-width:800px) {

    .blog-cat-img img,
    .blog-ls-img img {
        margin-bottom: 15px
    }

    .post-youtube iframe {
        height: 280px
    }
}

.open>.dropdown-menu {
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: .1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: .1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
    animation-name: slidenavAnimation;
    animation-duration: .1s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards
}

@keyframes slidenavAnimation {
    from {
        opacity: 0
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes slidenavAnimation {
    from {
        opacity: 0
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@media (max-width:1300px) {
    .chat-container.full {
        min-height: auto !important
    }
}

@media (max-width:990px) {

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 6px 15px 6px 25px
    }

    .header-container .logo img {
        width: 30%
    }

    .search-container .search-input {
        width: 280px
    }

    .search-container .search-dropdown-container {
        width: 310px
    }

    .tab-container,
    .wowonder-well {
        margin-bottom: 20px
    }

    .footer-wrapper.sidebar,
    .hidden-mobile-image,
    .left-sidebar,
    .second-footer {
        display: none
    }

    footer .footer-wrapper {
        display: block
    }

    .continue-button {
        margin-top: 20px
    }

    .dropdown-search-link {
        display: block !important
    }

    .dropdown-hidden-link {
        display: none !important
    }
}

@media (max-width:780px) {
    .nav-names {
        display: none
    }

    .comment-btn-wrapper .record-comment-audio {
        margin-right: 4px
    }

    .comment-btn-wrapper [data-comment-rtime] {
        margin-right: 30px
    }
}

@media (max-width:767px) {

    #filter-by-sidebar,
    #navbar-searchbox,
    .btn-call-action,
    .chat-all-container,
    .header-container .User-Name,
    .header-container .user-avatar,
    .nav>.navbar-home,
    .navbar-home {
        display: none
    }

    #sidebar-latest-products .cool-style,
    .d-f-l {
        float: left !important
    }

    .filter-by-home {
        display: block
    }

    .header-container .logo img {
        width: 30%
    }

    .header-container .user-avatar img {
        border-radius: 50%;
        margin-top: -15px;
        margin-right: 5px;
        width: 50px
    }

    .profile-style,
    .setting-form {
        width: 100%
    }

    .sidebar-page-data .sidebar-listed-page-name {
        top: 80% !important
    }

    .sidebar-page-data .sidebar-listed-page-like-btn {
        top: 75% !important
    }

    .footer-wrapper {
        font-size: 9px
    }

    .navbar-nav {
        float: left
    }

    .header-brand {
        margin-left: 0 !important;
        margin-top: 10px
    }

    .profile-userpic img {
        width: 70%;
        height: 70%
    }

    .nav-footer-toggle {
        left: 40%
    }

    .search-users-result .profile-style {
        width: 100% !important;
        margin-left: -30px !important
    }

    #load-more-posts {
        margin-bottom: 20px
    }

    .album-name,
    .game-name {
        font-size: 11px
    }

    .cool-style {
        width: 47% !important
    }

    .no-padding-right {
        padding-right: 15px !important
    }

    #local-media video:nth-child(2) {
        width: 200px;
        height: 100px
    }

    .navbar-nav>li>a {
        line-height: 1.5;
        font-family: Poppins
    }
}

@media (max-width:600px) {
    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }

    .header-container .logo img {
        width: 100%;
        margin: 0
    }

    .header-brand {
        margin-top: 12px
    }

    .navbar-nav>li>a {
        font-family: Poppins;
        line-height: 24px !important
    }

    #local-media video:nth-child(2) {
        width: 100px;
        height: 150px
    }

    .center-container * {
        font-size: 18px;
        max-width: 100%
    }

    .send-comment {
        display: block !important
    }

    .panel-one-post {
        margin: 0 auto;
        width: 100%
    }

    .options-buttons {
        right: 10px;
        margin-top: -35px
    }

    .post .post-heading .meta .title {
        font-size: 13px !important;
        margin-top: 5px !important
    }

    .post .post-description .stats .stat-item {
        padding: 4px 2px !important;
        font-size: 12px !important
    }

    .post .post-comments input {
        padding: 5px 40px 5px 5px;
        height: 30px;
        font-size: 12px
    }

    .post .post-footer .comments-list .comment .avatar {
        width: 33px !important;
        height: 33px !important
    }

    .btn-file,
    .post .post-footer .comments-list .comment .comment-heading .user {
        font-size: 13px
    }

    .post .post-footer .comments-list .reply .avatar {
        width: 30px !important;
        height: 30px !important
    }

    .post .post-footer .comment-body .comment-text,
    .post-fetched-url .fetched-url-text .description {
        font-size: 12px !important
    }

    .ad-placement-header-footer iframe,
    .ad-placement-header-footer img,
    .ad-placement-header-footer script,
    .publisher-box .publisher-hidden-option select,
    .wowonder-well .profile-style {
        width: 100%
    }

    .publisher-box .btn-default {
        padding: 4px
    }

    .nav.navbar-nav.navbar-right,
    .publisher-box #publisher-button {
        font-size: 12px
    }

    .post-fetched-url .fetched-url-text h4 {
        font-size: 14px !important
    }

    .change-avatar,
    .filter-text,
    .options-buttons span[class^=button-text],
    .post-fetched-url .url,
    span[class^=setting-tab-text] {
        display: none
    }

    .options-buttons button {
        width: auto;
        font-size: 10px;
        margin-left: 5px
    }

    .nav>li.dropdown.open {
        position: static
    }

    .nav>li.dropdown.open .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0
    }

    .dropdown-menu>li {
        display: block
    }

    .profile-container .card.hovercard .user-avatar {
        width: 85px;
        height: 85px;
        bottom: 30px
    }

    .profile-container .card.hovercard .info .title {
        font-size: 14px;
        left: 100px;
        margin-top: 0
    }

    .topheadbar {
        display: none !important
    }

    .topheadcart {
        margin-top: -10px
    }

    .header-brand img {
        width: 115px;
        margin-top: 10px
    }

    #wo_post_stat_button {
        width: 100%;
        text-align: left !important;
        margin-top: 1px;
        position: relative;
        display: inline-block !important;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .admin-panel-well .admin-static {
        width: 100% !important
    }

    .like-btn-mobile {
        display: contents
    }

    .profile-container {
        padding-left: 4px;
        padding-right: 4px
    }

    #bar_loading {
        top: 0
    }
}

@media (max-width:412px) {
    .modal-footer-5 {
        padding: 10px 13px !important
    }

    .modal-footer-3 {
        padding: 10px 15px !important
    }

    .form-horizontal .form-group {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .sixteen-font-size {
        padding: 10px 8px !important
    }

    .topleftsmallme {
        padding: 2px !important
    }

    .header-brand {
        margin-right: 5px !important
    }
}

@media (max-width:330px) {
    .sixteen-font-size {
        padding: 10px 6px !important
    }

    .toprightsmallcar {
        padding: 3px !important
    }
}

@media (max-width:320px) {
    .publisher-box .publisher-hidden-option select {
        font-size: 11px;
        height: 30px;
        margin-right: 0;
        padding: 0 2px
    }

    .navbar-nav>li>a {
        line-height: 24px !important;
        padding: 10px 5px;
        font-family: Poppins;
        font-size: 13px !important
    }

    .dropdown {
        padding-left: 10px
    }

    .publisher-box .btn-default {
        padding: 5px 0
    }

    .publisher-box #publisher-button {
        font-size: 15px
    }

    .header-brand-pc {
        display: none !important
    }

    .header-brand-m {
        display: block !important;
        width: 30px !important;
        margin-top: 5px !important
    }
}

#add_to_family .family_mbr_avatar {
    border: 1px solid #f2f2f2
}

#add_to_family .family_mbr_name {
    margin-bottom: 5px;
    color: #323232
}

#add_to_family .add_as_cont {
    margin-top: 4px
}

#add_to_family .add_as_cont .col-md-2 {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px
}

#add_to_family .add_as_cont .col-md-2 label {
    margin-bottom: 0;
    color: #666
}

#add_to_family .add_to_family_alert div,
#insert-caht-alert div.alert {
    border-radius: 0 !important;
    text-align: center
}

.nearby_user_wrapper {
    width: 100% !important;
    padding: 0 15px 15px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px !important
}

.nearby_user_wrapper:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.nearby_user_wrapper small {
    margin-top: 20px;
    display: block;
    color: #666;
    font-family: OpenSansSemiBold, arial
}

.nearby_user_wrapper small:hover {
    color: #676
}

#load_more_nearby_users {
    width: 100%;
    padding: 15px 0
}

.search-nearby-cont {
    padding-left: 15px;
    border-left: 1px solid #f2f2f2
}

.search-nearby-cont form {
    top: 45px
}

.search-nearby-cont form label {
    color: #667
}

.find_friends_nearby_head {
    padding: 15px !important;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    background: #fff !important
}

.gif_spinner,
.no_gifs_found {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.search-nearby-users-form {
    padding: 15px !important;
    background: #fff !important;
    border: none;
    border-radius: 0 !important
}

.search-nearby-users-form input.form-control {
    border-color: #d0d0d0;
    border-radius: 16px
}

.search-nearby-users-form input.form-control:focus {
    border-color: #4caf50
}

#search-nearby-users {
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    overflow: hidden
}

#search-nearby-users .nearby-users-gender {
    background: #fff;
    padding: 10px 15px;
    font-family: OpenSansBold, arial;
    color: #333;
    border-bottom: 1px solid #efefef
}

#search-nearby-users .search-nearby-users-btn {
    padding: 10px 20px
}

#search-nearby-users .nearby-users-gender-collapse {
    background: #fff;
    cursor: pointer;
    font-family: OpenSansRegular, arial;
    color: #333
}

#forum-cont :not(.fa),
#select-status-media {
    font-family: Hind, sans-serif
}

#search-nearby-users .nearby-users-gender-collapse ul li {
    padding: 5px 15px;
    font-family: arial;
    color: #333;
    font-size: 14px
}

#search-nearby-users .nearby-users-gender-collapse ul li.active {
    border-left: 2px solid #a84849 !important;
    background-color: #f6f7f9
}

#search-nearby-users .select-nearby-users-distance input {
    border: none !important;
    border-radius: 0;
    padding-left: 15px
}

.nearby-users-distance {
    padding: 10px 0;
    color: #424242;
    font-size: 17px;
    font-family: roboto
}

.nearby-users-relationship,
.nearby-users-status,
.search-nearby-users-btn {
    border-top: 1px solid #ddd !important
}

.sidebar-ad-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff;
    padding: 6px;
    color: #444;
    font-size: 14px;
    margin-bottom: 20px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5
}

.sidebar-ad-wrapper hr {
    padding: 0;
    margin: 0
}

.sidebar-ad-wrapper .sidebar-ad-header h4 {
    width: 100%;
    margin: 0;
    font-weight: 700;
    color: #585858;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    background: #fff;
    border-radius: 4px;
    border: 0
}

.sidebar-ad-wrapper .sidebar-ad-header h4 i {
    color: #ebba16
}

.sidebar-ad-wrapper .sidebar-ad-body {
    margin-top: 10px;
    width: 100%;
    overflow: hidden
}

.sidebar-ad-wrapper .sidebar-ad-body img,
.sidebar-ad-wrapper .sidebar-ad-footer {
    width: 100%;
    max-height: 150px;
    overflow: hidden
}

.sidebar-ad-wrapper .sidebar-ad-footer p.ad-title {
    width: 100%;
    font-size: 14px;
    padding: 5px 0;
    margin: 0;
    color: #555;
    font-family: OpenSansSemiBold, sans-serif
}

.sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition,
.sidebar-ad-wrapper .sidebar-ad-footer time {
    line-height: 17px;
    font-family: OpenSansregular, sans-serif;
    width: 100%;
    display: inline-block;
    font-size: 12px
}

.colloape-panel-stg {
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    padding: 15px 10px;
    background: #fff;
    margin: 0;
    overflow: hidden;
    color: #666
}

.group_chat_mbr_list {
    width: 100%;
    max-height: 200px;
    overflow-x: scroll
}

.group_chat_mbr_list p.no_participant {
    width: 100%;
    line-height: 90px;
    text-align: center;
    font-size: 15px;
    font-family: Hind, arial
}

.group_chat_avatar {
    width: 100%;
    max-height: 130px;
    overflow: hidden
}

.group_chat_avatar img {
    max-width: 100%;
    max-height: 100%
}

.group_chat_mbr_part {
    border-bottom: 1px solid #eaeaea;
    width: 98%;
    margin-bottom: 2px !important;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.group_chat_mbr_part:last-child {
    border-bottom: none
}

.disabled {
    cursor: not-allowed;
    opacity: .7
}

.page-rating {
    position: relative;
    background: 0 0;
    font-family: FontAwesome
}

.page-rating>fieldset {
    border: none;
    display: inline-block;
    height: 16px
}

.page-rating>fieldset label {
    margin-top: 0 !important;
    margin-left: 5px
}

.page-rating>fieldset:not(:checked)>input {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.page-rating>fieldset:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 15px;
    color: #ffc107
}

.page-rating>fieldset:not(:checked)>label:before {
    content: '\f006 '
}

.page-rating>fieldset:not(:checked)>label:hover,
.page-rating>fieldset:not(:checked)>label:hover~label,
.rated-star {
    color: #ffc107
}

.page-rating>fieldset:not(:checked)>label:hover:before,
.page-rating>fieldset:not(:checked)>label:hover~label:before,
.page-rating>fieldset>input:checked~label:before {
    content: '\f005 '
}

.page-rating>fieldset>label:active {
    position: relative;
    top: 2px
}

@media screen and (max-width:990px) {
    .search-nearby-cont {
        padding-left: 15px;
        border-left: none
    }
}

.group_tab_dropdown span {
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    color: #555;
    text-shadow: none
}

.group_tab_dropdown span:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f9f9f9
}

#publisher-box-stickers-cont {
    width: 100%;
    overflow: scroll;
    max-height: 300px
}

@media (max-width:900px) {
    .post-youtube iframe {
        height: 300px
    }
}

@media (max-width:400px) {
    .post-youtube iframe {
        height: 180px
    }
}

.navbar-movies-mobile-header li {
    cursor: pointer;
    float: left
}

.navbar-movies-mobile-header li.active a {
    background-color: #c45a5b !important
}

#movies-genre-mobile-dropdown {
    max-height: 200px;
    overflow: scroll
}

.border-top {
    border-top: 1px solid #ddd
}

#profilenav,
.border-bottom,
.sidebar-setting {
    border-bottom: 1px solid #ddd
}

.navbar-movies-mobile-dropdown ul {
    width: 100%;
    color: #fff;
    border-radius: 0 !important;
    padding: 0
}

.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse h4 {
    width: 100%;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    margin: 0;
    color: #666;
    font-size: 13px;
    font-family: sans-serif
}

.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div {
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: none
}

.navbar-movies-mobile-dropdown-cont .navbar-movies-mobile-dropdown-collapse div p {
    width: 100%;
    padding: 8px 10px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #f9f9f9
}

.gif_spinner {
    margin: auto;
    width: 70px
}

.gif_spinner>div {
    width: 18px;
    height: 18px;
    background-color: #a84849;
    border-radius: 100%;
    display: inline-block;
    animation: 1.4s ease-in-out infinite both sk-bouncedelay
}

.gif_spinner .b1 {
    animation-delay: -.32s
}

.gif_spinner .b2 {
    animation-delay: -.16s
}

.no_chat_gifs_found {
    color: #666;
    text-align: center;
    height: 200px;
    line-height: 200px
}

@keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.sk-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    animation: 1.2s ease-in-out infinite both sk-circleBounceDelay
}

.sk-circle .sk-circle2 {
    transform: rotate(30deg)
}

.sk-circle .sk-circle2:before {
    animation-delay: -1.1s
}

.sk-circle .sk-circle3 {
    transform: rotate(60deg)
}

.sk-circle .sk-circle3:before {
    animation-delay: -1s
}

.sk-circle .sk-circle4 {
    transform: rotate(90deg)
}

.sk-circle .sk-circle4:before {
    animation-delay: -.9s
}

.sk-circle .sk-circle5 {
    transform: rotate(120deg)
}

.sk-circle .sk-circle5:before {
    animation-delay: -.8s
}

.sk-circle .sk-circle6 {
    transform: rotate(150deg)
}

.sk-circle .sk-circle6:before {
    animation-delay: -.7s
}

.sk-circle .sk-circle7 {
    transform: rotate(180deg)
}

.sk-circle .sk-circle7:before {
    animation-delay: -.6s
}

.sk-circle .sk-circle8 {
    transform: rotate(210deg)
}

.sk-circle .sk-circle8:before {
    animation-delay: -.5s
}

.sk-circle .sk-circle9 {
    transform: rotate(240deg)
}

.sk-circle .sk-circle9:before {
    animation-delay: -.4s
}

.sk-circle .sk-circle10 {
    transform: rotate(270deg)
}

.sk-circle .sk-circle10:before {
    animation-delay: -.3s
}

.sk-circle .sk-circle11 {
    transform: rotate(300deg)
}

.sk-circle .sk-circle11:before {
    animation-delay: -.2s
}

.sk-circle .sk-circle12 {
    transform: rotate(330deg)
}

.sk-circle .sk-circle12:before {
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {

    0%,
    100%,
    80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {

    0%,
    100%,
    80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.dropped-down {
    background-color: #e3e4e8 !important
}

.ads-navbar-mobile-wrapper ul {
    width: 100%;
    overflow: hidden;
    margin: 0
}

.show_event_location li iframe {
    border: 0;
    padding: 1px !important
}

.bs-padding-right {
    padding-right: 15px !important
}

.padding-15 {
    padding: 5px 15px !important;
    font-size: 13px !important;
    background-color: #fff !important
}

.home.profile-style.main {
    width: 100% !important;
    margin-right: 0 !important;
    border-radius: 10px
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(101, 101, 101, 0), rgba(101, 101, 101, .2), rgba(101, 101, 101, 0))
}

#publisher-box-stickers-cont img,
#publisher-box-stickers-cont video {
    width: 50%;
    height: 150px;
    display: inline;
    cursor: pointer
}

#select-status-media {
    width: 100%;
    height: 150px;
    max-height: 300px;
    overflow: hidden;
    text-align: center;
    background: #f9f9f9;
    font-size: 18px;
    box-shadow: 0 1px 0 0 #f2f2f2, 0 0 0 1px #f2f2f2;
    cursor: pointer;
    border-radius: 2px
}

#select-status-media p {
    width: 100%;
    line-height: 150px;
    font-size: 14px
}

#select-status-media img {
    width: 100%;
    max-height: 300px
}

body .mfp-wrap .mfp-progress-line span {
    width: 0;
    height: 4px;
    background: #fff;
    margin-bottom: -40px;
    transition: width 10s ease-in-out;
    display: inline-block
}

.view-more-stories,
.view-more-stories a {
    color: #19c67b
}

.user-status-home {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 4px;
    background-color: #fff
}

.user-status-home ul.status-list {
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px 0 5px
}

.user-status-home ul.status-list li {
    cursor: pointer;
    display: inline-block;
    margin-right: 6px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    margin-bottom: 10px
}

.user-status-home ul.status-list li p {
    margin-bottom: 0;
    font-size: 12px;
    margin-top: 2px
}

.user-status-home ul.status-list li .plus {
    font-size: 18px;
    position: absolute;
    color: #2795e9;
    background-color: #fff;
    right: 0;
    height: 18px;
    width: 18px;
    border-radius: 100%;
    top: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .24);
    display: flex;
    align-items: center;
    justify-content: center
}

.user-status-home ul.status-list li .user-avatar {
    width: 51px;
    height: 51px;
    overflow: hidden;
    border-radius: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .24)
}

.user-status-home ul.status-list li .user-avatar img {
    width: 51px;
    height: 51px
}

.sop-icon {
    position: absolute;
    right: 15px;
    width: auto;
    font-size: 25px;
    color: #f9b340;
    margin-top: 15px
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 40%
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0
}

.send-money-container,
.threads-table tr td {
    background-color: #fff;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: 0 0;
    color: inherit;
    border: none;
    outline: 0;
    border-bottom: 1px solid #555;
    width: 95%
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
    border-bottom-color: #aaa
}

.ui-timepicker-rtl {
    direction: rtl
}

.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0
}

.ui-timepicker-rtl dl dt {
    float: right;
    clear: right
}

.ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px
}

.ui-widget-header .ui-icon {
    background-image: url(http://code.jquery.com/ui/1.11.0/themes/smoothness/images/ui-icons_222222_256x240.png)
}

.ui-icon-circle-triangle-w {
    background-position: -80px -191px !important
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    position: static !important;
    margin-left: 10px !important;
    margin-top: 6px !important
}

.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    padding-top: 2px
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
    display: inline-block;
    margin: 0
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    content: ':';
    display: inline-block
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before {
    content: '.';
    display: inline-block
}

.blog-categories,
.blog-categories ul,
.search-artiles-form {
    width: 100%;
    overflow: hidden;
    background: #fff
}

.search-artiles-form input {
    width: 100%;
    overflow: hidden;
    border-radius: 0 !important;
    border-color: #ccc
}

.blog-categories ul li {
    width: 90%;
    margin: auto;
    display: block;
    background: #fff;
    font-family: OpenSansBold;
    padding: 8px 18px !important
}

.blog-categories ul li.active {
    background: #f5f5f4
}

.blog-categories ul li.active h5 {
    width: 100%;
    display: block;
    background: #fff !important;
    font-family: OpenSansBold;
    text-transform: uppercase
}

.blog-categories ul li.active a {
    font-family: OpenSansBold;
    font-weight: 700;
    color: #333 !important
}

.blog-ls-box {
    overflow: visible;
    border-bottom: 1px solid #b8b7b626;
    margin-bottom: 30px
}

.choose_rel_ship_meta h4 {
    color: #666;
    padding-bottom: 3px !important;
    margin-bottom: 0 !important
}

.choose_rel_ship_meta p {
    color: #666;
    padding-bottom: 3px !important
}

.choose_rel_ship_avatar {
    height: 120px
}

#chat-gifs ul li,
.offnavmenu {
    height: 100%
}

.choose_rel_ship_avatar div {
    width: 100%;
    height: 100%;
    border: 1px dashed #9197a3;
    background: #f9f9f9;
    padding: 1px;
    text-align: center;
    font-size: 25px;
    line-height: 120px
}

.blog-cat-img img,
.choose_rel_ship_avatar img {
    width: 100%;
    height: 120px
}

.send-money-container {
    padding-left: 0;
    margin-bottom: 15px;
    border-radius: 2px 2px 0 0;
    overflow: inherit
}

#send-money-form .dropdown ul.dropdown-menu {
    width: 100%;
    border-radius: 0;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important
}

#send-money-form .dropdown ul.dropdown-menu li {
    width: 100%;
    padding: 5px 10px
}

#send-money-form .alert h4 {
    margin: 0;
    padding: 0
}

.post-privacy-menu li a:hover,
.post-privacy-menu li div:hover {
    background-color: #a84849;
    color: #fff
}

#replenish-user-account small {
    margin-bottom: 5px;
    display: inline-block
}

.form-control.url-input {
    width: 100% !important;
    border: 1px solid #f3f3f3
}

.image-modal .modal-dialog {
    margin: 50px auto
}

.setting-themes-container .theme {
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 3px
}

.setting-themes-container .theme img {
    border-radius: 3px;
    margin-right: 10px;
    float: left;
    width: 65px
}

.setting-themes-container .theme .active {
    color: green;
    font-size: 12px
}

.setting-themes-container .theme #active {
    color: #666;
    font-size: 12px
}

.footer-powered p {
    color: #888
}

.ads-activation .active {
    color: #46af00
}

.danger-tab a,
.warning-tab a {
    background-color: #d9534f;
    color: #fff
}

.theme.active {
    background-color: #f5f5f4
}

#local-media video {
    width: 250px;
    height: 150px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #000;
    border-radius: 3px;
    text-align: center;
    border: 2px solid #fff
}

input.search-for-posts {
    margin: 0 !important;
    border: 0 !important
}

#sidebar-latest-products .cool-style {
    width: 32.4%
}

.gray-list.active a {
    color: #111
}

.loading-icon.lightbox-content {
    font-size: 70px;
    color: #fff;
    margin-top: 20%;
    text-align: center
}

.btn-main.MS-File {
    padding: 14px;
    margin-right: -1px;
    border-radius: 0 !important
}

.sidebar>.list-group a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.manage-users .admin-static:first-child {
    border-top-left-radius: 3px
}

.manage-users .admin-static:nth-child(4) {
    border-top-right-radius: 3px
}

#event-side-block div.btn-group {
    width: 100%;
    margin-bottom: 20px
}

.event-options-list li strong {
    width: 10%;
    text-align: center;
    display: inline-block
}

.answers input {
    border-top: 1px solid #f4f4f4 !important;
    padding-right: 100px;
    box-shadow: none
}

.nav-tabs>li>a {
    height: 30px
}

#forum-search div.inner-addon {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px
}

.table>thead>tr>th {
    border-bottom: 0 !important
}

.threads-table tr td {
    padding: 10px !important
}

#newtopic div,
#newtopicreply div {
    overflow: hidden !important
}

.forum-search-container div {
    overflow: hidden;
    padding-bottom: 5px
}

.load-produts .load-more button {
    width: auto
}

.blog-dd-ul li a,
.blog-dd-ul li span {
    padding: 5px 15px;
    display: block
}

#chat-gifs ul {
    width: 240px;
    height: 290px;
    left: -50px
}

.navbar-movies-mobile-search-dropdown ul {
    padding: 10px 5px;
    color: #333;
    border-radius: 0 !important
}

.create-article-alerts .alert.alert-danger {
    border-radius: 0 !important;
    color: #fff;
    background: #e13c4c;
    font-weight: 600
}

.create-article-alerts .alert.alert-success {
    border-radius: 0 !important;
    color: #fff;
    background: #5eb755;
    font-weight: 600
}

ul.profile-completion-bar {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 3px 0
}

ul.profile-completion-bar li.completion-step {
    width: 100%;
    overflow: hidden;
    font-family: Lato, sans-serif;
    font-weight: 500;
    color: #555;
    font-size: 13px;
    cursor: pointer;
    margin: 0;
    padding: 3px 10px
}

ul.profile-completion-bar li.completion-step i.fa.fa-check {
    font-weight: 500;
    color: green
}

ul.profile-completion-bar li.completion-bar {
    width: 100%;
    overflow: hidden;
    padding: 5px 10px
}

ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper {
    overflow: hidden;
    background: #fff;
    height: auto;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    margin-top: -1px;
    margin-left: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .18)
}

ul.profile-completion-bar li.completion-bar div.completion-bar-status {
    overflow: hidden;
    background: #a84849;
    height: 10px;
    min-width: 2px !important;
    transition: width 1s
}

ul.profile-completion-bar li.percentage-bar h4 {
    width: 100%;
    overflow: hidden;
    font-family: roboto;
    color: #666;
    font-size: 15px;
    margin: 0;
    padding: 2px 10px;
    background: #fff
}

ul.profile-completion-bar li.percentage-bar h4 b {
    margin: 0;
    padding: 0;
    line-height: 33px
}

.mdbtn {
    position: static;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-transition: box-shadow .5s, -webkit-transform .2s;
    transition: box-shadow .5s, transform .2s, -webkit-transform .2s;
    text-transform: uppercase;
    cursor: pointer;
    min-height: 36px;
    text-align: center;
    border-radius: 3px !important;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0 20px;
    margin: 5px 0;
    line-height: 36px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit
}

.btn-default,
.btn-default:hover,
.cussidepageda-2,
.cussidepageda-2:hover {
    transition: box-shadow .5s, transform .2s, -webkit-transform .2s
}

#groupuserpic,
.offnavmenu {
    left: 10px;
    padding-right: 0
}

.story-video {
    margin: 5px auto
}

svg.feather {
    vertical-align: middle;
    margin-top: -4px;
    width: 19px;
    height: 19px
}

.btn-default {
    background-image: linear-gradient(#b384c9, #572b90 50%);
    color: #fff !important;
    border: 0;
    border-radius: 5px
}

.btn-default:hover {
    text-decoration: none;
    box-shadow: rgb(0 0 0 / 19%) 0 10px 20px, rgb(0 0 0 / 23%) 0 6px 6px
}

.ball-pulse {
    float: left;
    line-height: 30px;
    margin-left: 10px;
    display: none
}

.ball-pulse>div {
    background-color: #444;
    border-radius: 100%;
    margin: 0 1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ball-pulse>div:first-child {
    -webkit-animation: .75s cubic-bezier(.2, .68, .18, 1.08) -.24s infinite scale-pulse;
    animation: .75s cubic-bezier(.2, .68, .18, 1.08) -.24s infinite scale-pulse
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: .75s cubic-bezier(.2, .68, .18, 1.08) -.12s infinite scale-pulse;
    animation: .75s cubic-bezier(.2, .68, .18, 1.08) -.12s infinite scale-pulse
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: .75s cubic-bezier(.2, .68, .18, 1.08) 0 infinite scale-pulse;
    animation: .75s cubic-bezier(.2, .68, .18, 1.08) 0 infinite scale-pulse
}

@-webkit-keyframes scale-pulse {

    0%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
}

@keyframes scale-pulse {

    0%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
}

.navbar-default .accountmenu-icons li a {
    padding: 8px 16px
}

.accountmenu-icons i.zmdi {
    font-size: 16px;
    margin-right: 12px;
    width: 1.28571429em;
    text-align: center
}

#mobihomiz a {
    padding: 3px 4px 5px 7px;
    height: auto;
    transition: .2s;
    border-radius: 3px
}

#mobihomiz a:hover {
    background-color: rgba(0, 0, 0, .12)
}

#mobihomiz a i {
    vertical-align: sub
}

#mobihomiz .mobihide {
    display: inline-block;
    line-height: 20px;
    margin: 0 5px
}

.chat-containerz {
    max-height: 80%;
    position: fixed;
    bottom: 0;
    font-size: 13px;
    color: #333;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    right: 0;
    width: 190px;
    z-index: 500;
    display: block;
    background: #fdfdfd
}

.chat-container.full {
    min-height: 93% !important
}

.offnavmenu {
    cursor: default !important;
    overflow-y: auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    padding-top: 0;
    border-radius: 10px;
    padding-left: 0
}

.groupmenulist {
    padding: 2px 18px;
    transition: .2s
}

.market-header {
    background-repeat: repeat;
    text-align: center;
    font-size: 2em;
    font-weight: 200;
    padding: 40px 0;
    top: 45px;
    width: 100%;
    left: 0;
    position: absolute;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

#make-3D-space {
    position: relative;
    width: 100%;
    height: 330px;
    transition: transform 5s;
    top: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .28)
}

#product-back,
#product-front {
    width: 100%;
    height: 330px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transition: .1s ease-out
}

#product-back {
    display: none;
    transform: rotateY(180deg)
}

#product-card {
    width: 100%;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: .1s ease-out
}

div#product-card.flip-10 {
    transform: rotateY(-10deg);
    transition: 50ms ease-out
}

div#product-card.flip90 {
    transform: rotateY(90deg);
    transition: .1s ease-in
}

div#product-card.flip190 {
    transform: rotateY(190deg);
    transition: .1s ease-out
}

div#product-card.flip180 {
    transform: rotateY(180deg);
    transition: 150ms ease-out
}

#product-card.animate {
    top: 0;
    left: 0;
    width: 100%;
    height: 330px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3);
    transition: .1s ease-out
}

#product-card.animate #product-back,
#product-card.animate #product-front {
    top: 0;
    left: 0;
    transition: .1s ease-out
}

#product-front .stats-container {
    background: #fff;
    position: absolute;
    top: 230px;
    left: 0;
    width: 100%;
    height: 300px;
    padding: 10px;
    transition: .2s ease-out
}

#cx.s1,
#cx.s2,
#cx.s3,
#cy.s1,
#cy.s2,
#cy.s3 {
    transition: .1s ease-out
}

#product-card.animate .stats-container {
    top: 175px;
    transition: .2s ease-out
}

#product-front .stats-container .product_name {
    font-size: 20px;
    color: #393c45;
    line-height: normal
}

#product-front .stats-container p {
    font-size: 14px;
    color: #b1b1b3;
    padding: 2px 0 5px
}

#product-front .stats-container .product_price {
    display: table;
    color: #fff;
    font-size: 15px;
    font-family: roboto;
    background-color: #595959;
    padding: 2px 10px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin: -27px 0 10px -10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .37)
}

#product-front .image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225px;
    background: #48daa1;
    opacity: 0
}

#product-card.animate .image_overlay {
    opacity: .7;
    transition: .2s ease-out
}

.product-options {
    padding: 2px 0 0
}

.product-options span {
    float: right;
    padding: 0;
    box-shadow: none;
    margin-top: 5px
}

#view_details {
    position: absolute;
    top: 85px;
    left: 50%;
    margin-left: -85px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 19px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0;
    width: 172px;
    opacity: 0;
    transition: .2s ease-out
}

#view_details:hover {
    background: #fff;
    color: #48cfad;
    cursor: pointer
}

#product-card.animate #view_details {
    opacity: 1;
    width: 152px;
    font-size: 15px;
    margin-left: -75px;
    top: 65px;
    transition: .2s ease-out
}

div.shadow {
    width: 100%;
    height: 520px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    background: linear-gradient(to right, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2))
}

#product-back div.shadow {
    z-index: 10;
    opacity: 1;
    background: linear-gradient(to right, rgba(0, 0, 0, .2), rgba(0, 0, 0, .1))
}

#flip-back {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

#cx,
#cy {
    background: #d2d5dc;
    position: absolute;
    width: 0;
    top: 9px;
    right: 15px;
    height: 2px;
    transition: 250ms ease-in-out
}

#flip-back:hover #cx,
#flip-back:hover #cy {
    background: #979ca7;
    transition: 250ms ease-in-out
}

#cx.s1,
#cy.s1 {
    right: 0;
    width: 20px
}

#cy.s2 {
    transform: rotate(50deg)
}

#cy.s3 {
    transform: rotate(45deg)
}

#cx.s2 {
    transform: rotate(140deg)
}

#cx.s3 {
    transform: rotate(135deg)
}

#product-back #carousel {
    width: 100%;
    height: 330px;
    overflow: hidden;
    position: relative
}

#product-back #carousel p {
    padding: 10px 35px 10px 15px
}

.sideprolist {
    display: table;
    width: 100%;
    padding: 7px;
    border-bottom: 1px solid #eee
}

.cussidepageda,
.cussidepageda-2 {
    border-bottom: none;
    margin-bottom: 15px
}

#sideproheader.sideproheaderactive {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.main-profile-user {
    top: 155px
}

.main-profile-user-title {
    margin-top: -80px !important;
    left: 190px !important
}

.main-profile-user-option {
    display: flex;
    left: 157px !important;
    margin-top: -60px !important
}

.topheadbar {
    width: 1px;
    height: 36px;
    background: rgba(234, 234, 234, .46);
    float: left;
    margin-top: 7px;
    margin-left: 4px;
    margin-right: 4px
}

.cussidepageda-2 {
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 10%)
}

.cussidepageda-2:hover {
    box-shadow: 0 3px 9px rgb(0 0 0 / 24%)
}

.notification-mico {
    font-size: 15px;
    background: #fff;
    height: 25px;
    width: 25px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    border: 1px solid #ececec
}

#timelineusernam {
    position: relative;
    margin-top: 0 !important;
    left: 0 !important;
    text-shadow: 0 1px 3px #111;
    color: #fff;
    font-size: 26px;
    margin-bottom: 7px
}

.online-content-toggler {
    max-height: 100%;
    margin-bottom: 75px
}

.message-media img {
    width: 100%;
    height: 100%;
    max-width: 100%
}

.chat-toggle-bar {
    width: 100%;
    background: #f7f7f7;
    color: #4e5665;
    font-weight: 500;
    padding: 10px 15px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    position: relative
}

.comment-image-con {
    background-color: #fff;
    border: 0 solid #dddfe2;
    margin-top: 9px;
    width: 100%;
    min-height: 0;
    padding: 0
}

.comment-image-con img {
    width: 120px;
    height: 80px
}

.ps-container .home.profile-style.main,
ul.scrollmenu {
    width: 100% !important
}

.comment-image-con .remove-icon {
    color: #8c8c8c;
    text-shadow: none
}

.view-all-products {
    font-size: 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .31);
    border-radius: 50%;
    margin-top: 10px;
    line-height: 35px;
    color: #455ee9;
    height: 35px;
    width: 35px
}

.cussidefix ul li span.zmdi-hc-stack,
.left-sidebar ul li a span.zmdi-hc-stack {
    margin-right: 13px;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.7em
}

.cussidefix ul li .zmdi-hc-stack-2x,
.left-sidebar ul li a .zmdi-hc-stack-2x {
    font-size: 1.7em
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, .6)
}

.modal.fade {
    text-align: center;
    padding: 0 !important
}

.modal.matdialog .modal-content {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    display: block;
    padding: 24px;
    border-radius: 2px;
    box-sizing: border-box;
    overflow: auto;
    max-width: 80vw;
    outline: 0;
    width: 100%;
    height: 100%
}

.modal.matdialog .modal-header {
    display: block;
    padding: 0;
    margin: 0 0 20px;
    border: 0;
    background: #fff
}

.modal.matdialog .modal-title {
    padding: 0;
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    color: rgba(0, 0, 0, .87)
}

.modal.matdialog .modal-body {
    margin: 0 -24px;
    padding: 0 24px;
    max-height: 65vh;
    overflow: auto
}

.modal.matdialog .matbtn,
.ps-container .sidebar-brand {
    overflow: hidden;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap
}

.modal.matdialog .modal-footer {
    background: #fff;
    color: #3f51b5;
    margin-bottom: -24px;
    padding: 12px 0;
    border: 0
}

.modal.matdialog .matbtn {
    position: relative;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
    border-radius: 2px;
    border: 0;
    padding: 0 6px;
    margin: 6px 8px;
    background: 0 0;
    color: currentColor;
    text-transform: uppercase;
    font-size: 14px;
    font-family: roboto;
    box-shadow: none;
    transition: .1s
}

.modal.matdialog .matbtn:hover {
    background: #e2e2e2
}

.modal.fade:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal.fade .modal-dialog {
    transform: scale(.7);
    opacity: 0;
    transition: .3s;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: auto !important
}

.modal.fade.in .modal-dialog {
    transform: scale(1);
    opacity: 1
}

.modal.modal-left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 74%;
    height: 100%;
    transform: translate3d(0, 0, 0)
}

.modal.modal-left .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0
}

.modal.modal-left .modal-content::-webkit-scrollbar {
    display: none
}

.modal.modal-left.fade .modal-dialog {
    left: -70%;
    transition: opacity .3s linear, left .3s ease-out
}

.ps-container .sidebar-conatnier .card.hovercard .cardheader {
    height: 370px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-color: #80888e;
    transition: .2s ease-in-out
}

.ps-container .sidebar-profile-style {
    padding-bottom: 0 !important;
    margin-bottom: 10px !important
}

.ps-container .sidebar-conatnier .profile-style .card {
    margin-bottom: 0;
    border-radius: 0
}

.ps-container #avatarm img {
    width: 54px !important;
    height: 54px !important;
    margin: 16px;
    border-radius: 50%;
    transition: .2s ease-in-out
}

.ps-container .sidebar-brand {
    position: absolute;
    background-color: rgba(0, 0, 0, .24);
    bottom: 0;
    color: #f2f2f2;
    left: 0;
    right: 0;
    display: block;
    height: 48px;
    line-height: 20px;
    padding: 4px 56px 0 16px;
    clear: both;
    transition: .2s ease-in-out
}

.ps-container .sidebar-brand .caret {
    position: absolute;
    right: 24px;
    top: 24px
}

.ps-container .dropdown-menu {
    position: relative;
    width: 100%;
    background-color: #e0e0e0;
    margin: 0 0 10px;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transform-origin: top;
    animation-fill-mode: forwards;
    transform: scale(1, 0);
    display: block;
    transition: .2s linear
}

.ps-container .dropdown-menu.open {
    display: block !important;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.ps-container .left-sidebar ul li a {
    padding: 6px 12px
}

.ps-container .left-sidebar ul li a i {
    font-size: 24px;
    margin-right: 25px;
    margin-left: 10px;
    line-height: 34px
}

.sidebar-setting {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0
}

ul.scrollmenu {
    white-space: nowrap;
    overflow: auto;
    border: none;
    margin-bottom: 0;
    border-radius: 0
}

ul.scrollmenu li {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    float: none;
    width: auto;
    border-right: none;
    height: 40px;
    line-height: 35px
}

#profilenav {
    background: #fff;
    height: 44px;
    width: 100%;
    border-top: 1px solid #ddd;
    position: sticky;
    top: 50px;
    z-index: 0;
    font-size: 12px
}

#profilenav ul {
    padding-left: unset;
    overflow: visible;
    overflow-x: visible;
    align-items: center;
    height: auto;
    white-space: nowrap
}

#profilenav ul li {
    display: inline-block;
    margin: 12px auto;
    border-right: 1px solid #ddd
}

#profilenav .menuactive {
    border-bottom: 3px solid #2196f3 !important;
    border-radius: 10px
}

#profilenav-mobile {
    display: none;
    background: #fff;
    width: 100%;
    position: relative;
    border-top: 1px solid #ddd
}

#profilenav-mobile ul {
    padding: 0;
    white-space: unset;
    margin: 0
}

#profilenav-mobile ul li {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    text-align: center
}

#profilenav-mobile .groupmenulist,
.groupmenulist-1,
.groupmenulist-2 {
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0 solid;
    display: block;
    padding: 5px 15px;
    transition: .15s ease-in-out;
    text-transform: capitalize
}

#profilenav-mobile .menuactive {
    border-bottom: 3px solid #2196f3
}

.problackback {
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .45) 100%);
    padding: 100px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.propicname {
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.prouseroptions {
    position: relative;
    left: 0 !important;
    margin-left: 0;
    margin-top: 0 !important;
    right: 0;
    display: block
}

#bank_transfer_donate_modal.up_rec_active .dt_bank_trans_upl_rec,
#bank_transfer_donate_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts p,
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts svg,
#bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec,
#bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p,
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg,
.btn-loading:before,
.mobisearchcont .dropdown-menu .user-lastseen,
.post .post-heading .time.mobi-post-time,
.post .stats.mobi-post-actions,
.procatsho,
.procattogg,
.show_post_comm_mobi,
.tgl,
.tgl+.tgl-btn:before,
.user-cover-mobile,
.wonderful-user .info-part .user-username,
.wonderful-user .info-part-2 .user-username {
    display: none
}

.cushomewider {
    width: 68%
}

@-webkit-keyframes wiggle {

    0%,
    100% {
        transform: scale(1)
    }

    40% {
        transform: scale(1.25)
    }

    70% {
        transform: scale(.9)
    }
}

@keyframes wiggle {

    0%,
    100% {
        transform: scale(1)
    }

    40% {
        transform: scale(1.25)
    }

    70% {
        transform: scale(.9)
    }
}

.wiggani:hover .active-like .zmdi {
    -webkit-animation: .4s wiggle;
    animation: .4s wiggle
}

input.cusrange[type=range] {
    -webkit-appearance: none;
    width: 85%;
    border-radius: 8px;
    height: 7px;
    border: 1px solid #bdc3c7;
    background-color: #ccc;
    display: inline-block;
    outline: 0
}

input.cusrange[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #2196f3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    cursor: pointer
}

input.cusrange[type=range]::-moz-range-track {
    width: 84%;
    border-radius: 8px;
    height: 7px;
    background-color: #ccc;
    display: inline-block;
    outline: 0
}

input.cusrange[type=range]::-moz-range-thumb {
    background-color: #2196f3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    cursor: pointer
}

input.cusrange[type=range]::-ms-fill-lower,
input.cusrange[type=range]::-ms-fill-upper {
    background: 0 0
}

input.cusrange[type=range]::-ms-track {
    border-radius: 8px;
    height: 7px;
    border: 1px solid #bdc3c7;
    background-color: #ccc
}

input.cusrange[type=range]::-ms-thumb {
    background-color: #2196f3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .28);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    cursor: pointer
}

.devapps .profile-style {
    padding: 5px;
    width: 48%;
    position: relative;
    float: left;
    margin: 5px 5px 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    background: #fff;
    transition: .2s
}

.devapps .profile-style img {
    border-radius: 3px;
    border: none;
    width: 65px;
    height: 65px
}

.devapps .profile-style .title {
    padding: 5px 5px 5px 0;
    color: #212121;
    display: block;
    font-size: 16px;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    font-family: roboto;
    text-transform: capitalize;
    text-overflow: ellipsis
}

.devapps .profile-style .playbtn {
    display: block;
    text-transform: uppercase;
    box-shadow: none;
    background-color: #fff;
    color: #ff9800;
    font-weight: 500;
    font-family: roboto;
    transition: .2s
}

.devapps .profile-style .playbtn:hover {
    background-color: #efefef
}

.devapps .profile-style .playbtn i {
    font-size: 15px;
    margin: -2px 7px 0 0
}

.cusgrouptito {
    padding: 27px 80px 0 25px
}

#groupuserpic {
    height: 90px;
    width: 90px;
    position: relative;
    bottom: 0;
    top: 10px
}

#groupuserpic #group-avatar-image {
    height: 90px;
    width: 90px;
    box-shadow: 0 1px 2px rgba(68, 68, 68, .42)
}

.user-status-mobile {
    display: none;
    margin-top: -15px;
    border: none;
    border-radius: 0;
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15)
}

.bouncemation,
.text-sender-container .message-contnaier {
    -webkit-animation: .5s linear both bounce;
    animation: .5s linear both bounce
}

@keyframes bounce {
    0% {
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    4.7% {
        transform: matrix3d(.45, 0, 0, 0, 0, .45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    9.41% {
        transform: matrix3d(.883, 0, 0, 0, 0, .883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    14.11% {
        transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    18.72% {
        transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    24.32% {
        transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    29.93% {
        transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    35.54% {
        transform: matrix3d(.979, 0, 0, 0, 0, .979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    41.04% {
        transform: matrix3d(.961, 0, 0, 0, 0, .961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    52.15% {
        transform: matrix3d(.991, 0, 0, 0, 0, .991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    63.26% {
        transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    85.49% {
        transform: matrix3d(.999, 0, 0, 0, 0, .999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

.search-user-profile {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .23);
    border-radius: 8px;
    margin: 10px auto;
    height: 185px;
    padding: 13px 10px;
    transition: .2s ease-in-out
}

.search-user-profile:hover {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .23)
}

.search-user-profile .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 10px;
    border: 1px solid #555
}

.search-user-profile .title {
    font-family: 'Poppins';
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 10px 0 5px
}

.search-user-profile .user-lastseen {
    margin: 0 0 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bdaybg-img {
    height: 80px;
    border-bottom-width: 0;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.bdaybg-img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #3f51b5, #dc4225);
    opacity: .6
}

.bday-user-sidebar {
    display: block !important;
    position: relative;
    margin: 5px auto;
    padding: 7px 5px 8px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 3px
}

.bday-user-sidebar .avatar img {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%
}

.bday-user-sidebar .bday-name,
.event-grid-mobi {
    display: grid
}

.user-navigate {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translate(0, -50%)
}

.user-navigate.scrollRight {
    left: -40px
}

.user-navigate.scrollLeft {
    right: -40px
}

.user-navigate a {
    position: relative;
    padding: 13px 15px;
    font-size: 25px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    background-color: rgba(255, 255, 255, .98);
    cursor: pointer
}

.user-navigate a:hover {
    box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .3)
}

.user-navigate.scrollLeft a {
    right: -1px;
    border-radius: 4px 0 0 4px
}

.active_sessions .as_list .session_info p svg,
.user-navigate a i {
    margin-top: -2px
}

.wonderful-user {
    width: 100% !important;
    display: table !important;
    margin: 10px 0 !important;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 8px
}

.wonderful-user:last-child {
    margin-bottom: 0 !important;
    border: none
}

.wonderful-user .avatar img {
    width: 100px !important;
    height: 100px
}

.wonderful-user .info-part,
.wonderful-user .info-part-2 {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.wonderful-user .user-name {
    font-size: 13px;
    line-height: 1.5;
    text-transform: capitalize
}

.wonderful-user .user-username {
    color: #6d6d6d;
    font-size: 11px
}

.wonderful-user .user-follow-button button {
    margin: 5px 0 13px
}

.sidebar-groupz-may-know-container {
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
    padding-left: 15px
}

.wonderful-group {
    width: 200px !important;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    padding: 10px;
    margin: 6px 4px 10px !important;
    border: 1px solid #f1f1f1
}

#sidebar-group-list-container .user-navigate {
    transition: .2s
}

#sidebar-group-list-container .user-navigate a {
    padding: 10px 11px;
    font-size: 17px
}

.wonderful-group .group-header {
    margin-bottom: 9px;
    position: relative;
    height: 25px
}

.wonderful-group .group-header h3 {
    margin: 0;
    line-height: 25px;
    font-size: 13px;
    font-family: Roboto;
    text-transform: capitalize
}

.wonderful-group .group-header h3 a {
    max-width: 120px
}

.wonderful-group .group-middle {
    white-space: normal
}

.wonderful-group .user-follow-btn {
    position: absolute;
    right: 0;
    box-shadow: -6px 0 6px #fff
}

.wonderful-group .user-follow-button button {
    margin-top: 0;
    box-shadow: none;
    border-radius: 2px;
    height: 24px !important;
    line-height: normal;
    padding: 3px 7px
}

.startSteps {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 25px 0 10px
}

.startSteps:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    border-top: 1px dashed #81c0e6;
    z-index: -1
}

.startSteps span.step {
    display: inline-block;
    background: #fff;
    color: #81c0e6;
    font-weight: 700;
    font-size: 22px;
    border: 1px dashed #81c0e6;
    padding: 8px 13px 9px;
    margin: 0 40px;
    z-index: 2;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    user-select: none
}

.startSteps span.stepped {
    background: #81c0e6;
    color: #fff
}

.side-widget-name {
    font-weight: 500;
    color: #fff !important;
    font-size: 12px !important;
    text-transform: uppercase;
    padding: 6px 10px 12px !important;
    text-align: center;
    background: #322454 !important;
    border-radius: 4px;
    border: 0 !important;
    margin-bottom: 12px
}

.post .post-heading .meta .zmdi-circle {
    display: none;
    font-size: 4px;
    color: #999;
    margin-right: 3px
}

.post .options,
.post .post-map {
    margin: 0 0 10px
}

.post .gif-sticker {
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 31px;
    padding: 0 5px;
    background: rgba(0, 0, 0, .3);
    line-height: 0;
    border-radius: 3px;
    color: #fff;
    z-index: 9
}

.post-actions.pull-right .stat-item i {
    margin-top: -2px !important
}

.post-commentimg-grid {
    margin: 0;
    padding-left: 8px;
    display: grid
}

.camera-button {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 5px;
    margin: 0 5px
}

#camera-button-btn {
    right: 2px;
    font-size: 18px;
    border-color: #fff;
    padding: 0;
    color: #737373;
    box-shadow: none !important;
    height: 40px
}

.post-select-public {
    background: linear-gradient(to bottom, #fdfdfd 0, #f4f4f4 100%);
    border-radius: 4px
}

.post-select-public select {
    background: 0 0;
    border: 0 !important;
    font-weight: 500;
    font-family: roboto
}

#good-catz .list-group {
    background-color: transparent;
    border: none
}

#good-catz .list-group-item,
.read-blog .read-blog-thumbnail {
    margin: 10px auto
}

#good-catz .list-group-item a {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .21);
    padding: 9px 15px;
    border-radius: 16px;
    transition: .3s
}

#good-catz .list-group-item a:hover {
    background: #607d8b;
    color: #fff
}

.products .list-group-item,
.products .procuts-categories {
    background-color: transparent !important
}

.productz .list-group-item,
.productz .procuts-categories {
    width: 100%;
    background-color: #fff !important
}

.productz ul li.active {
    background-color: #f5f5f4 !important
}

.productz .blog-categories .list-group {
    border: 0 !important
}

.cattitle {
    font-family: roboto;
    font-size: 27px !important;
    font-weight: 400 !important;
    background: 0 0 !important
}

.timelineuserpropic {
    width: 150px;
    height: 150px;
    border-width: 0;
    box-shadow: 0 1px 2px rgba(68, 68, 68, .42)
}

.wi.sunrise:before {
    content: "\f051"
}

.wi.sunset:before {
    content: "\f052"
}

.wi.wi771:before,
.wi.wi905:before,
.wi.wi956:before,
.wi.wi957:before,
.wi.wi958:before,
.wi.wind:before {
    content: "\f050"
}

.wi.humidity:before {
    content: "\f04e"
}

.wi.pressure:before {
    content: "\f040"
}

.wi.cloudiness:before {
    content: "\f041"
}

.wi.temperature.metric:after {
    content: "\f03c"
}

.wi.temperature.imperial:after {
    content: "\f045"
}

.wi.loading:after {
    content: "\f04c"
}

.wi.wi200:before,
.wi.wi201:before,
.wi.wi230:before,
.wi.wi231:before,
.wi.wi232:before {
    content: "\f01d"
}

.wi.wi202:before,
.wi.wi211:before,
.wi.wi212:before {
    content: "\f01e"
}

.wi.wi210:before {
    content: "\f010"
}

.wi.wi221:before {
    content: "\f016"
}

.wi.wi300:before,
.wi.wi301:before,
.wi.wi302:before,
.wi.wi310:before {
    content: "\f01c"
}

.wi.wi311:before,
.wi.wi312:before,
.wi.wi501:before,
.wi.wi615:before,
.wi.wi616:before,
.wi.wi620:before,
.wi.wi621:before,
.wi.wi622:before {
    content: "\f017"
}

.wi.wi313:before,
.wi.wi314:before,
.wi.wi321:before,
.wi.wi500:before,
.wi.wi520:before,
.wi.wi521:before,
.wi.wi522:before,
.wi.wi531:before {
    content: "\f01a"
}

.wi.wi502:before,
.wi.wi503:before {
    content: "\f019"
}

.wi.wi504:before {
    content: "\f018"
}

.wi.wi511:before,
.wi.wi611:before,
.wi.wi612:before,
.wi.wi906:before {
    content: "\f015"
}

.wi.wi600:before,
.wi.wi601:before,
.wi.wi602:before {
    content: "\f01b"
}

.wi.wi701:before,
.wi.wi721:before,
.wi.wi741:before {
    content: "\f014"
}

.wi.wi711:before {
    content: "\f062"
}

.wi.wi731:before,
.wi.wi751:before,
.wi.wi761:before,
.wi.wi762:before {
    content: "\f063"
}

.wi.wi781:before,
.wi.wi900:before {
    content: "\f056"
}

.wi.wi800:before,
.wi.wi951:before {
    content: "\f00d"
}

.wi.wi801:before,
.wi.wi802:before,
.wi.wi803:before {
    content: "\f002"
}

.wi.wi804:before {
    content: "\f00c"
}

.wi.wi901:before,
.wi.wi902:before,
.wi.wi959:before,
.wi.wi960:before,
.wi.wi961:before,
.wi.wi962:before {
    content: "\f073"
}

.wi.wi903:before {
    content: "\f076"
}

.wi.wi904:before {
    content: "\f072"
}

.wi.wi952:before,
.wi.wi953:before,
.wi.wi954:before,
.wi.wi955:before {
    content: "\f021"
}

.wi:after,
.wi:before {
    display: inline-block;
    font-family: weathericons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wonderful-weather {
    position: relative;
    padding: 5px 0 10px
}

#wonderfulWeatherLoading.loading {
    font-size: 90px;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    animation: 2s linear infinite spin;
    opacity: .2
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.wonderfulWeather h2 {
    font-family: roboto;
    font-size: 12px;
    text-align: center
}

.wonderfulWeather .wiToday>.wiIconGroup {
    float: right;
    width: 50%;
    text-align: center
}

.wonderfulWeather .wiToday .wiIconGroup .wi,
.wonderfulWeather .wiToday .wiIconGroup:before {
    font-size: 400%;
    line-height: 1.45em;
    width: 100%;
    vertical-align: text-bottom
}

.wonderfulWeather .wiToday>.wiIconGroup p {
    width: 100%;
    color: inherit;
    line-height: 1em;
    padding: 6px 0 0
}

.wonderfulWeather h2,
.wonderfulWeather h3,
.wonderfulWeather li,
.wonderfulWeather p,
.wonderfulWeather ul {
    padding: 0;
    margin: 0;
    color: inherit
}

.wonderfulWeather div.wiToday>p.wiTemperature {
    font-size: 400%;
    font-family: roboto;
    float: left;
    width: 50%;
    text-align: center;
    color: inherit
}

.wonderfulWeather sup {
    opacity: .7;
    font-size: 65%;
    vertical-align: baseline;
    top: -.5em;
    position: relative
}

.wonderfulWeather.partial .wiToday p.wiDay {
    text-align: center;
    font-weight: 700;
    padding: 0 0 10px;
    clear: both;
    width: 100%;
    color: inherit
}

.wonderfulWeather .wiText {
    font-size: 18px;
    text-align: center;
    margin: 2px 0 8px
}

.wonderfulWeather .wiDay {
    font-size: 13px;
    text-align: center;
    margin: 10px 0 0
}

.wonderfulWeather ul.wiForecasts .wiDay {
    font-size: 13px;
    text-align: center;
    margin: 0
}

.wonderfulWeather ul.wiForecasts {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 15px
}

.wonderfulWeather ul.wiForecasts:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .26);
    opacity: .1
}

.wonderfulWeather ul.wiForecasts li {
    float: left;
    width: 100%;
    overflow: hidden;
    display: inline
}

.wonderfulWeather ul.wiForecasts li.wiDay {
    font-weight: 700;
    padding: 5px 0
}

.wonderfulWeather ul.wiForecasts li>span {
    width: 30%;
    display: inline-block
}

.wonderfulWeather ul.wiForecasts ul.wiForecast {
    font-weight: 400;
    list-style: none;
    float: right;
    width: 70%
}

.wonderfulWeather ul.wiForecasts ul.wiForecast li {
    width: 33%;
    float: left;
    text-align: center
}

#fullsizeimg {
    margin: 15px;
    width: 95%;
    border-radius: 10px
}

#fullsizeimg img {
    max-height: inherit;
    border: 2px solid #fff;
    padding: 0;
    border-radius: 0;
    object-fit: cover;
    height: auto;
    margin: 0 auto
}

#mobi-search-input {
    width: 100%;
    color: #404040 !important;
    background: #e9ebee !important;
    box-shadow: none;
    border-radius: 4px;
    border: 0;
    padding: 0 15px 0 10px
}

.mobisearchcont .dropdown-menu {
    box-shadow: none;
    padding: 10px
}

.mobisearchcont .search-dropdown-result .search-user-name {
    font-size: 15px;
    line-height: 30px
}

.mobisearchcont .search-dropdown-result li {
    margin: 6px 0;
    padding: 0 10px 6px;
    border-bottom: 1px solid #f7f7f7
}

.modal-footer {
    padding: 10px 15px;
    background-color: #fafbfc;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #e7e8ec
}

.wo_create_form_cover {
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding: 10px 15px;
    position: relative;
    border-radius: 2px;
    margin-top: 0;
    font-weight: 500;
    font-family: lato;
    line-height: 33px;
    font-size: 21px
}

.wo_create_form_cover:before {
    content: '';
    display: block;
    position: absolute;
    left: 50px;
    bottom: -15px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #fff;
    filter: drop-shadow(-1px 0 0 rgba(0, 0, 0, .25));
    cursor: default;
    z-index: 1;
    transform: rotate(270deg)
}

.wo_create_form_cover>svg {
    padding: 6px;
    width: 29px;
    height: 29px;
    margin: -8px 8px -4px 0;
    border-radius: 3px
}

.wo_create_form_cover h4 {
    font-size: 13px;
    margin: 10px 0
}

.wo_create_form_cover h4 svg {
    width: 17px;
    height: 17px;
    margin-top: -2px
}

.wo_create_form_cover.album {
    color: #8bc34a
}

.wo_create_form_cover.album>svg {
    background: #8bc34a
}

.wo_create_form_cover.blog {
    color: #009da0
}

.wo_create_form_cover.blog>svg {
    background: #009da0
}

.wo_create_form_cover.group {
    color: #03a9f4
}

.wo_create_form_cover.group>svg {
    background: #03a9f4
}

.wo_create_form_cover.page {
    color: #f79f58
}

.wo_create_form_cover.page>svg {
    background: #f79f58
}

.wo_create_form_cover.product {
    color: #6a7f9a
}

.wo_create_form_cover.product>svg {
    background: #6a7f9a
}

.wo-create-forms .wo_settings_page {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 0 0 2px 2px;
    box-shadow: none;
    padding: 10px 15px;
    position: relative
}

.wo-create-forms .wo_settings_page .last-sett-btn {
    margin-right: -5px;
    margin-bottom: -10px
}

.wo-create-forms .upload-product-image {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 2px dashed #cecece;
    cursor: pointer;
    display: table;
    margin: 0 6px
}

.wo-create-forms .upload-product-image svg.feather {
    width: 24px;
    height: 24px;
    color: #848484dd
}

#productimage-holder {
    width: 100%;
    padding: 0 8px;
    margin: 0;
    white-space: nowrap
}

#image-holder .thumb-image,
#productimage-holder .thumb-image {
    width: 100px;
    height: 100px;
    margin: 0 5px 0 0;
    display: inline-block;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
    border-radius: 4px
}

.widget-heading {
    padding: 12px 15px 10px;
    font-size: 15px;
    font-weight: 600
}

.widget-heading svg.feather {
    background-color: #ededed;
    padding: 7px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin: -4px 5px 0 -2px;
    color: #fff
}

.widget-heading .edit-link {
    text-transform: uppercase;
    font-size: 11px;
    margin: 5px 0
}

.widget-heading h5 {
    color: #90949c;
    display: inline;
    margin: 0 1px
}

.post .post-footer .comments-list .comment .comment-options.sfsfsf {
    position: absolute;
    right: 0;
    visibility: hidden
}

.post .post-footer .comments-list .comment .wo_fb_comm {
    align-items: flex-end;
    display: flex;
    width: auto;
    margin-bottom: 6px;
    padding-right: 50px
}

.post .post-footer .comments-list .comment .wo_fb_comm .innr_div {
    border-radius: 18px;
    display: block;
    line-height: 16px;
    font-size: 13px;
    padding: 8px 10px;
    background-color: #fff
}

.post .post-footer .comments-list .comment .wo_fb_comm .comm_head {
    display: inline;
    margin-right: 6px
}

.post .post-footer .comments-list .comment .wo_fb_comm .comm_head a {
    color: #404040
}

.post .post-footer .comments-list .comment .wo_fb_comm .comment-text {
    width: auto;
    display: inline
}

.btn-shadow {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .27)
}

.wo_404_main {
    padding: 45px 15px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12);
    border: 0
}

.wo_404_main .btn {
    margin: 20px 0 30px;
    padding: 8px 22px;
    font-family: lato;
    font-weight: 600
}

.wo_404 {
    text-align: center;
    font-size: 104px;
    font-weight: 800;
    margin: 70px 15px 100px
}

.wo_404>span {
    display: inline-block;
    position: relative
}

.wo_404>span.four {
    width: 136px;
    height: 43px;
    border-radius: 999px;
    background-color: #a84849
}

.wo_404>span.four:after,
.wo_404>span.four:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px
}

.wo_404>span.four:before {
    width: 43px;
    height: 156px;
    left: 60px;
    bottom: -43px;
    background-color: #8a3c3c
}

.wo_404>span.four:after {
    width: 137px;
    height: 43px;
    transform: rotate(-49.5deg);
    left: -18px;
    bottom: 36px;
    background-color: #7a3636
}

.wo_404>span.zero {
    vertical-align: text-top;
    width: 156px;
    height: 156px;
    border-radius: 999px;
    background-color: #a84849;
    overflow: hidden;
    animation: 5s infinite bgshadow
}

.wo_404>span.zero:before {
    content: '';
    display: block;
    position: absolute;
    transform: rotate(45deg);
    width: 90px;
    height: 90px;
    background-color: transparent;
    left: 0;
    bottom: 0;
    background: linear-gradient(95deg, transparent 0, transparent 8%, rgba(0, 0, 0, .07) 9%, transparent 50%, transparent 100%), linear-gradient(85deg, transparent 0, transparent 19%, rgba(0, 0, 0, .05) 20%, rgba(0, 0, 0, .07) 91%, transparent 92%, transparent 100%)
}

.wo_404>span.zero:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px;
    width: 70px;
    height: 70px;
    left: 43px;
    bottom: 43px;
    background: #fff;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .1)
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em
}

@keyframes bgshadow {
    0% {
        box-shadow: inset -160px 160px 0 5px rgba(0, 0, 0, .4)
    }

    45%,
    55% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .1)
    }

    100% {
        box-shadow: inset 160px -160px 0 5px rgba(0, 0, 0, .4)
    }
}

.wo_ads_wallet {
    padding: 20px 0
}

.wo_ads_wallet .my_wallet {
    border-right: 1px solid #e7e7e7
}

.wo_ads_wallet svg.feather-wallet {
    margin-top: 0;
    width: 35px;
    height: 35px
}

#send-money-form h5,
.wo_ads_wallet #replenish-user-account h5,
.wo_ads_wallet .my_wallet h5 {
    position: relative;
    display: inline-block
}

#send-money-form h5 span,
.wo_ads_wallet #replenish-user-account span,
.wo_ads_wallet .my_wallet h5 span {
    font-size: 38px;
    position: absolute;
    top: 7px;
    left: -30px
}

#send-money-form h5 input,
.wo_ads_wallet #replenish-user-account input,
.wo_ads_wallet .my_wallet h5 b {
    font-size: 80px;
    font-family: opensanslight;
    margin: 0;
    border: 0;
    padding: 0
}

#send-money-form h5 span,
.wo_ads_wallet #replenish-user-account span {
    left: -25px
}

#send-money-form h5 input,
.wo_ads_wallet #replenish-user-account input {
    height: 87px;
    text-align: center;
    max-width: 160px;
    outline: 0
}

.wo_settings_page {
    background-color: #fff;
    border-radius: 10px !important;
    padding: 15px;
    border: 1px solid #dadada;
    margin-bottom: 20px
}

.wo_settings_page h3,
.wo_terms_page h3 {
    font-size: 18px;
    color: #fff;
    padding: 10px 20px 10px 15px;
    margin: -15px -15px 7px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #3f51b5
}

.wo_settings_page h1,
.wo_terms_page h1 {
    font-size: 19px;
    color: #fff;
    padding: 20px 20px 20px 15px;
    margin: -15px -5px 7px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fba919
}

.wo_settings_page .setting-panel {
    padding: 10px 0;
    margin: 5px 3px
}

.wo_settings_page .setting-panel label.col-md-12 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500
}

.wo_settings_page .setting-panel input[type=email],
.wo_settings_page .setting-panel input[type=password],
.wo_settings_page .setting-panel input[type=text],
.wo_settings_page .setting-panel input[type=url],
.wo_settings_page .setting-panel select,
[type=date],
[type=file],
[type=number] {
    height: 45px;
    line-height: 14px
}

.wo_settings_page .setting-panel select {
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-radius: 0
}

.wo_settings_page .setting-panel .avatar-holder {
    text-align: left;
    padding: 0 30px
}

.wo_settings_page .setting-panel .avatar-holder .avatar {
    border-radius: 50%;
    max-width: 80px;
    height: 80px
}

.wo_settings_page .setting-panel .avatar-holder strong {
    padding-top: 0;
    font-size: 22px;
    color: #858b8c;
    font-weight: 500;
    margin-left: 0;
    display: block
}

.wo_settings_page .setting-panel .avatar-holder strong a {
    color: #454545;
    text-transform: capitalize
}

.wo_settings_page .setting-panel .avatar-holder .chavatlink {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .4px;
    margin-left: 0;
    color: #151720
}

.wo_settings_page .setting-panel .show-upgrades #upgrade-button,
.wo_settings_page .setting-panel .wo_sett_upgrade {
    background-color: #03a9f4;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 500
}

.wo_settings_page .setting-panel hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-top: 1px solid #eee
}

.wo_settings_page .setting-panel .wo_sett_upgrade {
    padding: 6px 13px;
    margin: 5px 15px 4px;
    display: inline-block
}

.wo_settings_page .setting-panel .show-upgrades #upgrade-button {
    padding: 11px 13px;
    border: 0;
    width: 110px;
    text-align: center
}

.wo_settings_page .setting-panel-mdbtn {
    padding: 9px 20px !important;
    border-radius: 5px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .24);
    font-weight: 500;
    margin: 2px 15px;
    font-family: Roboto, sans-serif
}

.wo_settings_page .setting-panel-mdbtn svg.feather {
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0
}

.wo_settings_page .last-sett-btn {
    margin-right: -15px;
    margin-bottom: -15px
}

.wo_settings_page .modal-footer {
    background-color: #fff;
    border-color: #fff
}

.wo_settings_page .wo_delete_account {
    margin-left: auto;
    position: relative;
    display: table;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .4px;
    color: #151720
}

.wo_settings_page .wo_design_button {
    width: 180px;
    display: table;
    min-height: 180px;
    overflow: hidden;
    border: 2px dashed #ccc;
    background: #fff;
    padding: 5px
}

.wo_settings_page .wo_design_button span {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #666
}

.wo_settings_page .wo_design_button svg.feather {
    margin-top: 0;
    width: 45px;
    height: 45px;
    color: #cecece
}

.empty_state {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    font-weight: 700;
    color: #6d6d6d
}

.empty_state svg.feather {
    display: block;
    margin: 0 auto 15px;
    width: 45px;
    height: 45px;
    color: #fff;
    background-color: #adadad;
    border-radius: 5px;
    padding: 5px
}

.my_pages_header {
    padding: 0 7px;
    margin-right: 2px;
    margin-left: 2px;
    z-index: 9
}

.my_pages_header ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;
    height: 47px
}

.my_pages_header ul li {
    text-align: center;
    width: 140px;
    padding: 13px 0;
    display: inline-block;
    text-transform: capitalize
}

.my_pages_header ul li a {
    color: #fff;
    padding: 15px 11px;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none
}

.my_pages_header ul li.active a {
    font-weight: 600;
    border-bottom: 2px solid;
    color: orange
}

.my_pages_header ul li a svg {
    width: 17px;
    height: 17px;
    margin: -2px 2px 0 0;
    vertical-align: middle
}

.my_pages_header .btn-success {
    padding: 2px 5px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    font-weight: 700;
    margin: 8px 1px;
    background-color: #3f51b5;
    border-color: #3c4daf
}

.my_pages_header .btn-success:hover {
    background-color: #2f3f9b
}

.my_pages_header .btn-success a {
    padding: 4px 16px;
    display: block;
    color: #fff;
    font-size: 12px;
    text-decoration: none
}

.wo_about_wrapper_parent {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    min-height: 370px
}

.wo_about_wrapper {
    position: relative;
    min-height: 370px
}

.wo_about_wrapper,
.wo_about_wrapper .full-width-picture {
    height: 370px;
    background-position: center;
    background-size: cover
}

.hero-overlay {
    background: rgba(62, 57, 107, .6);
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 80px
}

.wo_about_wrapper .hero-overlay {
    background-image: linear-gradient(to right, rgba(63, 81, 181, .6), rgba(63, 81, 181, .73));
    position: absolute;
    width: 100%;
    height: 100%
}

.wo_about_wrapper .hero-overlay h1 {
    color: #fff;
    font-family: opensanslight;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 12px;
    line-height: 48px
}

.wo_about_wrapper .hero-overlay h1 .site_desc {
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    display: block;
    margin-top: 30px
}

.wo_about_page_margin {
    margin-top: 330px;
    position: relative
}

.wo_about_page_margin .list-group {
    padding: 13px 20px
}

.wo_event_profile .user-social-links,
.wo_page_profile .user-social-links {
    padding: 0 40px 10px !important
}

.wo_event_profile .event-info-cont {
    position: relative;
    background: #fff;
    min-height: 85px;
    margin: 0 0 10px;
    box-shadow: 0 1px 0 0 #e3e4e8, 0 0 0 1px #f1f1f1;
    padding: 5px 7px 12px
}

.wo_event_profile .card.hovercard .info .title {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    line-height: unset;
    color: #3e3e3e;
    text-shadow: none;
    font-size: 24px
}

.wo_event_profile .options-buttons {
    position: relative;
    margin: 9px 0 0;
    right: auto
}

.wo_event_profile .options-buttons a,
.wo_event_profile .options-buttons button {
    float: none;
    margin: 0 4px 4px 0
}

.event_cdown {
    padding: 0;
    margin: 16px 0 6px;
    text-align: end
}

.event_cdown li {
    display: inline-block;
    font-size: 10px;
    list-style-type: none;
    padding: 0 8px;
    text-transform: uppercase;
    text-align: center
}

.event_cdown li span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(#f7f7f7, #fff);
    border-radius: 2px;
    margin-bottom: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    position: relative;
    min-width: 40px
}

.event_cdown li span::before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    left: -1px;
    margin: -.5px 0 0;
    position: absolute;
    right: -1px;
    top: 50%;
    width: auto
}

.event_two_blocks {
    background: linear-gradient(#fff, #f9f9f9);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin: 0 0 2px;
    padding: 0
}

.event_two_blocks li {
    display: inline-block;
    width: 49.3%;
    text-align: center;
    padding: 10px 5px;
    font-size: 13px
}

.event_two_blocks li:first-child {
    border-right: 1px solid #e9e9e9
}

.event_two_blocks li span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 14px
}

.event_invite_frnd svg.feather {
    padding: 0;
    margin: 11px 9px 12px 13px
}

.event_invite_frnd {
    padding: 5px 10px;
    background-color: #fafafa;
    position: relative
}

.lb-preloader,
.wo_lbox_topbar {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0
}

.event_invite_frnd input {
    padding-left: 40px;
    border: 1px solid #c4ddf1 !important;
    border-radius: 18px
}

.event_invite_frnd input:focus {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border: 1px solid #2196f3 !important
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul {
    overflow: hidden;
    margin: 0
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li {
    width: 33.3333333%;
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 10px;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: .5s ease-in-out;
    transition: .2s ease-in-out;
    font-size: 16px;
    float: left;
    border-bottom: 2px solid #fff
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li svg.feather {
    padding: 8px;
    display: block;
    margin: 0 auto 5px;
    width: 50px;
    height: 50px;
    fill: #383838;
    background-color: #b5b5b5;
    border-radius: 50%
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li.active {
    opacity: 1;
    border-left: 0 !important;
    border-bottom: 2px solid #3f51b5
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li[data-gender=all].active svg.feather,
#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li[data-nearby-user-status="2"].active svg.feather {
    fill: #673AB7;
    background-color: rgba(103, 58, 183, .35)
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li[data-gender=male].active svg.feather,
#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li[data-nearby-user-status="1"].active svg.feather {
    fill: #4CAF50;
    background-color: rgba(139, 195, 74, .35)
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li[data-gender=female].active svg.feather {
    fill: #03A9F4;
    background-color: rgba(3, 169, 244, .35)
}

#search-nearby-users .nearby-users-gender-collapse ul.friends_nearby_status_ul li[data-nearby-user-status="0"].active svg.feather {
    fill: #e15147;
    background-color: rgba(225, 81, 71, .35)
}

.wo_pro_features img {
    width: 100%;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    max-height: 100px
}

.wo_pro_features h3 {
    font-size: 20px;
    margin-top: 37px;
    margin-bottom: 22px
}

.wo_pro_features h2 {
    margin-top: 30px;
    margin-bottom: 60px
}

.right_user_info li {
    padding: 5px 12px;
    font-size: 13px !important;
    font-family: Poppins
}

.right_user_info li svg.feather {
    color: #7a7a7a;
    margin: -3px 6px 0 2px;
    width: 30px;
    height: 25px
}

.lb-preloader {
    background: rgba(0, 0, 0, .23);
    bottom: 0;
    height: 100%;
    overflow: hidden;
    right: 0;
    z-index: 99999;
    display: none
}

.lb-preloader svg {
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 15px;
    border-radius: 4px;
    width: 65px;
    height: 65px;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .17)
}

.wo_image_lightbox {
    width: 100%;
    margin-top: 0
}

.wo_lbox_topbar {
    background-color: rgba(0, 0, 0, .4);
    z-index: 1035;
    height: 45px
}

.wo_lbox_topbar .lbox_topbar_child {
    margin: 0 25px;
    user-select: none
}

.wo_lbox_topbar .lbox_topbar_child span {
    padding: 10px 1px;
    margin: 0 5px;
    height: 45px;
    display: inline-block
}

.wo_lbox_topbar .lbox_topbar_child svg.feather {
    margin-top: 0;
    width: 25px;
    height: 25px;
    color: #b5b5b5;
    transition: .2s ease-in-out;
    cursor: pointer
}

.wo_image_lightbox .story-img {
    display: table;
    width: 100%;
    background: #000 !important;
    min-width: 900px;
    max-width: 900px;
    position: relative;
    margin: 0 auto;
    height: 100%
}

.wo_image_lightbox .story-img .changer {
    background: 0 0;
    top: 0;
    width: 60px;
    height: 100%;
    display: block !important;
    margin-bottom: 0
}

.wo_image_lightbox .story-img .changer svg.feather {
    margin-top: 0;
    width: 45px;
    height: 45px;
    color: rgba(255, 255, 255, .45);
    transition: .2s ease-in-out;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.wo_image_lightbox .story-img .changer.next-btn {
    right: -70px
}

.wo_image_lightbox .story-img .changer.previous-btn {
    left: -70px
}

.wo_image_lightbox .story-img img,
.wo_imagecombo_lbox .story-img img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}

.pp_mat_input label,
.wo_sett__sidebar li:hover {
    transition: .3s;
    opacity: 1
}

.wo_image_lightbox .story-img img.double_zoom,
.wo_imagecombo_lbox .story-img img.double_zoom {
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
}

.wo_imagecombo_lbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    margin-top: 0
}

.wo_imagecombo_lbox .story-img {
    height: 100%;
    position: relative;
    display: table;
    margin-right: 380px;
    width: calc(100% - 380px)
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar {
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    height: 48px;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span {
    padding: 3px 1px;
    height: 33px
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span svg {
    color: #fff;
    width: 22px;
    height: 22px
}

.wo_imagecombo_lbox .story-img .changer {
    background: 0 0;
    top: 0;
    width: 60px;
    height: 100%;
    margin-bottom: 0;
    z-index: 1034
}

.wo_imagecombo_lbox .story-img .changer svg.feather {
    margin-top: 0;
    width: 65px;
    height: 65px;
    color: rgba(255, 255, 255, .45);
    transition: .2s ease-in-out;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.wo_imagecombo_lbox .comment-section {
    width: 380px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    border-radius: 0
}

.comment-section-inner {
    height: calc(100% - 58px);
    display: block;
    overflow-y: auto
}

.comment-section-inner .comment-inner-header {
    padding: 16px 8px 16px 16px
}

.comment-section-inner .comment-inner-header .close-lightbox {
    padding: 8px;
    margin: 0
}

.comment-section-inner .comment-inner-header h6 {
    margin-bottom: 3px
}

.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer {
    position: relative;
    height: calc(100% - 126px);
    box-shadow: none;
    padding: 0;
    background-color: #fafafa
}

.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer .view-more-wrapper {
    margin: 0 16px 7px;
    padding: 5px 0 0
}

.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer .lightbox-no-comments {
    text-align: center;
    padding: 15px 10px;
    margin: 40px 0;
    color: #8c8c8c
}

.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer .lightbox-no-comments svg.feather {
    margin-top: 0;
    width: 30px;
    height: 30px
}

.wo_imagecombo_lbox .lightbox-post-footer {
    -webkit-box-shadow: 1px -1px 8px rgba(0, 0, 0, .12);
    box-shadow: 1px -1px 8px rgba(0, 0, 0, .12);
    padding: 12px 16px;
    position: fixed;
    bottom: 0;
    width: inherit;
    height: 58px
}

#map-form,
#poll-form .publisher-hidden-option.answers {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    margin: 10px
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list {
    list-style-type: none;
    background-color: #fafafa;
    padding: 5px 16px
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body .comment-replies .wo_commreply_combo textarea.form-control {
    height: 32px
}

.wo_imagecombo_lbox .lightbox-post-footer .comment .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #f4f4f4
}

.movies-com-wrapper .movies-com-box {
    display: block;
    float: none
}

.movies-com-wrapper .movies-com-box .movies-com-box-act {
    width: 100%;
    overflow: hidden;
    height: 35px;
    background-color: #fff;
    padding-top: 5px
}

#active_react,
.wo_blogcomm_combo {
    display: flex
}

.wo_blogcomm_combo img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
    margin-right: 10px
}

.wo_blogcomm_combo textarea {
    border-radius: 25px !important;
    padding: 13px 15px 7px !important
}

.wo_blogcomm_combo button {
    border-radius: 25px;
    width: 50px;
    height: 50px;
    padding: 0 15px;
    margin-left: 10px
}

.wo_Page_my {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 10px;
    margin-bottom: 30px
}

.wo_Page_my .avatar img {
    width: 120px;
    height: 120px;
    border-radius: 7px
}

.wo_Page_my>a>span {
    font-size: 18px;
    font-family: Lato, sans-serif;
    font-weight: 600;
    line-height: 50px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wo_Page_my .page-website {
    color: #6f6f6f;
    padding: 1px 0;
    margin: 0 auto 25px;
    font-size: 12px
}

.wo_page_profile .page-info-cont .page_navbar .dropdown-menu,
.wo_user_profile .options-buttons .dropup .dropdown-menu {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 2px;
    padding: 8px 0;
    min-width: 187px
}

.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item,
.wo_user_profile .options-buttons .dropdown-menu li .menu-item {
    min-height: 36px;
    display: block;
    line-height: 36px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, .87);
    cursor: pointer
}

.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li .menu-item a,
.wo_user_profile .options-buttons .dropdown-menu li .menu-item a {
    color: rgba(0, 0, 0, .87);
    padding: 0 !important;
    display: inline-block;
    min-width: 100px;
    text-decoration: none
}

.wo_page_profile .page-info-cont .page_navbar .dropdown-menu li svg.feather,
.wo_user_profile .options-buttons .dropdown-menu li svg.feather {
    margin: -4px 13px auto 0
}

.wo_page_profile .user-social-links a.social-btn,
.wo_user_profile .user-social-links a.social-btn {
    text-decoration: none;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 3px
}

.wo_page_profile .user-social-links a svg.feather,
.wo_user_profile .user-social-links a svg.feather {
    margin: 0;
    width: 23px;
    height: 23px
}

.wo_page_profile .profile-container .card.hovercard .cardheader {
    max-height: 313.3px;
    min-height: 313.3px
}

.wo_page_profile .page-info-cont {
    position: relative;
    background: #fff;
    min-height: 85px;
    margin: 0 0 20px;
    padding: 30px 20px
}

.wo_page_profile .page-info-cont .user-avatar {
    width: 95px;
    height: 95px;
    position: relative
}

.wo_page_profile .page-info-cont .user-avatar-uploading-progress .ball-pulse {
    margin: 43px auto
}

.wo_page_profile .page-info-cont .user-avatar img {
    width: 95px;
    height: 95px;
    border-radius: 3px;
    border: 1px solid #f5f5f5
}

.wo_page_profile .first_row .title {
    margin: 0 40px
}

.wo_page_profile .first_row .title a {
    font-size: 19px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize
}

.wo_page_profile .first_row .title .page_username {
    color: #444;
    font-size: 13px;
    overflow: hidden;
    padding-left: 1px;
    margin: 1px 0 7px
}

.wo_page_profile .first_row .title .page_info {
    overflow: hidden;
    color: #000;
    padding: 10px 0 10px 20px;
    float: right
}

.wo_page_profile .options-buttons {
    position: relative;
    margin: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

.wo_page_profile .page-info-cont .last_row {
    margin: 31px 0 34px
}

.wo_page_profile .page-info-cont .page_navbar {
    display: inline-block;
    background-image: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%);
    margin: 30px -15px -15px -20px;
    width: calc(100% + 40px);
    padding: 5px 35px
}

.btn-call-action {
    outline: 0;
    color: #000;
    background: #d2d2d2;
    min-width: 95px;
    border: 0;
    box-shadow: none;
    margin: 6px 0 -6px
}

.btn-call-action:focus,
.btn-call-action:hover {
    color: #fff;
    background: #2196f3
}

.wo_page_profile .page_navbar ul li {
    display: inline-block;
    margin: 0 0 0 10px
}

.wo_page_profile .page_navbar ul li a {
    text-decoration: none;
    padding: 10px 5px;
    display: block
}

.wo_page_profile .user-cover-uploading-progress {
    color: #fff;
    width: 100%;
    position: absolute;
    z-index: 2;
    display: none;
    background-color: rgba(0, 0, 0, .23);
    height: 100%
}

.pace-activity-parent {
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 20px;
    border-radius: 5px;
    margin-top: -15px;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .17)
}

.wo_sett__sidebar,
.wo_terms_page {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.pace-activity {
    display: block !important;
    width: 40px;
    height: 40px;
    border: 4px solid transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 30px;
    overflow: visible !important;
    -webkit-animation: .7s linear infinite pace-spinner;
    animation: .7s linear infinite pace-spinner
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.profile-cover-changer .btn-file {
    width: 40px;
    font-size: 18px;
    float: left;
    background-color: rgba(0, 0, 0, .4);
    margin: 3px 4px 0;
    border-radius: 3px !important;
    padding: 6px;
    transition: .2s
}

.profile-cover-changer .btn-file:hover {
    background-color: rgba(0, 0, 0, .55);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .31)
}

.wo_search_page .nav-tabs {
    padding: 3px 0 15px;
    border: 0;
    margin: 0 -10px
}

.wo_search_page .nav-tabs li {
    padding: 0 10px 10px
}

.wo_search_page .nav-tabs li a {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .11);
    height: 100%;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer !important
}

.wo_search_page .nav-tabs li.active a {
    border: 0 !important;
    color: #fff;
    background-color: #535353
}

.wo_search_page .tab-content {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03)
}

.cus_side_widget_border {
    padding: 10px 0;
    border-radius: 10px
}

svg.feather.side_svg {
    height: 16px;
    width: 16px;
    margin: -2px 5px 0 0
}

.wo_user_side_info {
    padding: 0;
    white-space: nowrap;
    margin: 0
}

.wo_user_side_info li {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    padding-left: 0 !important;
    text-align: center
}

.wo_user_side_info li:last-child {
    border-right: 0;
    margin: 0 !important
}

.wo_user_side_info .menu_list {
    display: block;
    padding: 7px 5px;
    transition: .15s ease-in-out;
    text-transform: capitalize;
    text-decoration: none
}

.left_sidebar ul li a svg {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin: 3px 20px 4px 10px
}

.sidebar-conatnier .avatar_btns {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: -30px
}

.sidebar-conatnier .avatar_btns a {
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    padding: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.sidebar-conatnier .avatar_btns .avatarz img {
    width: 130px;
    height: 130px;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.wo_sett__sidebar .sett__img img,
.wo_sett__sidebar.group .sett__img img,
.wo_sett__sidebar.main .sett__img img {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .3)
}

.sidebar-conatnier .titlezs {
    font-weight: 500;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    margin-top: 10px;
    padding: 10px
}

.wo_sett__sidebar {
    padding: 10px 20px 20px;
    background-image: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%);
    overflow: hidden
}

.wo_sett__sidebar .sett__img {
    text-align: center;
    padding: 15px 10px
}

.read-blog .blog-share-buttons a,
.read-blog .blog-share-buttons a:focus,
.read-blog .blog-share-buttons a:hover,
.read-blog-container .related-post .recommended-articles .article-title a,
.wo_sett__sidebar .sett__img a {
    text-decoration: none
}

.wo_sett__sidebar .sett__img img {
    border-radius: 50%;
    width: 85px;
    height: 85px
}

.wo_sett__sidebar .sett__img span {
    display: block;
    font-weight: 600;
    font-family: Lato, sans-serif;
    color: #fff;
    padding: 12px 0 0
}

.wo_sett__sidebar li {
    opacity: .7;
    transition: .3s
}

.wo_sett__sidebar li a {
    display: flex;
    padding: 13px 30px;
    position: relative;
    text-decoration: none;
    border-left: 3px solid #4e338e;
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: #fff
}

.reaction:hover::before,
.wo_post_fetch_event .post-fetched-url-con:hover,
.wo_post_fetch_event:hover .description,
.wo_sett__sidebar li.avtive,
.wow_pops_head .close:hover {
    opacity: 1
}

.wo_sett__sidebar li.avtive a {
    border-color: #fba919;
    font-weight: 600;
    background-color: rgb(255 255 255 / 13%);
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px
}

.wo_sett__sidebar li a svg {
    vertical-align: middle;
    margin: -3px 15px 0 0;
    fill: #FFF
}

.wo_sett__sidebar.group .sett__img span,
.wo_sett__sidebar.page .sett__img span {
    color: #fff;
    font-size: 20px
}

.wo_sett__sidebar.group li.avtive a {
    border-color: #fba919;
    color: #fba919
}

.wo_sett__sidebar.group li.avtive a svg {
    fill: #fba919
}

.wo_sett__sidebar.page .sett__img img {
    box-shadow: 0 0 0 5px rgba(247, 159, 88, .3)
}

.wo_sett__sidebar.page li.avtive a {
    border-color: #f79f58;
    color: #f79f58
}

.wo_sett__sidebar.page li.avtive a svg {
    fill: #f79f58
}

.wo_product_row {
    border: 1px solid #e5e5e5;
    padding: 10px 5px
}

.wo_product_row .product-name {
    display: inline-block;
    width: 33.3333%;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle
}

.wo_product_row .product-name:last-child {
    border-right: 0
}

.wo_product_row .product-name .product_row_title svg.feather {
    margin-top: -3px;
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.wo_post_fetch_blog .post-fetched-url-con,
.wo_post_fetch_link .post-fetched-url-con {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%
}

.wo_post_fetch_blog .post-fetched-url-con img,
.wo_post_fetch_link .post-fetched-url-con img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: auto
}

.wo_post_fetch_link .fetched-url-text h4 {
    font-size: 1.1em !important;
    font-weight: 500;
    margin: 2px 0 7px
}

.wo_post_fetch_event .post-fetched-url-con .description {
    width: 100%;
    position: absolute;
    left: 0;
    margin: 0 auto;
    padding: 0 50px;
    opacity: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    transition: opacity .3s cubic-bezier(.33, .66, .66, 1)
}

.wo_post_fetch_event .post-fetched-url-con .description p {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 50px;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 15px
}

.wo_post_fetch_event .url {
    margin: 10px 0 0
}

.wo_post_fetch_event .url svg {
    width: 17px;
    height: 17px;
    margin-top: -3px
}

.wo_post_fetch_blog .fetched-url-text h4 {
    font-size: 18px !important;
    font-family: Poppins
}

.wo_adaptive_media,
.wo_adaptive_media_4 {
    display: inline-block;
    width: 100%
}

.wo_adaptive_media .album-image {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 33%
}

.wo_adaptive_media .album-image:last-child .image-file {
    border-top: 2px solid #fff !important
}

.wo_adaptive_media_4 .album-image {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 4 - 2.4px) !important
}

.wo_adaptive_media_4 .album-image:first-child {
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    padding-right: 2px
}

.wo_adaptive_media_4 .album-image .image-file {
    border-top: 3px solid #fff !important
}

.wo_adaptive_media_5 {
    width: 100%;
    height: 476px
}

.wo_adaptive_media_5 .album-image {
    display: block;
    position: absolute;
    width: 50% !important;
    overflow: hidden
}

.wo_adaptive_media_5 .album-image:first-child {
    top: 0;
    left: 0;
    height: 236px
}

.wo_adaptive_media_5 .album-image:nth-child(2) {
    top: 239px;
    left: 0;
    height: 237px
}

.wo_adaptive_media_5 .album-image:nth-child(3) {
    top: 0;
    left: 50%;
    height: 157px;
    padding-left: 3px
}

.wo_adaptive_media_5 .album-image:nth-child(4) {
    top: 160px;
    left: 50%;
    height: 155px;
    padding-left: 3px
}

.wo_adaptive_media_5 .album-image:last-child {
    top: 319px;
    left: 50%;
    height: 157px;
    padding-left: 3px
}

.wo_votes {
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 5px 0 10px;
    overflow: hidden
}

.wo_votes .answer-vote {
    font-size: 12px;
    font-weight: 700;
    width: 60px;
    text-align: center;
    padding: 7px 0
}

#wo_post_share_buttons {
    top: 25px;
    background-color: #fff;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    min-width: 150px;
    text-align: initial;
    padding: 8px 0;
    max-height: 312px;
    overflow-y: auto
}

#wo_post_share_buttons .social-btn-parent {
    display: block;
    min-height: 37px;
    height: 37px;
    padding: 0 20px 0 10px;
    font-size: 15px;
    line-height: 37px;
    color: #717171;
    text-decoration: none;
    transition: .1s
}

#wo_post_share_buttons .social-btn-parent:hover {
    background: rgba(0, 0, 0, .04)
}

#wo_post_share_buttons p {
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #717171;
    font-size: 12px
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

#wo_post_share_buttons .social-btn svg.feather {
    margin-top: 0;
    width: 22px;
    height: 22px
}

.wo_post_ad {
    border-top: 1px solid #ebebeb;
    margin-left: -15px;
    margin-bottom: -10px;
    width: calc(100% + 30px) !important
}

.wo_post_ad h3 {
    color: rgba(0, 0, 0, .87);
    font-size: 20px;
    margin: 16px;
    line-height: 28px
}

#focus-overlay {
    background: #000;
    bottom: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s, bottom 0 .3s;
    z-index: 1031
}

.pub-focus #focus-overlay {
    bottom: 0;
    opacity: .6;
    transition: opacity .3s
}

.pub-focus .post.publisher-box {
    z-index: 1031;
    position: relative
}

.pub-focus .pac-container {
    z-index: 1031
}

.pub_box_footer {
    padding: 11px 8px 2px
}

#photo-form .create-album,
#poll-form .create-poll {
    transition: .2s ease-in-out;
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

#photo-form .create-album {
    background: #4caf50;
    border-radius: 3px;
    padding: 2px 5px 3px;
    margin: -28px 10px 7px;
    z-index: 9
}

#image-holder {
    width: 100%;
    padding: 0 8px;
    margin: 5px 0 10px;
    white-space: nowrap
}

#poll-form .publisher-hidden-option.answers {
    border-radius: 4px;
    overflow: hidden
}

#poll-form .create-poll {
    display: inline-block;
    background: #2396f3;
    border-radius: 3px;
    padding: 2px 5px 3px;
    margin: 0 10px 13px;
    cursor: pointer
}

.wo_terms_page {
    padding: 20px
}

.wo_user_profile .card.hovercard .title .badge-link {
    display: block;
    padding: 8px 5px 9px;
    color: #fff
}

.wo_user_profile .card.hovercard .title .badge-pro {
    font-size: 10px;
    line-height: 0;
    padding: 0;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16)
}

.wo_user_profile .profile-container .card.hovercard .cardheader {
    max-height: 400px;
    min-height: 400px
}

.container .wo_user_profile .propicname .user-avatar {
    position: relative;
    width: 150px;
    height: 150px;
    bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
    z-index: 90
}

.container .wo_user_profile .propicname .user-avatar img {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border-radius: 2px
}

.wo_user_profile .options-buttons a,
.wo_user_profile .options-buttons button {
    margin: 0;
    float: none
}

.wo_user_profile .btn-glossy a {
    color: #555;
    border-radius: 2px !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    padding: 6px 15px !important;
    height: 30px;
    margin-right: 3px
}

.wo_user_profile .name-cont-mobile {
    margin: 15px 0 0
}

.wo_user_profile .name-cont-mobile #profilenav {
    border: 1px solid #ebebeb
}

.wo_user_profile .user-cover-uploading-progress {
    background-color: rgba(0, 0, 0, .23);
    height: 100%
}

.pp_mat_input {
    position: relative;
    margin: 1em 0 2.5em;
    padding: 0 !important
}

.pp_mat_input input,
.pp_mat_input textarea {
    width: 100%;
    font-size: 13px;
    padding: 5px 20px;
    display: block;
    border: 1px solid #ccc !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

.float_label,
.float_label_bold,
.pp_mat_input label {
    font-size: 12px;
    color: #4c4c4c;
    font-family: Lato, Arial, sans-serif;
    pointer-events: none;
    user-select: none
}

.pp_mat_input span.bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #39f;
    transition: .4s
}

.pp_mat_input label {
    position: absolute;
    cursor: text;
    top: -35px
}

.pp_mat_input input:focus~.bar,
.pp_mat_input textarea:focus~.bar {
    width: 100%;
    transition: .4s
}

.pp_mat_input input::placeholder {
    opacity: 0
}

.pp_mat_input input:placeholder-shown:not(:focus)+label {
    top: 15px;
    font-size: 14px;
    color: #aaa;
    left: 0;
    transition: .3s
}

.float_label,
.float_label_bold {
    margin: 0 0 -10px;
    display: block
}

.pp_mat_input+.help-block {
    display: inline-block;
    position: relative;
    top: -28px;
    margin-bottom: 15px
}

.create-article-form .prv-img {
    border-radius: 0;
    border: 2px dashed #ddd;
    min-height: 180px;
    background: #fff;
    display: table;
    text-align: center;
    padding: 3px;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden
}

.create-article-form .prv-img div.thumbnail-rendderer {
    display: table-cell;
    vertical-align: middle;
    color: #999
}

.create-article-form .prv-img div.thumbnail-rendderer div p,
.create-article-form .prv-img div.thumbnail-rendderer h3 {
    margin: 0;
    padding: 7px;
    font-weight: 600
}

.read-blog-container .read-blog .read-blog-head .postCategory h5 {
    margin-bottom: 14px
}

.read-blog-container .read-blog h1 {
    color: rgba(0, 0, 0, .8);
    font-size: 34px;
    font-weight: 800;
    margin: 0 0 15px;
    line-height: 1.2
}

.read-blog-container .read-blog .read-blog-desc {
    letter-spacing: normal;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    text-align: justify;
    font-family: Georgia;
    font-style: italic;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.blogs-related .blog .blog-info,
.blogs-related .blog h5 {
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase
}

.read-blog-container .read-blog .read-content {
    color: #333;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    text-align: justify
}

.read-blog-container .read-blog .read-content p img {
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    width: 100%;
    height: 100%
}

.read-blog-container .read-blog-thumbnail {
    width: 100%;
    overflow: hidden;
    max-height: 250px
}

.read-blog-container .read-tags {
    width: 100%;
    overflow: hidden;
    padding: 5px 0 0
}

.read-blog-container .read-tags .postTag {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    padding: 1px;
    border-bottom: 1px solid #000;
    margin: 5px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    color: #000
}

.read-blog-container .related-post .blog-sidebar {
    margin: 0;
    padding: 0 5px
}

.read-blog-container .related-post .blog-sidebar .wo_page_hdng {
    padding: 0 0 10px;
    margin-bottom: 15px
}

.read-blog-container .related-post .blog-sidebar .row {
    margin: 0 -9px
}

.read-blog-container .related-post .recommended-articles {
    margin-bottom: 20px;
    padding: 0 9px;
    overflow: hidden
}

.read-blog-container .related-post .recommended-articles .article-thumbnail {
    width: 100%;
    overflow: hidden;
    max-height: 135px
}

.read-blog-container .related-post .recommended-articles .article-thumbnail img {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 115px
}

.read-blog-container .related-post .recommended-articles .article-title h4 {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis
}

.read-blog-container .related-post .recommended-articles .article-info {
    width: 100%;
    font-size: 12px;
    color: #999
}

.wo_h_padd {
    padding-right: 13px;
    padding-left: 13px
}

.recent-articles {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    margin-top: 0
}

.main-blog-sidebar .widget {
    overflow: hidden;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0 10px 15px -3px, rgb(0 0 0 / 5%) 0 4px 6px -2px
}

.main-blog-sidebar .widget ul {
    padding: 0;
    list-style: none
}

.main-blog-sidebar .popular-articles li {
    margin-top: 30px;
    overflow: hidden;
    font-family: ROboto, sans-serif
}

.main-blog-sidebar .popular-articles li .article-thumbnail {
    display: block;
    width: 65px;
    height: 65px;
    position: relative;
    border-radius: 10px;
    background: #aaa
}

.main-blog-sidebar .popular-articles li .article-thumbnail img {
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
    position: relative;
    margin-right: 15px;
    object-fit: fill
}

.main-blog-sidebar .popular-articles li .article-title {
    margin-left: 80px;
    color: rgba(0, 0, 0, .8);
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    font-family: Poppins
}

.main-blog-sidebar .popular-articles li .article-info {
    margin-left: 80px;
    display: block;
    margin-top: 4px;
    color: rgba(0, 0, 0, .4);
    font-size: 12px;
    font-weight: 400
}

.main-blog-sidebar .popular-categories li {
    background-color: #fff;
    margin: 0 6px 11px 0;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid;
    transition: .2s
}

.wo_my_articlez,
.wo_read__blog .wo_rb__main {
    border: 1px solid #eee;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03)
}

.main-blog-sidebar .popular-categories li a {
    color: #fff;
    display: block;
    padding: 5px 15px;
    text-decoration: none
}

.postCategory {
    text-transform: uppercase;
    font-weight: 500;
    font-family: Poppins;
    font-size: 12.5px;
    letter-spacing: .3px
}

.wo_my_articlez {
    padding: 20px;
    background-color: #fff;
    height: 180px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 30px
}

.wo_my_articlez .art-title {
    margin: 0 0 0 15px;
    max-height: 50px;
    overflow: hidden
}

.wo_my_articlez .art-title a {
    font-family: Roboto, sans-serif;
    text-decoration: none;
    color: #404040
}

.wo_my_articlez .blog-meta-desc {
    border: 0;
    padding: 0;
    margin: 0 0 0 15px;
    color: #787878;
    font-size: 14px
}

.wo_my_articlez .blog-meta-desc svg {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -2px 1px 0 0
}

.wo_my_articlez .post-options {
    padding: 10px 0 0;
    margin: 10px 0 0;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid #e7e7e7
}

.wo_my_articlez .post-options li {
    flex: 1 100%;
    display: flex
}

.wo_my_articlez .post-options li a {
    flex: 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 7px 10px;
    transition: .2s
}

#wo_post_stat_button .dropdown.open .stat-item,
#wo_post_stat_button .stat-item:hover,
.wo_my_articlez .post-options li a:hover {
    background-color: rgba(29, 33, 41, .04)
}

.wo_my_articlez .post-options li a svg {
    width: 19px;
    height: 19px;
    margin: -2px 4px 0;
    fill: #363636
}

.wo_read__blog .wo_rb__main {
    background: #fff;
    margin: 20px;
    padding-bottom: 20px;
    box-shadow: rgba(50, 50, 105, .15) 0 2px 5px 0, rgba(0, 0, 0, .05) 0 1px 1px 0;
    border-radius: 10px
}

.wo_read__blog .wo_rb__main .wo_rb__head {
    padding: 20px
}

.article-title-res {
    font-size: 24px;
    color: #111;
    font-family: Poppins;
    margin: 0;
    font-weight: 200;
    line-height: 35px
}

.wo_read__blog .wo_rb__main .wo_rb__head>div {
    padding: 5px 0;
    border-top: 1px solid rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6);
    margin-top: 10px
}

.wo_read__blog .wo_rb__main .wo_rb__head>div .posted {
    color: #535353;
    font-weight: 600;
    margin-right: 15px;
    font-family: Poppins
}

.read-blog {
    background: #fff;
    line-height: 1.7;
    font-family: Poppins;
    font-size: 16px;
    padding: 0 25px
}

.read-blog h2 {
    font-size: 24px
}

.read-blog iframe,
.read-blog img,
.read-blog p,
.read-blog span {
    max-width: 100%;
    font-size: 14px
}

.read-blog ul li {
    list-style-type: initial;
    font-weight: 600;
    font-size: 14px
}

.read-blog img {
    display: block;
    margin: auto;
    height: 100%
}

td,
th {
    padding: 0;
    font-family: Poppins;
    font-size: 14px
}

.wo_read__blog .blog-author-info {
    border: 1px solid #eee;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    background: #fff;
    margin: 0 0 40px;
    padding: 30px
}

.wo_read__blog .blog-author-info .user-image {
    margin-bottom: 16px
}

.wo_read__blog .blog-author-info .user-image img {
    width: 96px;
    height: 96px;
    border-radius: 100%;
    border: 4px solid #f4f6f8
}

.wo_read__blog .blog-author-info h4 {
    margin-bottom: 8px;
    font-size: 19px
}

.wo_read__blog .blog-author-info p {
    margin: 10px 0 0
}

.active_sessions .as_list .log_out_session svg,
.message-container .page-margin,
.message-container .page-margin .row,
.wo_com_lbox_slide_innr .upop_mid_innr .user-information:last-child,
.wo_read__blog .blog-author-info p:empty {
    margin: 0
}

.wo_read__blog .blog-author-info .user-follow-button {
    margin-top: 15px
}

.read-blog .read-blog-info p,
.read-blog .views {
    color: #888;
    font-size: 12px
}

.read-blog .btn-share {
    text-align: center;
    border-radius: 3px;
    padding: 5px;
    width: 30px;
    cursor: pointer;
    height: 30px
}

.read-tags {
    clear: both;
    margin-top: 50px;
    padding: 20px 10px;
    border-top: 1px solid #eee
}

.blogs-related {
    margin: 0 auto 50px
}

.blogs-related h4 {
    text-align: center;
    color: #444;
    font-weight: 200;
    font-size: 32px;
    margin: 70px 0 30px;
    text-transform: capitalize;
    font-family: Roboto, sans-serif
}

.blogs-related .blog a {
    display: block;
    text-decoration: none;
    padding: 16px;
    background-color: #fff;
    border: 1px solid #ecf0f1
}

.blogs-related .blog a:hover {
    color: #90dcce
}

.blogs-related .blog .avatar-wrapper {
    overflow: hidden;
    background-color: #f4f6f8
}

.blogs-related .blog h5 {
    padding-left: 8px;
    margin-top: 20px;
    margin-bottom: 14px;
    border-left: 2px solid #b70038;
    font-size: 12px;
    color: #5d738d
}

.blogs-related .blog .blog-title {
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    color: #222;
    max-height: 42px;
    overflow: hidden
}

.blogs-related .blog .blog-info {
    font-size: 12px;
    color: #5d738d
}

.alert-warning {
    color: #fff;
    background-color: #efb026;
    border-color: #efb026
}

.alert-info {
    color: #fff;
    background-color: #32b1f1;
    border-color: #32b1f1
}

.alert-success {
    color: #fff;
    background-color: #65af65;
    border-color: #65af65
}

.alert-danger {
    color: #fff;
    background-color: #dd6864;
    border-color: #dd6864
}

.wo_chat_tabs li a {
    color: #a3a3a3;
    height: 35px;
    margin: 0;
    padding: 7px 10px
}

.wo_chat_tabs li.active a {
    border-bottom: 1px solid #929292 !important
}

#customfbchat .activity-container {
    margin: 0;
    box-shadow: none
}

#customfbchat .activity-container .list-group-item {
    background: #f7f7f7;
    font-size: 14px;
    border-bottom: 1px solid #eceded;
    padding: 7px 15px
}

#customfbchat .activity-container .activities-wrapper {
    max-height: 190px
}

#customfbchat .chat-toggle-bar {
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px
}

#customfbchat .chat-toggle-bar .chat-status {
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    top: 0;
    right: 0
}

#customfbchat .chat-toggle-bar .chat-status svg {
    fill: #424242;
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    vertical-align: middle
}

.wo_my__groups {
    padding: 17px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .03);
    margin-bottom: 25px;
    display: flex;
    align-items: center
}

.wo_my__groups .avatar {
    margin-right: 12px
}

.wo_my__groups .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.wo_my__groups .middle {
    max-width: 60%;
    overflow: hidden
}

.wo_my__groups .middle .title {
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Lato, sans-serif
}

.wo_my__groups .middle .title a {
    color: #1d2129
}

.wo_my__groups .middle .page-website {
    margin: 5px 0 0
}

.who_react_to_this_user .user-follow-button,
.wo_my__groups .dropdown {
    margin-left: auto
}

.wo_my__groups .dropdown .btn {
    line-height: 0;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    width: 34px;
    height: 34px
}

.wo_my__groups .dropdown .btn svg {
    margin-top: 2px;
    fill: #404040
}

.wo_market__search i {
    font-size: 21px;
    padding: 8.5px 12px !important;
    color: #cdcdcd !important
}

.wo_market__search input {
    padding-left: 40px;
    height: 40px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .23);
    background-color: rgba(255, 255, 255, .2);
    border: 0;
    border-radius: 2em;
    color: #ebebeb
}

.cusradiobox>div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 12px 0
}

.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 36px;
    position: relative;
    cursor: pointer;
    user-select: none
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    top: -3px
}

.tgl+.tgl-btn:after {
    left: -3px
}

.tgl:checked+.tgl-btn:after {
    left: 54%;
    background: #57477b
}

.tgl-ios+.tgl-btn {
    background: #bdbdbd;
    transition: .4s;
    height: 14px;
    border-radius: 30px;
    margin: 3px 0
}

.tgl-ios+.tgl-btn:after {
    border-radius: 2em;
    background: #f5f5f5;
    transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s, margin .3s;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.tgl-ios:checked+.tgl-btn {
    background: #57477b
}

.message-container {
    width: 100%;
    height: 100%;
    margin-top: 50px
}

.mobilerightpane .inner-addon {
    margin-bottom: 0;
    padding: 10px;
    background: #fff
}

.mobilerightpane .inner-addon svg.feather {
    position: absolute;
    margin: 7px;
    pointer-events: none
}

.mobilerightpane .inner-addon input {
    background-color: #f6f7f9;
    border-radius: 16px
}

.wo_msg_tabs {
    border-color: #ddd;
    background-color: #fff
}

.wo_msg_tabs li {
    width: 50%;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .09)
}

.wo_msg_tabs li a {
    padding: 9px 12px;
    height: 100%
}

.wo_msg_tabs li a svg {
    vertical-align: middle;
    width: 19px;
    height: 19px;
    margin: -3px 2px 0 0;
    fill: #4d4d4d
}

.messages-users-list {
    height: calc(100vh - 142px);
    border-radius: 0;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 23px
}

.messages-recipients-list {
    height: 64px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1
}

.messages-recipients-list:last-child {
    border-bottom: 0 solid
}

.messages-recipients-list:hover {
    background-color: rgba(0, 0, 0, .05)
}

.messages-recipients-list img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-top: 7px;
    margin-left: 20px
}

.messages-recipients-list .messages-last-seen {
    font-size: 11px;
    color: #999;
    margin-bottom: 8px;
    margin-top: -13px
}

.messages-recipients-list .messages-user-name {
    font-size: 14px;
    line-height: 47px;
    font-weight: 700
}

.new-message-alert {
    background-color: #ce3d3d;
    padding: 3px 6px;
    border-radius: 2px;
    color: #fff
}

.mobilerightpane .new-message-alert {
    margin: 19px 12px;
    display: block
}

.text-sender-container {
    background: #e7e3df;
    position: relative;
    border-radius: 0;
    box-shadow: inset 6px 0 6px -3px rgba(0, 0, 0, .1);
    margin-bottom: 0
}

.text-sender-container .red-list {
    height: 50px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .19);
    padding: 13px;
    z-index: 10;
    background-color: #fff;
    position: relative
}

.text-sender-container .red-list .ball-pulse {
    position: absolute;
    line-height: normal;
    margin: 0;
    float: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.shar_modl_chose_pgrp input.form-control:focus,
.text-sender-container .red-list .ball-pulse>div {
    background-color: #fff
}

.text-sender-container .red-list .mobilemsgclose {
    display: none;
    cursor: pointer;
    margin: -1px 10px 0 0;
    vertical-align: middle
}

.mobileleftpane .text-sender-container textarea {
    height: 50px;
    padding: 15px 140px 15px 13px;
    outline: 0;
    width: calc(100% - 30px) !important;
    margin-bottom: 9px;
    border-radius: 2em !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    overflow: hidden
}

.text-sender-container .message-contnaier {
    max-width: 75%;
    margin: 0 30px 8px;
    position: relative
}

.text-sender-container .sendMessages .input-group {
    padding: 10px 20px 0
}

.text-sender-container .sendMessages .input-group .messages-rtime {
    position: absolute;
    top: -30px;
    padding: 8px 10px !important;
    background-color: #fff !important;
    left: -7px;
    border-radius: 6px !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35)
}

.text-sender-container .sendMessages .charsLeft-message {
    position: absolute;
    z-index: 9;
    right: 125px;
    top: 14px
}

.message-option-btns {
    position: absolute;
    z-index: 9;
    right: 35px;
    top: 0;
    display: table
}

.message-option-btns .emo-message {
    top: 0
}

.message-option-btns .btn {
    padding: 15px 6px;
    background-color: transparent !important;
    color: #5b5b5b !important;
    border: none;
    box-shadow: none
}

.message-option-btns .btn svg {
    vertical-align: middle;
    width: 19px;
    height: 19px
}

.text-sender-container .sendMessages .send-button {
    margin-top: -10px;
    border-radius: 2em !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.text-sender-container .sendMessages .send-button svg {
    vertical-align: middle;
    margin-top: -4px
}

.text-sender-container .sendMessages .send-button .mess_loader {
    animation: 1s linear infinite spin
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.text-sender-container .deleteMessage {
    position: absolute;
    top: 50%;
    left: -18px;
    cursor: pointer;
    color: #888;
    display: none;
    transform: translate(0, -50%)
}

.text-sender-container .deleteMessage.right {
    left: auto !important;
    right: -18px
}

.text-sender-container .deleteMessage svg.feather {
    margin-top: -3px;
    width: 15px;
    height: 15px
}

.text-sender-container .time {
    margin-top: 2px;
    font-size: 10px
}

.text-sender-container .message-model {
    width: auto !important;
    max-width: 100%;
    font-size: 14px;
    padding: 0 2px 1px;
    position: relative
}

.text-sender-container .message-model .message {
    padding: 7px 13px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15);
    margin-left: auto;
    display: table;
    line-height: 1.4;
    margin-top: 0;
    position: relative
}

.text-sender-container .message-model .video-js-responsive-container {
    min-width: 300px
}

.text-sender-container .message-model .message p {
    padding: 1px
}

.text-sender-container .message-model .message p .twa-lg {
    height: 26px;
    width: 26px;
    background-size: 26px 26px
}

.text-sender-container .outgoing .message-model {
    border-bottom-right-radius: 2px
}

.text-sender-container .incoming .message-model .message {
    margin-right: auto;
    margin-left: 0
}

.messages-container {
    height: calc(90vh - 170px);
    overflow: hidden;
    overflow-y: auto;
    position: relative
}

.messages-container .empty_state {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.messages-container .message-media {
    transition: width .5s
}

.messages-container .message-media img {
    max-width: 100%;
    border: 0;
    border-radius: 8px;
    margin-bottom: -7px;
    margin-right: 0;
    margin-left: 0;
    max-height: 330px
}

.messages-container .message-media video {
    max-height: 330px;
    width: auto !important
}

.messages-load-more-messages {
    text-align: center;
    transition: .2s;
    list-style: none;
    padding: 2px;
    color: #fff;
    position: absolute;
    width: 200px;
    background-color: rgba(0, 0, 0, .35);
    z-index: 9;
    margin: 0;
    left: 50%;
    transform: translate(-50%);
    border-radius: 0 0 5px 5px;
    cursor: pointer
}

.messages-load-more-messages a {
    cursor: pointer;
    color: #fff
}

.messages-wrapper {
    width: 100%;
    padding: 5px
}

.messages-wrapper .name {
    color: #666;
    font-size: 13px
}

.messages-wrapper .user-avatar {
    width: 40px;
    border-radius: 3px
}

.message p {
    color: #555;
    margin: 0
}

@media (min-width:768px) {
    .modal-md {
        width: 500px
    }
}

@media (min-width:1200px) {
    .customfbchat {
        display: block;
        width: 205px;
        position: fixed;
        right: 0;
        top: 80px;
        bottom: 0;
        z-index: 99
    }

    body {
        padding: 0
    }

    .chat-containerz {
        display: none
    }
}

@media (min-width:1500px) {
    body {
        padding: 0
    }

    .container {
        width: 1170px
    }

    .cussidepageda,
    .cussidepageda-2 {
        height: auto
    }

    .post .post-file {
        max-height: 450px
    }

    .cushomewider {
        padding-left: 15px !important
    }

    #customfbchat,
    .chat-opacity {
        width: 260px
    }

    .chat-container input {
        width: 258px
    }

    .chat_main {
        right: 270px
    }

    .chat_main:nth-child(2) {
        right: 540px
    }

    .chat_main:nth-child(3) {
        right: 810px
    }

    .wo_user_profile .profile-container .card.hovercard .cardheader {
        max-height: 400px;
        min-height: 444px
    }
}

@media (max-width:1270px) {
    .wo_imagecombo_lbox .comment-section {
        width: 350px
    }

    .wo_imagecombo_lbox .story-img {
        margin-right: 350px;
        width: calc(100% - 350px)
    }

    .wo_page_profile .profile-container .card.hovercard .cardheader,
    .wo_user_profile .profile-container .card.hovercard .cardheader {
        min-height: auto
    }
}

@media (max-width:1150px) {
    .post .post-heading .meta {
        width: 60%
    }
}

@media (max-width:1140px) {
    .wo_image_lightbox .story-img .changer.previous-btn {
        left: -40px
    }

    .wo_image_lightbox .story-img .changer.next-btn {
        right: -40px
    }

    .wo_imagecombo_lbox .comment-section {
        width: 320px
    }

    .wo_imagecombo_lbox .story-img {
        margin-right: 320px;
        width: calc(100% - 320px)
    }
}

@media (max-width:1025px) {
    .offnavmenu {
        position: relative;
        width: 16.66666667%;
        margin-top: 0
    }

    .user-status-home ul.status-list li {
        margin-right: 3px;
        margin-left: 4px
    }

    .sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title {
        width: 86px
    }

    body {
        padding-left: 0
    }

    .hideinmenu {
        display: none
    }

    .cushomewider {
        width: 49%
    }

    .cushomesmaller {
        width: 31%
    }
}

@media (max-width:992px) {

    .cushomesmaller,
    .cushomewider {
        width: 100%
    }

    .post .post-heading .meta {
        width: 63%
    }

    .products .list-group-item,
    .products .procuts-categories {
        background-color: #fff;
        border-radius: 4px
    }

    #good-catz .list-group {
        background-color: #fff;
        border: 1px solid;
        border-color: #e5e6e9 #dfe0e4 #d0d1d5
    }

    #good-catz .list-group-item {
        margin: 0 auto
    }

    .cattitle {
        font-size: 19px !important;
        background: 0 0 !important;
        padding: 7px !important
    }

    .hideprocat {
        display: none
    }

    .procattogg {
        display: block
    }

    .catpadlow {
        padding: 6px 13px !important
    }

    .page-margin.products {
        margin-top: 180px !important
    }

    .market-header {
        padding: 27px 0
    }

    .event-grid-mobi {
        display: inline-block
    }

    .wo_image_lightbox .story-img .changer.previous-btn {
        left: -10px
    }

    .wo_image_lightbox .story-img .changer.next-btn {
        right: -10px
    }

    .no-padding-both {
        padding: 0 15px !important
    }
}

@media (max-width:990px) {
    .offnavmenu {
        display: none;
        position: fixed;
        width: 305px;
        margin-top: -20px;
        margin-right: 0;
        margin-left: 0 !important
    }

    body {
        padding-left: 0
    }

    .hideinmenu {
        display: block !important
    }

    .hideinactivity,
    .user-status-mobile {
        display: block
    }

    .cussidepageda {
        height: auto
    }

    .cussidepageda-2 {
        height: 290px
    }

    .user-status-pc {
        display: none
    }

    .mobileleftpane {
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 1;
        padding: 0;
        top: 50px
    }

    .text-sender-container .red-list .mobilemsgclose {
        display: inline-block
    }
}

@media (max-width:985px) {
    .wo_event_profile .event-info-cont .col-xs-4 {
        padding-left: 0
    }

    .event_cdown li:last-child {
        display: none
    }
}

@media (max-width:900px) {
    .lightbox-content.multi {
        width: 100%
    }

    .wo_image_lightbox .story-img {
        min-width: 100%;
        max-width: 100%
    }

    .wo_image_lightbox .story-img .changer.previous-btn {
        left: 10px;
        z-index: 1
    }

    .wo_image_lightbox .story-img .changer.next-btn {
        right: 10px;
        z-index: 1
    }
}

@media (max-width:865px) {
    #mobihomiz {
        display: block
    }
}

@media (max-width:840px) {
    .messages-container .message-media video {
        width: 100% !important
    }
}

@media (max-width:800px) {
    .post-youtube iframe {
        height: 280px
    }

    .wo_imagecombo_lbox .story-img {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        height: calc(100% - 350px)
    }

    .wo_imagecombo_lbox .comment-section {
        width: 100%;
        position: relative
    }

    .wo_imagecombo_lbox {
        overflow-y: auto
    }

    .wo_imagecombo_lbox .lightbox-post-footer {
        position: absolute
    }
}

@media (max-width:770px) {
    a.quicklinks-toggle__btn {
        padding: 15px 0 !important
    }

    footer .footer-wrapper {
        display: block !important
    }

    .profile-style {
        width: 100% !important
    }
}

@media (max-width:767px) {

    .institute-banner,
    .jobseeker-banner,
    .professional-banner,
    .resources-banner,
    .student-banner,
    .supplier-banner {
        height: 85px;
        margin-top: 105px
    }

    .mini-article-img,
    .promo-img {
        object-fit: cover;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out
    }

    .wo_ads_wallet .my_wallet {
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .wo_page_profile .options-buttons {
        margin: 20px 0 0;
        justify-content: center
    }

    .for-mobile2,
    .for-mobile4,
    .for-mobile5,
    .for-mobile6,
    .gallery-none,
    .problackback {
        display: none
    }

    .professional-banner {
        background: url(../img/prof-banner.jpg) center top/contain no-repeat
    }

    .supplier-banner {
        background: url(../img/supplier-banner.jpg) center top/contain no-repeat
    }

    .jobseeker-banner {
        background: url(../img/Jobseekers.jpg) center top/contain no-repeat
    }

    .institute-banner {
        background: url(../img/Institute.jpg) center top/contain no-repeat
    }

    .student-banner {
        background: url(../img/1-04.jpg) top center/cover no-repeat
    }

    .resources-banner {
        background: url(../img/Resources-Banner.jpg) top left/cover no-repeat
    }

    .partners-banner {
        background: url(../img/partners-banner.jpg) top center/cover no-repeat;
        height: 230px
    }

    .img-height-auto,
    .mob-pro-img {
        height: auto !important
    }

    .mob-pro-img {
        margin-right: 0;
        width: 100% !important;
        padding-left: 10px;
        border-radius: 0;
        margin-top: -15px;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border: none
    }

    .brand-right-pad,
    .brand-right-pad2,
    .help-right,
    .mob-pad-right-0,
    .pro-div,
    .publish-right-pad,
    .student-devider-pad {
        padding-right: 0
    }

    .mob-pad-top-30,
    .pad-top-30-2 {
        padding-top: 30px
    }

    .degree-bg,
    .partners-banner2 {
        background: 0 0
    }

    .insti-heading2 {
        margin-top: 20px
    }

    .view-all {
        padding-top: 24px
    }

    .jobs-padding {
        left: 20px;
        padding-right: 55px
    }

    .disflex {
        display: flex
    }

    .padding-top-50 {
        padding-top: 50px !important
    }

    .padding-top-5 {
        padding-top: 5px !important
    }

    .company-div,
    .pad-top-100-2,
    .pad-top-100px,
    .pad-top-30,
    .pad-top-40,
    .pad-top-70,
    .pro-div,
    .publish-haed {
        padding-top: 0
    }

    .txt-middle {
        position: relative;
        top: 42%;
        left: 0;
        right: 0
    }

    .pad-right-25 {
        padding-right: 5px
    }

    .padding-45-0,
    .padding-left-40-5,
    .padding-none,
    .timeline-pad {
        padding-left: 0;
        padding-right: 0
    }

    .c-pad15,
    .c-setting2,
    .container-supplier,
    .pad-left-30-per,
    .pad-left-right,
    .padding-left-40-5-2,
    .padding-left-50,
    .padding-left-55,
    .padding-left-65,
    .padding40-30 {
        padding-left: 15px;
        padding-right: 15px
    }

    .m-margin-top-30,
    .mob-margin-top-30 {
        margin-top: -30px
    }

    .mob-margin-top-20 {
        margin-top: -20px
    }

    .whitee {
        color: #fff
    }

    .wo_settings_page .setting-panel-mdbtn {
        float: left !important
    }

    .promo-img {
        width: 100%;
        height: auto
    }

    .font-20,
    .partner-consult2 {
        font-size: 20px
    }

    .c-p-txt {
        text-align: justify;
        padding-right: 0
    }

    .h3-c-txt-color {
        color: #332563;
        font-weight: 700;
        padding-top: 0;
        letter-spacing: 1px;
        font-size: 28px
    }

    .c-setting,
    .container-institute3,
    .pad-left-right2,
    .padding-left-100 {
        padding-left: 30px;
        padding-right: 30px
    }

    .container-student,
    .mob-pad-left-15,
    .padding-left-170 {
        padding-left: 15px
    }

    .mob-pad-top-bottom-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .nopadding-left2 {
        padding-left: 0 !important
    }

    .improve-img {
        width: 300px;
        margin-top: 0
    }

    .wo_settings_page .setting-panel .avatar-holder strong {
        margin-left: 0;
        text-align: center
    }

    .wo_settings_page .setting-panel .avatar-holder .chavatlink {
        margin-left: 0
    }

    .mob-margin-top-15,
    .mob-margin-top-50 {
        margin-top: 15px
    }

    .over-txt2 {
        font-size: 22px;
        padding: 5px 15px;
        font-weight: 500;
        font-family: Poppins;
        text-align: center
    }

    .clg-txt-2,
    .company-div2,
    .pad-left-15-3,
    .padding-left-15-2,
    .padding-left-215,
    .padding-left-25,
    .padding-left-27,
    .pro-div2 {
        padding-left: 0
    }

    .page-p-txt,
    .page-p-txt3 {
        text-align: justify;
        font-size: 13px
    }

    .clg-txt-2 {
        font-size: 14px !important;
        text-decoration: none
    }

    .font-size-22 {
        font-size: 22px
    }

    .article-img,
    .blog-h-list,
    .c-img-pad2,
    .mini-site-img,
    .sup-img,
    .trend-img {
        width: 100%
    }

    .mob-flex-root {
        display: flow-root
    }

    .for-mobile,
    .for-mobile3,
    .imgcenter {
        display: block
    }

    .mobile-pad-10,
    .padding-left-10 {
        padding-left: 10px !important
    }

    ul.profile-completion-bar {
        width: 100%;
        overflow: hidden;
        background: #fff;
        padding: 2px 0;
        text-align: left
    }

    .page-p-txt {
        padding: 0 35px
    }

    .pad-r-35,
    .padding-left-55-2 {
        padding-right: 30px !important
    }

    .padding-left-55-2 {
        padding-left: 30px
    }

    .blog-margin-left35 {
        margin-left: -35px
    }

    .page-p-txt3 {
        padding: 0 17px !important
    }

    .partner-consult,
    .partner-consult2,
    .text-center-2,
    .txtcenter {
        text-align: center
    }

    .alumni-menubar {
        position: absolute;
        padding-left: 0;
        margin-top: 75px;
        left: 20px;
        margin-right: -50%
    }

    .container-institute,
    .container-supplier-2 {
        padding: 15px
    }

    .black2,
    .white-black {
        color: #000
    }

    .partner-pad-top {
        font-size: 13px;
        padding-top: 0
    }

    .partner-consult {
        font-size: 16px
    }

    .imgcenter {
        margin-left: auto;
        margin-right: auto
    }

    .modal-header {
        padding: 8px
    }

    .width50 {
        width: 90%
    }

    .modal-from-pad,
    .padding-15-0 {
        padding: 0 15px
    }

    .m-margin-top40 {
        margin-top: 40px !important
    }

    .margin-top-178px {
        margin-top: 0
    }

    .article-btn {
        height: 30px;
        margin-top: 5px !important;
        right: 0;
        background-color: #fba919;
        float: none
    }

    .business-name {
        padding: 0 0 10px;
        margin-bottom: 0
    }

    .business-type {
        padding: 0;
        margin-bottom: 2.5em
    }

    .c-follow-btn,
    .mob-pad-top-10 {
        padding-top: 10px
    }

    .imp-img {
        width: 100%;
        margin-top: 0
    }

    .mob-pad-left-25 {
        padding-left: 25px !important
    }

    .pad-left-15,
    .pad-space,
    .padding-left-0-2 {
        padding-left: 15px !important
    }

    .mob-alumni-btn-align {
        vertical-align: middle
    }

    .event-box {
        overflow: visible;
        height: auto
    }

    .left-22-2 {
        left: 0 !important
    }

    .mob-margin-0 {
        margin: 0
    }

    .mob-margin-left-0,
    .mob-margin-left-right {
        margin-left: 0 !important
    }

    .mob-margin-left-right {
        margin-right: 0
    }

    .general-setting-img-center,
    .img-center {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .wo_read__blog .wo_rb__main {
        border: none
    }

    .profile-container .card {
        padding-bottom: 8px
    }

    .height-50 {
        height: 0
    }

    .pad-space {
        padding-right: 15px !important;
        left: 0
    }

    .pad-space-3 {
        padding-left: 30px !important;
        padding-right: 30px !important;
        left: 0
    }

    .c-follow-btn {
        float: left;
        padding-left: 15px
    }

    .mob-top-pad-50 {
        padding-top: 50px
    }

    .followers-align {
        font-size: 12px;
        padding-top: 5px;
        color: #41307c;
        text-align: left
    }

    .text-right2 {
        text-align: right
    }

    .img-center {
        width: 95%;
        padding-top: 20px
    }

    .news-img {
        height: auto;
        width: 100%;
        padding-top: 20px
    }

    .width60 {
        width: 100%;
        text-align: justify
    }

    .empty_state {
        margin-top: 30px;
        margin-bottom: 30px;
        font-weight: 700;
        color: #6d6d6d
    }

    .page-margin {
        margin-top: 100px;
        margin-bottom: 20px
    }

    .messages-users-list {
        height: auto;
        border-radius: 0;
        background-color: #fff;
        overflow: hidden;
        overflow-y: auto;
        padding-top: 0
    }

    .text-sender-container .messagejoint {
        position: static !important;
        bottom: 0
    }

    .message-media img {
        width: 100px;
        height: 100px
    }

    .newpage-margin {
        margin-top: 55px;
        margin-bottom: 20px
    }

    .pad15,
    .popular-search {
        margin-top: 10px
    }

    .ins-profile-txt,
    .mob-pad-left-7,
    .padding-left-42 {
        padding-left: 7px
    }

    .f-c-img-pad {
        padding: 0 20px
    }

    .placement-partner-img,
    .placement-partner-img2,
    .placement-partner-img3,
    .placement-partner-img4,
    .placement-partner-img5,
    .placement-partner-img6,
    .placement-partner-img7 {
        height: 120px
    }

    .exp-company {
        width: 50%;
        padding: 10px
    }

    .pad-left-15,
    .pad-left-30-15 {
        padding-right: 15px !important
    }

    .general-setting-img-center {
        float: none !important
    }

    .left24,
    .left25 {
        left: 0
    }

    .featured-txt {
        float: none;
        text-align: center
    }

    .pad-left-30-15 {
        padding-left: 30px !important
    }

    .pad15 {
        border: none;
        padding: 5px
    }

    .padding0 {
        padding: 10px
    }

    .my-course-txt-pad {
        height: auto;
        border: 1px solid;
        padding: 5px
    }

    .mob-top-15 {
        padding-top: 15px
    }

    .add-photo {
        padding: 0
    }

    .padding-left-right-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mob-pad-left-5 {
        padding-left: 5px
    }

    .for-mobile,
    .for-mobile5 {
        padding-left: 10px
    }

    .margin-left-right-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mini-article-img {
        width: 100%;
        height: auto !important
    }

    .height-90,
    .wo_my_articlez {
        height: auto
    }

    .top-course-btn,
    .top-course-btn-2 {
        height: 30px;
        right: 0;
        background-color: #fba919;
        z-index: 1
    }

    .post-job-btn {
        margin-top: 0 !important
    }

    .deleted-selected,
    .deleted-selected-2 {
        float: none;
        margin-left: 0;
        margin-top: 10px
    }

    .mobile-view-all {
        float: left
    }

    .mob-margin-top-5 {
        margin-top: 5px
    }

    .top-course-btn {
        margin-top: 20px !important;
        float: left;
        clear: both
    }

    .top-course-btn-2 {
        margin-top: 10px !important;
        float: left
    }

    .news-article-top {
        line-height: 20px;
        height: 50px
    }

    .course-txt {
        font-weight: 700;
        font-size: 20px;
        text-decoration: underline
    }

    .testimonial-height {
        height: 80vh
    }

    .testimonial-height2 {
        top: 5px
    }

    .pull-left-right {
        float: right
    }

    .desktop-float {
        float: none
    }

    .events-list-name {
        font-size: 16px;
        overflow: hidden
    }

    .group-left-sidebar {
        left: 0;
        background: #fff
    }

    .height-250 {
        height: 280px;
        text-align: left
    }

    .alumni-left-heading {
        padding: 10px 15px 0
    }

    .over-txt4 {
        font-size: 20px;
        text-align: left;
        margin: 5px 10px;
        border-bottom: 3px solid #fba919;
        font-weight: 700
    }

    .img-top-margin-2 {
        position: absolute;
        bottom: 200px;
        margin-left: 0;
        margin-right: 10px;
        z-index: 1;
        width: 120px;
        height: 120px
    }

    .alumni-profile-img-2 {
        width: 120px;
        border: 3px solid #fff
    }
}

@media (max-width:765px) {
    a.quicklinks-toggle__btn {
        padding: 12px 10px !important
    }

    .msearch-container {
        display: inline-block !important
    }

    .post-commet-textarea img.avatar {
        display: none
    }

    .send-comment {
        display: block !important
    }

    #mobihomiz {
        display: inline-block;
        margin-top: 9px
    }

    ul.dropdown-menu.clearfix.mobisearchcont {
        width: 100%;
        position: fixed;
        top: 50px
    }

    .mobisearchcont .dropdown-menu {
        width: 100%
    }
}

@media (max-width:667px) {
    .cussidepageda {
        height: 250px
    }

    .cussidepageda-2 {
        height: auto
    }

    .wonder-userz {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        padding-right: 20px
    }

    .wonderful-user {
        width: 100% !important;
        display: inline-flex !important;
        text-align: left;
        border-bottom: 0;
        border-radius: 0;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 15px 0 0
    }

    .wonderful-user .user-image {
        width: 100%
    }

    .wonderful-user .avatar img {
        margin-right: 0;
        width: 100% !important;
        height: 100px;
        object-fit: contain;
        border-radius: 8px 8px 0 0;
        border: none
    }

    .wonderful-user .info-part {
        display: block;
        padding: 0 8px
    }

    .page_info_cta,
    .wonderful-user .info-part .user-namelink,
    .wonderful-user .info-part-2 .user-namelink {
        display: block !important
    }

    .wonderful-user .info-part .user-username {
        display: block
    }

    .page_menu_cta,
    .wonderful-user .info-part .user-lastseen,
    .wonderful-user .info-part-2 .user-lastseen,
    .wonderful-user .info-part-2 .user-username {
        display: none
    }

    .wonderful-user .info-part .user-follow-btn button,
    .wonderful-user .info-part-2 .user-follow-btn button {
        box-shadow: none;
        border-radius: 0;
        font-size: 13px
    }

    .wonderful-user .info-part-2 {
        display: block;
        text-align: left;
        padding: 0 10px;
        margin-top: 2px
    }

    #sidebar-group-list-container .user-navigate {
        visibility: hidden !important
    }

    .sidebar-groupz-may-know-container {
        overflow-x: auto
    }

    .wonderful-group {
        width: 200px !important;
        margin: 6px 8px 10px 4px !important
    }

    .wonderful-group .group-middle img {
        height: 75px
    }

    .wo_event_profile .event-info-cont .col-xs-4,
    .wo_event_profile .event-info-cont .col-xs-8 {
        width: 100%;
        padding: 0 15px;
        text-align: center
    }

    .event_cdown {
        text-align: center;
        margin-top: 45px
    }

    .event_cdown:empty {
        margin: 0
    }

    .event_cdown li:last-child {
        display: inline-block
    }

    .page_info_cta .btn-call-action {
        margin: 0 7px;
        padding: 6px 10px
    }

    .wo_page_profile .page-info-cont .page_navbar {
        padding: 5px 10px
    }

    .wo_page_profile .page_navbar ul {
        padding: 0;
        width: 100%;
        float: none !important;
        white-space: nowrap;
        overflow-x: auto
    }

    .mobileleftpane .text-sender-container textarea {
        padding: 15px 13px 10px
    }
}

@media (max-width:620px) {
    .img-width-100 {
        width: 100% !important
    }

    .wo_404 {
        font-size: 64px;
        margin: 70px 5px
    }

    .wo_404>span.four {
        width: 106px;
        height: 25px
    }

    .wo_404>span.four:before {
        width: 25px;
        height: 115px;
        left: 60px;
        bottom: -35px
    }

    .wo_404>span.four:after {
        width: 99px;
        height: 25px;
        transform: rotate(-42.8deg);
        left: -11px;
        bottom: 28px
    }

    .wo_404>span.zero {
        width: 106px;
        height: 106px
    }

    .wo_404>span.zero:before {
        width: 50px;
        height: 50px
    }

    .wo_404>span.zero:after {
        width: 45px;
        height: 45px;
        left: 30px;
        bottom: 30px
    }

    .blogs-related {
        overflow: hidden
    }
}

@media (max-width:600px) {
    a.quicklinks-toggle__btn {
        padding: 10px !important
    }

    .post .post-heading .meta {
        width: calc(100% - 85px)
    }

    .post .aftermetapost .time {
        display: none
    }

    .post .aftermetapost .dropdown .dropdown-toggle {
        padding: 10px 4px 10px 8px
    }

    .post .post-heading .time.mobi-post-time {
        display: inline-block;
        margin-right: 5px
    }

    .post .post-heading .meta .time {
        margin-top: 0
    }

    .post .mobi-stats-rsp .like-btn-mobile,
    .post .post-heading .meta .zmdi-circle {
        display: inline-block
    }

    input.cusrange[type=range] {
        width: 83%
    }

    #local-media video {
        width: 95px;
        height: 120px
    }

    ul.dropdown-menu.clearfix.mobisearchcont {
        position: absolute
    }

    .text-sender-container .message-contnaier {
        margin: 0 15px 8px
    }

    .text-sender-container .message-contnaier.incoming {
        max-width: 90%
    }

    .text-sender-container .incoming .message-model {
        max-width: 75%
    }
}

@media (max-width:530px) {
    .wo_adaptive_media_5 {
        height: 446px
    }

    .wo_adaptive_media_5 .album-image:first-child {
        height: 221px
    }

    .wo_adaptive_media_5 .album-image:nth-child(2) {
        height: 222px;
        top: 225px
    }

    .wo_adaptive_media_5 .album-image:nth-child(3) {
        height: 147px
    }

    .wo_adaptive_media_5 .album-image:nth-child(4) {
        height: 145px;
        top: 150px
    }

    .wo_adaptive_media_5 .album-image:last-child {
        height: 147px;
        top: 299px
    }

    .wo_adaptive_media_5 .album-image img {
        width: 100%;
        height: 100%
    }
}

@media (max-width:510px) {

    #mobihomiz .mobihide,
    #profilenav,
    .topheadcart,
    .user-cover-pc {
        display: none
    }

    #profilenav,
    #profilenav-mobile {
        border-bottom: 0;
        border-top-color: #e6e6e6
    }

    #grpwrpr #grpoptns,
    .propicname {
        position: relative;
        text-align: center
    }

    .timeline-pad {
        padding-left: 15px;
        padding-right: 15px
    }

    #profilenav-mobile ul {
        padding: 0;
        white-space: unset;
        margin-top: 2px;
        background: #fff;
        z-index: 1
    }

    .pad30 {
        padding: 0 20px;
        margin-top: 90px
    }

    .margin-left-15-3 {
        margin-left: 0
    }

    input.cusrange[type=range] {
        width: 81%
    }

    .cussidepageda {
        height: 200px
    }

    .cussidepageda-2 {
        height: auto
    }

    .offnavmenu {
        width: 70%
    }

    .user-cover-mobile {
        display: block;
        height: 190px
    }

    .options-buttons span[class^=button-text],
    .propicname,
    .user-cover-mobile i {
        display: inline-block
    }

    .user-cover-mobile i {
        width: 100%;
        padding-bottom: 190px
    }

    .name-cont-mobile {
        background: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, .2);
        text-align: left;
        margin: -55px 0 20px !important;
        width: 100%;
        padding: 0
    }

    .propicname {
        height: 100% !important;
        padding: 0 4px;
        background-color: #fff
    }

    #profile-pic-mobile {
        display: inline;
        width: 100%;
        height: auto;
        margin-top: 0
    }

    #profile-pic-mobile .timelineuserpropic {
        width: 120px;
        height: 120px;
        box-shadow: 0 1px 2px rgba(68, 68, 68, .42)
    }

    #timelineusernam {
        left: 0 !important;
        text-shadow: none;
        margin: -45px 0 30px 160px !important;
        text-align: initial;
        color: #4a4a4a
    }

    .pronameblack {
        color: #4a4a4a !important;
        text-transform: capitalize
    }

    .prouseroptions {
        left: 0 !important;
        margin-bottom: 20px
    }

    .prouseroptions button,
    .prouseroptions span.btn {
        border-radius: 25px
    }

    .prouseroptions .btn-default {
        margin: 0 5px !important;
        float: none;
        font-size: 13px
    }

    #profilenav {
        overflow: hidden;
        height: 43px
    }

    #profilenav-mobile {
        display: block;
        overflow: visible;
        padding-left: 10px;
        height: 100%;
        min-height: 43px;
        position: absolute
    }

    #propic-form-mobile {
        display: block
    }

    #upload-propic-mobile,
    #upload-propic-mobile+.btn {
        background: rgba(0, 0, 0, .6);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        text-align: center;
        font-size: 17px;
        margin: 0 6px
    }

    #upload-propic-mobile i,
    #upload-propic-mobile+.btn i {
        margin: -6px 0 0 -4px
    }

    .article-title-res {
        font-size: 34px;
        line-height: 41px
    }

    .read-blog {
        padding-left: 15px;
        padding-right: 7px
    }

    .blog-author-info .user-follow-button {
        position: relative !important;
        top: 0 !important
    }

    .blogs-related li {
        height: auto;
        min-height: 80px
    }

    .blogs-related li .blog-title {
        font-size: 13px;
        line-height: initial;
        padding-top: 16px;
        display: block;
        margin-left: 70px
    }

    .blogs-related li .blog-info {
        float: none;
        display: block;
        line-height: initial;
        font-size: 13px;
        margin-left: 70px;
        padding-top: 14px
    }

    .album-img-dwn,
    .grpcatg {
        display: none !important
    }

    .grpmmbr,
    .hdrmbrlist {
        display: block !important
    }

    #groupuserpic {
        height: 50px;
        width: 50px
    }

    #groupuserpic #group-avatar-image {
        height: 50px;
        width: 50px;
        box-shadow: 0 1px 2px rgba(68, 68, 68, .18);
        border: none
    }

    .cusgrouptito {
        padding: 8px 10px 0 20px;
        text-transform: capitalize;
        width: 100% !important
    }

    .grpttle {
        font-size: 22px !important;
        line-height: 37px;
        font-family: roboto
    }

    #grpwrpr .options-buttons button {
        float: none;
        font-size: 13px;
        border-radius: 25px;
        padding: 5px 15px
    }

    #grpwrpr #grpoptns {
        margin: 10px 0 5px !important;
        top: 0 !important;
        width: 100% !important;
        display: block;
        right: 0;
        min-height: 40px
    }

    .mobie-acc-menu {
        display: inline-block !important
    }

    .mobiaccmenuz {
        margin-right: -15px
    }

    .album-mobi-img {
        position: absolute;
        transform: translate(-50%, -37%);
        top: 37%;
        left: 50%
    }

    .post-fetched-url-con.large100 {
        height: 170px
    }

    #mobihomiz a {
        height: 50px;
        padding: 10px 12px
    }

    #mobihomiz a:hover {
        background-color: transparent
    }

    #mobihomiz a i {
        vertical-align: middle
    }

    .wo_404>span {
        width: auto !important;
        height: auto !important
    }

    .wo_404 {
        font-size: 64px;
        margin: 70px 5px
    }

    .wo_404>span.four,
    .wo_404>span.four:after,
    .wo_404>span.four:before,
    .wo_404>span.zero:before {
        background: 0 0
    }

    .wo_404>span.zero {
        background: 0 0;
        animation: none
    }

    .wo_404>span.zero:after {
        background: 0 0;
        box-shadow: none
    }

    .screen-reader-text {
        position: static
    }

    .wo_user_profile .btn-glossy a {
        color: #2a2a2a;
        background: rgba(0, 0, 0, .23)
    }
}

.btn-mat,
.dt_bank_trans_upl_rec a {
    font-size: 14px;
    text-decoration: none
}

@media (max-width:720px) {
    .header-brand {
        display: none
    }
}

@media (max-width:495px) {
    .post .mobi-stats-rsp {
        width: 100%;
        border-top: 1px solid #efefef;
        padding-top: 10px
    }

    .post .mobi-stats-rsp div.btn-default,
    .post .mobi-stats-rsp span.btn-default {
        width: 24.3%
    }

    .post .stats.mobi-post-actions,
    .post .stats.post-actions {
        display: block
    }

    .header-brand {
        display: none
    }

    .post-commet-textarea .post-commentimg-grid textarea {
        overflow-x: hidden
    }
}

@media (max-width:470px) {
    input.cusrange[type=range] {
        width: 76%
    }

    .startSteps span.step {
        margin: 0 20px
    }

    .post .mobi-stats-rsp div.btn-default,
    .post .mobi-stats-rsp span.btn-default {
        width: auto
    }

    .poster-left-buttons {
        margin-right: 5px;
        margin-left: 5px
    }

    .post-fetched-url-con.small100 {
        width: 100%;
        max-height: 220px;
        float: none;
        margin: 0 6px 5px 3px;
        border-right: 0 solid #e6e6e6
    }
}

@media (max-width:420px) {
    .cussidepageda {
        height: 180px
    }

    .cussidepageda-2 {
        height: auto
    }

    input.cusrange[type=range] {
        width: 74%
    }

    .poster-left-buttons {
        margin-right: 4px;
        margin-left: 4px
    }

    .publisher-box .btn-default {
        padding: 3px
    }

    .poster-left-buttons .btn i {
        margin-top: -2px
    }

    .poster-left-buttons .btn.btngif {
        font-size: 23px;
        line-height: 31px;
        padding: 0
    }

    textarea.postText {
        padding-top: 9px
    }

    #camera-button-btn i.zmdi {
        margin-top: 0
    }

    #mobihomiz {
        margin-left: -29px;
        margin-right: 0
    }

    #mobihomiz i {
        font-size: 22px !important
    }

    .navbar-default .hideinmenu {
        margin-left: -5px
    }

    .equmobiwidth ul {
        width: 100%
    }

    .equmobiwidth {
        width: auto;
        text-align: center
    }

    .equmobiwidth .sixteen-font-size i {
        margin-top: 1px !important
    }

    .wo_adaptive_media_5 {
        height: 366px
    }

    .wo_adaptive_media_5 .album-image:first-child {
        height: 181px
    }

    .wo_adaptive_media_5 .album-image:nth-child(2) {
        height: 182px;
        top: 185px
    }

    .wo_adaptive_media_5 .album-image:nth-child(3) {
        height: 119px
    }

    .wo_adaptive_media_5 .album-image:nth-child(4) {
        height: 120px;
        top: 123px
    }

    .wo_adaptive_media_5 .album-image:last-child {
        height: 120px;
        top: 247px
    }
}

@media (max-width:375px) {
    .cussidepageda {
        height: 160px
    }

    .cussidepageda-2 {
        height: auto
    }

    input.cusrange[type=range] {
        width: 71%
    }

    .post .mobi-stats-rsp div.btn-default,
    .post .mobi-stats-rsp span.btn-default {
        width: auto
    }

    .poster-left-buttons .btn {
        font-size: 16px
    }

    .poster-left-buttons .btn.btngif {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width:351px) {
    .startSteps span.step {
        margin: 0 15px
    }

    .post .mobi-stats-rsp .like-btn-mobile {
        display: none
    }

    .poster-left-buttons {
        margin-right: 3px;
        margin-left: 3px
    }
}

@media (max-width:335px) {
    input.cusrange[type=range] {
        width: 69%
    }

    .smalldevicemenu {
        vertical-align: baseline !important
    }
}

@media (max-width:321px) {
    .smalldevicemenulink {
        display: none !important
    }

    .poster-left-buttons {
        margin-right: 2px;
        margin-left: 2px
    }
}

@media (max-width:315px) {

    .cussidepageda,
    .cussidepageda-2 {
        height: 140px
    }
}

.payment_box .btn {
    width: 100%;
    background-color: #fff;
    color: #2c2c2c;
    text-align: inherit;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    border-radius: 0;
    padding: 20px 25px;
    transition: .15s;
    font-family: Lato, sans-serif;
    font-weight: 600;
    box-shadow: none
}

.payment_box .btn:hover {
    background-color: rgba(0, 0, 0, .04)
}

.payment_box .btn svg {
    margin-right: 15px;
    width: 32px;
    height: 32px
}

svg {
    vertical-align: middle
}

.dt_bank_trans_modal .bank_info {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 30px
}

.dt_bank_trans_modal .bank_info .dt_settings_header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    height: auto;
    background-color: #2196f3;
    background: linear-gradient(90deg, #03a9f4 0, #2196f3 35%, #3f51b5 100%);
    padding: 16px;
    overflow: hidden;
    position: relative
}

.dt_bank_trans_modal .dt_settings_circle-1 {
    width: 290px;
    height: 290px;
    background-image: radial-gradient(circle 800px at 75% -25%, #000 0, rgba(255, 255, 255, 0) 100%);
    left: -28px;
    top: -28px;
    opacity: .05;
    position: absolute;
    border-radius: 50%;
    pointer-events: none
}

.dt_bank_trans_modal .dt_settings_circle-2 {
    opacity: .03;
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    width: 500px;
    height: 500px;
    background-image: radial-gradient(circle 800px at 10% -25%, #000 0, rgba(255, 255, 255, 0) 100%);
    right: -242px;
    top: 17px
}

.dt_bank_trans_modal .bank_info .bank_info_innr {
    position: relative;
    width: 100%;
    color: #fff;
    z-index: 1;
    border: 6px solid rgba(255, 255, 255, .3);
    padding: 20px;
    border-radius: 5px
}

.dt_bank_trans_modal .bank_info .bank_info_innr>svg {
    position: absolute;
    opacity: .3;
    left: 16px;
    top: 16px;
    width: 45px;
    z-index: -1
}

.dt_bank_trans_modal .bank_info .bank_info_innr .row p {
    margin: 0;
    font-size: 18px;
    word-break: break-word
}

.dt_bank_trans_modal .bank_info .bank_info_innr .row .col {
    margin-top: 18px
}

.dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {
    font-size: 22px;
    padding: 5px .75rem 0 55px
}

.dt_bank_trans_modal .bank_info .bank_info_innr .help-block {
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(255, 255, 255, .73)
}

.dt_bank_trans_modal .dt_user_profile {
    background-color: #f8f8f8;
    margin: 0 auto 25px;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    border-radius: 7px;
    overflow: hidden
}

.btn-mat::after,
.btn-mat::before {
    content: "";
    position: absolute;
    background-color: currentColor;
    opacity: 0
}

.dt_bank_trans_modal .dt_user_profile>span {
    margin-bottom: 5px;
    font-size: 18px;
    display: flex;
    align-items: center
}

.dt_bank_trans_modal .dt_user_profile>span svg {
    margin-right: 5px;
    color: #6b6b6b
}

.dt_bank_trans_modal .dt_prof_vrfy {
    margin: 0;
    list-style-type: disc
}

.dt_bank_trans_upl_rec a {
    display: inline-block;
    border-bottom: 1px dashed;
    color: #3f3f3f;
    padding-bottom: 5px;
    transition: .15s
}

.dt_bank_trans_upl_rec a:hover {
    border-bottom-style: solid
}

.dt_bank_trans_upl_rec a svg {
    width: 20px;
    height: 20px;
    margin-top: -3px
}

.upload_bank_receipts {
    text-align: center;
    display: none
}

.upload_bank_receipts>div {
    width: 100%;
    max-width: 200px;
    height: 185px;
    margin: auto;
    background-color: #f0f0f0;
    border: 2px solid #ddd;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.upload_bank_receipts svg {
    width: 45px;
    height: 45px;
    color: #4a4a4a;
    background-color: #d3d3d3;
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 10px
}

#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts img,
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img,
.wow_cset_avtr .wow_cset_avtr_hdr .btn-file img,
.wow_cset_cover .wow_cset_cover_hdr .btn-file img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wow_cset_cover .wow_cset_cover_hdr .btn-file {
    display: flex;
    justify-content: center;
    box-shadow: none;
    background-color: #f3f3f3;
    border-radius: 5px;
    height: 230px;
    overflow: hidden;
    padding: 0;
    align-items: center
}

.wow_cset_avtr .wow_cset_avtr_hdr .btn-file svg,
.wow_cset_cover .wow_cset_cover_hdr .btn-file svg {
    margin: 0;
    width: 30px;
    height: 30px
}

.wow_cset_cover .avatar-read {
    position: absolute;
    top: 10px;
    left: 10px
}

.wow_cset_cover .avatar-read p {
    margin: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    height: 34px;
    padding: 6px 12px;
    border-radius: 4px
}

.wow_cset_avtr .wow_cset_avtr_hdr .btn-file {
    display: flex;
    justify-content: center;
    box-shadow: none;
    background-color: #f3f3f3;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    margin: -40px auto 20px;
    padding: 0;
    align-items: center
}

.btn-mat {
    position: relative;
    user-select: none;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    transform: translate3d(0, 0, 0);
    transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    font-family: Roboto, sans-serif;
    font-weight: 500;
    overflow: hidden
}

.btn-mat::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity .2s
}

.btn-mat::after {
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform .5s
}

.btn-mat:active::after {
    opacity: .16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform
}

.btn-mat svg {
    width: 17px;
    height: 17px;
    margin: -2px 3px 0 0
}

.btn-mat-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.btn-mat-raised:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn-loading {
    position: relative;
    box-shadow: none
}

.btn-loading:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    border-radius: 4px;
    transform: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='0' y='0' fill='none' class='bk'%3e%3c/rect%3e%3ccircle cx='50' cy='50' r='40' stroke='%23fff' fill='none' stroke-width='6' stroke-linecap='round'%3e%3canimate attributeName='stroke-dashoffset' dur='1.5s' repeatCount='indefinite' from='0' to='502'%3e%3c/animate%3e%3canimate attributeName='stroke-dasharray' dur='1.5s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    transition: none
}

#wo_post_stat_button {
    width: 100%;
    text-align: center;
    margin-top: 1px;
    position: relative;
    display: contents;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

#wo_post_stat_button .stat-item {
    border-radius: 7px;
    color: #616770;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    border: 0;
    box-shadow: none;
    padding: 8px 5px;
    background: #fff;
    transition: .1s ease-in-out;
    cursor: pointer;
    width: 100px
}

#wo_post_stat_button .stat-item:active,
#wo_post_stat_button .stat-item:focus {
    background-color: rgba(29, 33, 41, .09)
}

#wo_post_stat_button .stat-item svg {
    width: 18px;
    height: 18px
}

#wonder-button svg {
    margin-right: 3px
}

.post .post-description .post-actions .stat-item {
    margin-top: 5px !important;
    background: #fff;
    box-shadow: none
}

@keyframes animatetop {
    from {
        top: -4px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

#wo_comment_combo {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px 0;
    margin-top: -10px;
    border-top: 1px solid #f9f9f9;
    transition: .2s
}

#wo_comment_combo.comment-toggle {
    background-color: #fff;
    border-color: #ededed
}

#wo_comment_combo .textarea {
    height: 36px;
    float: right;
    padding-top: 8px;
    width: calc(100% - 38px);
    background-color: #fff;
    padding-right: 10px;
    border-radius: 18px !important;
    margin-left: 10px;
    border: 1px solid #ededed;
    font-family: inherit
}

#wo_comment_combo.comment-toggle .textarea {
    border-color: #fff;
    max-height: 100%
}

#wo_comment_combo .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid
}

#wo_comment_combo .comment_combo_footer {
    position: relative;
    padding: 8px 4px;
    margin-bottom: -10px;
    background-color: #fff;
    display: none
}

#wo_comment_combo.comment-toggle .comment_combo_footer {
    display: block;
    animation: .2s animatetop
}

#wo_comment_combo .comment_combo_footer .emo-comment,
#wo_comment_combo .comment_combo_footer .image-comment,
#wo_comment_combo .comment_combo_footer .send-comment {
    position: relative;
    display: inline-block;
    right: auto
}

#wo_comment_combo .comment_combo_footer .wo_comment_fopt .btn {
    padding: 3px 8px;
    background: 0 0
}

.wo_single_proimg {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.post .wow_shared_posts .post-heading {
    padding: 12px;
    height: 65px
}

.wow_shared_posts_p {
    margin-bottom: 12px !important;
    padding: 0 12px
}

.wow_shared_posts_p:empty {
    margin: 0 !important;
    padding: 0
}

.post .wow_shared_posts .wow_post_prod {
    margin: -5px 10px 10px
}

.post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg,
.post .wow_shared_posts .wo_post_fetch_event#fullsizeimg {
    width: 100%;
    margin: 0 0 12px
}

.post .wow_shared_posts .wo_post_fetch_blog#fullsizeimg {
    margin: 0 0 5px
}

.select-user-verification-data p {
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #333
}

.select-user-verification-data .select-user-verification-photos>div {
    width: 49%;
    height: 190px;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #efefef;
    margin-top: 15px;
    color: #333;
    overflow: hidden;
    cursor: pointer
}

.select-user-verification-data .select-user-verification-photos .empty_state {
    margin: 45.5px 0
}

.verification-status {
    width: 100%;
    height: 200px;
    text-align: center
}

.verification-status h4 {
    width: 100%;
    line-height: 200px;
    font-family: arial, sans-serif;
    color: #666
}

table.wow_pymnt_table {
    font-family: Roboto, sans-serif;
    font-size: 14px
}

table.wow_pymnt_table thead th {
    font-weight: 500;
    color: #333
}

table.wow_pymnt_table tbody>tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

table.wow_pymnt_table tbody>tr>td {
    vertical-align: middle;
    padding: 9px 5px
}

table.wow_pymnt_table .label {
    display: inline-block;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px
}

table.wow_pymnt_table .label-warning {
    color: #ff9800;
    background-color: rgba(255, 152, 0, .1)
}

.wow_sett_trans_table {
    margin: 10px -6px -15px
}

.small-texts {
    font-weight: 100
}

.wo-reaction {
    max-width: 100%;
    padding: 0 60px;
    position: relative
}

.like-btn {
    position: relative;
    cursor: pointer;
    display: block
}

.wo-reaction .like-btn .active-like {
    display: flex;
    align-items: center;
    justify-content: center
}

.like-btn-default {
    background-image: url(../reaction/wo.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -277px -446px
}

.like-btn-emo {
    display: inline-block;
    margin: 0 6px -3px 0;
    width: 16px;
    height: 16px
}

.reactions-box {
    background: #fff;
    width: 292px;
    padding: 2px;
    position: absolute;
    top: -51px;
    z-index: 999;
    left: -10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    border-radius: 2em;
    cursor: default;
    display: none
}

.emoji,
.reaction {
    display: inline-block;
    border-radius: 50%
}

.reaction {
    list-style-type: none;
    cursor: pointer;
    width: 48px;
    height: 48px;
    float: left;
    opacity: 1;
    transform: scale(1);
    transition: transform .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: cubic-bezier(.49, 0, .46, 1) slideUp;
    animation: cubic-bezier(.49, 0, .46, 1) slideUp
}

.emoji {
    width: 120px;
    height: 120px;
    background: #ffda6a;
    position: relative;
    transform: scale(.325);
    top: -76%;
    right: 76%
}

.emoji__eyebrows:after,
.emoji__eyebrows:before,
.emoji__eyes:after,
.emoji__eyes:before,
.emoji__face:after,
.emoji__face:before,
.emoji__hand:after,
.emoji__hand:before,
.emoji__heart:after,
.emoji__heart:before,
.emoji__mouth:after,
.emoji__mouth:before,
.emoji__thumb:after,
.emoji__thumb:before,
.emoji__tongue:after,
.emoji__tongue:before {
    position: absolute;
    content: ''
}

.emoji__face {
    width: inherit;
    height: inherit
}

.emoji--like {
    background: #548dff
}

.emoji--like .emoji__hand {
    left: 25px;
    bottom: 30px;
    width: 20px;
    height: 40px;
    background: #fff;
    border-radius: 5px;
    z-index: 0;
    -webkit-animation: 2s linear infinite hands-up;
    animation: 2s linear infinite hands-up
}

.emoji--like .emoji__hand:before {
    left: 25px;
    bottom: 5px;
    width: 40px;
    background: inherit;
    height: 10px;
    border-radius: 2px 10px 10px 2px;
    box-shadow: 1px -9px 0 1px #fff, 2px -19px 0 2px #fff, 3px -29px 0 3px #fff
}

.emoji--like .emoji__thumb {
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    top: -25px;
    right: -25px;
    z-index: 2;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-animation: 2s linear infinite thumbs-up;
    animation: 2s linear infinite thumbs-up
}

.emoji--like .emoji__thumb:before {
    border-radius: 50% 50% 0 0;
    background: #fff;
    width: 10px;
    height: 12px;
    left: -10px;
    top: -8px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    box-shadow: -1px 4px 0 -1px #fff
}

.emoji--love {
    background: #f55064
}

.emoji--love .emoji__heart {
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    -webkit-animation: 1s linear infinite alternate heart-beat;
    animation: 1s linear infinite alternate heart-beat
}

.emoji--love .emoji__heart:after,
.emoji--love .emoji__heart:before {
    left: calc(50% - 20px);
    top: calc(50% - 32px);
    width: 40px;
    height: 64px;
    background: #fff;
    border-radius: 20px 20px 0 0
}

.emoji--love .emoji__heart:before {
    -webkit-transform: translate(20px) rotate(-45deg);
    transform: translate(20px) rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.emoji--love .emoji__heart:after {
    -webkit-transform: translate(-20px) rotate(45deg);
    transform: translate(-20px) rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.emoji--haha .emoji__face {
    -webkit-animation: 2s linear infinite haha-face;
    animation: 2s linear infinite haha-face
}

.emoji--haha .emoji__eyes {
    width: 26px;
    height: 6px;
    border-radius: 2px;
    left: calc(50% - 13px);
    top: 35px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    background: 0 0;
    box-shadow: -25px 5px 0 0 #000, 25px -5px 0 0 #000
}

.emoji--haha .emoji__eyes:after {
    left: 0;
    top: 0;
    width: 26px;
    height: 6px;
    border-radius: 2px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    background: 0 0;
    box-shadow: -25px -5px 0 0 #000, 25px 5px 0 0 #000
}

.emoji--haha .emoji__mouth {
    width: 80px;
    height: 40px;
    left: calc(50% - 40px);
    top: 50%;
    background: #000;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
    z-index: 1;
    -webkit-animation: 2s linear infinite haha-mouth;
    animation: 2s linear infinite haha-mouth
}

.emoji--haha .emoji__tongue {
    width: 70px;
    height: 30px;
    background: #f55064;
    left: calc(50% - 35px);
    bottom: -10px;
    border-radius: 50%
}

.emoji--wow .emoji__face {
    -webkit-animation: 3s linear infinite wow-face;
    animation: 3s linear infinite wow-face
}

.emoji--wow .emoji__eyebrows {
    left: calc(50% - 3px);
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: 0 0;
    box-shadow: -18px 0 0 0 #000, -33px 0 0 0 #000, 18px 0 0 0 #000, 33px 0 0 0 #000;
    -webkit-animation: 3s linear infinite wow-brow;
    animation: 3s linear infinite wow-brow
}

.emoji--wow .emoji__eyebrows:after,
.emoji--wow .emoji__eyebrows:before {
    width: 24px;
    height: 20px;
    border: 6px solid #000;
    box-sizing: border-box;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -3px;
    left: calc(50% - 12px)
}

.emoji--wow .emoji__eyebrows:before {
    margin-left: -25px
}

.emoji--wow .emoji__eyebrows:after {
    margin-left: 25px
}

.emoji--wow .emoji__eyes {
    width: 16px;
    height: 24px;
    left: calc(50% - 8px);
    top: 35px;
    border-radius: 50%;
    background: 0 0;
    box-shadow: 25px 0 0 0 #000, -25px 0 0 0 #000
}

.emoji--wow .emoji__mouth {
    width: 30px;
    height: 45px;
    left: calc(50% - 15px);
    top: 50%;
    border-radius: 50%;
    background: #000;
    -webkit-animation: 3s linear infinite wow-mouth;
    animation: 3s linear infinite wow-mouth
}

.emoji--sad .emoji__face {
    -webkit-animation: 2s ease-in infinite sad-face;
    animation: 2s ease-in infinite sad-face
}

.emoji--sad .emoji__eyebrows {
    left: calc(50% - 3px);
    top: 35px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: 0 0;
    box-shadow: -40px 9px 0 0 #000, -25px 0 0 0 #000, 25px 0 0 0 #000, 40px 9px 0 0 #000
}

.emoji--sad .emoji__eyebrows:after,
.emoji--sad .emoji__eyebrows:before {
    width: 30px;
    height: 20px;
    border: 6px solid #000;
    box-sizing: border-box;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: 2px;
    left: calc(50% - 15px)
}

.emoji--sad .emoji__eyebrows:before {
    margin-left: -30px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.emoji--sad .emoji__eyebrows:after {
    margin-left: 30px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.emoji--sad .emoji__eyes {
    width: 14px;
    height: 16px;
    left: calc(50% - 7px);
    top: 50px;
    border-radius: 50%;
    background: 0 0;
    box-shadow: 25px 0 0 0 #000, -25px 0 0 0 #000
}

.emoji--sad .emoji__eyes:after {
    background: #548dff;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    border-radius: 0 100% 40% 50%/0 50% 40% 100%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: 2s ease-in infinite tear-drop;
    animation: 2s ease-in infinite tear-drop
}

.emoji--sad .emoji__mouth {
    width: 60px;
    height: 80px;
    left: calc(50% - 30px);
    top: 80px;
    box-sizing: border-box;
    border: 6px solid #000;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    background: 0 0;
    -webkit-animation: 2s ease-in infinite sad-mouth;
    animation: 2s ease-in infinite sad-mouth
}

.emoji--angry .emoji__eyebrows,
.emoji--sad .emoji__mouth:after {
    left: calc(50% - 3px);
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: 0 0
}

.emoji--sad .emoji__mouth:after {
    top: 4px;
    box-shadow: -18px 0 0 0 #000, 18px 0 0 0 #000
}

.emoji--angry {
    background: linear-gradient(#d5234c -10%, #ffda6a);
    background-size: 100%;
    -webkit-animation: 2s ease-in infinite angry-color;
    animation: 2s ease-in infinite angry-color
}

.emoji--angry .emoji__face {
    -webkit-animation: 2s ease-in infinite angry-face;
    animation: 2s ease-in infinite angry-face
}

.emoji--angry .emoji__eyebrows {
    top: 55px;
    box-shadow: -44px 5px 0 0 #000, -7px 16px 0 0 #000, 7px 16px 0 0 #000, 44px 5px 0 0 #000
}

.emoji--angry .emoji__eyebrows:after,
.emoji--angry .emoji__eyebrows:before {
    width: 50px;
    height: 20px;
    border: 6px solid #000;
    box-sizing: border-box;
    border-radius: 50%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: 0;
    left: calc(50% - 25px)
}

.emoji--angry .emoji__eyebrows:before {
    margin-left: -25px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.emoji--angry .emoji__eyebrows:after {
    margin-left: 25px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.emoji--angry .emoji__eyes {
    width: 12px;
    height: 12px;
    left: calc(50% - 6px);
    top: 70px;
    border-radius: 50%;
    background: 0 0;
    box-shadow: 25px 0 0 0 #000, -25px 0 0 0 #000
}

.emoji--angry .emoji__mouth {
    width: 36px;
    height: 18px;
    left: calc(50% - 18px);
    bottom: 15px;
    background: #000;
    border-radius: 50%;
    -webkit-animation: 2s ease-in infinite angry-mouth;
    animation: 2s ease-in infinite angry-mouth
}

@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes heart-beat {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

@keyframes heart-beat {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

@-webkit-keyframes haha-face {

    10%,
    30%,
    50% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }

    20%,
    40% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    60%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70%,
    90% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes haha-face {

    10%,
    30%,
    50% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }

    20%,
    40% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    60%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70%,
    90% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@-webkit-keyframes haha-mouth {

    10%,
    30%,
    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        top: 45%
    }

    20%,
    40% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        top: 45%
    }

    60%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 50%
    }

    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        top: 50%
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        top: 50%
    }
}

@keyframes haha-mouth {

    10%,
    30%,
    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        top: 45%
    }

    20%,
    40% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        top: 45%
    }

    60%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 50%
    }

    70% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        top: 50%
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        top: 50%
    }
}

@-webkit-keyframes wow-face {

    15%,
    25% {
        -webkit-transform: rotate(20deg) translateX(-25px);
        transform: rotate(20deg) translateX(-25px)
    }

    45%,
    65% {
        -webkit-transform: rotate(-20deg) translateX(25px);
        transform: rotate(-20deg) translateX(25px)
    }

    100%,
    75% {
        -webkit-transform: rotate(0) translateX(0);
        transform: rotate(0) translateX(0)
    }
}

@keyframes wow-face {

    15%,
    25% {
        -webkit-transform: rotate(20deg) translateX(-25px);
        transform: rotate(20deg) translateX(-25px)
    }

    45%,
    65% {
        -webkit-transform: rotate(-20deg) translateX(25px);
        transform: rotate(-20deg) translateX(25px)
    }

    100%,
    75% {
        -webkit-transform: rotate(0) translateX(0);
        transform: rotate(0) translateX(0)
    }
}

@-webkit-keyframes wow-brow {

    15%,
    65% {
        top: 25px
    }

    0%,
    100%,
    75% {
        top: 15px
    }
}

@keyframes wow-brow {

    15%,
    65% {
        top: 25px
    }

    0%,
    100%,
    75% {
        top: 15px
    }
}

@-webkit-keyframes wow-mouth {

    10%,
    30% {
        width: 20px;
        height: 20px;
        left: calc(50% - 10px)
    }

    50%,
    70% {
        width: 30px;
        height: 40px;
        left: calc(50% - 15px)
    }

    100%,
    75% {
        height: 50px
    }
}

@keyframes wow-mouth {

    10%,
    30% {
        width: 20px;
        height: 20px;
        left: calc(50% - 10px)
    }

    50%,
    70% {
        width: 30px;
        height: 40px;
        left: calc(50% - 15px)
    }

    100%,
    75% {
        height: 50px
    }
}

@-webkit-keyframes sad-face {

    25%,
    35% {
        top: -15px
    }

    55%,
    95% {
        top: 10px
    }

    0%,
    100% {
        top: 0
    }
}

@keyframes sad-face {

    25%,
    35% {
        top: -15px
    }

    55%,
    95% {
        top: 10px
    }

    0%,
    100% {
        top: 0
    }
}

@-webkit-keyframes sad-mouth {

    25%,
    35% {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        top: 70px
    }

    0%,
    100%,
    55% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 80px
    }
}

@keyframes sad-mouth {

    25%,
    35% {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        top: 70px
    }

    0%,
    100%,
    55% {
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 80px
    }
}

@-webkit-keyframes tear-drop {

    0%,
    100% {
        display: block;
        left: 35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }

    25% {
        display: block;
        left: 35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2)
    }

    49.9% {
        display: block;
        left: 35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }

    50% {
        display: block;
        left: -35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }

    75% {
        display: block;
        left: -35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2)
    }

    99.9% {
        display: block;
        left: -35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }
}

@keyframes tear-drop {

    0%,
    100% {
        display: block;
        left: 35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }

    25% {
        display: block;
        left: 35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2)
    }

    49.9% {
        display: block;
        left: 35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }

    50% {
        display: block;
        left: -35px;
        top: 15px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }

    75% {
        display: block;
        left: -35px;
        -webkit-transform: rotate(45deg) scale(2);
        transform: rotate(45deg) scale(2)
    }

    99.9% {
        display: block;
        left: -35px;
        top: 65px;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0)
    }
}

@-webkit-keyframes hands-up {
    25% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    50% {
        -webkit-transform: rotate(-15deg) translateY(-10px);
        transform: rotate(-15deg) translateY(-10px)
    }

    100%,
    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes hands-up {
    25% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    50% {
        -webkit-transform: rotate(-15deg) translateY(-10px);
        transform: rotate(-15deg) translateY(-10px)
    }

    100%,
    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes thumbs-up {
    25% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    100%,
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@keyframes thumbs-up {
    25% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    100%,
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@-webkit-keyframes angry-color {

    45%,
    60% {
        background-size: 250%
    }

    0%,
    100%,
    85% {
        background-size: 100%
    }
}

@keyframes angry-color {

    45%,
    60% {
        background-size: 250%
    }

    0%,
    100%,
    85% {
        background-size: 100%
    }
}

@-webkit-keyframes angry-face {

    35%,
    60% {
        -webkit-transform: translateX(0) translateY(10px) scale(.9);
        transform: translateX(0) translateY(10px) scale(.9)
    }

    40%,
    50% {
        -webkit-transform: translateX(-5px) translateY(10px) scale(.9);
        transform: translateX(-5px) translateY(10px) scale(.9)
    }

    45%,
    55% {
        -webkit-transform: translateX(5px) translateY(10px) scale(.9);
        transform: translateX(5px) translateY(10px) scale(.9)
    }
}

@keyframes angry-face {

    35%,
    60% {
        -webkit-transform: translateX(0) translateY(10px) scale(.9);
        transform: translateX(0) translateY(10px) scale(.9)
    }

    40%,
    50% {
        -webkit-transform: translateX(-5px) translateY(10px) scale(.9);
        transform: translateX(-5px) translateY(10px) scale(.9)
    }

    45%,
    55% {
        -webkit-transform: translateX(5px) translateY(10px) scale(.9);
        transform: translateX(5px) translateY(10px) scale(.9)
    }
}

@-webkit-keyframes angry-mouth {

    25%,
    50% {
        height: 6px;
        bottom: 25px
    }
}

@keyframes angry-mouth {

    25%,
    50% {
        height: 6px;
        bottom: 25px
    }
}

.reaction:hover {
    transform: scale(1.23077) translate(0, -3px);
    top: 2px
}

.reaction::before {
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    left: 50%;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2em;
    position: absolute;
    top: -18px;
    opacity: 0;
    transition: opacity .15s;
    font-weight: 600;
    transform: translateX(-50%)
}

.reaction-like::before {
    content: 'Like'
}

.reaction-love::before {
    content: 'Love'
}

.reaction-haha::before {
    content: 'Haha'
}

.reaction-wow::before {
    content: 'Wow'
}

.reaction-sad::before {
    content: 'Sad'
}

.reaction-angry::before {
    content: 'Angry'
}

.inline_post_emoji {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px
}

.inline_post_emoji .emoji {
    transform: scale(.15);
    top: -285%;
    right: 285%
}

.no_anim .emoji--wow .emoji__eyebrows {
    top: 15px
}

.no_anim .emoji--sad .emoji__eyes:after {
    display: block;
    left: -35px;
    -webkit-transform: rotate(45deg) scale(2);
    transform: rotate(45deg) scale(2)
}

.no_anim .emoji--angry,
.no_anim .emoji--angry .emoji__face,
.no_anim .emoji--angry .emoji__mouth,
.no_anim .emoji--haha .emoji__face,
.no_anim .emoji--haha .emoji__mouth,
.no_anim .emoji--like .emoji__hand,
.no_anim .emoji--like .emoji__thumb,
.no_anim .emoji--love .emoji__heart,
.no_anim .emoji--sad .emoji__eyes:after,
.no_anim .emoji--sad .emoji__face,
.no_anim .emoji--sad .emoji__mouth,
.no_anim .emoji--wow .emoji__eyebrows,
.no_anim .emoji--wow .emoji__face,
.no_anim .emoji--wow .emoji__mouth,
.post .post-footer .comments-list .comment .comment-body .reactions-box li {
    animation: none
}

.inline_post_count_emoji {
    width: 16px;
    height: 16px;
    display: inline-block
}

.inline_post_count_emoji .emoji {
    transform: scale(.1333);
    top: -324%;
    right: 324%
}

.like-btn-text-like {
    color: #5890ff
}

.like-btn-text-haha,
.like-btn-text-sad,
.like-btn-text-wow {
    color: #f0ba15
}

.like-btn-text-love {
    color: #f25268
}

.like-btn-text-angry {
    color: #f7714b
}

.like-emo>.how_reacted {
    background: #fff;
    display: inline-flex;
    margin: 0 0 0 -6px;
    padding: 3px;
    border-radius: 50%
}

.like-emo>.how_reacted:first-child {
    z-index: 3;
    margin-left: -10px
}

.like-emo>.how_reacted:nth-child(2) {
    z-index: 2
}

.like-details {
    margin-left: 10px;
    color: #9197a3;
    font-size: 12px
}

.like-emo {
    cursor: pointer;
    display: flex;
    align-items: center
}

#active_react .stat-item {
    padding: 0 7px !important;
    margin-top: 4px !important
}

.like-emo .how_many_reacts {
    line-height: 1;
    font-weight: 400;
    color: #999;
    font-size: 11px
}

.wo_imagecombo_lbox .lightbox-post-footer .comment {
    margin-top: 37px
}

#comment_reacted {
    margin-right: 10px;
    float: left
}

#comment_reacted .like-emo>.how_reacted {
    transform: scale(.9);
    margin: 0 0 0 -8px
}

#comment_reacted .like-emo>.how_reacted:first-child {
    z-index: 3;
    margin-left: -2px
}

#comment_reacted .like-emo .how_many_reacts {
    font-size: 12px;
    color: #888
}

#comment_reactions {
    padding: 0;
    display: inline-block
}

.wo_who_react_this {
    display: inline-block;
    margin-left: -3px
}

.inline_act_emoji {
    overflow: hidden;
    position: relative;
    margin-bottom: -5px;
    transform: scale(.8);
    margin-right: 0
}

#inline_emo_react .wo_who_react_this {
    position: absolute;
    top: 0;
    right: 10px;
    background: #f9f9f9;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center
}

#inline_emo_react .wo_who_react_this .inline_act_emoji {
    transform: scale(1);
    margin-bottom: 0
}

.post .post-footer .comments-list .comment .comment-body .like-btn {
    z-index: 9
}

.post .post-footer .comments-list .comment .comment-body .reactions-box {
    z-index: 5;
    top: -55px
}

#wo_comm_emojis {
    width: 280px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    padding: 0
}

#wo_comm_emojis .emoji_holder {
    display: inline-flex;
    margin: 4px;
    cursor: pointer;
    transition: .2s;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px
}

#wo_comm_emojis .emoji_holder span {
    font-size: 21px
}

.active_sessions .as_list {
    padding: 13px 5px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.active_sessions .as_list .platform_icon {
    margin-right: 15px;
    float: left;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}

.active_sessions .as_list .platform_icon svg {
    width: 28px;
    height: 28px
}

.active_sessions .as_list .log_out_session {
    float: right;
    width: 35px;
    height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    margin: 1px 0;
    background: 0 0;
    box-shadow: none
}

.active_sessions .as_list .log_out_session:before {
    opacity: .07
}

.active_sessions .as_list .session_info {
    display: block;
    margin-right: 50px;
    font-family: Roboto, sans-serif
}

.active_sessions .as_list .session_info h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500
}

.active_sessions .as_list .session_info p {
    margin-bottom: 5px;
    line-height: 1
}

.modal-content {
    box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1)
}

.modal-header {
    background-color: #f5f6f7;
    border-color: #e5e5e5;
    padding: 10px 12px
}

.modal-title {
    color: #1d2129;
    font-weight: 700;
    line-height: 19px;
    font-size: 14px
}

.modal .modal-footer {
    background: #fff;
    padding: 9px 0;
    border-top: 1px solid #dddfe2;
    margin: 0 12px
}

.wo_crop_img_pic {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.wo_crop_img_pic img {
    max-height: 400px;
    max-width: 100%;
    text-align: center
}

.wo_crop_img_pic .rcrop-preview-wrapper {
    border-radius: 50%;
    overflow: hidden;
    height: 130px;
    width: 130px
}

.share_modal_social_icos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px
}

.share_modal_social_icos>a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 6px 9px;
    text-decoration: none
}

.share_modal_social_icos>a .social-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    margin-bottom: 5px
}

.share_modal_social_icos>a .social-btn svg {
    margin: 0;
    width: 21px;
    height: 21px
}

.share_modal_opts_icos.select_radio_btn .select_radio_btn_innr {
    margin: 0 -12px
}

.share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img {
    display: inline-flex;
    vertical-align: middle;
    height: 35px;
    width: 35px;
    border-radius: 10px
}

.share_modal_opts_icos.select_radio_btn.small_rbtn .sr_btn_img svg {
    width: 24px;
    height: 24px
}

.share_modal_opts_icos.select_radio_btn .sr_btn_lab_innr>span {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle
}

.shar_modl_chose_pgrp input.form-control {
    height: auto;
    border: 2px solid #ebeef0;
    background-color: #ebeef0;
    font-size: 15px;
    padding: 7px 15px;
    border-radius: 2em;
    width: 100%;
    max-width: 350px;
    margin: auto;
    transition: .15s
}

.share_modl_post_cont .panel {
    background-color: #f4f4f4;
    box-shadow: none
}

.share_modl_post_cont .post-heading {
    padding: 17px 15px
}

.share_modl_post_cont .post-heading .dropdown-toggle {
    display: block;
    margin: 9px 0
}

.select_radio_btn {
    font-family: Lato, sans-serif;
    padding: 20px 0 0
}

.select_radio_btn h4 {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    margin: -15px 0 25px
}

.select_radio_btn .select_radio_btn_innr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.select_radio_btn label {
    width: 33.3333333%;
    margin: 0 0 24px;
    padding: 0 12px
}

.select_radio_btn label>input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none
}

.select_radio_btn .sr_btn_lab_innr {
    width: 100%;
    margin: 0;
    box-shadow: 0 0 0 1px #e6e6e6;
    border-radius: 6px;
    position: relative;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    transition: .2s;
    display: block;
    padding: 20px 10px
}

.select_radio_btn.small_rbtn .sr_btn_img {
    margin: auto;
    filter: grayscale(1);
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    opacity: .7
}

.select_radio_btn.small_rbtn .sr_btn_img svg {
    width: 34px;
    height: 34px
}

.select_radio_btn .sr_btn_lab_innr>span {
    margin: 15px 0 0;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-transform: capitalize;
    color: #6c6c6c
}

.select_radio_btn .sr_btn_lab_innr:hover,
.select_radio_btn label>input:checked~.sr_btn_lab_innr {
    box-shadow: 0 0 0 3px rgba(0, 102, 255, .5)
}

.select_radio_btn label>input:checked~.sr_btn_lab_innr .sr_btn_img {
    filter: grayscale(0);
    opacity: 1
}

.ready_to_down_info {
    display: none;
    text-align: center;
    margin: 40px 0;
    padding: 0 20px
}

.ready_to_down_info svg {
    width: 110px;
    height: 110px;
    margin-bottom: 20px
}

.ready_to_down_info p {
    font-weight: 600;
    font-family: Lato, sans-serif;
    margin-bottom: 35px
}

.ready_to_down_info .btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    padding: 6px 20px;
    border-radius: 5px;
    color: #fff
}

.who_react_modal {
    display: flex;
    align-items: center;
    margin: -4px 0
}

.who_react_modal>span {
    display: flex;
    padding: 5px;
    height: 28px;
    margin: 0 0 0 10px
}

.who_react_modal>span .inline_act_emoji {
    transform: scale(1.2)
}

.who_react_to_this_user {
    display: flex;
    align-items: center;
    padding: 10px 7px;
    border-bottom: 1px solid #eaeaea
}

.who_react_to_this_user .who_react_to_this_user_info a {
    text-decoration: none;
    color: #1d2129
}

.who_react_to_this_user .who_react_to_this_user_info .user-popover p {
    max-height: 35px;
    overflow: hidden;
    margin: 0
}

.who_react_to_this_user .avatar {
    width: 40px;
    min-width: 40px;
    margin-right: 15px;
    height: 40px;
    border-radius: 50%
}

.who_react_to_this_user .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.who_react_to_this_user .avatar .wo_who_react_this {
    top: auto !important;
    bottom: -4px;
    right: -4px !important;
    background: 0 0 !important;
    width: 18px !important;
    height: 18px !important
}

.who_react_to_this_user .user-follow-button button {
    padding: 3px 9px !important
}

.wo_react_ursrs_list {
    max-height: 450px;
    overflow-y: auto
}

.wo_react_ursrs_list_lod_mor .btn {
    font-weight: 600;
    border-radius: 2em;
    line-height: 1;
    padding: 7px 15px;
    box-shadow: inset 0 0 0 1px #c9cfd3;
    font-size: 12px
}

.verfy_sett_email_phone_ico {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e4e4e4;
    border-radius: 50%;
    color: #5e5e5e
}

.wo_com_usr_lbox {
    width: 100%;
    background: rgba(0, 0, 0, .8);
    margin: 0;
    padding: 80px 0
}

.wo_com_usr_lbox>svg {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1035;
    color: #fff;
    cursor: pointer;
    width: 30px;
    height: 30px
}

.wo_com_usr_lbox .slider .slick-prev {
    left: auto;
    right: calc(50% + 360px)
}

.wo_com_usr_lbox .slider .slick-next {
    right: auto;
    left: calc(50% + 360px)
}

.wo_com_lbox_slide {
    padding: 0 20px
}

.wo_com_lbox_slide_innr {
    border-radius: 6px;
    overflow: hidden;
    background: #0d0d0d
}

.wo_com_lbox_slide_bg {
    background-color: #fff;
    opacity: .4;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    height: calc(100vh - 120px);
    overflow: hidden;
    max-height: calc(100vh - 120px)
}

.slick-slide.slick-current .wo_com_lbox_slide_bg {
    opacity: 1;
    overflow-y: auto
}

.wo_com_lbox_slide_innr .user-cover {
    display: block;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.wo_com_lbox_slide_innr .upop_mid {
    margin-top: -80px
}

.wo_com_lbox_slide_innr .upop_mid .avatar {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, .1)
}

.wo_com_lbox_slide_innr .upop_mid .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%
}

.wo_com_lbox_slide_innr .upop_mid .user-name {
    text-align: center;
    padding: 0 15px;
    font-family: Lato, sans-serif
}

.wo_com_lbox_slide_innr .upop_mid .user-name a {
    color: #3f3f3f;
    text-decoration: none
}

.wo_com_lbox_slide_innr .upop_mid_innr {
    padding: 15px 25px
}

.wo_com_lbox_slide_innr .upop_mid_innr .wo_vew_apld_blocks {
    margin: 10px -10px;
    padding: 11px
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information b {
    margin: 0 0 8px;
    display: block
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information li {
    line-height: 26px
}

.wo_com_lbox_slide_innr .upop_mid_innr .user-information li svg {
    height: 16px;
    width: 16px;
    opacity: .7;
    margin: -1px 3px 0 0
}

.wow_pops_head {
    position: relative;
    background: #38296c;
    color: #fff;
    text-align: center;
    padding: 25px 0 115px;
    border-radius: 3px 3px 0 0;
    margin-bottom: -50px
}

.wow_pops_head>svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    color: #fff
}

.wow_pops_head .close {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 0;
    opacity: .4;
    text-shadow: none;
    color: #fff
}

.wow_pops_head h4 {
    margin: 0;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    font-size: 19px
}

.wow_pops_head h4 svg {
    width: 27px;
    height: 27px;
    margin: -2px 2px 0 0;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    padding: 5px
}

.wow_mat_mdl .modal-content {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    padding: 24px;
    border-radius: 4px;
    border: 0;
    font-family: Roboto, sans-serif
}

.wow_mat_mdl .modal-header {
    border: 0;
    background: 0 0 !important;
    padding: 0;
    margin: 0 0 20px
}

.wow_mat_mdl .modal-header .modal-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500
}

.wow_mat_mdl .modal-body {
    padding: 0;
    font-size: 15px
}

.wow_mat_mdl .modal-footer {
    margin: 0;
    padding: 10px 0 0;
    border: 0
}

.wow_mat_mdl .modal-footer .btn.main {
    box-shadow: none;
    background: 0 0
}

.wow_mat_mdl .modal-footer .btn.main:before {
    opacity: .15
}

.wow_post_usr_ava {
    position: relative;
    margin-top: -3px
}

.wow_post_usr_ava_active {
    border: 2px solid #5d438f
}

.wow_post_usr_ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    padding: 5px
}

.wow_post_usr_ava span {
    position: absolute;
    bottom: -4px;
    right: -4px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.wow_post_usr_ava span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.wow_post_usr_ava span svg {
    margin: 0 !important;
    position: relative;
    z-index: 1;
    width: 20px !important;
    height: 20px !important
}

.bs-callout {
    padding: 5px 10px;
    margin: 0 0 10px;
    border: 1px solid;
    border-radius: 5px
}

.bs-callout .post-heading .title .main-color {
    color: #565656 !important
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.bs-callout+.bs-callout {
    margin-top: -5px
}

.bs-callout-default {
    border-color: #e2e2e2
}

.bs-callout-primary {
    border-left-color: #428bca
}

.bs-callout-primary h4 {
    color: #428bca
}

.bs-callout-success {
    border-left-color: #5cb85c
}

.bs-callout-success h4 {
    color: #5cb85c
}

.bs-callout-danger {
    border-left-color: #d9534f
}

.bs-callout-danger h4 {
    color: #d9534f
}

.bs-callout-warning {
    border-left-color: #f0ad4e
}

.bs-callout-warning h4 {
    color: #f0ad4e
}

.bs-callout-info {
    border-left-color: #5bc0de
}

.bs-callout-info h4 {
    color: #5bc0de
}

@media(max-width:500px) {
    .modal-footer-4 {
        padding: 10px 43px !important
    }

    .mob-m-top-70 {
        margin-top: 70px
    }

    .mob-a-h {
        height: auto !important;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .modal-footer-3 {
        padding: 10px 25px !important
    }

    .mob-pad-left-right-7 {
        padding-left: 7px;
        padding-right: 7px
    }
}