/*###################################
## Layout
###################################*/

body {background: #FAFBFC; min-width: 320px;}
body * {font-family: 'Noto Sans', sans-serif !important;}
.cc-color-override-1969954569.cc-window, .cc-window {color: #333 !important; box-shadow: 0 0 3px #333 !important;}
.loader {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; opacity: 0; transition: all .2s linear;}
.container, .full-page .container {width: 100%; max-width: 1920px; padding-left: 0; padding-right: 0; margin: 110px auto 0 !important;}
.inner-row, .inner-row .container {max-width: 1440px; margin: 0 auto;}
.profile-container {margin-bottom: 20px;}
.page-margin {width: 100%;}
.row {margin: 0 auto;}
.screen-reader-text {width: .1px; height: .1px; display: block; overflow: hidden;}

.wow_cset_cover .wow_cset_cover_hdr .btn-file img, .wow_cset_avtr .wow_cset_avtr_hdr .btn-file img {object-position: top center !important;}

.small-text {font-size: 13.5px !important;}
.fa, .far, .fas, .fab {font-family: "Font Awesome 5 Free", 'FontAwesome' !important;}

/*###################################
## Welcome Page
###################################*/

.social-media-links a span {display: none;}
.social-media-links a {font-size: 20px; text-decoration: none !important; margin-right: 10px; display: inline-block;}
.social-media-links a i {width: 40px; height: 40px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; color: #FFF; border-radius: 50%;}
.social-media-links a i.fa-facebook-f {background: #1092F3;}
.social-media-links a i.fa-instagram {background: url(../images/ins-bg.jpg) no-repeat; background-size: 100% 100%;}
.social-media-links a i.fa-whatsapp {background: #1BD741;}

/*###################################
## Header
###################################*/
.header-fixed1000, .header-fixed1200 {max-width: 1840px; width: inherit !important;}
.header-container .header-brand img {width: auto; max-width: 100%;}
.header-container .wow_hdr_innr_left .nav {margin-left: 5.4vw;}
.header-container .left-nav > li {margin-left: 70px;}
.header-container .left-nav > li:first-of-type {margin-left: 0 !important;}
.header-container .wow_hdr_innr_left {margin-right: 50px;}
.header-container .search-col {margin-right: auto;}
.header-container .search-container .search-input {background: #F3F3F7 !important; color: #777 !important; height: 50px; border-radius: 5px; font-family: 'Noto Sans', sans-serif; font-size: 16px; width: 450px; padding: 0 20px 0 45px; box-sizing: border-box;}
.header-container .search-container .search-input::placeholder {color: #777 !important; font-family: 'Noto Sans', sans-serif; font-size: 16px;}
.header-container .search-container .inner-addon .glyphicon {width: 18px; height: 18px; top: 10px; left: 10px;}
.header-container .container-fluid {padding-left: 10px; padding-right: 10px;}
.header-container .navbar-nav {float: none;}
.header-container .navbar {background: #FFF; padding: 20px 0; overflow: visible; height: auto; border-bottom: 1px solid #f3f3f7; box-shadow: none;}
.header-container .navbar ul:not(.dropdown-menu) {display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end;}
.header-container .navbar ul:not(.dropdown-menu) li a {padding: 0 !important; line-height: 120%; height: inherit; background: none; color: #333;}
.header-container .navbar ul:not(.dropdown-menu) li.open a:hover, .header-container .navbar ul li.open a:focus, .header-container .navbar ul li.open a {background-color: transparent !important;}
.header-container .head_name_links .btn-main {width: inherit;}
.header-container .navbar ul:not(.dropdown-menu) li a img {filter: grayscale(1) contrast(.55); transition: all .3s linear;}
.header-container .navbar ul:not(.dropdown-menu) li a img:hover, .header-container .navbar ul li.open a img {filter: none;}
.header-container .navbar-default .user-menu-combination .user-avatar {display: flex; align-items: center;}
.header-container .navbar ul li a.user-menu-combination .user-avatar::after {display: inline-block; vertical-align: .255em; content: ""; border-top: .3em solid #99A3AA; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; margin-left: 70px;}
.header-container .navbar ul li a .user-avatar img {filter: none; width: 50px; height: 50px;}
.header-container .navbar ul li a .user-avatar b {color: #333; white-space: nowrap;}
.header-container .navbar ul.dropdown-menu:not(.notfi-dropdown) > li > a {padding: 0 16px !important; line-height: 32px;}
.header-container .navbar ul.dropdown-menu:not(.notfi-dropdown) > li > a:hover {background: #6B52A5 !important;}
.header-container #head_menu_rght {padding-right: 20px;}
.header-container #head_menu_rght > li.dropdown.notification-container {margin-right: 0;}
.header-container #head_menu_rght > li {margin-left: 70px;}
.header-container .new-update-alert {background-color: #ffa45e; border-radius: 50%; padding: 0; margin-top: -7px; margin-left: 12px; width: 20px; height: 20px; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.header-container .mobile_search_icon .searchToggle {cursor: pointer;}
.header-container .mobile_search_icon svg {width: 25px; height: 25px; color: #99A3AA !important; position: relative; top: 2px;}
.header-container .mobile_search_icon {display: none;}
.header-container .btnBack {display: none;}
.header-container .sField {position: relative;}
.header-container .mobile_search_icon svg {width: 20px; height: 20px;}

/*###################################
## Left Sidebar Navigation
###################################*/
.leftcol {width: 16.2%; min-width: 320px !important; padding: 0 !important; min-height: 700px !important;}
.sticky-sidebar {padding: 115px 0 0 0 !important; box-sizing: border-box; background: #FFF; height: 100%; position: fixed !important; width: 320px; transform: none !important; box-shadow: none; border-right: 1px solid #f3f3f7; overflow-y: scroll; top: 0 !important;}
.left-sidebar ul {border-bottom: 1px solid #F3F3F7; padding-left: 20px !important; padding-right: 20px; box-sizing: border-box;}
.left-sidebar ul li {margin-bottom: 0px;}
.left-sidebar ul li a svg {width: 25px; height: 25px; margin-right: 15px; stroke: #99A3AA; stroke-width: 1.5px;}
.left-sidebar ul li a svg path {fill: transparent;}
.left-sidebar ul li:hover a svg {stroke: #FFA45E;}
.left-sidebar ul li a img {margin-right: 15px; position: relative; top: -1px; filter: grayscale(1) contrast(0) brightness(1.3); transition: all .3s linear;}
.left-sidebar ul li:hover a img {filter: none;}
.left-sidebar ul li {border-radius: 25px; transition: all .3s linear;}
.left-sidebar ul li:hover {background: #6B52A5;}
.left-sidebar ul li .dropdown {margin-right: 15px;}
.left-sidebar ul li a {padding: 14px 25px; box-sizing: border-box; background: none !important; font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size: 18px; color: #99A3AA; letter-spacing: -.02em; line-height: 120%;}
.left-sidebar ul li:hover a {color: #FFF;}
.left-sidebar ul li:hover .dropdown svg path {fill: #FFF;}
.left-sidebar .order_by ul {padding: 5px !important; padding-left: 5px !important; box-sizing: border-box;}
.left-sidebar .order_by ul li {border-radius: 0; margin-bottom: 0;}
.left-sidebar .order_by ul li:hover a {color: #FFF !important;}
.sticky-sidebar::-webkit-scrollbar {width: 0; background: transparent;}
.sticky-sidebar::-webkit-scrollbar-thumb {background: #99A3AA;}

/*###################################
## Feed Page
###################################*/

/*Middle Content*/
.middlecol {width: 57%; padding: 0 5.2%; box-sizing: border-box;}
.wow_price_plan {margin: 30px auto 0;}

/*Stories Section*/
.middlecol .wow_home_stories {box-shadow: none; background: none;}
.middlecol .wo_page_hdng.pag_neg_padd {margin: -15px -22px 0;}
.middlecol .user-status-home .wo_page_hdng_innr {padding: 0;}
.user-status-home .wo_page_hdng_innr {font-size: 20px; color: #333; letter-spacing: -.02em; line-height: 120%; padding: 0 5px;}
.user-status-home ul.status-list {margin-left: -22px; margin-right: -22px;}
.user-status-home ul.status-list li {width: 25%; padding: 11px; box-sizing: border-box; margin-top: 0;}
.user-status-home ul.status-list li a p {top: 50%; left: 50%; transform: translate(-50%,-50%); color: #FFF; font-size: 18px; color: #FFF; letter-spacing: -.02em; line-height: 120%; text-align: center; bottom: auto; z-index: 2; width: 100%;}
.user-status-home ul.status-list li a p strong {margin-right: 0;}
.user-status-home ul.status-list li p img {object-fit: none; filter: grayscale(1) brightness(10); transition: all .3s linear; display: block; position: static; width: auto; height: auto; margin: 0 auto 15px;}
.user-status-home ul.status-list li a:after {width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}

/*Publish Section*/
#post-textarea {border-radius: 10px;}
.publisher-box .post-avatar {width: 70px; height: 70px; left: 30px; top: 20px;}
.publisher-box textarea.postText {height: 115px !important; padding: 20px 20px 20px 135px; font-size: 20px; color: #777777; line-height: 150%; font-weight: 400; border-radius: 10px 10px 0 0;}
.publisher-box textarea.postText::placeholder {font-size: 20px; color: #777777 !important; line-height: 150%; font-weight: 400;}
.publisher-box .add-emoticons {position: static;}
.publisher-box .panel {border-radius: 10px;}
.publisher-icon-wrapper {display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; background: #f3f3f7; padding: 10px 20px;}
.publisher-icon-wrapper > div {margin-right: 15px;}
.publisher-icon-wrapper .btn, .publisher-box .add-emoticons .dropdown-toggle {background: none !important; border-radius: 0 !important;}
.publisher-icon-wrapper img {filter: grayscale(1) contrast(.55); transition: all .3s linear;}
.publisher-icon-wrapper > div:hover img {filter: none;}
.add-emoticons.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {max-width: 200px; position: absolute; top: 133px; left: 155px;}

/*Filter Section*/
#filterby-post {box-shadow: none !important; border-radius: 0 !important; top: 102px !important;}
#filterby-post li {height: 96px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; position: relative; width: 16.66% !important; border-bottom: 2px solid #f3f3f7; background-color: #FAFBFC; transition: all .3s linear;}
#filterby-post li img {filter: grayscale(1) contrast(0) brightness(1.3); transition: all .3s linear;}
#filterby-post li svg {width: 35px; height: 35px;}
#filterby-post li svg path:last-of-type {fill: #99A3AA;}
#filterby-post li:hover {background: #F3F3F7;}
#filterby-post .avtive {border-bottom: 5px solid #6B52A5 !important; border-radius: 5px 5px 0 0; background: #F3F3F7;}
#filterby-post .avtive img {filter: none;}
#filterby-post .avtive svg path:last-of-type {fill: #6B52A5;}

/*Posts Section*/
.post .post-heading {height: auto;}
.post .post-heading .avatar {width: 70px; height: 70px;}
.post .post-heading .meta .title small,
.post .post-heading .meta .title a,
.post .post-heading .meta .time a {color: #99A3AA !important; font-size: 13px;}
.post .post-heading .meta .title b {font-size: 18px; color: #333; letter-spacing: -.02em; line-height: 120%;}
.post .post-heading .dropdown i {color: #99A3AA;}
.post .post-file {max-height: 676px !important;}
.post .post-file img {width: max-content; margin: 0 auto;}
.post-container .post .panel {border-radius: 10px;}
.post .post-footer .textarea, .post .post-footer .textarea::placeholder {font-size: 16px; color: #777;}
.post .post-description p {font-size: 25px; color: #777; line-height: 150%;}
.post .post-footer {background: #F3F3F7;}
.post .wo_shared_doc_file > a > i {color: #6B52A5;}
.post .post-actions .stat-item {font-weight: 400; font-size: 15px !important; color: #99A3AA !important; line-height: 120%;}
.post .post-description .post-actions .stat-item svg {width: 16px; height: 16px; margin-top: 0;}
.wow_post_usr_ava_active {box-shadow: none;}
#wo_post_stat_button .stat-item svg {width: 20px; stroke: #99A3AA;}
#wo_post_stat_button .stat-item {color: #99A3AA; font-size: 18px; letter-spacing: -.02em;}
#wo_post_stat_button .stat-item[title="Share"] img {position: relative; top: -2px;}

/*Posts Comment Section*/
#wo_comment_combo .avatar {width: 50px; height: 50px;}
#wo_comment_combo .textarea {height: 44px; padding-top: 12px; border-radius: 5px !important; border: none;}
.comment-container .comment-options svg.feather {width: 17px; height: 17px; margin-top: 0;}
.comment-text, .reply-text {font-size: 17px; margin: 10px 0;}

/*Posts Products*/
#sidebar-sticky {display: none;}
.wo_single_proimg {width: max-content; margin: 0 auto; display: block;}

/*Groups*/
.wow_my_groups_info .btn {background: #6b52a5; color: #FFF;}

/*Load More*/
.load-more {font-size: 25px; color: #99A3AA;}
.load-more .white-loading {border: none; box-shadow: none; background: none;}

/*###################################
## Right Sidebar Navigation
###################################*/
.sidebar.rightcol {width: 24.6%; padding-right: 20px; box-sizing: border-box;}
.sidebar-conatnier .wow_content, 
.sidebar-conatnier .list-group, 
.sidebar-conatnier .featured-users, 
.sidebar-conatnier .sidebar-latest-products, 
.sidebar-conatnier .sidebar-sticky {border-radius: 10px !important; overflow: hidden; margin-bottom: 33px; box-shadow: none !important; border: 1px solid #F3F3F7 !important;}
.sidebar-conatnier #sidebar-latest-products .list-group {margin-bottom: 0;}
.sidebar-conatnier .wow_side_loggd_usr_hdr .avatar {width: 120px; height: 120px; margin: -80px auto 20px;}
.sidebar-conatnier .wow_side_loggd_usr_hdr .title a {font-weight: 700; font-size: 25px; color: #333; letter-spacing: -.02em; line-height: 120%;}
.sidebar-conatnier .wow_side_loggd_usr_hdr .title p {display: none;}
.sidebar-conatnier .wo_user_side_info li a {display: flex; display: -webkit-flex; flex-direction: column-reverse; font-size: 15px; color: #777; line-height: 150%;}
.sidebar-conatnier .wo_user_side_info li a span:last-of-type {font-size: 30px; color: #333; line-height: 120%;}
.sidebar-conatnier .sidebar >.list-group a {max-width: 300px;}
.sidebar-conatnier .list-group-item {padding: 0 30px; margin-bottom: 15px;}
.sidebar-conatnier .trending .wow_htag:nth-of-type(2) {padding-top: 30px;}
.sidebar-conatnier .sidebar-title-back {border-bottom: 1px solid #f3f3f7; font-weight: 700; font-size: 20px; letter-spacing: -.02em; line-height: 120%; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; padding: 20px 30px !important; margin-bottom: 0;}
.sidebar-conatnier .sidebar-title-back a {font-size: 16px; color: #FFA45E; letter-spacing: -.02em; line-height: 120%; margin: 0; text-decoration: none !important; font-weight: 700;}
.sidebar-conatnier .wow_htag .htag_top {font-size: 20px; color: #6B52A5; letter-spacing: -.02em; line-height: 120%;}
.sidebar-conatnier .wow_htag .htag_bottom {padding: 0; font-size: 15px; color: #777777; line-height: 150%;}
.sidebar-conatnier .sidebar.rightcol .btn-default, #wo_sidebar_users .btn-default {min-width: 100% !important; display: block !important; border-radius: 20px !important; padding: 10px 20px !important; box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; color: #FFF; letter-spacing: -.02em; line-height: 120%; background: #6B52A5 !important; margin-top: 15px;}

/*User Section*/
.wow_side_loggd_usr_cvr img {height: 200px;}


/*Pro Users Section*/

/*Temp Static*/
.pro-users {display: flex; display: -webkit-flex; align-items: center; text-align: center; margin: 15px 10px 10px; padding: 0;}
.pro-users li {width: 33.33%; padding: 10px; box-sizing: border-box;}
.pro-users .user-name {font-weight: 700; font-size: 16px; color: #333; letter-spacing: -.02em; line-height: 120%; margin-top: 10px; display: block;}

/*People Section*/
#sidebar-user-list-container .sidebar-users-may-know-container {margin: 15px 10px 10px;}
#sidebar-user-list-container .wow_side_usrs {padding: 10px;}
#wo_sidebar_users {border: none; background-color: #F3F3F7;}
#wo_sidebar_users .avatar img {width: 110px; height: 110px;}
#wo_sidebar_users .wo_user_link_name .user-name {font-weight: 700; font-size: 18px; color: #333; letter-spacing: -.02em; line-height: 120%;}
#wo_sidebar_users {padding: 20px 17px;}

/*Page and Group Section*/
.listWrap {padding: 0; margin: 15px 10px 10px; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.listWrap .listItem, .listWrap > .home.profile-style.main {padding: 10px !important; box-sizing: border-box; width: 50% !important;}
.listWrap .list-con {border-radius: 10px; background: #F3F3F7; overflow: hidden;}
.listWrap .list-con img {width: 100%; display: block; height: 80px; object-fit: cover;}
.listWrap .list-info {padding: 15px; box-sizing: border-box;}
.listWrap h4 {margin: 0; font-weight: 700 !important; font-size: 18px !important; color: #333 !important; letter-spacing: -.02em; line-height: 120% !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.listWrap h4 a {font-weight: 700; font-size: 16px; color: #333; letter-spacing: -.02em; line-height: 120%; text-decoration: none;}
.listWrap span:not(.button-text) {display: block; font-weight: 400; font-size: 12px; color: #777; line-height: 150%; margin: 5px 0;}
.listWrap .btn {margin: 15px auto 0;}

/*Products Section*/
#sidebar-latest-products .sidebar-product-slider {overflow: visible; max-height: inherit; padding: 0;}
#sidebar-latest-products .products-wrapper {margin: 15px 10px 10px; display: flex; display: -webkit-flex; flex-wrap: wrap;}
#sidebar-latest-products .wow_side_prods_prnt {padding: 10px; width: 50%; float: none;}
#sidebar-latest-products .wow_side_prods {margin-bottom: 0; background: #F3F3F7;}
#sidebar-latest-products .wow_side_prods .avatar {padding: 0 !important;}
#sidebar-latest-products .wow_side_prods .avatar img {max-height: 108px; object-fit: cover; position: static; width: 100%;}
#sidebar-latest-products .wow_side_prods .produc_info {padding: 10px; box-sizing: border-box; text-align: left;}
#sidebar-latest-products .wow_side_prods .produc_info span {font-size: 12px; color: #777777; line-height: 150%;}
#sidebar-latest-products .wow_side_prods .produc_info h4 {font-weight: 700; font-size: 16px; color: #333; letter-spacing: -.02em; line-height: 120%; margin: 5px 0 10px;}

/*###################################
## Single Column
###################################*/
.singlecol {max-width: 1470px; padding: 0 100px; box-sizing: border-box; margin: 0 auto;}

/*###################################
## Chat Box
###################################*/
.chat-container {padding-top: 115px;}

/*###################################
## My Pages
###################################*/
.wo_setting_sidebar .sidebar-conatnier {width: 100%;}
.wo_setting_sidebar .sidebar-conatnier .settings-by {padding: 10px; box-sizing: border-box;} 
.wo_setting_sidebar .sidebar-conatnier .settings-by li {background: #6b52a5 !important; transition: all .3s linear;}
.wo_setting_sidebar .sidebar-conatnier .settings-by li:hover {background-color: #FFA45E !important;}
.wo_setting_sidebar .list-group.settings-by {margin-bottom: 0;}

/*###################################
## Messages Page
###################################*/
.wo-msg-container .wo_kb_msg_page {padding-top: 102px;}

/*###################################
## Product Page
###################################*/
.wow_post_prod *:not(h4) {font-size: 15px !important; color: #777;}

/*###################################
## Footer
###################################*/

/*Sidebar Footer*/
.footer-wrapper-sidebar ul.list-inline > li {list-style: disc; white-space: nowrap; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;}
.footer-wrapper-sidebar ul.list-inline > li:not(:last-of-type)::after {content: "•"; display: inline-block; vertical-align: middle; margin-left: 10px;}
.lang_selct svg {display: none;}
.footer-powered .more_link {padding: 0;}
.lang_selct a,
.footer-wrapper-sidebar .list-inline > li > a,
.footer-wrapper-sidebar .footer-powered .dropdown-toggle,
.footer-wrapper .footer-powered .dropdown-toggle,
.footer-wrapper-sidebar .footer-powered p, 
.footer-wrapper .footer-powered p {color: #777; font-size: 12px;}

/*Full Width Footer*/
.footer-wrapper {padding: 0 15px; font-size: 14px;}

/*###################################
## Privacy Policy | Terms
###################################*/
.termStyles h2 {margin-top: 30px; border-bottom: 1px solid #333; padding-bottom: 20px; font-weight: 700;}
.termStyles h3 {background: none; color: #333; padding: 0; border: none; margin: 20px 0 10px; font-weight: 700; font-size: 22px;}
.termStyles h4 {margin: 20px 0 10px; font-weight: 700; font-size: 17px;}
.termStyles p, .termStyles ul {line-height: 151%;}
.termStyles ul:not(.no-style) {list-style: disc;}
.termStyles ul li {margin-bottom: 7px;}
.termStyles ul ul {margin-top: 10px;}

/*###################################
## Group Profile Page
###################################*/
.wo_group_profile .sidebar-group-may-know-container .cardheader img {max-width: 100%;}

/*###################################
## Announcement
###################################*/
.home-announcement .alert {padding: 0;}
.home-announcement .announcements-option {position: relative; z-index: 10; color: #FFF; opacity: .8; text-shadow: none; right: 10px; top: 10px;}
.vid-con {position: relative; padding-bottom: 58%; background: #FFF;}
.vid-con video {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/*###################################
## Custom Pages
###################################*/
.custom-header {padding: 32px 0 !important;}
.custom-header .ch-wrapper {display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; width: 100%;}
.custom-header .ch-wrapper .hd-menu ul {padding: 0; margin: 0; display: flex; display: -webkit-flex; align-items: center;}
.custom-header .ch-wrapper .hd-menu ul li:not(:first-of-type) {margin-left: 65px;}
.custom-header .ch-wrapper .hd-menu ul li a {font-family: 'Noto Sans', sans-serif; font-size: 18px; text-transform: uppercase; text-decoration: none; transition: all .3s linear;}
.custom-header .ch-wrapper .hd-menu ul li a:hover {color: #6B52A5;}
.custom-page h1,
.custom-page h2,
.custom-page h3,
.custom-page h4 {font-family: 'Nunito', sans-serif !important; font-weight: 700;}
.custom-page h1 {font-size: 35px;}
.custom-page h2 {font-size: 45px; margin: 0 0 35px;}
.custom-page h3 {font-size: 35px; margin: 0 0 20px;}
.custom-page p {font-size: 18px; letter-spacing: .36px; line-height: 200%; margin-bottom: 25px;}
.custom-page p:last-of-type {margin-bottom: 0;}
.custom-page .container {padding: 0 20px; width: 100%; max-width: 1640px; box-sizing: border-box; margin: 0 auto !important;}
.custom-page img {max-width: 100%;}
.custom-page .btn {display: inline-flex; display: -webkit-inline-flex; justify-content: center; align-items: center; min-width: 200px; border-radius: 50px; font-weight: 700; color: #FFF; font-size: 16px; background: #6B52A5; padding: 18px 10px; box-sizing: border-box; transition: all .3s linear;}
.custom-page .btn:hover {box-shadow: 0 0 10px #AAA;}
.custom-footer {text-align: center; background: #6B52A5; padding: 80px 0 50px;}
.custom-footer .container {padding: 0 20px; box-sizing: border-box; margin: 0 auto !important;}
.custom-footer .ft-logo {margin-bottom: 45px;}
.custom-footer .ft-logo img {max-width: 100%;}
.custom-footer .ft-nav ul {padding: 0;}
.custom-footer .ft-nav li {padding: 0 13px 0 10px; box-sizing: border-box; position: relative;}
.custom-footer .ft-nav li:not(:last-of-type)::after {content: '•'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #FFF;}
.custom-footer .ft-nav a {color: #FFF; font-size: 15px; text-decoration: none;}
.custom-footer .ft-nav ul ul li a {color: #333;}
.custom-footer .ft-copy {color: #FFF; font-size: 14px;}

.dflex {display: flex; display: -webkit-flex;}
.align-center {align-items: center;}
.justify-center {justify-content: center;}
.justify-space {justify-content: space-between;}
.justify-end {justify-content: flex-end;}

/*###################################
## About Us Page
###################################*/
.about-us-page .content-container {margin: 91px auto 0 !important;}
.about-us-page .banner {background: #FAFBFC url(../../img/content/bn-bg.jpg) no-repeat; background-size: 100% auto; background-position: center center; padding: 30px 0; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; text-align: center; padding: 8.66vw 0;}
.about-us-page .bn-content {max-width: 1084px; padding: 30px 20px; box-sizing: border-box; background: #FAFBFC80;}
.about-us-page .bn-content h1 {margin: 35px 0 25px;}

.about-us-page .lo_1 {background: #F3F3F7 url(../../img/content/faded-bg.png); background-repeat: no-repeat; background-position: bottom right 25px; padding: 130px 0; background-size: 45vw;}
.about-us-page .lo_1 .lo_1-col {width: 50%;}
.about-us-page .lo_1 .lo_1-l {padding-right: 30px;}
.about-us-page .lo_1 .lo_1-l p {max-width: 640px;}
.about-us-page .lo_1 .lo_1-img-con {position: relative; padding-left: 2vw;}
.about-us-page .lo_1 .lo_1-img {border-radius: 10px;}
.about-us-page .lo_1 .lo_1-offset {position: absolute; left: 0; top: 50%; transform: translateY(-50%); box-shadow: 20px 20px 40px #00000033;}

.about-us-page .cn-mission {padding: 95px 0; background: url(../../img/content/mission-bg.jpg) no-repeat center center; background-size: cover;}
.about-us-page .cn-mission h3 {color: #FFF; margin-bottom: 25px;}
.about-us-page .cn-mission p {color: #FFF; max-width: 800px;}
.about-us-page .cn-mission .btn {margin-top: 35px;}

.about-us-page .lo_2 {padding: 170px 0;}
.about-us-page .lo_2-col {width: 50%;}
.about-us-page .lo_2-l {position: relative; padding-right: 2vw; box-sizing: border-box;}
.about-us-page .lo_2-img {border-radius: 10px;}
.about-us-page .lo_2-offset {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); box-shadow: 20px 20px 40px #00000033; border-radius: 50%;}
.about-us-page .lo_2-r {padding-left: 30px;}

.about-us-page .cn-split .lo_1-l p {max-width: 699px;}

.about-us-page .cn-bot {background: url(../../img/content/bot-bg.jpg) no-repeat center center; background-size: cover; padding: 140px 0 100px; text-align: center;}
.about-us-page .bot-con {max-width: 960px; margin: 0 auto;}
.about-us-page .cn-bot h2,
.about-us-page .cn-bot h3,
.about-us-page .cn-bot p {color: #FFF;}
.about-us-page .cn-bot h2 {margin-bottom: 25px;}
.about-us-page .cn-bot h3 {margin-bottom: 25px;}
.about-us-page .cn-bot .btn {margin-top: 40px;}

.about-us-page .second-footer,
.about-us-page footer {display: none;}

/*###################################
## Responsive
###################################*/

@media screen and (max-width: 1750px) {
	.header-container .search-container .search-input {width: 25vw;}
	.middlecol {width: 55.5vw !important;}
	.singlecol {width: 70%;}
}

@media screen and (max-width: 1650px) {
	.header-container .navbar ul li a.user-menu-combination .user-avatar::after {margin-left: 1vw;}
	.middlecol {padding: 0 4%; width: 52.5vw !important;}
	.sidebar-conatnier .sidebar-title-back {font-size: 17px; padding: 15px 20px !important;}
	.sidebar-conatnier .sidebar-title-back a {font-size: 13px;}
	#sidebar-user-list-container .wow_side_usrs {padding: 5px;}
	#wo_sidebar_users .avatar img {width: 70px; height: 70px;}
	.singlecol {width: 75%; padding: 0 4%;}
	.rightcol.sett_page {width: 22%;}
    .about-us-page .lo_1 .lo_1-img-con {padding-left: 40px;}
    .about-us-page .lo_2 .lo_2-img-con {padding-right: 40px;}
}

@media screen and (max-width: 1450px) {
	.middlecol {width: 51vw !important;}
}

@media screen and (max-width: 1350px) {
	.header-container .navbar ul li a.user-menu-combination .user-avatar::after {margin-left: 10px;}
	.header-container #head_menu_rght > li, .header-container .head_name_links, .header-container .wow_hdr_innr_left .nav {margin-left: 40px !important;}
	.header-container .wow_hdr_innr_left {margin-right: 30px !important;}
	.header-container .user-avatar {white-space: nowrap;}
	.sidebar-conatnier .rightcol {padding-right: 15px;}
	.middlecol {padding: 0 1.5%; width: 48.2vw !important;}
	.sidebar-conatnier .sidebar-title-back {font-size: 15px;}
	.sidebar-conatnier .sidebar.rightcol .btn-default, #wo_sidebar_users .btn-default {font-size: 12px !important;}
	.singlecol {width: 70%; padding: 0 3%;}
}

@media screen and (max-width: 1200px) {
	.leftcol {width: 12%;}
	.middlecol {padding: 0 20px; width: 51vw !important;}
	.left-sidebar ul li a {padding: 10px 25px;}
	.leftcol {min-width: 250px !important;}
	.sticky-sidebar {width: 250px !important; padding: 110px 0 0 !important;}
	.left-sidebar ul li a {padding: 10px 15px; font-size: 17px;}
	.sidebar.rightcol {width: 25%;}
	.sidebar-conatnier .sidebar-title-back {font-size: 13px;}
	.sidebar-conatnier .sidebar-title-back a {font-size: 12px;}
	.wow_side_usrs, #sidebar-latest-products .wow_side_prods_prnt, .listWrap .listItem, .listWrap > .home.profile-style.main {width: 100% !important;}
	.user-status-home ul.status-list li {padding: 5px;}
    .about-us-page .lo_1 {background-position: bottom 5vw right .5vw;}
}

@media screen and (max-width: 1100px) {
	.header-container .search-container .search-input {width: 20vw;}
	.middlecol {width: 49vw !important;}
}

@media screen and (max-width: 992px) {
	.container {margin-top: 80px !important;}
	.row {margin: 0 auto !important;}
	.inner-row .container {margin-top: 0 !important;}
	.leftcol {display: none;}
	.middlecol, .sidebar.rightcol {width: 100% !important; max-width: 100%; padding: 0 15px; float: none !important;}
	.header-container .navbar {padding: 10px 0;}
	.header-container .header-brand img {min-width: 120px;}
	.header-container .search-container .search-input {font-size: 12px; width: 30vw;}
	.header-container .search-container .search-input::placeholder {font-size: 12px;}
	.header-container #head_menu_rght > li, .header-container .head_name_links, .header-container .wow_hdr_innr_left .nav, .header-container .left-nav li {margin-left: 30px !important;}
	.header-container .wow_hdr_innr_left {margin-right: 15px !important;}
	.wo_setting_sidebar .sidebar-conatnier {padding: 0;}
	.wo_setting_showpage {margin: 0 auto; width: 100%; padding: 0 20px;}
	.wow_side_usrs, #sidebar-latest-products .wow_side_prods_prnt {width: 25%;}
	#filterby-post {top: 82px !important;}
	.singlecol {width: 100%; padding: 0 15px; box-sizing: border-box;}
	.wo-msg-container .wo_kb_msg_page {padding-top: 82px;}
	.mobileleftpane {padding-top: 38px;}
    .about-us-page .lo_1, .about-us-page .lo_2 {background: none;}
    .about-us-page .lo_1, .about-us-page .lo_2, .about-us-page .cn-mission {padding: 30px 0; text-align: center;}
    .about-us-page .lo_1-wrap {flex-direction: column-reverse;}
    .about-us-page .lo_2-wrap {flex-direction: column;}
    .about-us-page .lo_1 .lo_1-col, .about-us-page .lo_2 .lo_2-col {width: 100%; margin: 20px 0;}
    .about-us-page .lo_1 .lo_1-l {padding-right: 0;}
    .about-us-page .lo_2 .lo_2-r {padding-left: 0;}
    .about-us-page .lo_1 .lo_1-img-con {display: block; padding-left: 0;}
    .about-us-page .lo_2 .lo_2-img-con {display: block; padding-right: 0;}
    .about-us-page .lo_1 .lo_1-offset, .about-us-page .lo_2 .lo_2-offset {position: static; margin: 0 auto 30px; transform: none; display: block;}
    .about-us-page .lo_1 .lo_1-l p, .about-us-page .cn-mission p {margin: 0 auto;}
    .about-us-page .cn-bot {padding: 50px 0;}
    .custom-footer {padding: 35px 0;}
    .custom-page h2 {margin: 0 0 25px;}
}

@media screen and (max-width: 900px) {
	.header-container .search-container .search-input {width: 20vw; padding: 0 10px 0 27px;}
	.header-container .search-container .inner-addon .glyphicon {left: 0;}
	.h2, h2, .custom-page h2 {font-size: 28px;}
    .custom-page h3 {font-size: 26px;}
}

@media screen and (max-width: 850px) {
	.header-container .navbar ul li a .user-avatar b, .header-container .navbar ul li a.user-menu-combination .user-avatar::after {display: none;}
}

@media screen and (max-width: 767px) {
	.header-container .search-container .search-input {width: 30vw;}
	.header-container #head_menu_rght {padding-right: 0;}
	.head_name_links .btn-main {margin: 0 !important;}
	.header-container #head_menu_rght > li img, .header-container .left-nav li img {width: 20px; height: 20px;}
	.header-container .navbar ul li a .user-avatar img {width: 30px !important; height: 30px !important; margin-top: 0;}
	#filterby-post {top: 66px !important;}
	.container {margin-top: 60px !important;}
	#navbar-searchbox {display: block;}
	.wo-msg-container .wo_kb_msg_page {padding-top: 94px;}
	.mobileleftpane {padding-top: 45px;}
	.navbar-form {border-top: none; padding: 0;}
}

@media screen and (max-width: 730px) {
	.header-brand {display: block !important; width: 25px; height: 25px; overflow: hidden; margin-right: 10px;}
	.header-container .header-brand img {height: 25px; width: 25px; max-width: inherit; object-fit: cover; object-position: left center; min-width: inherit !important;}
	.wow_side_usrs, #sidebar-latest-products .wow_side_prods_prnt {width: 50%;}
}

@media screen and (max-width: 600px) {
	.header-container .search-container .search-input {width: 20vw;}
	.wo_setting_sidebar .sidebar-conatnier .settings-by li {margin-bottom: 0; }
	.singlecol {padding: 0 15px;}
	.wo_setting_sidebar .sidebar-conatnier ul {background: transparent !important; display: flex; display: -webkit-flex; justify-content: center;}
	.wo_setting_showpage {margin-top: 90px;}
	.wow_sett_content {padding: 3px 20px 20px !important;}
	.user-status-home ul.status-list li p img {width: 25px; height: 25px; margin: 0 auto; object-fit: cover; margin-bottom: 10px;}
	.user-status-home ul.status-list li p strong {font-size: 14px;}
	.wo_settings_page {margin-top: 20px;}
    .custom-header .ch-wrapper .hd-menu ul li:not(:first-of-type) {margin-left: 5vw;}
    .custom-header {padding: 20px 10px !important;}
    .custom-header .wow_hdr_innr_left {width: 10% !important;}
    .custom-header .hd-menu {width: 90% !important;}
    .custom-header .hd-logo {min-width: inherit !important;}
    .about-us-page .banner {padding: 0;}
    .custom-footer .ft-nav > ul {flex-direction: column;}
    .custom-footer .ft-nav > ul > li {padding: 0 0 20px 0;}
    .custom-footer .ft-nav > ul > li::after {bottom: 0; transform: none !important; top: auto !important; left: 0; margin: auto;}
}

@media screen and (max-width: 580px) {
	.header-container #head_menu_rght > li, .header-container .head_name_links, .header-container .wow_hdr_innr_left .nav, .header-container .left-nav li {margin-left: 25px !important;}
	.h2, h2, .custom-page h2 {font-size: 25px;}
    .custom-page h3 {font-size: 23px;}
}

@media screen and (max-width: 480px) {
	.header-container #head_menu_rght > li, .header-container .head_name_links, .header-container .wow_hdr_innr_left .nav, .header-container .left-nav li {margin: 0 5px !important;}
	.header-container #head_menu_rght > li {flex: 1;}
	.header-container .wow_hdr_innr_left .nav {margin-right: 0 !important;}
	.header-container .wow_hdr_innr_left {width: 43%; justify-content: space-between; margin-right: 0 !important;}
	.header-container .mobile_search_icon {display: block;}
	#head_menu_rght {margin: 0 !important;}
	.header-container .mFormWrap {display: flex; display: -webkit-flex; align-items: center;}
	.header-container .btnBack {display: block; width: 10%;}
	.header-container .sField {width: 90%;}
	.header-container .search-container .search-input {width: 100%;}
	.header-container .bBtn {font-size: 25px; cursor: pointer;}
	.wow_hdr_innr_left .nav {justify-content: space-between !important; width: 90%;}
	.header-container #head_menu_rght {width: 57% !important; justify-content: space-between !important;}
	.header-brand {margin-right: 0;}

	.add-emoticons.open>.dropdown-menu:not(.notfi-dropdown):not([role=combobox]) {top: 165px; left: 110px;}
	.wow_side_usrs, #sidebar-latest-products .wow_side_prods_prnt, .page-youmaylike li {width: 100%;}
	#filterby-post li {height: 50px;}
	#filterby-post li img {width: 100%; max-width: 25px;}
	#wo_post_stat_button .stat-item,
	.publisher-box textarea.postText, 
	.publisher-box textarea.postText::placeholder {font-size: 16px;}
	.user-status-home ul.status-list li p img {margin-bottom: 0;}
	.publisher-box .post-avatar {left: 0;}
	.publisher-box textarea.postText {padding: 10px 10px 10px 80px;}
	.user-status-home ul.status-list li p strong {font-size: 9px;}
	.formCon {position: fixed !important; height: 100% !important; z-index: 9999999;  background: #FFF; top: 0; right: 0; width: 0 !important; overflow: hidden; padding: 0; transition: all .3s linear;}
	.formCon .mFormWrap {padding: 20px; box-sizing: border-box; position: relative;}
	.formCon .mFormWrap form {border: none !important;}
	.formCon.active {width: 100% !important; margin: 0;}
	.search-dropdown-container {z-index: 99999999 !important;}
	.nav>li.dropdown.open .dropdown-menu {width: 96%; margin: 0 auto !important; padding: 10px; box-sizing: border-box;}
	.wo-msg-container .wo_kb_msg_page {padding-top: 67px;}
	.mobileleftpane {padding-top: 20px;}

    .custom-header .ch-wrapper .hd-menu ul li a {font-size: 13px;}
}

@media screen and (max-width: 440px) {
	.login_left_combo>div>p {display: block !important;}
}

@media screen and (max-width: 425px) {
	.header-container .header-brand img {height: 20px; top: 2px; position: relative;}
	.header-container .navbar-nav>li>a {line-height: 120% !important;}
	.header-container .nav>li>a>img {max-width: 18px; height: auto !important;}
	/*.header-container #head_menu_rght > li, .header-container .head_name_links, .header-container .wow_hdr_innr_left .nav, .header-container .left-nav li {margin-left: 10px !important;}*/
	.header-container li.dropdown {padding-left: 0 !important;}
}