@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
    --primary: #001F72;
    --secondary: #D2131A;
    --white: #ffffff;
    --black: #000000;
    --bs-nav-link-color: #333333;
    --default-font: "Inter", sans-serif;
    --light-bg: #f0f1f2;
    --light-black: #333333;
    --light-grey: #f5f5f5;
    --primary-linear-bg: linear-gradient(180deg, #D2131A 0%, #b70803 100%);
    --secondary-linear-bg: linear-gradient(180deg, #1b1c57 0%, #171aa6 100%);
    --lightgrey: #666666;
    --base-text-primary: #1E1E1E;
}

body {
    font-family: var(--default-font);
    top: initial !important;
    color: var(--base-text-primary) !important;
}
body.comments-active {
    overflow: hidden !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.white-bg {
    background-color: var(--white);
}

.layout-contained,
.site-boxed .site,
.site-framed .site,
.tophive-container {
    max-width: 1350px;
}

#blog-posts .entry-inner {
    border-style: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: rgba(214, 192, 192, 0.6);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#blog-posts .entry {
    border-style: none;
}

#blog-posts .entry-content-data {
    background-color: var(--white);
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #e5e5e5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#blog-posts .entry .entry-title a {
    font-weight: medium;
    font-size: 16px;
    line-height: 26px;
}

#blog-posts .entry .entry-title a {
    color: #001233;
    text-decoration-color: #001233;
}

#blog-posts .entry .entry-title a:hover {
    color: var(--primary);
    text-decoration-color: var(--primary);
}

#blog-posts .entry-meta .meta-item a,
#blog-posts .entry-meta .meta-item span {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
}

#blog-posts .entry-readmore a {
    color: #7d8597;
    text-decoration-color: #7d8597;
}

#blog-posts .entry-readmore a:hover {
    color: var(--primary);
    text-decoration-color: var(--primary);
    background-color: rgba(0, 0, 0, 0);
}

.single-post .content-inner {
    background-color: rgba(151, 157, 172, 0.05);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.entry.entry-single .entry-title {
    font-weight: medium;
}

.entry.entry-single .entry-thumbnail {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.entry-meta .meta-item i {
    display: initial;
}

.entry-single .entry-meta .meta-item a,
.entry-single .entry-meta .meta-item span {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#album-upload,
.pagination .nav-links span.current {
    border-color: var(--primary);
}

.ac-vi-active .ac-vi-option-selected-fill,
.ac-vi-form-active .ac-vi-form-option-selected-fill,
.ac-vi-group-item.active .ac-vi-group-select {
    background: var(--primary) !important;
    outline: 1px solid var(--primary);
}

.ac-vi-form-option-selected-fill,
.ac-vi-group-select,
.ac-vi-option-selected-fill {
    outline: 1px solid var(--primary);
}

.tophive-builder-btn {
    background-color: #001233;
}

table th {
    background-color: #33415c;
}

abbr,
acronym {
    border-bottom-color: #33415c;
}

.site-content .widget-title {
    color: #5c677d;
}

.metafans-dark .site-content,
.metafans-dark .site-content .content-area {
    background-color: #000;
}

.metafans-dark #visibility-handler>svg {
    fill: #999;
}

.entry-content h2,
.wp-block h2 {
    font-size: 22px;
}

.entry-content h5,
.wp-block h5 {
    font-size: 14px;
    line-height: 30px;
}

.entry-content h6,
.wp-block h6 {
    font-size: 14px;
}

#page-cover {
    background-repeat: repeat;
}

#page-cover:before {
    background-color: rgba(0, 0, 0, 0.35);
}

body #buddypress.buddypress-wrap .comments-text.editable-div {
    background-color: var(--white);
    border-style: solid;
    border-color: rgba(151, 157, 172, 0.13);
}

body .th-media-viewer .th-media-comments .comment_section .th-bp-media-comment-button {
    border-color: rgba(151, 157, 172, 0.28);
}

.header--row:not(.header--transparent).header-main .header--row-inner {
    border-style: none;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-color: #ebe9e6;
}

#header-menu-sidebar-bg .cart-item-link,
#header-menu-sidebar-bg .item--html a,
#header-menu-sidebar-bg .menu li a,
#header-menu-sidebar-bg .nav-toggle-icon {
    color: #555;
    text-decoration-color: #555555;
}

#header-menu-sidebar-bg:before {
    background-color: rgba(255, 255, 255, 0.94);
}

#header-menu-sidebar-bg .cart-item-link:hover,
#header-menu-sidebar-bg .item--html a:hover,
#header-menu-sidebar-bg .menu li a:hover,
#header-menu-sidebar-bg li.open-sub .nav-toggle-icon {
    color: var(--primary);
    text-decoration-color: var(--primary);
}

.sub-menu .li-duplicator {
    display: none !important;
}

.builder-header-html-item.item--html,
.builder-header-html-item.item--html p {
    font-weight: 400;
    text-transform: capitalize;
}

.header--row:not(.header--transparent) .menu-mobile-toggle {
    color: #999;
}

.header--row:not(.header--transparent) .menu-mobile-toggle:hover {
    color: var(--primary);
}

body .builder-item--user_notification .th-bp-notif-logo {
    color: #7d8597;
    text-decoration-color: #7d8597;
}

body .builder-item--user_notification .th-bp-notif-logo span {
    color: var(--white);
    text-decoration-color: var(--white);
    color: var(--white);
    text-decoration-color: var(--white);
    background-color: var(--secondary);
    border-style: none;
    font-weight: 600;
}

body .builder-item--signin_signup .user-account-segment button.button-signin {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.followe-list-body .item-avatar {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    box-shadow: 0 0 12px -5px grey;
    min-width: 48px;
    border-radius: 50%;
    overflow: hidden;
}

.builder-item--signin_signup .user-account-segment .user-loggedin img.avatar {
    width: 64px;
    height: 64px;
    min-width: 64px;
    border-radius: 50%;
    overflow: hidden;
}

.builder-item--signin_signup .user-account-segment .loggedin-user-links {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.user-account-segment {
    position: relative;
}

.filter-language-btn {
    position: relative;
}
.filter-language-btn img {
    position: absolute;
    left: -25px;
    z-index: 9;
    width: 17px;
    height: 17px;
    top: 4px;
}
.filter-language-btn .multiselect__tags {
    background: 0 0 !important;
}

.user-account-segment .loggedin-user-links {
    width: 220px;
}

.menu-icon-class {
    width: 30px;
}

.tophive-vertical-nav {
    background-repeat: repeat;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: rgba(151, 157, 172, 0.34);
    box-shadow: 0 0 0 0 transparent;
}

body .tophive-vertical-nav ul li a {
    background-repeat: repeat;
}

body .tophive-vertical-nav ul li a {
    font-weight: 500;
    font-size: 14px;
}

.header-search_icon-item .header-search-modal {
    border-style: solid;
}

.header-search_icon-item .search-field {
    border-style: solid;
}

.header-search_box-item .search-form-fields {
    font-size: 13px;
}

.dark-mode .header-search_box-item .search-form-fields .search-field,
.dark-mode .header-search_box-item .search-form-fields .search-field::placeholder,
.header-search_box-item .search-form-fields,
.header-search_box-item .search-form-fields input.search-field::placeholder,
.woo_bootster_search .dark-mode .header-search_box-item .header-search-form .search-form-fields .search_product_cats,
.woo_bootster_search .dark-mode .header-search_box-item .header-search-form .search-form-fields input.search-field,
.woo_bootster_search .dark-mode .header-search_box-item .header-search-form .search-form-fields input.search-field::placeholder {
    color: #bababa;
    text-decoration-color: #bababa;
}

.header-search_box-item .search-form-fields {
    background-color: var(--white);
}

.dark-mode .header-search_box-item .search-form-fields,
.header-search_box-item .search-form-fields {
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: rgba(221, 221, 221, 0.76);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 0 0 0 transparent;
}

.dark-mode .header-search_box-item .header-search-form button.search-submit {
    color: #bababa;
    text-decoration-color: #bababa;
}

.header-search_box-item .header-search-form button.search-submit {
    color: #bababa;
    text-decoration-color: #bababa;
}

.header-social_search_box-item .search-form-fields {
    font-size: 14px;
}

.header-social_search_box-item .search-form-fields input {
    color: #7f7f7f;
    text-decoration-color: #7f7f7f;
    background-color: rgba(238, 238, 238, 0.22);
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #eee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.dark-mode .header-social_search_box-item .header-search-form button.search-submit {
    color: #878787;
    text-decoration-color: #878787;
}

.header-social_search_box-item .header-search-form button.search-submit {
    border-top-left-radius: 5px;
    color: #969696;
    text-decoration-color: #969696;
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>a {
    color: #001233;
    text-decoration-color: #001233;
}

.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-ancestor>a,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-ancestor>a:focus,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-item>a,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-item>a:focus,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-parent>a,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-parent>a:focus,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>a:focus,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>a:hover {
    color: var(--secondary);
    text-decoration-color: var(--secondary);
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>a,
.builder-item-sidebar .primary-menu-sidebar .primary-menu-ul>li>a {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px;
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>ul.sub-menu li a {
    color: #33415c;
    text-decoration-color: #33415c;
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li ul.sub-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-ancestor>ul.sub-menu li a:hover,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-item>ul.sub-menu li a:hover,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li.current-menu-parent>ul.sub-menu li a:hover,
.header--row:not(.header--transparent) .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>ul.sub-menu li a:hover {
    color: var(--primary);
    text-decoration-color: var(--primary);
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>ul.sub-menu li a,
.builder-item-sidebar .primary-menu-sidebar .primary-menu-ul>li>ul.sub-menu li a {
    font-weight: 500;
    font-size: 14px;
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li ul.sub-menu {
    width: 210px;
}

.builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li>a {
    color: #10a875;
    text-decoration-color: #10a875;
    background-color: rgba(255, 255, 255, 0.19);
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: rgba(221, 219, 219, 0.32);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-ancestor>a,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-ancestor>a:focus,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-item>a,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-item>a:focus,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-parent>a,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-parent>a:focus,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li>a:focus,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li>a:hover {
    color: #10a875;
    text-decoration-color: #10a875;
    background-color: var(--white);
}

.builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li>a,
.builder-item-sidebar .primary-menu-sidebar .primary-menu-ul>li>a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.6px;
}

.builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li ul.sub-menu {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-ancestor>ul.sub-menu li a:hover,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-item>ul.sub-menu li a:hover,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li.current-menu-parent>ul.sub-menu li a:hover,
.header--row:not(.header--transparent) .builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li>ul.sub-menu li a:hover {
    color: #10a875;
    text-decoration-color: #10a875;
    background-color: rgba(16, 168, 117, 0.07);
}

.builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li>ul.sub-menu li a,
.builder-item-sidebar .primary-menu-sidebar .primary-menu-ul>li>ul.sub-menu li a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.6px;
}

.builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li ul.sub-menu {
    width: 222px;
}

.header--row:not(.header--transparent) #header_contact li {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.6px;
}

.header--row:not(.header--transparent) #header_contact li,
.header--row:not(.header--transparent) #header_contact li a {
    color: #555;
    text-decoration-color: #555555;
}

.header--row:not(.header--transparent) #header_contact .header--row:not(.header--transparent) #header_contact li:hover,
.header--row:not(.header--transparent) #header_contact li a:hover {
    color: #df613c;
    text-decoration-color: #df613c;
}

.header--row:not(.header--transparent) #header_contact li a:hover,
.header--row:not(.header--transparent) #header_contact li:hover {
    border-style: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.header--row:not(.header--transparent) #header_contact li .c-icon {
    color: rgba(223, 97, 60, 0.35);
    text-decoration-color: rgba(223, 97, 60, 0.35);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #e5e2dc;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.header--row:not(.header--transparent) #header_contact li a:hover .c-icon,
.header--row:not(.header--transparent) #header_contact li:hover .c-icon {
    color: rgba(223, 97, 60, 0.62);
    text-decoration-color: rgba(223, 97, 60, 0.62);
}

#cb-row--footer-main .footer--row-inner {
    background-color: var(--white);
}

#cb-row--footer-bottom .footer--row-inner {
    background-color: var(--white);
}

#footer_contact li .c-icon {
    color: #df613c;
    text-decoration-color: #df613c;
}

.builder-item--footer_copyright,
.builder-item--footer_copyright p {
    font-size: 14px;
}

body .builder-item--footer_copyright p {
    color: #999;
    text-decoration-color: #999999;
}

body .builder-item--footer_copyright a {
    color: #555;
    text-decoration-color: #555555;
}

body .builder-item--footer_copyright a:hover {
    color: #df613c;
    text-decoration-color: #df613c;
}

.footer-social-icons.tophive-builder-social-icons.color-custom li a {
    background-color: #f2f2f2;
}

.footer-social-icons.tophive-builder-social-icons.color-custom li a {
    color: rgba(153, 153, 153, 0.46);
}

.footer-social-icons.tophive-builder-social-icons.color-custom li a:hover {
    background-color: rgba(16, 168, 117, 0.1);
}

.footer-social-icons.tophive-builder-social-icons.color-custom li a:hover {
    color: #10a875;
}

.link-list-widget-v li.links a {
    color: #999;
    text-decoration-color: #999999;
}

#blog-posts .entry-inner {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#blog-posts .entry {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 8px;
    padding-bottom: 0;
    padding-left: 7px;
}

#blog-posts .entry-content-data {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#blog-posts .entry .entry-title a {
    margin-top: -5px;
    margin-bottom: -10px;
}

#blog-posts .posts-layout .entry .entry-media {
    padding-top: 66%;
}

#blog-posts .posts-layout .entry-media,
#blog-posts .posts-layout.layout--blog_classic .entry-media {
    flex-basis: 100%;
    width: 100%;
}

#blog-posts .posts-layout .entry-media {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.single-post .content-inner {
    padding-top: 20px !important;
    padding-right: 30px;
    padding-bottom: 10px !important;
    padding-left: 30px;
}

.single-post .content-inner {
    margin-right: 20px;
}

.entry.entry-single .entry-thumbnail {
    height: 412px;
}

.entry.entry-single .entry-thumbnail {
    margin-top: -20px;
    margin-right: -30px;
    margin-bottom: 30px;
    margin-left: -30px;
}

#page-cover {
    text-align: left;
}

#page-cover .page-cover-inner {
    min-height: 250px;
}

.header-menu-sidebar-inner {
    text-align: left;
}

.site-header .site-branding img {
    max-width: 190px;
}

.site-header .cb-row--mobile .site-branding img {
    width: 156px;
}

.builder-item.builder-item--group .item--inner.builder-item--logo,
.header--row .builder-item--logo {
    margin-right: 10px;
}

.header--row .builder-first--logo {
    text-align: left;
}

.header--row .builder-first--nav-icon {
    text-align: right;
}

body .builder-item--user_notification .th-bp-notif-logo span {
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
}
body .builder-item--user_notification .th-bp-notif-logo span.notification-badge-circle {
    top: -2px;
    right: 10px;
    left: initial;
}

.header--row .builder-first--user_notification {
    text-align: right;
}

body .builder-item--signin_signup .user-account-segment button.button-signin {
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.builder-item.builder-item--group .item--inner.builder-item--signin_signup,
.header--row .builder-item--signin_signup {
    margin-right: 0;
}

.header--row .builder-first--signin_signup {
    text-align: left;
}

body .tophive-vertical-nav ul li a {
    padding-bottom: 20px;
}

.header-search_icon-item .search-submit {
    margin-left: -40px;
}

.header-search_box-item .search-form-fields {
    width: 380px;
}

.header-search_box-item .search-form-fields,
.header-search_box-item .search-form-fields .search-field {
    height: 44px;
}

.header-search_box-item .header-search-form button.search-submit svg,
.header-search_box-item .search-submit svg {
    height: 14px;
    width: 14px;
}

.header-search_box-item .search-submit {
    margin-left: -40px;
}

.header-search_box-item .woo_bootster_search .search-submit {
    margin-left: -40px;
}

.header-search_box-item .header-search-form button.search-submit {
    margin-left: -40px;
}

.header-search_box-item .search-form-fields {
    padding-left: 6px;
}

.header-search_box-item .header-search-form button.search-submit {
    padding-top: 5px;
}

.builder-item.builder-item--group .item--inner.builder-item--search_box,
.header--row .builder-item--search_box {
    margin-right: 24px;
}

.header--row .builder-first--search_box {
    text-align: right;
}

.header-social_search_box-item .search-form-fields {
    width: 270px;
}

.header-social_search_box-item .search-form-fields,
.header-social_search_box-item .search-form-fields .search-field {
    height: 40px;
}

.header-social_search_box-item .header-search-form button.search-submit svg,
.header-social_search_box-item .search-submit svg {
    height: 14px;
    width: 14px;
}

.header-social_search_box-item .search-submit {
    margin-left: -40px;
}

.header-social_search_box-item .woo_bootster_search .search-submit {
    margin-left: -40px;
}

.header-social_search_box-item .header-search-form button.search-submit {
    margin-left: -40px;
}

.header-social_search_box-item .search-form-fields input {
    padding-right: 40px;
    padding-left: 20px;
}

.header-social_search_box-item .header-search-form button.search-submit {
    padding-top: 0;
}

.header--row .builder-first--social_search_box {
    text-align: right;
}

.header--row .builder-first--primary-menu {
    text-align: left;
}

.builder-item--secondary-menu .nav-menu-desktop .secondary-menu-ul>li>a {
    padding-top: 0;
    padding-right: 30px;
    padding-bottom: 0;
    padding-left: 30px;
}

.header--row .builder-first--secondary-menu {
    text-align: right;
}

.header--row:not(.header--transparent) #header_contact li .c-icon {
    font-size: 16px;
}

.header--row:not(.header--transparent) #header_contact li .c-icon {
    padding: 0.7em;
}

.header--row .builder-first--header_contact {
    text-align: left;
}

#footer_contact li .c-icon {
    font-size: 20px;
}

.footer--row .builder-first--footer-1 {
    text-align: left;
}

.builder-item.builder-item--group .item--inner.builder-item--footer-2,
.footer--row .builder-item--footer-2 {
    margin-left: -50px;
}

.footer--row .builder-first--footer-2 {
    text-align: left;
}

.footer-social-icons.tophive-builder-social-icons li a {
    font-size: 14px;
}

.footer-social-icons.tophive-builder-social-icons li a {
    padding: 0.8em;
}

.footer-social-icons.tophive-builder-social-icons li {
    margin-left: 7px;
    margin-right: 7px;
}

.footer--row .builder-first--footer-social-icons {
    text-align: right;
}

.builder-item--link-lists-v {
    text-align: left;
}

.banner-img-block.playing .banner-video-div {
    display: none;
}

.banner-img-block:hover .banner-video-div {
    display: flex !important;
}

.banner-img-block.playing #video-tag {
    filter: initial;
}

.banner-img-block:hover #video-tag {
    filter: brightness(0.7);
}

body .banner-video-div .btn.active.active2 .fa-play {
    display: none;
}

body .banner-video-div .btn.active.active2 .fa-pause {
    display: block;
    left: 0;
}
.tophive-grid #buddypress {
    width: 100%;
}

.custom-dropdown-wrap {
    position: relative;
}

.custom-dropdown-design {
    padding: 8px 0;
    list-style: none;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #eaeaea;
    transition: all 0.2s ease;
    position: absolute;
    left: 0;
    width: 200px;
    margin: 0;
    z-index: 99;
    display: none;
    border-radius: 8px;
    top: 100%;
}

.custom-dropdown-design li a {
    padding: 7px 30px;
    display: block;
    width: 100%;
    transition: all 0.4s ease;
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
}

.custom-dropdown-design li a:hover {
    background-color: var(--light-bg);
    color: var(--secondary);
}

.custom-dropdown-wrap:hover .custom-dropdown-design {
    display: block !important;
}

.filters-tab-list a {
    color: var(--black);
    border: 1px solid #e5e3e3;
    border-radius: 7px;
    margin: 5px;
    font-size: 14px;
    background-color: var(--white);
    text-align: center;
    padding: 2px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    font-weight: 500;
    line-height: 18px;
}
.filters-tab-list a:hover .small-txt {
    color: #fff;
}
.filters-tab-list a .small-txt {
    font-size: 10px;
    font-weight: 500;
    display: block;
    color: #666666;
}

.filters-tab-list a:hover {
    background-color: var(--primary);
    color: #fff;
}

.filters-tab-list .filter-list-slider .slick-arrow {
    width: 25px;
    height: 25px;
}

.filters-tab-list .filter-list-slider .slick-arrow::before {
    top: 8px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-color: #fff;
}

.filters-tab-list .filter-list-slider .slick-arrow {
    width: 25px;
    height: 25px;
    background: var(--primary);
}
.tradesman-skilled-sec .slick-dots {
    position: initial;
    margin-top: 30px;
}

.tradesman-skilled-sec .slick-dots li button {
    background-color: var(--primary);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.tradesman-skilled-sec .slick-dots li {
    width: 10px;
    height: 10px;
    text-align: center;
}

.tradesman-skilled-sec .slick-dots li button::before {
    display: none;
}

.tradesman-skilled-sec .slick-dots li.slick-active button,
.tradesman-skilled-sec .slick-dots li:hover button {
    background-color: var(--secondary);
}

#color-post-update {
    min-height: 45px;
}

.color-sel-toggle .btn-item:hover {
    cursor: pointer;
    filter: brightness(0.9);
}

#color-post-update>.color-sel-btn {
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 6px;
    background: linear-gradient(90deg, #833ab4 0, #fd1d1d 50%, #fcb045 100%);
    color: #fff;
    font-weight: 600;
}

.color-sel-toggle {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all 0.5s ease-in-out;
}

.color-sel-toggle .back-btn.btn-item {
    background-color: #f0f1f2;
}

.color-sel-toggle .btn-item {
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 6px;
    margin: 5px 3px;
    position: relative;
    border: 1px solid #e1e1e1;
    padding: 0px !important;
}

#color-post-update.active .color-sel-btn {
    display: none;
}

#color-post-update.active .color-sel-toggle {
    display: flex;
}

.color-sel-toggle .btn-item.active::before {
    content: "";
    position: absolute;
    left: 14px;
    right: 0;
    top: 7px;
    bottom: 0;
    width: 8px;
    height: 15px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
}

.custom-varient-sel {
    display: flex;
    flex-direction: row;
    padding-left: 20px;
}

.custom-varient-sel-item {
    position: relative;
}

.custom-varient-sel-item .varient_btn {
    background: #fff;
    border: 1px dashed #c9c5c5;
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 5px;
}

.custom-varient-sel-item input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

.custom-varient-sel-item {
    position: relative;
    padding: 0 7px;
}

.varient-sel .desc-value {
    width: 130px;
}

.varient-sel {
    margin-bottom: 15px;
}

.custom-varient-sel-item input:checked+.varient_btn {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}
#th-bp-whats-new.create-post-color.white-bg-box::before {
    color: #000000;
}

.description-block p.feed-text.d-text {
    text-align: center;
    padding: 20px;
    border-radius: 6px;
}

.admin-post-content.feed-text h1,
.admin-post-content.feed-text h2,
.admin-post-content.feed-text h3,
.admin-post-content.feed-text h4,
.admin-post-content.feed-text h5,
.admin-post-content.feed-text h6,
.admin-post-content.feed-text p,
.admin-post-content.feed-text span {
    color: #fff;
}

.search-shop_div-sec .form-grouph.select-design .multiselect {
    height: 48.27px;
}

.search-shop_div-sec .form-grouph.select-design .multiselect .multiselect__tags {
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search-shop_div-sec .form-grouph.select-design .multiselect .multiselect__tags .multiselect__single {
    display: block;
    white-space: nowrap;
    padding-left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.search-shop_div-sec .form-grouph.select-design .multiselect .multiselect__placeholder {
    white-space: nowrap;
}

.no-data p i {
    margin-right: 10px;
}

.feed-design-box.two-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-product-tabs-sec {
    margin-bottom: 10px;
}

.single-product-tabs-sec .tab-pane {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.cart-form-wrap .cart_summry-div-inner table {
    min-width: auto !important;
}

.input-design input::placeholder,
.textarea-design textarea::placeholder {
    font-size: 13px !important;
}

.slider.logo-slider .slick-track {
    margin: initial;
}

.slider.logo-slider .logo-item {
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    border: 1px solid #dcddde;
}

.slider.logo-slider .logo-item h5 {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.slider.logo-slider .slick-track>.slick-slide {
    padding: 0 10px;
}

.slider.logo-slider .logo-item span {
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: flex;
    border-radius: 50%;
    padding: 25px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dcdbdb;
}

.slider.logo-slider .logo-item span img {
    object-fit: contain;
    width: 60px;
    height: 69px;
}

.landing-banner-sec {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0 150px 0;
    position: relative;
    z-index: 0;
}

#masthead ul.before-login-list.link-list-design .nav-link {
    font-size: 18px;
    font-weight: 300;
    color: var(--secondary);
}

.landing-register-block form.form-design {
    margin-bottom: 0;
}

.landing-banner-sec::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.8);
}

.landing-content-sec h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 25px;
}

.landing-content-sec p:first-child {
    margin-bottom: 25px;
}

.landing-content-sec p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 8px;
}

.landing-content-sec p span {
    color: #fff;
    font-size: 15px !important;
    margin-bottom: 8px;
}

.landing-register-block {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
}

.landing-register-header h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.landing-register-header p {
    color: #fff;
    font-size: 14px;
}

.landing-register-block .form-ino-text ul li,
.landing-register-block label {
    color: #fff;
}

.landing-register-block .cstm-checkbox-wrap .remembr-btn-span {
    color: #fff;
}

.landing-content-sec {
    margin-bottom: 25px;
    text-align: center;
}

.coi_file .media-uploading {
    width: 100%;
    max-width: 80px;
    text-align: center;
}

.single-product-details-sec .carousel-item {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    height: 400px;
}

.single-product-details-sec .carousel-item img {
    width: 300px !important;
    height: 300px;
    object-fit: contain;
    margin: 0 auto;
}

.single-product-details-sec .columns {
    margin: 0 auto;
    max-width: 900px;
}

.single-product-details-sec .details {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    display: block;
}

.single-product-details-sec .thumbnail-container {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
}

.single-product-details-sec .columns {
    margin-top: 30px;
}

.single-product-details-sec #buy-container {
    padding-right: 0;
}

.order-details-block .info-blocks-wrapper-flex>.info-blocks-wrapper-items p {
    overflow: initial;
    white-space: wrap;
    line-height: 24px;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: var(--primary) !important;
}

.semibold {
    font-weight: 600;
}

.video_poster-img img {
    width: 100%;
    filter: brightness(0.9);
}

@media screen and (max-width: 1024px) {
    .single-post .content-inner {
        padding-top: 20px !important;
        padding-right: 30px;
        padding-bottom: 30px !important;
        padding-left: 30px;
    }

    .single-post .content-inner {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .entry.entry-single .entry-thumbnail {
        height: 314px;
    }

    #page-cover .page-cover-inner {
        min-height: 250px;
    }

    .header--row .builder-first--logo {
        text-align: left;
    }

    .header--row .builder-first--nav-icon {
        text-align: left;
    }

    .header--row .builder-first--user_notification {
        text-align: right;
    }

    .header--row .builder-first--signin_signup {
        text-align: right;
    }

    .header-search_icon-item .search-submit {
        margin-left: -40px;
    }

    .header-search_box-item .search-submit {
        margin-left: -40px;
    }

    .header-search_box-item .woo_bootster_search .search-submit {
        margin-left: -40px;
    }

    .header-search_box-item .header-search-form button.search-submit {
        margin-left: -40px;
    }

    .header-social_search_box-item .search-submit {
        margin-left: -40px;
    }

    .header-social_search_box-item .woo_bootster_search .search-submit {
        margin-left: -40px;
    }

    .header-social_search_box-item .header-search-form button.search-submit {
        margin-left: -40px;
    }

    .footer--row .builder-first--footer-1 {
        text-align: left;
    }

    .builder-item.builder-item--group .item--inner.builder-item--footer-2,
    .footer--row .builder-item--footer-2 {
        margin-left: -280px;
    }

    .footer--row .builder-first--footer-2 {
        text-align: left;
    }

    .footer--row .builder-first--footer-social-icons {
        text-align: left;
    }
}

@media screen and (max-width: 568px) {
    .entry.entry-single .entry-title {
        font-size: 18px;
        line-height: 28px;
    }

    .entry.entry-single .entry-thumbnail {
        height: 150px;
    }

    #page-cover .page-cover-inner {
        min-height: 200px;
    }

    .header--row.header-top .style-full-height .primary-menu-ul>li>a,
    .header--row.header-top .tophive-grid {
        min-height: 33px;
    }

    #header-menu-sidebar-bg {
        padding-right: 10px;
    }

    .header-menu-sidebar-inner {
        text-align: left;
    }

    .builder-header-html-item.item--html,
    .builder-header-html-item.item--html p {
        font-size: 14px;
    }

    .header--row .builder-first--html {
        text-align: left;
    }

    .site-header .site-branding img {
        max-width: 134px;
    }

    .site-header .cb-row--mobile .site-branding img {
        width: 134px;
    }

    .builder-item.builder-item--group .item--inner.builder-item--logo,
    .header--row .builder-item--logo {
        margin-left: 8px;
    }

    .header--row .builder-first--logo {
        text-align: left;
    }

    .header--row .builder-first--nav-icon {
        text-align: left;
    }

    .header--row .builder-first--user_notification {
        text-align: right;
    }

    body .builder-item--signin_signup .user-account-segment button.button-signin {
        padding-top: 0;
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px;
    }

    .header--row .builder-first--signin_signup {
        text-align: right;
    }

    .header-search_icon-item .search-submit {
        margin-left: -40px;
    }

    .header-search_box-item .search-submit {
        margin-left: -40px;
    }

    .header-search_box-item .woo_bootster_search .search-submit {
        margin-left: -40px;
    }

    .header-search_box-item .header-search-form button.search-submit {
        margin-left: -40px;
    }

    .header-social_search_box-item .search-submit {
        margin-left: -40px;
    }

    .header-social_search_box-item .woo_bootster_search .search-submit {
        margin-left: -40px;
    }

    .header-social_search_box-item .header-search-form button.search-submit {
        margin-left: -40px;
    }

    .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>a,
    .builder-item-sidebar .primary-menu-sidebar .primary-menu-ul>li>a {
        font-size: 14px;
        line-height: 26px;
    }

    .header--row .builder-first--primary-menu {
        text-align: left;
    }

    .footer--row .builder-first--footer-1 {
        text-align: center;
    }

    .builder-item.builder-item--group .item--inner.builder-item--footer-2,
    .footer--row .builder-item--footer-2 {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .footer--row .builder-first--footer-2 {
        text-align: center;
    }

    .footer--row .builder-first--footer_copyright {
        text-align: center;
    }

    .footer--row .builder-first--footer-social-icons {
        text-align: center;
    }

    .builder-item--link-lists-v {
        text-align: center;
    }
}

body #buddypress * a {
    text-decoration: none;
}

body #buddypress #item-body blockquote,
body #buddypress .bp-lists blockquote {
    margin-left: 0;
}

body #buddypress .bp-list .action {
    box-sizing: border-box;
}

@media screen and (min-width: 46.8em) {

    body.buddypress .entry-content:not(.alignwide):not(.alignfull),
    body.buddypress .entry-header:not(.alignwide):not(.alignfull),
    body.buddypress .site-content .entry-header:not(.alignwide):not(.alignfull) {
        max-width: none;
    }

    body.buddypress .entry-header {
        float: none;
    }

    body.buddypress .entry-content {
        float: none;
    }

    body.buddypress .site-content {
        padding-top: 2.5em;
    }

    body.buddypress #page #primary {
        max-width: none;
    }

    body.buddypress #page #primary .entry-content,
    body.buddypress #page #primary .entry-header {
        float: none;
        width: auto;
    }
}

body.buddypress .buddypress-wrap h1,
body.buddypress .buddypress-wrap h2,
body.buddypress .buddypress-wrap h3,
body.buddypress .buddypress-wrap h4,
body.buddypress .buddypress-wrap h5,
body.buddypress .buddypress-wrap h6 {
    clear: none;
    margin: 1em 0;
    padding: 0;
}

body.buddypress .buddypress-wrap h2:before {
    display: none;
}

.bp-wrap:after,
.bp-wrap:before {
    content: " ";
    display: table;
}

.bp-wrap:after {
    clear: both;
}

.buddypress-wrap.round-avatars .avatar {
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px -5px grey;
}

body.buddypress article.page>.entry-header {
    margin-bottom: 2em;
    padding: 0;
}

body.buddypress article.page>.entry-header:not(.alignwide):not(.alignfull) .entry-title {
    font-size: 28px;
    font-weight: inherit;
    color: #767676;
}

@media screen and (min-width: 46.8em) {
    body.buddypress article.page>.entry-header:not(.alignwide):not(.alignfull) .entry-title {
        font-size: 34px;
    }
}

.buddypress-wrap dt.section-title {
    font-size: 18px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap dt.section-title {
        font-size: 22px;
    }
}

.buddypress-wrap .bp-label-text,
.buddypress-wrap .message-threads {
    font-size: 13px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .bp-tables-user th {
        font-size: 16px;
    }
}

.buddypress-wrap .bp-tables-user td {
    font-size: 12px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .bp-tables-user td {
        font-size: 14px;
    }
}

.buddypress-wrap .profile-fields th {
    font-size: 15px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .profile-fields th {
        font-size: 18px;
    }
}

.buddypress-wrap .profile-fields td {
    font-size: 13px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .profile-fields td {
        font-size: 16px;
    }
}

.buddypress-wrap #invitation-select,
.buddypress-wrap #notification-select {
    font-size: 12px;
}

@media screen and (min-width: 46.8em) {

    .buddypress-wrap #invitation-select,
    .buddypress-wrap #notification-select {
        font-size: 14px;
    }
}

.bp-navs {
    background: 0 0;
    clear: both;
    overflow: hidden;
}

.bp-navs ul {
    margin: 0;
    padding: 0;
}

.bp-navs ul li {
    list-style: none;
    margin: 0;
}

.bp-navs ul li.last select {
    max-width: 185px;
}

.bp-navs ul li a,
.bp-navs ul li span {
    border: 0;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.bp-navs ul li .count {
    background: #eaeaea;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #555;
    display: inline;
    font-size: 12px;
    margin-left: 2px;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle;
}

.bp-navs ul li.current a,
.bp-navs ul li.selected a {
    color: #333;
    opacity: 1;
}

.bp-navs.bp-invites-filters ul li a,
.bp-navs.bp-messages-filters ul li a {
    border: 1px solid #ccc;
    display: inline-block;
}

.main-navs.dir-navs {
    margin-bottom: 20px;
}

.buddypress-wrap .bp-navs li a:hover a .count,
.buddypress-wrap .bp-navs li.current a .count,
.buddypress-wrap .bp-navs li.selected a .count {
    background-color: #ccc;
}

.buddypress-wrap .bp-navs li:not(.current) a:focus,
.buddypress-wrap .bp-navs li:not(.current) a:hover,
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
    background: #ccc;
    color: #333;
}

.buddypress-wrap .bp-navs li.current a,
.buddypress-wrap .bp-navs li.current a:focus,
.buddypress-wrap .bp-navs li.current a:hover,
.buddypress-wrap .bp-navs li.selected a,
.buddypress-wrap .bp-navs li.selected a:focus,
.buddypress-wrap .bp-navs li.selected a:hover {
    background: #555;
    color: #fafafa;
}

@media screen and (min-width: 46.8em) {

    .buddypress-wrap .main-navs:not(.dir-navs) li.current a,
    .buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
        background: #fff;
        color: #333;
    }

    .buddypress-wrap .main-navs.vertical li.current a,
    .buddypress-wrap .main-navs.vertical li.selected a {
        background: #555;
        color: #fafafa;
        text-decoration: none;
    }

    .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        box-shadow: 0 2px 12px 0 #fafafa;
    }
}

.buddypress-wrap .bp-subnavs li.current a,
.buddypress-wrap .bp-subnavs li.selected a {
    background: #fff;
    color: #333;
    font-weight: 600;
}

@media screen and (max-width: 46.8em) {
    .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
        background: #eaeaea;
    }
}

.buddypress-wrap:not(.bp-single-vert-nav) .main-navs>ul>li>a {
    padding: 0.5em calc(0.5em + 2px);
}

.buddypress-wrap:not(.bp-single-vert-nav) .group-subnav#subsubnav,
.buddypress-wrap:not(.bp-single-vert-nav) .user-subnav#subsubnav {
    background: 0 0;
}

.buddypress-wrap .bp-subnavs,
.buddypress-wrap ul.subnav {
    width: 100%;
}

.buddypress-wrap .bp-subnavs {
    margin: 10px 0;
    overflow: hidden;
}

.buddypress-wrap .bp-subnavs ul li {
    margin-top: 0;
}

.buddypress-wrap .bp-subnavs ul li.current :focus,
.buddypress-wrap .bp-subnavs ul li.current :hover,
.buddypress-wrap .bp-subnavs ul li.selected :focus,
.buddypress-wrap .bp-subnavs ul li.selected :hover {
    background: 0 0;
    color: #333;
}

.buddypress-wrap ul.subnav {
    width: auto;
}

.buddypress-wrap .bp-navs.bp-invites-filters#subsubnav ul li.last,
.buddypress-wrap .bp-navs.bp-invites-nav#subnav ul li.last,
.buddypress-wrap .bp-navs.bp-messages-filters#subsubnav ul li.last {
    margin-top: 0;
}

@media screen and (max-width: 46.8em) {
    .buddypress-wrap .single-screen-navs {
        border: 1px solid #eee;
    }

    .buddypress-wrap .single-screen-navs li {
        border-bottom: 1px solid #eee;
    }

    .buddypress-wrap .single-screen-navs li:last-child {
        border-bottom: none;
    }

    .buddypress-wrap .bp-subnavs li a {
        font-size: 14px;
    }

    .buddypress-wrap .bp-subnavs li.current a,
    .buddypress-wrap .bp-subnavs li.current a:focus,
    .buddypress-wrap .bp-subnavs li.current a:hover,
    .buddypress-wrap .bp-subnavs li.selected a,
    .buddypress-wrap .bp-subnavs li.selected a:focus,
    .buddypress-wrap .bp-subnavs li.selected a:hover {
        background: #555;
        color: #fff;
    }
}

.buddypress-wrap .bp-navs li.current a .count,
.buddypress-wrap .bp-navs li.selected a .count,
.buddypress_object_nav .bp-navs li.current a .count,
.buddypress_object_nav .bp-navs li.selected a .count {
    background-color: #fff;
}

.buddypress-wrap .bp-navs li.dynamic a .count,
.buddypress-wrap .bp-navs li.dynamic.current a .count,
.buddypress-wrap .bp-navs li.dynamic.selected a .count,
.buddypress_object_nav .bp-navs li.dynamic a .count,
.buddypress_object_nav .bp-navs li.dynamic.current a .count,
.buddypress_object_nav .bp-navs li.dynamic.selected a .count {
    background-color: #5087e5;
    border: 0;
    color: #fafafa;
}

.buddypress-wrap .bp-navs li.dynamic a:hover .count,
.buddypress_object_nav .bp-navs li.dynamic a:hover .count {
    background-color: #5087e5;
    border: 0;
    color: #fff;
}

.buddypress-wrap .bp-navs li a .count:empty,
.buddypress_object_nav .bp-navs li a .count:empty {
    display: none;
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current),
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) {
    color: #767676;
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a {
    color: #767676;
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:hover,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:focus,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:hover {
    background: 0 0;
    color: #333;
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover {
    color: #767676;
}

.buddypress-wrap .bp-navs.group-create-links ul li.current a,
.buddypress_object_nav .bp-navs.group-create-links ul li.current a {
    text-align: center;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .bp-navs li {
        float: left;
    }

    .buddypress-wrap ul.subnav {
        width: auto;
    }

    .buddypress-wrap #subsubnav .activity-search {
        float: left;
    }

    .buddypress-wrap #subsubnav .filter {
        float: right;
    }
}

.buddypress_object_nav .bp-navs li a .count {
    display: inline-block;
    float: right;
}

@media screen and (min-width: 46.8em) {
    .bp-dir-vert-nav .bp-navs.dir-navs {
        background: 0 0;
    }

    .bp-dir-vert-nav .bp-navs.dir-navs a .count {
        float: right;
    }
}

@media screen and (min-width: 46.8em) {

    .buddypress-wrap .tabbed-links ol,
    .buddypress-wrap .tabbed-links ul {
        border-bottom: 1px solid #ccc;
        float: none;
        margin: 20px 0 10px;
    }

    .buddypress-wrap .tabbed-links ol:after,
    .buddypress-wrap .tabbed-links ol:before,
    .buddypress-wrap .tabbed-links ul:after,
    .buddypress-wrap .tabbed-links ul:before {
        content: " ";
        display: block;
    }

    .buddypress-wrap .tabbed-links ol:after,
    .buddypress-wrap .tabbed-links ul:after {
        clear: both;
    }

    .buddypress-wrap .tabbed-links ol li,
    .buddypress-wrap .tabbed-links ul li {
        float: left;
        list-style: none;
        margin: 0 10px 0 0;
    }

    .buddypress-wrap .tabbed-links ol li a,
    .buddypress-wrap .tabbed-links ol li span:not(.count),
    .buddypress-wrap .tabbed-links ul li a,
    .buddypress-wrap .tabbed-links ul li span:not(.count) {
        background: 0 0;
        border: none;
        display: block;
        padding: 4px 10px;
    }

    .buddypress-wrap .tabbed-links ol li a:focus,
    .buddypress-wrap .tabbed-links ol li a:hover,
    .buddypress-wrap .tabbed-links ul li a:focus,
    .buddypress-wrap .tabbed-links ul li a:hover {
        background: 0 0;
    }

    .buddypress-wrap .tabbed-links ol li:not(.current),
    .buddypress-wrap .tabbed-links ul li:not(.current) {
        margin-bottom: 2px;
    }

    .buddypress-wrap .tabbed-links ol li.current,
    .buddypress-wrap .tabbed-links ul li.current {
        border-color: #ccc #ccc #fff;
        border-style: solid;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-width: 1px;
        margin-bottom: -1px;
        padding: 0 0.5em 1px;
    }

    .buddypress-wrap .tabbed-links ol li.current a,
    .buddypress-wrap .tabbed-links ul li.current a {
        background: 0 0;
        color: #333;
    }

    .buddypress-wrap .bp-subnavs.tabbed-links>ul {
        margin-top: 0;
    }

    .buddypress-wrap .bp-navs.tabbed-links {
        background: 0 0;
        margin-top: 2px;
    }

    .buddypress-wrap .bp-navs.tabbed-links ul li a {
        border-right: 0;
        font-size: inherit;
    }

    .buddypress-wrap .bp-navs.tabbed-links ul li.last {
        float: right;
        margin: 0;
    }

    .buddypress-wrap .bp-navs.tabbed-links ul li.last a {
        margin-top: -0.5em;
    }

    .buddypress-wrap .bp-navs.tabbed-links ul li a,
    .buddypress-wrap .bp-navs.tabbed-links ul li a:focus,
    .buddypress-wrap .bp-navs.tabbed-links ul li a:hover,
    .buddypress-wrap .bp-navs.tabbed-links ul li.current a,
    .buddypress-wrap .bp-navs.tabbed-links ul li.current a:focus,
    .buddypress-wrap .bp-navs.tabbed-links ul li.current a:hover {
        background: 0 0;
        border: 0;
    }

    .buddypress-wrap .bp-navs.tabbed-links ul li a:active,
    .buddypress-wrap .bp-navs.tabbed-links ul li.current a:active {
        outline: 0;
    }
}

.buddypress-wrap .dir-component-filters .filter label {
    display: inline;
}

.buddypress-wrap .subnav-filters:after,
.buddypress-wrap .subnav-filters:before {
    content: " ";
    display: table;
}

.buddypress-wrap .subnav-filters:after {
    clear: both;
}

.buddypress-wrap .subnav-filters {
    background: 0 0;
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
}

.buddypress-wrap .subnav-filters div {
    margin: 0;
}

.buddypress-wrap .subnav-filters>ul {
    float: left;
    list-style: none;
}

.buddypress-wrap .subnav-filters.bp-messages-filters ul {
    width: 100%;
}

.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
    margin-bottom: 1em;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
        margin-bottom: 0;
    }
}

.buddypress-wrap .subnav-filters div {
    float: none;
}

.buddypress-wrap .subnav-filters div input[type="search"],
.buddypress-wrap .subnav-filters div select {
    font-size: 16px;
}

.buddypress-wrap .subnav-filters div button.nouveau-search-submit {
    padding: 5px 0.8em 6px;
}

.buddypress-wrap .subnav-filters div button#user_messages_search_submit {
    padding: 7px 0.8em;
}

.buddypress-wrap .subnav-filters .component-filters {
    margin-top: 10px;
}

.buddypress-wrap .subnav-filters .feed {
    margin-right: 15px;
}

.buddypress-wrap .subnav-filters .last.filter label {
    display: inline;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:before {
    content: " ";
    display: table;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after {
    clear: both;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
    display: inline-block;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-hide {
    display: none;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap {
    border: 0;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:focus,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:hover {
    outline: 1px solid #d6d6d6;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions {
    float: left;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
    display: inline-block;
    font-weight: 300;
    margin-right: 25px;
    padding: 5px 0;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions div select {
    -webkit-appearance: textfield;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply {
    border: 0;
    border-radius: 0;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 0 10px;
    padding: 3px 5px;
    text-align: center;
    text-transform: none;
    width: auto;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply span {
    vertical-align: middle;
}

@media screen and (min-width: 32em) {
    .buddypress-wrap .subnav-filters li {
        margin-bottom: 0;
    }

    .buddypress-wrap .subnav-filters .bp-search,
    .buddypress-wrap .subnav-filters .dir-search,
    .buddypress-wrap .subnav-filters .feed,
    .buddypress-wrap .subnav-filters .group-act-search,
    .buddypress-wrap .subnav-filters .group-invites-search,
    .buddypress-wrap .subnav-filters .subnav-search,
    .buddypress-wrap .subnav-filters .subnav-search form,
    .buddypress-wrap .subnav-filters .user-messages-bulk-actions,
    .buddypress-wrap .subnav-filters .user-messages-search {
        float: left;
    }

    .buddypress-wrap .subnav-filters .component-filters,
    .buddypress-wrap .subnav-filters .last {
        float: right;
        margin-top: 0;
        width: auto;
    }

    .buddypress-wrap .subnav-filters .component-filters select,
    .buddypress-wrap .subnav-filters .last select {
        max-width: 250px;
    }

    .buddypress-wrap .subnav-filters .user-messages-search {
        float: right;
    }
}

.buddypress-wrap .invitations-options-nav input#invitation-bulk-manage,
.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
    border: 0;
    border-radius: 0;
    line-height: 1.6;
}

.buddypress-wrap .group-subnav-filters .group-invites-search {
    margin-bottom: 1em;
}

.buddypress-wrap .group-subnav-filters .last {
    text-align: center;
}

.buddypress-wrap .bp-pagination {
    background: 0 0;
    border: 0;
    color: #767676;
    float: left;
    font-size: small;
    margin: 0;
    padding: 0.5em 0;
    position: relative;
    width: 100%;
}

.buddypress-wrap .bp-pagination .pag-count {
    float: left;
}

.buddypress-wrap .bp-pagination .bp-pagination-links {
    float: right;
    margin-right: 10px;
}

.buddypress-wrap .bp-pagination .bp-pagination-links a,
.buddypress-wrap .bp-pagination .bp-pagination-links span {
    font-size: small;
    padding: 0 5px;
}

.buddypress-wrap .bp-pagination .bp-pagination-links a:focus,
.buddypress-wrap .bp-pagination .bp-pagination-links a:hover {
    opacity: 1;
}

.buddypress-wrap .bp-pagination p {
    margin: 0;
}

.bp-list:after,
.bp-list:before {
    content: " ";
    display: table;
}

.bp-list:after {
    clear: both;
}

.bp-list {
    box-sizing: border-box;
    border-top: 1px solid #eaeaea;
    clear: both;
    list-style: none;
    margin: 20px 0;
    padding: 0.5em 0;
    width: 100%;
}

.bp-list li:after,
.bp-list li:before {
    content: " ";
    display: table;
}

.bp-list li:after {
    clear: both;
}

.bp-list>li {
    border-bottom: 1px solid #eaeaea;
}

.bp-list li {
    list-style: none;
    margin: 10px 0;
    padding: 0.5em 0;
    position: relative;
}

.bp-list li .item-avatar img.avatar {
    display: inline-block;
    width: auto;
    height: auto;
}

.bp-list li .item .group-details,
.bp-list li .item .item-avatar,
.bp-list li .item .item-meta,
.bp-list li .item .list-title {
    text-align: center;
}

.bp-list li .item .list-title {
    clear: none;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 auto;
}

@media screen and (min-width: 46.8em) {
    .bp-list li .item .list-title {
        font-size: 26px;
    }
}

.bp-list li .item-meta,
.bp-list li .meta {
    color: #737373;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.bp-list li .last-post {
    text-align: center;
}

.bp-list li .action {
    margin: 0;
    text-align: center;
}

.bp-list li .action .generic-button {
    display: inline-block;
    font-size: 12px;
    margin: 0 10px 0 0;
}

.bp-list li .action div.generic-button {
    margin: 10px 0;
}

@media screen and (min-width: 46.8em) {
    .bp-list li .item {
        margin: 0;
        overflow: hidden;
    }

    .bp-list li .item .item-block {
        float: left;
        margin-right: 2%;
        width: 50%;
    }

    .bp-list li .item .item-meta,
    .bp-list li .item .list-title {
        float: left;
        text-align: left;
    }

    .bp-list li .item .group-details,
    .bp-list li .item .last-post {
        text-align: left;
    }

    .bp-list li .group-desc,
    .bp-list li .last-post,
    .bp-list li .user-update {
        clear: none;
        overflow: hidden;
        width: auto;
    }

    .bp-list li .action {
        clear: left;
        padding: 0;
        text-align: left;
    }

    .bp-list li .action li.generic-button {
        margin-right: 0;
    }

    .bp-list li .action div.generic-button {
        margin: 0 0 10px;
    }

    .bp-list li .generic-button {
        display: block;
        margin: 0 0 5px 0;
    }
}

@media screen and (min-width: 32em) {
    #activity-stream {
        clear: both;
        padding-top: 1em;
    }
}

.activity-list.bp-list {
    background: #fafafa;
    border: 1px solid #eee;
}

.activity-list.bp-list .activity-item {
    background: #fff;
    border: 1px solid #b7b7b7;
    box-shadow: 0 0 6px #d2d2d2;
    margin: 20px 0;
}

.activity-list.bp-list li:first-child {
    margin-top: 0;
}

.friends-list {
    list-style-type: none;
}

.friends-request-list .item-title,
.membership-requests-list .item-title {
    text-align: center;
}

@media screen and (min-width: 46.8em) {

    .friends-request-list li,
    .membership-requests-list li {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -o-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .friends-request-list li .item,
    .membership-requests-list li .item {
        -moz-flex: 1 1 auto;
        -o-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .friends-request-list li .action,
    .membership-requests-list li .action {
        text-align: right;
    }

    .friends-request-list li .item-title,
    .membership-requests-list li .item-title {
        font-size: 22px;
        text-align: left;
    }

    .friends-request-list li .item-title h3,
    .membership-requests-list li .item-title h3 {
        margin: 0;
    }
}

#notifications-user-list {
    clear: both;
    padding-top: 1em;
}

@media screen and (min-width: 46.8em) {
    body:not(.logged-in) .bp-list .item {
        margin-right: 0;
    }
}

.activity-permalink .item-list,
.activity-permalink .item-list li.activity-item {
    border: 0;
}

.activity-update-form {
    padding: 10px 10px 0;
}

.item-body .activity-update-form .activity-form {
    margin: 0;
    padding: 0;
}

.activity-update-form {
    border: 1px solid #ccc;
    box-shadow: inset 0 0 6px #eee;
    margin: 15px 0;
}

.activity-update-form #whats-new-content {
    padding: 0 0 20px 0;
}

.activity-update-form #whats-new-textarea textarea {
    background: #fff;
    box-sizing: border-box;
    color: #333;
    font-size: medium;
    height: 2.2em;
    line-height: 1.4;
    padding: 6px;
    width: 100%;
}

.activity-update-form #whats-new-textarea textarea:focus {
    box-shadow: 0 0 6px 0 #d6d6d6;
}

.activity-update-form #whats-new-buttons {
    max-width: 100%;
    padding: 0 0 1em 0;
    z-index: 1000;
    margin: 0 0 0.5em 55px;
    display: flex;
    gap: 0.6em;
    margin-left: 55px;
}

.activity-update-form #whats-new-buttons>li {
    list-style: none;
}

.activity-update-form #whats-new-buttons>li button {
    padding: 5px 10px;
    width: auto;
    height: auto;
}

.activity-update-form #whats-new-post-in-box {
    margin: 10px 0;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items {
    list-style: none;
    margin: 10px 0;
    padding-left: 0;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items li {
    margin-bottom: 10px;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items button.bp-remove-item {
    margin-left: 10px;
    height: auto;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items #activity-autocomplete {
    padding: 0.3em;
    width: 100%;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object {
    display: flex;
    align-items: center;
    padding: 0.2em;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object .avatar {
    width: 30px;
    height: 30px;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object span {
    padding-left: 10px;
    vertical-align: middle;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object:focus,
.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object:hover {
    background: #eaeaea;
    cursor: pointer;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items .bp-activity-object.selected {
    border: 1px solid #d6d6d6;
}

.activity-update-form #whats-new-submit {
    margin: 15px 0 10px;
}

.activity-update-form #whats-new-submit input {
    font-size: 14px;
    line-height: inherit;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0.2em 0;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 46.8em) {

    .activity-update-form #whats-new-content,
    .activity-update-form #whats-new-post-in-box,
    .activity-update-form #whats-new-submit {
        margin-left: 55px;
    }

    .activity-update-form #whats-new-submit input {
        margin-bottom: 0;
        margin-right: 10px;
        width: 8em;
    }
}

.activity-list {
    padding: 0.5em;
}

.activity-list .activity-item:after,
.activity-list .activity-item:before {
    content: " ";
    display: table;
}

.activity-list .activity-item:after {
    clear: both;
}

.activity-list .activity-item {
    list-style: none;
    padding: 1em;
}

.activity-list .activity-item.has-comments {
    padding-bottom: 1em;
}

.activity-list .activity-item div.item-avatar img {
    height: auto;
    max-width: 40%;
}

.activity-list .activity-item.mini {
    font-size: 13px;
    position: relative;
}

.activity-list .activity-item.mini .activity-avatar {
    margin-left: 0;
    text-align: center;
    width: auto;
}

.activity-list .activity-item.mini .activity-avatar img.FB_profile_pic,
.activity-list .activity-item.mini .activity-avatar img.avatar {
    max-width: 15%;
}

@media screen and (min-width: 46.8em) {
    .activity-list .activity-item.mini .activity-avatar {
        margin-left: 15px;
        text-align: left;
        width: 15%;
    }

    .activity-list .activity-item.mini .activity-avatar img.FB_profile_pic,
    .activity-list .activity-item.mini .activity-avatar img.avatar {
        max-width: 60%;
    }
}

.activity-list .activity-item.new_forum_post .activity-inner,
.activity-list .activity-item.new_forum_topic .activity-inner {
    border-left: 2px solid #eaeaea;
    margin-left: 10px;
    padding-left: 1em;
}

.activity-list .activity-item.new_blog_post .activity-inner strong {
    display: block;
    margin-bottom: 0.8em;
}

.activity-list .activity-item.new_blog_post .activity-inner img {
    max-width: 100%;
    float: left;
    margin-right: 0.8em;
}

.activity-list .activity-item.newest_blogs_activity,
.activity-list .activity-item.newest_friends_activity,
.activity-list .activity-item.newest_groups_activity,
.activity-list .activity-item.newest_mentions_activity {
    background: rgba(31, 179, 221, 0.1);
}

.activity-list .activity-item .activity-inreplyto {
    color: #767676;
    font-size: 13px;
}

.activity-list .activity-item .activity-inreplyto>p {
    display: inline;
    margin: 0;
}

.activity-list .activity-item .activity-inreplyto .activity-inner,
.activity-list .activity-item .activity-inreplyto blockquote {
    background: 0 0;
    border: 0;
    display: inline;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.activity-list .activity-item .activity-header {
    margin: 0 auto;
    width: 80%;
}

.activity-list .activity-item .activity-header a,
.activity-list .activity-item .activity-header img {
    display: inline;
}

.activity-list .activity-item .activity-header .avatar {
    display: inline-block;
    margin: 0 5px;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

.activity-list .activity-item .activity-inner p {
    word-wrap: break-word;
}

.activity-list .activity-item .activity-read-more {
    margin-left: 1em;
    white-space: nowrap;
}

.activity-list .activity-item ul.activity-meta {
    margin: 0;
    padding-left: 0;
}

.activity-list .activity-item ul.activity-meta li {
    border: 0;
    display: inline-block;
}

.activity-list .activity-item .activity-meta.action {
    border: 1px solid transparent;
    background: #fafafa;
    padding: 2px;
    position: relative;
    text-align: left;
}

.activity-list .activity-item .activity-meta.action div.generic-button {
    margin: 0;
}

.activity-list .activity-item .activity-meta.action .button {
    background: 0 0;
    color: #555;
}

.activity-list .activity-item .activity-meta.action a {
    padding: 4px 8px;
}

.activity-list .activity-item .activity-meta.action .button:focus,
.activity-list .activity-item .activity-meta.action .button:hover {
    background: 0 0;
}

.activity-list .activity-item .activity-meta.action .button:before,
.activity-list .activity-item .activity-meta.action .icons:before {
    font-family: dashicons;
    font-size: 18px;
    vertical-align: middle;
}

.activity-list .activity-item .activity-meta.action .acomment-reply.button:before {
    content: "\f101";
}

.activity-list .activity-item .activity-meta.action .view:before {
    content: "\f125";
}

.activity-list .activity-item .activity-meta.action .fav:before {
    content: "\f154";
}

.activity-list .activity-item .activity-meta.action .unfav:before {
    content: "\f155";
}

.activity-list .activity-item .activity-meta.action .delete-activity:before {
    content: "\f153";
}

.activity-list .activity-item .activity-meta.action .delete-activity:hover {
    color: #800;
}

.activity-list .activity-item .activity-meta.action .button {
    border: 0;
    box-shadow: none;
}

.activity-list .activity-item .activity-meta.action .button span {
    background: 0 0;
    color: #555;
    font-weight: 700;
}

@media screen and (min-width: 46.8em) {
    .activity-list.bp-list {
        padding: 30px;
    }

    .activity-list .activity-item .activity-content:after {
        clear: both;
        content: "";
        display: table;
    }

    .activity-list .activity-item .activity-header {
        margin: 0 15px 0 0;
        width: auto;
    }
}

body.activity-permalink .activity-list li {
    border-width: 1px;
    padding: 1em 0 0 0;
}

body.activity-permalink .activity-list li:first-child {
    padding-top: 0;
}

body.activity-permalink .activity-list li.has-comments {
    padding-bottom: 0;
}

body.activity-permalink .activity-list .activity-avatar {
    width: auto;
}

body.activity-permalink .activity-list .activity-avatar a {
    display: block;
}

body.activity-permalink .activity-list .activity-avatar img {
    max-width: 100%;
    background-color: #eaeaea;
}

body.activity-permalink .activity-list .activity-content {
    border: 0;
    font-size: 100%;
    line-height: 1.5;
    padding: 0;
}

body.activity-permalink .activity-list .activity-content .activity-header {
    margin: 0;
    padding: 0.5em 0 0 0;
    text-align: center;
    width: 100%;
}

body.activity-permalink .activity-list .activity-content .activity-inner,
body.activity-permalink .activity-list .activity-content blockquote {
    margin-left: 0;
    margin-top: 10px;
}

body.activity-permalink .activity-list .activity-meta {
    margin: 10px 0 10px;
}

body.activity-permalink .activity-list .activity-comments {
    margin-bottom: 10px;
}

@media screen and (min-width: 46.8em) {
    body.activity-permalink .activity-list .activity-avatar {
        left: -20px;
        margin-right: 0;
        position: relative;
        top: -20px;
    }

    body.activity-permalink .activity-list .activity-avatar img {
        box-shadow: 0 0 0 8px #fff;
    }

    body.activity-permalink .activity-list .activity-content {
        margin-right: 10px;
    }

    body.activity-permalink .activity-list .activity-content .activity-header p {
        text-align: left;
    }
}

.bp-group-preview-cover,
.bp-member-preview-cover {
    position: relative;
    min-height: 150px;
    background: #c5c5c5;
}

.bp-group-preview-cover img,
.bp-member-preview-cover img {
    background: #c5c5c5;
    -o-object-fit: cover;
    object-fit: cover;
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
    height: 150px;
}

.bp-group-short-description,
.bp-member-short-description {
    position: relative;
    text-align: center;
}

.bp-group-avatar-content,
.bp-member-avatar-content {
    width: 120px;
    position: relative;
    z-index: 2;
    margin: auto;
}

.bp-group-avatar-content img.group-photo,
.bp-group-avatar-content img.profile-photo,
.bp-member-avatar-content img.group-photo,
.bp-member-avatar-content img.profile-photo {
    border: solid 2px #fff;
    background: rgba(255, 255, 255, 0.8);
    height: 80px;
    width: 80px;
}

.bp-group-avatar-content.has-cover-image,
.bp-member-avatar-content.has-cover-image {
    width: 200px;
    margin-top: -75px;
}

.bp-group-avatar-content.has-cover-image img.group-photo,
.bp-group-avatar-content.has-cover-image img.profile-photo,
.bp-member-avatar-content.has-cover-image img.group-photo,
.bp-member-avatar-content.has-cover-image img.profile-photo {
    height: inherit;
    width: inherit;
}

.bp-group-short-description-title a,
.bp-member-short-description-title a {
    font-weight: 600;
}

@media screen and (max-width: 46.8em) {

    .bp-group-avatar-content,
    .bp-member-avatar-content {
        width: 100%;
        margin-bottom: 15px;
    }

    .bp-group-avatar-content img.group-photo,
    .bp-group-avatar-content img.profile-photo,
    .bp-member-avatar-content img.group-photo,
    .bp-member-avatar-content img.profile-photo {
        margin: auto;
    }

    .bp-profile-button {
        position: relative;
        margin-top: 15px;
    }
}

@media screen and (min-width: 46.8em) {
    .bp-profile-button {
        text-align: right;
    }
}

form.ac-form {
    display: none;
    padding: 1em;
}

form.ac-form .ac-reply-avatar {
    float: left;
}

form.ac-form .ac-reply-avatar img {
    border: 1px solid #eee;
}

form.ac-form .ac-reply-content {
    color: #767676;
    padding-left: 1em;
}

form.ac-form .ac-reply-content a {
    text-decoration: none;
}

form.ac-form .ac-reply-content .ac-textarea {
    margin-bottom: 15px;
    padding: 0 0.5em;
    overflow: hidden;
}

form.ac-form .ac-reply-content .ac-textarea textarea {
    background: 0 0;
    box-shadow: none;
    color: #555;
    font-size: 100%;
    height: 60px;
    margin: 0;
    outline: 0;
    padding: 0.5em;
    width: 100%;
}

form.ac-form .ac-reply-content .ac-textarea textarea:focus {
    box-shadow: 0 0 6px #d6d6d6;
}

form.ac-form .ac-reply-content input {
    margin-top: 10px;
}

.activity-comments li form.ac-form {
    clear: both;
    margin-right: 15px;
}

.activity-comments form.root {
    margin-left: 0;
}

.buddypress-wrap .blogs-list li .item-avatar img.avatar-150 {
    max-width: 150px;
    max-height: 150px;
}

.buddypress-wrap .blogs-list li .item-avatar img.avatar-50 {
    max-width: 50px;
    max-height: 50px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .blogs-list li .item-block {
        float: none;
        width: auto;
    }

    .buddypress-wrap .blogs-list li .item-meta {
        clear: left;
        float: none;
    }
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .bp-dir-vert-nav .blogs-list .list-title {
        width: auto;
    }
}

.buddypress-wrap .groups-list li .list-title {
    text-align: center;
}

.buddypress-wrap .groups-list li .group-details {
    clear: left;
}

.buddypress-wrap .groups-list li .group-desc {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    background-clip: padding-box;
    font-size: 13px;
    color: #737373;
    font-style: italic;
    margin: 10px auto 0;
    padding: 1em;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .groups-list li .group-desc {
        font-size: 16px;
    }
}

.buddypress-wrap .groups-list li p {
    margin: 0 0 0.5em;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .groups-list li .item {
        margin-right: 0;
    }

    .buddypress-wrap .groups-list li .item-meta,
    .buddypress-wrap .groups-list li .list-title {
        text-align: left;
        width: auto;
    }

    .buddypress-wrap .groups-list li .item-meta {
        margin-bottom: 20px;
    }

    .buddypress-wrap .groups-list li .last-activity {
        clear: left;
        margin-top: -20px;
    }
}

.buddypress-wrap .groups-list li.group-no-avatar div.group-desc {
    margin-left: 0;
}

.buddypress-wrap .mygroups .groups-list.grid .wrap {
    min-height: 450px;
    padding-bottom: 0;
}

@media screen and (min-width: 46.8em) {

    .buddypress-wrap .groups-list.grid.four .group-desc,
    .buddypress-wrap .groups-list.grid.three .group-desc {
        font-size: 14px;
    }
}

@media screen and (min-width: 46.8em) {
    .buddypress .bp-vertical-navs .groups-list .item-avatar {
        margin-right: 3%;
        width: 15%;
    }
}

.buddypress-wrap .members-list li .member-name {
    margin-bottom: 10px;
}

.buddypress-wrap .members-list li .item-extra-content {
    clear: both;
    font-size: 14px;
}

.buddypress-wrap .members-list li .user-update {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    background-clip: padding-box;
    color: #737373;
    font-style: italic;
    font-size: 13px;
    margin: 15px auto;
    padding: 1em;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .members-list li .user-update {
        font-size: 16px;
    }
}

.buddypress-wrap .members-list li .user-update .activity-read-more {
    display: block;
    font-size: 12px;
    font-style: normal;
    margin-top: 10px;
    padding-left: 2px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .members-list li .last-activity {
        clear: left;
        margin-top: -10px;
    }
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .members-group-list li .joined {
        clear: left;
        float: none;
    }
}

@media screen and (min-width: 32em) {
    body:not(.logged-in) .members-list .user-update {
        width: 96%;
    }
}

.register-page .register-section {
    box-sizing: border-box;
}

.register-page .signup-form {
    margin-top: 20px;
}

.register-page .signup-form .default-profile input {
    margin-bottom: 20px;
}

.register-page .signup-form label,
.register-page .signup-form legend {
    margin: 10px 0 0;
}

.register-page .signup-form .editfield {
    margin: 15px 0;
}

.register-page .signup-form .editfield fieldset {
    border: 0;
    padding: 0;
}

.register-page .signup-form .editfield fieldset legend {
    margin: 0 0 5px;
    text-indent: 0;
}

.register-page .signup-form .editfield .field-visibility-settings {
    padding: 0.5em;
}

.register-page .signup-form .editfield .field-visibility-settings fieldset {
    margin: 0 0 10px;
}

.register-page .signup-form #signup-avatar img {
    margin: 0 15px 10px 0;
}

.register-page .signup-form .wp-pwd button {
    vertical-align: middle;
}

.register-page .signup-form #pass-strength-result,
.register-page .signup-form #pass1,
.register-page .signup-form #pass1-text {
    width: 10em;
}

.register-page .signup-form #pass1 {
    display: inline-block;
    margin-bottom: inherit;
}

.register-page .signup-form #pass1-text,
.register-page .signup-form .pw-weak {
    display: none;
}

.register-page .signup-form .show-password #pass1-text {
    display: inline-block;
    margin-bottom: inherit;
}

.register-page .signup-form .show-password #pass1 {
    display: none;
}

.register-page .signup-form .description.indicator-hint {
    font-size: 14px;
}

.register-page .signup-form #submit:disabled {
    color: #767676;
    opacity: 0.4;
}

.register-page .signup-form .password-entry,
.register-page .signup-form .password-entry-confirm {
    border: 1px solid #eee;
}

body.buddypress.register.js .user-pass2-wrap {
    display: none;
}

body.buddypress.register.no-js .wp-hide-pw {
    display: none;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .register-page .layout-wrap {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
    }

    .buddypress-wrap .register-page .layout-wrap .default-profile {
        flex: 1;
        padding-right: 2em;
    }

    .buddypress-wrap .register-page .layout-wrap .blog-details {
        flex: 1;
        padding-left: 2em;
    }

    .buddypress-wrap .register-page .submit {
        clear: both;
    }
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap.extended-default-reg .register-page .default-profile {
        min-width: 14em;
        flex: 1;
        padding-right: 1em;
    }

    .buddypress-wrap.extended-default-reg .register-page .extended-profile {
        flex: 2;
        padding-left: 1em;
    }

    .buddypress-wrap.extended-default-reg .register-page .blog-details {
        flex: 1 100%;
    }
}

#group-create-body {
    padding: 0.5em;
}

#group-create-body .creation-step-name {
    text-align: center;
}

#group-create-body img.avatar {
    width: auto;
    height: auto;
}

#group-create-body .avatar-nav-items {
    margin-top: 15px;
}

.single-headers:after,
.single-headers:before {
    content: " ";
    display: table;
}

.single-headers:after {
    clear: both;
}

.single-headers #item-header-avatar a {
    display: block;
    text-align: center;
}

.single-headers #item-header-avatar a img {
    float: none;
    width: auto;
    height: auto;
}

.single-headers div#item-header-content {
    float: none;
}

@media screen and (min-width: 46.8em) {
    .single-headers #item-header-avatar a {
        text-align: left;
    }

    .single-headers #item-header-avatar a img {
        float: left;
    }
}

.single-headers .activity,
.single-headers .group-status {
    display: inline;
}

.single-headers .group-status {
    font-size: 18px;
    color: #333;
    padding-right: 1em;
}

.single-headers .activity {
    display: inline-block;
    font-size: 12px;
    padding: 0;
}

.single-headers #sitewide-notice p,
.single-headers div#message p {
    background-color: #ffd;
    border: 1px solid #cb2;
    color: #440;
    font-weight: 400;
    margin-top: 3px;
    text-decoration: none;
}

.single-headers h2 span.highlight {
    display: inline-block;
    font-size: 60%;
    font-weight: 400;
    line-height: 1.7;
    vertical-align: middle;
}

.single-headers h2 span.highlight span {
    background: #a1dcfa;
    color: #fff;
    cursor: pointer;
    font-size: 80%;
    font-weight: 700;
    margin-bottom: 2px;
    padding: 1px 4px;
    position: relative;
    right: -2px;
    top: -2px;
    vertical-align: middle;
}

.single-headers .item-meta {
    color: #767676;
    font-size: 14px;
    margin: 15px 0 5px;
    padding-bottom: 0.5em;
}

.single-headers ul {
    margin-bottom: 15px;
}

.single-headers ul li {
    float: right;
    list-style: none;
}

.single-headers div.generic-button {
    text-align: center;
}

.single-headers li.generic-button {
    display: inline-block;
    text-align: center;
}

@media screen and (min-width: 46.8em) {

    .single-headers a.button,
    .single-headers div.generic-button,
    .single-headers li.generic-button {
        float: left;
    }
}

.single-headers a.button,
.single-headers div.generic-button {
    margin: 10px 10px 0 0;
}

.single-headers li.generic-button {
    margin: 2px 10px;
}

.single-headers li.generic-button:first-child {
    margin-left: 0;
}

.single-headers div#message.info {
    line-height: 0.8;
}

body.no-js .single-item-header .js-self-profile-button {
    display: none;
}

#item-header-cover-image {
    position: relative;
    z-index: 2;
}

.groups-header .bp-group-type-list {
    font-size: 18px;
    margin: 0;
    color: #333;
    display: flex;
}

.groups-header .bp-group-type-list strong {
    padding-right: 1em;
    white-space: nowrap;
}

.groups-header .bp-feedback {
    clear: both;
}

.groups-header .group-item-actions {
    float: left;
    margin: 0 0 15px 15px;
    padding-top: 0;
    width: 100%;
}

.groups-header .moderators-lists {
    margin-top: 0;
}

.groups-header .moderators-lists .moderators-title {
    font-size: 14px;
}

.groups-header .moderators-lists .user-list {
    margin: 0 0 5px;
}

.groups-header .moderators-lists .user-list ul:after {
    clear: both;
    content: "";
    display: table;
}

.groups-header .moderators-lists .user-list li {
    display: inline-block;
    float: none;
    margin-left: 4px;
    padding: 4px;
}

.groups-header .moderators-lists img.avatar {
    box-shadow: none;
    float: none;
    height: 30px;
    margin: 0;
    max-width: 100%;
    width: 30px;
}

@media screen and (min-width: 46.8em) {
    .groups-header div#item-header-content {
        float: left;
        margin-left: 10%;
        text-align: left;
        padding-top: 15px;
        width: 42%;
    }

    .groups-header .group-item-actions {
        float: right;
        margin: 0 0 15px 15px;
        text-align: right;
        width: 20%;
    }

    .groups-header .groups-meta {
        clear: both;
    }
}

.groups-header .desc-wrap {
    background: #eaeaea;
    border: 1px solid #d6d6d6;
    margin: 0 0 15px;
    padding: 1em;
    text-align: center;
}

.groups-header .desc-wrap .group-description {
    background: #fafafa;
    box-shadow: inset 0 0 9px #ccc;
    padding: 1em;
    text-align: left;
}

.groups-header .desc-wrap .group-description p {
    margin: 0;
    padding: 0;
}

body.buddypress.bp-user .buddypress-wrap .users-header h2.user-nicename {
    margin-top: 0;
    margin-bottom: 5px;
}

body.buddypress.bp-user .buddypress-wrap .users-header .bp-member-type-list {
    padding-bottom: 0.5em;
    font-size: 18px;
    margin: 0;
    color: #333;
    display: flex;
}

body.buddypress.bp-user .buddypress-wrap .users-header .bp-member-type-list strong {
    padding-right: 1em;
    white-space: nowrap;
}

body.buddypress.bp-user .buddypress-wrap .member-header-actions {
    overflow: hidden;
    padding-left: 0;
}

body.buddypress.bp-user .buddypress-wrap .member-header-actions *>* {
    display: block;
}

.buddypress-wrap .item-body .screen-heading {
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0;
    color: var(--primary);
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 17px;
}

.buddypress-wrap .item-body .button-tabs {
    margin: 30px 0 15px;
    list-style: none;
}

.buddypress-wrap.bp-single-vert-nav .bp-list:not(.grid) .item-entry {
    padding-left: 0.5em;
}

.single-item.group-members .item-body .filters:not(.no-subnav) {
    border-top: 5px solid #eaeaea;
    padding-top: 1em;
}

.single-item.group-members .item-body .filters {
    margin-top: 0;
}

.buddypress-wrap .group-status-type ul {
    margin: 0 0 20px 20px;
}

.groups-manage-members-list {
    padding: 0.5em 0;
}

.groups-manage-members-list dd {
    margin: 0;
    padding: 1em 0;
}

.groups-manage-members-list .section-title {
    background: #eaeaea;
    padding-left: 0.3em;
}

.groups-manage-members-list ul {
    list-style: none;
    margin-bottom: 0;
}

.groups-manage-members-list ul li {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding: 0.5em 0.3em 0.3em;
}

.groups-manage-members-list ul li:last-child,
.groups-manage-members-list ul li:only-child {
    border-bottom: 0;
}

.groups-manage-members-list ul li:nth-child(2n) {
    background: #fafafa;
}

.groups-manage-members-list ul li.banned-user {
    background: #fad3d3;
}

.groups-manage-members-list ul .member-name {
    margin-bottom: 0;
    text-align: center;
}

.groups-manage-members-list ul img {
    display: block;
    margin: 0 auto;
    width: 20%;
}

@media screen and (min-width: 32em) {
    .groups-manage-members-list ul .member-name {
        text-align: left;
    }

    .groups-manage-members-list ul img {
        display: inline;
        width: 50px;
    }
}

.groups-manage-members-list ul .members-manage-buttons:after,
.groups-manage-members-list ul .members-manage-buttons:before {
    content: " ";
    display: table;
}

.groups-manage-members-list ul .members-manage-buttons:after {
    clear: both;
}

.groups-manage-members-list ul .members-manage-buttons {
    margin: 15px 0 5px;
}

.groups-manage-members-list ul .members-manage-buttons a.button {
    color: #767676;
    display: block;
    font-size: 13px;
}

@media screen and (min-width: 32em) {
    .groups-manage-members-list ul .members-manage-buttons a.button {
        display: inline-block;
    }
}

.groups-manage-members-list ul .members-manage-buttons.text-links-list {
    margin-bottom: 0;
}

@media screen and (max-width: 32em) {
    .groups-manage-members-list ul .members-manage-buttons.text-links-list a.button {
        background: #fafafa;
        border: 1px solid #eee;
        display: block;
        margin-bottom: 10px;
    }
}

.groups-manage-members-list ul .action:not(.text-links-list) a.button {
    font-size: 12px;
}

@media screen and (min-width: 46.8em) {

    .groups-manage-members-list ul li .avatar,
    .groups-manage-members-list ul li .member-name {
        float: left;
    }

    .groups-manage-members-list ul li .avatar {
        margin-right: 15px;
    }

    .groups-manage-members-list ul li .action {
        clear: both;
        float: left;
    }
}

#group-manage-members-ui #group-members-search-form button[type="submit"] {
    float: right;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
}

#group-manage-members-ui #group-members-search-form button[type="submit"] span {
    font-family: dashicons;
    font-size: 18px;
    line-height: 1.6;
}

#group-manage-members-ui #group-members-pagination button:last-child {
    margin-right: 2em;
}

#group-manage-members-ui #bp-no-group-members td {
    border: none;
}

.buddypress .bp-invites-content ul.item-list {
    border-top: 0;
}

.buddypress .bp-invites-content ul.item-list li {
    border: 1px solid #eaeaea;
    margin: 0 0 1%;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    width: auto;
}

.buddypress .bp-invites-content ul.item-list li .list-title {
    margin: 0 auto;
    width: 80%;
}

.buddypress .bp-invites-content ul.item-list li .action {
    position: absolute;
    top: 10px;
    right: 10px;
}

.buddypress .bp-invites-content ul.item-list li .action a.button.invite-button {
    border: 0;
}

.buddypress .bp-invites-content ul.item-list li .action a.button.invite-button:focus,
.buddypress .bp-invites-content ul.item-list li .action a.button.invite-button:hover {
    color: #1fb3dd;
}

.buddypress .bp-invites-content ul.item-list li.selected {
    box-shadow: inset 0 0 12px 0 rgba(237, 187, 52, 0.2);
}

.buddypress .bp-invites-content .group-inviters li,
.buddypress .bp-invites-content .item-list .item-meta span {
    color: #767676;
}

.buddypress .bp-invites-content li ul.group-inviters {
    clear: both;
    margin: 0;
}

.buddypress .bp-invites-content li ul.group-inviters li {
    border: 0;
    float: left;
    font-size: 20px;
    width: inherit;
}

.buddypress .bp-invites-content li .status {
    font-size: 20px;
    font-style: italic;
    clear: both;
    color: #555;
    margin: 10px 0;
}

.buddypress .bp-invites-content #send-invites-editor ul:after,
.buddypress .bp-invites-content #send-invites-editor ul:before {
    content: " ";
    display: table;
}

.buddypress .bp-invites-content #send-invites-editor ul:after {
    clear: both;
}

.buddypress .bp-invites-content #send-invites-editor textarea {
    width: 100%;
}

.buddypress .bp-invites-content #send-invites-editor ul {
    clear: both;
    list-style: none;
    margin: 10px 0;
}

.buddypress .bp-invites-content #send-invites-editor ul li {
    float: left;
    margin: 0.5%;
    max-height: 50px;
    max-width: 50px;
}

.buddypress .bp-invites-content #send-invites-editor #bp-send-invites-form {
    clear: both;
    margin-top: 10px;
}

.buddypress .bp-invites-content #send-invites-editor .action {
    margin-top: 10px;
    padding-top: 10px;
}

.buddypress .bp-invites-content #send-invites-editor.bp-hide {
    display: none;
}

@media screen and (min-width: 46.8em) {
    .buddypress .bp-invites-content ul.item-list>li {
        box-sizing: border-box;
        border: 1px solid #eaeaea;
        float: left;
        padding-left: 0.5em;
        padding-right: 0.5em;
        width: 49.5%;
    }

    .buddypress .bp-invites-content ul.item-list>li:nth-child(odd) {
        margin-right: 0.5%;
    }

    .buddypress .bp-invites-content ul.item-list>li:nth-child(2n) {
        margin-left: 0.5%;
    }

    .buddypress .bp-invites-content ul.item-list ul.group-inviters {
        float: left;
        width: auto;
    }
}

@media screen and (min-width: 46.8em) {
    :not(.vertical)+.item-body #group-invites-container {
        display: grid;
        grid-template-columns: 25% auto;
        grid-template-areas: "group-invites-nav group-invites-column";
    }

    :not(.vertical)+.item-body #group-invites-container .bp-invites-nav {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: group-invites-nav;
    }

    :not(.vertical)+.item-body #group-invites-container .bp-invites-nav li {
        display: block;
        float: none;
    }

    :not(.vertical)+.item-body #group-invites-container .group-invites-column {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        grid-area: group-invites-column;
    }
}

.buddypress.groups .activity-update-form {
    margin-top: 0;
}

.buddypress-wrap .profile {
    margin-top: 30px;
}

.buddypress-wrap .public .profile-fields td.label {
    width: 30%;
}

.buddypress-wrap .profile.edit ul.button-nav {
    list-style: none;
    margin: 30px 0 10px;
    padding-left: 0;
}

.buddypress-wrap .profile.edit ul.button-nav li {
    display: inline-block;
    margin-right: 10px;
}

.buddypress-wrap .profile.edit ul.button-nav li a {
    padding: 0.5em;
}

.buddypress-wrap .profile.edit .editfield {
    background: #fafafa;
    border: 1px solid #eee;
    margin: 15px 0;
    padding: 1em;
}

.buddypress-wrap .profile.edit .editfield fieldset {
    border: 0;
}

.buddypress-wrap .profile.edit .editfield fieldset label {
    font-weight: 400;
}

.buddypress-wrap .profile.edit .editfield fieldset label.xprofile-field-label {
    display: inline;
}

.buddypress-wrap .profile.edit .editfield {
    display: flex;
    flex-direction: column;
}

.buddypress-wrap .profile.edit .editfield .description {
    margin-top: 10px;
    order: 2;
}

.buddypress-wrap .profile.edit .editfield>fieldset {
    order: 1;
}

.buddypress-wrap .profile.edit .editfield .field-visibility-settings,
.buddypress-wrap .profile.edit .editfield .field-visibility-settings-toggle {
    order: 3;
}

body.no-js .buddypress-wrap .field-visibility-settings-close,
body.no-js .buddypress-wrap .field-visibility-settings-toggle {
    display: none;
}

body.no-js .buddypress-wrap .field-visibility-settings {
    display: block;
}

.buddypress-wrap .field-visibility-settings {
    margin: 10px 0;
}

.buddypress-wrap .current-visibility-level {
    font-style: normal;
    font-weight: 700;
}

.buddypress-wrap .field-visibility-settings,
.buddypress-wrap .field-visibility-settings-header {
    color: #737373;
}

.buddypress-wrap .field-visibility-settings fieldset {
    margin: 5px 0;
}

.buddypress-wrap .standard-form .editfield fieldset {
    margin: 0;
}

.buddypress-wrap .standard-form .field-visibility-settings label {
    font-weight: 400;
    margin: 0;
}

.buddypress-wrap .standard-form .field-visibility-settings .radio {
    list-style: none;
    margin-bottom: 0;
}

.buddypress-wrap .standard-form .field-visibility-settings .field-visibility-settings-close {
    font-size: 12px;
}

.buddypress-wrap .standard-form .wp-editor-container {
    border: 1px solid #dedede;
}

.buddypress-wrap .standard-form .wp-editor-container textarea {
    background: #fff;
    width: 100%;
}

.buddypress-wrap .standard-form .description {
    background: #fafafa;
    font-size: inherit;
}

.buddypress-wrap .standard-form .field-visibility-settings legend,
.buddypress-wrap .standard-form .field-visibility-settings-header {
    font-style: italic;
}

.buddypress-wrap .standard-form .field-visibility-settings-header {
    font-size: 14px;
}

.buddypress-wrap .standard-form .field-visibility-settings label,
.buddypress-wrap .standard-form .field-visibility-settings legend {
    font-size: 14px;
}

.buddypress-wrap .standard-form .field-visibility select {
    margin: 0;
}

.buddypress-wrap .html-active button.switch-html {
    background: #f5f5f5;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.buddypress-wrap .tmce-active button.switch-tmce {
    background: #f5f5f5;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.buddypress-wrap .profile.public .profile-group-title {
    border-bottom: 1px solid #ccc;
}

body.register .buddypress-wrap .page ul {
    list-style: none;
}

.buddypress-wrap .profile .bp-avatar-nav {
    margin-top: 20px;
}

.message-action-delete:before,
.message-action-exit:before,
.message-action-star:before,
.message-action-unstar:before,
.message-action-view:before {
    font-family: dashicons;
    font-size: 18px;
}

.message-action-star:before {
    color: #aaa;
    content: "\f154";
}

.message-action-unstar:before {
    color: #fcdd77;
    content: "\f155";
}

.message-action-view:before {
    content: "\f473";
}

.message-action-delete:before {
    content: "\f153";
}

.message-action-exit:before {
    content: "\f14a";
}

.message-action-delete:hover:before {
    color: #a00;
}

.preview-content .actions a {
    text-decoration: none;
}

.bp-messages-content {
    margin: 15px 0;
}

.bp-messages-content .avatar {
    box-shadow: none;
}

.bp-messages-content .thread-participants {
    list-style: none;
}

.bp-messages-content .thread-participants dd {
    margin-left: 0;
}

.bp-messages-content time {
    color: #737373;
    font-size: 12px;
}

#message-threads {
    border-top: 1px solid #eaeaea;
    clear: both;
    list-style: none;
    margin: 0;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

#message-threads li {
    border-bottom: 1px solid #eaeaea;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;
    overflow: hidden;
    padding: 0.5em 0;
}

#message-threads li .thread-cb {
    display: flex;
    align-items: center;
    -moz-flex: 1 2 5%;
    -o-flex: 1 2 5%;
    flex: 1 2 5%;
}

#message-threads li .thread-from,
#message-threads li .thread-to {
    -moz-flex: 1 2 20%;
    -o-flex: 1 2 20%;
    flex: 1 2 20%;
}

#message-threads li .thread-from img.avatar,
#message-threads li .thread-to img.avatar {
    float: left;
    margin: 0 10px 0 0;
}

#message-threads li .thread-from .user-name,
#message-threads li .thread-to .user-name {
    display: inline-block;
    line-height: 1.1;
}

#message-threads li .thread-from .num-recipients,
#message-threads li .thread-to .num-recipients {
    color: #737373;
    font-weight: 400;
    font-size: 12px;
    margin: 0;
}

#message-threads li .thread-content {
    -moz-flex: 1 2 60%;
    -o-flex: 1 2 60%;
    flex: 1 2 60%;
}

#message-threads li .thread-date {
    -moz-flex: 1 2 15%;
    -o-flex: 1 2 15%;
    flex: 1 2 15%;
}

#message-threads li.selected {
    background-color: #fafafa;
}

#message-threads li.selected .thread-subject .subject {
    color: #5087e5;
}

#message-threads li.unread {
    font-weight: 700;
}

#message-threads li .thread-content .excerpt {
    color: #737373;
    font-size: 12px;
    margin: 0;
}

#message-threads li .thread-content .thread-from,
#message-threads li .thread-content .thread-subject,
#message-threads li .thread-content .thread-to {
    font-size: 13px;
}

@media screen and (min-width: 46.8em) {

    #message-threads li .thread-content .thread-from,
    #message-threads li .thread-content .thread-subject,
    #message-threads li .thread-content .thread-to {
        font-size: 16px;
    }
}

#message-threads li .thread-content .thread-subject {
    vertical-align: top;
}

#message-threads li .thread-content .thread-subject .excerpt {
    font-weight: 400;
}

#message-threads li .thread-date {
    padding-right: 5px;
    text-align: right;
}

.bp-messages-content .actions {
    float: right;
    max-width: 30%;
    line-height: 1;
}

.bp-messages-content .actions .bp-icons:not(.bp-hide) {
    display: inline-block;
    margin: 0;
    padding: 0.3em 0.5em;
}

.bp-messages-content .actions .bp-icons:not(.bp-hide):before {
    font-size: 26px;
}

.bp-messages-content #thread-preview {
    border: 1px solid #eaeaea;
    margin-top: 20px;
}

.bp-messages-content #thread-preview .preview-message {
    overflow: hidden;
}

.bp-messages-content #thread-preview .preview-content {
    margin: 0.5em;
}

.bp-messages-content #thread-preview .preview-content .preview-message {
    background: #fafafa;
    margin: 10px 0;
    padding: 1em 0.3em 0.3em;
}

.bp-messages-content #bp-message-thread-list {
    border-top: 1px solid #eaeaea;
    clear: both;
    list-style: none;
    padding: 1em 0 0.3em;
}

.bp-messages-content #bp-message-thread-list li {
    padding: 0.5em;
}

.bp-messages-content #bp-message-thread-list li:nth-child(2n) .message-content {
    background: #fafafa;
}

.bp-messages-content #bp-message-thread-list .message-metadata {
    border-bottom: 1px solid #ccc;
    box-shadow: -2px 1px 9px 0 #eee;
    display: table;
    padding: 0.2em;
    width: 100%;
}

.bp-messages-content #bp-message-thread-list .message-metadata .avatar {
    width: 30px;
}

.bp-messages-content #bp-message-thread-list .message-metadata .user-link {
    display: block;
    font-size: 13px;
    float: left;
}

@media screen and (min-width: 46.8em) {
    .bp-messages-content #bp-message-thread-list .message-metadata .user-link {
        font-size: 16px;
    }
}

.bp-messages-content #bp-message-thread-list .message-metadata time {
    color: #737373;
    font-size: 12px;
    padding: 0 0.5em;
}

.bp-messages-content #bp-message-thread-list .message-metadata button {
    padding: 0 0.3em;
}

.bp-messages-content #bp-message-thread-list .message-metadata button:before {
    font-size: 20px;
}

.bp-messages-content #bp-message-thread-list .message-content {
    overflow: hidden;
    margin: 1em auto 0;
    width: 90%;
}

.bp-messages-content #bp-message-thread-list img.avatar {
    float: left;
    margin: 0 10px 0 0;
}

.bp-messages-content #bp-message-thread-list .actions a:before {
    font-size: 18px;
}

.bp-messages-content form.send-reply .avatar-box {
    padding: 0.5em 0;
}

.bp-messages-content .preview-pane-header,
.bp-messages-content .single-message-thread-header {
    border-bottom: 1px solid #eaeaea;
}

.bp-messages-content .preview-pane-header:after,
.bp-messages-content .single-message-thread-header:after {
    clear: both;
    content: "";
    display: table;
}

.bp-messages-content .preview-thread-title,
.bp-messages-content .single-thread-title {
    font-size: 16px;
}

.bp-messages-content .preview-thread-title .messages-title,
.bp-messages-content .single-thread-title .messages-title {
    padding-left: 2em;
}

.bp-messages-content .thread-participants {
    float: left;
    margin: 5px 0;
    width: 70%;
}

.bp-messages-content .thread-participants dd,
.bp-messages-content .thread-participants ul {
    margin-bottom: 10px;
}

.bp-messages-content .thread-participants ul {
    list-style: none;
}

.bp-messages-content .thread-participants ul:after {
    clear: both;
    content: "";
    display: table;
}

.bp-messages-content .thread-participants li {
    float: left;
    margin-left: 5px;
}

.bp-messages-content .thread-participants img {
    width: 30px;
    height: 30px;
}

.bp-messages-content #bp-message-thread-list li .message-content blockquote,
.bp-messages-content #bp-message-thread-list li .message-content ol,
.bp-messages-content #bp-message-thread-list li .message-content ul,
.bp-messages-content #thread-preview .preview-message blockquote,
.bp-messages-content #thread-preview .preview-message ol,
.bp-messages-content #thread-preview .preview-message ul {
    list-style-position: inside;
    margin-left: 0;
}

.bp-messages-content #thread-preview:empty,
.bp-messages-content ul#message-threads:empty {
    display: none;
}

.bp-messages-content #bp-message-thread-header h2:first-child,
.bp-messages-content #thread-preview h2:first-child {
    background-color: #eaeaea;
    color: #555;
    font-weight: 700;
    margin: 0;
    padding: 0.5em;
}

.bp-messages-content #bp-message-thread-list li a.user-link,
.bp-messages-content #message-threads .thread-content a {
    border: 0;
    text-decoration: none;
}

.bp-messages-content .standard-form #subject {
    margin-bottom: 20px;
}

div.bp-navs#subsubnav.bp-messages-filters .user-messages-bulk-actions {
    margin-right: 15px;
    max-width: 42.5%;
}

.buddypress.settings .profile-settings.bp-tables-user select {
    width: 100%;
}

body.buddypress.settings .wp-pwd button {
    vertical-align: middle;
}

body.buddypress.settings #pass-strength-result,
body.buddypress.settings #pass1,
body.buddypress.settings #pass1-text {
    width: 16em;
}

body.buddypress.settings #pass1 {
    display: inline-block;
    margin-bottom: inherit;
}

body.buddypress.settings #pass-strength-result,
body.buddypress.settings #pass1-text,
body.buddypress.settings .pw-weak {
    display: none;
}

body.buddypress.settings .show-password #pass1-text {
    display: inline-block;
    margin-bottom: inherit;
}

body.buddypress.settings .show-password #pass1 {
    display: none;
}

body.buddypress.settings #your-profile #submit:disabled {
    color: #767676;
    opacity: 0.4;
}

body.buddypress.settings.js .user-pass2-wrap,
body.buddypress.settings.js .wp-pwd {
    display: none;
}

body.buddypress.settings.no-js .wp-cancel-pw,
body.buddypress.settings.no-js .wp-generate-pw,
body.buddypress.settings.no-js .wp-hide-pw {
    display: none;
}

body.buddypress.settings.data #buddypress.buddypress-wrap .item-body p a {
    text-decoration: underline;
}

.buddypress-wrap #whats-new-post-in-box select,
.buddypress-wrap .filter select {
    border: 1px solid #d6d6d6;
}

.buddypress-wrap input.action[disabled] {
    cursor: pointer;
    opacity: 0.4;
}

.buddypress-wrap #invitation-bulk-manage[disabled],
.buddypress-wrap #notification-bulk-manage[disabled] {
    display: none;
}

.buddypress-wrap fieldset legend {
    font-size: inherit;
    font-weight: 600;
}

.modal-body .form-group {
    margin-bottom: 15px;
}

.buddypress-wrap textarea {
    resize: vertical;
}

.buddypress-wrap .standard-form .bp-controls-wrap {
    margin: 1em 0;
}

.buddypress-wrap .standard-form .groups-members-search input[type="search"],
.buddypress-wrap .standard-form .groups-members-search input[type="text"],
.buddypress-wrap .standard-form [data-bp-search] input[type="search"],
.buddypress-wrap .standard-form [data-bp-search] input[type="text"],
.buddypress-wrap .standard-form input[type="color"],
.buddypress-wrap .standard-form input[type="date"],
.buddypress-wrap .standard-form input[type="datetime-local"],
.buddypress-wrap .standard-form input[type="datetime"],
.buddypress-wrap .standard-form input[type="email"],
.buddypress-wrap .standard-form input[type="month"],
.buddypress-wrap .standard-form input[type="number"],
.buddypress-wrap .standard-form input[type="password"],
.buddypress-wrap .standard-form input[type="range"],
.buddypress-wrap .standard-form input[type="search"],
.buddypress-wrap .standard-form input[type="tel"],
.buddypress-wrap .standard-form input[type="text"],
.buddypress-wrap .standard-form input[type="time"],
.buddypress-wrap .standard-form input[type="url"],
.buddypress-wrap .standard-form input[type="week"],
.buddypress-wrap .standard-form select,
.buddypress-wrap .standard-form textarea {
    background-color: #fafafa;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    font: inherit;
    font-size: 100%;
    padding: 0.5em;
}

.buddypress-wrap .standard-form input[required],
.buddypress-wrap .standard-form select[required],
.buddypress-wrap .standard-form textarea[required] {
    box-shadow: none;
    border-width: 2px;
    outline: 0;
}

.buddypress-wrap .standard-form input[required]:invalid,
.buddypress-wrap .standard-form select[required]:invalid,
.buddypress-wrap .standard-form textarea[required]:invalid {
    border-color: #b71717;
}

.buddypress-wrap .standard-form input[required]:valid,
.buddypress-wrap .standard-form select[required]:valid,
.buddypress-wrap .standard-form textarea[required]:valid {
    border-color: #91cc2c;
}

.buddypress-wrap .standard-form input[required]:focus,
.buddypress-wrap .standard-form select[required]:focus,
.buddypress-wrap .standard-form textarea[required]:focus {
    border-color: #d6d6d6;
    border-width: 1px;
}

.buddypress-wrap .standard-form input.invalid[required],
.buddypress-wrap .standard-form select.invalid[required],
.buddypress-wrap .standard-form textarea.invalid[required] {
    border-color: #b71717;
}

.buddypress-wrap .standard-form input:not(.small),
.buddypress-wrap .standard-form textarea {
    width: 100%;
}

.buddypress-wrap .standard-form input[type="checkbox"],
.buddypress-wrap .standard-form input[type="radio"] {
    margin-right: 5px;
    width: auto;
}

.buddypress-wrap .standard-form select {
    padding: 3px;
}

.buddypress-wrap .standard-form textarea {
    height: 120px;
}

.buddypress-wrap .standard-form textarea#message_content {
    height: 200px;
}

.buddypress-wrap .standard-form input[type="password"] {
    margin-bottom: 5px;
}

.buddypress-wrap .standard-form input:focus,
.buddypress-wrap .standard-form select:focus,
.buddypress-wrap .standard-form textarea:focus {
    background-color: #fafafa;
    color: #555;
    outline: 0;
}

.buddypress-wrap .standard-form label,
.buddypress-wrap .standard-form span.label {
    display: block;
    font-weight: 600;
    margin: 15px 0 5px;
    width: auto;
}

.buddypress-wrap .standard-form a.clear-value {
    display: block;
    margin-top: 5px;
    outline: 0;
}

.buddypress-wrap .standard-form .submit {
    clear: both;
    padding: 15px 0 0;
}

.buddypress-wrap .standard-form p.submit {
    margin-bottom: 0;
}

.buddypress-wrap .standard-form div.submit input {
    margin-right: 15px;
}

.buddypress-wrap .standard-form #invite-list label,
.buddypress-wrap .standard-form p label {
    font-weight: 400;
    margin: auto;
}

.buddypress-wrap .standard-form p.description {
    color: #737373;
    margin: 5px 0;
}

.buddypress-wrap .standard-form div.checkbox label:nth-child(n + 2),
.buddypress-wrap .standard-form div.radio div label {
    color: #737373;
    font-size: 100%;
    font-weight: 400;
    margin: 5px 0 0;
}

.buddypress-wrap .standard-form#send-reply textarea {
    width: 97.5%;
}

.buddypress-wrap .standard-form#sidebar-login-form label {
    margin-top: 5px;
}

.buddypress-wrap .standard-form#sidebar-login-form input[type="password"],
.buddypress-wrap .standard-form#sidebar-login-form input[type="text"] {
    padding: 4px;
    width: 95%;
}

.buddypress-wrap .standard-form.profile-edit input:focus {
    background: #fff;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .standard-form .left-menu {
        float: left;
    }

    .buddypress-wrap .standard-form #invite-list ul {
        list-style: none;
        margin: 1%;
    }

    .buddypress-wrap .standard-form #invite-list ul li {
        margin: 0 0 0 1%;
    }

    .buddypress-wrap .standard-form .main-column {
        margin-left: 190px;
    }

    .buddypress-wrap .standard-form .main-column ul#friend-list {
        clear: none;
        float: left;
    }

    .buddypress-wrap .standard-form .main-column ul#friend-list h4 {
        clear: none;
    }
}

.buddypress-wrap .standard-form .bp-tables-user label {
    margin: 0;
}

.buddypress-wrap .signup-form label,
.buddypress-wrap .signup-form legend {
    font-weight: 400;
}

body.no-js .buddypress #delete_inbox_messages,
body.no-js .buddypress #delete_sentbox_messages,
body.no-js .buddypress #message-type-select,
body.no-js .buddypress #messages-bulk-management #select-all-messages,
body.no-js .buddypress #notifications-bulk-management #select-all-notifications,
body.no-js .buddypress label[for="message-type-select"] {
    display: none;
}

.buddypress-wrap .wp-editor-wrap .wp-editor-wrap button,
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type="button"],
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type="submit"],
.buddypress-wrap .wp-editor-wrap a.button,
.buddypress-wrap .wp-editor-wrap input[type="reset"] {
    padding: 0 8px 1px;
}

.buddypress-wrap .select-wrap {
    border: 1px solid #eee;
}

.buddypress-wrap .select-wrap label {
    display: inline;
}

.buddypress-wrap .select-wrap select::-ms-expand {
    display: none;
}

.buddypress-wrap .select-wrap select {
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    margin-right: -25px;
    padding: 6px 25px 6px 10px;
    position: relative;
    text-indent: -2px;
    z-index: 1;
    width: auto;
}

.buddypress-wrap .select-wrap select,
.buddypress-wrap .select-wrap select:active,
.buddypress-wrap .select-wrap select:focus {
    background: 0 0;
}

.buddypress-wrap .select-wrap span.select-arrow {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.buddypress-wrap .select-wrap span.select-arrow:before {
    color: #ccc;
    content: "\25BC";
}

.buddypress-wrap .select-wrap:focus .select-arrow:before,
.buddypress-wrap .select-wrap:hover .select-arrow:before {
    color: #a6a6a6;
}

.buddypress-wrap .bp-search form:focus,
.buddypress-wrap .bp-search form:hover,
.buddypress-wrap .select-wrap:focus,
.buddypress-wrap .select-wrap:hover {
    border: 1px solid #d5d4d4;
    box-shadow: inset 0 0 3px #eee;
}

@media screen and (min-width: 32em) {

    .buddypress-wrap .invitations-options-nav .select-wrap,
    .buddypress-wrap .notifications-options-nav .select-wrap {
        float: left;
    }
}

.buddypress-wrap .bp-dir-search-form,
.buddypress-wrap .bp-messages-search-form:after,
.buddypress-wrap .bp-messages-search-form:before {
    content: " ";
    display: table;
}

.buddypress-wrap .bp-dir-search-form,
.buddypress-wrap .bp-messages-search-form:after {
    clear: both;
}

.buddypress-wrap form#group-members-search,
.buddypress-wrap form.bp-dir-search-form,
.buddypress-wrap form.bp-messages-search-form,
.buddypress-wrap form[data-bp-search].bp-invites-search-form {
    border: 1px solid #eee;
    width: 100%;
}

.buddypress-wrap form#group-members-search label,
.buddypress-wrap form.bp-dir-search-form label,
.buddypress-wrap form.bp-messages-search-form label,
.buddypress-wrap form[data-bp-search].bp-invites-search-form label {
    margin: 0;
}

.buddypress-wrap form#group-members-search button[type="submit"],
.buddypress-wrap form#group-members-search input[type="search"],
.buddypress-wrap form#group-members-search input[type="text"],
.buddypress-wrap form.bp-dir-search-form button[type="submit"],
.buddypress-wrap form.bp-dir-search-form input[type="search"],
.buddypress-wrap form.bp-dir-search-form input[type="text"],
.buddypress-wrap form.bp-messages-search-form button[type="submit"],
.buddypress-wrap form.bp-messages-search-form input[type="search"],
.buddypress-wrap form.bp-messages-search-form input[type="text"],
.buddypress-wrap form[data-bp-search].bp-invites-search-form button[type="submit"],
.buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="search"],
.buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="text"] {
    background: 0 0;
    border: 0;
    border-radius: 0;
    background-clip: padding-box;
}

.buddypress-wrap form#group-members-search input[type="search"],
.buddypress-wrap form#group-members-search input[type="text"],
.buddypress-wrap form.bp-dir-search-form input[type="search"],
.buddypress-wrap form.bp-dir-search-form input[type="text"],
.buddypress-wrap form.bp-messages-search-form input[type="search"],
.buddypress-wrap form.bp-messages-search-form input[type="text"],
.buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="search"],
.buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="text"] {
    float: left;
    line-height: 2;
    padding: 3px 10px;
    width: 78%;
}

.buddypress-wrap form#group-members-search button[type="submit"],
.buddypress-wrap form.bp-dir-search-form button[type="submit"],
.buddypress-wrap form.bp-messages-search-form button[type="submit"],
.buddypress-wrap form[data-bp-search].bp-invites-search-form button[type="submit"] {
    float: right;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    padding: 3px 0.7em;
    text-align: center;
    text-transform: none;
    width: 20%;
}

.buddypress-wrap form#group-members-search button[type="submit"] span,
.buddypress-wrap form.bp-dir-search-form button[type="submit"] span,
.buddypress-wrap form.bp-messages-search-form button[type="submit"] span,
.buddypress-wrap form[data-bp-search].bp-invites-search-form button[type="submit"] span {
    font-family: dashicons;
    font-size: 18px;
    line-height: 1.6;
}

.buddypress-wrap form#group-members-search button[type="submit"].bp-show,
.buddypress-wrap form.bp-dir-search-form button[type="submit"].bp-show,
.buddypress-wrap form.bp-messages-search-form button[type="submit"].bp-show,
.buddypress-wrap form[data-bp-search].bp-invites-search-form button[type="submit"].bp-show {
    height: auto;
    left: 0;
    overflow: visible;
    position: static;
    top: 0;
}

.buddypress-wrap form#group-members-search input[type="search"]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-dir-search-form input[type="search"]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-messages-search-form input[type="search"]::-webkit-search-cancel-button,
.buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.buddypress-wrap form#group-members-search input[type="search"]::-webkit-search-results-button,
.buddypress-wrap form#group-members-search input[type="search"]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-dir-search-form input[type="search"]::-webkit-search-results-button,
.buddypress-wrap form.bp-dir-search-form input[type="search"]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-messages-search-form input[type="search"]::-webkit-search-results-button,
.buddypress-wrap form.bp-messages-search-form input[type="search"]::-webkit-search-results-decoration,
.buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="search"]::-webkit-search-results-button,
.buddypress-wrap form[data-bp-search].bp-invites-search-form input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.buddypress-wrap form#group-members-search:hover {
    border: 1px solid #d5d4d4;
    box-shadow: inset 0 0 3px #eee;
}

.buddypress-wrap ul.filters li form label input {
    line-height: 1.4;
    padding: 0.1em 0.7em;
}

.buddypress-wrap .current-group-type,
.buddypress-wrap .current-member-type {
    font-style: italic;
}

.buddypress-wrap .dir-form {
    clear: both;
}

.budypress.no-js form.bp-dir-search-form button[type="submit"] {
    height: auto;
    left: 0;
    overflow: visible;
    position: static;
    top: 0;
}

.bp-user [data-bp-search] form input[type="search"],
.bp-user [data-bp-search] form input[type="text"] {
    padding: 6px 10px 7px;
}

.buddypress-wrap .bp-tables-user,
.buddypress-wrap table.forum,
.buddypress-wrap table.wp-profile-fields {
    width: 100%;
}

.buddypress-wrap .bp-tables-user thead tr,
.buddypress-wrap table.forum thead tr,
.buddypress-wrap table.wp-profile-fields thead tr {
    background: 0 0;
    border-bottom: 2px solid #ccc;
}

.buddypress-wrap .bp-tables-user tbody tr,
.buddypress-wrap table.forum tbody tr,
.buddypress-wrap table.wp-profile-fields tbody tr {
    background: #fafafa;
}

.buddypress-wrap .bp-tables-user tr td,
.buddypress-wrap .bp-tables-user tr th,
.buddypress-wrap table.forum tr td,
.buddypress-wrap table.forum tr th,
.buddypress-wrap table.wp-profile-fields tr td,
.buddypress-wrap table.wp-profile-fields tr th {
    padding: 0.5em;
    vertical-align: middle;
}

.buddypress-wrap .bp-tables-user tr td.label,
.buddypress-wrap table.forum tr td.label,
.buddypress-wrap table.wp-profile-fields tr td.label {
    border-right: 1px solid #eaeaea;
    font-weight: 600;
    width: 25%;
}

.buddypress-wrap .bp-tables-user tr.alt td,
.buddypress-wrap table.wp-profile-fields tr.alt td {
    background: #fafafa;
}

.buddypress-wrap table.profile-fields .data {
    padding: 0.5em 1em;
}

.buddypress-wrap table.profile-fields tr:last-child {
    border-bottom: none;
}

.buddypress-wrap table.notifications td {
    padding: 1em 0.5em;
}

.buddypress-wrap table.notifications .bulk-select-all,
.buddypress-wrap table.notifications .bulk-select-check {
    width: 7%;
}

.buddypress-wrap table.notifications .bulk-select-check {
    vertical-align: middle;
}

.buddypress-wrap table.notifications .date,
.buddypress-wrap table.notifications .notification-description,
.buddypress-wrap table.notifications .notification-since,
.buddypress-wrap table.notifications .title {
    width: 39%;
}

.buddypress-wrap table.notifications .actions,
.buddypress-wrap table.notifications .notification-actions {
    width: 15%;
}

.buddypress-wrap table.notification-settings th.title,
.buddypress-wrap table.profile-settings th.title {
    width: 80%;
}

.buddypress-wrap table.notifications .notification-actions a.delete,
.buddypress-wrap table.notifications .notification-actions a.mark-read {
    display: inline-block;
}

.buddypress-wrap table.notification-settings {
    margin-bottom: 15px;
    text-align: left;
}

.buddypress-wrap #groups-notification-settings {
    margin-bottom: 0;
}

.buddypress-wrap table.notification-settings td:first-child,
.buddypress-wrap table.notification-settings th.icon,
.buddypress-wrap table.notifications td:first-child,
.buddypress-wrap table.notifications th.icon {
    display: none;
}

.buddypress-wrap table.notification-settings .no,
.buddypress-wrap table.notification-settings .yes {
    text-align: center;
    width: 40px;
    vertical-align: middle;
}

.buddypress-wrap table#message-threads {
    clear: both;
}

.buddypress-wrap table#message-threads .thread-info {
    min-width: 40%;
}

.buddypress-wrap table#message-threads .thread-info p {
    margin: 0;
}

.buddypress-wrap table#message-threads .thread-info p.thread-excerpt {
    color: #737373;
    font-size: 12px;
    margin-top: 3px;
}

.buddypress-wrap table.profile-fields {
    margin-bottom: 20px;
}

.buddypress-wrap table.profile-fields:last-child {
    margin-bottom: 0;
}

.buddypress-wrap table.profile-fields p {
    margin: 0;
}

.buddypress-wrap table.profile-fields p:last-child {
    margin-top: 0;
}

.bp-screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-vert {
    display: flex;
    align-items: center;
}

.bp-hide {
    display: none;
}

.bp-show {
    height: auto;
    left: 0;
    overflow: visible;
    position: static;
    top: 0;
}

.buddypress .buddypress-wrap a.button.dashicons,
.buddypress .buddypress-wrap button.dashicons {
    font-family: dashicons;
}

.buddypress .buddypress-wrap .button-small[type="button"] {
    padding: 0 8px 1px;
}

.buddypress .buddypress-wrap a.disabled,
.buddypress .buddypress-wrap button.disabled,
.buddypress .buddypress-wrap button.pending,
.buddypress .buddypress-wrap div.pending a,
.buddypress .buddypress-wrap input[type="button"].disabled,
.buddypress .buddypress-wrap input[type="button"].pending,
.buddypress .buddypress-wrap input[type="reset"].disabled,
.buddypress .buddypress-wrap input[type="reset"].pending,
.buddypress .buddypress-wrap input[type="submit"].pending,
.buddypress .buddypress-wrap input[type="submit"]:disabled,
.buddypress .buddypress-wrap input[type="submit"][disabled="disabled"] {
    border-color: #eee;
    color: #767676;
    cursor: default;
}

.buddypress .buddypress-wrap a.disabled:hover,
.buddypress .buddypress-wrap button.disabled:hover,
.buddypress .buddypress-wrap button.pending:hover,
.buddypress .buddypress-wrap div.pending a:hover,
.buddypress .buddypress-wrap input[type="button"]:hover.disabled,
.buddypress .buddypress-wrap input[type="button"]:hover.pending,
.buddypress .buddypress-wrap input[type="reset"]:hover.disabled,
.buddypress .buddypress-wrap input[type="reset"]:hover.pending,
.buddypress .buddypress-wrap input[type="submit"]:hover.disabled,
.buddypress .buddypress-wrap input[type="submit"]:hover.pending {
    border-color: #eee;
    color: #767676;
}

.buddypress .buddypress-wrap button.text-button,
.buddypress .buddypress-wrap input.text-button {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #767676;
}

.buddypress .buddypress-wrap button.text-button.small,
.buddypress .buddypress-wrap input.text-button.small {
    font-size: 13px;
}

.buddypress .buddypress-wrap button.text-button:focus,
.buddypress .buddypress-wrap button.text-button:hover,
.buddypress .buddypress-wrap input.text-button:focus,
.buddypress .buddypress-wrap input.text-button:hover {
    background: 0 0;
    text-decoration: underline;
}

.buddypress .buddypress-wrap .activity-list a.button {
    border: none;
}

.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.invite-button:hover {
    color: #1fb3dd;
}

.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.group-remove-invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected a.group-remove-invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected a.invite-button:hover {
    color: #a00;
}

.buddypress .buddypress-wrap #item-buttons:empty {
    display: none;
}

.buddypress .buddypress-wrap input:disabled:focus,
.buddypress .buddypress-wrap input:disabled:hover {
    background: 0 0;
}

.buddypress .buddypress-wrap .text-links-list a.button {
    background: 0 0;
    border: none;
    border-right: 1px solid #eee;
    color: #737373;
    display: inline-block;
    padding: 0.3em 1em;
}

.buddypress .buddypress-wrap .text-links-list a.button:visited {
    color: #d6d6d6;
}

.buddypress .buddypress-wrap .text-links-list a.button:focus,
.buddypress .buddypress-wrap .text-links-list a.button:hover {
    color: #5087e5;
}

.buddypress .buddypress-wrap .text-links-list a:first-child {
    padding-left: 0;
}

.buddypress .buddypress-wrap .text-links-list a:last-child {
    border-right: none;
}

.buddypress .buddypress-wrap .bp-list.grid .action a,
.buddypress .buddypress-wrap .bp-list.grid .action button {
    border: 1px solid #ccc;
    display: block;
    margin: 0;
}

.buddypress .buddypress-wrap .bp-list.grid .action a:focus,
.buddypress .buddypress-wrap .bp-list.grid .action a:hover,
.buddypress .buddypress-wrap .bp-list.grid .action button:focus,
.buddypress .buddypress-wrap .bp-list.grid .action button:hover {
    background: #ededed;
}

.buddypress #buddypress .create-button {
    background: 0 0;
    text-align: center;
}

.buddypress #buddypress .create-button a:focus,
.buddypress #buddypress .create-button a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 46.8em) {
    .buddypress #buddypress .create-button {
        float: right;
    }
}

.buddypress #buddypress .create-button a {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: inset 0 0 6px 0 #eaeaea;
    margin: 0.2em 0;
    width: auto;
}

.buddypress #buddypress .create-button a:focus,
.buddypress #buddypress .create-button a:hover {
    background: 0 0;
    border-color: #ccc;
    box-shadow: inset 0 0 12px 0 #eaeaea;
}

@media screen and (min-width: 46.8em) {
    .buddypress #buddypress.bp-dir-vert-nav .create-button {
        float: none;
        padding-top: 2em;
    }

    .buddypress #buddypress.bp-dir-vert-nav .create-button a {
        margin-right: 0.5em;
    }
}

.buddypress #buddypress.bp-dir-hori-nav .create-button {
    float: left;
}

.buddypress #buddypress.bp-dir-hori-nav .create-button a,
.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
    background: 0 0;
    border: 0;
    box-shadow: none;
    margin: 0;
}

.buddypress-wrap button.ac-reply-cancel,
.buddypress-wrap button.bp-icons {
    background: 0 0;
    border: 0;
}

.buddypress-wrap button.bp-icons:focus,
.buddypress-wrap button.bp-icons:hover {
    background: 0 0;
}

.buddypress-wrap button.ac-reply-cancel:focus,
.buddypress-wrap button.ac-reply-cancel:hover {
    background: 0 0;
    text-decoration: underline;
}

.buddypress-wrap .bp-invites-content li .invite-button span.icons:before,
.buddypress-wrap .bp-invites-filters .invite-button span.icons:before,
.buddypress-wrap .bp-messages-filters li a.messages-button:before,
.buddypress-wrap .feed a:before,
.buddypress-wrap .filter label:before {
    font-family: dashicons;
    font-size: 18px;
}

.buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
    font-size: 27px;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
        font-size: 32px;
    }
}

.buddypress-wrap .bp-list a.button.invite-button:focus,
.buddypress-wrap .bp-list a.button.invite-button:hover {
    background: 0 0;
}

.buddypress-wrap .filter label:before {
    content: "\f536";
}

.buddypress-wrap div.feed a:before,
.buddypress-wrap li.feed a:before {
    content: "\f303";
}

.buddypress-wrap ul.item-list li .invite-button:not(.group-remove-invite-button) span.icons:before {
    content: "\f502";
}

.buddypress-wrap ul.item-list li .group-remove-invite-button span.icons:before,
.buddypress-wrap ul.item-list li.selected .invite-button span.icons:before {
    content: "\f153";
}

.buddypress-wrap .bp-invites-filters ul li #bp-invites-next-page:before,
.buddypress-wrap .bp-messages-filters ul li #bp-messages-next-page:before {
    content: "\f345";
}

.buddypress-wrap .bp-invites-filters ul li #bp-invites-prev-page:before,
.buddypress-wrap .bp-messages-filters ul li #bp-messages-prev-page:before {
    content: "\f341";
}

.buddypress-wrap .warn {
    color: #b71717;
}

.buddypress-wrap .bp-messages {
    border: 1px solid #ccc;
    margin: 0 0 15px;
}

.buddypress-wrap .bp-messages .sitewide-notices {
    display: block;
    margin: 5px;
    padding: 0.5em;
}

.buddypress-wrap .bp-messages.info {
    margin-bottom: 0;
}

.buddypress-wrap .bp-messages.updated {
    clear: both;
    display: block;
}

.buddypress-wrap .bp-messages.bp-user-messages-feedback {
    border: 0;
}

.buddypress-wrap #group-create-body .bp-cover-image-status p.warning {
    background: #0b80a4;
    border: 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
}

.buddypress-wrap .bp-feedback:not(.custom-homepage-info) {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: stretch;
    align-items: center;
}

.buddypress-wrap .bp-feedback {
    background: #fff;
    color: #807f7f;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    color: #737373;
    margin: 10px 0;
    position: relative;
}

.buddypress-wrap .bp-feedback p {
    margin: 0;
}

.buddypress-wrap .bp-feedback span.bp-icon {
    color: #fff;
    display: block;
    font-family: dashicons;
    left: 0;
    margin-right: 10px;
    position: relative;
    padding: 0 0.5em;
}

.buddypress-wrap .bp-feedback .bp-help-text {
    font-style: italic;
}

.buddypress-wrap .bp-feedback .text {
    font-size: 14px;
    margin: 0;
    padding: 0.5em 0;
}

.buddypress-wrap .bp-feedback.no-icon {
    padding: 0.5em;
}

.buddypress-wrap .bp-feedback.small:before {
    line-height: inherit;
}

.buddypress-wrap a[data-bp-close] span:before,
.buddypress-wrap button[data-bp-close] span:before {
    font-size: 32px;
}

.buddypress-wrap a[data-bp-close],
.buddypress-wrap button[data-bp-close] {
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
}

.buddypress-wrap .bp-feedback.no-icon a[data-bp-close],
.buddypress-wrap .bp-feedback.no-icon button[data-bp-close] {
    top: -6px;
    right: 6px;
}

.buddypress-wrap button[data-bp-close]:hover {
    background-color: transparent;
}

.buddypress-wrap .bp-feedback p {
    margin: 0;
}

.buddypress-wrap .bp-feedback .bp-icon {
    font-size: 20px;
    padding: 0 2px;
}

.buddypress-wrap .bp-feedback.bp-sitewide-notice .bp-icon,
.buddypress-wrap .bp-feedback.error .bp-icon,
.buddypress-wrap .bp-feedback.help .bp-icon,
.buddypress-wrap .bp-feedback.info .bp-icon,
.buddypress-wrap .bp-feedback.loading .bp-icon,
.buddypress-wrap .bp-feedback.success .bp-icon,
.buddypress-wrap .bp-feedback.updated .bp-icon,
.buddypress-wrap .bp-feedback.warning .bp-icon {
    display: flex;
    align-items: center;
    align-self: stretch;
}

.buddypress-wrap .bp-feedback.help .bp-icon,
.buddypress-wrap .bp-feedback.info .bp-icon {
    background-color: #0b80a4;
}

.buddypress-wrap .bp-feedback.help .bp-icon:before,
.buddypress-wrap .bp-feedback.info .bp-icon:before {
    content: "\f348";
}

.buddypress-wrap .bp-feedback.error .bp-icon,
.buddypress-wrap .bp-feedback.warning .bp-icon {
    background-color: #d33;
}

.buddypress-wrap .bp-feedback.error .bp-icon:before,
.buddypress-wrap .bp-feedback.warning .bp-icon:before {
    content: "\f534";
}

.buddypress-wrap .bp-feedback.loading .bp-icon {
    background-color: #ffd087;
}

.buddypress-wrap .bp-feedback.loading .bp-icon:before {
    content: "\f469";
}

.buddypress-wrap .bp-feedback.success .bp-icon,
.buddypress-wrap .bp-feedback.updated .bp-icon {
    background-color: #8a2;
}

.buddypress-wrap .bp-feedback.success .bp-icon:before,
.buddypress-wrap .bp-feedback.updated .bp-icon:before {
    content: "\f147";
}

.buddypress-wrap .bp-feedback.help .bp-icon:before {
    content: "\f468";
}

.buddypress-wrap #pass-strength-result {
    background-color: #eee;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    display: none;
    font-weight: 700;
    margin: 10px 0 10px 0;
    padding: 0.5em;
    text-align: center;
    width: auto;
}

.buddypress-wrap #pass-strength-result.show {
    display: block;
}

.buddypress-wrap #pass-strength-result.mismatch {
    background-color: #333;
    border-color: transparent;
    color: #fff;
}

.buddypress-wrap #pass-strength-result.bad,
.buddypress-wrap #pass-strength-result.error {
    background-color: #ffb78c;
    border-color: #ff853c;
    color: #333;
}

.buddypress-wrap #pass-strength-result.short {
    background-color: #ffa0a0;
    border-color: #f04040;
    color: #333;
}

.buddypress-wrap #pass-strength-result.good {
    background-color: #ffec8b;
    border-color: #fc0;
    color: #333;
}

.buddypress-wrap #pass-strength-result.strong {
    background-color: #66d66e;
    border-color: #438c48;
    color: #333;
}

.buddypress-wrap .standard-form#signup_form div div.error {
    background: #faa;
    color: #a00;
    margin: 0 0 10px 0;
    padding: 0.5em;
    width: 90%;
}

.buddypress-wrap .accept,
.buddypress-wrap .reject {
    float: left;
    margin-left: 10px;
}

.buddypress-wrap .members-list.grid .bp-ajax-message {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    font-size: 14px;
    left: 2%;
    position: absolute;
    padding: 0.5em 1em;
    right: 2%;
    top: 30px;
}

body.create-blog #buddypress .error,
body.create-blog #buddypress .success {
    background: #fff;
    color: #807f7f;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    color: #737373;
    padding: 10px 15px;
    background-color: #fff;
}

body.create-blog #buddypress .error {
    border-left: 4px solid #d33;
}

body.create-blog #buddypress .success {
    border-left: 4px solid #8a2;
}

.buddypress.widget .item-options {
    font-size: 12px;
    margin: 0 0 1em;
    padding: 1em 0;
}

.buddypress.widget .bp-login-widget-user-avatar {
    float: left;
}

.buddypress.widget .bp-login-widget-user-links {
    margin-left: 70px;
}

.buddypress.widget ul.item-list {
    list-style: none;
    margin: 10px 0;
}

.buddypress.widget ul.activity-list {
    padding: 0;
}

.buddypress.widget ul.activity-list blockquote {
    margin: 0 0 1.5em;
    overflow: visible;
    padding: 0 0 0.75em 0.75em;
}

.buddypress.widget ul.activity-list img {
    margin-bottom: 0.5em;
}

.buddypress.widget ul.activity-list li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

.buddypress.widget ul.activity-list li .activity-header p {
    margin-bottom: 0.5em;
}

.buddypress.widget ul.activity-list li:last-child {
    border-bottom: 0;
}

.buddypress.widget div.activity-list blockquote {
    padding: 0;
    border: none;
}

.buddypress.widget div.activity-list blockquote .activity-item:not(.mini) {
    position: relative;
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.15);
    padding: 0 1em;
}

.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):after,
.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):before {
    position: absolute;
    left: 15px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    content: "";
}

.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):before {
    bottom: -18px;
    border-top-color: rgba(0, 0, 0, 0.15);
    border-width: 9px;
    left: 14px;
}

.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):after {
    bottom: -16px;
    border-top-color: #fff;
    border-width: 8px;
}

.buddypress.widget div.activity-list blockquote .activity-item.mini .avatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 2px;
}

.buddypress.widget div.activity-list footer {
    display: flex;
    align-items: center;
}

.buddypress.widget div.activity-list footer img.avatar {
    display: inline-block;
    border: none;
    margin-right: 0.5em;
}

.buddypress.widget div.activity-list footer .activity-time-since {
    font-size: 90%;
}

.buddypress.widget .avatar-block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
}

.buddypress.widget .avatar-block img {
    margin: 0.5em;
}

.buddypress.widget ul#friends-list li:after,
.buddypress.widget ul#friends-list li:before,
.buddypress.widget ul#groups-list li:after,
.buddypress.widget ul#groups-list li:before,
.buddypress.widget ul#members-list li:after,
.buddypress.widget ul#members-list li:before {
    content: " ";
    display: table;
}

.buddypress.widget ul#friends-list li:after,
.buddypress.widget ul#groups-list li:after,
.buddypress.widget ul#members-list li:after {
    clear: both;
}

.buddypress.widget ul#friends-list li,
.buddypress.widget ul#groups-list li,
.buddypress.widget ul#members-list li {
    margin-bottom: 1em;
}

.buddypress.widget ul#friends-list li .item-avatar,
.buddypress.widget ul#groups-list li .item-avatar,
.buddypress.widget ul#members-list li .item-avatar {
    float: left;
    width: 60px;
}

.buddypress.widget ul#friends-list li .item,
.buddypress.widget ul#groups-list li .item,
.buddypress.widget ul#members-list li .item {
    margin-left: 70px;
}

.buddypress-wrap .buddypress.widget ul#friends-list,
.buddypress-wrap .buddypress.widget ul#groups-list,
.buddypress-wrap .buddypress.widget ul#members-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

@media screen and (min-width: 32em) {

    .buddypress-wrap .buddypress.widget ul#friends-list,
    .buddypress-wrap .buddypress.widget ul#groups-list,
    .buddypress-wrap .buddypress.widget ul#members-list {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -o-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

.buddypress-wrap .buddypress.widget ul#friends-list li,
.buddypress-wrap .buddypress.widget ul#groups-list li,
.buddypress-wrap .buddypress.widget ul#members-list li {
    border: 1px solid #eee;
    align-items: stretch;
    -moz-flex: 1 1 46%;
    -o-flex: 1 1 46%;
    flex: 1 1 46%;
    margin: 2%;
}

@media screen and (min-width: 75em) {

    .buddypress-wrap .buddypress.widget ul#friends-list li,
    .buddypress-wrap .buddypress.widget ul#groups-list li,
    .buddypress-wrap .buddypress.widget ul#members-list li {
        -moz-flex: 0 1 20%;
        -o-flex: 0 1 20%;
        flex: 0 1 20%;
    }
}

.buddypress-wrap .buddypress.widget ul#friends-list li .item-avatar,
.buddypress-wrap .buddypress.widget ul#groups-list li .item-avatar,
.buddypress-wrap .buddypress.widget ul#members-list li .item-avatar {
    padding: 0.5em;
    text-align: center;
}

.buddypress-wrap .buddypress.widget ul#friends-list li .item,
.buddypress-wrap .buddypress.widget ul#groups-list li .item,
.buddypress-wrap .buddypress.widget ul#members-list li .item {
    padding: 0.5em;
}

.buddypress-wrap .buddypress.widget ul#friends-list li .item .item-meta,
.buddypress-wrap .buddypress.widget ul#groups-list li .item .item-meta,
.buddypress-wrap .buddypress.widget ul#members-list li .item .item-meta {
    font-size: 12px;
    overflow-wrap: break-word;
}

@media screen and (min-width: 75em) {

    .buddypress-wrap .buddypress.widget ul#friends-list,
    .buddypress-wrap .buddypress.widget ul#groups-list,
    .buddypress-wrap .buddypress.widget ul#members-list {
        margin: 10px -2%;
        width: 100%;
    }

    .buddypress-wrap .buddypress.widget ul#friends-list li,
    .buddypress-wrap .buddypress.widget ul#groups-list li,
    .buddypress-wrap .buddypress.widget ul#members-list li {
        -moz-flex: 0 1 auto;
        -o-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 10px 2% 1%;
        width: 46%;
    }
}

.buddypress-wrap .buddypress.widget blockquote {
    margin: 0 0 1.5em;
    overflow: visible;
    padding: 0 0 0.75em 0.75em;
}

#buddypress-wrap * {
    transition: opacity 0.1s ease-in-out 0.1s;
}

#buddypress-wrap a.button,
#buddypress-wrap a.generic-button,
#buddypress-wrap button,
#buddypress-wrap input[type="reset"],
#buddypress-wrap input[type="submit"] {
    transition: background 0.1s ease-in-out 0.1s, color 0.1s ease-in-out 0.1s,
        border-color 0.1s ease-in-out 0.1s;
}

.buddypress-wrap a.loading,
.buddypress-wrap input.loading {
    animation: loader-pulsate 0.5s infinite ease-in-out alternate;
    border-color: #aaa;
}

@keyframes loader-pulsate {
    from {
        border-color: #aaa;
        box-shadow: 0 0 6px #ccc;
    }

    to {
        border-color: #ccc;
        box-shadow: 0 0 6px #f8f8f8;
    }
}

.buddypress-wrap a.loading:hover,
.buddypress-wrap input.loading:hover {
    color: #777;
}

[data-bp-tooltip] {
    position: relative;
}

[data-bp-tooltip]:after {
    background-color: #fff;
    display: none;
    opacity: 0;
    position: absolute;
    transform: translate3d(0, 0, 0);
    visibility: hidden;
}

[data-bp-tooltip]:after {
    border: 1px solid #737373;
    border-radius: 1px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    color: #333;
    content: attr(data-bp-tooltip);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.25;
    max-width: 200px;
    padding: 5px 8px;
    pointer-events: none;
    text-shadow: none;
    text-transform: none;
    transition: all 1.5s ease;
    white-space: nowrap;
    word-wrap: break-word;
    z-index: 100000;
}

[data-bp-tooltip]:active:after,
[data-bp-tooltip]:focus:after,
[data-bp-tooltip]:hover:after {
    display: block;
    opacity: 1;
    overflow: visible;
    visibility: visible;
}

[data-bp-tooltip=""] {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.bp-tooltip:after {
    left: 50%;
    margin-top: 7px;
    top: 110%;
    transform: translate(-50%, 0);
}

.user-list .bp-tooltip:after {
    left: 0;
    transform: translate(0, 0);
}

@media screen and (min-width: 46.8em) {
    .user-list .bp-tooltip:after {
        left: auto;
        right: 0;
        transform: translate(0, 0);
    }
}

.activity-list .bp-tooltip:after,
.activity-meta-action .bp-tooltip:after,
.avatar-block .item-avatar .bp-tooltip:after,
.notification-actions .bp-tooltip:after,
.participants-list .bp-tooltip:after {
    left: 0;
    transform: translate(0, 0);
}

.bp-invites-content .bp-tooltip:after,
.message-metadata .actions .bp-tooltip:after,
.single-message-thread-header .actions .bp-tooltip:after {
    left: auto;
    right: 0;
    transform: translate(0, 0);
}

.bp-invites-content #send-invites-editor .bp-tooltip:after {
    left: 0;
    right: auto;
}

#item-body,
.single-screen-navs {
    box-sizing: border-box;
}

.grid>li,
.grid>li .generic-button a {
    box-sizing: border-box;
}

.grid>li {
    border-bottom: 0;
    padding-bottom: 10px;
    padding-top: 0;
}

.grid>li .list-wrap {
    background: #fafafa;
    border: 1px solid #eee;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
    padding-top: 14px;
}

.grid>li .list-wrap .list-title {
    padding: 0.5em;
}

.grid>li .list-wrap .update {
    color: #737373;
    padding: 0.5em 2em;
}

.grid>li .item-avatar {
    text-align: center;
}

.grid>li .item-avatar .avatar {
    border-radius: 50%;
    display: inline-block;
    width: 50%;
}

@media screen and (min-width: 24em) {
    .grid.members-list .list-wrap {
        min-height: 340px;
    }

    .grid.members-list .list-wrap .item-block {
        margin: 0 auto;
        min-height: 7rem;
    }

    .grid.members-group-list .list-wrap .item-block {
        margin: 0 auto;
        min-height: 7rem;
    }

    .grid.groups-list .list-wrap {
        min-height: 470px;
    }

    .grid.groups-list .list-wrap .item-block {
        min-height: 6rem;
    }

    .grid.groups-list .list-wrap .group-desc {
        margin: 15px auto 0;
        min-height: 5em;
        overflow: hidden;
    }

    .grid.groups-list .list-wrap .group-details,
    .grid.groups-list .list-wrap .item-desc,
    .grid.groups-list .list-wrap .last-activity {
        margin-bottom: 0;
    }

    .grid.groups-list .list-wrap .group-details p,
    .grid.groups-list .list-wrap .item-desc p,
    .grid.groups-list .list-wrap .last-activity p {
        margin-bottom: 0;
    }

    .grid.blogs-list .list-wrap {
        min-height: 350px;
    }

    .grid.blogs-list .list-wrap .item-block {
        margin: 0 auto;
        min-height: 7rem;
    }
}

@media screen and (min-width: 24em) {
    .grid>li.item-entry {
        float: left;
        margin: 0;
    }

    .grid.two>li {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 24em) and (min-width: 75em) {
    .grid.two>li .list-wrap {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 24em) {

    .grid.three>li,
    .grid.two>li {
        width: 50%;
    }

    .grid.three>li:nth-child(odd),
    .grid.two>li:nth-child(odd) {
        padding-right: 10px;
    }

    .grid.three>li:nth-child(2n),
    .grid.two>li:nth-child(2n) {
        padding-left: 10px;
    }

    .grid.three>li .item,
    .grid.two>li .item {
        margin: 1rem auto 0;
        width: 80%;
    }

    .grid.three>li .item .item-title,
    .grid.two>li .item .item-title {
        width: auto;
    }
}

@media screen and (min-width: 46.8em) {
    .grid.three>li {
        padding-top: 0;
        width: 33.333333%;
        width: calc(100% / 3);
    }

    .grid.three>li:nth-child(1n + 1) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .grid.three>li:nth-child(3n + 3) {
        padding-left: 5px;
        padding-right: 0;
    }

    .grid.three>li:nth-child(3n + 1) {
        padding-left: 0;
        padding-right: 5px;
    }
}

@media screen and (min-width: 46.8em) {
    .grid.four>li {
        width: 25%;
    }

    .grid.four>li:nth-child(1n + 1) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .grid.four>li:nth-child(4n + 4) {
        padding-left: 5px;
        padding-right: 0;
    }

    .grid.four>li:nth-child(4n + 1) {
        padding-left: 0;
        padding-right: 5px;
    }
}

.buddypress-wrap .grid.bp-list {
    padding-top: 1em;
}

.buddypress-wrap .grid.bp-list>li {
    border-bottom: none;
}

.buddypress-wrap .grid.bp-list>li .list-wrap {
    padding-bottom: 3em;
}

.buddypress-wrap .grid.bp-list>li .item-avatar {
    margin: 0;
    text-align: center;
    width: auto;
}

.buddypress-wrap .grid.bp-list>li .item-avatar img.avatar {
    display: inline-block;
    height: auto;
    width: 50%;
}

.buddypress-wrap .grid.bp-list>li .item-meta,
.buddypress-wrap .grid.bp-list>li .list-title {
    float: none;
    text-align: center;
}

.buddypress-wrap .grid.bp-list>li .list-title {
    font-size: inherit;
    line-height: 1.1;
}

.buddypress-wrap .grid.bp-list>li .item {
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 96%;
}

@media screen and (min-width: 46.8em) {
    .buddypress-wrap .grid.bp-list>li .item {
        font-size: 22px;
    }
}

.buddypress-wrap .grid.bp-list>li .item .group-desc,
.buddypress-wrap .grid.bp-list>li .item .item-block {
    float: none;
    width: 96%;
}

.buddypress-wrap .grid.bp-list>li .item .item-block {
    margin-bottom: 10px;
}

.buddypress-wrap .grid.bp-list>li .item .last-activity {
    margin-top: 5px;
}

.buddypress-wrap .grid.bp-list>li .item .group-desc {
    clear: none;
}

.buddypress-wrap .grid.bp-list>li .item .user-update {
    clear: both;
    text-align: left;
}

.buddypress-wrap .grid.bp-list>li .item .activity-read-more a {
    display: inline;
}

.buddypress-wrap .grid.bp-list>li .action {
    bottom: 5px;
    float: none;
    height: auto;
    left: 0;
    margin: 0;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}

.buddypress-wrap .grid.bp-list>li .action .generic-button {
    float: none;
    margin: 5px 0 0;
    text-align: center;
    width: 100%;
}

.buddypress-wrap .grid.bp-list>li .action .generic-button a,
.buddypress-wrap .grid.bp-list>li .action .generic-button button {
    width: 100%;
}

.buddypress-wrap .grid.bp-list>li .avatar,
.buddypress-wrap .grid.bp-list>li .item,
.buddypress-wrap .grid.bp-list>li .item-avatar {
    float: none;
}

.buddypress-wrap .blogs-list.grid.two>li .blogs-title {
    min-height: 5em;
}

.buddypress-wrap .grid.four>li .group-desc,
.buddypress-wrap .grid.three>li .group-desc {
    min-height: 8em;
}

.buddypress-wrap .blogs-list.grid.four>li,
.buddypress-wrap .blogs-list.grid.three>li {
    min-height: 350px;
}

.buddypress-wrap .blogs-list.grid.four>li .last-activity,
.buddypress-wrap .blogs-list.grid.three>li .last-activity {
    margin-bottom: 0;
}

.buddypress-wrap .blogs-list.grid.four>li .last-post,
.buddypress-wrap .blogs-list.grid.three>li .last-post {
    margin-top: 0;
}

.buddypress:not(.logged-in) .grid.bp-list .list-wrap {
    padding-bottom: 5px;
}

.buddypress:not(.logged-in) .grid.groups-list .list-wrap {
    min-height: 430px;
}

.buddypress:not(.logged-in) .grid.members-list .list-wrap {
    min-height: 300px;
}

.buddypress:not(.logged-in) .grid.blogs-list .list-wrap {
    min-height: 320px;
}

@media screen and (min-width: 46.8em) {
    .bp-single-vert-nav .bp-navs.vertical {
        overflow: visible;
    }

    .bp-single-vert-nav .bp-navs.vertical ul {
        border-right: 1px solid #d6d6d6;
        border-bottom: 0;
        float: left;
        margin-right: -1px;
        width: 25%;
    }

    .bp-single-vert-nav .bp-navs.vertical li {
        float: none;
        margin-right: 0;
    }

    .bp-single-vert-nav .bp-navs.vertical li.selected a {
        background: #ccc;
        color: #333;
    }

    .bp-single-vert-nav .bp-navs.vertical li:focus,
    .bp-single-vert-nav .bp-navs.vertical li:hover {
        background: #ccc;
    }

    .bp-single-vert-nav .bp-navs.vertical li span {
        background: #d6d6d6;
        border-radius: 10%;
        float: right;
        margin-right: 2px;
    }

    .bp-single-vert-nav .bp-navs.vertical li:hover span {
        border-color: #eaeaea;
    }

    .bp-single-vert-nav .bp-navs.vertical.tabbed-links li.selected a {
        padding-left: 0;
    }

    .bp-single-vert-nav .bp-wrap {
        margin-bottom: 15px;
    }

    .bp-single-vert-nav .bp-wrap .group-nav-tabs.groups-nav ul li,
    .bp-single-vert-nav .bp-wrap .user-nav-tabs.users-nav ul li {
        left: 1px;
        position: relative;
    }

    .bp-single-vert-nav .item-body:not(#group-create-body) {
        background: #fff;
        border-left: 1px solid #d6d6d6;
        float: right;
        margin: 0;
        min-height: 400px;
        padding: 0 0 0 1em;
        width: calc(75% + 1px);
    }

    .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) {
        background: #eaeaea;
        margin: 0 0 0 -5px;
        width: auto;
    }

    .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li {
        font-size: 16px;
        margin: 10px 0;
    }

    .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li a {
        border-right: 1px solid #ccc;
        padding: 0 0.5em;
    }

    .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li a:focus,
    .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li a:hover {
        background: 0 0;
    }

    .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li.current a {
        background: 0 0;
        color: #333;
        text-decoration: underline;
    }

    .bp-single-vert-nav .item-body:not(#group-create-body) #subnav:not(.tabbed-links) li:last-child a {
        border: none;
    }

    .bp-dir-vert-nav .dir-navs {
        float: left;
        left: 1px;
        position: relative;
        width: 20%;
    }

    .bp-dir-vert-nav .dir-navs ul li {
        float: none;
        overflow: hidden;
        width: auto;
    }

    .bp-dir-vert-nav .dir-navs ul li.selected {
        border: 1px solid #eee;
    }

    .bp-dir-vert-nav .dir-navs ul li.selected a {
        background: #555;
        color: #fff;
    }

    .bp-dir-vert-nav .dir-navs ul li.selected a span {
        background: #eaeaea;
        border-color: #ccc;
        color: #5087e5;
    }

    .bp-dir-vert-nav .dir-navs ul li a:focus,
    .bp-dir-vert-nav .dir-navs ul li a:hover {
        background: #ccc;
        color: #333;
    }

    .bp-dir-vert-nav .dir-navs ul li a:focus span,
    .bp-dir-vert-nav .dir-navs ul li a:hover span {
        border: 1px solid #555;
    }

    .bp-dir-vert-nav .screen-content {
        border-left: 1px solid #d6d6d6;
        margin-left: 20%;
        overflow: hidden;
        padding: 0 0 2em 1em;
    }

    .bp-dir-vert-nav .screen-content .subnav-filters {
        margin-top: 0;
    }

    .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li:not(.selected) a:focus,
    .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li:not(.selected) a:hover,
    .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li:not(.selected) a:focus,
    .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li:not(.selected) a:hover,
    .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li:not(.selected) a:focus,
    .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li:not(.selected) a:hover,
    .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li:not(.selected) a:focus,
    .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li:not(.selected) a:hover,
    .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li:not(.selected) a:focus,
    .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li:not(.selected) a:hover,
    .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li:not(.selected) a:focus,
    .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li:not(.selected) a:hover {
        background: 0 0;
    }

    .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected,
    .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected,
    .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected,
    .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected,
    .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected,
    .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected {
        background: 0 0;
        border: 1px solid #d6d6d6;
        border-right-color: #fff;
    }

    .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected a,
    .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected a,
    .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected a,
    .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected a,
    .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected a,
    .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected a {
        background: 0 0;
        color: #333;
        font-weight: 600;
    }

    .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected a span,
    .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected a span,
    .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected a span,
    .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected a span,
    .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected a span,
    .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected a span {
        background: #555;
        border: 1px solid #d6d6d6;
        color: #fff;
    }
}

.buddypress-wrap .standard-form .groups-members-search input[type="search"],
.buddypress-wrap .standard-form .groups-members-search input[type="text"],
.buddypress-wrap .standard-form [data-bp-search] input[type="search"],
.buddypress-wrap .standard-form [data-bp-search] input[type="text"],
.buddypress-wrap .standard-form input[type="color"],
.buddypress-wrap .standard-form input[type="date"],
.buddypress-wrap .standard-form input[type="datetime-local"],
.buddypress-wrap .standard-form input[type="datetime"],
.buddypress-wrap .standard-form input[type="email"],
.buddypress-wrap .standard-form input[type="month"],
.buddypress-wrap .standard-form input[type="number"],
.buddypress-wrap .standard-form input[type="password"],
.buddypress-wrap .standard-form input[type="range"],
.buddypress-wrap .standard-form input[type="search"],
.buddypress-wrap .standard-form input[type="tel"],
.buddypress-wrap .standard-form input[type="text"],
.buddypress-wrap .standard-form input[type="time"],
.buddypress-wrap .standard-form input[type="url"],
.buddypress-wrap .standard-form input[type="week"],
.buddypress-wrap .standard-form select,
.buddypress-wrap .standard-form textarea {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font: inherit;
    font-size: 100%;
    padding: 1em;
}

.user-nicename .bp-verified-badge:nth-child(2) {
    display: none;
}

.buddypress-wrap .standard-form select {
    padding: 3px 10px;
}

body.buddypress .site-content {
    padding-top: 0;
}

.bp-profile-custom-page {
    background: #fff;
}

body .bp-profile-custom-page .section-heading {
    padding: 25px;
    border-radius: 0 !important;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

body .bp-image-previewer .post-media-single {
    border: none !important;
}

.bp-profile-custom-page .section-heading .title {
    line-height: 10px;
    margin: 0;
    font-size: 22px;
}

.bp-profile-custom-page .section-content {
    padding: 25px;
}

#buddypress #item-header:not(.top-header) {
    display: none;
}

#buddypress #item-header.groups-header {
    display: block;
    overflow: hidden;
}

#buddypress #item-header.groups-header #header-cover-image {
    height: 300px;
}

#buddypress #item-header.groups-header #item-header-cover-image #item-header-avatar {
    float: left;
    overflow: visible;
    width: auto;
    padding: 0 10px 0 20px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: -25px;
}

#buddypress #item-header.groups-header #item-header-cover-image {
    margin-bottom: 0;
}

#buddypress #item-header.groups-header #item-header-cover-image .desc-wrap {
    margin-top: 20px !important;
    width: 100% !important;
}

#buddypress #item-header.groups-header #item-header-cover-image h4.group-name {
    font-size: 30px;
    margin: 15px 0;
}

#buddypress #item-header.groups-header #item-header-cover-image #item-header-content {
    display: block !important;
    margin-top: 15px !important;
}

#buddypress #item-header.groups-header #item-header-cover-image #item-header-avatar img.avatar {
    width: 120px;
    border-width: 4px !important;
    border-radius: 20px !important;
}

#buddypress #item-header.top-header+nav.main-navs {
    margin-top: 7px;
    border-top-left-radius: 0 !important;
    position: relative;
    border-top-right-radius: 0 !important;
}

#item-header-content.mobile {
    display: none !important;
}

#item-header-content.desktop {
    display: block;
}

body.activity-permalink .activity-list.bp-list {
    background: 0 0;
}

body.activity-permalink .activity-list .activity-avatar img {
    box-shadow: none !important;
}

#buddypress .bp-wrap nav ul {
    margin: 0 20px;
}

.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
    border: 1px solid #eee;
    box-shadow: none;
    background: #fff;
}

.entry-content #buddypress ol,
.entry-content #buddypress ul {
    margin: 0;
}

.entry-content .buddypress-wrap .activity-comments>ul>li>ul {
    margin-left: 50px !important;
}

#buddypress .bp-wrap>nav.horizontal {
    border-bottom: none;
    border: 1px solid #eee;
    border-radius: 4px;
    position: relative;
}

.buddypress-wrap:not(.bp-single-vert-nav) .main-navs ul>li>a {
    padding: 1em 4px;
    font-size: 14px;
    color: #777;
    position: relative;
    height: 100%;
    line-height: 24px;
    font-weight: 500;
    word-break: normal;
    word-wrap: normal;
}

.buddypress-wrap .main-navs:not(.dir-navs) li a {
    position: relative;
}

.buddypress-wrap .main-navs:not(.dir-navs) li.current a,
.buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
    background: 0 0;
}

.buddypress-wrap .bp-navs li.current a,
.buddypress-wrap .bp-navs li.current a:focus,
.buddypress-wrap .bp-navs li.current a:hover,
.buddypress-wrap .bp-navs li.selected a,
.buddypress-wrap .bp-navs li.selected a:focus,
.buddypress-wrap .bp-navs li.selected a:hover,
.buddypress-wrap .bp-navs li:not(.current) a:focus,
.buddypress-wrap .bp-navs li:not(.current) a:hover,
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
    background: 0 0;
}

.buddypress-wrap .bp-navs .activity-nav li a {
    padding-right: 0;
}

.buddypress-wrap .bp-navs .activity-nav li.current a:after,
.buddypress-wrap .bp-navs .activity-nav li.selected a:after {
    bottom: -0.5px;
}

.buddypress-wrap .bp-subnavs {
    margin-bottom: 20px;
    display: none;
}

.groups.single-item .buddypress-wrap .bp-subnavs {
    display: block;
}

#buddypress .bbp-pagination {
    position: relative;
    top: 0;
    left: 0;
}

#buddypress .bbp-user-section .bbp-pagination:last-child {
    display: none;
}

#buddypress #bbpress-forums {
    position: relative;
}

#buddypress #bbpress-forums .bbp-reply-author {
    display: none;
}

#buddypress #bbpress-forums .bbp-reply-content {
    margin-left: 0;
    padding: 10px;
}

#buddypress .groups.mygroups .pag-count.bottom,
#buddypress .members.friends .pag-count.bottom {
    display: none;
}

.bp-navs ul:empty {
    display: none;
}

nav[aria-label="Friends"] {
    display: none;
}

.buddypress-wrap .bp-subnavs ul li#capabilities-personal-li,
.buddypress-wrap .bp-subnavs ul li#data-personal-li {
    display: none;
}

.buddypress-wrap ul.subnav {
    margin: 0 !important;
}

.buddypress-wrap ul.subnav li a {
    position: relative;
    font-size: 14px;
    color: #999;
}

.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav.bp-subnavs:not(.tabbed-links) {
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #eee;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.buddypress-wrap ul.subnav li:first-of-type a {
    padding-left: 0;
}

.buddypress-wrap ul.subnav li a:after {
    bottom: 0 !important;
}

.buddypress-wrap ul.subnav li:first-of-type a:after {
    left: 0;
    width: 100%;
    transform: translateX(-10px);
}

.buddypress-wrap .bp-navs li.current a,
.buddypress-wrap .bp-navs li.selected a {
    border-bottom: 2px solid var(--secondary);
    margin-bottom: 0;
}

#buddypress .bp-wrap nav ul,
#buddypress nav.bp-navs ul {
    display: flex;
    align-items: center;
}

.bp-user #buddypress nav.bp-navs ul {
    justify-content: center;
}

@media screen and (min-width: 11px) and (max-width: 390px) {

    .bp-user #buddypress nav.bp-navs ul.subfilter li:nth-child(-n + 5),
    .bp-user #buddypress nav.bp-navs>ul>li:nth-child(n + 6) {
        display: none;
    }

    #buddypress.buddypress-wrap .subnav-filters {
        float: right;
        top: 0;
        position: relative;
        right: -4px;
        display: block;
        transform: translateY(-7px);
    }
}

@media screen and (min-width: 391px) and (max-width: 559px) {

    .bp-user #buddypress nav.bp-navs ul.subfilter li:nth-child(-n + 6),
    .bp-user #buddypress nav.bp-navs>ul>li:nth-child(n + 7) {
        display: none;
    }

    #buddypress.buddypress-wrap .subnav-filters {
        float: none;
        top: 0;
        position: relative;
        right: 0;
        display: block;
        transform: translateY(-7px);
    }

    .grid>li.item-entry {
        margin: 0;
    }
}

@media screen and (min-width: 560px) and (max-width: 800px) {

    .bp-user #buddypress nav.bp-navs ul.subfilter li:nth-child(-n + 8),
    .bp-user #buddypress nav.bp-navs>ul>li:nth-child(n + 9) {
        display: none;
    }
}

@media screen and (min-width: 801px) and (max-width: 960px) {

    .bp-user #buddypress nav.bp-navs ul.subfilter li:nth-child(-n + 10),
    .bp-user #buddypress nav.bp-navs>ul>li:nth-child(n + 11) {
        display: none;
    }
}

@media screen and (min-width: 961px) and (max-width: 4100px) {

    .bp-user #buddypress nav.bp-navs ul.subfilter li:nth-child(-n + 12),
    .bp-user #buddypress nav.bp-navs>ul>li:nth-child(n + 13) {
        display: none;
    }

    .more-nav-anchor {
        display: none;
    }
}

#buddypress nav ul #front-personal-li,
#buddypress nav ul #notifications-personal-li {
    display: none;
}

.buddypress-wrap .bp-navs li {
    float: none;
    margin-right: 10px;
}

.buddypress .main-navs.dir-navs {
    margin-bottom: 15px;
}

#buddypress .activity-update-form {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    border: none;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    background: #fff;
    display: none;
    border-radius: 0;
}

#buddypress .activity-update-form .what-is-new-avatar-text {
    position: absolute;
    display: none;
    top: 25px;
    left: 80px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

#buddypress .activity-update-form .whats-new-intro-header {
    position: absolute;
    top: 50%;
    left: 65px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    transition: all 0.4s ease;
    transform: translateY(-50%);
}

#buddypress .activity-update-form .whats-new-header-media-section {
    float: right;
    display: flex;
}

#buddypress .activity-update-form .whats-new-header-media-section p {
    margin: 5px;
}

#buddypress .activity-update-form .whats-new-header-media-section p svg,
.ac-post-form-showcase svg {
    color: #999;
}

#buddypress .activity-update-form .whats-new-header-media-section p.play svg {
    height: 18px;
    width: 18px;
}

.activity-update-form #whats-new-content,
.activity-update-form #whats-new-post-in-box,
.activity-update-form #whats-new-submit {
    margin-left: 0;
    margin: 10px 0 0;
}

.activity-update-form #whats-new-content {
    padding-bottom: 0;
    margin: 20px 0 0 0;
}

.activity-update-form #whats-new-form.submitting {
    position: relative;
}

.activity-update-form #whats-new-form.submitting:before {
    position: absolute;
    content: "";
    background: #fff;
    opacity: 0.8;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 50px;
    color: #999;
    border: none !important;
    transition: all 0.4s ease;
}

.activity-update-form #whats-new-form .sharing-spinner {
    display: none;
}

.activity-update-form #whats-new-form.submitting .sharing-spinner {
    display: block;
    top: 44%;
    position: absolute;
    left: 50%;
    z-index: 9999;
    height: 30px;
    width: 30px;
}

.activity-update-form #whats-new-form {
    margin-bottom: 0;
}

#buddypress .groups-header .bp-group-type-list {
    font-size: 14px;
    margin-bottom: 15px;
}

#buddypress .groups-header .bp-group-type-list strong {
    padding-right: 5px;
}

.activity-update-form #whats-new-textarea textarea {
    font-size: 15px;
    padding: 12px;
    border: none;
}

#whats-new-textarea .url-scrap-view.loading {
    padding: 20px;
}

#whats-new-textarea .url-scrap-view {
    margin-bottom: 32px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0 !important;
    background: #f9f9f9;
    position: relative;
    border: none !important;
}

#whats-new-textarea .url-scrap-view .cross {
    position: absolute;
    right: 10px;
    background: #ddd;
    top: 10px;
    border-radius: 100px;
    padding: 0;
    cursor: pointer;
}

.whats-new-live-preview .preview-thumb {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.activity-inner .whats-new-live-preview .preview-thumb.video-embed iframe {
    border-radius: 0;
}

.activity-inner img.wp-smiley,
img.emoji {
    height: 1.2em !important;
    width: 1.2em !important;
    margin: 0 0.08em !important;
    vertical-align: -0.2em !important;
}

.whats-new-live-preview .preview-thumb.video-embed iframe {
    width: 100%;
    height: 350px;
    border: none;
    border-radius: 0;
    margin: 0;
}

.whats-new-live-preview .preview-content {
    text-align: left;
    padding: 15px 20px;
}

.whats-new-live-preview .preview-content p {
    margin-bottom: 0;
    color: #999;
}

.whats-new-live-preview .preview-content span:first-of-type {
    color: #999;
}

.whats-new-live-preview .preview-content h5 {
    font-size: 19px;
    margin: 0 !important;
    margin-top: 0 !important;
    line-height: 24px;
}

.whats-new-live-preview .preview-content span:last-of-type {
    font-size: 19px;
    margin: 0 !important;
    margin-top: 0 !important;
    color: #333;
    line-height: 24px;
    display: block;
}

.activity-inner iframe {
    height: 350px;
    border-radius: 5px;
    width: 100%;
    margin-top: 10px;
    border: none;
}

.activity-inner .whats-new-live-preview {
    background: #eee;
    overflow: hidden;
    margin-top: 15px;
    border-left: 0 !important;
    border-right: 0px !important;
    border-radius: 0 !important;
    border: none !important;
}

#whats-new-textarea .url-scrap-view .sharing-spinner {
    position: relative;
}

.activity-update-form #whats-new-textarea textarea:focus {
    box-shadow: 0 0 1px 0 #d6d6d6;
}

.activity-search {
    display: none;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items li {
    margin-left: 0;
    margin-top: 10px;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items li #activity-autocomplete {
    width: 200px;
    font-size: 14px;
    padding: 10px;
    height: 36px;
    border: 1px solid #eee;
}

.activity-update-form #whats-new-post-in-box #whats-new-post-in-box-items li #activity-autocomplete:focus {
    box-shadow: none;
}

#activity-filter-select {
    display: none;
}

.activity-update-form #whats-new-options #whats-new-submit #aw-whats-new-submit[disabled]:hover {
    background: #ddd !important;
    color: #777 !important;
}

.activity-update-form #whats-new-options #whats-new-submit #aw-whats-new-submit:disabled {
    background: #ddd;
    color: #777;
    cursor: not-allowed;
}

.activity-inner .admin-post-content a {
    font-weight: 500;
    color: var(--primary);
    font-size: 15px;
}

.activity-inner>.shared-activity {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0;
}

.activity-inner .post-media {
    margin: 10px 0 10px;
}

.bp-image-previewer .post-media-single {
    min-height: 250px;
    overflow: hidden;
    max-height: 25px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.tophive-mf-profile-media-widget .bp-image-previewer .post-media-single {
    min-height: 75px;
    margin-bottom: 10px;
}

.tophive-mf-profile-media-widget .bp-image-previewer .post-media-single img {
    min-height: 75px;
}

.tophive-mf-profile-media-widget .bp-image-previewer.ec-row {
    margin-right: -5px;
    margin-left: -5px;
}

.tophive-mf-profile-media-widget .bp-image-previewer.ec-row .bp-image-single {
    padding-right: 5px;
    padding-left: 5px;
}

.bp-image-previewer .no-photos {
    margin: 0 10px;
}

.activity-inner .post-media.post-media-single {
    overflow: hidden;
}

.activity-inner .post-media.post-media-single video {
    border-radius: 4px;
}

.activity-inner .post-media.post-media-single video:focus {
    outline: 0;
}

.activity-inner .post-media.post-media-single .post-media-single-image-container {
    width: 100%;
}

.activity-inner .post-media.post-media-single .post-media-single-image-container .media_player {
    position: absolute;
    top: 50%;
    z-index: 999999999;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
}

#buddypress .activity-inner .post-media.post-media-single .post-media-single-image-container .media_player svg {
    width: 65px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    padding: 7px;
    border-radius: 5px;
}

.activity-inner .post-media.post-media-triple .post-media-single-image-container {
    display: inline-block;
}

.activity-inner .post-media.post-media-double .post-media-single-image-container,
.activity-inner .post-media.post-media-triple .post-media-single-image-container {
    width: 50%;
    display: inline-block;
}

.activity-inner .post-media.post-media-fours .post-media-single-image-container,
.activity-inner .post-media.post-media-more .post-media-single-image-container {
    width: 33.33333333333339%;
    display: flex;
}

.activity-inner .post-media.post-media-more .post-media-single-image-container {
    position: relative;
}

.activity-inner .post-media.post-media-more .post-media-single-image-container .media-remaining {
    position: absolute;
    top: 48%;
    left: 49%;
    z-index: 999;
    color: #fff;
    font-size: 25px;
}

#friends-list-options:not(a) {
    display: none;
}

.activity-inner .post-media.post-media-more .post-media-single-image-container:not(:nth-child(-n + 4)) {
    display: none;
}

.activity-inner .post-media.post-media-fours .post-media-single-image-container:first-of-type,
.activity-inner .post-media.post-media-more .post-media-single-image-container:first-of-type,
.activity-inner .post-media.post-media-triple .post-media-single-image-container:first-of-type {
    width: 100%;
    display: inline-block;
}

.activity-inner .post-media.post-media-fours .post-media-single-image-container:not(:first-of-type) img,
.activity-inner .post-media.post-media-more .post-media-single-image-container:not(:first-of-type) img {
    height: 190px;
}

.activity-inner .post-media .post-media-single-image-container {
    height: auto;
    padding: 5px 20px;
}

.activity-inner .post-media.post-media-single .post-media-single-image-container img {
    height: auto;
}

.activity-inner .post-media .post-media-single-image-container img {
    min-width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.activity-update-form #whats-new-options #whats-new-submit #aw-whats-new-reset {
    background: 0 0;
    color: #888;
    text-decoration: none;
    width: 70px;
}

.activity-update-form #whats-new-options #whats-new-submit #aw-whats-new-reset:hover {
    background: 0 0;
    box-shadow: none;
}

.buddypress-wrap #whats-new-post-in-box select,
.buddypress-wrap .filter select {
    border: 1px solid #eee;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #777;
    width: 180px;
}

.buddypress-wrap #whats-new-post-in-box select {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='13' height='13' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='%23939393'/></g></svg>") no-repeat;
    background-position: right 5px top 50%;
}

.buddypress-wrap .bp-feedback {
    box-shadow: none;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #eee;
}

#item-header .buddypress-wrap .bp-feedback {
    border: none;
    margin-top: 30px;
}

.buddypress-wrap .bp-feedback .bp-help-text {
    font-style: normal;
    padding: 10px;
    line-height: 20px;
    font-size: 13px;
    color: #999;
}

.buddypress-wrap .bp-feedback span.bp-icon {
    padding: 2px 0.5em;
    border-radius: 4px 0 0 4px;
    margin: -1px 5px -1px -1px;
}

.buddypress-wrap .bp-feedback p {
    margin: 8px;
    font-size: 13px;
    line-height: 23px;
}

.buddypress-wrap .standard-form .description {
    background: 0 0 !important;
}

.buddypress-wrap .standard-form input[type="email"]:focus,
.buddypress-wrap .standard-form input[type="text"]:focus,
.buddypress-wrap .standard-form textarea:focus {
    box-shadow: none;
    background: 0 0;
    outline: 0;
}

.buddypress-wrap table.notifications .bulk-select-all,
.buddypress-wrap table.notifications .bulk-select-check {
    text-align: center;
}

.buddypress-wrap .bp-feedback.help .bp-icon,
.buddypress-wrap .bp-feedback.info .bp-icon {
    background-color: #2fceff;
}

.buddypress-wrap .select-wrap span.select-arrow {
    margin-right: 10px;
    margin-top: 0;
}

.buddypress-wrap .select-wrap span.select-arrow:before {
    color: #ccc;
    content: "";
    top: -17px;
    position: absolute;
    right: 0;
}

.buddypress-wrap .subnav-filters {
    float: right;
    top: 0;
    position: absolute;
    right: 25px;
    display: block;
    transform: translateY(-62px);
    margin-top: 0;
}

body #drag-drop-area {
    border: 2px dashed #ddd;
    height: 200px;
    border-width: 2px !important;
    border-style: dashed !important;
    background: #f9f9f9;
}

body #buddypress #drag-drop-area .drag-drop-inside .drag-drop-buttons .button {
    font-size: 13px;
    margin-top: 15px;
}

#buddypress p.warning,
body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
    background-color: #fff7b3;
    border: none;
}

#buddypress .bp-avatar-nav ul {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.bp-avatar-nav ul.avatar-nav-items li.current {
    border: none;
    border-bottom: 1px solid red;
    margin-bottom: 0;
    border-radius: 0 !important;
}

.bp-avatar-nav ul.avatar-nav-items li a {
    font-size: 14px;
}

.buddypress-wrap .bp-messages.info {
    margin-top: 0;
    margin-bottom: 20px;
}

.urole-column {
    vertical-align: middle;
}

.bp-list {
    border-top: none;
}

#buddypress ul.bp-list.friends-request-list,
#buddypress ul.bp-list.membership-requests-list {
    border: 1px solid #eee;
    padding: 0;
    display: block;
}

#buddypress ul.bp-list.friends-request-list li,
#buddypress ul.bp-list.membership-requests-list li {
    margin: 0;
    padding: 20px;
    border-top: 1px solid #eee;
    border-bottom: none;
    background: #fff;
}

#buddypress ul.bp-list.friends-request-list li:first-of-type,
#buddypress ul.bp-list.membership-requests-list li:first-of-type {
    border-top: none;
}

#buddypress ul.bp-list.friends-request-list li .item-title,
#buddypress ul.bp-list.membership-requests-list li .item-title h3 {
    font-size: 18px;
    font-weight: 600;
}

#buddypress ul.bp-list.friends-request-list li .item-avatar,
#buddypress ul.bp-list.membership-requests-list li .item-avatar {
    margin-right: 20px;
}

#buddypress ul.bp-list.friends-request-list li .item-avatar img,
#buddypress ul.bp-list.membership-requests-list li .item-avatar img {
    width: 50px;
    border-radius: 50%;
}

#buddypress ul.bp-list.friends-request-list li .item-meta,
#buddypress ul.bp-list.membership-requests-list li .item-meta {
    margin: 0;
}

.profile-header-meta-date {
    margin-bottom: 5px;
    font-size: 15px;
    color: var(--light-black);
    font-weight: 400;
}

#buddypress ul.bp-list.friends-request-list li .friends-meta,
#buddypress ul.bp-list.membership-requests-list li .friends-meta {
    margin-top: 10px;
}

.buddypress-wrap .subnav-filters .subnav-search form {
    background: 0 0;
    border-radius: 0;
}

.buddypress-wrap .subnav-filters .feed {
    display: none;
}

#buddypress .component-filters {
    display: none;
}

.tophive-container #main {
    position: relative;
    width: 100%;
}

.tophive-container .youzify-forum .youzify-page-main-content .youzify-main-column {
    width: 100%;
}

.buddypress-wrap .subnav-filters .component-filters select,
.buddypress-wrap .subnav-filters .last select {
    margin-right: 0;
    border-radius: 4px;
    height: 30px;
    padding-top: 0;
    font-size: 15px;
    color: #999;
}

.activity-list .activity-item {
    padding: 0;
}

#activity-stream .activity-list.bp-list {
    padding: 0;
    background: 0 0;
    border: 0;
}

.activity-update-form .activity-form {
    background: #fff;
    box-shadow: 1px 1px 15px #eee;
    border-radius: 4px;
    border: 1px solid #ebe9e6;
}

.item-body .activity-update-form .activity-form {
    padding: 0;
}

#activity-stream .activity-list.bp-list .activity-item {
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 8px;
    background-color: var(--white);
    border: 1px solid #E1DFDF;
    box-shadow: none;
}

#activity-stream .activity-list.bp-list .activity-item.bbpress {
    display: block;
}

.activity-list .bp-tooltip:after,
.activity-meta-action .bp-tooltip:after,
.avatar-block .item-avatar .bp-tooltip:after,
.notification-actions .bp-tooltip:after,
.participants-list .bp-tooltip:after {
    display: none;
}

.activity-meta .generic-button a:after {
    display: none !important;
}

.activity-list .activity-item div.item-avatar img,
.activity-list .activity-item.mini .activity-avatar img.FB_profile_pic,
.activity-list .activity-item.mini .activity-avatar img.avatar {
    max-width: 100%;
}

.buddypress #youzify .activity-list .activity-item .activity-header {
    margin-left: 0;
    margin-right: 0;
    padding: 20px 0;
}

.buddypress .activity-list .activity-item .activity-header {
    margin: 0;
    margin-bottom: 10px !important;
    margin-right: 20px;
    margin-left: 62px;
    padding: 20px 65px 20px 20px;
    padding-bottom: 0;
}

.buddypress .activity-list .activity-item .activity-inner .block-content,
.buddypress .activity-list .activity-item .activity-inner p {
    padding: 0 20px;
}

.buddypress .activity-list .activity-item .activity-footer-links {
    padding: 0 20px 10px 20px;
}

.buddypress .shared-activity .activity-header {
    margin-left: 30px !important;
}

.buddypress .shared-activity .activity-inner {
    padding: 0 25px !important;
}

.activity-list .activity-item .shared-activity .activity-header p {
    font-size: 13px;
    line-height: 20px;
}

body #buddypress .shared-activity .activity-avatar {
    width: 40px;
    margin-left: 25px;
}

.tophive-bp-comment-form {
    padding: 0 !important;
}

.comments-text.editable-div {
    padding: 5px 13px;
    outline: 0 solid transparent;
    border: 1px solid #ddd;
    height: 36px;
    font-weight: 400;
    border-radius: 30px !important;
    cursor: text;
}

.comments-media-icons {
    position: absolute;
    top: 10px;
    right: 10px;
}

.comments-media-icons p {
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
}

.comments-media-icons p svg {
    width: 18px !important;
    height: 18px !important;
}

.comments-media-icons p.comments-image-uploader input {
    display: none;
}

.comments-media-icons p.comments-image-uploader label {
    cursor: pointer;
}

.comments-media-previewer {
    margin-left: 65px;
    position: relative;
}

.comments-media-previewer img {
    margin-bottom: 10px;
    margin-top: -6px;
    height: 100px;
    border-radius: 10px;
}

.comments-media-previewer .remove-comment-media {
    position: absolute;
    top: 0;
    transform: translateX(-20px);
    background: #fff;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    font-size: 8px;
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    line-height: 16px;
    color: #000;
    padding: 0 4px;
    cursor: pointer;
}

.comment-media-section {
    margin: 10px 0;
}

.comment-media-section img {
    border-radius: 10px;
    height: 200px;
}

.tophive-bp-comment-form .comment-submit {
    position: absolute;
    top: -1px;
    right: -8px;
    cursor: pointer;
    transform: rotate(0);
}

.tophive-bp-comment-form .comment-submit:hover {
    color: #666 !important;
}

#buddypress .tophive-bp-comment-form .comment-submit svg {
    width: 20px;
    height: 20px;
}

.activity-list .activity-item .activity-comments .acomment-meta time {
    display: inline-block;
    font-size: 12px;
    margin-top: 0;
    margin-left: 5px;
    color: #999;
    font-weight: 400;
}

.groups-header .desc-wrap .group-description p {
    font-weight: 400;
}

.buddypress .buddypress-wrap .activity-read-more a {
    background: 0 0;
    border: none;
}

body.activity-permalink .activity-list .activity-content {
    padding: 0;
}

body.activity-permalink .tophive-container>div.buddypress-wrap {
    display: none;
}

body.activity-permalink .activity-list .activity-comments ul li {
    padding: 8px 5px 0;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner,
.activity-list li.bbp_topic_create .activity-content .activity-inner {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

.activity-list li.bbp_topic_create .activity-content .activity-inner img {
    margin: 10px 0;
    border-radius: 5px;
}

.activity-comments .acomment-meta a {
    font-weight: 600;
}

.activity-comments li.show-all {
    padding-top: 0 !important;
}

.buddypress .buddypress-wrap button.text-button,
.buddypress .buddypress-wrap input.text-button {
    text-decoration: none;
    font-size: 12px;
}

.buddypress .buddypress-wrap .show-all button.text-button:hover,
.buddypress .buddypress-wrap .show-all input.text-button:hover {
    box-shadow: none;
    color: #777;
    text-decoration: none;
}

.buddypress-wrap .activity-comments li.show-all .dashicons {
    display: none;
}

.buddypress .buddypress-wrap .activity-read-more a:hover {
    background: 0 0;
}

.activity-list .activity-item .activity-header a {
    font-weight: 600;
    text-transform: capitalize;
}

.activity-list .activity-item .activity-meta.action {
    position: initial;
    border: none;
    margin: 30px -20px 0;
    border-top: 1px solid #eee;
    padding: 1px 14px 5px 15px;
}

.activity-item.has-comments .activity-meta.action {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.activity-item.has-comments ul li .activity-meta.action {
    border: none;
}

.activity-list .activity-item .activity-meta.action .button span {
    margin: 0 7px !important;
    position: relative;
    font-weight: 400;
}

.activity-list .activity-item .activity-meta.action .button span.comment-count {
    background: #eee;
    padding: 3px 7px;
    border-radius: 20px;
    margin: 0 !important;
}

.activity-list .activity-item .activity-meta.action .button:before,
.activity-list .activity-item .activity-meta.action .icons:before {
    font-size: 14px;
    position: relative;
    opacity: 0.8;
    font-family: themify;
    color: #df613c;
}

.activity-list .activity-item .activity-meta.action .button.fav span,
.activity-list .activity-item .activity-meta.action .button.unfav span,
.activity-list .activity-item .activity-meta.action .delete-activity span {
    position: relative;
    margin: 0;
    overflow: auto;
}

.activity-list .activity-item .activity-meta.action .button.acomment-reply {
    padding: 0 10px 0 9px;
    margin-left: 0;
    border-radius: 4px;
}

.activity-list .activity-item .activity-meta.action .acomment-reply.button:before {
    content: "\e645";
    display: none;
}

.activity-list .activity-item .activity-meta.action .delete-activity:after,
.activity-list .activity-item .activity-meta.action .delete-activity:before {
    content: "\e605";
}

.activity-list .activity-item .activity-meta.action .delete-activity .bp-screen-reader-text {
    position: relative;
}

.activity-list .activity-item .activity-meta.action .fav:before,
.activity-list .activity-item .activity-meta.action .unfav:before {
    font-family: dashicons;
}

.activity-comments-form.commenting {
    opacity: 0.5;
}

.comment-reply .activity-comments-form {
    padding: 7px 0 0 40px;
}

.activity-comments-form img {
    height: 35px;
    width: 35px;
    margin-right: 10px;
}

a.comment-delete {
    margin-left: 15px;
}

.activity-comments-form form {
    margin: 0;
    width: 100%;
    position: relative;
}

.activity-comments-form form textarea {
    font-size: 13px;
    height: 35px;
    min-height: 35px;
    line-height: 18px;
    background: #fff;
    box-shadow: none !important;
    border-radius: 50px !important;
    resize: none;
}

.activity-comments-form form textarea[disabled="disabled"] {
    opacity: 0.4;
}

.activity-comments-form form button {
    position: absolute;
    top: -1px;
    right: -8px;
    background: 0 0 !important;
    transform: rotate(45deg);
}

.activity-comments-form form button:hover {
    box-shadow: none !important;
    background: 0 0 !important;
    color: #000;
}

#buddypress .activity-comments-form form button svg {
    width: 18px;
    height: 18px;
}

.buddypress-wrap .activity-comments ul li {
    padding: 5px 20px;
    margin: 0;
}

.buddypress-wrap .activity-comments ul+.show-more-comments {
    padding: 0 20px 10px;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
}

.buddypress-wrap .activity-comments ul li span.comment-avatar {
    vertical-align: top;
}

.buddypress-wrap .activity-comments ul li span.comment-avatar img {
    margin-top: 3px;
}

.buddypress-wrap .activity-comments ul li span.comment-content {
    display: inline-block;
    margin-left: 10px;
    width: 90%;
}

.buddypress-wrap .activity-comments ul li span.comment-meta-actions {
    display: block;
    padding: 0 40px 0;
    font-size: 12px;
}

.buddypress-wrap .activity-comments ul li span.comment-meta-actions a {
    font-weight: 600 !important;
}

.buddypress-wrap .activity-comments ul li span.comment-options {
    font-weight: 400;
}

.buddypress-wrap .activity-comments ul li span.comment-options ul {
    position: absolute;
    right: 0;
    background: #fff;
    top: 15px;
    right: 50px;
    visibility: hidden;
    opacity: 0;
    z-index: -9;
    transition: all 0.4s ease;
}

.buddypress-wrap .activity-comments ul li span.comment-options ul li,
.buddypress-wrap .activity-comments ul li span.comment-replies ul li {
    margin: 0;
    padding: 10px 20px !important;
}

.buddypress-wrap .activity-comments ul li span.comment-options ul li a {
    font-size: 14px;
}

.buddypress-wrap .activity-comments ul li span.comment-options-toggle {
    font-size: 20px;
    background: #fff;
    padding: 3px 9px;
    float: right;
    cursor: pointer;
    right: 15px;
    position: absolute;
    border-radius: 50px !important;
    width: 36px;
    height: 35px;
    border: 1px solid #eee;
    visibility: hidden;
    opacity: 0;
    z-index: -9;
    transition: all 0.4s ease;
}

.buddypress-wrap .activity-comments>ul>li:hover>.comment-options .comment-options-toggle,
.comment-replies>ul>li:hover>.comment-options .comment-options-toggle {
    visibility: visible;
    opacity: 1;
    z-index: 99;
}

.buddypress-wrap .activity-comments ul li span ul:hover,
.buddypress-wrap .activity-comments ul li span.comment-options-toggle:hover+ul {
    visibility: visible;
    opacity: 1;
    z-index: 99;
}

.buddypress-wrap .activity-comments ul li span.comment-replies ul {
    margin-left: 17px !important;
}

.buddypress-wrap .activity-comments ul li span.comment-replies>ul>li {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0 !important;
}

.buddypress-wrap .activity-comments ul li span.comment-meta-actions a {
    font-weight: 500;
    color: #999;
}

.buddypress-wrap .activity-comments ul li span.comment-content p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
    font-weight: 400;
    background-color: #fff;
    padding: 3px 15px;
    border-radius: 45px;
}

.buddypress-wrap .activity-comments ul li span.comment-content p>a {
    font-weight: 700;
}

.buddypress-wrap .activity-comments ul li span.comment-content .comment-meta a {
    font-size: 13px;
    font-weight: 600;
    color: #666;
}

.buddypress-wrap .activity-comments ul li span.comment-content .comment-meta .comment-date {
    font-size: 12px;
    margin-left: 5px;
    color: #999;
    font-weight: 400;
}

.buddypress-wrap .activity-comments ul li.show-all {
    margin-bottom: -10px;
    text-align: center;
    padding-bottom: 0;
}

.buddypress-wrap .activity-comments ul li:last-child {
    margin-bottom: 4px;
}

.buddypress-wrap .main-navs.bp-navs {
    overflow: initial;
}

.buddypress-wrap .bp-navs #more-nav {
    width: 20px;
    position: absolute;
    top: 2px;
    right: 10px;
    z-index: 999;
}

.buddypress-wrap .bp-navs #more-nav {
    width: 20px;
    position: absolute;
    top: 2px;
    right: 10px;
    z-index: 999;
}

.buddypress-wrap .bp-navs #more-nav .subfilter {
    display: none;
    position: absolute;
    right: -10px;
    background: #fff;
    border: none;
    margin-top: -2px;
    box-shadow: 0 20px 40px 0 #ddd;
    padding: 10px 0;
    width: 160px;
}

.buddypress-wrap .bp-navs #more-nav .more-nav-open .subfilter {
    display: block;
}

.buddypress-wrap .bp-navs #more-nav .more-nav-open .subfilter .selected a {
    border-bottom: none;
    background: #f1f1f1;
}

.buddypress-wrap .bp-navs #more-nav .more-nav-open .subfilter .selected a:after {
    display: none;
}

.buddypress-wrap .bp-navs #more-nav .subfilter li {
    margin: 0;
}

.buddypress-wrap .bp-navs #more-nav .subfilter li a {
    padding: 5px 20px;
}

.buddypress-wrap .bp-navs #more-nav .subfilter li a:hover {
    background: #f1f1f1;
}

.buddypress-wrap .activity-comments div.acomment-avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.activity-list .activity-item .activity-comments .item-avatar {
    width: 35px;
    margin-right: 0;
}

.buddypress-wrap .activity-comments .acomment-content {
    margin-left: 35px;
    border-left: none;
}

.buddypress-wrap .activity-comments .acomment-content p {
    margin-bottom: 0;
}

.buddypress-wrap .activity-comments .show-all button {
    padding-left: 0;
}

.buddypress-wrap .activity-comments .activity-meta.action {
    margin: 0 70px;
    padding: 0;
}

.buddypress-wrap .activity-comments .acomment-content {
    margin: 0 0 0 70px;
    padding: 0;
}

.buddypress-wrap .activity-comments .acomment-meta {
    color: #555;
    overflow: hidden;
    padding-left: 15px;
}

.activity-comments form.root,
.activity-comments li form.ac-form {
    padding: 0 20px;
    margin: 30px 0;
}

form.ac-form .ac-reply-avatar img {
    border: none;
    width: 36px;
    margin-right: 7px;
}

form.ac-form .ac-reply-content .ac-textarea textarea {
    min-height: 70px;
    border: 1px solid #eee;
}

form.ac-form .ac-reply-content .ac-textarea textarea:focus {
    box-shadow: none;
    border: 1px solid #eee;
}

body #buddypress .ac-reply-content input[name="ac_form_submit"] {
    margin: 0 0 0 30px;
    height: 30px;
    min-height: 30px;
    line-height: 1;
    font-size: 13px;
    font-weight: 500;
    background: #df613c;
}

body #buddypress .ac-reply-content .ac-reply-cancel {
    height: 30px;
    min-height: 30px;
    line-height: 1;
    font-size: 13px;
    font-weight: 500;
}

body #buddypress .ac-reply-content .ac-reply-cancel:hover {
    box-shadow: none;
    text-decoration: none;
    color: #000;
}

body #buddypress .ac-reply-content input[name="ac_form_submit"]:hover {
    background: #cc532f;
    box-shadow: none;
}

.buddypress-wrap .activity-comments .activity-meta.action a {
    border: none;
    border-radius: 4px !important;
    padding-right: 10px;
    padding-left: 0;
    background: 0 0;
}

.buddypress-wrap .activity-comments .activity-meta.action a:hover {
    background: 0 0;
}

.tophive-buddypress-gamipress {
    margin: 20px 0 50px;
    display: inline-block;
}

.activity-inner .gamipress-points-thumbnail {
    width: 60px !important;
}

.gamipress-points-thumbnail {
    width: 20px !important;
}

.bp-user.profile #buddypress .user-subnav {
    display: block;
    border-radius: 0;
    margin: 0;
}

.bp-user.profile #buddypress .user-subnav ul.subnav {
    justify-content: flex-start;
}

.bp-user.profile #buddypress .user-subnav ul.subnav li {
    margin: 0 4px;
    margin-bottom: 1px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-user-points .gamipress-points {
    display: flex;
    background: #fff;
    margin: 10px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-user-points .gamipress-points .gamipress-user-points-image img {
    width: 50px !important;
}

.bp-user #buddypress.buddypress-wrap .gamipress-user-points .gamipress-user-points-description {
    margin-left: 10px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-user-points .gamipress-user-points-description .gamipress-user-points-amount {
    font-size: 21px;
    vertical-align: baseline;
    font-weight: 600;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievements-container {
    display: flex;
    flex-direction: row;
    margin-left: -5px;
    margin-right: 23px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement {
    background: #fff;
    margin: 0 5px 10px;
    flex: 1 1 48%;
    padding: 35px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement.gamipress-layout-top {
    text-align: center;
    position: relative;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement h4 {
    font-size: 14px;
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    margin-top: 25px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement .gamipress-required-achievements {
    min-height: 80px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement .gamipress-required-achievements li {
    margin-left: 0;
    list-style: none;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement .gamipress-achievement-title {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement .gamipress-achievement-points {
    background: #f1f1f1;
    margin-bottom: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 3px 10px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement .gamipress-achievement-image img {
    width: 100px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement .gamipress-achievement-earners-list {
    margin-left: 10px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement.gamipress-layout-top .gamipress-achievement-earners-list {
    text-align: center;
    display: inline-block;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement .gamipress-achievement-earners-list li {
    margin: 0;
    width: 36px;
    margin-left: -15px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-achievement img.avatar {
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    margin: 0;
}

.bp-user #buddypress.buddypress-wrap .gamipress-ranks-container {
    display: flex;
    flex-direction: row;
    margin-left: -5px;
    margin-right: 23px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank {
    background: #fff;
    margin: 0 5px 10px;
    flex: 1 1 48%;
    padding: 35px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank.gamipress-layout-top {
    text-align: center;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank h4 {
    font-size: 14px;
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    margin-top: 25px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank .gamipress-required-requirements {
    min-height: 80px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank .gamipress-required-requirements li {
    margin-left: 0;
    list-style: none;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank-type-title {
    display: none;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank .gamipress-rank-title {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank .gamipress-rank-points {
    background: #f1f1f1;
    margin-bottom: 30px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank .gamipress-rank-image img {
    width: 100px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank .gamipress-rank-earners-list {
    margin-left: 10px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank.gamipress-layout-top .gamipress-rank-earners-list {
    text-align: center;
    display: inline-block;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank .gamipress-rank-earners-list li {
    margin: 0;
    width: 36px;
    margin-left: -15px;
}

.bp-user #buddypress.buddypress-wrap .gamipress-rank img.avatar {
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    margin: 0;
}

.tophive-buddypress-gamipress .gamipress-buddypress-achievement,
.tophive-buddypress-gamipress .gamipress-buddypress-point,
.tophive-buddypress-gamipress .gamipress-buddypress-rank {
    padding: 0;
    margin: 0;
}

.tophive-buddypress-gamipress .gamipress-buddypress-achievement,
.tophive-buddypress-gamipress .gamipress-buddypress-point,
.tophive-buddypress-gamipress .gamipress-buddypress-rank {
    background: 0 0;
}

.tophive-buddypress-gamipress img {
    width: 28px !important;
}

.tophive-buddypress-gamipress .activity,
.tophive-buddypress-gamipress .gamipress-buddypress-achievement-title {
    display: none;
}

.tophive-buddypress-gamipress .activity.gamipress-buddypress-achievement-thumbnail,
.tophive-buddypress-gamipress .activity.gamipress-buddypress-points-thumbnail,
.tophive-buddypress-gamipress .activity.gamipress-buddypress-rank-thumbnail {
    display: inline-block;
}

#buddypress #item-header-cover-image .friendship-button {
    margin-bottom: -12px;
}

#buddypress #item-header-cover-image .members-action-buttons,
#buddypress #item-header-cover-image .tophive-buddypress-gamipress {
    justify-content: flex-end;
}

#buddypress #cover-image-container #item-header-cover-image #item-header-content {
    width: calc(100% - 105px);
    padding: 0 15px;
}

#buddypress .gamipress-buddypress-points {
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

#buddypress #members-list .gamipress-buddypress-points {
    display: none;
}

.bp-user #buddypress .bp-screen-title {
    display: none;
}

.bp-user #buddypress #item-header .member-top-bar {
    display: none;
}

.bp-user #buddypress #item-header .user-facts {
    margin-top: 7px;
    display: flex;
}

.bp-user #buddypress #item-header .user-facts p {
    display: flex;
    margin-right: 25px;
    font-size: 15px;
    align-items: baseline;
}

.bp-user #buddypress #item-header .members-action-buttons .bp-th-friends-button {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bp-user #buddypress #item-header .members-action-buttons .bp-th-friends-button:not(:hover) span.show {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bp-user #buddypress #item-header .user-facts p span:first-of-type {
    font-weight: 600;
    font-size: 18px;
}

.bp-user #buddypress #item-header .user-facts p span:last-of-type {
    display: block;
    margin-left: 5px;
    font-size: 14px;
}

.gamipress-buddypress-points .gamipress-buddypress-points-type {
    display: inline-block;
}

#buddypress #item-header-cover-image #item-header-avatar .review-stars-rated {
    display: block;
}

#buddypress #item-header-cover-image #item-header-avatar .review-stars-rated .star-ratings-bp {
    display: inline-block;
}

#buddypress #item-header-cover-image #item-header-avatar .reviewers {
    margin-top: 10px;
    font-size: 14px;
}

#buddypress #item-header-cover-image #item-header-avatar .review-stars-rated .review-count {
    font-weight: 600;
    top: -2px;
    position: relative;
}

#buddypress div#item-header #item-header-cover-image #item-header-content #item-buttons li {
    list-style: none;
}

#buddypress div#item-header #item-header-cover-image #item-header-content #item-buttons li .members-action-buttons a.private-msg {
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .item-meta {
    margin-top: 10px;
}

#buddypress div#item-header #item-header-cover-image #item-header-content>div {
    width: 100% !important;
}

#buddypress div#item-header #item-header-cover-image #item-header-content>div#item-buttons {
    width: 35%;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .group-name {
    display: inline-block;
    text-transform: capitalize;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .group-status {
    font-size: 11px;
    vertical-align: middle;
    margin: 5px 4px;
    background: #f1f1f1;
    padding: 4px 8px;
    border-radius: 30px;
    top: -5px;
    position: relative;
    text-transform: capitalize;
}

body.buddypress .entry-header {
    display: none;
}

body.buddypress .content-inner #buddypress {
    margin-top: 0;
    margin: 0 0;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta {
    position: relative;
    top: 0;
    right: 0;
    float: right;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta .generic-button {
    margin-right: 0;
    float: right;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta .generic-button .button {
    padding: 12px;
    line-height: 8px;
    min-height: 10px;
    font-size: 13px;
    font-weight: 400 !important;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    margin: 5px 0;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta .generic-button .button:hover {
    color: #fff;
    background: #df613c;
    box-shadow: none;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .desc-wrap {
    background: 0 0;
    margin: 0;
    padding: 0;
    border: 0;
    margin-left: -140px;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .desc-wrap .group-description {
    box-shadow: none;
    padding: 0;
    font-size: 14px;
    line-height: 26px;
    background: 0 0;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .gamipress-buddypress-user-points {
    vertical-align: middle;
    font-weight: 600;
    font-size: 13px;
    margin-right: 2px;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .gamipress-buddypress-points-type {
    margin-right: 15px;
    vertical-align: middle;
}

#item-header #item-header-cover-image #item-header-content #item-meta .members-action-buttons {
    display: none;
}

#buddypress div#item-header .gamipress-buddypress-credits-label {
    vertical-align: middle;
    font-size: 13px;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-avatar {
    position: relative;
    margin-bottom: 30px;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-avatar #item-actions {
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    max-width: 125%;
    width: 100%;
    text-align: left;
    position: absolute;
    top: 155px;
}

#group-settings-form {
    background: #fff;
    padding: 25px;
    border-radius: 4px;
    border: 1px solid #eee;
}

#group-settings-form input[type="submit"] {
    margin-top: 30px;
}

#group-settings-form h2 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 20px;
}

.bp-help-text {
    margin-bottom: 0;
}

#buddypress #item-header-cover-image .moderators-lists .moderators-title {
    font-size: 13px;
    font-weight: 400;
    color: #777;
}

#buddypress #item-header-cover-image .moderators-lists {
    margin-bottom: 0;
}

#buddypress fieldset {
    margin: 0;
}

.buddypress-wrap .standard-form label,
.buddypress-wrap .standard-form span.label {
    font-size: 14px;
    margin: 0;
}

#buddypress #item-header-cover-image .moderators-lists .user-list li {
    margin-left: 0;
    padding: 0;
}

#buddypress #item-header-cover-image #item-header-avatar #item-actions img.avatar {
    border: none;
    background: 0 0;
    box-shadow: none;
    border-radius: 50px;
    width: 25px;
}

#buddypress div#item-header-cover-image p.bb-author-bio {
    font-size: 14px;
    margin-top: 15px;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical {
    position: absolute;
    right: 20px;
    top: -90px;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li {
    margin: 0;
    float: none;
    display: inline-block;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li a {
    background: #000;
    color: #fff;
    margin: 3px;
    font-size: 13px;
    width: 30px;
    display: block;
    line-height: 17px;
    text-align: center;
    border-radius: 100%;
    padding: 7px;
    height: 30px;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li.facebook a {
    background: #3b5998;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li.twitter a {
    background: #1da1f2;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li.instagram a {
    background: #833ab4;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li.youtube a {
    background: red;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li.linkedin a {
    background: #0077b5;
}

#buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical li.slack a {
    background: #e9a820;
}

.single-headers .last-active {
    top: -10px;
    position: relative;
    padding-left: 20px;
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.single-headers .last-active:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background: #59cb59;
    top: 11px;
    left: 5px;
}

.gamipress-buddypress-achievements,
.gamipress-buddypress-points,
.gamipress-buddypress-ranks {
    display: inline-block;
}

.gamipress-buddypress-achievement,
.gamipress-buddypress-point,
.gamipress-buddypress-rank {
    display: inline-block;
    border-radius: 30px !important;
    padding: 0;
    margin-right: 5px;
    margin-bottom: 10px;
}

.gamipress-buddypress-achievement-type-label,
.gamipress-buddypress-point-type-label,
.gamipress-buddypress-rank-type-label {
    display: none !important;
}

.gamipress-buddypress-achievement-title,
.gamipress-buddypress-point-title,
.gamipress-buddypress-rank-title {
    font-size: 12px;
}

.gamipress-buddypress-achievement img,
.gamipress-buddypress-point img,
.gamipress-buddypress-rank img {
    margin-top: -3px;
    width: 22px;
}

#buddypress .profile {
    background: #fff;
    margin-top: 10px;
}

#buddypress .profile .field-visibility-settings-header {
    margin-bottom: 10px;
    visibility: hidden;
}

#buddypress .profile .field-visibility-settings fieldset {
    margin: 10px 0 !important;
}

#buddypress .profile .visibility-toggle-link {
    font-size: 12px;
    visibility: visible;
    float: left;
    margin: 3px 1px;
    font-weight: 400 !important;
    text-decoration: none;
    color: #000;
}

#buddypress .profile .visibility-toggle-link:hover {
    background-color: transparent;
    box-shadow: none;
    text-decoration: none;
}

#buddypress .profile .current-visibility-level {
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    float: left;
    margin-top: 6px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #999;
}

.buddypress-wrap .profile.edit .editfield {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
}

.buddypress-wrap .profile.edit ul.button-nav {
    border-bottom: 1px solid #eee;
}

.buddypress-wrap .profile.edit ul.button-nav li {
    margin-left: 0;
    margin: 0;
    padding: 0 0 10px;
    margin-right: 15px;
}

.buddypress-wrap .profile.edit ul.button-nav li.current {
    border-bottom: 1px solid;
    margin-bottom: -1px;
    border-radius: 0 !important;
}

.buddypress-wrap .profile.edit ul.button-nav li a {
    padding: 0;
}

.buddypress-wrap .profile.edit ul.button-nav li.current a {
    background: #fff;
}

.buddypress-wrap .profile.edit ul.button-nav li a:focus,
.buddypress-wrap .profile.edit ul.button-nav li a:hover {
    background: 0 0;
}

.buddypress-wrap .profile.edit .editfield legend {
    font-weight: 400;
}

#buddypress .profile h2.edit-profile-screen,
#buddypress .profile h2.view-profile-screen {
    padding: 14px;
    border-bottom: 1px solid #eee;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    font-size: 16px;
    margin: 0;
}

#buddypress .profile.change-avatar,
#buddypress .profile.change-cover-image {
    padding: 20px 30px;
}

.bp-user .buddypress-wrap .item-body {
    margin: 0;
}

.buddypress-wrap .item-body .screen-heading.change-avatar-screen,
.buddypress-wrap .item-body .screen-heading.change-cover-image-screen {
    margin-top: 0;
}

#buddypress .profile.change-avatar form {
    padding: 0;
    margin: 0;
}

#buddypress .profile .bp-widget {
    padding: 0 10px 0;
}

#buddypress .profile .bp-widget h3,
#item-body .block-sub-heading {
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0;
    color: var(--primary);
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 17px;
}

#buddypress .profile .bp-widget .profile-fields td.data,
#buddypress .profile .bp-widget .profile-fields td.label {
    background: #fff;
    padding: 7px 15px;
    font-size: 13px;
    border-right: none;
}

#buddypress #item-header .bp-profile-links {
    margin: 25px 0;
    position: absolute;
}

#buddypress #item-header .bp-profile-links a {
    font-size: 14px;
    padding: 10px 0;
    display: block;
    line-height: 10px;
}

#buddypress #item-header .bp-profile-links a svg {
    margin-top: -4px;
    margin-right: 5px;
}

.hide-badge .bp-verified-badge {
    display: none;
}

.bp-user-designation {
    margin: 4px 8px;
}

#item-header-cover-image .bp-user-designation {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 0 10px;
    border-radius: 5px;
}

.bp-user-designation small {
    background: 0 0;
    padding: 0;
    border-radius: 50px !important;
    font-size: 12px;
    display: block;
    font-weight: 600;
    line-height: 20px;
    border: none !important;
}

#buddypress .bp-wrap .leanpress-buddpress-list-filters {
    margin: -30px 0 30px 0;
}

#buddypress .bp-wrap .leanpress-buddpress-list-filters li {
    margin-left: 0;
}

#buddypress .bp-wrap .leanpress-buddpress-list-filters li a {
    font-size: 14px;
    padding: 10px 0;
    display: block;
}

#buddypress .bp-wrap .learn-press-courses {
    margin: 0 -10px;
}

.bp-navs ul li .count {
    background: #999;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-size: 9px;
    margin-left: 2px;
    padding: 0 3.5px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 8px;
    line-height: 13px;
    width: fit-content;
}

.buddypress-wrap .tabbed-links ol,
.buddypress-wrap .tabbed-links ul {
    border-bottom-width: 0;
}

.buddypress-wrap .tabbed-links ol li.current,
.buddypress-wrap .tabbed-links ul li.current {
    border-color: transparent;
    border-style: solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 1px;
    margin-bottom: -1px;
    padding: 0;
    margin-right: 0;
}

.buddypress-wrap .tabbed-links ol li.current a,
.buddypress-wrap .tabbed-links ul li.current a {
    color: #fff;
    border-radius: 3px;
}

.buddypress-wrap .tabbed-links ol.group-create-buttons li.current a {
    color: #393e41;
    border: none;
    background: 0 0;
}

.buddypress-wrap .tabbed-links ol.group-create-buttons li.current {
    margin-bottom: 2px;
    margin-right: 10px;
}

ol.group-create-buttons li a,
ol.group-create-buttons li span {
    padding-left: 0 !important;
    display: grid !important;
    align-items: center;
    grid-template-columns: max-content 1fr 1fr;
}

ol.group-create-buttons li .nm {
    height: 22px;
    width: 22px;
    display: flex !important;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1d5d5 !important;
    justify-content: center;
    padding: 0 !important;
    margin: 0;
    font-size: 13px;
    margin-right: 10px;
    color: #ddd;
}

ol.group-create-buttons li .cnm {
    color: #fff;
    border: none !important;
}

ol.group-create-buttons li .txt {
    padding: 0 !important;
    margin: 0;
    margin-right: 10px;
    color: #b9b1b1;
}

ol.group-create-buttons li .ctxt {
    color: #464343;
}

ol.group-create-buttons li svg {
    justify-self: center;
    fill: #666;
}

ol.group-create-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    row-gap: 20px;
    align-items: center;
}

ol.group-create-buttons::before {
    content: none !important;
}

ol.group-create-buttons::after {
    content: none !important;
}

.group-create-links {
    width: 112%;
    margin-left: -40px;
    padding-left: 40px;
    border: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bp-subhead {
    text-align: center;
}

@media (max-width: 900px) {
    .group-create-links {
        width: 100%;
    }
}

#group-create-body .creation-step-name {
    text-align: left;
}

.group-create .buddypress-wrap {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding-top: 0;
    overflow: hidden;
}

.group-create .buddypress-wrap .bp-subhead {
    font-size: 24px;
    font-weight: 600;
    padding: 20px 27px 10px 27px;
    margin: -21px;
}

#buddypress .screen-content {
    position: relative;
}

#buddypress .groups-list {
    display: flex;
    flex-basis: 50%;
    flex-wrap: wrap;
}

#buddypress #groups-dir-list {
    margin-top: 0;
}

#buddypress .groups-list>li {
    border-radius: 4px;
    overflow: hidden;
    margin-left: 0;
}

#buddypress .groups-list>li .list-wrap {
    padding: 0;
    min-height: 100px;
}

#buddypress .groups-list>li .list-wrap .item-media-wrap,
#buddypress .members-list>li .list-wrap .item-media-wrap {
    position: relative;
}

#buddypress .groups-list>li .list-wrap .item-cover-img,
#buddypress .members-list>li .list-wrap .item-cover-img {
    height: 120px;
    overflow: hidden;
}

#buddypress .groups-list>li .list-wrap .item-cover-img {
    height: 150px;
}

#buddypress .groups-list>li .list-wrap .item-cover-img img,
#buddypress .members-list>li .list-wrap .item-cover-img img {
    height: 100%;
    max-width: inherit;
    width: auto;
    min-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}

#buddypress .groups-list>li .item-avatar {
    position: absolute;
    top: 60%;
    left: 20px;
}

#buddypress .groups-list>li .list-wrap {
    background: #fff;
}

#buddypress .groups-list>li .item {
    padding: 20px;
    margin: 0;
    width: 100%;
}

#buddypress .groups-list>li .item .last-activity.item-meta {
    margin: 0;
    color: #999;
}

#buddypress .groups-list>li .item .groups-meta.action {
    display: none;
}

#buddypress .groups-list>li .item-avatar img {
    width: 80px;
    border-radius: 20px;
    border-width: 0 !important;
}

#buddypress .groups-list>li .groups-title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    padding: 0;
}

.buddypress-wrap .groups-list li .item-meta.last-activity {
    margin-bottom: 20px !important;
}

#buddypress .groups-list>li .friends-meta li button.friendship-button.remove {
    background: #ff6565;
    color: #fff;
}

#buddypress .groups-list>li .item-block {
    width: 100%;
}

#buddypress .groups-list>li .item-block>* {
    display: block;
    text-align: left;
    float: none;
    margin-bottom: 5px;
}

#buddypress .groups-list>li .item-block .group-loops-footer {
    display: block;
    margin-top: 10px;
}

#buddypress .groups-list>li .item-block .group-loops-footer .groups-meta.action a,
#buddypress .groups-list>li .item-block .group-loops-footer .groups-meta.action button {
    padding: 8px;
    line-height: 8px;
    min-height: 10px;
    font-size: 12px;
    font-weight: 400 !important;
    border-radius: 2px;
    border: none;
    color: #000;
    background: 0 0;
    cursor: pointer;
}

#buddypress .groups-list>li .item-block .group-loops-footer .groups-meta.action a:hover,
#buddypress .groups-list>li .item-block .group-loops-footer .groups-meta.action button:hover {
    background: 0 0;
    box-shadow: none;
}

#buddypress .groups-list>li .item-block .group-loops-footer .groups-meta.action a.loading,
#buddypress .groups-list>li .item-block .group-loops-footer .groups-meta.action button.loading {
    box-shadow: none;
    animation: none;
}

#buddypress #item-header .group-memebers-dp,
#buddypress .groups-list>li .item-block .group-memebers-dp {
    display: block;
}

#buddypress #item-header .group-memebers-dp {
    margin-bottom: 20px;
}

#buddypress #item-header .group-memebers-dp img,
#buddypress .groups-list>li .item-block .group-memebers-dp img {
    margin: 0;
    border: 2px solid #fff;
    margin-left: -10px;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions,
body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content {
    margin-top: 0;
    width: 85%;
    max-width: 100%;
    float: left;
    text-align: left;
}

#buddypress #item-header-cover-image .moderators-lists {
    display: inline-block;
    margin-left: -140px;
}

#buddypress #item-header-cover-image .moderators-lists .moderators-title,
.groups-header .moderators-lists .user-list {
    display: inline-block;
}

#buddypress .invitation-link {
    display: inline-block;
    background: #25b163;
    padding: 1px 8px;
    color: #fff;
    font-size: 12px;
    border-radius: 8px;
    margin: 0 10px;
    line-height: 21px;
}

#buddypress #item-header .group-memebers-dp img:first-of-type,
#buddypress .groups-list>li .item-block .group-memebers-dp img:first-of-type {
    margin-left: 0;
}

#buddypress #item-header .group-memebers-dp .remaining,
#buddypress .groups-list>li .item-block .group-memebers-dp .remaining {
    margin: 4px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
}

#buddypress .groups-list>li .group-desc {
    display: none;
}

.buddypress-wrap .bp-navs li.current a .count,
.buddypress-wrap .bp-navs li.selected a .count,
.buddypress_object_nav .bp-navs li.current a .count,
.buddypress_object_nav .bp-navs li.selected a .count {
    background-color: #ff4b4b;
}

.buddypress-wrap .bp-pagination {
    background: 0 0;
    border: 0;
    color: #767676;
    float: none;
    font-size: small;
    margin: 0;
    padding: 0.5em 0;
    position: relative;
    width: 100%;
    line-height: 0;
    padding-top: 30px;
}

.buddypress-wrap .bp-pagination.bottom {
    padding: 0;
    padding-top: 0;
}

.buddypress-wrap .bp-pagination.top {
    display: none;
}

.buddypress-wrap .bp-pagination .pag-count {
    float: left;
    font-size: 12px;
    font-weight: 600;
}

.buddypress-wrap .bp-pagination .pag-count.top {
    display: none;
}

.buddypress-wrap .bp-pagination .pag-count.bottom {
    display: block;
    margin-top: 17px;
}

.friends #buddypress .generic-button button,
.single-item.groups #buddypress .generic-button a {
    line-height: 13px;
    padding: 10px;
    border-radius: 2px;
    position: relative;
    min-height: 35px;
    font-size: 12px;
    font-weight: 400 !important;
    vertical-align: middle;
    min-width: 40px;
}

.friends #buddypress .generic-button button:hover,
.single-item.groups #buddypress .generic-button a:hover {
    background: 0 0;
}

.friends #buddypress .generic-button button.accept,
.single-item.groups #buddypress .generic-button a.accept {
    background: #5bc3a2;
    color: #fff;
    border: 1px solid #5bc3a2;
}

.friends #buddypress .generic-button button.reject,
.single-item.groups #buddypress .generic-button a.reject {
    background: #d84a49;
    color: #fff;
    border-color: #d84a49;
}

.single-item.groups .bp-screen-title {
    display: none;
}

.item-list.members-friends-list.bp-list>li,
.item-list.members-group-list.bp-list>li {
    background: #fff;
    margin: 0 0 0;
    border: 1px solid #eee;
}

.item-list.members-friends-list.bp-list li.send-private-message.generic-button {
    display: none;
}

.item-list.members-friends-list.bp-list.grid>li,
.item-list.members-group-list.bp-list.grid>li {
    background: 0 0;
    border: none;
}

.item-list.members-friends-list.bp-list.grid>li>.list-wrap,
.item-list.members-group-list.bp-list.grid>li>.list-wrap {
    padding-bottom: 0;
    max-width: 100%;
    min-height: 100px;
    background: #fff;
    border: 1px solid #f1f1f1;
}

.item-list.members-friends-list.bp-list>li .item,
.item-list.members-group-list.bp-list>li .item {
    width: 100%;
    padding: 10px 0;
}

.item-list.members-friends-list.bp-list>li .item .item-block,
.item-list.members-group-list.bp-list>li .item .item-block {
    width: 100%;
    padding: 10px 0;
    min-height: 10px;
}

.item-list.members-friends-list.bp-list>li .item .last-activity,
.item-list.members-group-list.bp-list>li .item .last-activity {
    text-align: left;
}

.item-list.members-friends-list.bp-list>li .item .user-update,
.item-list.members-group-list.bp-list>li .item .user-update {
    display: none;
}

.item-list.members-friends-list.bp-list>li .item .friends-meta.action,
.item-list.members-group-list.bp-list>li .item .groups-meta.action {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    left: auto;
    width: 65px;
    height: 60px;
}

.item-list.members-friends-list.bp-list.grid.four>li .item .friends-meta.action,
.item-list.members-friends-list.bp-list.grid.three>li .item .friends-meta.action,
.item-list.members-group-list.bp-list.grid.four>li .item .groups-meta.action,
.item-list.members-group-list.bp-list.grid.three>li .item .groups-meta.action {
    position: relative;
    top: auto;
    right: auto;
    transform: translateY(0);
}

.item-list.members-friends-list.bp-list>li .item .joined.item-meta,
.item-list.members-group-list.bp-list>li .item .joined.item-meta {
    margin: 5px 0;
    text-align: left;
}

.item-list.members-friends-list.bp-list>li .list-wrap,
.item-list.members-group-list.bp-list>li .list-wrap {
    display: flex;
    align-items: center;
}

.item-list.members-friends-list.bp-list>li .list-wrap .bp-user-designation,
.item-list.members-friends-list.bp-list>li .list-wrap .item-cover-img {
    display: none;
}

.item-list.members-friends-list.bp-list.grid.four>li .list-wrap,
.item-list.members-friends-list.bp-list.grid.three>li .list-wrap,
.item-list.members-group-list.bp-list.grid.four>li .list-wrap,
.item-list.members-group-list.bp-list.grid.three>li .list-wrap {
    display: block;
    align-items: center;
}

.item-list.members-friends-list.bp-list>li .list-wrap .list-title.member-name,
.item-list.members-group-list.bp-list>li .list-wrap .list-title.member-name {
    font-size: 14px;
    font-weight: 600;
    max-width: 100%;
    margin-top: 10px;
    text-align: left;
    padding: 0;
}

.item-list.members-friends-list.bp-list>li .list-wrap .item-avatar,
.item-list.members-group-list.bp-list>li .list-wrap .item-avatar {
    width: 55px;
    margin-left: 20px;
    margin-right: 13px;
    margin-top: -15px;
}

.item-list.members-friends-list.bp-list>li .list-wrap .item-avatar img,
.item-list.members-group-list.bp-list>li .list-wrap .item-avatar img {
    width: 55px;
}

#buddypress .bp-wrap .item-list.bp-list>li .bp-feedback {
    padding: 0;
    margin: 0;
    vertical-align: top;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 1px;
    border: none;
    display: block;
    align-items: center;
}

.directory.members #members-list li {
    max-height: auto;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.directory.members #members-list li .list-wrap {
    background: #fff;
    padding-top: 0;
    padding-bottom: 10px;
    border-top: none !important;
}

.directory.members #members-list li.is-current-user .bp-th-friends-button {
    visibility: hidden;
    opacity: 0;
}

.directory.members #members-dir-list .bp-pagination.bottom {
    display: inline-block;
}

.directory.members #members-dir-list .bp-pagination.top {
    display: none;
}

.buddypress-wrap .bp-pagination .bp-pagination-links a {
    font-size: small;
    padding: 3px 9px;
    background: #ddd;
    border-radius: 3px;
}

.directory.members #members-dir-list .bp-pagination {
    display: block;
}

.directory.members #members-list li .send-private-message {
    display: none;
}

.directory.members #members-list li .list-wrap .item-avatar img {
    width: 95px;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border-width: 0 !important;
    border: 3px solid #fff;
    margin-top: -70px;
    border-radius: 20px !important;
}

.directory.members #members-list li .list-wrap .list-title.member-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
}

.directory.members #members-list li .list-wrap .item .gamipress-buddypress-points-type {
    display: none;
}

.directory.members #members-list li ul.members-meta {
    display: none;
}

.directory.members #members-list li:hover ul.members-meta {
    opacity: 1;
}

.directory.members #members-list li ul.members-meta div,
.directory.members #members-list li ul.members-meta li {
    margin: 10px;
}

.directory.members #members-list li ul.members-meta div a,
.directory.members #members-list li ul.members-meta div button,
.directory.members #members-list li ul.members-meta li a,
.directory.members #members-list li ul.members-meta li button {
    line-height: 25px;
    border-radius: 4px;
    transition: all 0.4s ease;
}

body #buddypress ul div a.friendship-button,
body #buddypress ul div button.friendship-button,
body #buddypress ul li a.friendship-button,
body #buddypress ul li button.friendship-button {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
    width: 40px;
    float: right;
    margin-right: 6px;
    padding: 0;
    min-height: 29px;
    border-radius: 2px !important;
}

body #buddypress ul div a.friendship-button:hover,
body #buddypress ul div button.friendship-button:hover,
body #buddypress ul li a.friendship-button:hover,
body #buddypress ul li button.friendship-button:hover {
    background: #fff !important;
}

body #buddypress ul div a.friendship-button.awaiting_response_friend,
body #buddypress ul div a.friendship-button.is_friend.remove,
body #buddypress ul div a.friendship-button.not_friends.add,
body #buddypress ul div a.friendship-button.pending_friend,
body #buddypress ul li button.friendship-button.awaiting_response_friend,
body #buddypress ul li button.friendship-button.is_friend.remove,
body #buddypress ul li button.friendship-button.not_friends.add,
body #buddypress ul li button.friendship-button.pending_friend {
    background: #eee;
    border: none;
    min-height: 35px;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px;
    max-width: 200px;
    width: 130px;
    font-size: 12px;
    font-weight: 400 !important;
}

body #buddypress ul div.friendship-button.awaiting_response_friend,
body #buddypress ul div.friendship-button.pending_friend {
    background: 0 0 !important;
    border: none !important;
}

body #buddypress ul div a.friendship-button.pending_friend:hover,
body #buddypress ul li button.friendship-button.pending_friend:hover {
    background: #f1f1f1 !important;
}

#buddypress ul div a.send-message,
#buddypress ul li a.send-message {
    background: #23d2e3;
    color: #fff;
    border: 1px solid #23d2e3;
}

#buddypress ul div a.send-message:hover,
#buddypress ul li a.send-message:hover {
    background: #13cbdd;
}

#buddypress ul div svg,
#buddypress ul li svg {
    width: 20px;
    height: 20px;
}

:not(.vertical)+.item-body #group-invites-container {
    display: block;
}

.buddypress-wrap .bp-pagination.top {
    display: none;
}

#buddypress .profile-friendship-button a {
    position: absolute;
    right: 15px;
    top: 250px;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    height: auto;
    background: #fff;
    border: none;
}

.friend-status {
    display: none;
}

#buddypress .profile-friendship-button a .friend-status {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    padding-left: 10px;
    vertical-align: middle;
}

#buddypress .profile-friendship-button a:focus,
#buddypress .profile-friendship-button a:hover {
    border: none;
    background: #f1f1f1;
    border-color: #f1f1f1;
    border-width: 1px;
}

.profile-friendship-button a.awaiting_response_friend,
.profile-friendship-button a.pending_friend {
    background: #ffd026;
    color: #fff;
    border: 1px solid #ffd026;
}

.profile-friendship-button a.awaiting_response_friend:hover,
.profile-friendship-button a.pending_friend:hover {
    background: #f3c51b;
    box-shadow: 0 5px 15px #ffefaa;
}

.profile-friendship-button a.not_friends {
    background: #615dfa;
    color: #fff;
    border: 1px solid #615dfa;
}

.profile-friendship-button a.not_friends:hover {
    background: #4c47f3;
    box-shadow: 0 5px 15px #c5c4ff;
}

.profile-friendship-button a.is_friend.remove {
    background: #fc636b !important;
    color: #fff !important;
}

.buddypress-wrap form#group-members-search button[type="submit"],
.buddypress-wrap form.bp-dir-search-form button[type="submit"],
.buddypress-wrap form.bp-messages-search-form button[type="submit"],
.buddypress-wrap form[data-bp-search].bp-invites-search-form button[type="submit"] {
    position: relative;
}

.buddypress-wrap form#group-members-search button[type="submit"]:hover,
.buddypress-wrap form.bp-dir-search-form button[type="submit"]:hover,
.buddypress-wrap form.bp-messages-search-form button[type="submit"]:hover,
.buddypress-wrap form[data-bp-search].bp-invites-search-form button[type="submit"]:hover {
    background: #fff;
}

.buddypress .buddypress-wrap a.disabled,
.buddypress .buddypress-wrap button.disabled,
.buddypress .buddypress-wrap button.pending,
.buddypress .buddypress-wrap div.pending a,
.buddypress .buddypress-wrap input[type="button"].disabled,
.buddypress .buddypress-wrap input[type="button"].pending,
.buddypress .buddypress-wrap input[type="reset"].disabled,
.buddypress .buddypress-wrap input[type="reset"].pending,
.buddypress .buddypress-wrap input[type="submit"].pending,
.buddypress .buddypress-wrap input[type="submit"][disabled="disabled"] {
    border-color: #eee;
    color: #777;
    cursor: default;
    background: #ddd;
}

#buddypress .bp-search form {
    border: none;
    width: 100%;
    margin-left: 0;
    border-radius: 10px;
}

#buddypress .bp-search form:hover {
    box-shadow: none;
}

#buddypress .bp-search form input[type="search"] {
    height: 42px;
    font-size: 13px;
    padding: 0 15px;
    margin-left: 20px;
    width: 90%;
}

#buddypress .bp-search form button[type="submit"] {
    color: #555;
    top: 2px;
    padding: 7px 10px;
    min-height: 10px;
    right: 2px;
    border-radius: 2px;
    box-shadow: none;
    position: absolute;
    left: 0;
}

.buddypress.single.activity #buddypress #activity-stream {
    padding: 0;
}

.buddypress.single.activity #buddypress #activity-stream .bp-feedback.bp-messages.error {
    padding: 5px 10px;
    margin: 10px;
    border-radius: 5px;
}

.gamipress.activity_update .activity-inner .gamipress-points-award {
    text-align: center;
}

.gamipress.activity_update .activity-inner img {
    margin: 20px 0;
}

.gamipress.activity_update .activity-inner .gamipress-points-type-description {
    font-size: 20px;
}

.buddypress.single.activity #buddypress #activity-stream .activity-header {
    text-align: left;
    padding-top: 20px;
}

.buddypress.single.activity #buddypress #activity-stream .activity-inner {
    margin-left: 20px;
}

.buddypress.single.activity.bp-user #buddypress #activity-stream .activity-inner {
    margin-left: 0;
}

#buddypress #activity-stream {
    padding-top: 0;
}

#buddypress .bp-search form button[type="submit"]:hover {
    box-shadow: none;
    background: 0 0;
}

#buddypress .bp-search form button[type="submit"] .dashicons-search:before {
    content: "\e610";
    font-family: themify;
    font-size: 14px;
    top: 8px;
    position: absolute;
    left: 10px;
}

body.buddypress .th-default-course-block .th-course-details h5,
body.buddypress .th-default-course-block:hover .th-course-details h5 {
    font-weight: 600;
    text-decoration: none;
    line-height: 28px;
    font-size: 18px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 0;
}

.activity-list .activity-item .activity-meta.action a {
    font-size: 12px;
    font-weight: 400;
}

.buddypress .widget .item .item-meta .activity,
.buddypress.widget .item .item-meta .activity,
.elementor-widget .item .item-meta .activity,
.youzify-sidebar .widget_bp_groups_widget .bp-dynamic-block-container ul.item-list li .item .item-meta span {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}

.buddypress .widget .widget-title,
.buddypress.widget .widget-title,
.elementor-widget .widget-title,
.widget-area .widget .widget-title {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 600;
}

.buddypress .widget .widget-title:after,
.buddypress.widget .widget-title:after,
.elementor-widget .widget-title:after {
    display: none;
}

.buddypress .widget .activity-list,
.buddypress.widget .activity-list,
.elementor-widget .activity-list {
    padding: 0;
}

.buddypress .widget .bp-widget-single-activity,
.buddypress.widget .bp-widget-single-activity,
.elementor-widget .bp-widget-single-activity {
    margin: 15px 0;
}

.buddypress .widget .bp-widget-single-activity .bp-activity-avatar,
.buddypress.widget .bp-widget-single-activity .bp-activity-avatar,
.elementor-widget .bp-widget-single-activity .bp-activity-avatar {
    width: 45px;
    float: left;
}

.buddypress .widget .bp-widget-single-activity .bp-activity-avatar img,
.buddypress.widget .bp-widget-single-activity .bp-activity-avatar img,
.elementor-widget .bp-widget-single-activity .bp-activity-avatar img {
    border-radius: 50px;
    margin-top: 1px;
    width: 33px;
}

.buddypress .widget .bp-widget-single-activity .bp-activity-content p,
.buddypress.widget .bp-widget-single-activity .bp-activity-content p,
.elementor-widget .bp-widget-single-activity .bp-activity-content p {
    line-height: 20px;
    font-weight: 400;
    color: #999;
    margin-left: 45px;
    font-size: 13px;
}

.bp-list:after,
.bp-list:before {
    content: none;
}

.buddypress .widget .bp-widget-single-activity .bp-activity-content a,
.buddypress.widget .bp-widget-single-activity .bp-activity-content a,
.elementor-widget .bp-widget-single-activity .bp-activity-content a,
body .tophive-mc-recent-post-widget h6 small {
    font-weight: 600;
    font-size: 13px;
    color: #555;
    line-height: 20px;
}

.buddypress .widget .bp-widget-single-activity .bp-activity-content a img,
.buddypress.widget .bp-widget-single-activity .bp-activity-content a img,
.elementor-widget .bp-widget-single-activity .bp-activity-content a img {
    border-radius: 30px;
    margin-right: 5px;
}

.bp-wrap .bp-list:after,
.bp-wrap .bp-list:before {
    display: none;
}

.buddypress .widget .widget-title,
.buddypress.widget .widget-title,
.elementor-widget h5 {
    font-size: 14px;
}

.elementor-widget .avatar-block {
    display: flex;
    flex-flow: row wrap;
}

.buddypress .widget .avatar-block img,
.buddypress.widget .avatar-block img,
.elementor-widget .avatar-block img {
    margin: 3px;
    max-width: 48px;
}

.tophive-mf-groups-info-widget p {
    font-weight: 400;
}

.buddypress .widget .avatar-block,
.buddypress.widget .avatar-block,
.elementor-widget .avatar-block {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}

.buddypress .widget ul#friends-list li .item,
.buddypress .widget ul#groups-list li .item,
.buddypress .widget ul#members-list li .item,
.buddypress.widget ul#friends-list li .item,
.buddypress.widget ul#groups-list li .item,
.buddypress.widget ul#members-list li .item,
.elementor-widget ul#friends-list li .item {
    margin-left: 65px;
}

.buddypress-wrap .bp-navs li#home-groups-li {
    display: none;
}

.buddypress .widget .item-options,
.buddypress.widget .item-options,
.widget_bp_groups_widget .item-options .elementor-widget .item-options {
    font-size: 12px;
    margin: -5px 0 23px;
    padding: 0 0 3px 0;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #eee;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
}

.buddypress .widget .item-options a,
.buddypress.widget .item-options a,
.elementor-widget .item-options a,
.widget_bp_groups_widget .item-options a {
    margin-right: 24px;
    white-space: nowrap;
}

.buddypress .widget .item-options a.selected,
.buddypress.widget .item-options a.selected,
.elementor-widget .item-options a.selected,
.widget_bp_groups_widget .item-options a.selected {
    color: #555;
    position: relative;
}

.buddypress .widget .item-options a.selected:after,
.buddypress.widget .item-options a.selected:after,
.elementor-widget .item-options a.selected:after,
.widget_bp_groups_widget .item-options a.selected:after {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #555;
}

.buddypress .widget .item-options .bp-separator,
.elementor-widget .item-options .bp-separator {
    display: none;
}

.bp-invites-content ul#members-list li {
    background: #fff;
    padding: 15px !important;
    border-radius: 4px;
}

.bp-invites-content ul#members-list li .item .list-title.member-name {
    font-size: 14px;
    font-weight: 600;
    margin: 14px 0;
}

.bp-invites-content ul#members-list li .action .invite-button {
    margin: 10px;
    padding: 0 16px;
    min-height: 32px;
}

.bp-invites-content ul#members-list li .item-avatar img {
    width: 43px;
}

.bp-invites-content ul#members-list li .action .invite-button.selected:before {
    transform: rotate(45deg);
}

.bp-invites-content ul#members-list li .action .invite-button:before {
    position: absolute;
    content: "+";
    font-size: 21px;
    color: #fff;
    top: -1px;
    left: 10px;
    font-weight: 300;
    transition: all 0.4s ease;
}

.bp-invites-content ul#members-list li .action .invite-button .icons {
    display: none;
}

.buddypress .bp-invites-content ul#members-list.item-list li.selected {
    box-shadow: none;
    border: 1px solid #ccc;
}

.bp-messages-wrap .threads-list .thread .info .name {
    font-size: 16px;
    line-height: 28px;
}

.bp-messages-wrap .threads-list .thread .info .name+h4 {
    font-size: 14px;
    margin: 0 0 4px;
    text-transform: none;
    font-weight: 500;
    line-height: 18px;
}

.bp-messages-wrap .threads-list .thread .info p {
    font-size: 14px;
}

.bp-messages-wrap .chat-header {
    position: relative;
    height: 63px;
    background: #f9f6f4;
    border-bottom: 1px solid #f1f1f1;
    line-height: 42px;
    box-sizing: border-box;
    padding: 10px 0;
}

.buddypress-wrap table.notifications tbody td {
    padding: 20px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.buddypress-wrap table.notifications .actions,
.buddypress-wrap table.notifications .notification-actions {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.buddypress-wrap table.notifications .notification-actions a {
    display: flex;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 50px;
    align-items: center;
    margin: -5px 5px;
    position: relative;
}

.buddypress-wrap table.notifications .notification-actions a span {
    position: absolute;
    top: -50px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    background: #000;
    color: #fff;
    padding: 8px 12px;
    width: max-content;
    border-radius: 10px;
    transform: translateX(-50%) translateY(10px);
    transition: all 0.4s ease;
}

.buddypress-wrap table.notifications .notification-actions a span::after {
    position: absolute;
    content: "";
    background: #000;
    width: 15px;
    height: 15px;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.buddypress-wrap table.notifications .notification-actions a:hover span {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.buddypress-wrap table.notifications .notification-actions a:hover {
    background-color: #eaeaea;
}

.buddypress-wrap table.notifications thead th {
    padding: 20px;
    background: #f9f6f4;
}

.buddypress-wrap .select-wrap,
.buddypress-wrap .select-wrap:hover {
    border: none;
}

.buddypress-wrap .select-wrap select {
    cursor: pointer;
    margin-right: 0;
    padding: 3px 10px;
    position: relative;
    text-indent: 0;
    z-index: 1;
    width: auto;
}

.notification-actions .dashicons:before {
    font-size: 17px;
    opacity: 0.7;
}

.notification-actions .dashicons-dismiss:before {
    content: "\e605";
    font-family: themify;
}

.notification-actions a {
    margin: 0 4px;
}

.buddypress .buddypress-wrap .activity-list a.button {
    line-height: 36px;
}

.th-bp-activity-like-button .reaction_icons {
    position: absolute;
    bottom: 32px;
    background: #fff;
    padding: 8px;
    border-radius: 50px;
    left: -15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 9%);
    visibility: hidden;
    transition: all 0.1s ease;
    transform: scale(0.6) translateY(10px);
    transform-origin: left bottom;
    opacity: 0;
}

.th-bp-activity-like-button .reaction_icons img {
    width: 40px;
    transform: translateY(20px) scale(0.8);
    transition: all 0.3s ease;
    cursor: pointer;
}

.th-bp-activity-like-button:hover .reaction_icons img:first-child {
    transform: translateY(0) scale(1);
    transition-delay: 0.1s;
}

.th-bp-activity-like-button:hover .reaction_icons img:nth-child(2) {
    transform: translateY(0) scale(1);
    transition-delay: 0.15s;
}

.th-bp-activity-like-button:hover .reaction_icons img:nth-child(3) {
    transform: translateY(0) scale(1);
    transition-delay: 0.2s;
}

.th-bp-activity-like-button:hover .reaction_icons img:nth-child(4) {
    transform: translateY(0) scale(1);
    transition-delay: 0.25s;
}

.th-bp-activity-like-button:hover .reaction_icons img:nth-child(5) {
    transform: translateY(0) scale(1);
    transition-delay: 0.3s;
}

.th-bp-activity-like-button:hover .reaction_icons img:nth-child(6) {
    transform: translateY(0) scale(1);
    transition-delay: 0.35s;
}

.th-bp-activity-like-button .reaction_icons img:focus {
    background: #eee;
    padding: 4px;
    border-radius: 50px;
}

.th-bp-activity-like-button .reaction_icons img:hover {
    transform: scale(1.05) translateY(-5px) !important;
    transition-delay: 0s !important;
    transition: all 0.4s ease !important;
}

.buddypress .tophive-mc-recent-post-widget p.widget-blog-date {
    font-size: 12px;
    font-weight: 400;
    color: #999;
}

.buddypress .tophive-mc-recent-post-widget p.widget-blog-date small {
    font-size: 100%;
}

.buddypress .tophive-mc-recent-post-widget h6,
.buddypress .tophive-mc-recent-post-widget h6 small {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #555;
}

.buddypress .tophive-mc-recent-post-widget h6 small {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buddypress .tophive-mc-recent-post-widget .th-post-widget-thumb {
    height: 60px;
}

.buddypress .bbp-replies-widget li time,
.elementor-widget .bbp-replies-widget li time {
    font-size: 12px;
    font-weight: 400;
    display: block;
    color: #999;
}

.elementor-widget .bbp-replies-widget li time {
    margin-left: 25px;
}

.buddypress .widget-area .widget .bbp-replies-widget li {
    margin-bottom: 15px !important;
}

.buddypress .bbp-replies-widget li a {
    line-height: 20px;
}

.bp-verified-badge,
.bp-verified-member .item-title>a:after,
.bp-verified-member .member-name-item>a:after,
.bp-verified-member .member-name>a:after,
.bp-verified-member>.author>a:after {
    width: 15px;
    height: 15px;
}

.whats-new-close {
    float: right;
    background: #eee !important;
    color: #555 !important;
    margin: 0 5px;
    position: absolute;
    right: 6px;
    top: 0;
    border-radius: 50%;
    padding: 4px;
}

.whats-new-close svg {
    width: 25px;
    height: 25px;
    background: #eee;
    border-radius: 50%;
    color: var(--light-black);
    cursor: pointer;
}

.whats-new-image>input,
.whats-new-video>input {
    display: none;
}

.whats-new-image img {
    width: 80px;
    cursor: pointer;
}

#whats-new-attachments>p {
    padding: 8px 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    gap: 5px;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    margin: 0px;
    cursor: pointer;
}

#whats-new-attachments svg {
    width: 20px;
    height: 20px;
}
#whats-new-attachments>p input.file-input {
    display: none;
}

.whats-new-previewer {
    position: relative;
    bottom: 1px;
    margin: 0 25px 40px;
    height: 0;
    transition: all 0.4s ease;
    display: none;
}

.whats-new-previewer p {
    margin-right: 5px;
    display: inline;
}

.whats-new-previewer p:first-of-type {
    margin-left: 0;
    font-weight: 400;
    font-size: 13px;
}

.whats-new-previewer.previewer-toggle {
    position: relative;
    bottom: 1px;
    margin: 0 0 15px;
    height: auto;
    display: block;
}

.whats-new-previewer .previewer-uploader {
    display: inline-block;
    margin: 0;
    border: 1px dashed #ddd;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 5px;
    width: 60px;
    height: 60px;
}

.whats-new-previewer .media-uploading {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    border-radius: 3px;
    vertical-align: bottom;
    position: relative;
    margin-bottom: 5px;
    border: 1px dashed #ddd;
    padding: 10px;
}

.document-preview-wrapper {
    background: #f1f1f1;
    padding: 13px 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bp-document-container .document-preview-wrapper {
    background: #f9f9f9;
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #eee;
    position: relative;
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.bp-document-container .document-preview-wrapper svg {
    width: 36px !important;
    height: 36px !important;
    margin-left: 5px;
}

.bp-document-container .document-preview-wrapper a.download {
    position: absolute;
    right: 15px;
    top: 12px;
    background: #fff;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 5px #ddd !important;
}

.bp-document-container .document-preview-wrapper p.filedata {
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bp-document-container .document-preview-wrapper a.download svg {
    margin: 0;
    height: 15px !important;
}

.bp-document-container .document-preview-wrapper .filemetadata {
    text-transform: uppercase;
    color: #bbb;
}

.whats-new-previewer .media-uploading .remove-media {
    position: absolute;
    top: -8px;
    left: -1px;
    background: var(--primary);
    border-radius: 50px;
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    padding: 0.5px 5px;
    cursor: pointer;
    font-weight: 700;
}

.whats-new-previewer .media-uploading .remove-media:hover {
    background: var(--secondary);
}

.whats-new-previewer .media-uploading img,
.whats-new-previewer .media-uploading video {
    transition: transform 1s ease;
    width: 100%;
    height: 100% !important;
}

.comments-media-previewer.media-uploading {
    height: 30px;
}

.comments-media-previewer.media-uploading.done {
    height: auto;
}

.comments-media-previewer.media-uploading:before {
    top: 0 !important;
}

.comments-media-previewer.media-uploading:before,
.whats-new-previewer .media-uploading:before {
    position: absolute;
    content: "";
    width: 20px;
    animation-name: spin;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    height: 20px;
    background: 0 0;
    top: 23px;
    left: 23px;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    border-top: 1px solid #999;
}

.comments-media-previewer.media-uploading.done:before,
.whats-new-previewer .media-uploading.done:before {
    display: none;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.whats-new-previewer .previewer-uploader label {
    padding: 15px;
    margin: 0;
    cursor: pointer;
    font-size: 20px;
    color: #999;
    font-weight: 300;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whats-new-previewer .previewer-uploader input {
    display: none;
}

#buddypress #bbpress-forums div.bbp-search-form,
.bbpress #bbpress-forums div.bbp-search-form {
    position: relative;
}

#buddypress #bbpress-forums div.bbp-search-form input[type="text"],
.bbpress #bbpress-forums div.bbp-search-form input[type="text"] {
    width: 300px !important;
    height: 36px;
}

#buddypress #bbpress-forums div.bbp-search-form input[type="text"]:focus,
.bbpress #bbpress-forums div.bbp-search-form input[type="text"]:focus {
    box-shadow: none !important;
}

#buddypress #bbpress-forums div.bbp-search-form input[type="submit"],
.bbpress #bbpress-forums div.bbp-search-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 2px 2px 0;
    font-size: 13px;
    height: 36px;
}

#buddypress #bbpress-forums .entry-title {
    display: none;
}

#buddypress #bbpress-forums li.bbp-body ul.forum:first-of-type,
#buddypress #bbpress-forums li.bbp-body ul.topic:first-of-type {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

#buddypress #bbpress-forums ul.bbp-topics {
    margin-bottom: 10px;
}

#buddypress #bbpress-forums ul.bbp-topics .tophive-forum-topic-loop-single {
    border: none;
}

.tophive-forum-topic-loop-single {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
}

.bp-activity-avatar-change {
    text-align: center;
}

.bbpress .tophive-breadcrumbs-container {
    border: none !important;
    border-radius: 0;
}

.bp-activity-avatar-change img:last-of-type {
    width: 150px;
    margin-top: -75px;
    border: 5px solid #fff;
}

.bp-activity-avatar-change img.image-cover {
    margin-top: 10px;
    width: 100%;
}

.image-cover-blank {
    background: rgba(0, 0, 0, 0.1);
    height: 120px;
}

.buddypress-wrap .members-list li .last-activity {
    display: none;
}

.buddypress-wrap .members-list li .members-about .member-designation {
    font-size: 12px;
    font-weight: 500;
    color: #777;
}

.buddypress-wrap .members-list li .user-facts {
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-bottom-width: 0 !important;
    border-right-width: 0 !important;
}

.buddypress-wrap .members-list li .user-facts p span:first-of-type {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.buddypress-wrap .members-list li .user-facts p span:last-of-type {
    font-size: 13px;
    color: #999;
}

.buddypress-wrap .members-list li .members-action-buttons {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    align-items: stretch;
    width: 100%;
}

#buddypress #item-header-cover-image .members-action-buttons {
    margin-top: 0;
}

.buddypress-wrap .members-list li .members-action-buttons a {
    background: #eee;
    padding: 7px;
    min-width: 20%;
    margin: 0 5px;
    text-align: center;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
    color: #111;
}

.buddypress-wrap .members-list li .members-action-buttons a.bp-th-follow-button {
    flex: 1;
}

.buddypress-wrap .members-list li .members-action-buttons a.bp-th-follow-button.following {
    color: #fff;
}

.buddypress-wrap .members-list li .members-action-buttons a:hover .show {
    display: none;
}

.buddypress-wrap .members-list li .members-action-buttons a:hover .hidden {
    display: block;
}

#buddypress.buddypress-wrap .members-list li .members-action-buttons a svg {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: -8px;
}

#buddypress.buddypress-wrap .members-list li .members-action-buttons a.private-msg svg {
    margin-left: 0;
}

#buddypress.buddypress-wrap .members-list li .members-action-buttons a svg.sharing-spinner {
    position: relative;
    margin-top: 0 !important;
}

#buddypress.buddypress-wrap .members-list li .members-action-buttons a svg.sharing-spinner .path {
    stroke: #fff;
}

#buddypress.buddypress-wrap .members-list li .members-action-buttons a svg.small-icon {
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-left: -4px;
    margin-right: 3px;
}

.buddypress-wrap .members-list li .members-action-buttons a.bp-th-friends-button {
    color: #fff;
}

.buddypress-wrap .members-list li .members-action-buttons a.private-msg:hover {
    background: #ddd;
}

.buddypress-wrap .members-list li .member-cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 120px;
    width: 100%;
    z-index: 0;
}

.buddypress-wrap .members-list li .tophive-buddypress-gamipress {
    margin: 20px 0 0;
}

.advanced-th-bp-activity-form {
    top: -57px;
    height: 107px;
    padding: 15px;
    outline: 0;
    overflow: scroll;
    position: relative;
    margin-left: 45px;
    font-size: 19px;
    color: #888;
    margin-bottom: -35px;
    left: 5px;
    font-weight: 400;
}

.advanced-th-bp-activity-form:before {
    content: attr(data-placeholder);
    color: #888;
    font-size: 15px;
    pointer-events: none;
}

.comments-text:empty:before {
    content: attr(data-placeholder);
    color: #888;
}

#buddypress .activity-extension-links {
    position: relative;
}
.activity_header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
#buddypress .activity-extension-links .open-button {
    cursor: pointer;
    padding: 11px 0;
    height: 40px;
    width: 40px;
    line-height: 17px;
    border-radius: 50%;
    transition: all 0.4s ease;
    text-align: center;
    display: block;
}

#buddypress .activity-extension-links .open-button svg {
    width: 19px;
    height: 19px;
}

#buddypress .activity-extension-links .open-button:hover {
    background: #eee;
}

#buddypress .activity-extension-links ul {
    position: absolute;
    background: #fff;
    top: 50px;
    right: 10px;
    padding: 10px 0;
    width: 300px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(5px);
    z-index: 9;
    box-shadow: 0 5px 10px #eee;
    border: 1px solid #e7e7e7;
    border-radius: 7px;
}

#buddypress .activity-extension-links ul li {
    padding: 0;
    margin: 0;
}

#buddypress .activity-extension-links ul li a {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 600 !important;
    display: flex;
    text-align: left;
    background: 0 0;
    align-items: start;
}

#buddypress .activity-extension-links ul li a h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    color: var(--light-black);
}

#buddypress .activity-extension-links ul li a p {
    font-size: 13px;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 4px;
    color: var(--light-black);
}

#buddypress .activity-extension-links ul li a svg {
    margin-top: 2px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

#buddypress .activity-extension-links ul li a:hover {
    background: var(--light-bg);
}

.activity-list .activity-item .activity-read-more {
    margin: 0;
}

.activity-list .activity-item .activity-read-more a {
    font-weight: 600 !important;
    padding: 0;
}

.activity-list .activity-item.bbp_topic_create .activity-inner p img {
    margin: 15px 0;
}

.activity-list .activity-item .activity-meta.action div.generic-button {
    display: none;
}

.activity-list .activity-item .activity-meta.action div.generic-button:first-of-type {
    display: inline-block;
}

#buddypress .activity-footer-links .th-bp-footer-meta span.logged-out {
    margin-right: 10px;
}

#buddypress .activity-footer-links .th-bp-footer-meta,
#buddypress .activity-footer-links .th-bp-footer-meta-actions {
    display: flex;
}

#buddypress .activity-footer-links .th-bp-footer-meta-actions {
    border-left-width: 0 !important;
    border-bottom-width: 0 !important;
    border-right-width: 0 !important;
    border-top: 1px solid #eee;
    padding: 5px 0 0;
    margin-top: 6px;
    border-radius: 0 !important;
}

#buddypress .activity-sharing .activity-footer-links .th-bp-footer-meta-actions {
    margin-top: 0;
    border-top: none !important;
}

#buddypress .activity-footer-links .th-bp-footer-meta-actions>div,
#buddypress .activity-footer-links .th-bp-footer-meta>div {
    margin-right: 15px;
}

#buddypress .activity-footer-links .th-bp-footer-meta-actions>div.th-bp-post-comment-button a svg,
#buddypress .activity-footer-links .th-bp-footer-meta-actions>div.th-bp-post-share-button a svg {
    margin-top: -3px;
    width: 18px;
    height: 18px;
}

.th-bp-post-share-button ul.sharing-options.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.th-bp-post-share-button ul.sharing-options {
    z-index: 100;
    background: #fff;
    bottom: 32px;
    list-style: none;
    right: 0;
    border-radius: 5px;
    padding: 10px 0;
    transform: translateY(10px) scale(0.7);
    transform-origin: bottom right;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 5px 10px #eee;
    border: 1px solid #e7e7e7;
    border-radius: 7px;
    width: 200px;
}

.sharing-spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    left: 0;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    margin-top: 3px !important;
}

.sharing-spinner .path {
    stroke: #888;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.th-bp-post-share-button ul.sharing-options:after {
    position: absolute;
    content: "";
}

.th-bp-post-share-button ul.sharing-options li {
    padding: 1px 2px;
    margin: 0;
}

.th-bp-post-share-button ul.sharing-options li a {
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
    transition: all 0.4s ease;
    cursor: pointer;
}

.share-feed-users-list {
    list-style-type: none;
    margin-left: 2%;
}

.share-feed-users-list-container {
    overflow-y: scroll;
    height: 300px;
    overflow-x: hidden;
}

.th-bp-post-share-button ul.sharing-options li a:hover {
    background: #f9f9f9 !important;
}

.th-bp-post-share-button ul.sharing-options li a svg {
    margin-right: 10px;
    width: 14px !important;
    height: 14px !important;
    color: #888;
}

#buddypress .activity-footer-links .th-bp-footer-meta-actions>div.th-bp-post-like-button a svg {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

#buddypress .activity-footer-links .th-bp-post-share-button {
    margin-right: 0 !important;
    position: relative;
}

#buddypress .activity-footer-links .th-bp-footer-meta .reaction-images img {
    width: 15px;
    margin-top: -3px;
}

#buddypress .activity-footer-links .th-bp-footer-meta .reactions-meta {
    cursor: pointer;
    line-height: 27px;
    margin-right: 0;
}

#buddypress .activity-footer-links .th-bp-footer-meta .reactions-meta .reaction-meta-container {
    margin-right: 15px;
    font-weight: 400;
}

#buddypress .activity-footer-links .th-bp-footer-meta .reactions-meta .reaction-meta-container .reaction-images:empty .reaction-meta-container {
    line-height: 0;
}

#buddypress .activity-footer-links .th-bp-footer-meta .comments-meta svg {
    margin-top: -3px;
    margin-right: 3px;
}

#buddypress .activity-footer-links .th-bp-footer-meta .reaction-images img:last-child {
    margin-right: 3px;
}

#buddypress .activity-footer-links>div a {
    background: 0 0;
    padding: 0;
    line-height: 27px;
    min-height: 10px;
    font-size: 12px;
    color: var(--lightgrey);
    font-weight: 500;
}

#buddypress .activity-footer-links>div a:hover {
    background: 0 0;
}

#buddypress .activity-footer-links>div.th-bp-footer-meta-actions {
    margin-right: 0 !important;
    position: relative;
    padding-top: 10px;
}

.th-media-viewer-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.99);
    transition: all 0.4s ease;
}

.th-media-viewer-container.show {
    transform: scale(1);
    visibility: visible;
    z-index: 9999999;
    opacity: 1;
}

.th-media-viewer {
    display: flex;
    position: relative;
    width: 80vw;
    height: 80vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.th-media-viewer:before {
    position: absolute;
    content: "";
}

.th-media-viewer .th-media-view {
    width: 70%;
    background: #000;
    text-align: center;
    position: relative;
}

.th-media-viewer .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 50%;
}

.th-media-viewer .close svg {
    height: 35px;
    width: 35px;
}

.th-media-viewer .th-media-view img {
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.th-media-viewer .th-media-comments {
    width: 30%;
    background: #fff;
    overflow: scroll;
}

.th-media-viewer .th-media-comments .author_section {
    padding: 20px;
}

.th-media-viewer .th-media-comments .author_section .media_author {
    display: flex;
}

.th-media-viewer .th-media-comments .author_section .media_author_img img {
    border-radius: 100px;
    margin-right: 10px;
}

.th-media-viewer .th-media-comments .author_section .media_author_data {
    margin-top: 5px;
}

.th-media-viewer .th-media-comments .author_section .media_author_data span:first-of-type {
    display: block;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 15px;
}

.th-media-viewer .th-media-comments .author_section .media_author_data span:last-of-type {
    font-size: 12px;
    color: #999;
    font-weight: 500;
}

.th-media-viewer .th-media-comments .comment_section {
    position: relative;
}

.th-media-viewer .th-media-comments .comment_section .comments_loading:before {
    position: absolute;
    z-index: 99999;
    content: "";
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-top: 1px solid #888;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    animation: spin 0.5s infinite;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all {
    overflow: hidden;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all+.media_comment_box {
    padding-top: 0;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all .th-media-single-comment {
    display: block;
    padding: 16px;
    background: #f1f1f1;
    margin: 15px;
    border-radius: 10px;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all .th-media-single-comment .comment_author img {
    border-radius: 50px;
    margin-right: 10px;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all .th-media-single-comment .comment_author {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all .th-media-single-comment .comment_data {
    display: inline-block;
    width: 84%;
    font-weight: 400;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all .th-media-single-comment .comment_data span:first-child {
    font-weight: 600;
    margin-right: 5px;
    line-height: 19px;
    font-size: 14px;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all .th-media-single-comment .comment_data span.times {
    font-size: 12px;
    color: #999;
}

.th-media-viewer .th-media-comments .comment_section .th-media-comments-all .th-media-single-comment .comment_data p.comment_text {
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
}

.th-media-viewer .th-media-comments .comment_section .th-bp-media-comment-button {
    padding: 8px 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-weight: 400;
}

.th-media-viewer .th-media-comments .comment_section .th-bp-media-comment-button a {
    padding: 0 8px;
}

.th-media-viewer .th-media-comments .comment_section .media_comment_box {
    display: flex;
    margin-top: 10px;
    padding: 20px;
}

.th-media-viewer .th-media-comments .comment_section .media_comment_box .comment_text {
    width: 100%;
    position: relative;
}

.th-media-viewer .th-media-comments .comment_section .media_comment_box .comment_author_img img {
    border-radius: 50px;
    margin-right: 10px;
}

.th-media-viewer .th-media-comments .comment_section .media_comment_box .comment_text textarea {
    min-height: 40px;
    height: 20px;
    width: 100%;
    padding: 7px 45px 7px 10px;
    display: block;
}

.th-media-viewer .th-media-comments .comment_section .media_comment_box .comment_text .th_media_comment_submit {
    min-height: 40px;
    color: #fff;
    font-weight: 500;
    padding: 0 15px;
    border-radius: 0 2px 2px 0;
    line-height: 35px;
    font-size: 13px;
    position: absolute;
    top: 0;
    right: 0;
}

.th-media-viewer .th-media-comments .comment_section .media_comment_box .comment_text .th_media_comment_submit svg {
    transform: rotate(45deg);
}

.post-media-single {
    overflow: hidden;
    margin-bottom: 0;
}

.post-media-single img {
    object-fit: cover;
    min-height: 250px;
}

.image-viewer-next-prev {
    position: absolute;
    top: 50%;
    z-index: 99;
    color: #fff;
    width: 70%;
}

.image-viewer-next-prev .img-prev {
    left: 10px;
    position: absolute;
    cursor: pointer;
}

.image-viewer-next-prev .img-next {
    position: absolute;
    cursor: pointer;
    right: 10px;
}

.image-viewer-next-prev .img-next,
.image-viewer-next-prev .img-prev {
    background: rgba(255, 255, 255, 0.2);
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    transform: translateY(-50%);
}

#buddypress #bbpress-forums li.bbp-body ul.topic .tophive-forum-topic-loop-single .tophive-forum-topic-loop-single-avatar {
    display: none;
}

@media screen and (max-width: 569px) {
    .activity-inner .post-media .post-media-single-image-container img {
        height: 180px;
    }

    .grid.three>li,
    .grid.two>li {
        width: 100%;
    }

    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta {
        top: -67px;
    }

    #buddypress .activity-type-navs {
        display: none;
    }

    .grid.three>li:nth-child(odd),
    .grid.two>li:nth-child(odd) {
        padding-right: 0;
    }

    .grid.three>li:nth-child(2n),
    .grid.two>li:nth-child(2n) {
        padding-left: 0;
    }

    #buddypress #bbpress-forums div.bbp-search-form,
    .bbpress #bbpress-forums div.bbp-search-form {
        display: none;
    }

    .forums #buddypress ul li:not(:first-child):not(:nth-child(2)) {
        display: none;
    }

    #buddypress .bbp-pagination {
        position: relative;
        top: 0;
    }

    .buddypress-wrap .activity-comments ul li span.comment-content {
        width: 82%;
    }
}

@media screen and (max-width: 1024px) {
    .activity-inner .post-media .post-media-single-image-container img {
        height: 250px;
    }

    .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
        background: 0 0;
        border-bottom: none;
        margin-bottom: -1px;
    }

    #buddypress .group-search form {
        display: none;
    }

    .tophive-forum-topic-loop-single .tophive-forum-topic-loop-single-footer-meta {
        margin-left: 0;
    }
}

@media screen and (max-width: 879px) {
    .th-media-viewer .th-media-view {
        width: 100%;
        height: 450px;
    }

    .th-media-viewer .th-media-comments {
        width: 100%;
    }

    .th-media-viewer {
        display: block;
        position: relative;
        width: 100vw;
        height: 100vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow-y: scroll;
    }

    .image-viewer-next-prev {
        position: absolute;
        top: 300px;
        z-index: 99;
        color: #fff;
        width: 100%;
    }

    .th-media-viewer .close {
        position: fixed;
        right: 33px;
        top: 26px;
        cursor: pointer;
        z-index: 99999;
        background: rgba(255, 255, 255, 0.4);
        color: #fff;
        border-radius: 50px;
        padding: 5px 7px;
    }
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    body.v-nav-active {
        margin-left: 0 !important;
    }

    .tophive-vertical-nav {
        display: none;
    }

    #buddypress #header-cover-image {
        height: 160px;
    }

    #item-header-content.mobile {
        display: block !important;
    }

    #buddypress div#item-header #item-header-cover-image #item-header-content>div {
        width: 100%;
    }

    #item-header-content.desktop {
        display: none !important;
    }

    #buddypress #item-header-cover-image .members-action-buttons,
    #buddypress #item-header-cover-image .tophive-buddypress-gamipress {
        justify-content: center;
        margin: 20px 0;
    }

    .bp-user #buddypress #item-header .user-facts p span:first-of-type {
        font-weight: 600;
        font-size: 15px;
    }

    #buddypress #item-header-cover-image #item-buttons div.members-list {
        display: block;
    }

    #buddypress #item-header-cover-image #item-buttons div.members-action-buttons {
        display: flex;
    }

    .buddypress-wrap .members-list li .members-action-buttons a {
        padding: 10px 13px;
    }

    .buddypress-wrap .members-list li .members-action-buttons a.bp-th-friends-button {
        padding: 10px 24px;
    }

    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta {
        top: -10px;
    }

    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta .generic-button {
        float: none;
    }

    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta .generic-button .button {
        width: 100%;
    }
}

@media screen and (min-width: 601px) and (max-width: 1100px) {
    body.v-nav-active {
        margin-left: 0 !important;
    }

    .tophive-vertical-nav {
        display: none;
    }

    #buddypress #header-cover-image {
        height: 220px;
    }

    #buddypress div#item-header #item-header-cover-image #item-header-content>div#item-meta {
        position: initial;
        bottom: 15px;
        right: 28px;
        width: auto;
    }

    .bp-user #buddypress #item-header .user-facts p span:last-of-type {
        display: inline-block;
    }

    #buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical {
        margin-left: -2px;
    }

    .bp-user #buddypress #item-header .user-facts p {
        display: inline-block;
        margin: 0 10px;
        font-size: 15px;
    }

    #item-header-content.mobile {
        display: block !important;
    }

    #buddypress #item-header-cover-image #item-buttons div.members-list {
        display: block;
    }

    #buddypress #item-header-cover-image #item-buttons div.members-action-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #buddypress div#item-header #item-header-cover-image #item-header-content>div {
        width: 100%;
    }

    #item-header-content.desktop {
        display: none !important;
    }

    #buddypress #item-header-cover-image .members-action-buttons,
    #buddypress #item-header-cover-image .tophive-buddypress-gamipress {
        justify-content: flex-end;
        margin: 20px 0;
    }

    .bp-user #buddypress #item-header .user-facts p span:first-of-type {
        font-weight: 600;
        font-size: 18px;
    }

    .buddypress-wrap .members-list li .members-action-buttons a {
        padding: 10px 13px;
    }

    .buddypress-wrap .members-list li .members-action-buttons a.bp-th-friends-button {
        padding: 10px 24px;
    }
}

@media screen and (min-width: 880px) and (max-width: 1200px) {
    .th-media-viewer {
        display: flex;
        position: relative;
        width: 100vw;
        height: 100vh;
        top: 40%;
        left: 40%;
        transform: translate(-40%, -40%);
    }

    .th-media-viewer .th-media-comments {
        width: 40%;
    }

    .image-viewer-next-prev {
        width: 63%;
    }
}

.th-activity-reaction-viewer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 400px;
    height: 450px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.th-activity-reaction-viewer .close {
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 10px;
}

.th-activity-reaction-viewer.show {
    z-index: 9999;
    visibility: visible;
    opacity: 1;
    overflow: scroll;
}

.th-activity-reaction-viewer .reactions ul.reaction_tabs {
    margin: 0;
    list-style: none;
    padding: 0 10px;
    border-bottom: 1px solid #eee;
}

.th-activity-reaction-viewer .reactions ul.reaction_tabs li {
    display: inline-block;
}

.th-activity-reaction-viewer .reactions ul.reaction_tabs li a {
    margin: 0 10px;
    display: inline-block;
    padding: 10px 5px;
}

.th-activity-reaction-viewer .reactions ul.reaction_tabs li a img {
    width: 17px;
    margin-right: 4px;
    margin-top: -1px;
}

.th-activity-reaction-viewer .reactions ul.reaction_tabs a.active {
    border-bottom: 1px solid;
    margin-bottom: -1px;
}

.th-activity-reaction-viewer .reactions .reaction_container .single-reactions {
    display: none;
    padding: 25px;
}

.th-activity-reaction-viewer .reactions .reaction_container .single-reactions:first-child {
    display: block;
}

.th-activity-reaction-viewer .reactions .reaction_container .single-reactions .single-reactions-user {
    position: relative;
}

.th-activity-reaction-viewer .reactions .reaction_container .single-reactions .single-reactions-user .single-reaction-avatar img {
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 8px;
}

.th-activity-reaction-viewer .reactions .reaction_container .single-reactions .single-reactions-user .given-reaction img {
    width: 16px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.th-bp-logged-out a img,
.th-bp-logged-out a svg {
    width: 15px;
    margin-right: 5px;
    margin-top: -4px;
}

.th-bp-logged-out a {
    font-size: 14px;
}

.atwho-container .atwho-view {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: none;
    border-top: none;
}

.atwho-container .atwho-view ul li {
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.atwho-container .atwho-view ul li:first-of-type {
    border-top: 1px solid #eee;
}

.buddypress-wrap .activity-list .load-newest {
    position: absolute;
    top: 5px;
    left: 50%;
    color: #fff;
    padding: 0 20px;
    border-radius: 50px !important;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    border: none;
    transform: translateX(-50%);
    transition: all 0.4s ease;
    z-index: 999990000;
}

.buddypress-wrap a.loading,
.buddypress-wrap input.loading {
    animation: none;
}

.tophive-vertical-nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    padding-top: 0;
    margin-top: -15px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    width: 70px !important;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.86, 0.15, 0.14, 0.865);
    transition-timing-function: cubic-bezier(0.86, 0.15, 0.14, 0.865);
}

.admin-bar .tophive-vertical-nav {
    padding-top: 20px;
    margin-top: 0;
}

.tophive-vertical-nav.open {
    z-index: 99;
}

.tophive-vertical-nav .v-menu-toggler {
    display: block;
    margin: 0 auto;
    padding: 44px 20px;
    cursor: pointer;
}

.tophive-vertical-nav .v-menu-toggler svg {
    width: 23px;
    cursor: pointer;
}

.tophive-vertical-nav ul {
    margin: 0;
    list-style: none;
}

.tophive-vertical-nav ul li:last-child {
    position: absolute;
    bottom: 0;
}

.tophive-vertical-nav ul li:last-child a span.hover {
    left: 70px;
}

.tophive-vertical-nav ul li a {
    padding: 8px 24px;
    display: flex;
    align-items: center;
    position: relative;
}

.tophive-vertical-nav ul li a svg {
    min-width: 20px;
}

.tophive-vertical-nav ul li a span {
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
    word-break: normal;
    word-wrap: normal;
    font-weight: 400;
    white-space: nowrap;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-top: 1px;
    text-transform: capitalize;
    overflow: hidden;
}

.tophive-vertical-nav ul li a:hover span.hover {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scale(1);
}

.tophive-vertical-nav ul li a span.hover:before {
    position: absolute;
    content: "";
    background: #333;
    width: 10px;
    height: 10px;
    left: -4px;
    transform: rotate(45deg);
    top: 11px;
    border-radius: 2px;
    font-weight: 600;
}

.tophive-vertical-nav.open ul li a span.hover {
    display: none;
}

.tophive-vertical-nav ul li a span.hover {
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    position: absolute;
    left: 100%;
    background: #333;
    color: #fff;
    padding: 4px 13px;
    font-size: 13px;
    border-radius: 4px;
    top: 4px;
    transform: translateX(-5px) scale(0.7);
    transform-origin: left;
    font-size: 15px;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.tophive-vertical-nav.open {
    width: 210px !important;
}

.tophive-vertical-nav.open ul li a span {
    visibility: visible;
    opacity: 1;
    display: inline-block;
}

.tophive-vertical-nav ul li a img,
.tophive-vertical-nav ul li a svg {
    width: 20px;
    margin-right: 10px;
    margin-top: 0;
}

body {
    transition: margin 0.4s ease;
}

.gamipress-achievement.user-has-earned,
.gamipress-rank.user-has-earned {
    text-align: center;
}

.gamipress-achievement-image,
.gamipress-rank-image {
    display: block;
    width: 100%;
}

.gamipress-achievement-description,
.gamipress-rank-description {
    width: 100%;
}

.youzify-responsive-menu {
    display: none !important;
}

.youzify-head-content .user-facts {
    display: none;
}

.youzify-sidebar .ec-container-mega-widget {
    padding-right: 20px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
}

.youzify-sidebar .widget-content {
    padding: 0 !important;
}

.youzify-sidebar .widget_bp_core_recently_active_widget .item-avatar,
.youzify-sidebar .widget_bp_core_whos_online_widget .item-avatar,
.youzify-sidebar .widget_bp_follow_following_widget .item-avatar {
    margin: 3px;
}

.youzify-sidebar .widget_bp_core_recently_active_widget .avatar-block,
.youzify-sidebar .widget_bp_core_whos_online_widget .avatar-block,
.youzify-sidebar .widget_bp_follow_following_widget .avatar-block {
    padding: 0 10px 15px 15px;
}

.youzify-sidebar .avatar-block img {
    margin: 0 !important;
}

.youzify-nav-settings {
    margin-right: 15px;
}

.youzify .activity-header {
    padding: 20px !important;
}

.youzify .activity-header .activity-avatar {
    margin: 0 !important;
    width: auto !important;
}

.buddypress .youzify .activity-list .activity-item .activity-header {
    margin-bottom: 20px !important;
}

.widget_bp_groups_widget .item-options a[data-bp-sort="alphabetical"] {
    display: none;
}

.youzify-sidebar .widget_bp_groups_widget .item-options {
    margin-top: 15px;
    padding: 10px 0 10px 25px;
}

.youzify-sidebar .widget_bp_groups_widget .bp-dynamic-block-container ul.item-list {
    padding: 0 25px;
}

.youzify-sidebar .widget_bp_groups_widget .bp-dynamic-block-container ul.item-list li {
    display: flex;
    align-items: center;
}

.youzify-sidebar .widget_bp_groups_widget .bp-dynamic-block-container ul.item-list li .item-avatar img {
    border-radius: 100%;
}

.youzify-sidebar .widget_bp_groups_widget .bp-dynamic-block-container ul.item-list li .item {
    margin-left: 10px;
}

.youzify-sidebar .widget_bp_groups_widget .bp-dynamic-block-container ul.item-list li .item .item-title {
    margin-bottom: 4px;
}

body div.widget.buddypress.widget_bp_core_members_widget div.item-options a,
body div.widget.buddypress.widget_bp_groups_widget div.item-options a {
    border: none;
}

.buddypress .youzify .widget ul#friends-list li .item,
.buddypress .youzify .widget ul#groups-list li .item,
.buddypress .youzify .widget ul#members-list li .item,
.buddypress.widget ul#friends-list li .item,
.buddypress.widget ul#groups-list li .item,
.buddypress.widget ul#members-list li .item {
    margin-left: auto;
}

.youzify-content .gamipress.activity_update .activity-inner img {
    margin: 0 auto;
    padding-bottom: 30px;
}

.bp-user.profile #youzify .user-subnav {
    display: block;
    border-radius: 0;
    margin: 0;
}

.bp-user.profile #youzify .user-subnav ul.subnav {
    justify-content: flex-start;
}

.bp-user.profile #youzify .user-subnav ul.subnav li {
    margin: 0 4px;
    margin-bottom: 1px;
}

.bp-user #youzify .gamipress-user-points .gamipress-points {
    display: flex;
    background: #fff;
    margin: 10px;
}

.bp-user #youzify .gamipress-user-points .gamipress-points .gamipress-user-points-image img {
    width: 50px !important;
}

.bp-user #youzify .gamipress-user-points .gamipress-user-points-description {
    margin-left: 10px;
}

.bp-user #youzify .gamipress-user-points .gamipress-user-points-description .gamipress-user-points-amount {
    font-size: 21px;
    vertical-align: baseline;
    font-weight: 600;
}

.bp-user #youzify .gamipress-achievements-container {
    display: flex;
    flex-direction: row;
    margin-left: -5px;
    margin-right: 23px;
}

.bp-user #youzify .gamipress-achievement {
    background: #fff;
    margin: 0 5px 10px;
    flex: 1 1 48%;
    padding: 35px;
}

.bp-user #youzify .gamipress-achievement.gamipress-layout-top {
    text-align: center;
    position: relative;
}

.bp-user #youzify .gamipress-achievement h4 {
    font-size: 14px;
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    margin-top: 25px;
}

.bp-user #youzify .gamipress-achievement .gamipress-required-achievements {
    min-height: 80px;
}

.bp-user #youzify .gamipress-achievement .gamipress-required-achievements li {
    margin-left: 0;
    list-style: none;
}

.bp-user #youzify .gamipress-achievement .gamipress-achievement-title {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.bp-user #youzify .gamipress-achievement .gamipress-achievement-points {
    background: #f1f1f1;
    margin-bottom: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 3px 10px;
}

.bp-user #youzify .gamipress-achievement .gamipress-achievement-image img {
    width: 100px;
    margin: 0 auto;
}

.bp-user #youzify .gamipress-achievement .gamipress-achievement-earners-list {
    margin-left: 10px;
}

.bp-user #youzify .gamipress-achievement.gamipress-layout-top .gamipress-achievement-earners-list {
    text-align: center;
    display: inline-block;
}

.bp-user #youzify .gamipress-achievement .gamipress-achievement-earners-list li {
    margin: 0;
    width: 36px;
    margin-left: -15px;
}

.bp-user #youzify .gamipress-achievement img.avatar {
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    margin: 0;
}

.bp-user #youzify .gamipress-ranks-container {
    display: flex;
    flex-direction: row;
    margin-left: -5px;
    margin-right: 23px;
}

.bp-user #youzify .gamipress-rank {
    background: #fff;
    margin: 0 5px 10px;
    flex: 1 1 48%;
    padding: 35px;
}

.bp-user #youzify .gamipress-rank.gamipress-layout-top {
    text-align: center;
}

.bp-user #youzify .gamipress-rank h4 {
    font-size: 14px;
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    margin-top: 25px;
}

.bp-user #youzify .gamipress-rank .gamipress-required-requirements {
    min-height: 80px;
}

.bp-user #youzify .gamipress-rank .gamipress-required-requirements li {
    margin-left: 0;
    list-style: none;
}

.bp-user #youzify .gamipress-rank-type-title {
    display: none;
}

.bp-user #youzify .gamipress-rank .gamipress-rank-title {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.bp-user #youzify .gamipress-rank .gamipress-rank-points {
    background: #f1f1f1;
    margin-bottom: 30px;
}

.bp-user #youzify .gamipress-rank .gamipress-rank-image img {
    width: 100px;
    margin: 0 auto;
}

.bp-user #youzify .gamipress-rank .gamipress-rank-earners-list {
    margin-left: 10px;
}

.bp-user #youzify .gamipress-rank.gamipress-layout-top .gamipress-rank-earners-list {
    text-align: center;
    display: inline-block;
}

.bp-user #youzify .gamipress-rank .gamipress-rank-earners-list li {
    margin: 0;
    width: 36px;
    margin-left: -15px;
}

.bp-user #youzify .gamipress-rank img.avatar {
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    margin: 0;
}

.youzify-hdr-v1 .youzify-profile-photo {
    left: 15px;
}

#buddypress .grid>li,
.directory.members #members-list.grid>li {
    padding-bottom: 15px;
    margin-bottom: 0;
}

#buddypress .grid.four>li:nth-child(1n + 1),
.directory.members #members-list.grid.four>li:nth-child(1n + 1),
.directory.members #members-list.grid.three>li:nth-child(1n + 1) {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

#buddypress .grid.four>li:nth-child(4n + 4),
.directory.members #members-list.grid.four>li:nth-child(4n + 4),
.directory.members #members-list.grid.three>li:nth-child(3n + 3) {
    padding-right: 0;
    padding-left: 7.5px;
}

#buddypress .grid.four>li:nth-child(4n + 1),
.directory.members #members-list.grid.four>li:nth-child(4n + 1),
.directory.members #members-list.grid.three>li:nth-child(3n + 1) {
    padding-left: 0;
    padding-right: 7.5px;
}

@media screen and (max-width: 768px) {
    .youzify-responsive-menu {
        display: block !important;
    }
}

.widget [data-bp-sort="alphabetical"] {
    display: none;
}

.tophive-bp-messenger-main-wrapper .login-required {
    padding: 35px;
    text-align: center;
    width: 100%;
}

.tophive-bp-messenger-main-wrapper .login-required button {
    line-height: 30px !important;
    min-height: 35px !important;
    font-weight: 400 !important;
}

.tophive-bp-messenger-main-wrapper {
    display: inline-flex;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    border-radius: 4px !important;
    overflow: hidden;
}

.tophive-bp-messenger-main-wrapper.showing-chat.mobile-menu .th-messenger-chat-list {
    display: none;
}

.tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
    width: 30%;
    border-right: 0;
    background: #f9f9f9;
    height: 556px;
    overflow: hidden;
}

.tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
    width: 70%;
    max-height: 600px;
}

.th-bpm-top {
    position: relative;
    padding: 20px;
    background: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
}

.th-bpm-top form {
    margin: 0 !important;
}

.th-bpm-top input {
    border-radius: 30px !important;
    background: #f9f9f9;
    color: #666 !important;
    padding: 0 20px !important;
    height: 37px !important;
}

.th-bpm-chat-members {
    padding: 0 0;
    background: #f9f9f9;
    max-height: 450px;
    overflow: scroll;
    overflow-x: hidden;
}

.th-bpm-chat-members .single-thread {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    position: relative;
}

.th-bpm-chat-members .single-thread.unread {
    font-weight: 700;
}

.th-bpm-chat-members .single-thread.unread:before {
    position: absolute;
    content: "";
    top: 30px;
    right: 10px;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 3px 10px #ccc;
}

.th-bpm-chat-members .single-thread:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.th-bpm-chat-members .single-thread img {
    border-radius: 50px;
    margin-right: 10px;
    width: 50px;
}

.th-bpm-chat-members .single-thread .name {
    text-transform: capitalize;
    color: #555;
    font-size: 15px;
    line-height: 23px;
}

.th-bpm-chat-members .single-thread .group-photos {
    position: relative;
    display: inline-block;
    border-radius: 50px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 10px;
}

.th-bpm-chat-members .single-thread .item-content {
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
    width: 75%;
    font-weight: 600;
}

.th-bpm-chat-members .single-thread .group-photos:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.th-bpm-chat-members .single-thread .group-photos img {
    width: 50px;
    margin: 0;
}

.th-bpm-chat-members .single-thread .group-photos .more {
    position: absolute;
    left: 50%;
    z-index: 999;
    color: #fff;
    top: 50%;
    transform: translate(-50%, -50%);
}

.th-bpm-chat-members .single-thread .last-thread {
    display: block;
    color: #888;
    font-size: 13px;
}

.th-bpm-chat-members .single-thread .last-thread .last-thread-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 180px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}

.th-messenger-chat-main .chat-filed-header {
    background: #f9f9f9;
    padding: 14px 17px 13px;
    display: flex;
    border-bottom: 1px solid #eee;
}

.th-messenger-chat-main .chat-filed-header .mobile-back {
    margin-top: 7px;
    margin-left: -5px;
    margin-right: 5px;
    display: none;
    cursor: pointer;
}

.th-messenger-chat-main .chat-filed-header .mobile-back svg {
    width: 30px;
    height: 30px;
}

.th-messenger-chat-main .chat-filed-header .recipient-avatar {
    width: 300px;
}

.th-messenger-chat-main .chat-filed-header .avatar-img {
    align-items: center;
    display: flex;
}

.th-messenger-chat-main .chat-filed-header .avatar-img .group-photos {
    position: relative;
    display: inline-block;
    border-radius: 50px;
    overflow: hidden;
    vertical-align: middle;
    width: 50px;
    margin-right: 10px;
}

.th-messenger-chat-main .chat-filed-header .avatar-img .group-photos:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.th-messenger-chat-main .chat-filed-header .avatar-img .group-photos span.more {
    position: absolute;
    left: 10px;
    z-index: 999;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.th-messenger-chat-main .chat-filed-header .avatar-img img {
    margin-right: 10px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

.th-messenger-chat-main .chat-filed-header .avatar-img .last-activity {
    display: block;
    font-size: 12px;
    color: #999;
    text-transform: initial;
}

.th-messenger-chat-main .chat-filed-header .avatar-img .item-content {
    text-transform: capitalize;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    font-weight: 400;
}

.th-messenger-chat-main .conversion-content {
    height: 400px;
    overflow: scroll;
    padding: 10px 5px 0;
    overflow-x: hidden;
}

.th-messenger-chat-main {
    position: relative;
    overflow: hidden;
}

.th-messenger-chat-main.loading:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.th-messenger-chat-main.loading:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    border-top: 2px solid #555;
    transform: translate(-50%, -50%);
    animation-name: spin;
    animation-duration: 0.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.th-messenger-chat-main .conversion-content .single-conversation.c-right {
    text-align: right;
}

.th-messenger-chat-main .conversion-content .single-conversation.c-left {
    text-align: left;
    word-break: break-word;
}

.th-messenger-chat-main .conversion-content .single-conversation>span {
    background: #d9ffda;
    border-radius: 5px;
    margin: 3px 5px;
    padding: 6px 10px;
    display: inline-block;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    max-width: 70%;
    font-weight: 400;
    word-wrap: break-word;
}

.th-messenger-chat-main .conversion-content .single-conversation>span a {
    font-weight: 600;
    text-decoration: underline !important;
}

.th-messenger-chat-main .conversion-content .single-conversation>span.c-right a {
    color: #fff;
}

.th-messenger-chat-main .conversion-content .single-conversation>span.c-right {
    background: #1865f2;
    color: #fff;
}

.th-messenger-chat-main .conversion-content .single-conversation>span.c-right>span.time {
    color: #fff;
}

.tophive-bp-messenger-sticky-main .th-bpm-chat-members {
    height: 410px;
}

.th-messenger-chat-main .conversion-content .single-conversation>span>span.time {
    font-size: 9px;
    font-weight: 600;
    color: #999;
    margin: 0;
    display: block;
    line-height: 12px;
    float: right;
    margin-top: 12px;
    margin-left: 6px;
}

.th-messenger-chat-main .conversion-content .single-conversation span.c-left {
    background: #f9f9f9;
}

.th-messenger-chat-main .conversion-form {
    padding: 10px 20px 20px;
    background: #fff;
}

.th-messenger-chat-main .conversion-form form {
    margin: 0;
    display: flex;
}

.th-messenger-chat-main .conversion-form textarea {
    height: 30px;
    min-height: 41px;
    resize: none;
    border-radius: 30px;
    padding: 8px 15px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

.th-messenger-chat-main .conversion-form textarea:focus {
    box-shadow: none !important;
    background: 0 0 !important;
}

.th-messenger-chat-main .conversion-form .send--button {
    padding: 6px 3px 12px 8px;
    transform: rotate(45deg);
    color: #555;
    font-weight: 800;
    cursor: pointer;
}

.th-messenger-chat-main .conversion-form .send--button svg {
    width: 27px;
    height: 30px;
}

@media screen and (min-width: 0px) and (max-width: 439px) {
    .tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
        position: absolute;
        width: 100%;
        height: 570px;
        z-index: 99;
    }

    .th-bpm-chat-members .single-thread .name {
        color: #666;
    }

    .th-bpm-chat-members .single-thread .item-content {
        position: relative;
        display: block;
        position: relative;
        text-align: left;
        visibility: visible;
        opacity: 1;
        transition: all 0.2s ease;
        overflow: visible;
        margin-left: 3px;
        z-index: 99;
    }

    .th-bpm-chat-members .single-thread .item-content:before {
        display: none;
    }

    .tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
        width: 100%;
    }

    .th-messenger-chat-main .chat-filed-header .mobile-back {
        display: inline-block;
    }

    .tophive-bp-messenger-sticky-main {
        width: 100% !important;
        right: 0 !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 800px) {
    .th-bpm-chat-members .single-thread .last-thread {
        display: none;
    }

    .tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
        width: 40%;
    }

    .tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
        width: 60%;
    }
}

@media screen and (min-width: 440px) and (max-width: 599px) {
    .th-bpm-chat-members .single-thread {
        text-align: center;
    }

    .th-bpm-chat-members .single-thread .item-content {
        display: block;
        position: absolute;
        text-align: left;
        left: 87px;
        background: #444;
        border-radius: 5px;
        padding: 11px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.2s ease;
        overflow: visible;
        transform: translateX(-5px) scale(0.9);
        transform-origin: left;
        z-index: 999;
    }

    .th-bpm-chat-members .single-thread .item-content:before {
        position: absolute;
        content: "";
        background: #444;
        width: 12px;
        height: 12px;
        top: 50%;
        left: -6px;
        overflow: visible;
        transform: translateY(-50%) rotate(45deg);
    }

    .th-bpm-chat-members .single-thread .group-photos:hover+.item-content,
    .th-bpm-chat-members .single-thread img:hover+.item-content {
        opacity: 1;
        visibility: visible;
        transform: translateX(0) scale(1);
    }

    .th-bpm-chat-members .single-thread .name {
        color: #fff;
    }

    .th-bpm-chat-members .single-thread span {
        vertical-align: middle;
    }

    .th-bpm-chat-members .single-thread span.last-thread {
        color: #999;
    }

    .tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
        width: 20%;
    }

    .tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
        width: 80%;
    }

    .th-bpm-chat-members .single-thread .group-photos,
    .th-bpm-chat-members .single-thread img {
        margin-right: 0;
    }
}

.no-msg-sidebar {
    padding: 10px;
    text-align: center;
}

.start-new-conv {
    text-align: center;
    padding: 50px 0 30px;
}

.show_searched_members {
    margin-top: 20px;
    position: absolute;
    background: #f9f9f9;
    width: 100%;
    left: 0;
    box-shadow: none;
    z-index: 9;
}

.searched-members {
    height: 600px;
}

.searched-members .no_users {
    text-align: center;
}

.show_searched_members .single-thread {
    padding: 20px;
    display: block;
    align-items: center;
    cursor: pointer;
}

.show_searched_members .single-thread img {
    margin-right: 10px;
    display: inline-block;
    width: 40px;
    border-radius: 50px;
}

.show_searched_members .single-thread .item-content {
    display: inline-block;
    vertical-align: middle;
}

.show_searched_members .single-thread .item-content span.name {
    text-transform: capitalize;
    word-break: normal;
    word-wrap: normal;
}

.tophive-bp-messenger-sticky-main {
    position: fixed;
    bottom: 0;
    right: 20px;
    background: #fff;
    border-radius: 5px 5px 0 0;
    z-index: 10;
    width: 320px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.tophive-bp-messenger-sticky-main .messenger-toggler {
    padding: 10px;
    cursor: pointer;
    position: relative;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #444;
    font-size: 16px;
    margin-bottom: -1px;
}

.tophive-bp-messenger-sticky-main .messenger-toggler img {
    border-radius: 50px;
    margin-right: 10px;
}

.tophive-bp-messenger-sticky-main .messenger-toggler .live-indicator {
    position: absolute;
    left: 31px;
    top: 33px;
    width: 10px;
    height: 10px;
    background: #12d112;
    border-radius: 50px;
    border: 2px solid #fff;
}

.tophive-bp-messenger-sticky-main .messenger-toggler .new-message-count {
    background: #ff6a00;
    margin: 0 5px;
    padding: 5px;
    line-height: 10px;
    font-size: 11px;
    color: #fff;
    border-radius: 50px;
    min-width: 20px;
    text-align: center;
    box-shadow: 0 2px 10px #ccc;
}

.tophive-bp-messenger-sticky-main .messenger-toggler .open-arrow {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
}

.messenger-sticky-main-content {
    max-height: 0;
    transition: all 0.3s cubic-bezier(0, 0.84, 0.265, 0.98);
    transition-timing-function: cubic-bezier(0, 0.84, 0.265, 0.98);
}

.messenger-sticky-main-content .tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
    width: 100%;
}

.messenger-sticky-main-content .tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
    width: 0%;
}

.messenger-sticky-main-content .tophive-bp-messenger-main-wrapper.show_chat .th-messenger-chat-list {
    width: 0%;
    display: none;
}

.messenger-sticky-main-content .tophive-bp-messenger-main-wrapper.show_chat .th-messenger-chat-main {
    width: 100%;
}

.tophive-bp-messenger-sticky-main .th-messenger-chat-main .chat-filed-header .mobile-back {
    display: block;
}

.tophive-bp-messenger-sticky-main .th-messenger-chat-main .conversion-content {
    max-height: 100%;
    height: 346px;
}

.messenger-sticky-main-content .tophive-bp-messenger-main-wrapper {
    border: 0 solid #e9e9e9;
    border-radius: 0 !important;
}

.messenger-sticky-main-content .th-messenger-chat-main .chat-filed-header .avatar-img img {
    width: 40px;
    height: 40px;
}

.messenger-sticky-main-content .th-messenger-chat-main .chat-filed-header {
    padding: 8px 13px 7px;
}

.messenger-sticky-main-content .th-messenger-chat-main .conversion-form {
    margin-top: 7px;
    padding: 10px;
    border-top: 1px solid #ddd;
}

.messenger-sticky-main-content .th-messenger-chat-main .conversion-form textarea {
    height: 38px;
    min-height: 38px;
    color: #000;
    padding: 6px 15px;
}

.messenger-sticky-main-content .th-bpm-top {
    padding: 10px;
}

.messenger-sticky-main-content .th-messenger-chat-main .conversion-form textarea:focus {
    background: #fff;
}

.messenger-sticky-main-content .th-messenger-chat-main .chat-filed-header .avatar-img .last-activity {
    line-height: 19px;
}

.messenger-open .messenger-sticky-main-content {
    max-height: 470px;
    height: 470px;
    transition: max-height 0.3s ease;
}

.tophive-bp-messenger-sticky-main.messenger-open .messenger-toggler .open-arrow {
    transform: translateY(-50%) rotate(180deg);
}

.chat-date-span {
    text-align: center;
    display: block;
    margin: 14px;
    font-weight: 400;
}

.chat-date-span:before {
    position: absolute;
    content: "";
}

.activity-inner .activity-soundcloud-embed {
    height: 177px;
}

.activity-soundcloud-embed {
    height: 115px;
    overflow: hidden;
}

.activity-soundcloud-embed iframe {
    border: none;
    width: 100%;
}

.activity-soundcloud-embed .g-background-default {
    background-color: transparent !important;
}

.activity-soundcloud-embed .widget {
    border: none !important;
}

.mf-activity-accessibility {
    border: 1px solid #eee;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #777;
    width: 78px;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg viewBox= '0 0 140 140' width='13' height='13' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='%23939393'/></g></svg>") no-repeat;
    background-position: right 5px top 50%;
}
.activity-update-form #whats-new-submit {
    display: flex;
    justify-content: end;
    margin-left: auto;
}

@media (max-width: 450px) {
    .activity-update-form #whats-new-submit {
        margin-left: 0 !important;
    }
}

.ac-vi-co {
    position: relative;
    left: 2px;
}

.ac_vi_text {
    position: absolute;
    top: -26px;
    left: -25px;
    background: #1d2327;
    font-size: 12px;
    padding: 0 5px;
    color: #fff;
    border-radius: 4px;
    width: 67px;
    text-align: center;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    text-transform: capitalize;
}

.ac_vi_text::before {
    content: "";
    height: 10px;
    width: 15px;
    background: #1d2327;
    position: absolute;
    left: 24px;
    bottom: -6px;
    clip-path: polygon(44% 0, 51% 0, 100% 100%, 0% 100%);
    transform: rotate(180deg);
}

.ac-vi-co:hover .ac_vi_text {
    visibility: visible;
    opacity: 1;
}

.bp-image-filters {
    display: flex;
    flex-grow: 1;
}

.bp-image-filters>span {
    display: flex;
    align-items: center;
}

.bp-image-filters>span:not(:last-child) {
    margin-right: 40px;
}

.bp-image-filter {
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid var(--white) 00;
    transition: all 0.4s;
}

.bp-image-filter-active {
    color: var(--primary);
    font-size: 18px;
    font-weight: 400;
}

.bp-image-filter:hover {
    color: #555;
    border-bottom: 1px solid #555;
}

.bp-img-no {
    margin-left: 15px;
    font-size: 11px;
    border: 1px solid #d9d3d3;
    padding: 0 5px;
    border-radius: 50%;
    font-weight: 600;
    width: 25px;
    height: 25px;
    text-align: center;
}

#myphoto-count {
    visibility: hidden;
}

.bp-image-uploads {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.bp-image-uploads> :not(:last-child) {
    margin-right: 20px;
}

.bp-image-uploads svg {
    height: 20px;
    width: 20px;
}

.bp-search-input-box {
    position: relative;
    margin-bottom: 0;
}

.bp-search-input-box svg {
    position: absolute;
    left: 9px;
    top: 12px;
    fill: var(--black);
}

#bp-image-search {
    padding-left: 35px;
    height: 43px;
    border: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    width: 100%;
    color: var(--black);
    font-size: 14px;
    font-weight: 300;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    background-color: var(--light-grey);
    outline: 0;
    box-shadow: none;
}

#bp-create-album,
#bp-upload-image {
    padding: 10px 16px;
    font-size: 14px;
    background: #4fa7cb;
    color: #fff;
    font-weight: 500;
    border-radius: 50px;
    display: flex;
    align-items: center;
}

#bp-create-album:hover,
#bp-upload-image:hover {
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

#bp-create-album svg,
#bp-upload-image svg {
    height: 15px;
    fill: #fff;
    margin-right: 5px;
    margin-bottom: 3px;
}

#bp-upload-image-input {
    visibility: hidden;
}

@media (max-width: 600px) {
    .bp-image-uploads {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 20px !important;
    }

    .bp-image-uploads> :not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    #bp-create-album,
    #bp-upload-image {
        justify-content: center;
    }

    .bp-image-filters {
        flex-wrap: wrap;
    }

    .bp-image-filters> :not(:last-child) {
        margin-bottom: 10px;
    }
}

.album-upload-popup-container,
.media-upload-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #00000078;
    z-index: 999;
}

.album-upload-popup,
.media-upload-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    background: #fff;
    width: 30vw;
    padding: 20px;
    border-radius: 10px;
}

tspan {
    font-family: var(--default-font);
    font-weight: 700;
}

.states_map-sec text {
    pointer-events: none;
}

.states_map-sec a:hover path {
    fill: #dc3545;
}

.states_map-sec a:hover rect {
    fill: #dc3545;
}

.penz-zoom-wrap-main:not(.active) .labour-availablity-info {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    padding: 6px 15px;
    border-radius: 10px;
    left: 0;
    right: 0;
    text-align: center;
    box-shadow: 1px 2px 30px -13px grey;
}

.labour-availablity-flex .badge-span {
    background-color: #f3f6fa;
    color: #10113d;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 50px;
    font-weight: 600;
    border: 1px solid #cfcdcd;
    display: inline-block;
    margin: 3px;
}

.labour-availablity-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.job-booking-box-sub-item {
    display: none;
}

.job-booking-box-wrap ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.booking-accordians-flex {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 15px 8px 35px;
    position: relative;
    align-items: center;
}

.booking-accordians-flex .dropdown_item-block i {
    font-size: 11px;
    color: #1c1c59;
}

.booking-accordians-flex .dropdown_item-block {
    position: absolute;
    left: 0;
    padding: 0 !important;
    width: 25px !important;
    height: 24px !important;
    border: 2px solid #1c1c59 !important;
    min-height: auto !important;
    line-height: normal !important;
    top: 20px;
}

.job-booking-box-sub-item .booking-accordians-flex {
    border-bottom: 1px solid #eae9e9;
}

.booking-accordians-flex p {
    margin-bottom: 0;
    font-size: 14px;
    color: #7e7c7c;
}

.booking-accordians-flex .dropdown_item-block {
    background: 0 0;
    border: none;
}

.booking-accordian_btn.active>.job-booking-box-sub-item {
    display: block;
}

.job-booking-box-item-main .job-booking-box-sub-item .booking-accordians-flex .dropdown_item-block {
    left: 0;
}

.job-booking-box-wrap ul.job-booking-box-item-main>li>ul.job-booking-box-sub-item {
    border: 1px solid #eae9e9;
    border-radius: 6px;
    width: 100%;
    max-width: 93%;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.job-booking-box-sub-item li {
    width: 100%;
    padding-left: 25px;
    border-radius: 0;
}

.job-booking-box-item-main li.booking-accordian_btn.active>.booking-accordians-flex i.fa-plus {
    display: none;
}

.job-booking-box-item-main li.booking-accordian_btn.active>.booking-accordians-flex i.hide {
    display: block !important;
}

.job-booking-box-wrap ul.job-booking-box-item-main>.booking-accordian_btn {
    padding-left: 25px;
    padding-right: 25px;
}

.refrell-user-program {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 0 33px -33px #000;
}

.refrell-user-program .ref-usr-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.refrell-user-program .ref-usr-img {
    text-align: center;
    margin-bottom: 20px;
}

.ref-usr-cntnt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ref-usr-cntnt p {
    width: 48%;
    padding: 0 5px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #333;
    text-align: center;
}

.ref-usr-cntnt p .ref_blck {
    display: block;
    font-weight: 700;
}

.job-booking-box-item-main>.booking-accordian_btn {
    position: relative;
    z-index: 0;
}

.job-booking-box-item-main>.booking-accordian_btn::before {
    content: "";
    position: absolute;
    left: 35px;
    top: 82px;
    bottom: 0;
    width: 1px;
    height: auto;
    border: 1px dashed #cecdcd;
    z-index: -1;
}
body:not(.mobile-active-class) #sidebar-left>.mobile-close-sidebtn {
    display: none;
}
#buddypress .screen-content {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}
@media (max-width: 767px) {

    .album-upload-popup,
    .media-upload-popup {
        width: 95vw;
    }
    body:not(.mobile-active-class) #sidebar-left, body:not(.mobile-active-class) #sidebar-right {
    display: none;
}
    .post-block-div .actions-wraps .post-actions_btns span.desktop-show {
    display: none;
}
#activity-stream .activity-list.bp-list .activity-item.active .feed-div-wrap .activity_header {
    padding-right: 0px !important;
}
#activity-stream .activity-list.bp-list .activity-item.active .feed-div-wrap .activity_header-right .close-feed-box {
    position: absolute;
    top: 12px;
    right: 45px;
    cursor: pointer;
}
#activity-stream .activity-list.bp-list .activity-item.active .feed-div-wrap .like_container {
    padding-right: 60px;
    width: 100%;
}
    .footer-inner-app-links a img {
        max-width: 150px !important;
    }

    body .landing-content-sec h2 {
        font-size: 22px;
        line-height: 36px;
    }

    body .landing-banner-sec .video-wrapper {
        margin-top: 20px;
    }

    body .totel-calculation-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body .totel-calculation-block>div {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    body .totel-calculation-block>div>div {
        width: 100%;
    }

    body .sellers-shop-white-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    body .totel-calculation-block>div>div:not(:last-child) {
        margin-bottom: 20px;
    }

    body .activity-list .activity-item .activity-content .cstm-checkbox-wrap label {
        font-size: 13px;
        top: 4px;
    }

    body .penz-zoom-wrap-main .Cusnties-heading {
        top: 8px;
        font-size: 16px;
        left: 0;
    }

    .side-search-bar ul.list-group {
        display: none;
    }

    .side-search-bar>input:not(:focus) {
        margin-bottom: 0 !important;
    }

    .side-search-bar>input:focus~ul.list-group {
        display: block;
    }

    body .filters-tab-list .nav-item .filters-sub-menu {
        width: 200px;
    }

    body .filters-tab-list .nav-item .filters-sub-menu li a img {
        display: none;
    }

    body .th-bp-header-notification-container ul.show_dd {
        left: 0;
        right: 0;
        position: fixed;
        top: 56px;
        width: 100%;
    }

    #buddypress .profile .bp-widget {
        padding: 0;
    }

    body .w9-form-design {
        padding: 15px 10px;
        margin-bottom: 0 !important;
    }

    .register-second .register-header {
        flex-wrap: wrap;
    }

    .register-second .register-header .selected-category {
        width: 100%;
        margin-top: 10px;
    }

    .register-second .register-header .selected-category .selected-category-btn.btn-0 {
        font-size: 14px;
    }

    body .header-logo .logo-link .site-img-logo {
        max-width: 180px;
    }

    body .footer-wrapper {
        padding-top: 10px;
    }

    body .nav-print {
        flex-wrap: wrap;
    }

    .refrell-btns .btn-design-2 {
        margin-bottom: 10px;
    }

    body .flex_items-wrap .flex_items-left {
        width: 100%;
        padding-right: 0;
    }

    body .flex_items-wrap .video-overliew_list {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    body .flex_items-wrap {
        flex-wrap: wrap;
    }

    body #help-div-button {
        width: 40px;
        height: 40px;
        right: 10px;
    }

    body #help-div-button span {
        display: none;
    }

    .message-btn .msg__btn.circle-icon-design.transparent-btn-icon img {
        width: 24px;
    }

    .banner-video-div h2 {
        font-size: 24px !important;
        margin-bottom: 6px !important;
    }

    #buddypress #cover-image-container #item-header-cover-image div#item-header-content {
        text-align: center;
        margin-top: 15px;
        padding: 0 !important;
        width: 100% !important;
    }

    #buddypress #cover-image-container #item-header-cover-image div#item-header-content .d-flex {
        justify-content: center;
    }

    body #nav-bar-filter {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
    }

    .contact-us {
        padding-top: 30px;
    }

    body .srvice-list-flex>.srvice-list-item {
        width: 48%;
        margin-left: 0;
        margin-right: 0;
    }

    body .srvice-list-flex {
        justify-content: space-between;
    }
}

.media-upload-popup * {
    margin: 0;
    padding: 0;
}

.album-upload-popup>div:not(:last-child),
.media-upload-popup>div:not(:last-child) {
    margin-bottom: 10px;
}

.media-upload-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.media-upload-header span {
    cursor: pointer;
}

label.album-name {
    width: 100%;
}

#album-caption,
#media-caption {
    height: 75px;
    min-height: 75px;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
}

.media-upload-box {
    margin: auto;
    height: 140px;
    background-color: #24232217;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-upload-box label {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#album-upload-btn,
#media-upload-btn {
    visibility: hidden;
    height: 0;
    width: 0;
    position: absolute;
}

#media-upload-btn h4 {
    font-size: 18px;
    color: #6a6868;
}

.media-upload-box svg {
    height: 30px;
    width: 30px;
    margin-bottom: 5px;
    fill: #ff0600;
}

.media-upload-popup #mf-activity-accessibility {
    padding: 0 10px;
    width: 84px;
}

.album-upload-popup .mf-activity-accessibility-container,
.media-upload-popup .mf-activity-accessibility-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    top: 0;
    left: 0;
}

#album-upload,
#popup-upload {
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    background-color: #ed3b42;
    opacity: 1;
    border-radius: 50px;
}

#album-upload[disabled],
#popup-upload[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.hide-popup {
    visibility: hidden;
}

.album-upload-ready-medias,
.upload-ready-medias {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.album-upload-ready-medias>div,
.upload-ready-medias>div {
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.album-upload-ready-medias img,
.upload-ready-medias img {
    height: 60px;
    filter: brightness(0.5);
}

.upload-loading-screen img,
.uploaded-image-preview img {
    height: 60px;
    width: 60px;
    object-fit: cover;
}

.uploaded-image-preview svg {
    position: absolute;
    right: 4px;
    fill: #fff;
    top: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.upload-loading-screen {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-loading {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #7d7f81;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.activity-uploading-loading {
    visibility: hidden;
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #7d7f81;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.mf-photo-previewer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    grid-template-rows: 300px;
    grid-auto-rows: 300px;
}

.mf-photo-previewer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mf-photo-previewer .post-media-single {
    height: 100%;
    border-radius: 10px;
    transition: all 0.4s ease;
}

.mf-photo-previewer .post-media-single:hover {
    box-shadow: 0 5px 5px #ddd;
}

.mf-album {
    position: relative;
    overflow: hidden;
}

.mf-album>svg {
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 10px;
    fill: #fff;
}

.mf-album>div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

@keyframes mfshimmer {
    0% {
        background-position: -500px 0;
    }

    100% {
        background-position: 500px 0;
    }
}

.animate-shimmer {
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 300px 100%;
    animation: mfshimmer 2s infinite;
    border-radius: 3px;
}

#loading-con {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    justify-content: space-between;
}

#loading-con>div {
    display: none;
    height: 250px;
    max-width: 500px;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 300px 100%;
    animation: mfshimmer 2s infinite;
    border-radius: 3px;
}

#loading-con.loading-state>div {
    display: block;
}

.ac-vi-pop-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #4a47476b;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ac-vi-content {
    width: 28vw;
    background: #fff;
    border-radius: 5px;
}

.ac-vi-option-friends,
.ac-vi-option-onlyme,
.ac-vi-option-public {
    display: flex;
    align-items: center;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.5s;
}

.ac-vi-option-friends:hover,
.ac-vi-option-onlyme:hover,
.ac-vi-option-public:hover {
    background: #dddddd4a;
}

.ac-vi-option-title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.ac-vi-option-des {
    font-size: 14px;
    color: #939393;
}

.ac-vi-options {
    padding: 0 20px 6px 20px;
}

.ac-vi-options svg {
    height: 24px;
    width: 24px;
    fill: #000;
}

.ac-vi-option-svg-bg {
    padding: 10px;
    border-radius: 50%;
    background: #adadad4f;
    margin-right: 20px;
}

.ac-vi-option-selected-fill {
    height: 15px;
    width: 15px;
    margin-left: auto;
    background: #fff;
    border-radius: 50%;
    outline: 1px solid #1447d7;
    outline-offset: 3px;
}

.ac-vi-active {
    background: #dddddd4a;
}

.ac-vi-active .ac-vi-option-selected-fill {
    background: #1447d7;
}

.ac-vi-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px 15px 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(235, 233, 230, 0.72);
}

.ac-vi-header-text {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.close-ac-vi-popup {
    cursor: pointer;
}

@media (max-width: 767px) {
    .ac-vi-content {
        width: 70vw;
    }
    body .modal-design-1 .modal-dialog .modal-content .modal-footer{
        margin-top: 15px;
    }
    body .payment-type-sel>.payment-type-div {
        width: 100%;
        text-align: center;
    }

    .info-blocks-wrapper-flex>.info-blocks-wrapper-items {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 8px;
    }

    body .banner-text-home h1 {
        font-size: 26px;
    }

    #image-upload .dz-default.dz-message {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 99;
        cursor: pointer;
        opacity: 0;
    }

    .dropzone .dz-preview {
        margin: 5px !important;
        width: 45% !important;
    }
}

@media (max-width: 500px) {
    .ac-vi-content {
        width: 90vw;
    }

    .ac-vi-header-text {
        font-size: 16px;
    }

    .ac-vi-option-title {
        font-size: 14px;
    }

    .ac-vi-options svg {
        height: 23px;
        width: 23px;
    }
}

.activity-post-form-popup {
    position: fixed !important;
    width: 100vw;
    background: #1e1e1eb8 !important;
    height: 100vh;
    z-index: 9999;
    top: 0;
    left: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.activity-update-form.activity-post-form-popup #whats-new-form {
    position: relative !important;
    width: 100%;
    background: #fff !important;
    max-height: 90%;
    padding: 16px !important;
    max-width: 596px;
    overflow: auto;
    height: auto;
    border-radius: 8px;
}
.activity-update-form.activity-post-form-popup #whats-new-form .post_title p {
    text-align: center;
    line-height: 40px;
    margin-bottom: 24px;
}
.activity-post-form-popup .whats-new-close {
    position: initial;
    background: transparent !important;
    float: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: block;
    text-align: right;
}
.activity-post-form-popup .whats-new-close svg {
    background: transparent;
    width: 20px;
    height: 20px;
}



@media (max-width: 500px) {
    .activity-update-form.activity-post-form-popup #whats-new-form {
        width: 98vw;
    }
}

.activity-post-form-popup .advanced-th-bp-activity-form {
    top: 0;
    height: 80px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    margin-left: 0;
    font-size: 15px;
    color: #666;
    margin-bottom: 12px;
    left: 0;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 8px;
    background: #eeeff0;
}
.create-post-wrapper .post_header-div .content-textarea-wrap #whats-new-content #whats-new-textarea {
    border-radius: 8px;
}
#whats-new-post-in {
    display: none;
}

#visibility-handler {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 0 8px;
    text-transform: capitalize;
    border-radius: 5px !important;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

#visibility-handler>svg,
.group-ac-vi-active>svg {
    width: 13px;
    margin-right: 3px;
}

#visibility-handler>span,
.group-ac-vi-active>span {
    margin-top: 2px;
}

.ac-vi-form-content {
    width: 500px;
    background: #fff;
    border-radius: 10px;
}

.ac-vi-form-option-friends,
.ac-vi-form-option-group,
.ac-vi-form-option-onlyme,
.ac-vi-form-option-public {
    display: flex;
    align-items: center;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 10px !important;
    cursor: pointer;
    transition: all 0.5s;
}

.ac-vi-form-option-friends:hover,
.ac-vi-form-option-group:hover,
.ac-vi-form-option-onlyme:hover,
.ac-vi-form-option-public:hover {
    background: #dddddd4a;
}

.ac-vi-form-option-title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.ac-vi-form-option-des {
    font-size: 14px;
    color: #939393;
}

.ac-vi-form-options {
    padding: 0 20px 6px 20px;
}

.ac-vi-form-options svg {
    height: 24px;
    width: 24px;
    fill: #000;
}

.ac-vi-form-option-svg-bg {
    padding: 10px;
    border-radius: 50%;
    background: #adadad4f;
    margin-right: 20px;
}

.ac-vi-form-option-selected-fill {
    height: 15px;
    width: 15px;
    margin-left: auto;
    background: #fff;
    border-radius: 50%;
    outline: 1px solid #1447d7;
    outline-offset: 3px;
}

.ac-vi-form-active {
    background: #dddddd4a;
}

.ac-vi-form-active .ac-vi-form-option-selected-fill {
    background: #1447d7;
}

.ac-vi-form-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 15px 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(235, 233, 230, 0.72);
}

.ac-vi-form-header-text {
    margin: 0;
    font-size: 16px;
    font-weight: 500 !important;
}

.close-ac-vi-form-popup {
    cursor: pointer;
    background: #eee;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .ac-vi-form-content {
        width: 70vw;
    }
    .profile_card-details .user-details-left .user-name .title-style-1 {
    font-size: 16px !important;
    line-height: normal !important;
}
.profile_card-details .user-details-left .user-name {
    align-items: flex-start;
}
}

@media (max-width: 500px) {
    .ac-vi-form-content {
        width: 90vw;
    }

    .ac-vi-form-header-text {
        font-size: 16px;
    }

    .ac-vi-form-option-title {
        font-size: 14px;
    }

    .ac-vi-form-options svg {
        height: 23px;
        width: 23px;
    }
}

.ac-group-main {
    width: 500px;
    height: auto;
    background: #fff;
    border-radius: 10px;
}

.ac-group-search svg {
    width: 30px;
}

.ac-vi-group-label {
    margin: 0;
}

.ac-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.ac-group-header p {
    font-size: 16px;
    font-weight: 500 !important;
    margin: 0;
}

.ac-group-search {
    padding: 5px 20px;
    position: relative;
    margin-bottom: 10px;
}

.ac-group-search svg {
    position: absolute;
    left: 30px;
    top: 16px;
    fill: #7e7b7b;
    width: 24px;
}

.ac-group-search input {
    padding-left: 43px !important;
    height: 45px !important;
    border-radius: 50px !important;
}

.ac-group-lists {
    padding: 5px 20px;
    padding-bottom: 10px;
    height: 250px;
    overflow-y: auto;
}

.ac-vi-group-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px 10px;
    transition: all 0.5s;
    cursor: pointer;
}

.ac-vi-group-item:hover {
    background: #dddddd57;
}

.ac-vi-group-item.active {
    background: #dddddd57;
}

.ac-vi-group-item.active .ac-vi-group-select {
    background: #173bb1;
}

.ac-vi-group-select {
    height: 10px;
    width: 10px;
    background: #fff;
    margin-left: auto;
    outline: 2px solid #173bb1;
    outline-offset: 3px;
    border-radius: 50%;
}

.close-ac-vi-group-popup {
    cursor: pointer;
}

.ac-group-footer {
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: end;
}

.ac-group-back,
.ac-group-save {
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    background: #e86d2a;
    border-radius: 4px;
    cursor: pointer;
    border-radius: 10px;
}

.ac-group-back {
    margin-right: 20px;
    background: 0 0;
    color: #555;
}

.avatar-64 {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    min-width: 64px;
}
.avatar-32 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    min-width: 32px;
}

.ac-post-form-showcase svg {
    margin-left: auto;
}

.ac-post-form-showcase span {
    font-size: 14px;
    color: #201e1e;
    font-weight: 400;
}

.edite-activity span {
    font-size: 12px;
    font-weight: 600 !important;
    color: #555;
}

.edite-activity {
    display: flex;
    align-items: center;
    padding: 10px 20px !important;
    cursor: pointer;
    transition: all 0.5s;
}

.edite-activity svg {
    margin-right: 7px;
    margin-top: -5px;
    fill: #1c1b1b;
}

.edite-activity:hover {
    background: #f1f1f1;
}

.edite-activity:hover span {
    color: #484646;
}

.activity-post-form-header {
    position: absolute;
    padding: 8px 0 16px 0;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.activity-post-form-header h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
}

.close-ac-vi-popup svg,
.close-popup svg {
    width: 25px;
    height: 25px;
    background: #eee;
    border-radius: 50%;
    color: #999;
    cursor: pointer;
}

.close-ac-vi-popup,
.close-popup {
    background: #eee !important;
    color: #555 !important;
    border-radius: 50%;
    padding: 4px;
}

.activity-extension-links.ac-action-open ul {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(0) !important;
}
.more-option {
    font-size: 12px;
    background: #1d2327;
    color: #fff;
    padding: 3px 4px;
    border-radius: 5px;
    position: absolute;
    top: 6px;
    left: -97px;
    width: 95px;
    text-align: center;
    transform: translateY(4px);
    opacity: 0;
    z-index: -1;
    transition: all 0.1s;
}
.more-option:after {
    content: "";
    width: 10px;
    height: 18px;
    background: #000;
    position: absolute;
    right: -2px;
    top: 8px;
    z-index: -1;
    clip-path: polygon(100% 0, 0 0, 51% 100%);
    transform: rotate(32deg);
}

.activity-extension-links .open-button:hover+.more-option {
    z-index: 6;
    transform: translateY(0);
    opacity: 1;
}

.metafans-skeleton.activity .skeleton-container {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.skeleton-media {
    display: inline-block;
    width: 70px;
    vertical-align: top;
}

.metafans-skeleton.activity .skeleton-media .skeleton-box {
    height: 50px;
    width: 50px;
    border-radius: 100%;
}

.skeleton-header {
    display: flex;
}

.skeleton-header .action {
    height: 20px;
    width: 50%;
}

.skeleton-header .meta {
    height: 10px;
    width: 20%;
}

.skeleton-heading {
    width: 80%;
    margin-top: 5px;
}

.skeleton-content {
    margin: 10px 0 25px;
}

.metafans-skeleton.activity .skeleton-box {
    margin-bottom: 10px;
    border-radius: 5px;
}

.metafans-skeleton.activity .skeleton-footer {
    display: flex;
}

.metafans-skeleton.activity .skeleton-box.footer {
    width: 10%;
    margin-right: 20px;
}

.metafans-skeleton.activity .skeleton-box.footer:last-child {
    margin-left: auto;
    margin-right: 0;
}

.skeleton-box {
    display: block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #eee;
}

.skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 0.2) 20%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0));
    animation: shimmer 2s infinite;
    content: "";
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

#bp-ajax-loader.members-list {
    display: flex;
    justify-content: space-between;
}

.metafans-skeleton.members {
    margin-top: 15px;
    width: 32%;
    border: 1px solid #eee;
    background: #fff;
    text-align: center;
    border-radius: 10px !important;
    overflow: hidden;
}

.metafans-skeleton.members .skeleton-cover .skeleton-box {
    height: 120px;
}

.metafans-skeleton.members .skeleton-media {
    text-align: center;
    width: auto;
}

.metafans-skeleton.members .skeleton-media .skeleton-box {
    height: 90px;
    width: 90px;
    background: #ddd;
    margin-top: -60px;
    border-radius: 20px;
}

.metafans-skeleton.members .skeleton-content {
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

.metafans-skeleton.members .skeleton-content .skeleton-box {
    display: inline-block;
}

.metafans-skeleton.members .skeleton-footer {
    padding: 20px;
    display: flex;
}

.metafans-skeleton.members .skeleton-footer .skeleton-box {
    width: 30%;
    height: 40px;
    border-radius: 10px;
}

.metafans-skeleton.members .skeleton-footer .skeleton-box.follow {
    width: 70%;
    height: 40px;
    border-radius: 10px;
    margin-right: 10px;
}

.reaction_icon_con {
    position: relative;
}

.reaction_icon_con img:hover+.reaction_icon_tooltip {
    transform: translateX(-50%) translateY(0);
    visibility: visible;
    opacity: 1;
}

.reaction_icon_tooltip {
    position: absolute;
    text-transform: capitalize;
    font-weight: 500;
    top: -43px;
    left: 50%;
    transform: translateX(-50%) translateY(15px);
    font-size: 12px;
    padding: 0 8px;
    background: #000;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}

.new-post-tooltip {
    position: absolute;
    top: -30px;
    background: #1d2327;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    border-radius: 5px;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
}

.has-tooltip:hover .new-post-tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}

.new-post-tooltip:after {
    position: absolute;
    content: "";
    background: #1d2327;
    width: 7px;
    height: 7px;
    left: 50%;
    top: 94%;
    transform: rotate(45deg) translateX(-4px);
}

.metafans-alert-popup {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
}

.metafans-alert-popup.open {
    visibility: visible;
    opacity: 1;
}

.metafans-alert-popup-container {
    position: fixed;
    top: 50%;
    z-index: 9999999;
    background: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    border-radius: 10px;
    width: 400px;
}

@media (max-width: 600px) {
    .metafans-alert-popup-container {
        width: 360px;
    }
}

.metafans-alert-popup-container .alert-popup-head {
    padding: 30px 10px 10px 10px;
}

.metafans-alert-popup-container .alert-popup-head h6 {
    margin: 0;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

.metafans-alert-popup-container .alert-popup-content {
    padding: 15px 30px;
    text-align: center;
}

.metafans-alert-popup-container .alert-popup-footer {
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

.metafans-alert-popup-container .alert-popup-footer button {
    flex: 0 0 48%;
}

.metafans-alert-popup-container .alert-popup-footer button.popup-cancel {
    background: 0 0;
    border: 1px solid #eee;
    border-radius: 50px;
}

.metafans-alert-popup-container .alert-popup-footer button.popup-cancel:hover {
    background: 0 0;
    border-color: #999;
    box-shadow: none;
    color: #000;
}

.metafans-alert-popup-container .alert-popup-footer button.popup-yes {
    color: #fff;
    border-radius: 50px;
}

.metafans-toaster-container {
    position: fixed;
    right: -100%;
    top: 100px;
    background: #fff;
    border: 1px solid #eee;
    padding: 20px 25px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 10px #ddd;
    transition: all 0.4s ease;
    z-index: 99;
}

.metafans-toaster-container.open {
    right: 30px;
}

.metafans-toaster-container .notification-icon {
    width: 30px;
}

.metafans-toaster-container.success {
    border-left: 5px solid #00f;
}

.metafans-toaster-container.info {
    border-left: 5px solid #22e626;
}

.metafans-toaster-container.warning {
    border-left: 5px solid #ffbf15;
}

.metafans-toaster-container.error {
    border-left: 5px solid #ff0b0b;
}

.metafans-toaster-container.success .notification-icon .type-icon svg {
    color: #00f;
}

.metafans-toaster-container.info .notification-icon .type-icon svg {
    color: #22e626;
}

.metafans-toaster-container.warning .notification-icon .type-icon svg {
    color: #ffbf15;
}

.metafans-toaster-container.error .notification-icon .type-icon svg {
    color: red;
}

.metafans-toaster-container .notification-icon .type-icon svg {
    width: 25px;
    height: 25px;
}

.metafans-toaster-container .notification-content .notification-close {
    position: absolute;
    top: 4px;
    right: 7px;
    cursor: pointer;
}

.metafans-toaster-container .notification-content .notification-close svg {
    width: 20px;
    height: 20px;
}

.metafans-toaster-container .notification-content .notification-msg {
    margin: 5px;
    font-weight: 500;
}

.activity-make-favourite.loading {
    filter: contrast(0.5);
    cursor: no-drop;
}

.activity_item {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
}

.activity_item>div>span {
    display: block;
}

.activity_item .activity_content {
    grid-column: 1/-1;
}

.user_item img {
    width: 50px;
    margin-bottom: 10px;
}

.buddypress-wrap .standard-form div.submit input {
    margin-right: 15px;
    border-radius: 10px !important;
}

.buddypress-wrap .standard-form div.submit input:hover {
    background-color: var(--primary) !important;
}

.buddypress-wrap .standard-form div.submit input:focus {
    background-color: var(--primary) !important;
    color: #fff !important;
    outline: 0 !important;
}

body #buddypress #drag-drop-area .drag-drop-inside .drag-drop-buttons .button {
    border-radius: 10px !important;
}

body #buddypress #drag-drop-area .drag-drop-inside .drag-drop-buttons .button:focus {
    background-color: var(--primary) !important;
    color: #fff !important;
    outline: 0 !important;
}

body #buddypress #drag-drop-area .drag-drop-inside .drag-drop-buttons .button:hover {
    background-color: var(--primary) !important;
}

@media (max-width: 1100px) {
    #buddypress div#item-header #item-header-cover-image #item-header-content.mobile>div#item-buttons {
        width: 100%;
    }

    .bp-user #buddypress #item-header .user-facts {
        margin-top: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical {
        position: absolute;
        right: 7px;
        top: -105px;
    }

    .bp-user #buddypress #item-header .user-facts {
        margin-bottom: 20px;
    }

    .bp-user #buddypress #item-header .user-facts p:last-child {
        margin-right: 0;
    }
}

body.my-account #buddypress div#item-header #item-header-cover-image #item-header-content.mobile>div#item-buttons {
    display: none;
}

@media (max-width: 600px) {
    #buddypress #item-header.groups-header #item-header-cover-image #item-header-avatar {
        float: left;
        overflow: visible;
        width: auto;
        padding: 0 10px 0 20px;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        margin-top: -100px;
    }

    #buddypress #item-header.groups-header #item-header-cover-image #item-header-avatar img.avatar {
        width: 85px;
        border-width: 4px !important;
        border-radius: 20px !important;
    }

    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .desc-wrap {
        background: 0 0;
        margin: 0;
        padding: 0;
        border: 0;
        margin-left: 0;
    }

    #buddypress #item-header-cover-image .moderators-lists {
        display: inline-block;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

.metafans-dark #buddypress .activity-extension-links ul,
.metafans-dark .ac-group-main,
.metafans-dark .ac-vi-form-content,
.metafans-dark .activity-update-form.activity-post-form-popup #whats-new-form,
.metafans-dark .th-bp-post-share-button ul.sharing-options {
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

.metafans-dark .close-ac-vi-popup svg,
.metafans-dark .close-popup svg,
.metafans-dark .whats-new-close svg {
    background-color: transparent;
}

.metafans-dark .activity-update-form #whats-new-options #whats-new-submit #aw-whats-new-submit[disabled]:hover {
    background: 0 0;
}

.metafans-dark .skeleton-box::after {
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.2) 60%,
            rgba(255, 255, 255, 0));
}

.metafans-dark #buddypress.buddypress-wrap .members-list li .members-action-buttons a.private-msg svg {
    fill: #fff;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    background-color: transparent;
    margin: 0;
    font-size: 16px;
    overflow-x: hidden;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none !important;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
}

body {
    scrollbar-base-color: silver;
    scrollbar-base-color: silver;
    scrollbar-3dlight-color: silver;
    scrollbar-highlight-color: silver;
    scrollbar-track-color: #ebebeb;
    scrollbar-arrow-color: #000;
    scrollbar-shadow-color: silver;
    scrollbar-dark-shadow-color: silver;
}

@-moz-document url-prefix(http: //),url-prefix(https://){scrollbar{-moz-appearance:none!important;background:#0f0!important}scrollbarbutton,thumb{-moz-appearance:none!important;background-color:#00f!important}scrollbarbutton:hover,thumb:hover{-moz-appearance:none!important;background-color:red!important}scrollbarbutton{display:none!important}scrollbar[orient=vertical]{width:3px}}::-webkit-scrollbar{background:0 0;width:5px;height:10px;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#ddd;border:solid #ddd 1px;transition:all .4s ease}::-webkit-scrollbar-thumb:hover{background-color:#ccc}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}.fa:before{font-family:fontawesome}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}a,button{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;text-decoration:none}[class*=tophive-grid-],[class*=tophive-grid_],[class~=tophive-grid]{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto}[class*=tophive-col-],[class*=tophive-col_],[class~=tophive-col]{box-sizing:border-box;padding:0 1em 0;max-width:100%}[class*=tophive-col_],[class~=tophive-col]{-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%}[class*=tophive-col-]{-webkit-box-flex:0;-webkit-flex:none;flex:none}[class*=tophive-grid-][class*=tophive-col-],[class*=tophive-grid-][class*=tophive-col_],[class*=tophive-grid-][class~=tophive-col],[class*=tophive-grid_][class*=tophive-col-],[class*=tophive-grid_][class*=tophive-col_],[class*=tophive-grid_][class~=tophive-col],[class~=tophive-grid][class*=tophive-col-],[class~=tophive-grid][class*=tophive-col_],[class~=tophive-grid][class~=tophive-col]{margin:0;padding:0}[class*=tophive-grid-][class*="-noGutter"]{margin:0}[class*=tophive-grid-][class*="-noGutter"]>[class*=tophive-col-],[class*=tophive-grid-][class*="-noGutter"]>[class~=tophive-col]{padding:0}[class*=tophive-grid-][class*="-noWrap"]{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}[class*=tophive-grid-][class*="-center"]{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}[class*=tophive-grid-][class*="-right"]{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-self:flex-end;align-self:flex-end;margin-left:auto}[class*=tophive-grid-][class*="-top"]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}[class*=tophive-grid-][class*="-middle"]{-webkit-box-align:center;-webkit-align-items:center;align-items:center}[class*=tophive-grid-][class*="-bottom"]{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}[class*=tophive-grid-][class*="-reverse"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}[class*=tophive-grid-][class*="-column"]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}[class*=tophive-grid-][class*="-column"]>[class*=tophive-col-]{-webkit-flex-basis:auto;flex-basis:auto}[class*=tophive-grid-][class*="-column-reverse"]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}[class*=tophive-grid-][class*="-spaceBetween"]{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}[class*=tophive-grid-][class*="-spaceAround"]{-webkit-justify-content:space-around;justify-content:space-around}[class*=tophive-grid-][class*="-equalHeight"]>[class*=tophive-col-],[class*=tophive-grid-][class*="-equalHeight"]>[class*=tophive-col_],[class*=tophive-grid-][class*="-equalHeight"]>[class~=tophive-col]{-webkit-align-self:stretch;align-self:stretch}[class*=tophive-grid-][class*="-equalHeight"]>[class*=tophive-col-]>*,[class*=tophive-grid-][class*="-equalHeight"]>[class*=tophive-col_]>*,[class*=tophive-grid-][class*="-equalHeight"]>[class~=tophive-col]>*{height:100%}[class*=tophive-grid-][class*="-noBottom"]>[class*=tophive-col-],[class*=tophive-grid-][class*="-noBottom"]>[class*=tophive-col_],[class*=tophive-grid-][class*="-noBottom"]>[class~=tophive-col]{padding-bottom:0}[class*=tophive-col-][class*="-top"]{-webkit-align-self:flex-start;align-self:flex-start}[class*=tophive-col-][class*="-middle"]{-webkit-align-self:center;align-self:center}[class*=tophive-col-][class*="-bottom"]{-webkit-align-self:flex-end;align-self:flex-end}[class*=tophive-col-][class*="-first"]{-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}[class*=tophive-col-][class*="-last"]{-webkit-box-ordinal-group:2;-webkit-order:1;order:1}[class*=tophive-grid-1]>[class*=tophive-col-],[class*=tophive-grid-1]>[class*=tophive-col_],[class*=tophive-grid-1]>[class~=tophive-col]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*=tophive-grid-2]>[class*=tophive-col-],[class*=tophive-grid-2]>[class*=tophive-col_],[class*=tophive-grid-2]>[class~=tophive-col]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*=tophive-grid-3]>[class*=tophive-col-],[class*=tophive-grid-3]>[class*=tophive-col_],[class*=tophive-grid-3]>[class~=tophive-col]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*=tophive-grid-4]>[class*=tophive-col-],[class*=tophive-grid-4]>[class*=tophive-col_],[class*=tophive-grid-4]>[class~=tophive-col]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*=tophive-grid-5]>[class*=tophive-col-],[class*=tophive-grid-5]>[class*=tophive-col_],[class*=tophive-grid-5]>[class~=tophive-col]{-webkit-flex-basis:20%;flex-basis:20%;max-width:20%}[class*=tophive-grid-6]>[class*=tophive-col-],[class*=tophive-grid-6]>[class*=tophive-col_],[class*=tophive-grid-6]>[class~=tophive-col]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*=tophive-grid-7]>[class*=tophive-col-],[class*=tophive-grid-7]>[class*=tophive-col_],[class*=tophive-grid-7]>[class~=tophive-col]{-webkit-flex-basis:14.2857142857%;flex-basis:14.2857142857%;max-width:14.2857142857%}[class*=tophive-grid-8]>[class*=tophive-col-],[class*=tophive-grid-8]>[class*=tophive-col_],[class*=tophive-grid-8]>[class~=tophive-col]{-webkit-flex-basis:12.5%;flex-basis:12.5%;max-width:12.5%}[class*=tophive-grid-9]>[class*=tophive-col-],[class*=tophive-grid-9]>[class*=tophive-col_],[class*=tophive-grid-9]>[class~=tophive-col]{-webkit-flex-basis:11.1111111111%;flex-basis:11.1111111111%;max-width:11.1111111111%}[class*=tophive-grid-10]>[class*=tophive-col-],[class*=tophive-grid-10]>[class*=tophive-col_],[class*=tophive-grid-10]>[class~=tophive-col]{-webkit-flex-basis:10%;flex-basis:10%;max-width:10%}[class*=tophive-grid-11]>[class*=tophive-col-],[class*=tophive-grid-11]>[class~=tophive-col]{-webkit-flex-basis:9.0909090909%;flex-basis:9.0909090909%;max-width:9.0909090909%}[class*=tophive-grid-12]>[class*=tophive-col-],[class*=tophive-grid-12]>[class*=tophive-col_],[class*=tophive-grid-12]>[class~=tophive-col]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}@media screen and (max-width:80em){[class*="_lg-1"]>[class*=tophive-col-],[class*="_lg-1"]>[class*=tophive-col_],[class*="_lg-1"]>[class~=tophive-col]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*="_lg-2"]>[class*=tophive-col-],[class*="_lg-2"]>[class*=tophive-col_],[class*="_lg-2"]>[class~=tophive-col]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*="_lg-3"]>[class*=tophive-col-],[class*="_lg-3"]>[class*=tophive-col_],[class*="_lg-3"]>[class~=tophive-col]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_lg-4"]>[class*=tophive-col-],[class*="_lg-4"]>[class*=tophive-col_],[class*="_lg-4"]>[class~=tophive-col]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*="_lg-5"]>[class*=tophive-col-],[class*="_lg-5"]>[class*=tophive-col_],[class*="_lg-5"]>[class~=tophive-col]{-webkit-flex-basis:20%;flex-basis:20%;max-width:20%}[class*="_lg-6"]>[class*=tophive-col-],[class*="_lg-6"]>[class*=tophive-col_],[class*="_lg-6"]>[class~=tophive-col]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_lg-7"]>[class*=tophive-col-],[class*="_lg-7"]>[class*=tophive-col_],[class*="_lg-7"]>[class~=tophive-col]{-webkit-flex-basis:14.2857142857%;flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_lg-8"]>[class*=tophive-col-],[class*="_lg-8"]>[class*=tophive-col_],[class*="_lg-8"]>[class~=tophive-col]{-webkit-flex-basis:12.5%;flex-basis:12.5%;max-width:12.5%}[class*="_lg-9"]>[class*=tophive-col-],[class*="_lg-9"]>[class*=tophive-col_],[class*="_lg-9"]>[class~=tophive-col]{-webkit-flex-basis:11.1111111111%;flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_lg-10"]>[class*=tophive-col-],[class*="_lg-10"]>[class*=tophive-col_],[class*="_lg-10"]>[class~=tophive-col]{-webkit-flex-basis:10%;flex-basis:10%;max-width:10%}[class*="_lg-11"]>[class*=tophive-col-],[class*="_lg-11"]>[class~=tophive-col]{-webkit-flex-basis:9.0909090909%;flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_lg-12"]>[class*=tophive-col-],[class*="_lg-12"]>[class*=tophive-col_],[class*="_lg-12"]>[class~=tophive-col]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}}@media screen and (max-width:64em){[class*="_md-1"]>[class*=tophive-col-],[class*="_md-1"]>[class*=tophive-col_],[class*="_md-1"]>[class~=tophive-col]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*="_md-2"]>[class*=tophive-col-],[class*="_md-2"]>[class*=tophive-col_],[class*="_md-2"]>[class~=tophive-col]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*="_md-3"]>[class*=tophive-col-],[class*="_md-3"]>[class*=tophive-col_],[class*="_md-3"]>[class~=tophive-col]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_md-4"]>[class*=tophive-col-],[class*="_md-4"]>[class*=tophive-col_],[class*="_md-4"]>[class~=tophive-col]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*="_md-5"]>[class*=tophive-col-],[class*="_md-5"]>[class*=tophive-col_],[class*="_md-5"]>[class~=tophive-col]{-webkit-flex-basis:20%;flex-basis:20%;max-width:20%}[class*="_md-6"]>[class*=tophive-col-],[class*="_md-6"]>[class*=tophive-col_],[class*="_md-6"]>[class~=tophive-col]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_md-7"]>[class*=tophive-col-],[class*="_md-7"]>[class*=tophive-col_],[class*="_md-7"]>[class~=tophive-col]{-webkit-flex-basis:14.2857142857%;flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_md-8"]>[class*=tophive-col-],[class*="_md-8"]>[class*=tophive-col_],[class*="_md-8"]>[class~=tophive-col]{-webkit-flex-basis:12.5%;flex-basis:12.5%;max-width:12.5%}[class*="_md-9"]>[class*=tophive-col-],[class*="_md-9"]>[class*=tophive-col_],[class*="_md-9"]>[class~=tophive-col]{-webkit-flex-basis:11.1111111111%;flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_md-10"]>[class*=tophive-col-],[class*="_md-10"]>[class*=tophive-col_],[class*="_md-10"]>[class~=tophive-col]{-webkit-flex-basis:10%;flex-basis:10%;max-width:10%}[class*="_md-11"]>[class*=tophive-col-],[class*="_md-11"]>[class~=tophive-col]{-webkit-flex-basis:9.0909090909%;flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_md-12"]>[class*=tophive-col-],[class*="_md-12"]>[class*=tophive-col_],[class*="_md-12"]>[class~=tophive-col]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}}@media screen and (max-width:48em){[class*="_sm-1"]>[class*=tophive-col-],[class*="_sm-1"]>[class*=tophive-col_],[class*="_sm-1"]>[class~=tophive-col]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*="_sm-2"]>[class*=tophive-col-],[class*="_sm-2"]>[class*=tophive-col_],[class*="_sm-2"]>[class~=tophive-col]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*="_sm-3"]>[class*=tophive-col-],[class*="_sm-3"]>[class*=tophive-col_],[class*="_sm-3"]>[class~=tophive-col]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_sm-4"]>[class*=tophive-col-],[class*="_sm-4"]>[class*=tophive-col_],[class*="_sm-4"]>[class~=tophive-col]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*="_sm-5"]>[class*=tophive-col-],[class*="_sm-5"]>[class*=tophive-col_],[class*="_sm-5"]>[class~=tophive-col]{-webkit-flex-basis:20%;flex-basis:20%;max-width:20%}[class*="_sm-6"]>[class*=tophive-col-],[class*="_sm-6"]>[class*=tophive-col_],[class*="_sm-6"]>[class~=tophive-col]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_sm-7"]>[class*=tophive-col-],[class*="_sm-7"]>[class*=tophive-col_],[class*="_sm-7"]>[class~=tophive-col]{-webkit-flex-basis:14.2857142857%;flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_sm-8"]>[class*=tophive-col-],[class*="_sm-8"]>[class*=tophive-col_],[class*="_sm-8"]>[class~=tophive-col]{-webkit-flex-basis:12.5%;flex-basis:12.5%;max-width:12.5%}[class*="_sm-9"]>[class*=tophive-col-],[class*="_sm-9"]>[class*=tophive-col_],[class*="_sm-9"]>[class~=tophive-col]{-webkit-flex-basis:11.1111111111%;flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_sm-10"]>[class*=tophive-col-],[class*="_sm-10"]>[class*=tophive-col_],[class*="_sm-10"]>[class~=tophive-col]{-webkit-flex-basis:10%;flex-basis:10%;max-width:10%}[class*="_sm-11"]>[class*=tophive-col-],[class*="_sm-11"]>[class~=tophive-col]{-webkit-flex-basis:9.0909090909%;flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_sm-12"]>[class*=tophive-col-],[class*="_sm-12"]>[class*=tophive-col_],[class*="_sm-12"]>[class~=tophive-col]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}}@media screen and (max-width:35.5em){[class*="_xs-1"]>[class*=tophive-col-],[class*="_xs-1"]>[class*=tophive-col_],[class*="_xs-1"]>[class~=tophive-col]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*="_xs-2"]>[class*=tophive-col-],[class*="_xs-2"]>[class*=tophive-col_],[class*="_xs-2"]>[class~=tophive-col]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*="_xs-3"]>[class*=tophive-col-],[class*="_xs-3"]>[class*=tophive-col_],[class*="_xs-3"]>[class~=tophive-col]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_xs-4"]>[class*=tophive-col-],[class*="_xs-4"]>[class*=tophive-col_],[class*="_xs-4"]>[class~=tophive-col]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*="_xs-5"]>[class*=tophive-col-],[class*="_xs-5"]>[class*=tophive-col_],[class*="_xs-5"]>[class~=tophive-col]{-webkit-flex-basis:20%;flex-basis:20%;max-width:20%}[class*="_xs-6"]>[class*=tophive-col-],[class*="_xs-6"]>[class*=tophive-col_],[class*="_xs-6"]>[class~=tophive-col]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_xs-7"]>[class*=tophive-col-],[class*="_xs-7"]>[class*=tophive-col_],[class*="_xs-7"]>[class~=tophive-col]{-webkit-flex-basis:14.2857142857%;flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_xs-8"]>[class*=tophive-col-],[class*="_xs-8"]>[class*=tophive-col_],[class*="_xs-8"]>[class~=tophive-col]{-webkit-flex-basis:12.5%;flex-basis:12.5%;max-width:12.5%}[class*="_xs-9"]>[class*=tophive-col-],[class*="_xs-9"]>[class*=tophive-col_],[class*="_xs-9"]>[class~=tophive-col]{-webkit-flex-basis:11.1111111111%;flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_xs-10"]>[class*=tophive-col-],[class*="_xs-10"]>[class*=tophive-col_],[class*="_xs-10"]>[class~=tophive-col]{-webkit-flex-basis:10%;flex-basis:10%;max-width:10%}[class*="_xs-11"]>[class*=tophive-col-],[class*="_xs-11"]>[class~=tophive-col]{-webkit-flex-basis:9.0909090909%;flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_xs-12"]>[class*=tophive-col-],[class*="_xs-12"]>[class*=tophive-col_],[class*="_xs-12"]>[class~=tophive-col]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}}[class*=tophive-grid-]>[class*=tophive-col-1],[class*=tophive-grid_]>[class*=tophive-col-1],[class~=tophive-grid]>[class*=tophive-col-1]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}[class*=tophive-grid-]>[class*=tophive-col-2],[class*=tophive-grid_]>[class*=tophive-col-2],[class~=tophive-grid]>[class*=tophive-col-2]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*=tophive-grid-]>[class*=tophive-col-3],[class*=tophive-grid_]>[class*=tophive-col-3],[class~=tophive-grid]>[class*=tophive-col-3]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*=tophive-grid-]>[class*=tophive-col-4],[class*=tophive-grid_]>[class*=tophive-col-4],[class~=tophive-grid]>[class*=tophive-col-4]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*=tophive-grid-]>[class*=tophive-col-5],[class*=tophive-grid_]>[class*=tophive-col-5],[class~=tophive-grid]>[class*=tophive-col-5]{-webkit-flex-basis:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}[class*=tophive-grid-]>[class*=tophive-col-6],[class*=tophive-grid_]>[class*=tophive-col-6],[class~=tophive-grid]>[class*=tophive-col-6]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*=tophive-grid-]>[class*=tophive-col-7],[class*=tophive-grid_]>[class*=tophive-col-7],[class~=tophive-grid]>[class*=tophive-col-7]{-webkit-flex-basis:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}[class*=tophive-grid-]>[class*=tophive-col-8],[class*=tophive-grid_]>[class*=tophive-col-8],[class~=tophive-grid]>[class*=tophive-col-8]{-webkit-flex-basis:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}[class*=tophive-grid-]>[class*=tophive-col-9],[class*=tophive-grid_]>[class*=tophive-col-9],[class~=tophive-grid]>[class*=tophive-col-9]{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}[class*=tophive-grid-]>[class*=tophive-col-10],[class*=tophive-grid_]>[class*=tophive-col-10],[class~=tophive-grid]>[class*=tophive-col-10]{-webkit-flex-basis:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}[class*=tophive-grid-]>[class*=tophive-col-11],[class*=tophive-grid_]>[class*=tophive-col-11],[class~=tophive-grid]>[class*=tophive-col-11]{-webkit-flex-basis:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}[class*=tophive-grid-]>[class*=tophive-col-12],[class*=tophive-grid_]>[class*=tophive-col-12],[class~=tophive-grid]>[class*=tophive-col-12]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*=tophive-grid-]>[data-push-left*=off-0],[class*=tophive-grid_]>[data-push-left*=off-0],[class~=tophive-grid]>[data-push-left*=off-0]{margin-left:0}[class*=tophive-grid-]>[data-push-left*=off-1],[class*=tophive-grid_]>[data-push-left*=off-1],[class~=tophive-grid]>[data-push-left*=off-1]{margin-left:8.3333333333%}[class*=tophive-grid-]>[data-push-left*=off-2],[class*=tophive-grid_]>[data-push-left*=off-2],[class~=tophive-grid]>[data-push-left*=off-2]{margin-left:16.6666666667%}[class*=tophive-grid-]>[data-push-left*=off-3],[class*=tophive-grid_]>[data-push-left*=off-3],[class~=tophive-grid]>[data-push-left*=off-3]{margin-left:25%}[class*=tophive-grid-]>[data-push-left*=off-4],[class*=tophive-grid_]>[data-push-left*=off-4],[class~=tophive-grid]>[data-push-left*=off-4]{margin-left:33.3333333333%}[class*=tophive-grid-]>[data-push-left*=off-5],[class*=tophive-grid_]>[data-push-left*=off-5],[class~=tophive-grid]>[data-push-left*=off-5]{margin-left:41.6666666667%}[class*=tophive-grid-]>[data-push-left*=off-6],[class*=tophive-grid_]>[data-push-left*=off-6],[class~=tophive-grid]>[data-push-left*=off-6]{margin-left:50%}[class*=tophive-grid-]>[data-push-left*=off-7],[class*=tophive-grid_]>[data-push-left*=off-7],[class~=tophive-grid]>[data-push-left*=off-7]{margin-left:58.3333333333%}[class*=tophive-grid-]>[data-push-left*=off-8],[class*=tophive-grid_]>[data-push-left*=off-8],[class~=tophive-grid]>[data-push-left*=off-8]{margin-left:66.6666666667%}[class*=tophive-grid-]>[data-push-left*=off-9],[class*=tophive-grid_]>[data-push-left*=off-9],[class~=tophive-grid]>[data-push-left*=off-9]{margin-left:75%}[class*=tophive-grid-]>[data-push-left*=off-10],[class*=tophive-grid_]>[data-push-left*=off-10],[class~=tophive-grid]>[data-push-left*=off-10]{margin-left:83.3333333333%}[class*=tophive-grid-]>[data-push-left*=off-11],[class*=tophive-grid_]>[data-push-left*=off-11],[class~=tophive-grid]>[data-push-left*=off-11]{margin-left:91.6666666667%}[class*=tophive-grid-]>[data-push-right*=off-0],[class*=tophive-grid_]>[data-push-right*=off-0],[class~=tophive-grid]>[data-push-right*=off-0]{margin-right:0}[class*=tophive-grid-]>[data-push-right*=off-1],[class*=tophive-grid_]>[data-push-right*=off-1],[class~=tophive-grid]>[data-push-right*=off-1]{margin-right:8.3333333333%}[class*=tophive-grid-]>[data-push-right*=off-2],[class*=tophive-grid_]>[data-push-right*=off-2],[class~=tophive-grid]>[data-push-right*=off-2]{margin-right:16.6666666667%}[class*=tophive-grid-]>[data-push-right*=off-3],[class*=tophive-grid_]>[data-push-right*=off-3],[class~=tophive-grid]>[data-push-right*=off-3]{margin-right:25%}[class*=tophive-grid-]>[data-push-right*=off-4],[class*=tophive-grid_]>[data-push-right*=off-4],[class~=tophive-grid]>[data-push-right*=off-4]{margin-right:33.3333333333%}[class*=tophive-grid-]>[data-push-right*=off-5],[class*=tophive-grid_]>[data-push-right*=off-5],[class~=tophive-grid]>[data-push-right*=off-5]{margin-right:41.6666666667%}[class*=tophive-grid-]>[data-push-right*=off-6],[class*=tophive-grid_]>[data-push-right*=off-6],[class~=tophive-grid]>[data-push-right*=off-6]{margin-right:50%}[class*=tophive-grid-]>[data-push-right*=off-7],[class*=tophive-grid_]>[data-push-right*=off-7],[class~=tophive-grid]>[data-push-right*=off-7]{margin-right:58.3333333333%}[class*=tophive-grid-]>[data-push-right*=off-8],[class*=tophive-grid_]>[data-push-right*=off-8],[class~=tophive-grid]>[data-push-right*=off-8]{margin-right:66.6666666667%}[class*=tophive-grid-]>[data-push-right*=off-9],[class*=tophive-grid_]>[data-push-right*=off-9],[class~=tophive-grid]>[data-push-right*=off-9]{margin-right:75%}[class*=tophive-grid-]>[data-push-right*=off-10],[class*=tophive-grid_]>[data-push-right*=off-10],[class~=tophive-grid]>[data-push-right*=off-10]{margin-right:83.3333333333%}[class*=tophive-grid-]>[data-push-right*=off-11],[class*=tophive-grid_]>[data-push-right*=off-11],[class~=tophive-grid]>[data-push-right*=off-11]{margin-right:91.6666666667%}@media screen and (max-width:80em){[class*=tophive-grid-]>[class*="_lg-1"],[class*=tophive-grid_]>[class*="_lg-1"],[class~=tophive-grid]>[class*="_lg-1"]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}[class*=tophive-grid-]>[class*="_lg-2"],[class*=tophive-grid_]>[class*="_lg-2"],[class~=tophive-grid]>[class*="_lg-2"]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*=tophive-grid-]>[class*="_lg-3"],[class*=tophive-grid_]>[class*="_lg-3"],[class~=tophive-grid]>[class*="_lg-3"]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*=tophive-grid-]>[class*="_lg-4"],[class*=tophive-grid_]>[class*="_lg-4"],[class~=tophive-grid]>[class*="_lg-4"]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*=tophive-grid-]>[class*="_lg-5"],[class*=tophive-grid_]>[class*="_lg-5"],[class~=tophive-grid]>[class*="_lg-5"]{-webkit-flex-basis:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}[class*=tophive-grid-]>[class*="_lg-6"],[class*=tophive-grid_]>[class*="_lg-6"],[class~=tophive-grid]>[class*="_lg-6"]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*=tophive-grid-]>[class*="_lg-7"],[class*=tophive-grid_]>[class*="_lg-7"],[class~=tophive-grid]>[class*="_lg-7"]{-webkit-flex-basis:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}[class*=tophive-grid-]>[class*="_lg-8"],[class*=tophive-grid_]>[class*="_lg-8"],[class~=tophive-grid]>[class*="_lg-8"]{-webkit-flex-basis:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}[class*=tophive-grid-]>[class*="_lg-9"],[class*=tophive-grid_]>[class*="_lg-9"],[class~=tophive-grid]>[class*="_lg-9"]{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}[class*=tophive-grid-]>[class*="_lg-10"],[class*=tophive-grid_]>[class*="_lg-10"],[class~=tophive-grid]>[class*="_lg-10"]{-webkit-flex-basis:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}[class*=tophive-grid-]>[class*="_lg-11"],[class*=tophive-grid_]>[class*="_lg-11"],[class~=tophive-grid]>[class*="_lg-11"]{-webkit-flex-basis:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}[class*=tophive-grid-]>[class*="_lg-12"],[class*=tophive-grid_]>[class*="_lg-12"],[class~=tophive-grid]>[class*="_lg-12"]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*=tophive-grid-]>[data-push-left*="_lg-0"],[class*=tophive-grid_]>[data-push-left*="_lg-0"],[class~=tophive-grid]>[data-push-left*="_lg-0"]{margin-left:0}[class*=tophive-grid-]>[data-push-left*="_lg-1"],[class*=tophive-grid_]>[data-push-left*="_lg-1"],[class~=tophive-grid]>[data-push-left*="_lg-1"]{margin-left:8.3333333333%}[class*=tophive-grid-]>[data-push-left*="_lg-2"],[class*=tophive-grid_]>[data-push-left*="_lg-2"],[class~=tophive-grid]>[data-push-left*="_lg-2"]{margin-left:16.6666666667%}[class*=tophive-grid-]>[data-push-left*="_lg-3"],[class*=tophive-grid_]>[data-push-left*="_lg-3"],[class~=tophive-grid]>[data-push-left*="_lg-3"]{margin-left:25%}[class*=tophive-grid-]>[data-push-left*="_lg-4"],[class*=tophive-grid_]>[data-push-left*="_lg-4"],[class~=tophive-grid]>[data-push-left*="_lg-4"]{margin-left:33.3333333333%}[class*=tophive-grid-]>[data-push-left*="_lg-5"],[class*=tophive-grid_]>[data-push-left*="_lg-5"],[class~=tophive-grid]>[data-push-left*="_lg-5"]{margin-left:41.6666666667%}[class*=tophive-grid-]>[data-push-left*="_lg-6"],[class*=tophive-grid_]>[data-push-left*="_lg-6"],[class~=tophive-grid]>[data-push-left*="_lg-6"]{margin-left:50%}[class*=tophive-grid-]>[data-push-left*="_lg-7"],[class*=tophive-grid_]>[data-push-left*="_lg-7"],[class~=tophive-grid]>[data-push-left*="_lg-7"]{margin-left:58.3333333333%}[class*=tophive-grid-]>[data-push-left*="_lg-8"],[class*=tophive-grid_]>[data-push-left*="_lg-8"],[class~=tophive-grid]>[data-push-left*="_lg-8"]{margin-left:66.6666666667%}[class*=tophive-grid-]>[data-push-left*="_lg-9"],[class*=tophive-grid_]>[data-push-left*="_lg-9"],[class~=tophive-grid]>[data-push-left*="_lg-9"]{margin-left:75%}[class*=tophive-grid-]>[data-push-left*="_lg-10"],[class*=tophive-grid_]>[data-push-left*="_lg-10"],[class~=tophive-grid]>[data-push-left*="_lg-10"]{margin-left:83.3333333333%}[class*=tophive-grid-]>[data-push-left*="_lg-11"],[class*=tophive-grid_]>[data-push-left*="_lg-11"],[class~=tophive-grid]>[data-push-left*="_lg-11"]{margin-left:91.6666666667%}[class*=tophive-grid-]>[data-push-right*="_lg-0"],[class*=tophive-grid_]>[data-push-right*="_lg-0"],[class~=tophive-grid]>[data-push-right*="_lg-0"]{margin-right:0}[class*=tophive-grid-]>[data-push-right*="_lg-1"],[class*=tophive-grid_]>[data-push-right*="_lg-1"],[class~=tophive-grid]>[data-push-right*="_lg-1"]{margin-right:8.3333333333%}[class*=tophive-grid-]>[data-push-right*="_lg-2"],[class*=tophive-grid_]>[data-push-right*="_lg-2"],[class~=tophive-grid]>[data-push-right*="_lg-2"]{margin-right:16.6666666667%}[class*=tophive-grid-]>[data-push-right*="_lg-3"],[class*=tophive-grid_]>[data-push-right*="_lg-3"],[class~=tophive-grid]>[data-push-right*="_lg-3"]{margin-right:25%}[class*=tophive-grid-]>[data-push-right*="_lg-4"],[class*=tophive-grid_]>[data-push-right*="_lg-4"],[class~=tophive-grid]>[data-push-right*="_lg-4"]{margin-right:33.3333333333%}[class*=tophive-grid-]>[data-push-right*="_lg-5"],[class*=tophive-grid_]>[data-push-right*="_lg-5"],[class~=tophive-grid]>[data-push-right*="_lg-5"]{margin-right:41.6666666667%}[class*=tophive-grid-]>[data-push-right*="_lg-6"],[class*=tophive-grid_]>[data-push-right*="_lg-6"],[class~=tophive-grid]>[data-push-right*="_lg-6"]{margin-right:50%}[class*=tophive-grid-]>[data-push-right*="_lg-7"],[class*=tophive-grid_]>[data-push-right*="_lg-7"],[class~=tophive-grid]>[data-push-right*="_lg-7"]{margin-right:58.3333333333%}[class*=tophive-grid-]>[data-push-right*="_lg-8"],[class*=tophive-grid_]>[data-push-right*="_lg-8"],[class~=tophive-grid]>[data-push-right*="_lg-8"]{margin-right:66.6666666667%}[class*=tophive-grid-]>[data-push-right*="_lg-9"],[class*=tophive-grid_]>[data-push-right*="_lg-9"],[class~=tophive-grid]>[data-push-right*="_lg-9"]{margin-right:75%}[class*=tophive-grid-]>[data-push-right*="_lg-10"],[class*=tophive-grid_]>[data-push-right*="_lg-10"],[class~=tophive-grid]>[data-push-right*="_lg-10"]{margin-right:83.3333333333%}[class*=tophive-grid-]>[data-push-right*="_lg-11"],[class*=tophive-grid_]>[data-push-right*="_lg-11"],[class~=tophive-grid]>[data-push-right*="_lg-11"]{margin-right:91.6666666667%}[class*=tophive-grid-] [class*="_lg-first"],[class*=tophive-grid_] [class*="_lg-first"],[class~=tophive-grid] [class*="_lg-first"]{-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}[class*=tophive-grid-] [class*="_lg-last"],[class*=tophive-grid_] [class*="_lg-last"],[class~=tophive-grid] [class*="_lg-last"]{-webkit-box-ordinal-group:2;-webkit-order:1;order:1}}@media screen and (max-width:64em){[class*=tophive-grid-]>[class*="_md-1"],[class*=tophive-grid_]>[class*="_md-1"],[class~=tophive-grid]>[class*="_md-1"]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}[class*=tophive-grid-]>[class*="_md-2"],[class*=tophive-grid_]>[class*="_md-2"],[class~=tophive-grid]>[class*="_md-2"]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*=tophive-grid-]>[class*="_md-3"],[class*=tophive-grid_]>[class*="_md-3"],[class~=tophive-grid]>[class*="_md-3"]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*=tophive-grid-]>[class*="_md-4"],[class*=tophive-grid_]>[class*="_md-4"],[class~=tophive-grid]>[class*="_md-4"]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*=tophive-grid-]>[class*="_md-5"],[class*=tophive-grid_]>[class*="_md-5"],[class~=tophive-grid]>[class*="_md-5"]{-webkit-flex-basis:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}[class*=tophive-grid-]>[class*="_md-6"],[class*=tophive-grid_]>[class*="_md-6"],[class~=tophive-grid]>[class*="_md-6"]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*=tophive-grid-]>[class*="_md-7"],[class*=tophive-grid_]>[class*="_md-7"],[class~=tophive-grid]>[class*="_md-7"]{-webkit-flex-basis:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}[class*=tophive-grid-]>[class*="_md-8"],[class*=tophive-grid_]>[class*="_md-8"],[class~=tophive-grid]>[class*="_md-8"]{-webkit-flex-basis:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}[class*=tophive-grid-]>[class*="_md-9"],[class*=tophive-grid_]>[class*="_md-9"],[class~=tophive-grid]>[class*="_md-9"]{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}[class*=tophive-grid-]>[class*="_md-10"],[class*=tophive-grid_]>[class*="_md-10"],[class~=tophive-grid]>[class*="_md-10"]{-webkit-flex-basis:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}[class*=tophive-grid-]>[class*="_md-11"],[class*=tophive-grid_]>[class*="_md-11"],[class~=tophive-grid]>[class*="_md-11"]{-webkit-flex-basis:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}[class*=tophive-grid-]>[class*="_md-12"],[class*=tophive-grid_]>[class*="_md-12"],[class~=tophive-grid]>[class*="_md-12"]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*=tophive-grid-]>[data-push-left*="_md-0"],[class*=tophive-grid_]>[data-push-left*="_md-0"],[class~=tophive-grid]>[data-push-left*="_md-0"]{margin-left:0}[class*=tophive-grid-]>[data-push-left*="_md-1"],[class*=tophive-grid_]>[data-push-left*="_md-1"],[class~=tophive-grid]>[data-push-left*="_md-1"]{margin-left:8.3333333333%}[class*=tophive-grid-]>[data-push-left*="_md-2"],[class*=tophive-grid_]>[data-push-left*="_md-2"],[class~=tophive-grid]>[data-push-left*="_md-2"]{margin-left:16.6666666667%}[class*=tophive-grid-]>[data-push-left*="_md-3"],[class*=tophive-grid_]>[data-push-left*="_md-3"],[class~=tophive-grid]>[data-push-left*="_md-3"]{margin-left:25%}[class*=tophive-grid-]>[data-push-left*="_md-4"],[class*=tophive-grid_]>[data-push-left*="_md-4"],[class~=tophive-grid]>[data-push-left*="_md-4"]{margin-left:33.3333333333%}[class*=tophive-grid-]>[data-push-left*="_md-5"],[class*=tophive-grid_]>[data-push-left*="_md-5"],[class~=tophive-grid]>[data-push-left*="_md-5"]{margin-left:41.6666666667%}[class*=tophive-grid-]>[data-push-left*="_md-6"],[class*=tophive-grid_]>[data-push-left*="_md-6"],[class~=tophive-grid]>[data-push-left*="_md-6"]{margin-left:50%}[class*=tophive-grid-]>[data-push-left*="_md-7"],[class*=tophive-grid_]>[data-push-left*="_md-7"],[class~=tophive-grid]>[data-push-left*="_md-7"]{margin-left:58.3333333333%}[class*=tophive-grid-]>[data-push-left*="_md-8"],[class*=tophive-grid_]>[data-push-left*="_md-8"],[class~=tophive-grid]>[data-push-left*="_md-8"]{margin-left:66.6666666667%}[class*=tophive-grid-]>[data-push-left*="_md-9"],[class*=tophive-grid_]>[data-push-left*="_md-9"],[class~=tophive-grid]>[data-push-left*="_md-9"]{margin-left:75%}[class*=tophive-grid-]>[data-push-left*="_md-10"],[class*=tophive-grid_]>[data-push-left*="_md-10"],[class~=tophive-grid]>[data-push-left*="_md-10"]{margin-left:83.3333333333%}[class*=tophive-grid-]>[data-push-left*="_md-11"],[class*=tophive-grid_]>[data-push-left*="_md-11"],[class~=tophive-grid]>[data-push-left*="_md-11"]{margin-left:91.6666666667%}[class*=tophive-grid-]>[data-push-right*="_md-0"],[class*=tophive-grid_]>[data-push-right*="_md-0"],[class~=tophive-grid]>[data-push-right*="_md-0"]{margin-right:0}[class*=tophive-grid-]>[data-push-right*="_md-1"],[class*=tophive-grid_]>[data-push-right*="_md-1"],[class~=tophive-grid]>[data-push-right*="_md-1"]{margin-right:8.3333333333%}[class*=tophive-grid-]>[data-push-right*="_md-2"],[class*=tophive-grid_]>[data-push-right*="_md-2"],[class~=tophive-grid]>[data-push-right*="_md-2"]{margin-right:16.6666666667%}[class*=tophive-grid-]>[data-push-right*="_md-3"],[class*=tophive-grid_]>[data-push-right*="_md-3"],[class~=tophive-grid]>[data-push-right*="_md-3"]{margin-right:25%}[class*=tophive-grid-]>[data-push-right*="_md-4"],[class*=tophive-grid_]>[data-push-right*="_md-4"],[class~=tophive-grid]>[data-push-right*="_md-4"]{margin-right:33.3333333333%}[class*=tophive-grid-]>[data-push-right*="_md-5"],[class*=tophive-grid_]>[data-push-right*="_md-5"],[class~=tophive-grid]>[data-push-right*="_md-5"]{margin-right:41.6666666667%}[class*=tophive-grid-]>[data-push-right*="_md-6"],[class*=tophive-grid_]>[data-push-right*="_md-6"],[class~=tophive-grid]>[data-push-right*="_md-6"]{margin-right:50%}[class*=tophive-grid-]>[data-push-right*="_md-7"],[class*=tophive-grid_]>[data-push-right*="_md-7"],[class~=tophive-grid]>[data-push-right*="_md-7"]{margin-right:58.3333333333%}[class*=tophive-grid-]>[data-push-right*="_md-8"],[class*=tophive-grid_]>[data-push-right*="_md-8"],[class~=tophive-grid]>[data-push-right*="_md-8"]{margin-right:66.6666666667%}[class*=tophive-grid-]>[data-push-right*="_md-9"],[class*=tophive-grid_]>[data-push-right*="_md-9"],[class~=tophive-grid]>[data-push-right*="_md-9"]{margin-right:75%}[class*=tophive-grid-]>[data-push-right*="_md-10"],[class*=tophive-grid_]>[data-push-right*="_md-10"],[class~=tophive-grid]>[data-push-right*="_md-10"]{margin-right:83.3333333333%}[class*=tophive-grid-]>[data-push-right*="_md-11"],[class*=tophive-grid_]>[data-push-right*="_md-11"],[class~=tophive-grid]>[data-push-right*="_md-11"]{margin-right:91.6666666667%}[class*=tophive-grid-] [class*="_md-first"],[class*=tophive-grid_] [class*="_md-first"],[class~=tophive-grid] [class*="_md-first"]{-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}[class*=tophive-grid-] [class*="_md-last"],[class*=tophive-grid_] [class*="_md-last"],[class~=tophive-grid] [class*="_md-last"]{-webkit-box-ordinal-group:2;-webkit-order:1;order:1}}@media screen and (max-width:48em){[class*=tophive-grid-]>[class*="_sm-1"],[class*=tophive-grid_]>[class*="_sm-1"],[class~=tophive-grid]>[class*="_sm-1"]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}[class*=tophive-grid-]>[class*="_sm-2"],[class*=tophive-grid_]>[class*="_sm-2"],[class~=tophive-grid]>[class*="_sm-2"]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*=tophive-grid-]>[class*="_sm-3"],[class*=tophive-grid_]>[class*="_sm-3"],[class~=tophive-grid]>[class*="_sm-3"]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*=tophive-grid-]>[class*="_sm-4"],[class*=tophive-grid_]>[class*="_sm-4"],[class~=tophive-grid]>[class*="_sm-4"]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*=tophive-grid-]>[class*="_sm-5"],[class*=tophive-grid_]>[class*="_sm-5"],[class~=tophive-grid]>[class*="_sm-5"]{-webkit-flex-basis:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}[class*=tophive-grid-]>[class*="_sm-6"],[class*=tophive-grid_]>[class*="_sm-6"],[class~=tophive-grid]>[class*="_sm-6"]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*=tophive-grid-]>[class*="_sm-7"],[class*=tophive-grid_]>[class*="_sm-7"],[class~=tophive-grid]>[class*="_sm-7"]{-webkit-flex-basis:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}[class*=tophive-grid-]>[class*="_sm-8"],[class*=tophive-grid_]>[class*="_sm-8"],[class~=tophive-grid]>[class*="_sm-8"]{-webkit-flex-basis:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}[class*=tophive-grid-]>[class*="_sm-9"],[class*=tophive-grid_]>[class*="_sm-9"],[class~=tophive-grid]>[class*="_sm-9"]{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}[class*=tophive-grid-]>[class*="_sm-10"],[class*=tophive-grid_]>[class*="_sm-10"],[class~=tophive-grid]>[class*="_sm-10"]{-webkit-flex-basis:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}[class*=tophive-grid-]>[class*="_sm-11"],[class*=tophive-grid_]>[class*="_sm-11"],[class~=tophive-grid]>[class*="_sm-11"]{-webkit-flex-basis:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}[class*=tophive-grid-]>[class*="_sm-12"],[class*=tophive-grid_]>[class*="_sm-12"],[class~=tophive-grid]>[class*="_sm-12"]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*=tophive-grid-]>[data-push-left*="_sm-0"],[class*=tophive-grid_]>[data-push-left*="_sm-0"],[class~=tophive-grid]>[data-push-left*="_sm-0"]{margin-left:0}[class*=tophive-grid-]>[data-push-left*="_sm-1"],[class*=tophive-grid_]>[data-push-left*="_sm-1"],[class~=tophive-grid]>[data-push-left*="_sm-1"]{margin-left:8.3333333333%}[class*=tophive-grid-]>[data-push-left*="_sm-2"],[class*=tophive-grid_]>[data-push-left*="_sm-2"],[class~=tophive-grid]>[data-push-left*="_sm-2"]{margin-left:16.6666666667%}[class*=tophive-grid-]>[data-push-left*="_sm-3"],[class*=tophive-grid_]>[data-push-left*="_sm-3"],[class~=tophive-grid]>[data-push-left*="_sm-3"]{margin-left:25%}[class*=tophive-grid-]>[data-push-left*="_sm-4"],[class*=tophive-grid_]>[data-push-left*="_sm-4"],[class~=tophive-grid]>[data-push-left*="_sm-4"]{margin-left:33.3333333333%}[class*=tophive-grid-]>[data-push-left*="_sm-5"],[class*=tophive-grid_]>[data-push-left*="_sm-5"],[class~=tophive-grid]>[data-push-left*="_sm-5"]{margin-left:41.6666666667%}[class*=tophive-grid-]>[data-push-left*="_sm-6"],[class*=tophive-grid_]>[data-push-left*="_sm-6"],[class~=tophive-grid]>[data-push-left*="_sm-6"]{margin-left:50%}[class*=tophive-grid-]>[data-push-left*="_sm-7"],[class*=tophive-grid_]>[data-push-left*="_sm-7"],[class~=tophive-grid]>[data-push-left*="_sm-7"]{margin-left:58.3333333333%}[class*=tophive-grid-]>[data-push-left*="_sm-8"],[class*=tophive-grid_]>[data-push-left*="_sm-8"],[class~=tophive-grid]>[data-push-left*="_sm-8"]{margin-left:66.6666666667%}[class*=tophive-grid-]>[data-push-left*="_sm-9"],[class*=tophive-grid_]>[data-push-left*="_sm-9"],[class~=tophive-grid]>[data-push-left*="_sm-9"]{margin-left:75%}[class*=tophive-grid-]>[data-push-left*="_sm-10"],[class*=tophive-grid_]>[data-push-left*="_sm-10"],[class~=tophive-grid]>[data-push-left*="_sm-10"]{margin-left:83.3333333333%}[class*=tophive-grid-]>[data-push-left*="_sm-11"],[class*=tophive-grid_]>[data-push-left*="_sm-11"],[class~=tophive-grid]>[data-push-left*="_sm-11"]{margin-left:91.6666666667%}[class*=tophive-grid-]>[data-push-right*="_sm-0"],[class*=tophive-grid_]>[data-push-right*="_sm-0"],[class~=tophive-grid]>[data-push-right*="_sm-0"]{margin-right:0}[class*=tophive-grid-]>[data-push-right*="_sm-1"],[class*=tophive-grid_]>[data-push-right*="_sm-1"],[class~=tophive-grid]>[data-push-right*="_sm-1"]{margin-right:8.3333333333%}[class*=tophive-grid-]>[data-push-right*="_sm-2"],[class*=tophive-grid_]>[data-push-right*="_sm-2"],[class~=tophive-grid]>[data-push-right*="_sm-2"]{margin-right:16.6666666667%}[class*=tophive-grid-]>[data-push-right*="_sm-3"],[class*=tophive-grid_]>[data-push-right*="_sm-3"],[class~=tophive-grid]>[data-push-right*="_sm-3"]{margin-right:25%}[class*=tophive-grid-]>[data-push-right*="_sm-4"],[class*=tophive-grid_]>[data-push-right*="_sm-4"],[class~=tophive-grid]>[data-push-right*="_sm-4"]{margin-right:33.3333333333%}[class*=tophive-grid-]>[data-push-right*="_sm-5"],[class*=tophive-grid_]>[data-push-right*="_sm-5"],[class~=tophive-grid]>[data-push-right*="_sm-5"]{margin-right:41.6666666667%}[class*=tophive-grid-]>[data-push-right*="_sm-6"],[class*=tophive-grid_]>[data-push-right*="_sm-6"],[class~=tophive-grid]>[data-push-right*="_sm-6"]{margin-right:50%}[class*=tophive-grid-]>[data-push-right*="_sm-7"],[class*=tophive-grid_]>[data-push-right*="_sm-7"],[class~=tophive-grid]>[data-push-right*="_sm-7"]{margin-right:58.3333333333%}[class*=tophive-grid-]>[data-push-right*="_sm-8"],[class*=tophive-grid_]>[data-push-right*="_sm-8"],[class~=tophive-grid]>[data-push-right*="_sm-8"]{margin-right:66.6666666667%}[class*=tophive-grid-]>[data-push-right*="_sm-9"],[class*=tophive-grid_]>[data-push-right*="_sm-9"],[class~=tophive-grid]>[data-push-right*="_sm-9"]{margin-right:75%}[class*=tophive-grid-]>[data-push-right*="_sm-10"],[class*=tophive-grid_]>[data-push-right*="_sm-10"],[class~=tophive-grid]>[data-push-right*="_sm-10"]{margin-right:83.3333333333%}[class*=tophive-grid-]>[data-push-right*="_sm-11"],[class*=tophive-grid_]>[data-push-right*="_sm-11"],[class~=tophive-grid]>[data-push-right*="_sm-11"]{margin-right:91.6666666667%}[class*=tophive-grid-] [class*="_sm-first"],[class*=tophive-grid_] [class*="_sm-first"],[class~=tophive-grid] [class*="_sm-first"]{-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}[class*=tophive-grid-] [class*="_sm-last"],[class*=tophive-grid_] [class*="_sm-last"],[class~=tophive-grid] [class*="_sm-last"]{-webkit-box-ordinal-group:2;-webkit-order:1;order:1}}@media screen and (max-width:35.5em){[class*=tophive-grid-]>[class*="_xs-1"],[class*=tophive-grid_]>[class*="_xs-1"],[class~=tophive-grid]>[class*="_xs-1"]{-webkit-flex-basis:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}[class*=tophive-grid-]>[class*="_xs-2"],[class*=tophive-grid_]>[class*="_xs-2"],[class~=tophive-grid]>[class*="_xs-2"]{-webkit-flex-basis:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}[class*=tophive-grid-]>[class*="_xs-3"],[class*=tophive-grid_]>[class*="_xs-3"],[class~=tophive-grid]>[class*="_xs-3"]{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}[class*=tophive-grid-]>[class*="_xs-4"],[class*=tophive-grid_]>[class*="_xs-4"],[class~=tophive-grid]>[class*="_xs-4"]{-webkit-flex-basis:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}[class*=tophive-grid-]>[class*="_xs-5"],[class*=tophive-grid_]>[class*="_xs-5"],[class~=tophive-grid]>[class*="_xs-5"]{-webkit-flex-basis:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}[class*=tophive-grid-]>[class*="_xs-6"],[class*=tophive-grid_]>[class*="_xs-6"],[class~=tophive-grid]>[class*="_xs-6"]{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}[class*=tophive-grid-]>[class*="_xs-7"],[class*=tophive-grid_]>[class*="_xs-7"],[class~=tophive-grid]>[class*="_xs-7"]{-webkit-flex-basis:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}[class*=tophive-grid-]>[class*="_xs-8"],[class*=tophive-grid_]>[class*="_xs-8"],[class~=tophive-grid]>[class*="_xs-8"]{-webkit-flex-basis:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}[class*=tophive-grid-]>[class*="_xs-9"],[class*=tophive-grid_]>[class*="_xs-9"],[class~=tophive-grid]>[class*="_xs-9"]{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}[class*=tophive-grid-]>[class*="_xs-10"],[class*=tophive-grid_]>[class*="_xs-10"],[class~=tophive-grid]>[class*="_xs-10"]{-webkit-flex-basis:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}[class*=tophive-grid-]>[class*="_xs-11"],[class*=tophive-grid_]>[class*="_xs-11"],[class~=tophive-grid]>[class*="_xs-11"]{-webkit-flex-basis:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}[class*=tophive-grid-]>[class*="_xs-12"],[class*=tophive-grid_]>[class*="_xs-12"],[class~=tophive-grid]>[class*="_xs-12"]{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}[class*=tophive-grid-]>[data-push-left*="_xs-0"],[class*=tophive-grid_]>[data-push-left*="_xs-0"],[class~=tophive-grid]>[data-push-left*="_xs-0"]{margin-left:0}[class*=tophive-grid-]>[data-push-left*="_xs-1"],[class*=tophive-grid_]>[data-push-left*="_xs-1"],[class~=tophive-grid]>[data-push-left*="_xs-1"]{margin-left:8.3333333333%}[class*=tophive-grid-]>[data-push-left*="_xs-2"],[class*=tophive-grid_]>[data-push-left*="_xs-2"],[class~=tophive-grid]>[data-push-left*="_xs-2"]{margin-left:16.6666666667%}[class*=tophive-grid-]>[data-push-left*="_xs-3"],[class*=tophive-grid_]>[data-push-left*="_xs-3"],[class~=tophive-grid]>[data-push-left*="_xs-3"]{margin-left:25%}[class*=tophive-grid-]>[data-push-left*="_xs-4"],[class*=tophive-grid_]>[data-push-left*="_xs-4"],[class~=tophive-grid]>[data-push-left*="_xs-4"]{margin-left:33.3333333333%}[class*=tophive-grid-]>[data-push-left*="_xs-5"],[class*=tophive-grid_]>[data-push-left*="_xs-5"],[class~=tophive-grid]>[data-push-left*="_xs-5"]{margin-left:41.6666666667%}[class*=tophive-grid-]>[data-push-left*="_xs-6"],[class*=tophive-grid_]>[data-push-left*="_xs-6"],[class~=tophive-grid]>[data-push-left*="_xs-6"]{margin-left:50%}[class*=tophive-grid-]>[data-push-left*="_xs-7"],[class*=tophive-grid_]>[data-push-left*="_xs-7"],[class~=tophive-grid]>[data-push-left*="_xs-7"]{margin-left:58.3333333333%}[class*=tophive-grid-]>[data-push-left*="_xs-8"],[class*=tophive-grid_]>[data-push-left*="_xs-8"],[class~=tophive-grid]>[data-push-left*="_xs-8"]{margin-left:66.6666666667%}[class*=tophive-grid-]>[data-push-left*="_xs-9"],[class*=tophive-grid_]>[data-push-left*="_xs-9"],[class~=tophive-grid]>[data-push-left*="_xs-9"]{margin-left:75%}[class*=tophive-grid-]>[data-push-left*="_xs-10"],[class*=tophive-grid_]>[data-push-left*="_xs-10"],[class~=tophive-grid]>[data-push-left*="_xs-10"]{margin-left:83.3333333333%}[class*=tophive-grid-]>[data-push-left*="_xs-11"],[class*=tophive-grid_]>[data-push-left*="_xs-11"],[class~=tophive-grid]>[data-push-left*="_xs-11"]{margin-left:91.6666666667%}[class*=tophive-grid-]>[data-push-right*="_xs-0"],[class*=tophive-grid_]>[data-push-right*="_xs-0"],[class~=tophive-grid]>[data-push-right*="_xs-0"]{margin-right:0}[class*=tophive-grid-]>[data-push-right*="_xs-1"],[class*=tophive-grid_]>[data-push-right*="_xs-1"],[class~=tophive-grid]>[data-push-right*="_xs-1"]{margin-right:8.3333333333%}[class*=tophive-grid-]>[data-push-right*="_xs-2"],[class*=tophive-grid_]>[data-push-right*="_xs-2"],[class~=tophive-grid]>[data-push-right*="_xs-2"]{margin-right:16.6666666667%}[class*=tophive-grid-]>[data-push-right*="_xs-3"],[class*=tophive-grid_]>[data-push-right*="_xs-3"],[class~=tophive-grid]>[data-push-right*="_xs-3"]{margin-right:25%}[class*=tophive-grid-]>[data-push-right*="_xs-4"],[class*=tophive-grid_]>[data-push-right*="_xs-4"],[class~=tophive-grid]>[data-push-right*="_xs-4"]{margin-right:33.3333333333%}[class*=tophive-grid-]>[data-push-right*="_xs-5"],[class*=tophive-grid_]>[data-push-right*="_xs-5"],[class~=tophive-grid]>[data-push-right*="_xs-5"]{margin-right:41.6666666667%}[class*=tophive-grid-]>[data-push-right*="_xs-6"],[class*=tophive-grid_]>[data-push-right*="_xs-6"],[class~=tophive-grid]>[data-push-right*="_xs-6"]{margin-right:50%}[class*=tophive-grid-]>[data-push-right*="_xs-7"],[class*=tophive-grid_]>[data-push-right*="_xs-7"],[class~=tophive-grid]>[data-push-right*="_xs-7"]{margin-right:58.3333333333%}[class*=tophive-grid-]>[data-push-right*="_xs-8"],[class*=tophive-grid_]>[data-push-right*="_xs-8"],[class~=tophive-grid]>[data-push-right*="_xs-8"]{margin-right:66.6666666667%}[class*=tophive-grid-]>[data-push-right*="_xs-9"],[class*=tophive-grid_]>[data-push-right*="_xs-9"],[class~=tophive-grid]>[data-push-right*="_xs-9"]{margin-right:75%}[class*=tophive-grid-]>[data-push-right*="_xs-10"],[class*=tophive-grid_]>[data-push-right*="_xs-10"],[class~=tophive-grid]>[data-push-right*="_xs-10"]{margin-right:83.3333333333%}[class*=tophive-grid-]>[data-push-right*="_xs-11"],[class*=tophive-grid_]>[data-push-right*="_xs-11"],[class~=tophive-grid]>[data-push-right*="_xs-11"]{margin-right:91.6666666667%}[class*=tophive-grid-] [class*="_xs-first"],[class*=tophive-grid_] [class*="_xs-first"],[class~=tophive-grid] [class*="_xs-first"]{-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}[class*=tophive-grid-] [class*="_xs-last"],[class*=tophive-grid_] [class*="_xs-last"],[class~=tophive-grid] [class*="_xs-last"]{-webkit-box-ordinal-group:2;-webkit-order:1;order:1}}[class*=tophive-col-][class*=tophive-col-0]{display:none}@media screen and (max-width:80em){[class*=tophive-grid-]>:not([class*="_lg-0"]),[class*=tophive-grid_]>:not([class*="_lg-0"]),[class~=tophive-grid]>:not([class*="_lg-0"]){display:block}[class*=tophive-grid-]>[class*="_lg-0"],[class*=tophive-grid_]>[class*="_lg-0"],[class~=tophive-grid]>[class*="_lg-0"]{display:none}}@media screen and (max-width:64em){[class*=tophive-grid-]>:not([class*="_md-0"]),[class*=tophive-grid_]>:not([class*="_md-0"]),[class~=tophive-grid]>:not([class*="_md-0"]){display:block}[class*=tophive-grid-]>[class*="_md-0"],[class*=tophive-grid_]>[class*="_md-0"],[class~=tophive-grid]>[class*="_md-0"]{display:none}}@media screen and (max-width:48em){[class*=tophive-grid-]>:not([class*="_sm-0"]),[class*=tophive-grid_]>:not([class*="_sm-0"]),[class~=tophive-grid]>:not([class*="_sm-0"]){display:block}[class*=tophive-grid-]>[class*="_sm-0"],[class*=tophive-grid_]>[class*="_sm-0"],[class~=tophive-grid]>[class*="_sm-0"]{display:none}}@media screen and (max-width:35.5em){[class*=tophive-grid-]>:not([class*="_xs-0"]),[class*=tophive-grid_]>:not([class*="_xs-0"]),[class~=tophive-grid]>:not([class*="_xs-0"]){display:block}[class*=tophive-grid-]>[class*="_xs-0"],[class*=tophive-grid_]>[class*="_xs-0"],[class~=tophive-grid]>[class*="_xs-0"]{display:none}}body{color:#686868;font-weight:400;line-height:1.618;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#cancel-comment-reply-link{margin:0 10px;font-size:12px}.comments-area .comment-reply-title,.h4,h4{font-size:1.41575em}.comments-area .comment-reply-title,.comments-area .comments-title{font-weight:400;margin-top:30px}p{margin:0 0 1.41575em;font-weight:400;font-size:18px}cite,dfn,em,i{font-style:italic}blockquote{padding:0 1.41575em;margin:1.41575em 1.618em;border-left:3px solid #eaecee;font-style:italic;font-weight:200;font-size:1.2em}blockquote p:last-of-type{margin-bottom:0}address{margin:0 0 1.618em}pre{background:#f2f2f2;margin-bottom:2.2906835em;padding:1.618em;overflow:auto;max-width:100%}code,kbd,tt,var{background-color:rgba(0,0,0,.05);padding:.15em .5407911001em;border-radius:2px}abbr,acronym{border-bottom:1px dotted #686868;cursor:help}ins,mark{background:0 0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}hr{background-color:#ccc;border:0;height:1px;margin:0 0 1.618em}img{height:auto;max-width:100%}figure{margin:1em 0}a.plain_color{color:currentColor}a{color:var(--light-black);text-decoration:none;-webkit-transition:all .14s ease-out;transition:all .14s ease-out}a:focus,a:hover{color:var(--secondary)}a:active,a:hover{outline:0}ol,ul{margin:0 0 1.618em 2.617924em;padding:0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:2.617924em}dt{font-weight:700}dd{margin:0 0 1.618em}table{width:100%;max-width:100%;margin-bottom:2.2906835em;border-spacing:0;border-collapse:separate}table caption{padding:1.41575em;font-weight:600}table th{background:#f2f2f2;font-weight:500}table td,table th{padding:1em 1.618em;vertical-align:top;text-align:left;font-size:.9em}table thead th{vertical-align:middle;font-weight:400}table tbody td{background:#fafafa}table tbody tr:nth-child(2n) td{background:#f7f7f7}.clear:after,.clear:before,.clearfix:after,.clearfix:before{content:"";display:table}.clear:after,.clearfix:after{clear:both}.pull-right{float:right;margin-right:0}.pull-left{float:left;margin-left:0}form{margin-bottom:2em}body input[type=search]+button[type=submit]{position:absolute;right:0;background:0 0;padding:7px 35px;font-size:16px;color:#999}body input[type=search]+button[type=submit]:hover{background:0 0}body input[type=search].special-search{height:50px;border-radius:30px;padding-left:30px;border:2px solid #f1f1f1;font-weight:700;color:#777}select{box-shadow:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;padding-right:1.5em;cursor:pointer;background-size:16px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select2-container--default .select2-selection--single{box-shadow:none}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:2.4em;min-height:2.6em;padding-left:0}.select2-container--default .select2-selection--single .select2-selection__arrow{top:46%;right:1px;-webkit-transform:translateY(-38%);-ms-transform:translateY(-38%);transform:translateY(-38%);background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDkuOTk4LDBMMjcsMzYuNDk4bDQ2LDAuMDA0TDQ5Ljk5OCwweiBNNTAuMDA0LDEwMEw3Myw2My41MDJsLTQ2LTAuMDA0TDUwLjAwNCwxMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);background-position:center right 8px;background-repeat:no-repeat}.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}.select2-container--default .select2-dropdown{border:1px solid #e5e5e5;box-shadow:0 1px 2px rgba(0,0,0,.12) inset}.button:not(.components-button):not(

    .customize-partial-edit-shortcut-button).loading .button-label, .button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading, .button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label, .button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i, .button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg, button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label, button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading, button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label, button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i, button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg, input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label, input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading, input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label, input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i, input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg, input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label, input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading, input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label, input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i, input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg, input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label, input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading, input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label, input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i, input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg {
    visibility: hidden;
}

.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after {
    content: "" !important;
    height: 16px;
    width: 16px;
    -webkit-animation: spin 0.6s linear infinite;
    animation: spin 0.6s linear infinite;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-left-color: currentColor;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    padding: 0;
    line-height: 0;
}

.button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button),
.button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button),
button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button),
button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
    opacity: 0.5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

fieldset {
    border: none;
    margin: 2.2906835em 0;
    padding: 0;
}

fieldset legend {
    margin-bottom: 0.5407911001em;
    font-weight: 600;
}

label {
    color: var(--black);
    font-weight: 300;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    display: block;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: normal;
    padding: 1em 2.2906835em;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 100000;
}

#content[tabindex="-1"]:focus {
    outline: 0;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.41575em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.41575em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both;
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

embed,
iframe,
object {
    max-width: 100%;
}

.custom-logo-link {
    display: inline-block;
}

.wp-caption {
    margin-bottom: 1.41575em;
    max-width: 100%;
}

figure.alignright {
    margin-left: 20px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    padding: 1em 0;
    font-size: 85%;
}

.wp-caption-text {
    text-align: center;
    font-style: italic;
    color: #999;
}

.gallery {
    margin-bottom: 1.5em;
    margin-bottom: 1.41575em;
}

.gallery:after,
.gallery:before {
    content: "";
    display: table;
}

.gallery:after {
    clear: both;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

.comments-area .comment-form-author label,
.comments-area .comment-form-comment label,
.comments-area .comment-form-email label,
.comments-area .comment-form-url label {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.85em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article.comment {
    margin-bottom: 0;
}

.comment-list ul {
    list-style: none;
    margin: 0;
}

.comment-list .children li.comment {
    padding-left: 30px;
}

.question-answer-blocks {
    margin: 20px 0;
}

.question-answer-blocks .question-input {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 25px;
}

.question-answer-blocks li {
    position: relative;
    padding: 0;
    margin-bottom: 15px;
}

.question-answer-blocks li input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

.question-answer-blocks li .options-span {
    display: block;
    text-align: center;
    padding: 5px;
    border: 1px solid #d4d4d4;
    border-radius: 12px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.question-answer-blocks li .options-span i {
    display: none;
    position: absolute;
    left: 20px;
    top: 12px;
}

.question-answer-blocks li>input:checked+.options-span,
.question-answer-blocks li>input:hover+.options-span {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.question-answer-blocks li>input:checked+.options-span i {
    display: inline-block;
}

.admin-post-content.feed-text ol,
.admin-post-content.feed-text ul {
    margin: 20px 0 !important;
}

.admin-post-content.feed-text ol li,
.admin-post-content.feed-text ul li {
    color: #fff;
}

@media screen and (min-width: 64em) {
    .comment-list .children li.comment {
        padding-left: 85px;
        position: relative;
        width: 100%;
    }

    .comment-list .children li.comment:after {
        content: "";
        display: none;
        position: absolute;
        float: left;
        top: 1.618em;
        left: 0;
        width: 1.618em;
        height: 1px;
        background-color: #eaecee;
    }
}

@media screen and (max-width: 48em) {
    .comment-list .children li.comment li.comment li.comment li.comment {
        padding-left: 0;
    }
}

article.comment {
    padding: 1.618em 0;
    margin-bottom: 1.618em;
}

article.comment .comment-content p:last-of-type {
    margin-bottom: 0;
    margin-top: 0;
}

article.comment .comment-image {
    float: left;
}

article.comment .comment-image img {
    border-radius: 50px;
}

article.comment .comment-wrap {
    margin-left: 85px;
}

article.comment .comment-meta {
    display: block;
    margin: 15px 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaecee;
}

article.comment .comment-meta .comment-edit-link {
    margin-left: 10px;
}

article.comment .comment-author {
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    font-style: normal;
    margin-bottom: 15px;
    display: block;
}

article.comment .comment-post-author {
    background: #48b56a;
    padding: 1px 6px 1px;
    border-radius: 2px;
    color: #fff;
    position: relative;
    top: -2px;
    margin-left: 4px;
}

@media screen and (min-width: 64em) {

    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
        width: 29.4117647059%;
        margin-right: 5.8823529412%;
        float: left;
    }
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
    width: 100%;
}

#respond .comment-form-url {
    margin-right: 0;
}

#respond .comment-form-cookies-consent #wp-comment-cookies-consent {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.post-share {
    display: none;
}

.entry .entry-content .wp-block-group.has-background {
    padding: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
}

.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
    padding: 0;
    list-style: none;
}

.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
    margin-left: 0;
}

.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
    font-size: 20px;
}

.entry .entry-content .has-large-font-size {
    font-size: 32px;
    line-height: 42px;
}

.entry .entry-content .wp-block-button .wp-block-button__link {
    transition: background 150ms ease-in-out;
    border: none;
    font-size: 0.88889em;
    line-height: 1.2;
    box-sizing: border-box;
    font-weight: 700;
    text-decoration: none;
    padding: 0.76rem 1rem;
    outline: 0;
    outline: 0;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
    background-color: #0073aa;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    color: #fff;
}

.entry .entry-content .wp-block-button .wp-block-button__link:hover {
    color: #fff;
    background: #111;
    cursor: pointer;
}

.entry .entry-content .wp-block-button .wp-block-button__link:focus {
    color: #fff;
    background: #111;
    outline: thin dotted;
    outline-offset: -4px;
}

.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    border-radius: 5px;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus {
    transition: all 150ms ease-in-out;
    border-width: 2px;
    border-style: solid;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
    background: 0 0;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: #0073aa;
    border-color: currentColor;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: #fff;
    border-color: #111;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
    color: #111;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>*,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>* {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>*,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>* {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>*,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>* {
        margin: 32px 0;
    }
}

.entry .entry-content>.alignwide,
.entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.alignwide,
.entry .entry-summary>.alignwide,
.entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.alignwide {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>.alignwide,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.alignwide,
    .entry .entry-summary>.alignwide,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.alignwide {
        width: 100%;
        max-width: 100%;
    }
}

.entry .entry-content>.alignleft,
.entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.alignleft,
.entry .entry-summary>.alignleft,
.entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.alignleft {
    float: left;
    max-width: calc(5 * (100vw / 12));
    margin-top: 0;
    margin-left: 0;
    margin-right: 1rem;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>.alignleft,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.alignleft,
    .entry .entry-summary>.alignleft,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.alignleft {
        max-width: calc(4 * (100vw / 12));
        margin-right: calc(2 * 1rem);
    }
}

.entry .entry-content>.alignright,
.entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.alignright,
.entry .entry-summary>.alignright,
.entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.alignright {
    float: right;
    max-width: calc(5 * (100vw / 12));
    margin-top: 0;
    margin-right: 0;
    margin-left: 1rem;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>.alignright,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.alignright,
    .entry .entry-summary>.alignright,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.alignright {
        max-width: calc(4 * (100vw / 12));
        margin-right: 0;
        margin-left: calc(2 * 1rem);
    }
}

.entry .entry-content>.aligncenter,
.entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.aligncenter,
.entry .entry-summary>.aligncenter,
.entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>.aligncenter,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.aligncenter,
    .entry .entry-summary>.aligncenter,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.aligncenter {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content>.aligncenter,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.aligncenter,
    .entry .entry-summary>.aligncenter,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.aligncenter {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content>.aligncenter,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>.aligncenter,
    .entry .entry-summary>.aligncenter,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>.aligncenter {
        margin-left: 0;
        margin-right: 0;
        margin: 0 auto;
    }
}

.entry .entry-content>*> :first-child,
.entry .entry-summary>*> :first-child {
    margin-top: 0;
}

.entry .entry-content>*> :last-child,
.entry .entry-summary>*> :last-child {
    margin-bottom: 0;
}

.entry .entry-content .wp-block-image {
    max-width: 100%;
}

.entry .entry-content .wp-block-image img {
    display: block;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull)>img {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull)>img {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image .aligncenter {
        margin: 0 auto;
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-image .aligncenter {
        margin: 0 auto;
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image .aligncenter {
        margin: 0 auto;
        margin: 0;
        width: calc(8 * (100vw / 12) - 28px);
    }

    .entry .entry-content .wp-block-image .aligncenter img {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-image .aligncenter {
        margin: 0 auto;
        width: calc(6 * (100vw / 12) - 28px);
    }

    .entry .entry-content .wp-block-image .aligncenter img {
        margin: 0 auto;
    }
}

.entry .entry-content .wp-block-cover,
.entry .entry-content .wp-block-cover-image {
    position: relative;
    min-height: 430px;
    padding: 1rem;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover,
    .entry .entry-content .wp-block-cover-image {
        padding: 1rem 10%;
    }
}

.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2,
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2 {
    font-size: 1.6875em;
    font-weight: 700;
    line-height: 1.25;
    padding: 0;
    color: #fff;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover .wp-block-cover-text,
    .entry .entry-content .wp-block-cover h2,
    .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image h2 {
        font-size: 2.25em;
        max-width: 100%;
    }
}

.entry .entry-content .wp-block-cover-image.alignleft,
.entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
    width: 100%;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-cover-image.alignleft,
    .entry .entry-content .wp-block-cover-image.alignright,
    .entry .entry-content .wp-block-cover.alignleft,
    .entry .entry-content .wp-block-cover.alignright {
        padding: 1rem calc(2 * 1rem);
    }
}

.entry .entry-content .wp-block-gallery {
    list-style-type: none;
    padding-left: 0;
}

.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    margin-bottom: 16px;
}

.entry .entry-content .wp-block-gallery figcaption a {
    color: #fff;
}

.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-video figcaption {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-columns .wp-block-image>figure,
    .entry .entry-content .wp-block-columns .wp-block-image>img:not(.alignwide):not(.alignfull) {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content .wp-block-columns .wp-block-image>figure,
    .entry .entry-content .wp-block-columns .wp-block-image>img:not(.alignwide):not(.alignfull) {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-columns {
        flex-wrap: nowrap;
    }

    .entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
        margin-left: 32px;
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content .wp-block-group:not(.alignfull)>.wp-block-group__inner-container>.alignfull,
    .entry .entry-content .wp-block-group:not(.alignfull)>.wp-block-group__inner-container>.wp-block-image>img {
        left: 0;
        max-width: 100%;
    }
}

.nav-btn {
    margin: auto;
    width: 24px;
    height: 24px;
    min-height: 24px;
    overflow: hidden;
    fill: currentColor;
    line-height: 1em;
    font-size: 1em;
    position: relative;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 0.5);
    color: #888;
    opacity: 0.6;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.nav-btn.x2 {
    width: 36px;
    height: 36px;
    min-height: 36px;
    font-size: 1.1em;
}

.nav-btn svg {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    fill: currentColor;
    color: currentColor;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nav-btn:focus,
.nav-btn:hover {
    color: #333;
    opacity: 1;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.18);
    background-color: rgba(255, 255, 255, 0.99);
}

.shape-rounded {
    border-radius: 10%;
}

.shape-circle {
    border-radius: 50%;
}

.text-xsmall {
    font-size: 0.72em;
}

.text-small {
    font-size: 0.875em;
}

.text-large {
    font-size: 1.1em;
}

.text-uppercase {
    text-transform: uppercase;
    line-height: 1.2;
}

.text-uppercase.text-xsmall {
    letter-spacing: 0.5px;
}

.link-meta,
.link-meta a {
    color: #6d6d6d;
}

.entry-meta .meta-item a {
    font-size: 14px;
    font-weight: 400;
}

.entry-meta .meta-item a i {
    margin-right: 5px;
}

.link-meta a:hover {
    color: #111;
}

.color-meta {
    color: #6d6d6d;
}

.customize-previewing {
    overflow-x: hidden;
}

.customize-previewing .builder-item-focus.item--inner {
    position: relative;
}

.customize-previewing .builder-item-focus.item--inner.has_menu {
    position: initial;
}

.customize-previewing .builder-item-focus.item--inner.has_menu .item--preview-name {
    left: auto;
}

.customize-previewing .builder-item-focus .item--preview-name {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #aa0095bd;
    color: #fff;
    padding: 5px 8px 6px;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 14px;
    cursor: pointer;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-radius: 0 0 3px 3px;
}

.customize-previewing .builder-item-focus:hover.item--inner {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    outline: 1px dashed #000;
    outline-offset: -1px;
}

.customize-previewing .builder-item-focus:hover.item--inner .item--preview-name {
    display: block;
    z-index: 9999999;
}

.customize-previewing .header--row .customize-partial-edit-shortcut,
.customize-previewing .header-menu-sidebar .customize-partial-edit-shortcut {
    display: none;
}

.customize-previewing .footer--row .builder-item-focus:hover.item--inner {
    outline: 1px dashed #ff472e;
    outline-offset: -1px;
}

#cb-row--footer-main .footer--row-inner ul:not(.footer-social-icons) li a:hover {
    padding-left: 5px;
}

.bbpress .footer--row-inner .widget,
.buddypress .footer--row-inner .widget {
    border: none;
    background: 0 0;
}

.comments-area .comment-form-author label,
.comments-area .comment-form-comment label,
.comments-area .comment-form-email label,
.comments-area .comment-form-url label {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.85em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article.comment {
    margin-bottom: 0;
}

.comment-list ul {
    list-style: none;
    margin: 0;
}

.comment-list .children li.comment {
    padding-left: 30px;
}

@media screen and (min-width: 64em) {
    .comment-list .children li.comment {
        padding-left: 85px;
        position: relative;
        width: 100%;
    }

    .comment-list .children li.comment:after {
        content: "";
        display: none;
        position: absolute;
        float: left;
        top: 1.618em;
        left: 0;
        width: 1.618em;
        height: 1px;
        background-color: #eaecee;
    }
}

@media screen and (max-width: 48em) {
    .comment-list .children li.comment li.comment li.comment li.comment {
        padding-left: 0;
    }
}

article.comment {
    padding: 1.618em 0;
    margin-bottom: 1.618em;
}

article.comment .comment-content p:last-of-type {
    margin-bottom: 0;
}

article.comment .comment-image {
    float: left;
}

article.comment .comment-wrap {
    margin-left: 85px;
}

article.comment .comment-meta {
    display: block;
    margin: 15px 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaecee;
}

article.comment .comment-meta .comment-edit-link {
    margin-left: 10px;
}

article.comment .comment-author {
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    font-style: normal;
}

@media screen and (min-width: 64em) {

    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
        width: 29.4117647059%;
        margin-right: 5.8823529412%;
        float: left;
    }
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
    width: 100%;
}

#respond .comment-form-url {
    margin-right: 0;
}

#respond .comment-form-cookies-consent #wp-comment-cookies-consent {
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.header--row .dark-mode {
    color: rgba(255, 255, 255, 0.99);
    background: rgba(0, 0, 0, 0.9);
}

.dark-mode .nav-menu-desktop.style-border-bottom .nav-menu>li>a:focus,
.dark-mode .nav-menu-desktop.style-border-bottom .nav-menu>li>a:hover,
.dark-mode .nav-menu-desktop.style-border-top .nav-menu>li>a:focus,
.dark-mode .nav-menu-desktop.style-border-top .nav-menu>li>a:hover,
.dark-mode .nav-menu-desktop.style-plain .nav-menu>li>a:focus,
.dark-mode .nav-menu-desktop.style-plain .nav-menu>li>a:hover {
    color: rgba(255, 255, 255, 0.99);
}

.dark-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-ancestor>a,
.dark-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-item>a,
.dark-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-ancestor>a,
.dark-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-item>a,
.dark-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-ancestor>a,
.dark-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a {
    color: rgba(255, 255, 255, 0.99);
}

.dark-mode .site-title,
.dark-mode .site-title a {
    color: rgba(255, 255, 255, 0.99);
}

.dark-mode .item--html a,
.dark-mode .menu-mobile-toggle,
.dark-mode .nav-menu>li>a,
.dark-mode .search-icon,
.dark-mode .tophive-builder-social-icons.color-custom li a {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .item--html a:hover,
.dark-mode .menu-mobile-toggle:hover,
.dark-mode .nav-menu>li>a:hover,
.dark-mode .search-icon:hover,
.dark-mode .tophive-builder-social-icons.color-custom li a:hover {
    color: rgba(255, 255, 255, 0.99);
}

.dark-mode .cart-item-link {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .cart-item-link .cart-icon {
    color: rgba(255, 255, 255, 0.99);
}

.dark-mode .cart-item-link:hover {
    color: rgba(255, 255, 255, 0.99);
}

.dark-mode .header-search_box-item .search-form-fields {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .header-search_box-item .search-form-fields .search-field {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .header-search_box-item .search-form-fields .search-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .header-search_box-item .search-form-fields .search-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .header-search_box-item .search-form-fields .search-field::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .header-search_box-item .search-form-fields .search-field::placeholder {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .header-search_box-item .search-submit {
    color: rgba(255, 255, 255, 0.79);
}

.dark-mode .header-search_box-item .search-submit:hover {
    color: rgba(255, 255, 255, 0.99);
}

.woo_bootster_search .dark-mode .header-search_box-item .header-search-form .search_product_cats {
    background-color: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.79);
}

.woo_bootster_search .dark-mode .header-search_box-item .header-search-form .search-field {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.79);
}

.header--row .light-mode {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(255, 255, 255, 0.9);
}

.light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li>a:focus,
.light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li>a:hover,
.light-mode .nav-menu-desktop.style-border-top .nav-menu>li>a:focus,
.light-mode .nav-menu-desktop.style-border-top .nav-menu>li>a:hover,
.light-mode .nav-menu-desktop.style-plain .nav-menu>li>a:focus,
.light-mode .nav-menu-desktop.style-plain .nav-menu>li>a:hover {
    color: var(--secondary);
}

.light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-ancestor>a,
.light-mode .nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-item>a,
.light-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-ancestor>a,
.light-mode .nav-menu-desktop.style-border-top .nav-menu>li.current-menu-item>a,
.light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-ancestor>a,
.light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a {
    color: rgba(0, 0, 0, 0.8);
}

.light-mode .site-title,
.light-mode .site-title a {
    color: rgba(0, 0, 0, 0.8);
}

.light-mode .item--html a,
.light-mode .menu-mobile-toggle,
.light-mode .nav-menu>li>a,
.light-mode .search-icon,
.light-mode .tophive-builder-social-icons.color-custom li a {
    color: #33272a;
}

.light-mode .item--html a:hover,
.light-mode .menu-mobile-toggle:hover,
.light-mode .nav-menu>li>a:hover,
.light-mode .search-icon:hover,
.light-mode .tophive-builder-social-icons.color-custom li a:hover {
    color: var(--secondary);
}

.light-mode .cart-item-link {
    color: rgba(0, 0, 0, 0.55);
}

.light-mode .cart-item-link .cart-icon {
    color: rgba(0, 0, 0, 0.8);
}

.light-mode .cart-item-link:hover {
    color: rgba(0, 0, 0, 0.8);
}

.single-post .content-inner {
    margin-left: auto;
    margin-right: auto;
}

.entry-content>* {
    margin-left: auto;
    margin-right: auto;
}

.entry.entry-single .entry-title {
    font-size: 26px;
    line-height: 38px;
    font-weight: 700;
}

.entry-content .alignleft {
    margin-right: 1.41575em;
}

.main-layout-content .entry-content>.alignwide {
    max-width: 100vw;
    max-width: calc(var(--vw, 1vw) * 100);
    width: 1200px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.main-layout-content-sidebar-sidebar.single-post .content-inner,
.main-layout-content-sidebar.single-post .content-inner {
    margin-left: 0;
}

.main-layout-sidebar-content.single-post .content-inner,
.main-layout-sidebar-sidebar-content.single-post .content-inner {
    margin-right: 0;
}

.entry-content ol,
.entry-content ul {
    margin: 1.5em auto;
    list-style-position: outside;
}

.wp-block-video video {
    max-width: 100%;
}

.wp-block-image img {
    display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
    width: 100%;
}

.wp-block-gallery:not(.components-placeholder) {
    margin: 0;
}

.wp-block-cover-text p {
    padding: 1.5em 14px;
}

.wp-block-table {
    display: block;
    overflow-x: auto;
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}

.wp-block-table td,
.wp-block-table th {
    padding: 0.5em;
}

.entry-content li {
    margin-left: 2.5em;
    margin-bottom: 6px;
}

.entry-post-navigation .nav-next .post-title,
.entry-post-navigation .nav-previous .post-title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    display: block;
}

.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ol,
.entry-content ul ul {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 2.5em;
}

.entry-content ol ol li,
.entry-content ol ul li,
.entry-content ul ol li,
.entry-content ul ul li {
    margin-left: 0;
}

.wp-block-embed.is-type-video>.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed.is-type-video>.wp-block-embed__wrapper iframe,
.wp-block-embed.is-type-video>.wp-block-embed__wrapper>object {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wp-block-quote {
    border-left-width: 4px;
    border-left-color: currentColor;
}

.wp-block-quote.is-style-large {
    padding: 0;
}

.wp-block-quote.is-style-large cite {
    font-size: 13px;
}

.wp-block-quote>* {
    margin-left: 16px;
    margin-right: 16px;
}

.wp-block-quote cite {
    font-style: normal;
    margin-top: 1em;
    position: relative;
    font-size: 13px;
}

.wp-block-pullquote {
    border-bottom: 4px solid currentColor;
    border-top: 4px solid currentColor;
    margin-left: 0;
    margin-right: 0;
    padding: 3em 0;
    text-align: center;
}

.wp-block-pullquote>p:first-child {
    margin-top: 0;
}

.wp-block-pullquote cite {
    font-size: 13px;
    font-style: normal;
    text-transform: uppercase;
}

.wp-block-pullquote blockquote {
    border-left: 0;
}

.wp-block-separator {
    margin: 3em auto;
    border: none;
    border-bottom: 2px solid currentColor;
}

.wp-block-separator:not(.is-style-wide) {
    max-width: 100px;
}

.wp-block-separator.is-style-dots {
    border-bottom: none !important;
    text-align: center;
}

.wp-block-separator.is-style-dots::before {
    padding-left: 0;
    font-size: 30px;
}

@media screen and (min-width: 768px) {
    .wp-block-cover-text p {
        padding: 1.5em 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 720px) {

    .post-navigation .nav-links .nav-next,
    .post-navigation .nav-links .nav-previous {
        width: 100% !important;
        margin: 5px 0;
    }

    article.comment .comment-wrap {
        margin-left: 0;
    }

    article.comment .comment-image img {
        width: 35px;
        margin-right: 10px;
    }

    article.comment .comment-author {
        margin-bottom: 10px;
    }

    article.comment .comment-meta {
        margin: 0 0 12px;
    }

    .entry-tags.tags-links {
        margin-bottom: 10px;
    }
}

.content-no-gap .tophive-container #main,
.content-no-gap .tophive-container #sidebar-primary,
.content-no-gap .tophive-container #sidebar-secondary {
    padding: 0 0;
}

.content-xm-space .tophive-container #main,
.content-xm-space .tophive-container #sidebar-primary,
.content-xm-space .tophive-container #sidebar-secondary {
    padding: 2vh 0;
}

.content-sm-space .tophive-container #main,
.content-sm-space .tophive-container #sidebar-primary,
.content-sm-space .tophive-container #sidebar-secondary {
    padding: 20px 0;
}

.content-md-space .tophive-container #main,
.content-md-space .tophive-container #sidebar-primary,
.content-md-space .tophive-container #sidebar-secondary {
    padding: 10vh 0;
}

.content-lg-space .tophive-container #main,
.content-lg-space .tophive-container #sidebar-primary,
.content-lg-space .tophive-container #sidebar-secondary {
    padding: 20vh 0;
}

.content-xl-space .tophive-container #main,
.content-xl-space .tophive-container #sidebar-primary,
.content-xl-space .tophive-container #sidebar-secondary {
    padding: 30vh 0;
}

.has-strong-blue-color {
    color: #0073aa;
}

.has-strong-blue-background-color {
    background-color: #0073aa;
}

.has-lighter-blue-color {
    color: #229fd8;
}

.has-lighter-blue-background-color {
    background-color: #229fd8;
}

.has-very-light-gray-color {
    color: #eee;
}

.has-very-light-gray-background-color {
    background-color: #eee;
}

.has-very-dark-gray-color {
    color: #444;
}

.has-very-dark-gray-background-color {
    background-color: #444;
}

.header-top {
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: 13px;
}

.header-top .tophive-grid .item--html {
    font-size: 15px;
}

.header-top .item--html {
    line-height: 1.3;
}

.header-top .light-mode {
    background: #f0f0f0;
}

.header-top .dark-mode {
    background: var(--secondary);
}

.header-main {
    padding: 0;
}

.header-main .dark-mode {
    background: #1a1a1a;
}

.header-main .light-mode {
    background: #fff;
}

.header-bottom {
    padding: 0;
    border-left: none;
    border-right: none;
}

.header-bottom .light-mode {
    background: #f0f0f0;
    box-shadow: 0 1px 2px 0 #e1e5ea;
}

.header-bottom .dark-mode {
    background: #303030;
}

.site-header {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    padding: 7px 0;
    max-height: 78px;
}

.site-header .tophive-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.builder-item .item--inner {
    display: inline-block;
    vertical-align: middle;
}

.builder-item.builder-item--group .item--inner {
    margin-right: 1em;
}

@media screen and (max-width: 1024px) {
    .builder-item.builder-item--group .item--inner {
        margin-right: 1em;
    }
}

@media screen and (max-width: 568px) {
    .builder-item.builder-item--group .item--inner {
        margin-right: 0.4em;
    }
}

.builder-item.builder-item--group .item--inner:last-child {
    margin-right: 0;
}

.layout-fullwidth .tophive-container {
    max-width: initial;
}

@media screen and (min-width: 1025px) {
    .header--row .tophive-grid {
        margin: 0 -0.5em;
    }

    .header--row .tophive-grid [class*="tophive-col-"],
    .header--row .tophive-grid [class*="tophive-col_"],
    .header--row .tophive-grid [class~="tophive-col-"] {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

.header--row.layout-full-contained .tophive-container {
    background: 0 0 !important;
}

.header--row.layout-full-contained .tophive-container,
.header--row.layout-fullwidth .tophive-container {
    border: 0 none !important;
    box-shadow: none !important;
}

@media screen and (min-width: 1025px) {
    .header--row.layout-contained {
        background: 0 0 !important;
        border: 0 none;
    }
}

.header--row.layout-fullwidth .tophive-container {
    box-shadow: none !important;
}

.page-titlebar {
    padding: 21px 0 22px;
    border-bottom: 1px solid #eaecee;
    word-break: break-word;
    background: #f9f9f9;
}

@media screen and (max-width: 1024px) {
    .page-titlebar {
        padding: 19px 0 20px;
    }
}

@media screen and (max-width: 568px) {
    .page-titlebar {
        padding: 18px 0 20px;
    }
}

.page-titlebar .page-titlebar-inner {
    width: 100%;
}

.page-titlebar .page-titlebar-inner p {
    margin-bottom: 0;
}

.page-titlebar .titlebar-title {
    margin-bottom: 0;
    font-size: 30px;
}

.page-titlebar .titlebar-tagline {
    margin-top: 5px;
    font-size: 0.875em;
}

.page-breadcrumb {
    padding: 9px 0 9px;
    border-bottom: 1px solid #eaecee;
    color: #6d6d6d;
    line-height: 1.6;
    background: #fff;
}

.page-breadcrumb .page-breadcrumb-inner {
    width: 100%;
}

.page-breadcrumb-list {
    list-style: none;
    margin: 0 1em;
    padding: 0;
}

.page-breadcrumb-list li {
    display: inline-block;
    position: relative;
    padding-right: 10px;
}

.page-breadcrumb-list li:after {
    border-top: 1px solid currentColor;
    border-left: 1px solid currentColor;
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: auto;
    position: relative;
    top: -1px;
}

.page-breadcrumb-list li:last-child:after {
    display: none;
}

.page-breadcrumb-list li a {
    font-weight: 500;
    margin-right: 10px;
}

.page-cover .customize-partial-edit-shortcut button,
.page-titlebar .customize-partial-edit-shortcut button {
    left: 0;
}

.page-cover .page-breadcrumb-inner,
.page-titlebar .page-breadcrumb-inner {
    padding-left: 0;
    padding-right: 0;
}

.page-cover .page-breadcrumb,
.page-titlebar .page-breadcrumb {
    border-bottom: none;
    padding-bottom: 0;
    background: 0 0;
}

.page-cover {
    position: relative;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.page-cover:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

.page-cover .page-cover-inner {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 5;
    padding: 1em 30px;
}

@media screen and (min-width: 1025px) {
    .page-cover .page-cover-inner {
        min-height: 300px;
    }
}

@media screen and (max-width: 1024px) {
    .page-cover .page-cover-inner {
        min-height: 250px;
        padding: 1em 15px;
    }
}

@media screen and (max-width: 568px) {
    .page-cover .page-cover-inner {
        min-height: 200px;
    }

    .content-sm-space .tophive-container #sidebar-primary,
    .content-sm-space .tophive-container #sidebar-secondary {
        padding-top: 0;
    }
}

.page-cover .page-breadcrumb-list {
    color: rgba(255, 255, 255, 0.8);
}

.page-cover .page-breadcrumb-list a,
.page-cover .page-breadcrumb-list li:after {
    color: inherit;
}

.page-cover .page-breadcrumb-list a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.page-cover-title {
    margin-bottom: 0.5em;
}

.page-cover-tagline {
    margin-bottom: 1.2em;
}

.page-cover-tagline,
.page-cover-title {
    display: inline-block;
    position: relative;
    color: rgba(255, 255, 255, 0.99);
    z-index: 5;
}

.tophive-breadcrumbs {
    font-size: 13px;
    font-weight: 500;
}

.tophive-breadcrumbs a {
    color: #000;
    margin-left: 0;
    text-decoration: none;
}

.tophive-breadcrumbs-container {
    padding: 10px 0;
    z-index: 9;
    position: relative;
    background: #f1f1f1;
}

.page-cover-tagline p:last-child,
.page-cover-title p:last-child {
    margin-bottom: 0;
}

#header-menu-sidebar .customize-partial-edit-shortcut,
#masthead .customize-partial-edit-shortcut {
    display: none;
}

#masthead>.customize-partial-edit-shortcut.customize-partial-edit-shortcut-header_builder_panel {
    display: none;
}

#masthead>.customize-partial-edit-shortcut button {
    left: 0;
}

.row-v2 {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.row-v2 .item--inner {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 0.5em;
    margin-right: 0.5em;
    justify-content: flex-end;
}

.row-v2 .col-v2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.row-v2 .col-v2.col-v2-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 1em;
    margin-right: 1em;
}

.row-v2 .col-v2.col-v2-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-right: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
}

.row-v2 .col-v2.col-v2-right {
    margin-left: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
}

.row-v2.no-left.no-right .col-v2.col-v2-center {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}

.row-v2.no-center .col-v2.col-v2-left {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto;
}

.row-v2.no-center .col-v2.col-v2-right {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto;
}

#masthead>.customize-partial-edit-shortcut.customize-partial-edit-shortcut-header_builder_panel {
    display: none;
}

#masthead>.customize-partial-edit-shortcut button {
    left: 0;
}

.tophive-builder-btn {
    padding: 0.5407911001em 1em;
    background: #c3512f;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.tophive-builder-btn:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
    color: #fff;
}

.tophive-builder-btn.is-icon-before i {
    margin-right: 4px;
}

.tophive-builder-btn.is-icon-after i {
    margin-left: 5px;
}

.item--html p {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
}

.item--html p:last-child {
    margin-bottom: 0;
}

.site-branding {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 0.9;
    vertical-align: middle;
}

.site-branding a {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 600;
}

.site-branding img {
    display: block;
    width: auto;
    line-height: 1;
}

.site-branding .site-title {
    font-size: 1.5em;
    margin: 0;
    font-weight: 600;
    line-height: 1.216;
}

.site-branding .site-description {
    margin: 5px 0 7px 0;
}

.site-branding.logo-left .site-name-desc {
    margin-left: 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.site-branding.logo-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.site-branding.logo-right .site-name-desc {
    margin-right: 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.site-branding.logo-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.site-branding.logo-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.site-branding.logo-bottom .site-name-desc {
    margin-top: 7px;
}

.item-button {
    display: inline-block;
}

.site-header .cb-row--mobile .site-branding img {
    max-width: 100%;
}

.nav-menu-desktop .menu-item .link-before,
.nav-menu-mobile .menu-item .link-before {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.nav-menu-desktop .nav-icon-angle,
.nav-menu-mobile .nav-icon-angle {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    text-decoration: none !important;
    position: relative;
    width: 6px;
    height: 6px;
    margin-top: 1px;
    border-left: 1px solid currentColor;
    border-top: 1px solid currentColor;
    -webkit-transform: rotate(-135deg) translateY(50%);
    -ms-transform: rotate(-135deg) translateY(50%);
    transform: rotate(-135deg) translateY(50%);
}

.nav-menu-desktop .nav-icon-angle {
    display: inline;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important;
}

.nav-menu-desktop.hide-arrow-active .nav-icon-angle {
    display: none;
}

.nav-menu-desktop .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-menu-desktop .menu li {
    display: inline-block;
    position: relative;
}

.nav-menu-desktop .menu li:last-child {
    margin-right: 0;
}

.nav-menu-desktop .menu li a {
    display: inline-block;
    -webkit-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    text-decoration: none;
}

.nav-menu-desktop .menu li.current-menu-item>a {
    color: rgba(0, 0, 0, 0.9);
}

.nav-menu-desktop .menu>li>a {
    padding: 0 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 0.85em;
    line-height: 50px;
}

.nav-menu-desktop .menu>li>a i {
    line-height: 0;
}

.nav-menu-desktop .menu>li.menu-item-has-children>a .nav-icon-angle {
    margin-left: 4px;
    line-height: 0;
}

.nav-menu-desktop .menu .sub-menu li.menu-item-has-children>a {
    position: relative;
}

.nav-menu-desktop .menu .sub-menu li.menu-item-has-children>a:after,
.nav-menu-desktop .menu .sub-menu li.menu-item-has-children>a:before {
    content: "";
    display: table;
}

.nav-menu-desktop .menu .sub-menu li.menu-item-has-children>a:after {
    clear: both;
}

.nav-menu-desktop .menu .sub-menu li.menu-item-has-children>a .nav-icon-angle {
    margin-left: 5px;
    float: right;
}

.nav-menu-desktop .sub-lv-0,
.nav-menu-desktop .sub-menu {
    position: absolute;
    left: 0;
    transition: all 0.4s ease;
    z-index: 9;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    display: block;
    -webkit-transform: translateY(5px) scale(1);
    -ms-transform: translateY(5px) scale(1);
    transform: translateY(5px) scale(1);
    top: 100%;
    margin: 0;
    padding: 15px 0;
}

.nav-menu-desktop .sub-menu {
    width: auto;
    background: #fff;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1),
        0 4px 15px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    border-radius: 2px;
}

.nav-menu-desktop .sub-menu .link-before {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.nav-menu-desktop .sub-menu .nav-icon-angle {
    -webkit-transform: rotate(135deg) translateY(0);
    -ms-transform: rotate(135deg) translateY(0);
    transform: rotate(135deg) translateY(0);
}

.nav-menu-desktop .sub-menu li {
    display: block;
    margin: 0;
    padding: 0;
}

.nav-menu-desktop .sub-menu li a {
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: 9px 23px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    color: #33272a;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}

.nav-menu-desktop .sub-menu li a:hover {
    background: rgba(0, 0, 0, 0.015);
    color: var(--secondary);
}

.nav-menu-desktop .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.nav-menu-desktop .menu-item.focus>.sub-lv-0,
.nav-menu-desktop .menu-item.focus>.sub-menu,
.nav-menu-desktop .menu-item:focus>.sub-lv-0,
.nav-menu-desktop .menu-item:focus>.sub-menu,
.nav-menu-desktop .menu-item:hover>.sub-lv-0,
.nav-menu-desktop .menu-item:hover>.sub-menu {
    height: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow: initial;
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}

.nav-menu-desktop.style-plain .nav-menu:after,
.nav-menu-desktop.style-plain .nav-menu:before {
    content: "";
    display: table;
}

.nav-menu-desktop.style-plain .nav-menu:after {
    clear: both;
}

.nav-menu-desktop.style-plain .nav-menu>li {
    float: left;
}

.nav-menu-desktop.style-full-height .nav-menu:after,
.nav-menu-desktop.style-full-height .nav-menu:before {
    content: "";
    display: table;
}

.nav-menu-desktop.style-full-height .nav-menu:after {
    clear: both;
}

.nav-menu-desktop.style-full-height .nav-menu>li {
    float: left;
}

.nav-menu-desktop.style-full-height .nav-menu>li>a {
    background: 0 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.nav-menu-desktop.style-full-height .nav-menu>li>a:hover {
    color: #fff;
    background-color: var(--secondary);
}

.nav-menu-desktop.style-full-height .nav-menu>li.current-menu-ancestor>a,
.nav-menu-desktop.style-full-height .nav-menu>li.current-menu-item>a {
    color: #fff;
    background-color: var(--secondary);
}

.nav-menu-desktop.style-border-bottom .nav-menu>li>a .link-before {
    position: relative;
}

.nav-menu-desktop.style-border-bottom .nav-menu>li>a .link-before:before {
    position: absolute;
    bottom: -6px;
    width: 1px;
    left: 0;
    height: 2px;
    background-color: transparent;
    content: "";
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav-menu-desktop.style-border-bottom .nav-menu>li:focus>a .link-before:before,
.nav-menu-desktop.style-border-bottom .nav-menu>li:hover>a .link-before:before {
    width: 100%;
    background-color: currentColor;
}

.nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-ancestor>a .link-before:before,
.nav-menu-desktop.style-border-bottom .nav-menu>li.current-menu-item>a .link-before:before {
    width: 100%;
    background-color: currentColor;
}

.nav-menu-desktop.style-border-top .nav-menu>li>a .link-before {
    position: relative;
}

.nav-menu-desktop.style-border-top .nav-menu>li>a .link-before:before {
    position: absolute;
    top: -6px;
    width: 1px;
    left: 0;
    height: 2px;
    background-color: transparent;
    content: "";
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav-menu-desktop.style-border-top .nav-menu>li:focus>a .link-before:before,
.nav-menu-desktop.style-border-top .nav-menu>li:hover>a .link-before:before {
    width: 100%;
    background-color: currentColor;
}

.nav-menu-desktop.style-border-top .nav-menu>li.current-menu-ancestor>a .link-before:before,
.nav-menu-desktop.style-border-top .nav-menu>li.current-menu-item>a .link-before:before {
    width: 100%;
    background-color: currentColor;
}

.nav-menu-mobile .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu-mobile .menu li:first-child>a {
    border-top: none;
}

.nav-menu-mobile .menu .menu-item a>.link-before .nav-icon-angle {
    display: none;
}

.nav-menu-mobile .menu li {
    list-style: none;
    position: relative;
    border-bottom: 1px solid transparent;
}

.nav-menu-mobile .menu li:last-child {
    border: none;
}

.nav-menu-mobile .menu li.menu-item-has-children>a {
    padding-right: 45px !important;
}

.nav-menu-mobile .menu li a {
    display: block;
    padding: 0.55em 1.5em;
}

.nav-menu-mobile .menu li a:focus,
.nav-menu-mobile .menu li a:hover {
    background: rgba(0, 0, 0, 0.01);
}

.nav-menu-mobile .menu li .nav-toggle-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    padding: 0.88em 0.9em;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    background: 0 0;
}

.nav-menu-mobile .menu li .nav-toggle-icon:hover {
    box-shadow: none;
}

.nav-menu-mobile .menu li .nav-toggle-icon .nav-icon-angle {
    -webkit-transform: rotate(-135deg) translateY(50%) translateX(50%);
    -ms-transform: rotate(-135deg) translateY(50%) translateX(50%);
    transform: rotate(-135deg) translateY(50%) translateX(50%);
}

.nav-menu-mobile .menu .sub-menu {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.nav-menu-mobile .menu .sub-menu li a {
    padding-left: 3em;
}

.nav-menu-mobile .menu .open-sub>a .nav-toggle-icon i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-menu-mobile .menu .open-sub>.sub-menu {
    display: block;
    opacity: 1;
}

.builder-item--search_box {
    max-width: 100%;
}

.item--search_icon {
    line-height: 0;
    cursor: pointer;
}

.search-icon {
    line-height: 0;
    display: inline-block;
    position: relative;
    box-shadow: none;
}

.search-icon:hover {
    box-shadow: none;
    color: currentColor;
}

.search-icon svg {
    width: 18px;
    height: 18px;
}

.search-icon .ic-close {
    display: none;
}

.header-search_icon-item {
    position: relative;
}

.header-search_icon-item.active .search-icon .ic-search {
    display: none;
}

.header-search_icon-item.active .search-icon .ic-close {
    display: inline-block;
}

.header-search_icon-item .header-search-modal-wrapper {
    position: absolute;
    top: 100%;
    left: -0.9em;
    height: 0;
    overflow: hidden;
    display: block;
    margin-top: -1px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}

.header-search_icon-item.search-left .header-search-modal-wrapper {
    left: auto;
    right: -0.9em;
}

.header-search_icon-item.search-left .header-search-modal::before {
    left: auto;
    right: 15px;
}

.header-search_icon-item.active .header-search-modal-wrapper {
    height: auto;
    overflow: initial;
    z-index: 26;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header-search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}

.header-search-form label {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}

.header-search-form .search-form-fields input {
    border: 1px solid;
    border-color: rgba(34, 46, 53, 0.3);
    border-radius: 5px;
}

.header-search-form .search-field {
    display: block;
    width: 100%;
    border-radius: 2px;
    height: 2.4em;
}

.header-search-form .search-field:focus {
    background-color: transparent;
}

.header-search-form button.search-submit {
    overflow: hidden;
    box-shadow: none;
    margin-left: -40px;
    background: 0 0;
    color: #6d6d6d;
    line-height: 0;
    padding: 0 0.7em;
    min-height: auto;
}

.header-search-form button.search-submit:hover {
    box-shadow: none;
    background-color: transparent;
    color: #686868;
}

.header-search-form button.search-submit svg {
    width: 18px;
    height: 18px;
    margin-top: -5px;
}

.header-search-form input[type="submit"] {
    min-height: auto;
}

.header-search_box-item .header-search-form .search-field {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.header-search-modal {
    border: 1px solid #eaecee;
    padding: 1.25em;
    background: #fff;
    width: 280px;
    position: relative;
    margin-top: 15px;
    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
}

@media screen and (max-width: 568px) {
    .header-search-modal {
        width: 220px;
    }
}

.header-search-modal label {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}

.header-search-modal::before {
    border-top: 1px solid #eaecee;
    border-left: 1px solid #eaecee;
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 15px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 27;
}

.woo_bootster_search .header-search_box-item .header-search-form {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border: 1px solid;
    border-color: rgba(127, 127, 127, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    border-radius: 2px;
    height: 2.4em;
    line-height: 2.4em;
    overflow: hidden;
}

.woo_bootster_search .header-search_box-item .header-search-form .search-form-fields {
    background-color: transparent;
    min-height: auto;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-style: none;
    border: none;
    box-shadow: none;
}

.woo_bootster_search .header-search_box-item .header-search-form .search-field {
    border-color: transparent;
    height: auto;
    background-color: transparent;
    border: 0;
    border-style: none;
    box-shadow: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.woo_bootster_search .header-search_box-item .header-search-form .search-field:focus {
    background: 0 0;
}

.woo_bootster_search .header-search_box-item .header-search-form .search_product_cats {
    height: auto;
    border: 0;
    background-color: transparent;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    padding-right: 2em;
    position: relative;
    border-right: 1px solid rgba(127, 127, 127, 0.2);
    color: #6d6d6d;
    border-top: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
}

.tophive-builder-social-icons {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.tophive-builder-social-icons li {
    list-style: none;
    display: inline-block;
    margin: 0 3px;
}

.tophive-builder-social-icons li:last-child {
    margin-right: 0;
}

.tophive-builder-social-icons li:first-child {
    margin-left: 0;
}

.tophive-builder-social-icons.color-default a {
    color: #fff;
}

.tophive-builder-social-icons.color-default a:hover {
    color: #fff;
}

.tophive-builder-social-icons a {
    color: currentColor;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    padding: 0.4em;
    display: inline-block;
    line-height: 1;
    font-size: 13px;
}

.tophive-builder-social-icons a i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.tophive-builder-social-icons a i:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tophive-builder-social-icons a:hover {
    opacity: 0.9;
    color: inherit;
}

.tophive-builder-social-icons [class*="social-icon-apple"] {
    background-color: #999;
}

.tophive-builder-social-icons [class*="social-icon-apple"].shape-none {
    background-color: transparent;
    color: #999;
}

.tophive-builder-social-icons [class*="social-icon-behance"] {
    background-color: #1769ff;
}

.tophive-builder-social-icons [class*="social-icon-behance"].shape-none {
    background-color: transparent;
    color: #1769ff;
}

.tophive-builder-social-icons [class*="social-icon-bitbucket"] {
    background-color: #205081;
}

.tophive-builder-social-icons [class*="social-icon-bitbucket"].shape-none {
    background-color: transparent;
    color: #205081;
}

.tophive-builder-social-icons [class*="social-icon-codepen"] {
    background-color: #000;
}

.tophive-builder-social-icons [class*="social-icon-codepen"].shape-none {
    background-color: transparent;
    color: #000;
}

.tophive-builder-social-icons [class*="social-icon-delicious"] {
    background-color: #39f;
}

.tophive-builder-social-icons [class*="social-icon-delicious"].shape-none {
    background-color: transparent;
    color: #39f;
}

.tophive-builder-social-icons [class*="social-icon-digg"] {
    background-color: #005be2;
}

.tophive-builder-social-icons [class*="social-icon-digg"].shape-none {
    background-color: transparent;
    color: #005be2;
}

.tophive-builder-social-icons [class*="social-icon-dribbble"] {
    background-color: #ea4c89;
}

.tophive-builder-social-icons [class*="social-icon-dribbble"].shape-none {
    background-color: transparent;
    color: #ea4c89;
}

.tophive-builder-social-icons [class*="social-icon-envelope"] {
    background-color: #ea4335;
}

.tophive-builder-social-icons [class*="social-icon-envelope"].shape-none {
    background-color: transparent;
    color: #ea4335;
}

.tophive-builder-social-icons [class*="social-icon-facebook"] {
    background-color: #3b5998;
}

.tophive-builder-social-icons [class*="social-icon-facebook"].shape-none {
    background-color: transparent;
    color: #3b5998;
}

.tophive-builder-social-icons [class*="social-icon-flickr"] {
    background-color: #0063dc;
}

.tophive-builder-social-icons [class*="social-icon-flickr"].shape-none {
    background-color: transparent;
    color: #0063dc;
}

.tophive-builder-social-icons [class*="social-icon-foursquare"] {
    background-color: #2d5be3;
}

.tophive-builder-social-icons [class*="social-icon-foursquare"].shape-none {
    background-color: transparent;
    color: #2d5be3;
}

.tophive-builder-social-icons [class*="social-icon-github"] {
    background-color: #333;
}

.tophive-builder-social-icons [class*="social-icon-github"].shape-none {
    background-color: transparent;
    color: #333;
}

.tophive-builder-social-icons [class*="social-icon-google-plus"] {
    background-color: #dd4b39;
}

.tophive-builder-social-icons [class*="social-icon-google-plus"].shape-none {
    background-color: transparent;
    color: #dd4b39;
}

.tophive-builder-social-icons [class*="social-icon-houzz"] {
    background-color: #7ac142;
}

.tophive-builder-social-icons [class*="social-icon-houzz"].shape-none {
    background-color: transparent;
    color: #7ac142;
}

.tophive-builder-social-icons [class*="social-icon-instagram"] {
    background-color: #262626;
}

.tophive-builder-social-icons [class*="social-icon-instagram"].shape-none {
    background-color: transparent;
    color: #262626;
}

.tophive-builder-social-icons [class*="social-icon-jsfiddle"] {
    background-color: #487aa2;
}

.tophive-builder-social-icons [class*="social-icon-jsfiddle"].shape-none {
    background-color: transparent;
    color: #487aa2;
}

.tophive-builder-social-icons [class*="social-icon-linkedin"] {
    background-color: #0077b5;
}

.tophive-builder-social-icons [class*="social-icon-linkedin"].shape-none {
    background-color: transparent;
    color: #0077b5;
}

.tophive-builder-social-icons [class*="social-icon-medium"] {
    background-color: #00ab6b;
}

.tophive-builder-social-icons [class*="social-icon-medium"].shape-none {
    background-color: transparent;
    color: #00ab6b;
}

.tophive-builder-social-icons [class*="social-icon-odnoklassniki"] {
    background-color: #f4731c;
}

.tophive-builder-social-icons [class*="social-icon-odnoklassniki"].shape-none {
    background-color: transparent;
    color: #f4731c;
}

.tophive-builder-social-icons [class*="social-icon-meetup"] {
    background-color: #ec1c40;
}

.tophive-builder-social-icons [class*="social-icon-meetup"].shape-none {
    background-color: transparent;
    color: #ec1c40;
}

.tophive-builder-social-icons [class*="social-icon-pinterest"] {
    background-color: #bd081c;
}

.tophive-builder-social-icons [class*="social-icon-pinterest"].shape-none {
    background-color: transparent;
    color: #bd081c;
}

.tophive-builder-social-icons [class*="social-icon-product-hunt"] {
    background-color: #da552f;
}

.tophive-builder-social-icons [class*="social-icon-product-hunt"].shape-none {
    background-color: transparent;
    color: #da552f;
}

.tophive-builder-social-icons [class*="social-icon-reddit"] {
    background-color: #ff4500;
}

.tophive-builder-social-icons [class*="social-icon-reddit"].shape-none {
    background-color: transparent;
    color: #ff4500;
}

.tophive-builder-social-icons [class*="social-icon-rss"] {
    background-color: #f26522;
}

.tophive-builder-social-icons [class*="social-icon-rss"].shape-none {
    background-color: transparent;
    color: #f26522;
}

.tophive-builder-social-icons [class*="social-icon-shopping-cart"] {
    background-color: #4caf50;
}

.tophive-builder-social-icons [class*="social-icon-shopping-cart"].shape-none {
    background-color: transparent;
    color: #4caf50;
}

.tophive-builder-social-icons [class*="social-icon-skype"] {
    background-color: #00aff0;
}

.tophive-builder-social-icons [class*="social-icon-skype"].shape-none {
    background-color: transparent;
    color: #00aff0;
}

.tophive-builder-social-icons [class*="social-icon-slideshare"] {
    background-color: #0077b5;
}

.tophive-builder-social-icons [class*="social-icon-slideshare"].shape-none {
    background-color: transparent;
    color: #0077b5;
}

.tophive-builder-social-icons [class*="social-icon-snapchat"] {
    background-color: #fffc00;
}

.tophive-builder-social-icons [class*="social-icon-snapchat"].shape-none {
    background-color: transparent;
    color: #fffc00;
}

.tophive-builder-social-icons [class*="social-icon-soundcloud"] {
    background-color: #f80;
}

.tophive-builder-social-icons [class*="social-icon-soundcloud"].shape-none {
    background-color: transparent;
    color: #f80;
}

.tophive-builder-social-icons [class*="social-icon-spotify"] {
    background-color: #2ebd59;
}

.tophive-builder-social-icons [class*="social-icon-spotify"].shape-none {
    background-color: transparent;
    color: #2ebd59;
}

.tophive-builder-social-icons [class*="social-icon-stack-overflow"] {
    background-color: #fe7a15;
}

.tophive-builder-social-icons [class*="social-icon-stack-overflow"].shape-none {
    background-color: transparent;
    color: #fe7a15;
}

.tophive-builder-social-icons [class*="social-icon-telegram"] {
    background-color: #2ca5e0;
}

.tophive-builder-social-icons [class*="social-icon-telegram"].shape-none {
    background-color: transparent;
    color: #2ca5e0;
}

.tophive-builder-social-icons [class*="social-icon-tripadvisor"] {
    background-color: #589442;
}

.tophive-builder-social-icons [class*="social-icon-tripadvisor"].shape-none {
    background-color: transparent;
    color: #589442;
}

.tophive-builder-social-icons [class*="social-icon-tumblr"] {
    background-color: #35465c;
}

.tophive-builder-social-icons [class*="social-icon-tumblr"].shape-none {
    background-color: transparent;
    color: #35465c;
}

.tophive-builder-social-icons [class*="social-icon-twitch"] {
    background-color: #6441a5;
}

.tophive-builder-social-icons [class*="social-icon-twitch"].shape-none {
    background-color: transparent;
    color: #6441a5;
}

.tophive-builder-social-icons [class*="social-icon-twitter"] {
    background-color: #1da1f2;
}

.tophive-builder-social-icons [class*="social-icon-twitter"].shape-none {
    background-color: transparent;
    color: #1da1f2;
}

.tophive-builder-social-icons [class*="social-icon-vimeo"] {
    background-color: #1ab7ea;
}

.tophive-builder-social-icons [class*="social-icon-vimeo"].shape-none {
    background-color: transparent;
    color: #1ab7ea;
}

.tophive-builder-social-icons [class*="social-icon-vk"] {
    background-color: #45668e;
}

.tophive-builder-social-icons [class*="social-icon-vk"].shape-none {
    background-color: transparent;
    color: #45668e;
}

.tophive-builder-social-icons [class*="social-icon-weibo"] {
    background-color: #df2029;
}

.tophive-builder-social-icons [class*="social-icon-weibo"].shape-none {
    background-color: transparent;
    color: #df2029;
}

.tophive-builder-social-icons [class*="social-icon-weixin"] {
    background-color: #7bb32e;
}

.tophive-builder-social-icons [class*="social-icon-weixin"].shape-none {
    background-color: transparent;
    color: #7bb32e;
}

.tophive-builder-social-icons [class*="social-icon-whatsapp"] {
    background-color: #25d366;
}

.tophive-builder-social-icons [class*="social-icon-whatsapp"].shape-none {
    background-color: transparent;
    color: #25d366;
}

.tophive-builder-social-icons [class*="social-icon-wordpress"] {
    background-color: #21759b;
}

.tophive-builder-social-icons [class*="social-icon-wordpress"].shape-none {
    background-color: transparent;
    color: #21759b;
}

.tophive-builder-social-icons [class*="social-icon-xing"] {
    background-color: #026466;
}

.tophive-builder-social-icons [class*="social-icon-xing"].shape-none {
    background-color: transparent;
    color: #026466;
}

.tophive-builder-social-icons [class*="social-icon-yelp"] {
    background-color: #af0606;
}

.tophive-builder-social-icons [class*="social-icon-yelp"].shape-none {
    background-color: transparent;
    color: #af0606;
}

.tophive-builder-social-icons [class*="social-icon-youtube"] {
    background-color: #cd201f;
}

.tophive-builder-social-icons [class*="social-icon-youtube"].shape-none {
    background-color: transparent;
    color: #cd201f;
}

.menu-mobile-toggle {
    cursor: pointer;
    text-align: center;
    background: 0 0;
    box-shadow: none;
    color: currentColor;
    -webkit-transition: border 0.3s, background 0.3s, box-shadow 0.3s,
        opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
    transition: border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s,
        color 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s,
        opacity 0.3s, color 0.3s;
    transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s,
        opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
}

.menu-mobile-toggle:hover {
    box-shadow: none;
    background: 0 0;
}

.nav-icon--label {
    background: 0 0 !important;
    text-transform: uppercase;
    font-size: 0.85em;
}

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger-box {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.hamburger-inner {
    display: block;
    top: 50%;
    background-color: currentcolor;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    border-radius: 0;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.hamburger-inner::after,
.hamburger-inner::before {
    content: "";
    display: block;
    background-color: inherit;
}

.is-size-small .hamburger .hamburger-box {
    margin-top: -2px;
    width: 19px;
}

.is-size-small .hamburger .hamburger-inner {
    margin-top: -1px;
}

.is-size-small .hamburger .hamburger-inner,
.is-size-small .hamburger .hamburger-inner::after,
.is-size-small .hamburger .hamburger-inner::before {
    width: 19px;
    height: 2px;
}

.is-size-small .hamburger .hamburger-inner::before {
    top: -6px;
}

.is-size-small .hamburger .hamburger-inner::after {
    bottom: -6px;
}

.is-size-medium .hamburger .hamburger-box {
    margin-top: 2px;
    width: 22px;
}

.is-size-medium .hamburger .hamburger-inner {
    margin-top: -1px;
}

.is-size-medium .hamburger .hamburger-inner,
.is-size-medium .hamburger .hamburger-inner::after,
.is-size-medium .hamburger .hamburger-inner::before {
    width: 22px;
    height: 1px;
}

.is-size-medium .hamburger .hamburger-inner::before {
    top: -7px;
}

.is-size-medium .hamburger .hamburger-inner::after {
    bottom: -7px;
}

.is-size-large .hamburger .hamburger-box {
    margin-top: -2px;
    width: 31px;
}

.is-size-large .hamburger .hamburger-inner {
    margin-top: -1.5px;
}

.is-size-large .hamburger .hamburger-inner,
.is-size-large .hamburger .hamburger-inner::after,
.is-size-large .hamburger .hamburger-inner::before {
    width: 31px;
    height: 3px;
}

.is-size-large .hamburger .hamburger-inner::before {
    top: -9px;
}

.is-size-large .hamburger .hamburger-inner::after {
    bottom: -9px;
}

@media screen and (min-width: 1025px) {
    .is-size-desktop-small .hamburger .hamburger-box {
        margin-top: -2px;
        width: 19px;
    }

    .is-size-desktop-small .hamburger .hamburger-inner {
        margin-top: -1px;
    }

    .is-size-desktop-small .hamburger .hamburger-inner,
    .is-size-desktop-small .hamburger .hamburger-inner::after,
    .is-size-desktop-small .hamburger .hamburger-inner::before {
        width: 19px;
        height: 1px;
    }

    .is-size-desktop-small .hamburger .hamburger-inner::before {
        top: -6px;
    }

    .is-size-desktop-small .hamburger .hamburger-inner::after {
        bottom: -6px;
    }

    .is-size-desktop-medium .hamburger .hamburger-box {
        margin-top: -2px;
        width: 22px;
    }

    .is-size-desktop-medium .hamburger .hamburger-inner {
        margin-top: -1px;
    }

    .is-size-desktop-medium .hamburger .hamburger-inner,
    .is-size-desktop-medium .hamburger .hamburger-inner::after,
    .is-size-desktop-medium .hamburger .hamburger-inner::before {
        width: 22px;
        height: 2px;
    }

    .is-size-desktop-medium .hamburger .hamburger-inner::before {
        top: -7px;
    }

    .is-size-desktop-medium .hamburger .hamburger-inner::after {
        bottom: -7px;
    }

    .is-size-desktop-large .hamburger .hamburger-box {
        margin-top: -2px;
        width: 31px;
    }

    .is-size-desktop-large .hamburger .hamburger-inner {
        margin-top: -1.5px;
    }

    .is-size-desktop-large .hamburger .hamburger-inner,
    .is-size-desktop-large .hamburger .hamburger-inner::after,
    .is-size-desktop-large .hamburger .hamburger-inner::before {
        width: 31px;
        height: 3px;
    }

    .is-size-desktop-large .hamburger .hamburger-inner::before {
        top: -9px;
    }

    .is-size-desktop-large .hamburger .hamburger-inner::after {
        bottom: -9px;
    }
}

@media screen and (max-width: 1024px) {
    .is-size-tablet-small .hamburger .hamburger-box {
        margin-top: -2px;
        width: 19px;
    }

    .is-size-tablet-small .hamburger .hamburger-inner {
        margin-top: -1px;
    }

    .is-size-tablet-small .hamburger .hamburger-inner,
    .is-size-tablet-small .hamburger .hamburger-inner::after,
    .is-size-tablet-small .hamburger .hamburger-inner::before {
        width: 19px;
        height: 2px;
    }

    .is-size-tablet-small .hamburger .hamburger-inner::before {
        top: -6px;
    }

    .is-size-tablet-small .hamburger .hamburger-inner::after {
        bottom: -6px;
    }

    .is-size-tablet-medium .hamburger .hamburger-box {
        margin-top: -2px;
        width: 22px;
    }

    .is-size-tablet-medium .hamburger .hamburger-inner {
        margin-top: -1px;
    }

    .is-size-tablet-medium .hamburger .hamburger-inner,
    .is-size-tablet-medium .hamburger .hamburger-inner::after,
    .is-size-tablet-medium .hamburger .hamburger-inner::before {
        width: 22px;
        height: 2px;
    }

    .is-size-tablet-medium .hamburger .hamburger-inner::before {
        top: -7px;
    }

    .is-size-tablet-medium .hamburger .hamburger-inner::after {
        bottom: -7px;
    }

    .is-size-tablet-large .hamburger .hamburger-box {
        margin-top: -2px;
        width: 31px;
    }

    .is-size-tablet-large .hamburger .hamburger-inner {
        margin-top: -1.5px;
    }

    .is-size-tablet-large .hamburger .hamburger-inner,
    .is-size-tablet-large .hamburger .hamburger-inner::after,
    .is-size-tablet-large .hamburger .hamburger-inner::before {
        width: 31px;
        height: 3px;
    }

    .is-size-tablet-large .hamburger .hamburger-inner::before {
        top: -9px;
    }

    .is-size-tablet-large .hamburger .hamburger-inner::after {
        bottom: -9px;
    }
}

@media screen and (max-width: 568px) {
    .is-size-mobile-small .hamburger .hamburger-box {
        margin-top: -2px;
        width: 19px;
    }

    .is-size-mobile-small .hamburger .hamburger-inner {
        margin-top: -1px;
    }

    .is-size-mobile-small .hamburger .hamburger-inner,
    .is-size-mobile-small .hamburger .hamburger-inner::after,
    .is-size-mobile-small .hamburger .hamburger-inner::before {
        width: 19px;
        height: 2px;
    }

    .is-size-mobile-small .hamburger .hamburger-inner::before {
        top: -6px;
    }

    .is-size-mobile-small .hamburger .hamburger-inner::after {
        bottom: -6px;
    }

    .is-size-mobile-medium .hamburger .hamburger-box {
        margin-top: -2px;
        width: 22px;
    }

    .is-size-mobile-medium .hamburger .hamburger-inner {
        margin-top: -1px;
    }

    .is-size-mobile-medium .hamburger .hamburger-inner,
    .is-size-mobile-medium .hamburger .hamburger-inner::after,
    .is-size-mobile-medium .hamburger .hamburger-inner::before {
        width: 22px;
        height: 2px;
    }

    .is-size-mobile-medium .hamburger .hamburger-inner::before {
        top: -7px;
    }

    .is-size-mobile-medium .hamburger .hamburger-inner::after {
        bottom: -7px;
    }

    .is-size-mobile-large .hamburger .hamburger-box {
        margin-top: -2px;
        width: 31px;
    }

    .is-size-mobile-large .hamburger .hamburger-inner {
        margin-top: -1.5px;
    }

    .is-size-mobile-large .hamburger .hamburger-inner,
    .is-size-mobile-large .hamburger .hamburger-inner::after,
    .is-size-mobile-large .hamburger .hamburger-inner::before {
        width: 31px;
        height: 3px;
    }

    .is-size-mobile-large .hamburger .hamburger-inner::before {
        top: -9px;
    }

    .is-size-mobile-large .hamburger .hamburger-inner::after {
        bottom: -9px;
    }
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 75ms 0.12s ease, opacity 75ms ease;
    transition: top 75ms 0.12s ease, opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 75ms 0.12s ease,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 0.12s ease,
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 0.12s ease,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 0.12s ease,
        transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
        -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner,
.is-menu-sidebar .close-panel .hamburger--squeeze .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before,
.is-menu-sidebar .close-panel .hamburger--squeeze .hamburger-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms ease, opacity 75ms 0.12s ease;
    transition: top 75ms ease, opacity 75ms 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after,
.is-menu-sidebar .close-panel .hamburger--squeeze .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease,
        -webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms ease,
        -webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms ease,
        transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms ease,
        transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.body-y-hidden {
    overflow: hidden !important;
}

#page {
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

body:before {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    content: " ";
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
}

body.menu_sidebar_dropdown:before {
    display: none;
}

.header-menu-sidebar {
    padding: 0;
    position: fixed;
    width: 100%;
    max-width: 100%;
    top: 0;
    z-index: 999900;
    visibility: hidden;
}

.header-menu-sidebar .builder-item-sidebar {
    padding: 1.4em 1.5em;
    border-bottom: 1px solid transparent;
}

.header-menu-sidebar footer.ec-d-flex .builder-item-sidebar:last-of-type {
    padding-right: 0;
}

.header-menu-sidebar .builder-item-sidebar:last-of-type {
    border-bottom: none;
}

.header-menu-sidebar .builder-item-sidebar.mobile-item--menu,
.header-menu-sidebar .builder-item-sidebar.mobile-item--primary-menu,
.header-menu-sidebar .builder-item-sidebar.mobile-item--secondary-menu {
    padding: 0;
}

.header-menu-sidebar .nav-menu-mobile .nav-toggle-icon {
    color: currentColor;
}

.header-menu-sidebar .nav-menu-mobile .nav-toggle-icon:focus,
.header-menu-sidebar .nav-menu-mobile .nav-toggle-icon:hover {
    background: rgba(0, 0, 0, 0.01);
}

.header-menu-sidebar.light-mode .cart-item-link,
.header-menu-sidebar.light-mode .item--html a,
.header-menu-sidebar.light-mode .nav-menu a,
.header-menu-sidebar.light-mode .sub-menu a {
    color: rgba(0, 0, 0, 0.55);
}

.header-menu-sidebar.light-mode .cart-item-link:hover,
.header-menu-sidebar.light-mode .item--html a:hover,
.header-menu-sidebar.light-mode .nav-menu a:hover,
.header-menu-sidebar.light-mode .sub-menu a:hover {
    color: rgba(0, 0, 0, 0.8);
}

.header-menu-sidebar.light-mode .cart-icon {
    color: rgba(0, 0, 0, 0.8);
}

.header-menu-sidebar.light-mode .builder-item-sidebar {
    border-color: rgba(0, 0, 0, 0.08);
}

.header-menu-sidebar.light-mode .builder-item-sidebar:before {
    background: rgba(0, 0, 0, 0.08);
}

.header-menu-sidebar.light-mode .header-menu-sidebar-bg:before {
    background: rgba(255, 255, 255, 0.9);
}

.header-menu-sidebar.light-mode .nav-menu-mobile .menu li a,
.header-menu-sidebar.light-mode .nav-menu-mobile .nav-toggle-icon,
.header-menu-sidebar.light-mode .sub-menu {
    border-color: rgba(0, 0, 0, 0.08);
}

.header-menu-sidebar.light-mode .nav-menu-mobile .nav-toggle-icon:focus,
.header-menu-sidebar.light-mode .nav-menu-mobile .nav-toggle-icon:hover {
    background: rgba(0, 0, 0, 0.01);
}

.header-menu-sidebar.light-mode .menu li {
    border-color: rgba(0, 0, 0, 0.08);
}

.header-menu-sidebar.dark-mode .cart-item-link,
.header-menu-sidebar.dark-mode .item--html a,
.header-menu-sidebar.dark-mode .nav-menu .nav-toggle-icon,
.header-menu-sidebar.dark-mode .nav-menu a,
.header-menu-sidebar.dark-mode .sub-menu a {
    color: rgba(255, 255, 255, 0.79);
}

.header-menu-sidebar.dark-mode .cart-item-link:hover,
.header-menu-sidebar.dark-mode .item--html a:hover,
.header-menu-sidebar.dark-mode .nav-menu .nav-toggle-icon:hover,
.header-menu-sidebar.dark-mode .nav-menu a:hover,
.header-menu-sidebar.dark-mode .sub-menu a:hover {
    color: rgba(255, 255, 255, 0.99);
}

.header-menu-sidebar.dark-mode .cart-icon {
    color: rgba(255, 255, 255, 0.99);
}

.header-menu-sidebar.dark-mode .builder-item-sidebar {
    border-color: rgba(255, 255, 255, 0.08);
}

.header-menu-sidebar.dark-mode .builder-item-sidebar:before {
    background: rgba(255, 255, 255, 0.08);
}

.header-menu-sidebar.dark-mode .header-menu-sidebar-bg:before {
    background: rgba(0, 0, 0, 0.9);
}

.header-menu-sidebar.dark-mode .nav-menu-mobile .menu li a,
.header-menu-sidebar.dark-mode .nav-menu-mobile .nav-toggle-icon,
.header-menu-sidebar.dark-mode .sub-menu {
    border-color: rgba(255, 255, 255, 0.08);
}

.header-menu-sidebar.dark-mode .nav-menu-mobile .nav-toggle-icon:focus,
.header-menu-sidebar.dark-mode .nav-menu-mobile .nav-toggle-icon:hover {
    background: rgba(0, 0, 0, 0.01);
}

.header-menu-sidebar.dark-mode .menu li {
    border-color: rgba(255, 255, 255, 0.08);
}

.header-menu-sidebar-bg {
    position: relative;
    word-wrap: break-word;
    min-height: 100%;
    display: block;
}

.header-menu-sidebar-bg:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    min-height: 100%;
}

.header-menu-sidebar-inner {
    position: relative;
    word-wrap: break-word;
    min-height: 100vh;
    display: block;
    padding: 1.2em 0;
}

.header-menu-sidebar-inner>.builder-item-sidebar:last-of-type {
    margin-bottom: 40px;
}

.header-menu-sidebar-inner div.footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.menu_sidebar_slide_overlay .header-menu-sidebar {
    box-shadow: none;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    right: 0;
    bottom: 0;
}

.menu_sidebar_slide_overlay .builder-item-sidebar {
    text-align: center;
    padding: 2em 1.5em;
    border: none;
    position: relative;
}

.menu_sidebar_slide_overlay .builder-item-sidebar:before {
    content: "";
    width: 8%;
    height: 2px;
    display: block;
    background: rgba(255, 255, 255, 0.08);
    position: absolute;
    bottom: 0;
    left: 46%;
}

@media screen and (max-width: 64em) {
    .menu_sidebar_slide_overlay .builder-item-sidebar:before {
        width: 16%;
        left: 42%;
    }
}

.menu_sidebar_slide_overlay .builder-item-sidebar:last-child:before {
    content: none;
}

.menu_sidebar_slide_overlay .builder-item-sidebar[class*="-menu"] {
    padding: 2.5em 1.5em;
}

.menu_sidebar_slide_overlay .nav-menu-mobile .menu li a {
    border: none;
    font-size: 140%;
    text-transform: uppercase;
    font-weight: 500;
}

.menu_sidebar_slide_overlay .nav-menu-mobile .menu li a .nav-toggle-icon {
    display: inline-block;
    position: relative;
    border: 0 none;
    margin-right: -1.3em;
    top: -2px;
    padding: 0.28em 0.5em;
}

.menu_sidebar_slide_overlay .nav-menu-mobile .sub-menu {
    border: none;
}

.menu_sidebar_slide_overlay .nav-menu-mobile .sub-menu li a {
    text-transform: none;
    padding: 0.35em 1.5em;
    font-size: 100%;
}

.menu_sidebar_slide_overlay .header-menu-sidebar-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.menu_sidebar_slide_overlay .header-menu-sidebar-inner {
    max-width: 48em;
    margin: 3em auto;
    padding: 0;
}

.menu_sidebar_slide_overlay .dark-mode .header-menu-sidebar-bg:before {
    background: rgba(0, 0, 0, 0.9);
}

.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner {
    background: rgba(0, 0, 0, 0.6);
}

.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner::after,
.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner:before {
    background: inherit;
}

.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel:hover .hamburger-inner {
    background: rgba(0, 0, 0, 0.8);
}

.menu_sidebar_slide_left .header-menu-sidebar {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    width: 360px;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86),
        -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}

@media screen and (max-width: 35.5em) {
    .menu_sidebar_slide_left .header-menu-sidebar {
        width: auto;
        right: 45px;
    }
}

.menu_sidebar_slide_right .header-menu-sidebar {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: transform 10ms cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: transform 10ms cubic-bezier(0.79, 0.14, 0.15, 0.86),
        -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    -webkit-transform: translate3d(200%, 0, 0) rotate(6deg);
    transform: translate3d(200%, 0, 0) rotate(6deg);
    width: 360px;
    right: 0;
}

@media screen and (max-width: 35.5em) {
    .menu_sidebar_slide_right .header-menu-sidebar {
        width: auto;
        left: 45px;
    }
}

.menu_sidebar_dropdown .header-menu-sidebar {
    position: relative;
    height: 0;
    display: block;
    visibility: visible;
    z-index: 999900;
    overflow: hidden;
}

.menu_sidebar_dropdown .header-menu-sidebar-inner {
    max-width: 48em;
    margin: 0 auto;
}

.menu_sidebar_dropdown .header-menu-sidebar-bg:before {
    box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.05);
}

.hiding-header-menu-sidebar {
    overflow-x: hidden;
    width: 100%;
    display: block;
}

.hiding-header-menu-sidebar.menu_sidebar_slide_overlay .header-menu-sidebar {
    z-index: 0;
    opacity: 0;
    height: 100%;
}

.hiding-header-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar {
    height: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86),
        -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}

.hiding-header-menu-sidebar .header-menu-sidebar {
    visibility: visible;
}

.hiding-header-menu-sidebar.menu_sidebar_slide_right .header-menu-sidebar {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    height: 100%;
}

.is-menu-sidebar,
.is-mobile-form-panel {
    overflow-x: hidden;
}

.is-menu-sidebar .header-menu-sidebar {
    overflow: auto;
}

.is-menu-sidebar.menu_sidebar_slide_overlay {
    overflow: initial;
    position: relative;
    width: 100%;
    display: block;
}

.is-menu-sidebar.menu_sidebar_slide_overlay .header-menu-sidebar {
    z-index: 999900;
    opacity: 1;
    visibility: visible;
}

.is-menu-sidebar.menu_sidebar_slide_overlay .menu-mobile-toggle {
    opacity: 0;
}

.is-menu-sidebar.menu_sidebar_slide_left {
    overflow: initial;
    width: 100%;
    display: block;
}

.is-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar {
    z-index: 999900;
    height: 100vh;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
    visibility: visible;
    overflow-x: hidden;
}

.is-menu-sidebar.menu_sidebar_slide_left .menu-mobile-toggle {
    opacity: 0;
}

.is-menu-sidebar.menu_sidebar_slide_right {
    overflow: initial;
    position: relative;
    width: 100%;
    display: block;
}

.is-menu-sidebar.menu_sidebar_slide_right .header-menu-sidebar {
    z-index: 999900;
    height: 100vh;
    max-width: 100vw;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    right: 0;
    visibility: visible;
}

.is-menu-sidebar.menu_sidebar_slide_right .menu-mobile-toggle {
    opacity: 0;
}

.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar {
    z-index: 10;
    visibility: visible;
}

.close-sidebar-panel {
    display: block;
    margin: 10px 5px 10px 5px;
    z-index: 999910;
    cursor: pointer;
    position: relative;
    top: 10px;
    right: 0;
    text-align: right;
}

.close-sidebar-panel .hamburger-inner {
    background: rgba(0, 0, 0, 0.8);
}

.close-sidebar-panel .hamburger-inner::after,
.close-sidebar-panel .hamburger-inner:before {
    background: inherit;
}

.close-sidebar-panel:hover .hamburger-inner {
    background: rgba(0, 0, 0, 0.8);
}

.menu_sidebar_dropdown .close-sidebar-panel {
    display: none !important;
}

.is-menu-sidebar:before,
.is-mobile-form-panel:before {
    z-index: 999897;
    visibility: visible;
    opacity: 1;
}

.header-menu-sidebar .item--inner {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    opacity: 0;
}

.is-menu-sidebar .header-menu-sidebar .item--inner,
.is-mobile-form-panel .header-menu-sidebar .item--inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.mobile-item--search_box .search-form-fields {
    width: 100%;
}

.cb-row--mobile {
    padding: 0 0.5em 0;
    margin: 0;
}

.cb-row--mobile [class*="tophive-col-"],
.cb-row--mobile [class*="tophive-col_"],
.cb-row--mobile [class~="tophive-col"] {
    padding: 0 0.5em 0;
}

.header-v2 .cb-row--mobile {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}

@media screen and (min-width: 1025px) {

    .hide-on-desktop,
    .tophive-grid .hide-on-desktop {
        display: none;
    }

    .align-left-desktop {
        text-align: left;
    }

    .align-center-desktop {
        text-align: center;
    }

    .align-right-desktop {
        text-align: right;
    }
}

@media screen and (max-width: 1024px) {

    .hide-on-tablet,
    .tophive-grid .hide-on-tablet {
        display: none;
    }

    .align-left-tablet {
        text-align: left;
    }

    .align-center-tablet {
        text-align: center;
    }

    .align-right-tablet {
        text-align: right;
    }
}

@media screen and (max-width: 568px) {

    .hide-on-mobile,
    .tophive-grid .hide-on-mobile {
        display: none;
    }

    .align-left-mobile {
        text-align: left;
    }

    .align-center-mobile {
        text-align: center;
    }

    .align-right-mobile {
        text-align: right;
    }
}

#page {
    position: relative;
}

.no-box-shadow {
    box-shadow: none !important;
}

.site-boxed .site,
.site-framed .site {
    max-width: 1248px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16),
        0 3px 6px rgba(0, 0, 0, 0.23);
    margin: 0 auto;
}

.site-boxed .site .site-content,
.site-framed .site .site-content {
    overflow: hidden;
}

.site-framed .site {
    margin-top: 30px;
    margin-bottom: 30px;
}

.tophive-container {
    position: relative;
    padding-left: 2em;
    padding-right: 2em;
}

.tophive-container:after,
.tophive-container:before {
    content: "";
    display: table;
}

.tophive-container:after {
    clear: both;
}

@media screen and (max-width: 48em) {
    .tophive-container {
        padding-left: 1em;
        padding-right: 1em;
    }
}

.layout-contained,
.tophive-container {
    max-width: 1300px;
    margin: 0 auto;
}

.site-content {
    position: relative;
    min-height: calc(100vh - 340px);
    background-color: var(--light-bg);
}

.site-content.content-full-width .tophive-container {
    max-width: 100%;
}

.site-content.content-boxed {
    max-width: 1200px;
    margin: 0 auto;
}

.site-content.content-full-stretched .tophive-container {
    max-width: 100%;
}

.site-content.content-full-stretched>.tophive-container {
    padding-left: 0;
    padding-right: 0;
}

.site-content.content-full-stretched>.tophive-container .tophive-grid {
    margin: 0;
}

.site-content.content-full-stretched>.tophive-container .content-area.tophive-col-12 {
    margin-right: 0;
    margin-left: 0;
}

.site-content.content-full-stretched #main.tophive-col-12 {
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .sidebar-content-sidebar #main {
        border-left: 0 none;
    }
}

@media screen and (max-width: 1024px) {
    .sidebar-content-sidebar #sidebar-secondary {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
        display: none;
    }
}

@media screen and (min-width: 48em) {
    .content-sidebar .content-inner {
        padding-right: 15px;
    }

    .content-sidebar.sidebar_vertical_border .content-area {
        border-right: 1px solid #eaecee;
    }

    .content-sidebar.sidebar_vertical_border .content-inner {
        padding-right: 1em;
    }

    .content-sidebar.sidebar_vertical_border .sidebar-primary-inner {
        padding-left: 1em;
    }
}

@media screen and (min-width: 48em) {
    .sidebar-content .content-inner {
        padding-left: 15px;
    }

    .sidebar-content.sidebar_vertical_border .content-area {
        border-left: 1px solid #eaecee;
    }

    .sidebar-content.sidebar_vertical_border .content-inner {
        padding-left: 1em;
    }

    .sidebar-content.sidebar_vertical_border .sidebar-primary-inner {
        padding-right: 1em;
    }
}

@media screen and (min-width: 48em) {
    .sidebar-sidebar-content .content-inner {
        padding-left: 1em;
    }

    .sidebar-sidebar-content.sidebar_vertical_border .sidebar-primary {
        border-right: 1px solid #eaecee;
    }

    .sidebar-sidebar-content.sidebar_vertical_border .sidebar-secondary {
        border-right: 1px solid #eaecee;
    }

    .sidebar-sidebar-content.sidebar_vertical_border .content-inner {
        padding-left: 1em;
    }

    .sidebar-sidebar-content.sidebar_vertical_border .sidebar-primary-inner {
        padding-right: 1em;
    }

    .sidebar-sidebar-content.sidebar_vertical_border .sidebar-secondary-inner {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media screen and (min-width: 48em) {
    .content-sidebar-sidebar .content-inner {
        padding-right: 1em;
    }

    .content-sidebar-sidebar.sidebar_vertical_border .sidebar-primary {
        border-left: 1px solid #eaecee;
    }

    .content-sidebar-sidebar.sidebar_vertical_border .sidebar-secondary {
        border-left: 1px solid #eaecee;
    }

    .content-sidebar-sidebar.sidebar_vertical_border .content-inner {
        padding-right: 1em;
    }

    .content-sidebar-sidebar.sidebar_vertical_border .sidebar-primary-inner {
        padding-left: 1em;
        padding-right: 1em;
    }

    .content-sidebar-sidebar.sidebar_vertical_border .sidebar-secondary-inner {
        padding-left: 1em;
    }
}

@media screen and (min-width: 48em) {
    .buddypress.sidebar-content-sidebar .content-inner {
        padding-left: 1em;
        padding-right: 1em;
    }

    .sidebar-content-sidebar.sidebar_vertical_border .content-area {
        border-left: 1px solid #eaecee;
        border-right: 1px solid #eaecee;
    }

    .sidebar-content-sidebar.sidebar_vertical_border .content-inner {
        padding-left: 1em;
        padding-right: 1em;
    }

    .sidebar-content-sidebar.sidebar_vertical_border .sidebar-primary-inner {
        padding-left: 1em;
    }

    .sidebar-content-sidebar.sidebar_vertical_border .sidebar-secondary-inner {
        padding-right: 1em;
    }
}

@media screen and (max-width: 64em) {
    .sidebar-content-sidebar.sidebar_vertical_border .content-inner {
        padding-left: 0;
    }
}

.skip-grid--column .builder-item {
    display: inline-block;
}

.comment-respond {
    margin-top: 40px;
}

.entry-title {
    word-wrap: break-word;
}

.entry-meta>span {
    display: inline-block;
    padding: 5px 0;
}

.entry-meta span.single-post-view-count {
    display: none;
}

.entry-meta .sep {
    margin-left: 8px;
    margin-right: 8px;
}

.entry-meta .author img {
    vertical-align: middle;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -3px;
}

.posts-layout .entry {
    margin-bottom: 2em;
}

.posts-layout .entry--item {
    margin-bottom: 25px;
}

.posts-layout .entry--item:last-child {
    margin-bottom: 0;
}

.posts-layout .entry-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    border: 1px solid #eaecee;
    padding: 2em;
    border-radius: 4px;
}

@media screen and (max-width: 568px) {
    .posts-layout .entry-inner {
        display: block;
    }
}

.posts-layout .entry-media {
    position: relative;
    max-width: 100%;
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    padding-top: 0;
    overflow: hidden;
}

@media screen and (max-width: 568px) {
    .posts-layout .entry-media {
        margin-bottom: 1em;
        width: 100% !important;
        padding-top: 56.25%;
    }

    .posts-layout.layout--blog_masonry .entry-media {
        margin-bottom: 0;
    }
}

.posts-layout .entry-thumbnail {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 0;
    background-color: #d5d5d5;
}

.posts-layout .entry-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.posts-layout .entry-thumbnail a {
    position: absolute;
    top: 0;
    top: 0;
    display: block;
}

.posts-layout .entry-title {
    font-size: 1.5em;
    font-weight: 500;
    word-wrap: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.posts-layout .entry-title a {
    text-align: inherit;
    display: block;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
    word-wrap: break-word;
    word-break: break-word;
}

.posts-layout .entry-excerpt p:last-child {
    margin-bottom: 0;
    font-weight: 400;
}

.entry-meta .meta-item.meta-cat {
    word-break: break-word;
    word-wrap: break-word;
}

#blog-posts .entry-meta .meta-item a {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.posts-layout .entry-media-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 30;
}

.posts-layout .entry-content-data {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    word-wrap: break-word;
    max-width: 100%;
}

.posts-layout article.sticky .entry-inner {
    background: #f1f1f1;
    padding: 40px;
}

.posts-layout .entry-readmore {
    margin-top: 1em;
}

.posts-layout .entry-cat {
    top: 0;
    display: block;
}

.posts-layout .entry-cat a {
    color: inherit;
}

.posts-layout .entry-cat a:hover {
    color: inherit;
}

.posts-layout .readmore-button {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    padding: 7px 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    -webkit-transition: border 0.18s, background 0.18s, box-shadow 0.18s,
        opacity 0.18s, color 0.18s, -webkit-transform 0.18s;
    transition: border 0.18s, background 0.18s, box-shadow 0.18s, opacity 0.18s,
        color 0.18s, -webkit-transform 0.18s;
    transition: transform 0.18s, border 0.18s, background 0.18s,
        box-shadow 0.18s, opacity 0.18s, color 0.18s;
    transition: transform 0.18s, border 0.18s, background 0.18s,
        box-shadow 0.18s, opacity 0.18s, color 0.18s, -webkit-transform 0.18s;
    font-weight: 500;
}

.posts-layout .readmore-button {
    color: #333;
}

.posts-layout .entry-content-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.posts-layout .entry-article-part {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.posts-layout .entry-article-part:first-child {
    margin-top: 0;
}

.posts-layout .entry-article-part.entry-article-media {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.posts-layout .entry-article-part.entry-article-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: auto;
    margin-bottom: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.posts-layout .entry-article-part.entry-article-footer.only-more .entry-readmore {
    width: 100%;
}

.posts-layout .entry-article-footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.posts-layout .entry-article-footer .entry-meta,
.posts-layout .entry-article-footer>* {
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
}

.posts-layout .entry-thumbnail {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.posts-layout .entry-thumbnail img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.posts-layout .entry-thumbnail:before {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.posts-layout .entry-article-media {
    z-index: 5;
}

.posts-layout .mc-bottom .media-content-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
}

.posts-layout .mc-top .media-content-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
}

.posts-layout .mc-center .media-content-inner {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.posts-layout.layout--blog_column .entry-inner {
    padding: 0;
}

.posts-layout.layout--blog_column .entry-inner .entry-content-data {
    padding: 30px 30px 35px 30px;
}

.posts-layout.layout--blog_boxed .entry-inner,
.posts-layout.layout--blog_column .entry-inner {
    display: block;
}

.posts-layout.layout--blog_boxed .entry-inner .entry-article-header,
.posts-layout.layout--blog_boxed .entry-inner .entry-content-data,
.posts-layout.layout--blog_column .entry-inner .entry-article-header,
.posts-layout.layout--blog_column .entry-inner .entry-content-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.posts-layout.layout--blog_classic .entry-media {
    margin-right: 2em;
    border-radius: 4px;
}

@media screen and (max-width: 568px) {
    .posts-layout.layout--blog_classic .entry-media {
        margin-right: 0;
    }
}

.posts-layout.layout--blog_boxed .entry-media,
.posts-layout.layout--blog_column .entry-media {
    padding-top: 40%;
}

.posts-layout.layout--blog_boxed .entry,
.posts-layout.layout--blog_column .entry {
    display: block;
}

.posts-layout.layout--blog_column .sticky .entry-content-data {
    padding: 30px;
}

.posts-layout.layout--blog_column article.sticky .entry-inner {
    padding: 0;
}

.posts-layout.layout--blog_boxed .sticky .entry-content-data {
    color: #8a6d3b;
    padding: 1em;
}

.posts-layout.layout--blog_boxed .entry-media,
.posts-layout.layout--blog_column .entry-media {
    margin-bottom: 1em;
    display: block;
    position: relative;
}

.posts-layout.layout--blog_boxed .entry-content-data {
    padding: 1em;
}

.pagination {
    margin: 30px auto;
    display: block;
}

.pagination .nav-links>* {
    border: none;
    color: #6d6d6d;
    padding: 4px 12px 4px;
    border-radius: 1px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0;
    display: inline-block;
    line-height: 27px;
    font-weight: 700;
    border-radius: 4px;
}

.pagination .nav-links> :hover {
    border-color: var(--secondary);
    background: var(--secondary);
    color: #fff;
}

.pagination .nav-links span.current {
    border-color: var(--secondary);
    background: var(--secondary);
    color: #fff;
}

.single .entry-meta {
    margin-bottom: 1.41575em;
}

.single .entry-footer {
    margin-bottom: 1.618em;
}

.entry-content .page-links {
    display: block;
    margin: 5px 0 20px;
    font-weight: 500;
    clear: both;
    padding-top: 20px;
}

.entry-content .page-links a {
    border: 1px solid #eaecee;
    padding: 4px 12px 5px;
    text-transform: uppercase;
    color: #686868;
    margin: 0 4px;
    border-radius: 4px;
}

.entry-content .page-links span.current {
    margin: 0 10px;
}

.entry-content .table-wrapper {
    max-width: 100%;
    overflow: auto;
}

.entry-content input[name="post_password"] {
    margin: 10px 0 20px;
}

.single-post .entry-content a:hover {
    text-decoration: underline;
}

.entry-single .entry--item:not(.entry-title),
.entry-single .entry-thumbnail {
    margin-bottom: 1.41575em;
}

.entry-single .entry--item:not(.entry-title):last-child,
.entry-single .entry-thumbnail:last-child {
    margin-bottom: 0;
}

.entry-single .entry--item.entry-related {
    margin-bottom: 0.41575em;
}

.entry-single .cats-links:before,
.entry-single .tags-links:before {
    font: normal normal normal 16px/1 FontAwesome;
    text-decoration: inherit;
    text-transform: none;
    position: relative;
    margin-right: 5px;
    color: #6d6d6d;
}

.entry-tags.tags-links a {
    background: #0ccab0;
    margin: 0 2px;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
}

.tophive-blog-share-links {
    margin-left: 10px !important;
}

.tophive-blog-share-links a {
    background: #ddd;
    padding: 7px 10px;
    margin-right: 0 !important;
    margin: 5px;
    line-height: 7px;
    width: 64px;
    border-radius: 3px;
}

.tophive-blog-share-links a.tophive-blog-facebook {
    background: #3b5998;
    color: #fff;
    padding: 7px 12px;
}

.tophive-blog-share-links a.tophive-blog-twitter {
    background: #00acee;
    color: #fff;
}

.tophive-blog-share-links a.tophive-blog-linkedin {
    background: #0077b5;
    color: #fff;
}

.tophive-blog-share-links a.tophive-blog-pinterest {
    background: #e60023;
    color: #fff;
}

.entry-single .cats-links:before {
    content: "\f115";
}

.entry-single .edit-link {
    display: block;
    width: 100%;
    margin-top: 0.5407911001em;
}

.entry-single .edit-link a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 80%;
    letter-spacing: 0.5px;
}

.entry-author-bio {
    margin: 3em 0 0.5em;
    border-top: 1px solid #f1f1f1;
    padding-top: 30px;
}

.author-bio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.author-bio .avatar {
    -webkit-flex-basis: 90px;
    flex-basis: 90px;
    border-radius: 4px;
}

@media screen and (max-width: 568px) {
    .author-bio .avatar {
        -webkit-flex-basis: 90px;
        flex-basis: 90px;
    }
}

.author-bio .author-bio-details {
    -webkit-flex-basis: calc(100% - 90px);
    flex-basis: calc(100% - 90px);
    margin-left: 1.5em;
}

@media screen and (max-width: 568px) {
    .author-bio .author-bio-details {
        -webkit-flex-basis: calc(100% - 50px);
        flex-basis: calc(100% - 50px);
    }
}

.author-bio .author-bio-desc p:last-child {
    margin-bottom: 0.72em;
    font-weight: 400;
}

.post-navigation .nav-links {
    padding: 16px 0 15px;
}

.post-navigation .nav-links:after,
.post-navigation .nav-links:before {
    content: "";
    display: table;
}

.post-navigation .nav-links:after {
    clear: both;
}

.post-navigation .nav-links .nav-next,
.post-navigation .nav-links .nav-previous {
    width: 49%;
}

.post-navigation .nav-links .nav-next a span.meta-nav,
.post-navigation .nav-links .nav-previous a span.meta-nav {
    display: block;
    margin-bottom: 5px;
}

.post-navigation .nav-links .nav-previous {
    float: left;
    text-align: left;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border-radius: 5px;
}

.post-navigation .nav-links .nav-next {
    float: right;
    text-align: right;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border-radius: 5px;
}

.post-navigation .nav-links .nav-next a,
.post-navigation .nav-links .nav-previous a {
    display: inherit;
    border: 1px solid #f1f1f1;
    padding: 25px;
    border-radius: 5px;
    text-decoration: none;
    overflow: hidden;
    font-size: 14px;
}

.post-navigation .nav-links .nav-next a:after,
.post-navigation .nav-links .nav-previous a:after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}

.post-navigation .nav-links .nav-next a:hover:after,
.post-navigation .nav-links .nav-previous a:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
}

.post-navigation .nav-links .nav-next a img,
.post-navigation .nav-links .nav-previous a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 0.4s ease;
}

.post-navigation .nav-links .nav-next:hover a img,
.post-navigation .nav-links .nav-previous:hover a img {
    opacity: 1;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.post-navigation .nav-links .nav-next a .meta-nav,
.post-navigation .nav-links .nav-next a .post-title,
.post-navigation .nav-links .nav-previous a .meta-nav,
.post-navigation .nav-links .nav-previous a .post-title {
    position: relative;
    z-index: 99;
}

.post-navigation .nav-links .nav-next a:hover .meta-nav,
.post-navigation .nav-links .nav-next a:hover .post-title,
.post-navigation .nav-links .nav-previous a:hover .meta-nav,
.post-navigation .nav-links .nav-previous a:hover .post-title {
    color: #fff;
}

.related-post-title {
    margin-bottom: 0.41575em;
}

@media screen and (max-width: 568px) {
    .related-post-title {
        margin-bottom: 0;
    }
}

.related-post {
    margin-bottom: 1em;
}

.related-post .entry-title {
    font-size: 1.1em;
    line-height: 1.3;
}

.related-thumbnail a {
    display: block;
    line-height: 0;
    position: relative;
}

.img-pos-left .related-post,
.img-pos-right .related-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

@media screen and (max-width: 568px) {

    .img-pos-left .related-post,
    .img-pos-right .related-post {
        display: block;
    }
}

.img-pos-left .related-thumbnail,
.img-pos-right .related-thumbnail {
    -webkit-flex-basis: 160px;
    flex-basis: 160px;
    position: relative;
}

@media screen and (max-width: 568px) {

    .img-pos-left .related-thumbnail,
    .img-pos-right .related-thumbnail {
        margin-bottom: 1em;
    }
}

.img-pos-left .related-thumbnail img,
.img-pos-right .related-thumbnail img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.img-pos-left .related-body,
.img-pos-right .related-body {
    -webkit-flex-basis: calc(100% - 160px);
    flex-basis: calc(100% - 160px);
}

.img-pos-left .related-body p,
.img-pos-right .related-body p {
    margin-bottom: 0;
}

.img-pos-left .related-body {
    padding-left: 1em;
}

@media screen and (max-width: 568px) {
    .img-pos-left .related-body {
        padding-left: 0;
    }
}

.img-pos-right .related-body {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    padding-right: 1em;
}

@media screen and (max-width: 568px) {
    .img-pos-right .related-body {
        padding-right: 0;
    }
}

.img-pos-right .related-thumbnail {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
}

.img-pos-top .related-thumbnail {
    margin-bottom: 0.5em;
}

.img-pos-top .related-thumbnail img {
    width: 100%;
}

.archive .page-title,
.search .page-title {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaecee;
}

.search .content-area .entry-summary p:last-child {
    margin-bottom: 0;
}

.widget-title {
    font-size: 19px;
    text-transform: capitalize;
    font-weight: 500;
    color: #333;
    margin-bottom: 40px;
    position: relative;
}

.widget-title::after {
    display: none;
    position: absolute;
    content: "";
    left: 0;
    top: calc(100% + 15px);
    background: #888;
    height: 2px;
    width: 30px;
}

.widget-area .widget {
    margin-bottom: 2em;
}

@media screen and (min-width: 1025px) {
    .widget-area .widget:last-of-type {
        margin-bottom: 0;
    }
}

.widget-area .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-area .widget ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.widget-area .widget ul li {
    margin: 0 0 0.2em;
}

.widget-area .widget ul li.cat-item,
.widget-area .widget ul li.woocommerce-widget-layered-nav-list__item {
    position: relative;
}

.widget-area .widget ul li.cat-item .count,
.widget-area .widget ul li.woocommerce-widget-layered-nav-list__item .count {
    right: 0;
    background: #eaecee;
    color: #999;
    padding: 0 0.5em;
    border-radius: 2px;
    font-size: 12px;
    position: absolute;
    top: 4px;
    width: 28px;
    text-align: center;
}

.widget-area .widget ul li.cat-item:after:after,
.widget-area .widget ul li.cat-item:after:before,
.widget-area .widget ul li.woocommerce-widget-layered-nav-list__item:after:after,
.widget-area .widget ul li.woocommerce-widget-layered-nav-list__item:after:before {
    content: "";
    display: table;
}

.widget-area .widget ul li.cat-item:after:after,
.widget-area .widget ul li.woocommerce-widget-layered-nav-list__item:after:after {
    clear: both;
}

.widget-area .widget ul li .item-avatar a:hover:after {
    display: none;
}

.widget-area .widget #alphabetical-groups {
    display: none;
}

.widget-area .widget a.button:hover {
    text-decoration: none;
}

.widget-area .widget select {
    max-width: 100%;
}

.widget-area .widget table {
    font-size: 100%;
}

.widget-area .widget table td,
.widget-area .widget table th {
    padding: 8px;
    text-align: center;
}

.widget-area .widget table tfoot td {
    text-align: left;
}

.widget-area .widget:last-child {
    margin-bottom: 0;
}

.widget-area .widget table.wp-calendar-table caption {
    caption-side: top;
    background: #f9f9f9;
    padding: 10px 20px !important;
    text-align: center;
    font-size: 17px;
}

.widget-area .widget .sidebar-search-form {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.widget-area .widget .sidebar-search-form label {
    width: 100%;
    margin-bottom: 0;
}

.widget-area .widget .sidebar-search-form .search-field {
    width: 100%;
    display: block;
    height: 50px;
}

.widget-area .widget .sidebar-search-form .search-submit {
    padding: 1px 1px;
    right: 0;
    overflow: hidden;
    box-shadow: none;
    background: 0 0;
    color: #aaa;
    line-height: 0;
    margin-top: 1px;
    position: absolute;
    width: 45px;
}

.widget-area .widget .sidebar-search-form .search-submit:hover svg #svg-search {
    fill: #444;
}

.widget-area .widget .sidebar-search-form .search-submit svg {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.widget-area .widget_categories ul ul,
.widget-area .widget_nav_menu ul ul,
.widget-area .widget_pages ul ul,
.widget-area .widget_product_categories ul ul {
    margin-top: 0.3819820591em;
    margin-left: 0;
    margin-bottom: -0.3819820591em;
}

.widget-area .widget_categories .menu-item-has-children>a,
.widget-area .widget_nav_menu .menu-item-has-children>a,
.widget-area .widget_pages .menu-item-has-children>a,
.widget-area .widget_product_categories .menu-item-has-children>a {
    margin-bottom: 0;
}

.widget-area .widget_archive li,
.widget-area .widget_categories li,
.widget-area .widget_meta li,
.widget-area .widget_nav_menu li,
.widget-area .widget_pages li,
.widget-area .widget_product_categories li,
.widget-area .widget_recent_entries li,
.widget-area .widget_rss li {
    display: block;
    position: relative;
    transition: all 0.4s ease;
}

.widget-area .widget_archive li:last-child,
.widget-area .widget_categories li:last-child,
.widget-area .widget_meta li:last-child,
.widget-area .widget_nav_menu li:last-child,
.widget-area .widget_pages li:last-child,
.widget-area .widget_product_categories li:last-child,
.widget-area .widget_recent_entries li:last-child,
.widget-area .widget_rss li:last-child {
    border: none;
}

.widget-area .widget_archive li a,
.widget-area .widget_categories li a,
.widget-area .widget_meta li a,
.widget-area .widget_nav_menu li a,
.widget-area .widget_pages li a,
.widget-area .widget_product_categories li a,
.widget-area .widget_recent_entries li a,
.widget-area .widget_rss li a {
    display: block;
    width: 100%;
    padding-bottom: 0.8em;
    position: relative;
    color: #000;
    font-weight: 600;
    transition: all 0.4s ease;
}

body .widget-area .widget_categories li a {
    width: 85%;
}

.widget-area .widget_recent_entries li::before {
    position: absolute;
    content: "⭢";
    transition: all 0.4s ease;
    transform: translateX(0);
    font-size: 21px;
    top: -2px;
    font-weight: bolder;
}

.widget-area .widget_recent_entries li:hover:before {
    transform: translateX(3px);
}

.widget-area .widget_recent_entries li a {
    padding-left: 25px;
}

.widget-area .widget_archive li ul li::before,
.widget-area .widget_categories li ul li::before,
.widget-area .widget_meta li ul li::before,
.widget-area .widget_nav_menu li ul li::before,
.widget-area .widget_pages li ul li::before,
.widget-area .widget_product_categories li ul li::before,
.widget-area .widget_recent_entries li ul li::before,
.widget-area .widget_rss li ul li::before {
    left: 15px;
}

.widget-area .widget_archive li ul a,
.widget-area .widget_categories li ul a,
.widget-area .widget_meta li ul a,
.widget-area .widget_nav_menu li ul a,
.widget-area .widget_pages li ul a,
.widget-area .widget_product_categories li ul a,
.widget-area .widget_recent_entries li ul a,
.widget-area .widget_rss li ul a {
    padding-left: 35px;
}

.widget-area .widget_archive li ul ul li::before,
.widget-area .widget_categories li ul ul li::before,
.widget-area .widget_meta li ul ul li::before,
.widget-area .widget_nav_menu li ul ul li::before,
.widget-area .widget_pages li ul ul li::before,
.widget-area .widget_product_categories li ul ul li::before,
.widget-area .widget_recent_entries li ul ul li::before,
.widget-area .widget_rss li ul ul li::before {
    left: 30px;
}

.widget-area .widget_archive li ul ul a,
.widget-area .widget_categories li ul ul a,
.widget-area .widget_meta li ul ul a,
.widget-area .widget_nav_menu li ul ul a,
.widget-area .widget_pages li ul ul a,
.widget-area .widget_product_categories li ul ul a,
.widget-area .widget_recent_entries li ul ul a,
.widget-area .widget_rss li ul ul a {
    padding-left: 70px;
}

.widget-area .widget_recent_comments li {
    padding-bottom: 0.6em;
    position: relative;
    margin-bottom: 1.2em !important;
}

.widget-area .widget_rss ul li {
    margin-bottom: 1.41575em;
}

.widget-area .widget_rss ul li .rsswidget {
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.28;
}

.widget-area .widget_rss ul li .rss-date {
    display: block;
    margin: 0.5407911001em 0;
    font-size: 85%;
}

.recentcomments {
    color: #888;
}

.recentcomments a {
    color: #000;
    font-weight: 500;
    line-height: 27px;
}

.recentcomments .comment-author-link a {
    color: #000;
    font-weight: 600;
}

.dark-mode .widget_archive li a,
.dark-mode .widget_categories li a,
.dark-mode .widget_meta li a,
.dark-mode .widget_nav_menu li a,
.dark-mode .widget_pages li a,
.dark-mode .widget_product_categories li a,
.dark-mode .widget_recent_entries li a,
.dark-mode .widget_rss li a {
    border-color: rgba(255, 255, 255, 0.08);
}

.dark-mode .widget_recent_comments li {
    border-color: rgba(255, 255, 255, 0.08);
}

.dark-mode .widget ul li.cat-item .count,
.dark-mode .widget ul li.woocommerce-widget-layered-nav-list__item .count {
    background: rgba(0, 0, 0, 0.2);
}

.dark-mode .widget-area .widget select {
    border-color: #444;
    background-color: #444;
    color: #fff;
}

.site-content .widget-area .menu li {
    margin: 0;
}

.site-content .widget-area .menu>li {
    margin-bottom: 20px;
}

.site-content .widget-area .menu li a {
    display: block;
    padding: 5px 0;
}

.site-content .widget-area .menu li ul {
    margin: 0;
}

.site-content .widget-area .menu li ul li a {
    padding-left: 30px;
}

.site-content .widget-area .menu li ul li li a {
    padding-left: 60px;
}

.site-content .widget-area .menu li.current-menu-item>a {
    position: relative;
    border: 1px solid #eaecee;
    border-left: none;
    border-right: none;
    font-size: 110%;
}

.site-content .widget-area .menu li.current-menu-item>a:before {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #eaecee;
    border-top: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 13px;
}

.site-content .widget-area .menu li.current-menu-item>a:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 13px;
}

.tagcloud a {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    display: inline-block;
    font-size: 0.875em !important;
    margin-bottom: 5px;
    padding: 1px 10px 1px;
    color: #888;
}

.site-footer {
    position: relative;
}

.site-footer .footer-bottom,
.site-footer .footer-main {
    overflow: hidden;
}

.footer-fixed .site-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: -1;
}

.site-footer [class*="tophive-col-"]:first-of-type {
    padding-left: 0;
}

.site-footer [class*="tophive-col-"]:last-of-type {
    padding-right: 0;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
    .footer-fixed .site-footer {
        position: relative;
    }

    .footer-fixed .site-content {
        margin-bottom: 0 !important;
    }
}

.site-footer .item--inner {
    width: 100%;
    max-width: 100%;
}

.footer-top .footer--row-inner {
    padding-top: 2em;
    padding-bottom: 2em;
}

.footer-top .light-mode {
    background: #f0f0f0;
}

.footer-top .dark-mode {
    background: #292929;
}

.footer-main .footer--row-inner {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

.footer-main .light-mode {
    background: #f9f9f9;
}

.footer-main .dark-mode {
    background: #303030;
}

.footer-bottom .footer--row-inner {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

@media screen and (max-width: 568px) {
    .footer-bottom .builder-item {
        margin-bottom: 1em;
    }

    .footer-bottom .builder-item:last-child {
        margin-bottom: 0;
    }
}

.footer-bottom .light-mode {
    background: #ededed;
}

.footer-bottom .dark-mode {
    background: #1a1a1a;
}

.footer--row-inner.light-mode {
    color: rgba(0, 0, 0, 0.6);
}

.footer--row-inner.light-mode .product_list_widget li {
    border-color: rgba(0, 0, 0, 0.08);
}

.footer--row-inner.dark-mode {
    color: rgba(255, 255, 255, 0.99);
}

.footer--row-inner.dark-mode a:not(.button),
.footer--row-inner.dark-mode a:not(.button) h3,
.footer--row-inner.dark-mode a:not(.button) h4,
.footer--row-inner.dark-mode a:not(.button) h5,
.footer--row-inner.dark-mode a:not(.button) h6 {
    color: rgba(255, 255, 255, 0.79);
}

.footer--row-inner.dark-mode a:not(.button),
.footer--row-inner.dark-mode a:not(.button) h3,
.footer--row-inner.dark-mode a:not(.button) h4,
.footer--row-inner.dark-mode a:not(.button) h5,
.footer--row-inner.dark-mode a:not(.button) h6 {
    color: rgba(255, 255, 255, 0.99);
}

.footer--row-inner.dark-mode h3,
.footer--row-inner.dark-mode h4,
.footer--row-inner.dark-mode h5,
.footer--row-inner.dark-mode h6,
.footer--row-inner.dark-mode p {
    color: rgba(255, 255, 255, 0.79);
}

.footer--row-inner.dark-mode h3,
.footer--row-inner.dark-mode h4,
.footer--row-inner.dark-mode h5,
.footer--row-inner.dark-mode h6,
.footer--row-inner.dark-mode p {
    color: rgba(255, 255, 255, 0.99);
}

.footer--row-inner.dark-mode .product_list_widget li {
    border-color: rgba(255, 255, 255, 0.08);
}

.footer--row-inner.dark-mode table tbody td,
.footer--row-inner.dark-mode table th {
    background: rgba(0, 0, 0, 0.08);
}

.footer--row.layout-fullwidth .tophive-container {
    max-width: initial;
}

.footer--row .builder-item--group {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.footer--row .builder-item--group .item--inner {
    width: auto;
}

footer .dark-mode .widget-title {
    color: #fff;
}

footer .dark-mode .widget-area .widget table.wp-calendar-table caption {
    background: #444;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .footer--row .builder-item--group .item--inner {
        display: block;
        margin-bottom: 2em;
    }

    .footer--row .builder-item--group .item--inner:last-child {
        margin-bottom: 0;
    }
}

.footer-bottom .builder-item:last-child,
.footer-main .builder-item:last-child,
.footer-top .builder-item:last-child {
    margin-bottom: 0;
}

.footer-bottom .builder-item .widget-area .widget:last-child,
.footer-main .builder-item .widget-area .widget:last-child,
.footer-top .builder-item .widget-area .widget:last-child {
    margin-bottom: 0;
}

body footer .footer-social-icons li a {
    display: block !important;
}

@media screen and (max-width: 568px) {

    .footer-bottom .builder-item--footer-social-icons,
    .footer-bottom .builder-item--footer_copyright,
    .footer-main .builder-item--footer-social-icons,
    .footer-main .builder-item--footer_copyright,
    .footer-top .builder-item--footer-social-icons,
    .footer-top .builder-item--footer_copyright {
        text-align: center;
    }
}

@media screen and (max-width: 48em) {
    .site-footer .builder-item {
        margin-bottom: 2em;
    }
}

.site-footer p:last-child {
    margin-bottom: 0;
}

.site-footer li,
.site-footer ul {
    list-style: none;
    margin: 0;
}

.site-footer ul.link-list-widget-v li {
    display: inline-block;
    margin: 0 10px;
}

.site-footer ul.link-list-widget-v li:first-of-type {
    margin-left: 0;
}

.site-footer ul.link-list-widget-v li:last-of-type {
    margin-right: 0;
}

.site-footer ul ul {
    margin-left: 2.617924em;
}

.footer-copyright {
    font-size: 0.875em;
}

.lang-switcher {
    position: relative;
    display: inline-block;
}

.lang-switcher .lang-switcher-top {
    display: flex;
    align-items: center;
    color: currentColor;
    line-height: 1.6;
}

.lang-switcher img {
    margin-right: 5px;
}

.lang-switcher a {
    color: rgba(0, 0, 0, 0.6);
}

.lang-switcher ul {
    position: absolute;
    background: #fff;
    list-style: none;
    margin: 0 0;
    padding: 0;
    transform: translateY(40px);
    transition: all 0.3s ease;
    top: 100%;
    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
    border: 1px solid #eaecee;
    opacity: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 65;
    min-width: 150px;
}

.lang-switcher li {
    text-align: left;
}

.lang-switcher.hide-lang-name ul {
    width: 50px;
    text-align: center;
}

.lang-switcher.hide-lang-name ul li a {
    padding: 8px 8px;
}

.lang-switcher.hide-lang-name a img {
    margin-right: 0;
}

.lang-switcher.show-lang-code {
    text-transform: uppercase;
}

.lang-switcher.show-lang-code ul {
    width: 65px;
}

.lang-switcher.show-lang-code ul li a {
    padding: 8px 8px;
}

.lang-switcher li {
    list-style: none;
}

.lang-switcher li a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: rgba(0, 0, 0, 0.5);
}

.lang-switcher li a.focus,
.lang-switcher li a:hover {
    background: rgba(0, 0, 0, 0.015);
    color: rgba(0, 0, 0, 0.8);
}

.lang-switcher .lang-switcher-top,
.lang-switcher li a {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.lang-switcher.focus ul,
.lang-switcher:hover ul {
    height: auto;
    transform: translateY(0);
    overflow: initial;
    visibility: visible;
    opacity: 1;
}

@media screen and (min-width: 1025px) {
    .lang-switcher.align-desktop-left .lang-switcher-list {
        left: 0;
    }

    .lang-switcher.align-desktop-right .lang-switcher-list {
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 1024px) {
    .lang-switcher.align-tablet-left .lang-switcher-list {
        left: 0;
    }

    .lang-switcher.align-tablet-right .lang-switcher-list {
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 568px) {
    .lang-switcher.align-mobile-left .lang-switcher-list {
        left: 0;
    }

    .lang-switcher.align-mobile-right .lang-switcher-list {
        right: 0;
        left: auto;
    }
}

.builder-contact--item {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-size: 15px;
}

@media screen and (min-width: 1025px) {
    .builder-contact--item.cont-desktop-vertical {
        display: block;
    }
}

@media screen and (max-width: 568px) {
    .builder-contact--item.cont-mobile-vertical {
        display: block;
    }
}

.builder-contact--item li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.builder-contact--item li:last-child {
    margin-right: 0;
}

.builder-contact--item li a,
.builder-contact--item li span {
    display: flex;
    align-items: center;
}

.builder-contact--item .c-icon {
    margin-right: 5px;
    padding: 1em;
    line-height: 1;
    position: relative;
}

.builder-contact--item .c-icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cont-desktop-vertical .icon-box-item {
    margin-bottom: 1em;
}

.cont-desktop-vertical .icon-box-item:last-child {
    margin-bottom: 0;
}

.header-menu-sidebar .cont-mobile-vertical li {
    display: block;
    margin-bottom: 1em;
}

.header-menu-sidebar .cont-mobile-vertical li:last-child {
    margin-bottom: 0;
}

.header-menu-sidebar .cont-mobile-vertical li a,
.header-menu-sidebar .cont-mobile-vertical li span {
    display: inline-flex;
}

.header-menu-sidebar .hca-sidebar-vertical.builder-contact--item {
    display: block;
}

.icon-box {
    display: inline-flex;
    list-style: none;
    align-items: center;
    margin: 0;
    padding: 0;
}

.icon-box .icon-box-item {
    display: inline-flex;
    align-items: center;
    margin-right: 25px;
    font-size: 15px;
}

.icon-box .icon-box-item:last-child {
    margin-right: 0;
}

.icon-box .icon-box-item .icon-box-inner {
    display: flex;
    align-items: center;
}

.icon-box .icon-box-item .icon-box-icon {
    align-items: center;
    font-size: 1.8em;
    margin-right: 15px;
}

.icon-box .icon-box-item .icon-box-flex {
    display: inline-flex;
}

.icon-box .icon-box-item .icon-box-label {
    flex-direction: column;
    text-align: left;
}

html[dir="rtl"] .icon-box .icon-box-item .icon-box-label {
    order: 2;
}

.icon-box .icon-box-item .icon-box-label span {
    display: block;
    margin-bottom: 0;
}

.icon-box .icon-box-item .icon-box-label span:last-child {
    margin-bottom: 0;
}

.icon-box .icon-box-item .icon-box-title {
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.3px;
}

.icon-box .icon-box-item .icon-box-sub-title {
    font-weight: 600;
    margin-top: -2px;
}

@media screen and (min-width: 35.5em) {
    .icon-box.cont-desktop-vertical {
        display: block;
    }

    .icon-box.cont-desktop-vertical li {
        display: flex;
        margin-right: 0;
    }
}

@media screen and (max-width: 35.5em) {
    .icon-box.cont-mobile-vertical {
        display: block;
    }

    .icon-box.cont-mobile-vertical li {
        display: flex;
        margin-right: 0;
    }
}

.header-menu-sidebar .hca-sidebar-vertical.icon-box {
    display: block;
}

.header-menu-sidebar .hca-sidebar-vertical.icon-box li {
    display: block;
    margin-right: 0;
    margin-bottom: 1em;
}

.header-menu-sidebar .hca-sidebar-vertical.icon-box li:last-child {
    margin-bottom: 0;
}

.header-menu-sidebar .hca-sidebar-vertical.icon-box li .icon-box-inner {
    display: inline-flex;
}

.builder-item--footer-horizontal-menu .nav-icon-angle,
.builder-item--footer-horizontal-menu .sub-menu {
    display: none !important;
}

.entry-single .entry-thumbnail.has-thumb {
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.entry-single .entry-thumbnail.has-thumb img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}

.tophive-popup-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -9;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
}

.tophive-popup-modal .tophive-popup-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
}

.tophive-popup-modal.open {
    opacity: 1;
    visibility: visible;
    z-index: 99999999;
}

.tophive-popup-modal .tophive-popup-content-wrapper {
    background: rgba(255, 255, 255);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 500px;
    margin: auto;
    transform: translateY(-50%);
    margin-top: 50vh;
}

@media screen and (max-width: 470px) {
    .tophive-popup-modal .tophive-popup-content-wrapper {
        width: 90%;
        padding: 30px;
    }

    .tophive-popup-modal .tophive-popup-modal-close {
        top: 10px;
        right: 15px;
    }
}

.tophive-popup-content-wrapper {
    padding: 30px 60px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.tophive-popup-content-wrapper .form-fields {
    margin-left: 0;
}

.tophive-popup-content-wrapper .form-fields li {
    list-style: none;
    margin-bottom: 20px;
    margin-left: 0;
}

.buddypress .widget ul li.form-field:last-of-type,
.buddypress.widget ul li.form-field:last-of-type,
.elementor-widget ul li.form-field:last-of-type {
    margin-bottom: 20px !important;
}

.tophive-popup-content-wrapper .rwmb-field label,
.tophive-popup-content-wrapper .th-form-field label {
    display: none !important;
}

.tophive-popup-content-wrapper .rwmb-field input,
.tophive-popup-content-wrapper .th-form-field input,
.tophive-popup-content-wrapper .th-form-field select {
    border-radius: 8px;
    font-size: 14px;
    height: 50px;
    box-shadow: none;
    border: 1px solid #ddd;
}

.tophive-popup-content-wrapper .rwmb-field input:focus,
.tophive-popup-content-wrapper .th-form-field input:focus {
    border: 2px solid #59b2ff;
}

.tophive-popup-content-wrapper .rwmb-field #reg_password-description,
.tophive-popup-content-wrapper .th-form-field #reg_password-description {
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
}

.tophive-popup-content-wrapper form {
    margin-bottom: 0;
}

.user-account-segment .user-header-section {
    display: none;
}

.user-account-segment .th-user-avatar-letter {
    background: #f1f1f1;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    text-transform: capitalize;
    padding: 12px 16px;
    font-weight: 700;
    cursor: pointer;
}

.user-account-segment ul.loggedin-user-links {
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 16px;
    list-style: none;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    right: 0;
    opacity: 0;
    z-index: 99;
    transform: translateY(0) scale(0.98);
    visibility: hidden;
    transition: all 0.2s ease;
    transform-origin: top right;
}
.user-account-segment:hover ul.loggedin-user-links>li:not(:last-child) {
    margin-bottom: 9px;
}

.user-account-segment ul.loggedin-user-links li {
    position: relative;
}

.user-account-segment ul.loggedin-user-links li.user-account-dd-segment {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: var(--light-bg);
    margin: -20px 00px 10px 00px;
    border: none;
    border-radius: 0;
}

.user-account-segment ul.loggedin-user-links li ul.sub-menu {
    padding: 15px 0;
    min-width: 150px;
    position: absolute;
    top: 0;
    right: 100%;
    background: #fff;
    list-style: none;
    opacity: 0;
    z-index: 99;
    transform: translateY(5px) scale(0.98);
    visibility: hidden;
    transition: all 0.4s ease;
}

.user-account-segment ul.loggedin-user-links li:hover ul.sub-menu {
    opacity: 1;
    z-index: 99;
    transform: translateY(0) scale(1);
    transform-origin: right;
    visibility: visible;
}

.user-account-segment ul.loggedin-user-links li.user-account-dd-segment .account-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.user-account-segment ul.loggedin-user-links li.user-account-dd-segment .account-diplay-name {
    text-align: left;
}

.user-account-segment ul.loggedin-user-links li.user-account-dd-segment .account-diplay-name h6 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--black);
}

.user-account-segment ul.loggedin-user-links li.user-account-dd-segment .account-diplay-name p {
    margin: 0 0 4px -1px;
    font-size: 13px;
}
.user-account-segment .loggedin-user-links li a span.count {
    background: #999;
    float: right;
    color: #fff;
    padding: 0 8px;
    border-radius: 50px;
    font-size: 10px;
}

.user-account-segment:hover ul.loggedin-user-links {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}

.user-account-segment .signin-items button:last-child {
    margin-left: 10px;
}

.user-account-segment .signin-items button:first-child {
    margin-left: 0;
}

.mobile-item--signin_signup .user-loggedin {
    text-align: left !important;
    display: flex;
}

@keyframes flipInX {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%) perspective(500px) rotateX(10deg) scale3d(1, 1, 1);
        transform: translateY(-50%) perspective(500px) rotateX(10deg) scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: translateY(-50%) perspective(500px) rotateX(0) scale3d(1, 1, 1);
        transform: translateY(-50%) perspective(500px) rotateX(0) scale3d(1, 1, 1);
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: translateY(-50%) perspective(500px) rotateX(0) scale3d(1, 1, 1);
        transform: translateY(-50%) perspective(500px) rotateX(0) scale3d(1, 1, 1);
    }

    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455,
                0.03,
                0.515,
                0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform: translateY(-50%) perspective(500px) rotateX(-10deg) scale3d(1, 1, 1);
        transform: translateY(-50%) perspective(500px) rotateX(-10deg) scale3d(1, 1, 1);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-50%) perspective(500px) rotateX(10deg) scale3d(1, 1, 1);
        transform: translateY(-50%) perspective(500px) rotateX(10deg) scale3d(1, 1, 1);
    }
}

.error404 .error-404 .widget .sidebar-search-form input[type="search"],
.search.search-no-results .widget .sidebar-search-form input[type="search"] {
    height: 50px;
    padding: 10px 20px;
    margin-top: 40px;
}

.error404 .error-404 .sidebar-search-form .search-submit,
.search.search-no-results .sidebar-search-form .search-submit {
    margin-top: 30px;
}

.jetpack-lazy-image {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.jetpack-lazy-image.jetpack-lazy-image--handled {
    opacity: 1;
}

body .tophive-responsive-dropdown .dropdown ul.dropdown-menu {
    position: absolute;
    padding: 10px 0;
    display: block !important;
    visibility: hidden;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0 0 2px 2px;
    z-index: -9;
    transform: translateX(-60px) translateY(10px);
}

body .tophive-responsive-dropdown .dropdown.open ul.dropdown-menu {
    transform: translateX(-60px) translateY(6px);
    visibility: visible;
    z-index: 9;
}

body .tophive-responsive-dropdown .dropdown ul.dropdown-menu li a {
    padding: 5px 20px;
}

.th-bp-header-notification-container {
    position: relative;
}

.th-bp-header-notification-container .th-bp-notif-logo {
    cursor: pointer;
}

body .builder-item--user_notification .th-bp-notif-logo svg {
    width: 20px;
    height: 20px;
}

.th-bp-header-notification-container .th-bp-notif-logo span {
    background: #f99;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    position: absolute;
    top: -4px;
    left: 10px;
    width: 20px;
    text-align: center;
    padding: 3px;
    line-height: 10px;
    border-radius: 50px;
    border: 2px solid #fff;
    word-wrap: normal;
    word-break: normal;
}

.th-bp-header-notification-container ul {
    height: 500px;
    overflow-y: scroll;
    text-align: left;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 10px 0 0;
    background: #fff;
    width: 350px;
    visibility: hidden;
    margin: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    margin-top: 12px;
    opacity: 0;
    z-index: 99;
    transform: translateY(0) scale(0.98);
    visibility: hidden;
    transition: all 0.2s ease;
    transform-origin: top right;
}

.th-bp-header-notification-container ul.show_dd {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    z-index: 9;
}

.th-bp-header-notification-container ul li {
    list-style: none;
    text-align: left;
    padding: 3px 5px;
    background: #fff;
    border-radius: 0 !important;
    border: none !important;
}

.th-bp-header-notification-container ul li .time {
    font-size: 12px;
    display: block;
    margin-left: 50px;
    font-weight: 500;
}

.th-bp-header-notification-container .notification-title {
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    background: var(--light-bg);
    display: block;
    padding: 15px 15px 10px 15px;
    margin-top: -10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: sticky;
    top: -10px;
    border-radius: 0 !important;
    border: none;
    display: flex;
    justify-content: space-between;
    z-index: 99;
}

.th-bp-header-notification-container ul li.alt {
    background: #fff;
}

.th-bp-header-notification-container ul li a {
    font-size: 13px;
    line-height: 20px;
    display: flex;
    margin-top: 0;
    font-weight: 400;
    align-items: center;
    padding: 8px 0;
    border-radius: 5px;
}

a.norification {
    display: inherit !important;
}

.bel {
    position: relative;
    bottom: 1px !important;
}

.th-bp-header-notification-container ul li:hover {
    background-color: #f1f1f1;
    transition: all 0.4s ease;
}

.th-bp-header-notification-container ul li a .notification-time {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
}

li a .bold-600 {
    font-weight: 600;
}

.notifications-action-buttons {
    display: flex;
    justify-content: flex-start;
    margin-top: -6px;
    margin-left: 60px;
    margin-bottom: 20px;
}

.notifications-action-buttons a {
    background: #eee;
    padding: 7px;
    width: 50%;
    margin: 0 5px;
    text-align: center;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
    color: #111;
}

.notifications-action-buttons a:hover .show {
    display: none;
}

.notifications-action-buttons a:hover .hidden {
    display: block;
}

.notifications-action-buttons a svg {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: -8px;
}

.notifications-action-buttons a.private-msg svg {
    margin-left: 0;
}

.notifications-action-buttons a svg.sharing-spinner {
    position: relative;
    margin-top: 0 !important;
}

.notifications-action-buttons a svg.sharing-spinner .path {
    stroke: #fff;
}

.notifications-action-buttons a svg.small-icon {
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-left: -4px;
    margin-right: 3px;
}

.notifications-action-buttons a.bp-th-friends-button {
    background: #3150e8;
    color: #fff;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
}

.notifications-action-buttons a.private-msg:hover {
    background: #ddd;
}

.sidebar-primary-inner,
.sidebar-secondary-inner {
    top: 0;
}

.sidebar-primary-inner.fixed {
    position: sticky !important;
}

.sidebar-secondary-inner.fixed {
    position: sticky !important;
}

.th-bp-header-messenger-container {
    position: relative;
}

.th-bp-header-messenger-container .th-bp-inbox-logo {
    cursor: pointer;
}

body .builder-item--user_messenger .th-bp-inbox-logo svg {
    width: 20px;
    height: 20px;
}

.th-bp-header-messenger-container .th-bp-inbox-logo span {
    background: #f99;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    position: absolute;
    top: -4px;
    left: 10px;
    width: 20px;
    text-align: center;
    padding: 3px;
    line-height: 10px;
    border-radius: 50px;
    border: 2px solid #fff;
}

.th-bp-header-messenger-container ul {
    min-height: 400px;
    height: 400px;
    overflow-y: scroll;
    text-align: left;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 10px 0 0;
    background: #fff;
    width: 300px;
    visibility: hidden;
    margin: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    margin-top: 25px;
    opacity: 0;
    z-index: 99;
    transform: translateY(0) scale(0.98);
    visibility: hidden;
    transition: all 0.2s ease;
    transform-origin: top right;
}

.th-bp-header-messenger-container ul.show_dd {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    z-index: 9;
}

.th-bp-header-messenger-container ul li {
    list-style: none;
    text-align: left;
    padding: 10px 15px;
    background: #fff;
    border-radius: 0 !important;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.th-bp-header-messenger-container ul li img {
    border-radius: 50px;
    float: left;
    margin-right: 10px;
}

.th-bp-header-messenger-container ul li .time {
    font-size: 12px;
    display: block;
    margin-left: 50px;
    font-weight: 500;
}

.th-bp-header-messenger-container .messenger-title {
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    background: #f3f3f3;
    display: block;
    padding: 6px 15px;
    margin-top: -10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: sticky;
    top: -10px;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top-width: 0 !important;
}

.th-bp-header-messenger-container ul li.alt {
    background: #fff;
}

.th-bp-header-messenger-container ul li a {
    font-size: 12px;
    line-height: 19px;
    display: block;
    margin-top: 0;
    font-weight: 600;
    margin-left: 51px;
}

.sidebar-primary-inner,
.sidebar-secondary-inner {
    top: 0;
}

.header-social_search_box-item {
    position: relative;
}

.search-box-result {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
    text-align: left;
    padding: 25px 0;
    border-radius: 10px;
    border: 1px solid #eee;
}

.search-box-result .activity_item {
    padding: 10px 15px;
    grid-column-gap: 0px;
    transition: all 0.4s ease;
}

.search-box-result .activity_item:hover,
.search-box-result .topics-sections:hover {
    background-color: #f7f7f7;
}

.search-box-result .activity_item .activity_avatar {
    margin: 0;
}

.search-box-result .activity_item .activity_action {
    font-size: 13px;
    line-height: 19px;
    padding: 0;
}

.search-box-result .activity_item .activity_avatar img {
    border-radius: 100%;
    width: 40px;
}

.search-box-result h6 {
    font-size: 13px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding: 0 20px 10px;
    font-weight: 500;
}

.search-box-result .topics-sections {
    display: flex;
    padding: 10px 15px;
}

.search-box-result .topics-sections .topics-avatar {
    width: 25%;
}

.search-box-result .topics-sections .topics-avatar img {
    border-radius: 100%;
}

.search-box-result .topics-content {
    width: 75%;
}

.search-box-result .topics-content p {
    margin: 0;
    padding: 0;
    line-height: 21px;
}

.search-box-result .search-title {
    font-weight: 500;
    margin-bottom: 5px;
}

.search-box-result .search-meta {
    color: #999;
}

.search-box-result p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 17px;
    padding: 0 20px;
}

.search-box-result div {
    margin-bottom: 25px;
}

.search-box-result div:last-of-type {
    margin-bottom: 0;
}

.search-box-result div p:last-of-type {
    margin-bottom: 0;
}

.search-box-result p a {
    color: #888;
}

.search-box-result p a:hover {
    color: #111;
}

.search-contents {
    background: #fff;
}

.search .search-contents .page-title {
    padding: 15px 20px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.main-search-page .search-section h6 {
    font-size: 14px;
}

.main-search-page {
    display: flex;
}

.main-search-page .search-section .tophive-forum-topic-loop-single.recent-topics {
    background: 0 0;
}

.main-search-page .search-section .tophive-forum-topic-loop-single.recent-topics:first-child {
    border-top: none;
}

.main-search-page .search-page-tabs {
    width: 30%;
    border-right: 1px solid #eee;
}

.main-search-page .search-page-tabs ul {
    margin: 0;
    list-style: none;
}

.main-search-page .search-page-tabs ul li a {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

.main-search-page .search-result-sections h4 {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
}

.main-search-page .activity_item {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

.main-search-page .activity_item .activity_avatar img {
    border-radius: 100%;
}

.main-search-page .activity_item .activity_action a {
    font-weight: 600;
}

.main-search-page .activity_item .activity_time {
    color: #999;
    font-size: 13px;
}

.main-search-page .user_item {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.main-search-page .user_item img {
    margin: 0;
    border-radius: 100%;
}

.main-search-page .user_item .user_name {
    margin: 0;
    margin-left: 15px;
}

.th-ml-auto {
    margin-left: auto;
}

.mode-switcher {
    margin-left: 10px;
    background: #eee;
    border-radius: 50px;
    padding: 10px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
}

.mode-switcher span {
    cursor: pointer;
    height: 23px;
}

.mode-switcher span svg {
    width: 20px;
}

.mf-dark-mode header .header-main .light-mode {
    background-color: #232838;
    box-shadow: none;
}

.mf-dark-mode .site-content {
    background-color: #00152a;
}

.mf-dark-mode .buddypress-wrap .activity-comments {
    background-color: #252a3c;
    border-style: dotted;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: #383d3b;
}

.mf-dark-mode #buddypress .groups-list>li .item-avatar img {
    border-color: #383d3b;
}

.mf-dark-mode #activity-stream .activity-list .activity-item .activity-content p,
.mf-dark-mode #buddypress .activity-footer-links>div a,
.mf-dark-mode #page-titlebar .titlebar-title,
.mf-dark-mode .list-title,
.mf-dark-mode .list-title a,
.mf-dark-mode .messenger-sticky-main-content .th-messenger-chat-main .conversion-form textarea,
.mf-dark-mode .th-bpm-chat-members .single-thread .name,
.mf-dark-mode .th-messenger-chat-main .chat-filed-header .avatar-img .item-content .name,
.mf-dark-mode .tophive-bp-messenger-sticky-main .messenger-toggler,
.mf-dark-mode .whats-new-live-preview .preview-content span:last-of-type,
.mf-dark-mode .widget_display_stats dl dt,
.mf-dark-mode .woocommerce form .form-row label,
.mf-dark-mode table.shop_table td .amount,
.mf-dark-mode table.shop_table tfoot tr th,
.mf-dark-mode table.shop_table thead tr th,
body.mf-dark-mode {
    color: #ccc;
}

.mf-dark-mode #bbpress-forums fieldset.bbp-form h4,
.mf-dark-mode #buddypress #bbpress-forums div.bbp-search-form input[type="text"],
.mf-dark-mode #buddypress .profile h2.edit-profile-screen,
.mf-dark-mode #buddypress .profile h2.view-profile-screen,
.mf-dark-mode #group-settings-form h2,
.mf-dark-mode #group-settings-form label,
.mf-dark-mode .activity-list .activity-item .activity-header a,
.mf-dark-mode .bbp-replies-widget li a,
.mf-dark-mode .bbp-topics-widget li a,
.mf-dark-mode .bbpress #bbpress-forums div.bbp-search-form input[type="text"],
.mf-dark-mode .buddypress .tophive-mc-recent-post-widget h6,
.mf-dark-mode .buddypress .tophive-mc-recent-post-widget h6 small,
.mf-dark-mode .buddypress .widget .bp-widget-single-activity .bp-activity-content a,
.mf-dark-mode .buddypress .widget a,
.mf-dark-mode .buddypress-wrap .activity-comments ul li span.comment-meta-actions a,
.mf-dark-mode .buddypress-wrap .item-body .screen-heading,
.mf-dark-mode .buddypress-wrap .profile.public .profile-group-title,
.mf-dark-mode .buddypress-wrap .standard-form input,
.mf-dark-mode .buddypress-wrap .standard-form input:focus,
.mf-dark-mode .buddypress-wrap .standard-form input[type="text"],
.mf-dark-mode .buddypress-wrap .standard-form label,
.mf-dark-mode .buddypress-wrap .standard-form select,
.mf-dark-mode .buddypress-wrap .standard-form select:focus,
.mf-dark-mode .buddypress-wrap .standard-form span.label,
.mf-dark-mode .buddypress-wrap .standard-form textarea,
.mf-dark-mode .buddypress-wrap .standard-form textarea:focus,
.mf-dark-mode .buddypress.widget .bp-widget-single-activity .bp-activity-content a,
.mf-dark-mode .buddypress.widget a,
.mf-dark-mode .comments-area .comment-reply-title,
.mf-dark-mode .elementor-widget .bp-widget-single-activity .bp-activity-content a,
.mf-dark-mode .entry.entry-single .entry-title,
.mf-dark-mode .product-remove a,
.mf-dark-mode .richtexteditor rte-content,
.mf-dark-mode .richtexteditor.rte-modern rte-toolbar,
.mf-dark-mode .secondary-color,
.mf-dark-mode .theme-secondary-color,
.mf-dark-mode .tophive-bbpress-new-post-form .form-title,
.mf-dark-mode .tophive-forum-recent-topics-tab-container h6,
.mf-dark-mode .tophive-forum-topic-loop-single .tophive-forum-topic-loop-single-footer-meta div.meta-item>span,
.mf-dark-mode .topic-lead-question-head h6,
.mf-dark-mode .user-account-segment ul.loggedin-user-links li.user-account-dd-segment .account-diplay-name h6,
.mf-dark-mode .wc-product-nav .nav-btn,
.mf-dark-mode .widget_display_stats dl dd,
.mf-dark-mode table thead th,
body.mf-dark-mode #buddypress div#item-header-cover-image h2,
body.mf-dark-mode #buddypress div#item-header-cover-image h2 a,
body.single-item.groups.mf-dark-mode #buddypress div#item-header #item-header-cover-image #item-header-content .group-name,
body.single-item.groups.mf-dark-mode #buddypress div#item-header #item-header-cover-image #item-header-content .group-status {
    color: #ccc;
}

.mf-dark-mode .builder-item--primary-menu .nav-menu-desktop .primary-menu-ul>li>a {
    color: #9e9e9e;
}

.mf-dark-mode .page-titlebar {
    padding: 21px 0 22px;
    border-bottom: 1px solid #232838;
    word-break: break-word;
    background: #00152a;
}

.mf-dark-mode #cover-image-container .group-status {
    background: #00152a !important;
    border-color: #30353a !important;
}

.metafans-footer-nav {
    margin: 0 0 7px 0;
}

.metafans-footer-nav li {
    display: inline-block;
    list-style: none;
    margin-right: 20px;
    position: relative;
}

.metafans-footer-nav li:after {
    position: absolute;
    content: " • ";
    right: -14px;
    top: 2px;
}

.metafans-footer-nav li:last-child:after {
    position: absolute;
    content: "";
}

.tophive-nacked-widget {
    margin: 20px 0;
}

.swiper-container {
    margin-top: 2em;
}

.swiper-wrapper {
    margin-bottom: 3em;
    width: 73.8%;
}

@media (min-width: 37.5em) {
    .swiper-wrapper {
        width: 100%;
    }
}

.swiper-slide.swiper-slide {
    width: 100%;
}

@media (min-width: 37.5em) {
    .swiper-slide.swiper-slide {
        width: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 43.75em) {
    .swiper-slide.swiper-slide {
        width: 33.33333333333%;
        transform: translateX(-100%);
    }
}

@media (min-width: 53em) {
    .swiper-slide.swiper-slide {
        width: 25%;
        transform: translateX(-150%);
    }
}

.swiper-pagination {
    display: block;
}

@media (min-width: 37.5em) {
    .swiper-pagination {
        display: none;
    }
}

.swiper-button-prev {
    display: none;
    left: 0;
    top: 0;
    margin-top: 0;
    height: calc(100% - 3em);
}

@media (min-width: 37.5em) {
    .swiper-button-prev {
        display: block;
    }
}

.swiper-button-next {
    display: none;
    right: 0;
    top: 0;
    margin-top: 0;
    height: calc(100% - 3em);
}

@media (min-width: 37.5em) {
    .swiper-button-next {
        display: block;
    }
}

.product {
    margin-left: auto;
    margin-right: auto;
    width: 82%;
}

.photograph {
    display: block;
    height: 160px;
    width: 100%;
    object-fit: cover;
}

.product__name.product__name {
    font-size: calc(0.5em + 5vw);
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 37.5em) {
    .product__name.product__name {
        font-size: 0.92em;
    }
}

.product__description {
    font-size: calc(0.3em + 5vw);
    font-weight: 300;
    line-height: 1.1;
    text-align: center;
}

@media (min-width: 37.5em) {
    .product__description {
        font-size: 0.92em;
    }
}

.cover-photo-uploader label {
    background: #fff;
    padding: 5px 20px;
    border-radius: 8px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.map-container-wrap tspan {
    fill: var(--white);
    font-size: 4px;
    cursor: pointer;
}

.map-container-wrap .name_show {
    margin: 0 auto;
    width: 300px;
}

.map-container-wrap .hovertext {
    background: #8f9394 none repeat scroll 0 0;
    border: 1px solid #ffff;
    border-radius: 11px;
    color: #ffff;
    font-size: 24px;
    height: 40px;
    left: 0;
    padding: 7px 27px;
    right: 0;
    text-align: center;
    width: auto;
}

.map-container-wrap svg {
    height: 100%;
    width: 100%;
}

.map-container-wrap .map_search_form {
    display: none;
}

@media only screen and (max-width: 700px) {
    .map-container-wrap .name_show {
        margin: 0 auto;
        max-width: 134px;
    }

    .map-container-wrap .hovertext {
        font-size: 15px;
        height: 23px;
        padding: 1px 6px;
        width: auto;
    }

    .map-container-wrap .heading h2 {
        font-size: 18px;
    }
}

.map-container-wrap #US-AK:hover,
.map-container-wrap #US-AL:hover,
.map-container-wrap #US-AR:hover,
.map-container-wrap #US-AZ:hover,
.map-container-wrap #US-CA:hover,
.map-container-wrap #US-CO:hover,
.map-container-wrap #US-CT:hover,
.map-container-wrap #US-DC:hover,
.map-container-wrap #US-DE:hover,
.map-container-wrap #US-FL:hover,
.map-container-wrap #US-GA:hover,
.map-container-wrap #US-HI:hover,
.map-container-wrap #US-IA:hover,
.map-container-wrap #US-ID:hover,
.map-container-wrap #US-IL:hover,
.map-container-wrap #US-IN:hover,
.map-container-wrap #US-KS:hover,
.map-container-wrap #US-KY:hover,
.map-container-wrap #US-LA:hover,
.map-container-wrap #US-MA:hover,
.map-container-wrap #US-MD:hover,
.map-container-wrap #US-ME:hover,
.map-container-wrap #US-MI:hover,
.map-container-wrap #US-MN:hover,
.map-container-wrap #US-MO:hover,
.map-container-wrap #US-MS:hover,
.map-container-wrap #US-MT:hover,
.map-container-wrap #US-NC:hover,
.map-container-wrap #US-ND:hover,
.map-container-wrap #US-NE:hover,
.map-container-wrap #US-NH:hover,
.map-container-wrap #US-NJ:hover,
.map-container-wrap #US-NM:hover,
.map-container-wrap #US-NV:hover,
.map-container-wrap #US-NY:hover,
.map-container-wrap #US-OH:hover,
.map-container-wrap #US-OK:hover,
.map-container-wrap #US-OR:hover,
.map-container-wrap #US-PA:hover,
.map-container-wrap #US-RI:hover,
.map-container-wrap #US-SC:hover,
.map-container-wrap #US-SD:hover,
.map-container-wrap #US-TN:hover,
.map-container-wrap #US-TX:hover,
.map-container-wrap #US-UT:hover,
.map-container-wrap #US-VA:hover,
.map-container-wrap #US-VT:hover,
.map-container-wrap #US-WA:hover,
.map-container-wrap #US-WI:hover,
.map-container-wrap #US-WV:hover,
.map-container-wrap #US-WY:hover {
    fill: #dc3545;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.map-container-wrap tspan:hover+#US-AK {
    fill: #d0d0d0;
}

.map-container-wrap #US-AK:active,
.map-container-wrap #US-AL:active,
.map-container-wrap #US-AR:active,
.map-container-wrap #US-AZ:active,
.map-container-wrap #US-CA:active,
.map-container-wrap #US-CO:active,
.map-container-wrap #US-CT:active,
.map-container-wrap #US-DC:active,
.map-container-wrap #US-DE:active,
.map-container-wrap #US-FL:active,
.map-container-wrap #US-GA:active,
.map-container-wrap #US-HI:active,
.map-container-wrap #US-IA:active,
.map-container-wrap #US-ID:active,
.map-container-wrap #US-IL:active,
.map-container-wrap #US-IN:active,
.map-container-wrap #US-KS:active,
.map-container-wrap #US-KY:active,
.map-container-wrap #US-LA:active,
.map-container-wrap #US-MA:active,
.map-container-wrap #US-MD:active,
.map-container-wrap #US-ME:active,
.map-container-wrap #US-MI:active,
.map-container-wrap #US-MN:active,
.map-container-wrap #US-MO:active,
.map-container-wrap #US-MS:active,
.map-container-wrap #US-MT:active,
.map-container-wrap #US-NC:active,
.map-container-wrap #US-ND:active,
.map-container-wrap #US-NE:active,
.map-container-wrap #US-NH:active,
.map-container-wrap #US-NJ:active,
.map-container-wrap #US-NM:active,
.map-container-wrap #US-NV:active,
.map-container-wrap #US-NY:active,
.map-container-wrap #US-OH:active,
.map-container-wrap #US-OK:active,
.map-container-wrap #US-OR:active,
.map-container-wrap #US-PA:active,
.map-container-wrap #US-RI:active,
.map-container-wrap #US-SC:active,
.map-container-wrap #US-SD:active,
.map-container-wrap #US-TN:active,
.map-container-wrap #US-TX:active,
.map-container-wrap #US-UT:active,
.map-container-wrap #US-VA:active,
.map-container-wrap #US-VT:active,
.map-container-wrap #US-WA:active,
.map-container-wrap #US-WI:active,
.map-container-wrap #US-WV:active,
.map-container-wrap #US-WY:active {
    fill: #34495e;
}

.map-container-wrap #US-AK {
    fill: #10113d;
}

.map-container-wrap #US-AL {
    fill: #10113d;
}

.map-container-wrap #US-AR {
    fill: #10113d;
}

.map-container-wrap #US-AZ {
    fill: #10113d;
}

.map-container-wrap #US-CA {
    fill: #10113d;
}

.map-container-wrap #US-CO {
    fill: #10113d;
}

.map-container-wrap #US-CT {
    fill: #10113d;
}

.map-container-wrap #US-DC {
    fill: #10113d;
}

.map-container-wrap #US-DE {
    fill: #10113d;
}

.map-container-wrap #US-FL {
    fill: #10113d;
}

.map-container-wrap #US-GA {
    fill: #10113d;
}

.map-container-wrap #US-HI {
    fill: #10113d;
}

.map-container-wrap #US-IA {
    fill: #10113d;
}

.map-container-wrap #US-ID {
    fill: #10113d;
}

.map-container-wrap #US-IL {
    fill: #10113d;
}

.map-container-wrap #US-IN {
    fill: #10113d;
}

.map-container-wrap #US-KS {
    fill: #10113d;
}

.map-container-wrap #US-KY {
    fill: #10113d;
}

.map-container-wrap #US-LA {
    fill: #10113d;
}

.map-container-wrap #US-MA {
    fill: #10113d;
}

.map-container-wrap #US-MD {
    fill: #10113d;
}

.map-container-wrap #US-ME {
    fill: #10113d;
}

.map-container-wrap #US-MI {
    fill: #10113d;
}

.map-container-wrap #US-MN {
    fill: #10113d;
}

.map-container-wrap #US-MO {
    fill: #10113d;
}

.map-container-wrap #US-MS {
    fill: #10113d;
}

.map-container-wrap #US-MT {
    fill: #10113d;
}

.map-container-wrap #US-NC {
    fill: #10113d;
}

.map-container-wrap #US-ND {
    fill: #10113d;
}

.map-container-wrap #US-NE {
    fill: #10113d;
}

.map-container-wrap #US-NH {
    fill: #10113d;
}

.map-container-wrap #US-NJ {
    fill: #10113d;
}

.map-container-wrap #US-NM {
    fill: #10113d;
}

.map-container-wrap #US-NV {
    fill: #10113d;
}

.map-container-wrap #US-NY {
    fill: #10113d;
}

.map-container-wrap #US-OH {
    fill: #10113d;
}

.map-container-wrap #US-OK {
    fill: #10113d;
}

.map-container-wrap #US-OR {
    fill: #10113d;
}

.map-container-wrap #US-PA {
    fill: #10113d;
}

.map-container-wrap #US-RI {
    fill: #10113d;
}

.map-container-wrap #US-SC {
    fill: #10113d;
}

.map-container-wrap #US-SD {
    fill: #10113d;
}

.map-container-wrap #US-TN {
    fill: #10113d;
}

.map-container-wrap #US-TX {
    fill: #10113d;
}

.map-container-wrap #US-UT {
    fill: #10113d;
}

.map-container-wrap #US-VA {
    fill: #10113d;
}

.map-container-wrap #US-VT {
    fill: #10113d;
}

.map-container-wrap #US-WA {
    fill: #10113d;
}

.map-container-wrap #US-WI {
    fill: #10113d;
}

.map-container-wrap #US-WV {
    fill: #10113d;
}

.map-container-wrap #US-WY {
    fill: #10113d;
}

.map-container-wrap #StateInfo {
    position: relative;
    top: 0;
    right: 0;
    width: 25%;
    background: #fff;
    pointer-events: none;
    opacity: 0;
    transition: 1s;
}

@media all and (max-width: 800px) {
    .map-container-wrap #StateInfo {
        width: 40%;
    }
}

@media all and (max-width: 750px) {
    .map-container-wrap #StateInfo {
        width: 100%;
        position: static;
        background: 0 0;
    }

    .map-container-wrap #StateInfo.show p {
        color: #000 !important;
        margin-bottom: 2rem;
    }
}

.map-container-wrap #StateInfo.show {
    opacity: 1;
    background: #f19553;
}

.map-container-wrap #StateInfo h1 {
    padding: 0.3rem;
    padding-left: 1rem;
    margin-top: -0.5rem;
    font-weight: 400;
}

.map-container-wrap #StateInfo p {
    background: #f19553;
    margin-left: 2rem;
    margin-right: 2rem;
}

.home-main-sec {
    padding-top: 60px;
    padding-bottom: 60px;
}

.banner-text-home h1 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 38px;
    color: var(--black);
}

.menu-text-items nav,
.menu-text-items ul.nav-menu {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nav-menu-desktop .menu>li>a i {
    font-size: 20px;
    margin-right: 5px;
}

.banner-text-home {
    margin-bottom: 60px;
}

.video-main-sec-wrap a {
    position: relative;
}

.video-main-sec-wrap>div {
    width: 14%;
}

.video-main-sec-wrap a .play_btns {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: 0 0;
}

.video-main-sec-wrap a .play_btns svg {
    width: 25px;
    height: 25px;
    display: block;
    fill: #fff;
    color: #fff;
    margin: 0 auto;
}

.platform_tour-sec {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.platform_tour-sec h3 {
    font-weight: 700 !important;
}

.video-main-sec-wrap {
    margin-top: 30px;
}

.nav-menu-desktop.style-plain .nav-menu>li:last-child a {
    padding-right: 0 !important;
}

#header-cover-image img {
    object-fit: cover;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #E1DFDF;
}

::-webkit-scrollbar-thumb:hover {
    background:#E1DFDF;
}

.bp-dynamic-block-container .widget-title {
    margin: 0 !important;
}

.header-sub-design {
    background-color: #fff;
    padding: 10px 0;
    border-radius: 7px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-sub-design {
    background-color: #fff;
    padding: 0 15px;
    border-radius: 7px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-sub-viewAll {
    margin-left: 229px;
}

.header-sub-design .widget-title,
.search-sub-design .widget-title {
    color: #10113d;
}

.header-sub-design .btn {
    padding: 9px 14px !important;
    line-height: normal !important;
    height: auto !important;
    min-height: auto !important;
    background-color: var(--primary);
}

.user-facts p {
    margin-bottom: 0;
    cursor: pointer;
    padding-bottom: 10px;
}

.custom-tooltip {
    position: absolute;
    width: auto;
    background-color: #000;
    padding: 10px 5px;
    border-radius: 4px !important;
    transition: all 0.5s ease-in-out;
    display: none;
    z-index: 99;
    min-width: 120px;
}

.custom-tooltip ul {
    list-style: none;
    margin: 0;
    display: block !important;
    max-height: 300px;
    overflow: auto;
}

.custom-tooltip ul li a {
    display: block;
    width: 100%;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px !important;
}

.custom-tooltip ul li {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    float: none !important;
    padding: 0 5px;
    margin: 0px 0px 5px 0px !important;
}

.folowers-list:hover .custom-tooltip,
.folowing-list:hover .custom-tooltip {
    display: block;
}

.custom-tooltip ul li a:hover {
    opacity: 0.6;
    color: #fff;
}

.user-facts .folowers-list {
    margin-right: 7px;
}

.custom-tooltip::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: #000;
    top: -5px;
    z-index: -1;
    margin: 0 auto;
    transform: rotate(45deg);
}

.tradest-list-wrap {
    min-height: 90vh;
    display: flex;
    align-items: center;
}

.srvice-list-flex {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.srvice-list-flex>.srvice-list-item {
    margin: 0 8px 13px 8px;
    width: 15.3%;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 33px -23px grey;
    height: auto;
    background-size: cover;
    text-align: center;
    z-index: 0;
    transition: all 0.5s ease-in-out;
}

.srvice-list-item .srvice-name small {
    display: block;
}

.srvice-svg-wrap svg {
    width: 40px;
    display: block;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.srvice-list-item .srvice-name {
    font-size: 16px;
    color: #333;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 23px;
    margin-top: 10px;
    word-wrap: break-word;
}

.srvice-svg-wrap svg path {
    fill: #0f4689;
}

body .link_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    cursor: pointer;
}

.srvice-list-item:hover {
    background-color: #0f4689;
}

.srvice-list-item:hover .srvice-name {
    color: #fff;
}

.srvice-list-item:hover svg path {
    fill: #fff;
}

.activity-header .badge {
    margin-left: 5px;
    font-weight: 500;
    font-size: 13px;
}

.sidebar-list-design ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sidebar-list-design ul li a>.sidebar-img {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 35px;
}

.user-profile-details .name {
    margin-bottom: 0;
    font-weight: 700;
    color: #333;
    font-size: 14px;
}

.user-profile-details .profile-header-meta-date {
    margin-bottom: 0;
    color: #333;
    font-size: 14px;
}

.sidebar-list-design ul li .sidebar-icon {
    margin-right: 15px;
    transition: all 0.5s ease-in-out;
}

.sidebar-list-design ul li:not(:hover) .sidebar-icon {
    filter: brightness(0);
}

.sidebar-list-design ul li .sidebar-icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

.sidebar-list-design ul li a>.sidebar-img img {
    width: 100%;
    height: 100%;
}

.sidebar-list-design ul li .p-text {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 300;
    color: var(--black);
}

.sidebar-list-design ul li:hover {
    background-color: var(--light-grey);
    padding-left: 15px;
}

.sidebar-list-design ul li:hover .sidebar-icon svg {
    fill: var(--primary);
}

.sidebar-list-design ul li:hover p {
    color: var(--primary);
}

.banner-left-column {
    width: 100%;
    margin: 30px 0 50px 0;
}

.banner-right-column {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 60%;
}

.banner-img-block {
    height: 100%;
    position: relative;
}

.banner-video-div {
    position: absolute;
    border: 0;
    width: auto;
    display: flex;
    transition: all 0.5s ease-in-out;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    flex-direction: column;
    z-index: 99;
}

.banner-img-block.active .banner-video-div {
    display: flex;
}

.banner-video-div h2 {
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 12px;
    text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

.banner-left-column h2 {
    color: var(--primary);
    font-size: 34px;
    line-height: 44px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}

.subheading-design {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-bottom: 15px;
}

body .container,
body .tophive-container {
    width: 100%;
    max-width: 1372px;
    padding: 0 15px;
}

.our-recomadation-sec {
    padding-top: 75px;
    padding-bottom: 75px;
    max-width: 100%;
    overflow-x: hidden;
}

.tour-slide-item {
    position: relative;
}

.tour-img-block {
    height: 382px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.tour-img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-img-block .tour-video-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: 0 0;
    box-shadow: none !important;
}

.tour-img-block .tour-video-btn .play-span-btn {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
}

.tour-img-block .tour-video-btn .play-span-btn svg {
    width: 15px;
    display: block;
    fill: var(--secondary);
}

.tour-img-block .tour-video-btn .play-span-btn {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
}

.tour-img-block .tour-video-btn .play-span-btn::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(255, 255, 255, 0.4);
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    z-index: -1;
}

.tour-img-block .tour-video-btn:hover .play-span-btn::before {
    transform: scale(1.5);
}

.slider-tour .tour-slide-item {
    padding: 0 12px;
}

.tour-text-block a .right-link-arrow {
    width: 28px;
    height: 28px;
    display: block;
    background-color: var(--secondary);
    border-radius: 50%;
}

.tour-text-block a .right-link-arrow svg {
    fill: #fff;
    width: 12px;
}

.tour-text-block a {
    color: #0e1735;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    display: block;
    padding: 15px 0;
}

.tour-text-block a .right-link-arrow {
    width: 28px;
    height: 28px;
    display: flex;
    background-color: var(--secondary);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 5px;
}

.slider-tour .tour-slide-item:hover .tour-video-btn {
    background-color: rgba(237, 77, 100, 0.4);
}

.heading-paragraph-design h2 {
    font-size: 32px;
    color: var(--primary);
    margin-bottom: 20px;
}

.tour-maximize-slider {
    width: 100%;
    max-width: 1374px;
    margin-left: auto;
}

.tour-maximize-slider .slick-list {
    overflow: visible;
}

.tour-maximize-slider {
    margin-top: 40px;
    position: relative;
    z-index: 0;
}

.tour-maximize-slider::before {
    content: "";
    position: absolute;
    left: -100%;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9;
}

body .slick-prev {
    width: 35px;
    height: 35px;
    background-color: var(--primary) !important;
    left: 0;
    z-index: 9;
    border-radius: 50% !important;
}

body .slick-prev::before {
    content: "" !important;
    width: 10px;
    height: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    top: 13px;
    left: 15px;
    opacity: 1 !important;
}

body .slick-next {
    width: 35px;
    height: 35px;
    background-color: var(--primary) !important;
    right: 0;
    z-index: 9;
    border-radius: 50% !important;
}

body .slick-next::before {
    content: "" !important;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    top: 13px;
    left: 12px;
    opacity: 1 !important;
}

body .slick-next:hover,
body .slick-prev:hover {
    background-color: var(--secondary) !important;
    box-shadow: none !important;
}

body .slick-next:hover:before,
body .slick-prev:hover:before {
    border-color: #fff !important;
}

.slick-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.slick-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.video-modal-design .modal-dialog {
    width: 100%;
    max-width: 800px;
    padding: 30px;
}

.video-modal-design .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
}

.video-modal-design .modal-dialog .modal-content .btn-close {
    width: 40px !important;
    height: 40px !important;
    background-color: var(--secondary);
    opacity: 1 !important;
    max-width: 40px !important;
    max-height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    position: absolute;
    right: 0;
    z-index: 99;
    border-radius: 50%;
}

.video-modal-design .modal-dialog .modal-content .btn-close {
    width: 40px !important;
    height: 40px !important;
    background-color: var(--secondary);
    opacity: 1 !important;
    position: absolute;
    right: 0;
    z-index: 99;
    border-radius: 50%;
    padding: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z' fill='%23fff'/%3E%3C/svg%3E");
}

.heading-paragraph-design.text-center .subheading-design {
    display: inline-block;
}

.steps-main-sec {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 0;
}

.steps-main-sec>.steps-block {
    width: 100%;
    background: var(--white);
    box-shadow: 0 0 34px rgba(0, 0, 0, 0.11);
    padding: 25px 25px 25px 70px;
    margin-bottom: 25px;
    position: relative;
    max-width: calc(100% - 50px);
    margin-left: auto;
    border-radius: 10px;
}

.steps-main-sec>.steps-block h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    max-width: 80%;
}

.steps-main-sec>.steps-block p {
    font-size: 16px;
    color: #333;
    margin-bottom: 0;
}

.steps-main-sec>.steps-block .steps-number {
    background-color: var(--secondary);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 30px;
    font-size: 16px;
    font-weight: 500;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.steps-main-sec>.steps-block.five {
    width: 100%;
}

.steps-main-sec>.steps-block.text-right {
    text-align: right;
}

.steps-main-sec>.steps-block.text-right h4 {
    margin-left: auto;
}

.steps-main-sec>.steps-block.text-right .steps-number {
    left: 0;
    right: initial;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tradesman-skilled-sec {
    background-size: contain;
    background-position: center;
    padding-top: 60px;
    padding-bottom: 20px;
    position: relative;
    z-index: 0;
}

.tradesman-skilled-sec::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: -1;
}

.tradesman-skilled-sec .heading-paragraph-design {
    margin-bottom: 20px;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.img-cntnt-process-view>.row {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    padding: 60px 30px;
    width: 100%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 0;
}

.home-description-slider .slick-list {
    padding-bottom: 20px;
}

.heading-paragraph-design p {
    color: var(--black);
    font-size: 16px;
    font-weight: 300;
}

.heading-paragraph-design p:last-child {
    margin-bottom: 0;
}

.process-cntnt-block p {
    font-size: 16px;
    color: var(--black);
    font-weight: 300;
}

.support-img-block .main-img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.support-img-block {
    position: relative;
    padding-right: 25px;
    padding-bottom: 25px;
    z-index: 0;
    text-align: right;
}

.support-img-block img {
    width: 100%;
    max-width: 450px;
}

.process-cntnt-block h2 {
    font-size: 32px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 20px;
}

.support-main-sec {
    padding-top: 90px;
    padding-bottom: 60px;
}

.main-footer {
    padding-top: 15px;
}

.footer-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer-flex .foote-links {
    margin: 0;
    display: flex;
    flex-direction: row;
}

.footer-flex .logo-link img {
    max-width: 220px;
}

.footer-flex .foote-links li {
    padding: 0 10px;
}

.footer-flex .foote-links li a {
    color: #001f72;
    font-size: 14px;
    font-weight: 600;
}

.footer-flex .foote-links li a:hover {
    color: var(--secondary);
}

.main-footer .footer-second-item .social-links {
    margin: 0;
    display: flex;
    flex-direction: row;
}

.main-footer .footer-second-item .social-links a svg {
    width: 20px;
    height: 20px;
}

.main-footer .footer-second-item .social-links li {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    border: 1px solid var(--primary);
}

.main-footer .footer-second-item .social-links li:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.main-footer .footer-second-item .social-links li i {
    color: var(--white);
}

.light-bg {
    background-color: var(--light-bg);
}

.video-wrapper-cntnt ul {
    list-style: none;
    margin-left: 0;
}

.video-wrapper-cntnt ul li .no-count {
    color: #fff;
    font-size: 58px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #002481;
    font-weight: 800;
    margin-right: 30px;
    width: 80px;
    text-align: center;
}

.video-wrapper-cntnt ul li {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .tour-maximize-slider .slick-list {
        overflow: hidden;
    }
    body .landing-register-block {
        max-width: 100%;
    }

    body .header-wrap-item .svg-hdr-icn.cart {
        height: 30px;
        width: 25px;
    }

    .feed-design-box.three-layout {
        flex-wrap: wrap;
    }
    .menu-text-items .link-list-design .nav-link {
        display: block;
        width: 100%;
    }

    .menu-text-items .link-list-design .custom-dropdown-wrap {
        display: block;
    }

    .menu-text-items .link-list-design .custom-dropdown-wrap {
        display: block;
        padding-right: 13px;
        padding-top: 0;
    }

    .menu-text-items .link-list-design .custom-dropdown-design {
        position: initial;
        display: block !important;
        box-shadow: none;
        border: none;
    }

    .menu-text-items .link-list-design .custom-dropdown-design a {
        padding: 7px 0;
    }

    .menu-text-items .link-list-design .custom-dropdown-wrap>.nav-link {
        display: none;
    }

    .menu-text-items .link-list-design .custom-dropdown-design {
        padding: 0;
    }

    body .qr-code-item {
        width: 100%;
    }

    .activity_hdr-cntnt a {
        display: block;
    }

    .activity_hdr-cntnt .news-feed-name {
        font-size: 14px;
    }
    .th-bp-footer-meta-actions-left a span:last-child {
        display: none;
    }

    .filter-language-btn .dropdown.dropdown_design.transparent .dropdown-toggle {
        font-size: 0px;
    }

    .filter-language-btn .dropdown.dropdown_design.transparent .dropdown-toggle img {
        top: -13px !important;
    }
    .header-search .dropdown-menu {
        padding: 15px;
        width: 250px;
        top: 13px !important;
    }
    .header-search .dropdown-menu .header-search-mobile {
        list-style: none;
        margin: 0;
    }
    .tour-maximize-slider::before {
        display: none;
    }

    .steps-main-sec>.steps-block.first::after,
    .steps-main-sec>.steps-block.three::after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .tour-maximize-slider .slick-prev {
        top: -71px;
        right: 50px !important;
        left: initial !important;
    }
    body .filters-tab-list {
        position: sticky;
        left: 0;
        right: 0;
        top: 78px;
        z-index: 99;
    }
    body .filters-tab-list.active {
        background-color: var(--white);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        padding: 5px 0;
    }
    .tour-maximize-slider .slick-next {
        top: -71px;
        right: 0 !important;
    }

    .certication-hdr .btn {
        width: 150px !important;
        text-align: center;
    }

    .img-cntnt-process-view .start_now-block.text-center {
        padding-top: 50px;
    }
}

@media (max-width: 991px) {
    .banner-left-column h2 {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 30px;
    }
    header#masthead.is-not-logged-in .header-right-cntnt .menu-text-items {
    position: fixed;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    z-index: 99999;
    background: #fff;
    max-width: 70%;
    padding: 20px;
    transition: all 0.5s ease-in-out;
    transform: translate(-100%, 0px);
}
.feed-design-box>div {
    width: 100% !important;
}
body #activity-stream .activity-list.bp-list .activity-item.active .span_name {
    max-width: 100px !important;
}
header#masthead.is-not-logged-in .header-right-cntnt .menu-text-items .before-login-list.link-list-design {
    flex-direction: column;
    align-items: flex-start;
}
header#masthead.is-not-logged-in .header-right-cntnt .menu-text-items .before-login-list.link-list-design li {
    padding: 0px !important;
}
header#masthead.is-not-logged-in.active .header-right-cntnt .menu-text-items {
    transform: initial;
}
    .new-post-content .np-inner-cntnt .content_grid_div {
    grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
}
.new-post-content .np-inner-cntnt .types-div {
    gap: 10px !important;
}
.new-post-content .np-inner-cntnt .action .p-16 {
    font-size: 14px;
    text-align: left;
    line-height: normal !important;
    max-width: 50%;
    padding-right: 10px;
}
    body .landing-register-block {
        margin-top: 30px;
        padding: 20px 18px;
    }

    body .cendor-account-block .auto-complete-dropdown .auto-complete-dropdown-flex {
        flex-wrap: wrap;
    }

    body .cendor-account-block .auto-complete-dropdown .auto-complete-dropdown-flex .auto-complete-cntnt {
        border: none;
        width: 100%;
        margin-bottom: 25px !important;
    }

    .shop-bottom-header .filters-tab-list ul .nav-item:not(:first-child) {
        display: none;
    }

    .shop-bottom-header .filters-tab-list ul.nav {
        justify-content: center;
    }

    .search-shop_div-sec .form-design {
        position: fixed;
        left: 0;
        right: 0;
        top: 66px;
        width: 100%;
        height: auto;
        z-index: 9999;
        background-color: #fff;
        padding: 15px 15px 55px 15px;
        border-bottom: 1px solid #e4e4e4;
        transition: all 0.5s ease-in-out;
        transform: translate(0, -600%);
        visibility: hidden;
        border-top: 1px solid #e4e4e4;
    }

    body .search-shop_div-sec.active .form-design {
        transform: initial !important;
        visibility: visible;
    }

    body .search-shop_div-sec .form-flex {
        flex-wrap: wrap;
    }

    body .search-shop_div-sec .form-flex .form-grouph {
        width: 100%;
        margin-bottom: 15px !important;
        border: none !important;
    }

    .search-shop_div-sec .form-design .vendor-search-close {
        display: block !important;
        background: 0 0;
        border: none;
        font-size: 18px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
        max-width: 40px;
        margin-left: auto;
    }

    .search-shop_div-sec .vendor-mobile-search-btn.circle-icon-design.transparent-btn-icon {
        display: block !important;
    }

    body .search-shop_div-sec {
        width: auto;
    }

    body .buddypress-wrap .activity-comments ul li {
        padding-left: 0;
        padding-right: 0;
    }

    body .refrell-main-person-hdr-flex {
        justify-content: center;
    }

    .refrell-main-person-hdr-flex .rfp-item-hdr {
        width: auto;
        margin-bottom: 15px;
        text-align: center;
    }

    body .refrell-main-person-hdr-flex .rfp-item-hdr:first-child {
        width: 100%;
        text-align: center;
    }

    body .refrell-main-person-hdr-flex .rfp-item-hdr h4 {
        font-size: 14px;
    }

    body .refrell-main-person-hdr-flex .rfp-item-hdr h4 .valUe {
        margin-top: 4px;
    }

    .job-booking-box-wrap .job-booking-box-item-main {
        min-width: 800px;
    }

    body .job-booking-box-wrap {
        overflow: auto;
    }

    body .booking-accordian_item h4 {
        font-size: 14px;
    }

    body .footer-copyright-area {
        padding-bottom: 85px;
    }

    .w9form-divs-inner::before {
        display: none;
    }

    body .w9-form-design .row {
        border: none;
        margin: 0;
        padding-top: 0;
    }

    body .w9-form-design .row div .w9form-divs-inner {
        padding: 15px 0;
        border-bottom: 1px dashed #888282;
    }

    body .w9-form-design .row div:nth-last-child(2) .w9form-divs-inner {
        padding: 15px 0;
        border-bottom: none;
    }

    main#main.feed-midlle-area .feed_header {
        flex-wrap: wrap;
    }

    main#main.feed-midlle-area .feed_header .page-title {
        padding-right: 0;
        margin-bottom: 10px;
    }

    body .banner-video-div {
        padding-left: 0;
    }

    .profile-img-uploader i {
        font-size: 16px !important;
    }

    #buddypress #cover-image-container #item-header-cover-image {
        padding: 15px 0 !important;
    }

    .single-headers div#item-header-content .profile-header-meta-date {
        font-size: 14px;
    }

    #buddypress div#item-header #item-header-cover-image #item-header-content>div#item-meta p {
        font-size: 14px;
        margin-bottom: 0 !important;
    }

    body .content-sm-space .tophive-container #sidebar-primary {
        width: 100%;
        max-width: 100%;
        flex-basis: auto;
    }

    body .content-sm-space .tophive-container #main {
        width: 100%;
        max-width: 100%;
        flex-basis: auto;
    }

    .header-main .header-main-inner {
        padding-left: 12px;
        padding-right: 12px;
    }

    .footer-flex .foote-links li {
        padding: 8px 8px;
    }

    .footer-wrapper .footer-flex .footer-item.footer-first-item {
        margin-bottom: 10px;
    }

    .steps-main-sec::before {
        display: none;
    }

    .steps-main-sec>.steps-block {
        width: 100%;
        margin-bottom: 22px;
    }

    .home-banner-sec {
        display: block;
    }

    .banner-right-column {
        position: initial;
        width: 100%;
        max-width: 100%;
    }

    .banner-right-column {
        height: 100%;
        clip-path: initial;
    }

    .banner-img-block img {
        filter: brightness(0.5);
    }

    .banner-left-column .subheading-design {
        color: #fff;
        display: inline-block;
    }
}

.account-bg-sec {
    background-size: contain;
    background-repeat: no-repeat;
    min-height: calc(100vh - 84px);
    display: flex;
    align-items: center;
    padding: 60px 0;
    background-position: center;
    position: relative;
    z-index: 0;
}

.register-screens-design>.card {
    padding: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.register-screens-design>.card .card-body {
    padding: 0;
}

.form-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.form-flex .form-grouph {
    width: 49%;
    margin-bottom: 8px;
}

.form-flex .form-grouph.width-100 {
    width: 100%;
}
.form-grouph label {
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
    width: 100%;
    line-height: normal;
}
body .btn-primary {
    color: #fff !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn.certificate-button.btn-primary,
.submit-button-design {
    color: #fff !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    padding: 6px 22px !important;
}

.btn.certificate-button.btn-primary:hover,
body .submit-button-design:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

body .btn-primary:hover {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.login-segment .btn-link {
    font-weight: 500;
    color: var(--primary);
    text-decoration: underline;
    font-size: 14px;
    padding: 0;
    position: relative;
    top: 4px;
}

.tophive-popup-content-wrapper p .text-dark-link {
    color: var(--secondary);
    font-weight: 500;
}

.back-to-login {
    color: var(--primary);
}

.tophive-popup-content-wrapper p .text-dark-link:hover {
    color: var(--secondary);
}

.login-segment .btn-link:hover {
    color: var(--secondary);
}

.register-screens-design h3 {
    margin-bottom: 25px;
    font-weight: 500;
}

.pt-60 {
    padding-top: 60px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}
body .cstm-checkbox-btn .cstm-check-btn {
    width: 16px;
    height: 16px;
    background-color: var(--white);
    position: relative;
    border: 1px solid #E1DFDF;
    border-radius: 4px;
    top: 1px;
    padding: 0px;
    overflow: hidden;
}

.cstm-checkbox-btn input {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    z-index: 99;
    opacity: 0;
    margin: 0;
}

.cstm-checkbox-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}
.cstm-checkbox-wrap .remembr-btn-span {
    margin-left: 12px;
    font-size: 14px;
    margin-bottom: 0;
    color: #000000;
    font-weight: 300;
    line-height: 24px;
}
body .cstm-checkbox-btn .cstm-check-btn::before {
    content: "";
    position: absolute;
    opacity: 0;
    background: var(--primary);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
body .activity-extension-links .cstm-checkbox-btn .cstm-check-btn::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='384' height='512' viewBox='0 0 384 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M342.6 150.6C355.1 138.1 355.1 117.8 342.6 105.3C330.1 92.8 309.8 92.8 297.3 105.3L192 210.7L86.6 105.4C74.1 92.9 53.8 92.9 41.3 105.4C28.8 117.9 28.8 138.2 41.3 150.7L146.7 256L41.4 361.4C28.9 373.9 28.9 394.2 41.4 406.7C53.9 419.2 74.2 419.2 86.7 406.7L192 301.3L297.4 406.6C309.9 419.1 330.2 419.1 342.7 406.6C355.2 394.1 355.2 373.8 342.7 361.3L237.3 256L342.6 150.6Z' fill='%238C1D1A'/%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.cstm-checkbox-btn input:checked+.cstm-check-btn::before {
    opacity: 1;
}

.buddypress.widget ul.item-list::after {
    display: none;
}

.sidebar-hdr-design {
    border-radius: 8px;
    margin-bottom: 20px;
}

.sidebar-hdr-design .sidebar-img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    overflow: hidden;
}

.sidebar-hdr-design .sidebar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-hdr-design .user-profile-details {
    text-align: center;
}

.sidebar-btn-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
}

.sidebar-btn-flex>.sidebar-btn-item {
    width: 48%;
    margin-bottom: 10px;
    padding: 7px 5px;
    background-color: #fff;
    border-radius: 5px;
    border-radius: 5px;
}

.sidebar-btn-flex>.sidebar-btn-item>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    padding: 8px 6px;
    border-radius: 6px;
}

.sidebar-btn-flex>.sidebar-btn-item a .p-text {
    margin-bottom: 0;
    font-size: 13px;
    color: #333;
}

.sidebar-btn-flex>.sidebar-btn-item a .follow-no-badge {
    padding-left: 5px;
    color: var(--primary);
    font-weight: 500;
}

.bo-header-cntnt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.bo-header-cntnt h4 {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    color: var(--primary);
}

.bo-header-cntnt a {
    font-weight: 400;
    color: var(--secondary);
    font-size: 13px;
}

.bo-header-cntnt a:hover {
    color: var(--primary);
}

.img-gallery-magnific>.magnific-img {
    width: 33.3%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.img-gallery-magnific>.magnific-img img {
    width: 100%;
    height: 66px;
    border-radius: 7px;
    object-fit: cover;
}

.portfolio-list-design .img-gallery-magnific {
    margin-top: 0;
    display: flex;
    flex-direction: revert;
    flex-wrap: wrap;
}

.magnific-img img {
    width: 100%;
    height: auto;
}

.magnific-img {
    display: inline-block;
    width: 32.3%;
}

a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-arrow-left:before {
    border-right: none !important;
}

.mfp-arrow-right:before {
    border-left: none !important;
}

.mfp-counter,
button.mfp-arrow {
    opacity: 0 !important;
    transition: opacity 0.2s ease-in, opacity 2s ease-out;
}

.mfp-container:hover .mfp-counter,
.mfp-container:hover button.mfp-arrow {
    opacity: 1 !important;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

body .mfp-close {
    padding: 0 !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: -20px !important;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -25px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

.slider .product-box .mark-fav.ac-vi-co .ac_vi_text {
    top: 42px;
}

.slider .product-box .mark-fav.ac-vi-co .ac_vi_text::before {
    bottom: initial;
    top: -9px;
    transform: rotate(0) !important;
}


@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.btn-design-1 {
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    font-weight: 700;
    border-radius: 8px;
    border: none;
    background: var(--primary-linear-bg);
    font-size: 15px;
    font-weight: 500;
}

.btn-design-1:hover {
    background: var(--secondary-linear-bg) !important;
    color: #fff;
}

.activity-doc>a {
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 10px 50px 10px 55px;
    position: relative;
    border: 1px dashed #a8a5a5;
    font-weight: 500;
    font-size: 14px;
}

.activity-doc>a .download-icon {
    position: absolute;
    right: 25px;
}

.activity-list .activity-item .activity-content p.file_name {
    margin-bottom: 0 !important;
    font-weight: 500 !important;
    font-size: 14px;
    white-space: initial;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--black);
}

.activity-doc .file-icon svg {
    fill: #fff;
}

.activity-doc .file-icon,.file-icon {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.file-icon>svg {
    width: 16px !important;
    height: 16px !important;
}

.activity-doc>a:hover {
    border-color: transparent;
}

.pdf-document .file-icon {
    background-color: red;
}

.activity-doc>a .download-icon svg {
    fill: #33415c;
}

.pdf-document>a:hover {
    background-color: #ed3833;
}

.activity-doc>a:hover .file-icon {
    background-color: #fff;
}

.pdf-document>a:hover .file-icon svg {
    fill: #ed3833;
}

.activity-doc>a:hover .file_name {
    color: #fff !important;
}

.activity-doc>a:hover .download-icon svg {
    fill: #fff !important;
}

.file-icon.red {
    background-color: rgba(255,0,0,0.1);
}
.file-icon.blue {
    background-color: rgba(0,31,114,0.1);
}
.activity-doc.doc-document>a:hover {
    background-color: var(--primary);
}

.activity-doc.doc-document>a:hover .file-icon svg {
    fill: var(--primary);
}

.activity-doc.csv-document .file-icon,.file-icon.green {
    background-color: #0ba50b;
}

.activity-doc.csv-document>a:hover {
    background-color: #0ba50b;
}

.activity-doc.csv-document>a:hover .file-icon svg {
    fill: #0ba50b;
}

.activity-doc.file-document .file-icon {
    background-color: #0b76a5;
}

.activity-doc.file-document>a:hover {
    background-color: #0b76a5;
}

.activity-doc.file-document>a:hover .file-icon svg {
    fill: #0b76a5;
}

.activity-doc>a .download-icon>svg {
    width: 16px !important;
    height: 16px !important;
}

#buddypress #item-header-cover-image .members-action-buttons:empty {
    display: none !important;
}

.activity .activity-avatar.item-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    min-height: 50px;
}

.dropzone {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.dropzone .dz-message {
    margin: 0 !important;
}

#image-upload .upload-btn {
    display: none;
}

#image-upload.dz-clickable.dz-started .upload-btn {
    display: block;
}

.dropzone .dz-preview .dz-remove {
    margin-top: 5px;
}

#image-upload:not(.dz-clickable.dz-started) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dropzone .dz-preview.dz-image-preview .dz-progress {
    display: none;
}

#buddypress #header-cover-image label i {
    position: relative;
    top: 3px;
    font-size: 16px;
    margin-right: 5px;
}

#buddypress #header-cover-image label:hover {
    background-color: var(--secondary);
    color: #fff;
    cursor: pointer;
}

div#buddypress #subnav.view-edit-subnav-item {
    border: none !important;
    margin-bottom: 18px;
}

div#buddypress #subnav.view-edit-subnav-item .subnav {
    width: 100%;
    max-width: 200px;
    border: 1px solid #e2e4e8;
    border-radius: 50px;
    list-style: none;
    margin-left: auto !important;
}

div#buddypress #subnav.view-edit-subnav-item .subnav>li {
    width: 50%;
    text-align: center;
    margin: 0 !important;
    padding: 10px 15px;
    border-radius: 50px;
}

div#buddypress #subnav.view-edit-subnav-item .subnav>li.selected {
    background-color: var(--secondary);
}

div#buddypress #subnav.view-edit-subnav-item .subnav>li.selected a {
    color: #fff !important;
}

div#buddypress #subnav.view-edit-subnav-item .subnav>li a {
    font-weight: 500;
}

div#buddypress #subnav.view-edit-subnav-item .subnav>li:not(.selected):hover a {
    color: var(--secondary) !important;
    cursor: pointer;
}

.info-blocks-wrapper-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#buddypress .profile.edit label {
    visibility: visible;
    height: auto;
    margin-bottom: 5px;
}

.info-blocks-wrapper-flex>.info-blocks-wrapper-items {
    width: 33%;
    padding: 0 10px;
    margin-bottom: 10px;
}

.info-blocks-wrapper-flex>.info-blocks-wrapper-items .label {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
    color: var(--black);
}

.info-blocks-wrapper-flex>.info-blocks-wrapper-items p {
    margin-bottom: 0;
    color: var(--black);
    font-size: 14px;
    font-weight: 300;
    width: 100%;
}

.info-blocks-wrapper-flex>.info-blocks-wrapper-items.width-100 {
    width: 100%;
}

.small-txt {
    font-size: 12px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    min-height: 50px !important;
}

.select2-container--default .select2-selection--multiple input {
    height: auto !important;
    margin-top: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
    padding-right: 15px !important;
}

.select2-container--default .select2-selection--multiple input::placeholder {
    color: #212529;
    opacity: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--secondary) !important;
    border: none !important;
    color: #fff;
    font-weight: 500;
    font-size: 14px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    font-family: auto !important;
    margin-right: 8px !important;
    padding: 2px 3px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--secondary) !important;
    color: #fff;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block !important;
}

.certication-hdr.d-flex {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.north:hover path {
    fill: #ea6b77;
}

.central:hover path {
    fill: #457ee9;
}

.south:hover path {
    fill: #2eb144;
}

.states-map {
    text-align: center;
    padding: 60px 0;
}

body .modal-header .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}

.modal-content form {
    margin-bottom: 0;
}

.page-title h4 {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary);
    margin-bottom: 5px;
}

.page-title h6 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    width: auto;
    line-height: 24px;
    display: inline-block;
    position: relative;
}

.page-title h5 {
    font-size: 14px;
    font-weight: 600;
    color: var(--light-black);
}

.search-sub-design {
    display: block;
}

.search-sub-design .widget-title {
    width: 100%;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
}

.nice-select {
    width: 100% !important;
    height: 50px !important;
}

.nice-select .list {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mb-3 .nice-select.form-control {
    margin-bottom: 15px;
}

.input-group-text {
    height: 100%;
}

.selection-grouph-blocks {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.selection-grouph-blocks .cstm-checkbox-wrap {
    margin-right: 15px;
}

.selection-grouph-blocks .cstm-checkbox-wrap .cstm-checkbox-btn {
    bottom: 4px;
}

.input-group-text.height-50 {
    height: 39px;
}

#whats-new-attachments.position-intial {
    position: initial;
}
.nice-select .list>.option {
    width: 100% !important;
    margin-left: 0 !important;
}

.activity-list .load-more,
.activity-list .load-newest {
    border: none;
    text-align: center;
    margin-left: 0 !important;
}

.activity-list .load-more a,
.activity-list .load-newest a {
    background-color: var(--primary);
    color: #fff;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 6px;
}

.activity-list .load-more a:hover,
.activity-list .load-newest a:hover {
    background-color: var(--secondary);
    color: #fff;
}

.title-label {
    font-weight: 600;
}

.activity-inner p {
    margin-bottom: 5px !important;
}

.modal-body .what-new-previewer p {
    position: relative;
    margin-top: 10px;
    width: 100px;
}

.modal-body .what-new-previewer p img {
    width: 100px;
    border: 1px dashed #e5e5e5;
    padding: 10px;
    border-radius: 10px;
}

.modal-body .what-new-previewer p a {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: var(--secondary);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    cursor: pointer;
}

.modal-body .what-new-previewer p a:hover {
    background-color: var(--primary);
    color: #fff;
}

.form-flex .form-grouph.width-33 {
    width: 32%;
}

.form-flex .form-grouph.width-24 {
    width: 24%;
}

body .invalid-feedback:empty {
    display: none !important;
}

.select2-container .select2-search--inline {
    float: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 10px 15px 6px 15px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none !important;
}

.form-flex.plus-block-sec {
    padding-bottom: 20px;
    position: relative;
}

.form-flex.plus-block-sec .add-mor-icons {
    position: initial;
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

.add-mor-icons .fas.fa-plus-circle {
    font-size: 20px;
    color: var(--primary);
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 20px;
}

.form-flex.plus-block-sec .add-mor-icons .fas.fa-plus-circle:hover {
    color: var(--primary);
}

.add-mor-icons .fas.fa-minus-circle {
    font-size: 20px;
    color: var(--secondary);
    cursor: pointer;
    position: relative;
    top: 2px;
    margin-right: 10px;
    width: 20px;
}

.form-flex.plus-block-sec .add-mor-icons .fas.fa-minus-circle:hover {
    color: #8b0000;
}

.form-flex.plus-block-sec .add-mor-icons i:nth-child(2) {
    margin-left: 10px;
}
body .multiselect__tags-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.multiselect__tags .multiselect__single {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    padding: 0px;
    background: 0 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.multiselect__content>li {
    margin-left: 0 !important;
}

.multiselect__single:empty {
    display: none !important;
}
.multiselect__tags-wrap .multiselect__tag {
    margin-bottom: 8px !important;
    margin-right: 8px;
}
.info-blocks-wrapper-items.coi-block a {
    display: inline-block;
}

.info-blocks-wrapper-items.coi-block a img {
    width: 40px;
}

.info-blocks-wrapper-flex>.info-blocks-wrapper-items .doc {
    fill: blue;
    width: 20px;
    height: 20px;
}

.info-blocks-wrapper-flex>.info-blocks-wrapper-items .pdf {
    fill: red;
    width: 20px;
    height: 20px;
}

.info-blocks-wrapper-items.coi-block {
    display: flex;
    flex-direction: row;
}

.info-blocks-wrapper-items.coi-block>a {
    margin-left: 15px;
}

.request-bid-wrap {
    position: relative;
    top: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.request-bid-wrap input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

.request-bid-wrap .close-bid-request::after {
    content: "Close bid request";
    position: absolute;
    right: 0;
    font-size: 12px;
    white-space: nowrap;
    bottom: -25px;
    background-color: var(--secondary);
    color: #fff;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    opacity: 0;
    display: none;
}

.request-bid-wrap:hover .close-bid-request::after {
    opacity: 1;
    display: block;
}

.request-bid-wrap .close-bid-request svg {
    width: 14px !important;
    height: 14px !important;
    fill: #fff !important;
}

.request-bid-wrap .close-bid-request {
    width: 20px;
    height: 20px;
    display: inline-flex;
    background-color: var(--secondary);
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}

.request-bid-wrap .reopen-bid-request {
    width: 20px;
    height: 20px;
    display: inline-flex;
    background-color: #10113d;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}

.request-bid-wrap .reopen-bid-request svg {
    width: 14px !important;
    height: 14px !important;
    fill: #fff !important;
}

.request-bid-wrap .reopen-bid-request::after {
    content: "Reopen bid request";
    position: absolute;
    right: 0;
    font-size: 12px;
    white-space: nowrap;
    bottom: -25px;
    background-color: #10113d;
    color: #fff;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    opacity: 1;
    display: none;
}

.request-bid-wrap:hover .reopen-bid-request::after {
    opacity: 1;
    display: block;
}

.bidding-closed {
    position: relative;
}

.bidding-closed .bidding-close-text {
    position: absolute;
    bottom: -21px;
    left: 0;
    background-color: var(--secondary);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    width: 100px;
    text-align: center;
    border-radius: 5px;
    display: none;
}

.bidding-closed:hover .bidding-close-text {
    display: block;
}

@media (max-width: 767px) {
    .footer-flex {
        flex-wrap: wrap;
    }
    .feed-filter-layout .select-country.single-select.button-style.blue-bg .multiselect {
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.for-input-dsn .profile-info, .for-input-dsn .follower-following-main {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
.events-post-div .event-details .ed-items .p-16 {
    font-size: 14px;
}
.form-grouph .row {
    gap: 16px;
}
    body .cart-page {
        padding-bottom: 10px;
    }

    body .shop-top-header {
        padding-left: 10px;
        padding-right: 10px;
    }

    body .exit-vendor-store a {
        font-size: 12px;
        line-height: 10px;
    }

    header.shop-header-block .shop-top-header #google_translate_element {
        margin-left: 0;
    }

    body .exit-vendor-store small {
        position: relative;
        bottom: 4px;
        line-height: 12px;
    }

    body .search-shop_div-sec {
        padding-left: 5px;
    }

    .filters-tab-list a {
        font-size: 12px;
        padding: 7px 10px;
    }

    body .filter-language-btn img {
        display: none;
    }

    .userCategory-1 .form-grouph.cell-phone-div,
    .userCategory-1 .form-grouph.first-name-div,
    .userCategory-1 .form-grouph.office-contact-no-div,
    .userCategory-3 .form-grouph.cell-phone-div,
    .userCategory-3 .form-grouph.first-name-div,
    .userCategory-3 .form-grouph.office-contact-no-div,
    .userCategory-4 .form-grouph.cell-phone-div,
    .userCategory-4 .form-grouph.first-name-div,
    .userCategory-4 .form-grouph.office-contact-no-div,
    .userCategory-5 .form-grouph.cell-phone-div,
    .userCategory-5 .form-grouph.first-name-div,
    .userCategory-5 .form-grouph.office-contact-no-div,
    .userCategory-6 .form-grouph.cell-phone-div,
    .userCategory-6 .form-grouph.first-name-div,
    .userCategory-6 .form-grouph.office-contact-no-div,
    .userCategory-7 .form-grouph.cell-phone-div,
    .userCategory-7 .form-grouph.first-name-div,
    .userCategory-7 .form-grouph.office-contact-no-div,
    .userCategory-8 .form-grouph.cell-phone-div,
    .userCategory-8 .form-grouph.first-name-div,
    .userCategory-8 .form-grouph.office-contact-no-div {
        width: 100% !important;
    }

    body .cstm-checkbox-wrap {
        align-items: flex-start;
    }

    .account-bg-sec .form-design {
        margin-bottom: 0;
    }

    .login-segment .btn-link {
        font-size: 13px;
    }

    body .activity_hdr-cntnt .feed_badges {
        position: initial;
        padding: 5px 0;
    }

    body .activity_header-left {
        align-items: flex-start;
    }

    body .penz-zoom-wrap-main #tooltip {
        display: none !important;
    }

    .penz-zoom-wrap-main:not(.active) {
        margin-top: 30px;
    }

    .penz-zoom-wrap-main.active {
        display: flex;
        align-items: center;
    }

    .penz-zoom-wrap-main .buttons.penzoom-controls {
        padding: 0 5px !important;
    }

    .penz-zoom-wrap-main .close-full-screen {
        height: auto !important;
        padding: 5px !important;
        min-height: initial !important;
        line-height: normal !important;
        background: 0 0 !important;
        top: 10px !important;
    }

    .penz-zoom-wrap-main .close-full-screen i {
        color: #333 !important;
    }

    .penz-zoom-wrap-main .buttons.penzoom-controls {
        top: initial !important;
        bottom: 0;
        flex-direction: column !important;
        right: 0 !important;
    }

    .penz-zoom-wrap-main.active .buttons.penzoom-controls {
        right: 15px !important;
        bottom: 20px !important;
    }

    .penz-zoom-wrap-main .expand {
        top: 0;
    }

    .penz-zoom-wrap-main .buttons.penzoom-controls button {
        padding: 10px 5px !important;
    }

    .penz-zoom-wrap-main.active .penz-zoom-wrap {
        height: 100%;
    }

    #buddypress #cover-image-container #item-header-cover-image {
        justify-content: center;
        flex-wrap: wrap;
    }

    body .account-bg-sec {
        padding: 35px 0;
        min-height: auto;
    }

    .account-bg-sec>.container.mt-4 {
        margin-top: 0 !important;
    }

    .form-flex .form-grouph {
        width: 100% !important;
    }

    .form-flex .form-grouph.width-33 {
        width: 100% !important;
    }

    .register-screens-design>.card {
        padding: 30px 20px;
    }

    .support-main-sec .heading-paragraph-design {
        margin-bottom: 50px;
    }

    .footer-flex>.footer-item {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-flex .foote-links {
        justify-content: center;
    }

    .main-footer .footer-second-item .social-links {
        justify-content: center;
    }

    .footer-flex .foote-links li a {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }
}

.multiselect__option--highlight {
    background: var(--primary) !important;
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: var(--primary) !important;
}
body .multiselect__tag {
    background: #D2131A;
    font-size: 12px;
    border-radius: 50px;
    font-weight: 400;
    padding: 6px 21px 6px 10px;
}
.multiselect__tag-icon:after {
    color: #fffefe !important;
}
.form-flex.plus-block-sec .add-mor-icons i::before {
    margin-right: 5px;
}
.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background: transparent !important;
    opacity: 0.7;
}
.form-flex.plus-block-sec .add-mor-icons i::before {
    margin-right: 5px;
}

.multiselect__option--selected:after {
    display: none !important;
}

.multiselect__option--highlight:after {
    display: none !important;
}

.srvice-list-flex>.srvice-list-item img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 7px;
}

.tabs-design-sec ul {
    margin-left: 0;
    margin-bottom: 10px;
    border: none;
}

.tabs-design-sec ul .nav-item button.active {
    background-color: #b32f34;
    color: #fff;
}

.tabs-design-sec ul .nav-item:not(:last-child) {
    margin-right: 10px;
}

.tabs-design-sec ul .nav-item button {
    background-color: #f3f3f3;
    color: #2b2a65;
    font-size: 15px;
    font-weight: 500;
}

.tabs-design-sec ul .nav-item button:hover {
    background-color: #2b2a65;
    color: #fff;
}

.inner-page-title-wrap {
    background-color: #1c1c58;
    padding: 60px 0;
}

.page-title-inner h1 {
    color: #fff;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.contentwrapper {
    padding: 60px 0;
}

.content-design h4 {
    font-size: 24px;
}

.content-design p {
    font-size: 15px;
    color: #333;
}

.content-design ul li {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    body .plr-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

button.btn.btn-primary.btn-sm.bid-request {
    color: #fff !important;
    background-color: var(--secondary) !important;
}

button.btn.btn-primary.btn-sm.labour-request {
    color: #fff !important;
    background-color: var(--primary) !important;
}

.container.contact-us {
    width: 75%;
    margin-top: 50px;
}

.contact-us textarea {
    height: 120px;
}

.contact-us button.btn.btn-primary {
    margin-top: 15px;
}

.color-red {
    color: var(--secondary);
}

.step-submission-btn {
    text-align: center;
}

.step-submission-btn a {
    background-color: var(--secondary);
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
}

.step-submission-btn a:hover {
    background-color: var(--primary);
    color: #fff;
}

body .multiselect__placeholder {
    margin-bottom: 0;
    padding-top: 0;
    color: var(--lightgrey);
    font-weight: 500;
    font-size: 14px;
}

.contact-us {
    padding-top: 60px;
    padding-bottom: 30px;
}

.input-design input::placeholder,
.textarea-design textarea::placeholder {
    color: var(--black);
}

.contact-us .support-img-block {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .contact-us form {
        margin-bottom: 60px;
    }

    .tophive-popup-content-wrapper {
        margin: 0;
        padding: 20px 15px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .srvice-list-flex>.srvice-list-item {
        width: 23%;
    }

    body .magnific-img a video {
        height: 120px;
    }

    .info-blocks-wrapper-flex>.info-blocks-wrapper-items {
        width: 50%;
    }

    .img-gallery-magnific>.magnific-img img {
        height: 120px;
    }
}

.mobile-header-title {
    display: none;
}

.red_clr {
    color: var(--secondary);
}

.height-100vh {
    min-height: calc(100vh - 170px);
}

.verification-message-wrap .card-body button {
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    color: #403d72;
    background: 0 0 !important;
    box-shadow: none !important;
}

.verification-message-wrap .card-body button:hover {
    color: var(--secondary);
}

#window-loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

#box-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

#box-loader .loader-wrap img {
    width: 70px;
    height: 70px;
}

.under-contruction-div {
    padding-top: 60px;
    padding-bottom: 60px;
}

.under-contruction-div img {
    width: 100%;
    max-width: 400px;
    margin-bottom: 30px;
}

.under-contruction-div h2 {
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 700;
}

.side-search-bar {
    border: 1px solid #ebe9e6;
    border-radius: 8px;
    padding: 15px 20px;
    background: #fff;
    max-height: 50em;
    overflow: auto;
}

.side-search-bar ul.list-group {
    margin: 0;
}

.side-search-bar ul.list-group>li {
    padding: 0;
    font-size: 14px;
    border: none;
}

.side-search-bar ul.list-group>li a {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    text-align: left;
    border-bottom: 1px dashed #c8c5c5;
    border-radius: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    color: var(--black);
    font-weight: 500;
    font-size: 15px;
}

.side-search-bar>input {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    position: relative;
    transition: all 0.5s ease-in-out;
    display: block;
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 17px;
    font-size: 14px;
    border: none;
    width: 100%;
    padding: 10px 40px 10px 15px;
    border-radius: 6px;
    background-image: url(../img/search.svg);
    color: var(--black);
    font-weight: 500;
}

.activity-list .activity-item .activity-content .cstm-checkbox-wrap:hover label {
    display: block;
}

.steps-main-sec>.steps-block .icn-box-wrap {
    position: absolute;
    left: -42px;
    right: 0;
    top: 27px;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    padding: 20px;
}

.steps-main-sec>.steps-block {
    max-width: calc(100% - 50px);
    margin-left: auto;
}

.steps-main-sec>.steps-block .icn-box-wrap .steps-no {
    position: absolute;
    top: -13px;
    left: -9px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.steps-block.first .icn-box-wrap {
    background-color: var(--primary);
}

.steps-block.second .icn-box-wrap {
    background-color: #f4067e;
}

.steps-block.three>.icn-box-wrap {
    background-color: #5a06f4;
}

.steps-block.four>.icn-box-wrap {
    background-color: red;
}

.steps-block.five>.icn-box-wrap {
    background-color: #f29b3e;
}

.steps-block.six>.icn-box-wrap {
    background-color: #0cd30c;
}

.steps-block.seven>.icn-box-wrap {
    background-color: #8b0000;
}

.steps-block.first .icn-box-wrap .steps-no {
    color: var(--primary);
}

.steps-block.second .icn-box-wrap .steps-no {
    color: #f4067e;
}

.steps-block.three .icn-box-wrap .steps-no {
    color: #5a06f4;
}

.steps-block.four .icn-box-wrap .steps-no {
    color: red;
}

.steps-block.five .icn-box-wrap .steps-no {
    color: #f29b3e;
}

.steps-block.six .icn-box-wrap .steps-no {
    color: #0cd30c;
}

.steps-block.seven .icn-box-wrap .steps-no {
    color: #8b0000;
}

.events_img-block img {
    width: 100px;
    object-fit: cover;
    height: 100px;
    border-radius: 10px;
}

.img-cntnt-process-view.with-bg {
    border-radius: 40px;
}

.process-img-block img {
    width: 100%;
    height: 100%;
}

.process-img-block {
    text-align: center;
    background: var(--white);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    padding: 20px;
}

.img-cntnt-process-view .row>div {
    position: relative;
}

.process-cntnt-block {
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.start_now-block .btn-design-1 {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.th-bp-header-notification-container ul li.with-notifications {
    position: relative;
}

.th-bp-header-notification-container ul {
    padding-left: 0px;
    padding-right: 0px;
}

.th-bp-header-notification-container ul .notification-title {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.th-bp-header-notification-container ul li.with-notifications img {
    position: absolute;
    left: 11px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    margin-top: 1px;
    padding: 6px;
    background-color: #E6EFFB;
}

.th-bp-header-notification-container ul li.with-notifications .notifier-name {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
}

.th-bp-header-notification-container ul li.with-notifications p {
    margin-bottom: 0;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.th-bp-header-notification-container ul li.with-notifications {
    position: relative;
    margin-bottom: 0px;
    border-bottom: 1px solid #E1DFDF !important;
    cursor: pointer;
    padding: 10px 14px;
}

.th-bp-header-notification-container ul li.with-notifications:last-child {
    border: none !important;
}

.th-bp-header-notification-container ul li.with-notifications:hover {
    background: 0 0;
}

.landing-register-header a.color-red {
    text-transform: uppercase;
    font-weight: 700;
}

.help-section-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sidebar-accordian-design ul {
    margin: 0;
    list-style: none;
}

.sidebar-accordian-design ul>.nav-list>.drop-link-span,
.sidebar-accordian-design ul>.nav-list>a {
    display: block;
    width: 100%;
    padding: 10px 10px;
}

.sidebar-accordian-design .circle-icon-span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    background-color: #e4e6eb;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.sidebar-accordian-design .sub-menu-links,
.sidebar-accordian-design ul.sub-menu {
    display: none;
}

.sidebar-accordian-design ul>.nav-list {
    margin-bottom: 5px;
}

.sidebar-accordian-design .drop_down-btn {
    background: 0 0;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 9px;
}

.sidebar-accordian-design ul>.nav-list a {
    width: 100%;
    max-width: calc(100% - 35px);
    display: flex;
    align-items: center;
    color: var(--light-black);
}

.sidebar-accordian-design ul>.nav-list>.drop-link-span:hover,
.sidebar-accordian-design ul>.nav-list>a:hover {
    background: rgba(240, 241, 242, 0.6);
    border-radius: 8px;
}

.sidebar-accordian-design ul>.nav-list a .nav-text {
    padding-left: 5px;
    font-size: 15px;
    font-weight: 600;
}

.sidebar-accordian-design ul>.nav-list.active ul.sub-menu {
    display: block;
}

.sidebar-accordian-design ul>.nav-list ul.sub-menu {
    padding-left: 10px;
}

.sidebar-accordian-design ul>.nav-list.active>.sub-menu-links {
    display: block;
}

.sidebar-accordian-design ul>.nav-list>.sub-menu-links {
    padding-left: 15px;
}

.sidebar-accordian-design ul>.nav-list>.sub-menu-links a {
    font-size: 14px;
    width: 100%;
    padding: 7px 10px;
    max-width: 100%;
    font-weight: 500;
}

.sidebar-accordian-design ul>.nav-list>.sub-menu-links a:hover {
    background: rgba(240, 241, 242, 0.6);
    border-radius: 8px;
}

.sidebar-accordian-design .drop_down-btn:hover {
    background: #e2e2e2;
}

.sidebar-accordian-design ul>.nav-list>a {
    max-width: 100%;
}

@media (max-width: 575px) {
    .img-cntnt-process-view {
        padding: 0;
    }

    .portfolio-list-design.large-view-layout .magnific-img {
        width: 100%;
        height: auto;
    }

    .img-cntnt-process-view.with-bg {
        background-color: transparent !important;
    }

    .img-cntnt-process-view {
        margin-bottom: 35px;
    }
}

.video-button {
    margin-bottom: 18px;
}

.modal-backdrop {
    display: none !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 0 !important;
}

body:not(.modal-open) {
    overflow: initial !important;
}

.certication-hdr .btn i {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.tabs-wrap-design nav#subnav {
    border: none;
    margin-bottom: 20px !important;
}

body .buddypress-wrap .tabs-wrap-design nav#subnav .subnav li>a {
    padding: 6px 15px;
    font-size: 13px;
    font-weight: 500;
    min-width: 97.7px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #333;
    color: var(--light-black);
}

body .buddypress-wrap .tabs-wrap-design nav#subnav .subnav li.selected>a,
body .buddypress-wrap .tabs-wrap-design nav#subnav .subnav li>a:hover {
    background-color: var(--secondary);
    color: #fff !important;
    border-radius: 4px;
    border-color: var(--secondary);
}

.banner-img-block video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #f1f1f1;
    filter: brightness(0.7);
}

body .banner-video-div .btn {
    display: none;
}

body .banner-video-div .btn.active {
    display: block;
}

.side-bar-borders {
    border-radius: 8px;
    padding: 15px 20px;
    background: #fff;
    margin-bottom: 1em !important;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background-color: var(--white);
}

.sidebar-sec .sidebar-list-design ul {
    margin-left: 0 !important;
}

.sidebar-sec .sidebar-list-design ul .sidebar_list {
    display: flex;
    align-items: center;
}

.sidebar-sec .sidebar-list-design ul .sidebar_list .p-text strong {
    font-weight: 500;
}

.sidebar-sec .sidebar-list-design.side-bar-borders ul .sidebar_list .sidebar-icon {
    min-width: 30px;
    margin-right: 4px !important;
}

.sidebar-sec .sidebar-list-design.side-bar-borders ul .sidebar_list {
    background: 0 0;
    padding: 0;
    margin-bottom: 15px !important;
    align-items: flex-start;
}

.sidebar-sec .sidebar-list-design.side-bar-borders ul {
    padding-top: 10px;
}

.sidebar-list-design ul li .p-text .date-text {
    display: block;
    font-size: 13px;
}

.display-block {
    display: block;
}

.not-found-div h4,
.not-found-div p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px;
    font-weight: 300;
    color: var(--black);
}

.not-found-div {
    margin: 10px 0;
    padding: 10px;
    text-align: center;
}

.image-popup-vertical-fit {
    display: block;
}

.large-view-layout .magnific-img img {
    height: 100%;
}

.portfolio-list-design .bo-header-cntnt {
    margin-bottom: 20px;
}

.portfolio-videos-design .bo-header-cntnt {
    margin-bottom: 20px;
}

.portfolio-videos-design {
    margin-top: 20px;
}

.video-frame-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.video-frame-layout .video-frame-div {
    width: 33.3%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.video-frame-layout .video-frame-div iframe {
    border-radius: 8px;
}
.post-cstm-activity-wrap-inner.img-gallery-magnific .magnific-img {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}

.post-cstm-activity-wrap-inner.img-gallery-magnific .magnific-img img {
    height: 100%;
    border-radius: 0;
}

.post-cstm-activity-wrap-inner.five {
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto auto auto;
    grid-gap: 6px;
}

.post-cstm-activity-wrap-inner.five .post-media:nth-child(5) {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 3;
    position: relative;
}

.post-cstm-activity-wrap-inner .post-media a,
.post-cstm-activity-wrap-inner .post-media div {
    height: 100%;
}

.post-cstm-activity-wrap-inner.five .post-media:nth-child(5) a:before {
    content: "Show all photos";
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 700;
    bottom: 0;
    text-align: center;
    padding: 16px 15px;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-cstm-activity-wrap-inner.four {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-gap: 6px;
}

.post-cstm-activity-wrap-inner.three {
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto auto auto;
    grid-gap: 6px;
}

.post-cstm-activity-wrap-inner.two {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-gap: 6px;
}

.post-cstm-activity-wrap-inner.one {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-gap: 6px;
}

.notifications_list {
    padding: 50px 0;
    min-height: calc(100vh - 190px);
}

.notifications_list ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 50px;
    counter-reset: my-sec-counter;
    position: relative;
}

.notifications_list ul li:not(.no-notifications) {
    background-color: #fff;
    box-shadow: 1px 2px 33px -22px grey;
    padding: 15px;
    list-style: none;
    border-radius: 8px;
    margin-bottom: 15px;
    position: relative;
}

.notifications_list ul li:not(.no-notifications) h5 {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 5px;
}

.notifications_list ul li:not(.no-notifications) p {
    margin-bottom: 0;
    font-size: 15px;
}

.notifications_list ul li:not(.no-notifications)::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    left: -50px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--primary);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 32%;
}

.notifications_list ul::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #1b1c58;
    z-index: 0;
}

.notifications_list .no-notifications {
    text-align: center;
    list-style: none;
    background-color: #fff;
    border: 1px solid #f4f4f4;
    width: 100%;
    /* max-width: calc(100% - 50px); */
}

.notifications_list .no-notifications a {
    display: block;
    padding: 50px 15px;
}
/*
.notifications_list .no-notifications::before {
    content: "";
    position: absolute;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    max-width: 50px;
} */

.alert ul {
    margin: 0;
    padding: 10px 30px;
}

.alert ul li a {
    color: #842029;
}

.alert ul li a:hover {
    color: red;
}

.under-contruction-div-inner {
    text-align: center;
    background-color: #fff;
    border: 1px solid #ebe9e6;
    border-radius: 8px;
    padding: 15px 20px;
}

.under-contruction-div-inner img {
    width: 100%;
    max-width: 400px;
    margin-bottom: 30px;
}

.under-contruction-div-inner h2 {
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 700;
}

table.table i {
    font-size: 18px;
}

.fancybox-toolbar svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin: 0 auto;
}

.fancybox-toolbar .fancybox-button {
    padding: 5px !important;
    text-align: center;
    margin-right: 6px !important;
}

.fancybox-navigation .fancybox-button {
    background: 0 0 !important;
    padding: 0 10px !important;
}

#google_translate_element .goog-te-gadget {
    font-size: 0px;
}

#google_translate_element .goog-te-gadget>span {
    display: none;
}

#google_translate_element .goog-te-gadget select {
    overflow: hidden;
    margin: 0;
    color: var(--primary);
    font-weight: 600;
    padding-left: 35px;
    border-radius: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    font-size: 14px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2210%22%20viewBox%3D%220%200%2018%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.235%201.38251L15.8525%200L8.61749%207.23498L1.38251%200L0%201.38251L8.61749%2010L17.235%201.38251Z%22%20fill%3D%22%23001F72%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px;
    background-position: 90% 52%;
    padding-right: 39px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 190px;
    border: none;
}

#google_translate_element {
    position: relative;
    margin-left: 15px;
}

#google_translate_element::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.6848%202.29156C15.6652%202.26044%2015.6373%202.23751%2015.6029%202.22195C13.9519%200.835422%2011.8226%200%209.5%200C4.25689%200%200%204.2571%200%209.5C0%2014.7429%204.2571%2019%209.5%2019C14.7429%2019%2019%2014.7429%2019%209.5C19%206.61805%2017.7142%204.03423%2015.6849%202.29135L15.6848%202.29156ZM15.0698%202.63062C13.5481%201.39561%2011.6096%200.655249%209.5%200.655249C8.02339%200.655249%206.63021%201.01806%205.40686%201.65932C5.72955%201.76579%206.15622%201.88045%206.50429%201.88045C7.01043%201.88045%208.09966%201.77398%208.8252%201.9173C9.24125%201.99919%209.54999%202.1761%209.68677%202.42096C9.94393%202.88204%2010.152%203.61502%2010.1405%204.08103C10.1323%204.40371%2010.007%204.62729%209.84238%204.72392C9.72608%204.79353%209.58768%204.83284%209.41979%204.87215C9.1487%204.93604%208.77526%205.02121%208.26994%205.48394C7.80312%205.91145%207.59346%206.20545%207.42312%206.42903C7.28389%206.61248%207.1635%206.75498%206.98906%206.88357C6.81708%207.01133%206.71879%207.18658%206.5935%207.31271C6.38712%207.51828%206.14389%207.65504%205.70573%207.56168C5.43875%207.50435%205.14473%207.43802%204.88676%207.44129C4.73116%207.44293%204.5862%207.45849%204.51332%207.5838C4.46255%207.67143%204.46582%207.77216%204.50513%207.86061C4.58539%208.04406%204.79832%208.18%205.07678%208.19639C5.35114%208.21277%205.52721%208.30286%205.65007%208.41752C5.77292%208.53136%205.84663%208.6755%205.89332%208.83029C5.91789%208.91137%205.93508%208.99573%205.95638%209.0727C6.00552%209.04158%206.0694%208.99981%206.11772%208.96705C6.37815%208.78933%206.70081%208.62227%207.13816%208.71318C7.85066%208.86141%208.06361%209.04485%208.88012%209.65336C9.26094%209.93674%209.37068%2010.1693%209.44357%2010.3593C9.4706%2010.4298%209.4747%2010.4953%209.52547%2010.5493C9.57952%2010.6067%209.6778%2010.6419%209.85715%2010.6885C10.3109%2010.8081%2010.7097%2010.8302%2010.9562%2010.9064C11.1913%2010.9801%2011.3346%2011.1054%2011.4026%2011.2684C11.4607%2011.4109%2011.4697%2011.6132%2011.342%2011.8982C11.0578%2012.5312%2010.7605%2012.9252%2010.7212%2013.3388C10.695%2013.6246%2010.5156%2013.8089%2010.2781%2013.9555C10.1978%2014.0054%2010.111%2014.0513%2010.0357%2014.107C9.99393%2014.1381%209.95053%2014.17%209.95053%2014.2331C9.95053%2014.41%209.99803%2014.5328%2010.0177%2014.6368C10.0439%2014.772%2010.0423%2014.8907%209.99803%2015.0095C9.94725%2015.1503%209.82604%2015.3125%209.51156%2015.4951C9.26505%2015.6384%209.07176%2015.7187%208.92353%2015.7899C8.82034%2015.8399%208.75319%2015.8718%208.73271%2015.9947C8.71797%2016.088%208.77366%2016.2183%208.82935%2016.3599C8.95547%2016.6761%209.13893%2017.0176%209.2069%2017.2256C9.28634%2017.4672%209.22083%2017.6416%209.14957%2017.7211C9.07259%2017.8063%208.89323%2017.9258%208.66638%2017.9815C8.33552%2018.0626%207.91702%2018.0176%207.63037%2017.6064C7.39287%2017.2649%207.06365%2016.7268%206.92115%2016.2748C6.84416%2016.0299%206.82205%2015.8039%206.86136%2015.6253C6.86955%2015.5876%206.87364%2015.5442%206.8761%2015.5254L6.76964%2015.3411C6.72295%2015.2388%206.67464%2015.0922%206.64843%2014.8473C6.61239%2014.5041%206.70166%2014.1274%206.72705%2013.7867C6.74179%2013.5877%206.74425%2013.3993%206.56162%2013.2806C6.10544%2012.9841%205.48058%2012.3158%205.21851%2011.7442C5.07273%2011.4281%205.03997%2011.1299%205.12269%2010.9072C5.20295%2010.6901%205.29631%2010.4772%205.35365%2010.3536C5.05554%2010.1791%204.46424%209.83105%204.22265%209.52967C4.01463%209.26923%203.87787%209.11117%203.50359%209.10052C2.82874%209.08169%202.32917%209.00388%202.19814%208.3094C2.17439%208.18328%202.04499%207.98345%201.89185%207.75823C1.6486%207.40198%201.33003%207.00313%201.10236%206.72632C0.813264%207.59935%200.657656%208.53216%200.657656%209.50093C0.657656%2014.3828%204.6206%2018.346%209.50269%2018.346C11.9416%2018.346%2014.1512%2017.3566%2015.7515%2015.7588C15.7638%2015.6589%2015.7466%2015.5442%2015.7188%2015.4197C15.6524%2015.1265%2015.514%2014.7932%2015.3707%2014.4648C15.2151%2014.1044%2015.0538%2013.749%2014.9588%2013.4468C14.881%2013.1978%2014.8482%2012.9775%2014.8703%2012.8064C14.9096%2012.4976%2014.9801%2012.3256%2015.0357%2012.1856C15.0841%2012.0652%2015.1045%2011.9858%2015.0226%2011.7483C14.8408%2011.2176%2014.5263%2010.5992%2014.1472%2010.3716C14.0374%2010.3052%2013.9457%2010.3503%2013.8343%2010.4002C13.6025%2010.5034%2013.329%2010.6615%2012.9433%2010.7532C12.6705%2010.8179%2012.4699%2010.7909%2012.3159%2010.7221C12.1472%2010.6459%2012.0227%2010.5157%2011.931%2010.3396C11.8155%2010.1193%2011.7598%209.80484%2011.6354%209.51166C11.3667%208.87941%2011.3323%208.51497%2011.3512%208.0932C11.3651%207.78362%2011.4945%207.65996%2011.6845%207.55759C11.7909%207.50026%2011.9596%207.47078%2012.1112%207.23983C12.3634%206.8541%2012.5092%206.81232%2012.7319%206.78202C12.8622%206.764%2013.0505%206.77056%2013.4248%206.62969C14.3126%206.2972%2014.9227%206.48637%2015.4591%206.52323C15.9792%206.55844%2016.3387%206.66327%2017.1102%206.87866C17.5328%206.99659%2017.8227%206.88931%2017.9357%206.83116C17.8735%206.6346%2017.8047%206.44132%2017.7293%206.25133C17.4779%206.2628%2016.8563%206.26771%2016.3027%206.09245C16.0078%205.99909%2015.8719%205.93029%2015.7613%205.86887C15.6328%205.79844%2015.5509%205.74111%2015.17%205.6502C15.0259%205.6158%2014.8875%205.65265%2014.7556%205.71244C14.5804%205.79188%2014.4157%205.91227%2014.2651%206.02529C13.9842%206.23495%2013.7262%206.40693%2013.5296%206.43314C13.3855%206.45116%2013.2684%206.42331%2013.1717%206.37172C13.0325%206.29555%2012.9334%206.16288%2012.8876%205.99335C12.8392%205.81481%2012.8548%205.59122%2012.9252%205.40614C12.9817%205.26036%2013.071%205.1408%2013.1758%205.06626C13.4199%204.89182%2013.9768%204.37095%2014.4649%204.05729C14.496%204.03763%2014.4985%204.00651%2014.4985%203.97621C14.4985%203.93608%2014.4927%203.89595%2014.4845%203.85418C14.4567%203.70677%2014.4141%203.56099%2014.4059%203.44388C14.3936%203.27517%2014.437%203.13759%2014.5255%203.03685C14.5894%202.96314%2014.6811%202.90172%2014.8195%202.87388C14.9063%202.85668%2014.9653%202.79034%2015.012%202.72728C15.0341%202.6978%2015.0537%202.66586%2015.0709%202.63392L15.0698%202.63062ZM4.67704%202.08599C3.21927%203.03683%202.058%204.40606%201.36592%206.02273C1.54446%206.23157%202.06779%206.85564%202.43058%207.38796C2.64926%207.70817%202.80568%208.00628%202.84007%208.18564C2.85317%208.25444%202.87119%208.30685%202.90395%208.34207C2.95964%208.40103%203.04317%208.41168%203.13654%208.42232C3.25284%208.43707%203.38224%208.43952%203.51982%208.4428C4.13896%208.46082%204.38792%208.68686%204.73189%209.11764C4.98742%209.43704%205.71139%209.7974%205.85142%209.88667C6.01603%209.9915%206.08156%2010.1332%206.04961%2010.342C6.02668%2010.4878%205.8809%2010.7343%205.73512%2011.1315C5.7171%2011.1798%205.73103%2011.238%205.74904%2011.3019C5.78017%2011.4149%205.83995%2011.5385%205.9153%2011.6638C6.16754%2012.0815%206.59341%2012.5197%206.91689%2012.7301C7.25759%2012.9521%207.37307%2013.2584%207.38372%2013.6105C7.39518%2013.9709%207.2576%2014.3951%207.29772%2014.7768C7.32966%2015.083%207.4132%2015.1453%207.45497%2015.2231C7.51639%2015.3353%207.56471%2015.4598%207.49919%2015.7644C7.47135%2015.8906%207.52949%2016.0576%207.60238%2016.2378C7.7457%2016.5924%207.98648%2016.9741%208.16502%2017.2312C8.2592%2017.3664%208.40007%2017.3704%208.50898%2017.3442C8.52045%2017.3418%208.53191%2017.3377%208.5442%2017.3328C8.53847%2017.318%208.53192%2017.3033%208.52618%2017.2885C8.45002%2017.1133%208.34109%2016.8963%208.25183%2016.6841C8.1257%2016.3844%208.05118%2016.0879%208.08312%2015.8897C8.13799%2015.5507%208.27557%2015.3975%208.51717%2015.2608C8.66868%2015.1748%208.88489%2015.0994%209.18055%2014.9283C9.2477%2014.8881%209.30094%2014.8537%209.34189%2014.8202C9.35335%2014.8103%209.36727%2014.7956%209.37628%2014.7866C9.37219%2014.7645%209.36318%2014.7129%209.35499%2014.6801C9.32632%2014.5597%209.29357%2014.4164%209.29357%2014.233C9.29357%2013.9013%209.46555%2013.699%209.69814%2013.5426C9.78495%2013.4844%209.88077%2013.4336%209.96594%2013.3771C10.0093%2013.3493%2010.0626%2013.3321%2010.0675%2013.2788C10.1117%2012.8088%2010.4197%2012.3493%2010.7432%2011.6302C10.7563%2011.6008%2010.7677%2011.5664%2010.7751%2011.5385C10.7612%2011.5336%2010.7464%2011.5279%2010.7333%2011.5246C10.6531%2011.5025%2010.5564%2011.4861%2010.4475%2011.4689C10.2296%2011.4337%209.97086%2011.396%209.68994%2011.3231C9.1871%2011.1913%209.02986%2011.0177%208.93321%2010.8424C8.90536%2010.7908%208.88243%2010.7359%208.86114%2010.6778C8.81364%2010.5484%208.76777%2010.3879%208.48769%2010.179C7.78748%209.65651%207.61466%209.48208%207.0029%209.35513C6.82272%209.31746%206.68514%209.38216%206.57048%209.45259C6.44927%209.52712%206.34445%209.61065%206.24862%209.66715C6.03405%209.79246%205.8375%209.81375%205.64421%209.7081C5.47633%209.61637%205.37969%209.45423%205.32319%209.24784C5.30271%209.17331%205.28797%209.09142%205.26258%209.01279C5.24948%208.97184%205.2372%208.92844%205.2028%208.89813C5.1684%208.86701%205.11271%208.85555%205.03655%208.85145C4.05132%208.79331%203.57714%207.89489%203.94404%207.25772C4.1021%206.98418%204.35845%206.84331%204.67457%206.80073C5.02265%206.75323%205.4567%206.8384%205.84161%206.92112C6.02506%206.96043%206.10859%206.87771%206.1905%206.78189C6.31007%206.64267%206.428%206.4846%206.59835%206.35767C6.72201%206.26595%206.80309%206.16194%206.90136%206.03172C7.08727%205.78766%207.31823%205.46663%207.82763%204.99981C8.37389%204.49942%208.79975%204.35201%209.12489%204.26846C9.26166%204.23406%209.37549%204.22096%209.46803%204.18001C9.47377%204.13169%209.48769%204.00475%209.4795%203.90974C9.4451%203.5412%209.29277%203.05964%209.11423%202.73943C9.08148%202.68046%209.00941%202.6518%208.92587%202.62068C8.78173%202.56663%208.60319%202.53714%208.40992%202.51831C7.74573%202.45442%206.9202%202.53468%206.505%202.53468C5.79577%202.53468%204.79662%202.1342%204.67869%202.08589L4.67704%202.08599ZM18.1098%207.47C17.8625%207.56991%2017.4603%207.65509%2016.9313%207.50767C16.2204%207.30948%2015.8912%207.20792%2015.4113%207.17436C14.9477%207.14242%2014.4195%206.95323%2013.6521%207.24069C13.2803%207.37992%2013.0576%207.40449%2012.9003%207.42005C12.852%207.42496%2012.8151%207.42169%2012.7816%207.43479C12.7373%207.45199%2012.7169%207.50441%2012.6563%207.59613C12.4835%207.86065%2012.3016%207.97859%2012.146%208.05803C12.1002%208.08096%2012.0371%208.11208%2012.0027%208.12846C11.988%208.46177%2012.024%208.75171%2012.2361%209.25373C12.3344%209.48469%2012.3885%209.73037%2012.4646%209.93103C12.4933%2010.008%2012.5162%2010.0793%2012.5727%2010.1169C12.6219%2010.1497%2012.6906%2010.1382%2012.7898%2010.1145C13.2107%2010.0146%2013.4802%209.82048%2013.7201%209.73857C13.9773%209.65012%2014.2123%209.6452%2014.4818%209.80736C14.9649%2010.0973%2015.408%2010.8573%2015.6398%2011.5338C15.7815%2011.9465%2015.7479%2012.1308%2015.6807%2012.3249C15.6365%2012.4518%2015.5562%2012.5861%2015.5177%2012.8875C15.5055%2012.985%2015.5374%2013.1078%2015.5816%2013.2487C15.6709%2013.5321%2015.8232%2013.8646%2015.9698%2014.2028C16.1066%2014.5189%2016.2384%2014.8392%2016.3195%2015.1315C17.5849%2013.6017%2018.3457%2011.6395%2018.3457%209.50117C18.3457%208.8026%2018.2646%208.12284%2018.1115%207.47094L18.1098%207.47ZM15.5694%203.06887C15.5596%203.08361%2015.5489%203.09753%2015.5383%203.11309C15.4252%203.26624%2015.2713%203.40382%2015.0772%203.47672C15.0944%203.56026%2015.1189%203.68147%2015.1337%203.76664C15.1869%204.08766%2015.1402%204.39806%2014.8176%204.60608C14.3401%204.91237%2013.7939%205.42589%2013.5547%205.59705C13.5293%205.61507%2013.5261%205.65929%2013.5187%205.69861C13.5154%205.71417%2013.5146%205.73464%2013.5154%205.75348C13.5531%205.73218%2013.5924%205.70188%2013.6383%205.66994C13.7652%205.58067%2013.9052%205.46929%2014.0543%205.36529C14.4302%205.1024%2014.8651%204.90339%2015.3204%205.01149C15.7324%205.10977%2015.8741%205.18102%2016.0067%205.25474C16.1107%205.31206%2016.2066%205.37431%2016.4981%205.46603C16.8274%205.57004%2017.1852%205.59706%2017.4399%205.60034C16.9707%204.64787%2016.3343%203.79123%2015.5702%203.06978L15.5694%203.06887Z%22%20fill%3D%22%23001F72%22%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    left: 14px;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 14px;
}

.skiptranslate iframe {
    display: none !important;
}

.post-cstm-activity-wrap {
    margin-bottom: 16px;
}

.th-bp-header-notification-container ul li.with-notifications .col-1 {
    position: relative;
    bottom: 4px;
}

body a.submit-button-design {
    height: 44.5px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.coi_file .media-uploading a {
    display: block;
    border: 1px dashed #ccc7c7;
    padding: 5px;
    position: relative;
}

.coi_file .media-uploading a .remove-media {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 15px;
    height: 15px;
    background-color: var(--secondary);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
}

.magnific-img a {
    display: block;
}

.magnific-img a video {
    width: 100%;
    height: 66px;
    border-radius: 5px;
    object-fit: cover;
}

.portfolio-list-design.large-view-layout .magnific-img {
    position: relative;
}

.portfolio-list-design.large-view-layout .magnific-img {
    position: relative;
    height: 250px;
}

.portfolio-list-design.large-view-layout .magnific-img .video-frame-div {
    height: 100%;
}

.portfolio-list-design.large-view-layout .magnific-img .close a {
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-flex;
    background-color: var(--secondary);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.portfolio-list-design.large-view-layout .magnific-img .close a:hover {
    box-shadow: 0 0 36px -2px var(--secondary);
}

.portfolio-list-design.large-view-layout .magnific-img .close {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px 15px;
    text-align: right;
    z-index: 99;
}

.portfolio-list-design.large-view-layout .magnific-img a {
    display: block;
    height: 100%;
}

.portfolio-list-design.large-view-layout .magnific-img video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.portfolio-list-design.large-view-layout .magnific-img .video-frame-div iframe {
    border-radius: 6px;
}

.profile_hdr-cntnt-block .portfolio-list-design {
    padding-top: 20px;
    padding-bottom: 20px;
}

.profile_main-btn-designs .follow-button {
    display: inline-block;
    padding: 6px 20px !important;
    background: var(--primary-linear-bg);
    color: #fff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.profile_main-btn-designs .follow-button:hover {
    background: var(--secondary-linear-bg);
}

.profile_main-btn-designs .msg-btn {
    display: inline-block;
    padding: 6px 20px !important;
    background: var(--secondary-linear-bg);
    color: #fff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.profile_main-btn-designs .msg-btn svg {
    fill: #fff;
    margin-right: 9px;
    position: relative;
    bottom: 1px;
}

.profile_main-btn-designs .msg-btn:hover {
    background: var(--primary-linear-bg);
}

.profile_main-btn-designs button:not(:last-child) {
    margin-right: 10px;
}

.profile_main-btn-designs .follow-button svg {
    margin-right: 5px;
    position: relative;
    bottom: 2px;
    fill: #ffffff;
}

.profile_main-btn-designs .follow-button:hover svg {
    fill: #fff;
}

.profile_main-btn-designs .unfollow-button svg {
    margin-right: 5px;
    position: relative;
    bottom: 2px;
    fill: #fff;
}

.magnific-img .video-link {
    position: relative;
    overflow: hidden;
}

.magnific-img .video-link::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='384' height='512' viewBox='0 0 384 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M73 39C58.2 29.9 39.6 29.6 24.5 38.1C9.4 46.6 0 62.6 0 80V432C0 449.4 9.4 465.4 24.5 473.9C39.6 482.4 58.2 482 73 473L361 297C375.3 288.3 384 272.8 384 256C384 239.2 375.3 223.8 361 215L73 39Z' fill='%23001233'/%3E%3C/svg%3E%0A");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0;
    position: absolute;
    top: 200%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 33px -2px #001233;
}

.magnific-img .video-link:hover:before {
    top: 50%;
}

.portfolio-widget .magnific-img .video-link::before,
.profile_hdr-cntnt-block .magnific-img .video-link::before {
    width: 20px;
    height: 20px;
    background-size: 7px;
}

.profile_hdr-cntnt-block .magnific-img {
    margin-bottom: 3px !important;
}

.sidebar-btn-flex>.sidebar-btn-item>a:hover {
    background-color: #f3f3f3;
}

.activity-header .bidding-closed {
    font-size: 13px;
    margin-left: 5px;
}

.activity-header .bidding-closed i {
    font-size: 11px;
}

.heading_options-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.heading_options-title h2 img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
    border: 2px solid #fff;
    box-shadow: 0 0 12px -5px grey;
}

.heading_options-title h2 {
    font-size: 18px;
    margin-bottom: 0;
    color: var(--black);
    font-weight: 400;
}

.footer-hover-box {
    margin-top: 10px;
}

.dropdown-new .dropdown-toggle-new.dropdown-icn {
    background: 0 0;
    border: none;
    padding: 0;
    line-height: normal;
    height: auto;
    min-height: auto;
}

.dropdown-new {
    position: relative;
}

.dropdown-new .dropdown-menu-new {
    position: absolute;
    margin: 0;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    right: 0;
    border: 1px solid #eee;
    z-index: 999;
    list-style: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: 120px;
    padding: 10px 2px;
    transition: all 0.5s ease-in-out;
    display: none;
}

.dropdown-new .dropdown-menu-new .dropdown-item {
    font-size: 13px;
    color: #2b2b2b;
}

.dropdown-new.show .dropdown-menu-new {
    display: block;
}

.dropdown-new.show::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
}

.followe-list-body .card {
    border: none !important;
}

.followe-list-body .card .list-group {
    margin: 0;
}

.followe-list-body .card .list-group {
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}

.followe-list-body .card .list-group .vcard {
    width: 49%;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 15px 50px 15px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    align-items: center;
}

.followe-list-body .card .list-group .vcard .dropdown-container {
    position: absolute;
    right: 20px;
    top: 10px;
}

.followe-list-body .card .list-group .vcard {
    width: 49%;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    position: relative;
}

.followe-list-body .card .card-body {
    padding: 0;
}

.dropdown-new .dropdown-toggle-new.dropdown-icn:hover {
    box-shadow: none;
    color: var(--secondary);
}

.user-hover-box {
    position: absolute;
    background-color: #fff;
    left: 13px;
    right: 0;
    z-index: 99;
    padding: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    max-width: 50%;
    top: 90%;
    display: none;
}

.hover_flex-box {
    display: flex;
    flex-direction: row;
}

.hover_flex-box .hover-left-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.hover_flex-box .hover-left-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hover_flex-box .hover-right-box {
    width: calc(100% - 75px);
}

.hover-right-box #item-meta .profile-header-meta-date {
    font-size: 12px;
    margin-bottom: 0;
}

.hover-right-box .name {
    font-size: 16px;
    margin-bottom: 2px;
    color: var(--black);
    font-weight: 400;
}

.hover-right-box .user-facts a {
    font-size: 13px;
}

.footer-hover-box .profile_main-btn-designs {
    display: flex;
    justify-content: space-between;
}

.card .list-group .vcard .user-hover-box.active {
    display: block;
}

.items-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.folowing-list {
    position: relative;
}

.search-box-wrap input {
    height: 41.58px;
    padding-left: 40px;
    transition: all 0.5s ease-in-out;
    min-width: 220px;
}

.search-box-wrap .search-icn {
    position: absolute;
    left: 14px;
    top: 6px;
}

.auto-complete-dropdown {
    position: absolute;
    left: 0;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    padding: 15px;
    margin-top: 3px;
    transition: all 0.5s ease-in-out;
    width: 300px;
    border-radius: 6px;
    box-shadow: 0 0 33px -27px grey;
    display: none;
}

.auto-complete-cntnt ul li a {
    font-size: 14px;
}

.auto-complete-cntnt ul {
    margin: 0;
    display: block;
}

.auto-complete-cntnt ul li:hover {
    background-color: #f4f4f4;
}

.auto-complete-cntnt ul li {
    display: flex !important;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 5px 10px;
    border-radius: 50px;
    cursor: pointer;
}

.auto-complete-cntnt ul li a img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
    object-fit: cover;
}

.auto-complete-cntnt ul li:last-child {
    margin-bottom: 0;
}

.auto-complete-cntnt ul li .close svg {
    width: 12px;
    height: 12px;
    fill: #7a7676;
}

.auto-complete-cntnt ul li .close {
    cursor: pointer;
}

.auto-complete-hdr h4 {
    font-size: 16px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 -15px 15px -15px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
}

.auto-complete-cntnt ul li a {
    font-size: 14px;
    display: block !important;
    width: calc(100% - 30px);
    padding-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.auto-complete-dropdown.active {
    display: block;
    height: 100vh;
}

.nav-menu-desktop .menu li.search-box-wrap.active-li .search-icn {
    display: none;
}

.nav-menu-desktop .menu li.search-box-wrap.active-li input {
    padding-left: 15px;
}

#chat-sidebar {
    position: fixed;
    right: 0;
    top: 66px;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    border: 1px solid #eee;
    padding: 10px 20px 20px 20px;
    width: 300px;
    transition: all 0.5s ease-in-out;
    transform: translate(100%);
}

body .transparent-btn-icon {
    background: 0 0;
    padding: 0;
    line-height: normal;
}

.chat-close-btn {
    text-align: right;
}

.chat-hdr {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px;
}

.chat-hdr .cht-hdr-icons-bloxk {
    display: flex;
    align-items: center;
    flex-direction: row;
}

body .circle-icon-design {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

body .circle-icon-design:hover {
    background-color: #f8f8f8 !important;
    box-shadow: none !important;
    color: initial !important;
}
.chat-search-block {
    position: relative;
}

.chat-search-block input,
.search-sub-design input {
    background-color: var(--light-bg);
    position: relative;
    transition: all 0.5s ease-in-out;
    display: block;
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 17px;
    font-size: 14px;
    border: none;
    width: 100%;
    padding: 10px 40px 10px 15px;
    border-radius: 6px;
    background-image: url("../img/search.svg");
    color: #000;
    font-weight: 400;
}

input:focus {
    outline: 0;
}

.search-input_block>svg {
    position: absolute;
    top: 17px;
    left: 14px;
}

body .chat-search-block .search-input_block .back-btn {
    background: 0 0;
    line-height: normal;
    width: 35px !important;
    padding: 0 !important;
    height: 35px !important;
    border-radius: 50%;
    position: absolute;
    display: none;
    top: 4px;
    left: -45px;
    min-width: 35px;
    transition: all 0.5s ease-in-out;
    min-height: auto !important;
}

.chat-search-block.active-li .search-focus-input {
    width: 100%;
    max-width: 80%;
    margin-left: auto;
    margin-right: initial;
    transition: all 0.5s ease-in-out;
}

.search-input_block {
    position: relative;
    transition: all 0.5s ease-in-out;
}

.search-input_block.active-li {
    width: 100%;
    max-width: 85%;
    margin-left: auto;
}

.search-input_block.active-li .back-btn.circle-icon-design.transparent-btn-icon {
    display: block !important;
}

.nav-menu-desktop.style-plain .nav-menu>li.chat-search-block {
    margin-right: 10px;
}

body .chat-search-block .search-input_block .back-btn:hover {
    background-color: #f8f8f8;
    box-shadow: none !important;
    color: initial !important;
}

.chart-users-list>.list-unstyled {
    list-style: none;
    margin-left: 0;
}

.chart-users-list>.list-unstyled>li .user-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
}

.chart-users-list>.list-unstyled>li .user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chart-users-list>.list-unstyled>li .chat-user-content-span {
    padding-left: 15px;
    width: calc(100% - 30px);
}

.chat-user-content-span .chat-user-name {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 400;
    color: #000;
}

.chat-user-content-span .msg-info {
    font-size: 13px;
    margin-bottom: 0;
}

.chart-users-list>.list-unstyled>li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 25px;
    position: relative;
    margin-bottom: 10px;
}

.chat-user-content-span .dropdown {
    position: absolute;
    right: -25px;
    top: 4px;
    transition: all 0.5s ease-in-out;
    display: none;
    z-index: 999;
}

.chart-users-list .dropdown .circle-icon-design svg {
    width: 15px;
    height: 15px;
    color: #908d8d;
}

.chart-users-list .dropdown .circle-icon-design::after {
    display: none !important;
}

.chart-users-list {
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 70vh;
}

.chart-users-list .list-unstyled li:hover .dropdown {
    display: block;
    cursor: pointer;
}

#chat-sidebar .auto-complete-dropdown {
    z-index: 9999;
    border: none;
    box-shadow: none;
    width: 100%;
}

#chat-sidebar .auto-complete-dropdown .auto-complete-hdr h4 {
    padding-left: 0;
    padding-right: 0;
}

#chat-sidebar .chat-hdr .cht-hdr-icons-bloxk button {
    background-color: #fff;
    margin: 0 3px;
}

#chat-sidebar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background-color: #1c1c59;
    z-index: -1;
}

.chat-hdr h5 {
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
}

#chat-sidebar .chat-search-block {
    padding-top: 15px;
}

body .circle-icon-design::after {
    display: none !important;
}

body .dropdown .circle-icon-design svg {
    width: 15px;
    height: 15px;
    color: #000;
    opacity: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body .dropdown-menu {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

body .dropdown-menu li .dropdown-item {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

body .dropdown-menu li .dropdown-item svg {
    margin-right: 5px;
}

.chat-box-modal {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    border: 1px solid #eee;
    padding: 0 0 10px 0;
    width: 400px;
    transition: all 0.5s ease-in-out;
    transform: translateY(100%);
    max-width: 100%;
}

.user-chat-img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.user-chat-img {
    display: flex;
    align-items: center;
}

.user-chat-img .name-chat-user {
    font-size: 13px;
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
}

.user-chat-img .name-chat-user .active {
    display: block;
    color: green;
}

.user-chat-img .name-chat-user .recently-active {
    display: block;
    color: grey;
}

.chat-box-modal .chat-hdr {
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e7e7;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    padding-top: 10px;
    background-color: #1c1c59;
}

.chat-box-modal-wrap .chat-hdr .cht-hdr-icons-bloxk button {
    background-color: #fff;
    margin: 0 3px;
}

.chat-box-modal .chat-box-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #eae7e7;
}

.chat-box-ftr-icns {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90px;
}

.chat-box-ftr-icns button {
    background: 0 0;
    border: none !important;
    position: relative;
}

.chat-box-ftr-icns button input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

.chat-box-ftr-icns button svg {
    width: 13px;
    height: 13px;
    fill: grey;
}

.input-chat-box textarea {
    background-color: #f6f6f6;
    height: auto;
    padding: 6px 15px;
    font-size: 14px;
    border: none;
    width: 100%;
    border-radius: 5px;
}

.input-chat-box {
    position: relative;
    padding-left: 10px;
    width: calc(100% - 90px);
}

.input-chat-box .send-btn {
    position: absolute;
    right: 7px;
    top: 4px;
    z-index: 100;
}

.input-chat-box .send-btn svg {
    color: #000;
    width: 13px;
    height: 13px;
}

.input-chat-box .send-btn {
    background-color: #fff !important;
}

.chat-box-inner-content {
    height: 350px;
    overflow: auto;
    padding: 5px 15px 60px 15px;
}

.chat-box-inner p {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    word-wrap: break-word;
}

.chat-box-inner {
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 8px;
    width: 100%;
    max-width: 80%;
    margin-bottom: 10px;
    position: relative;
}

.chat-box-inner.reciever .reciever-img {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: -10px;
    top: 0;
}

.chat-box-inner.sended {
    margin-left: auto;
    padding-right: 40px !important;
}

.chat-box-inner.reciever {
    padding-left: 25px;
}

.chat-time p {
    text-align: center;
    font-size: 13px;
    margin-bottom: 0;
    padding: 10px 0;
}

.doc-msg a {
    display: block;
    font-size: 13px;
}

.doc-msg a svg {
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.pdf-msg a svg {
    color: red;
}

.excel-msg a svg {
    color: green;
}

.document-msg a svg {
    color: #0081ff;
}

.document-msg a:hover {
    color: #0081ff;
}

.excel-msg a:hover {
    color: green;
}

.pdf-msg a:hover {
    color: red;
}

.chat-box-inner.img-msg,
.chat-box-inner.video-msg {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 5px;
}

a[data-fancybox="gallery"],
a[data-fancybox="video-gallery"] {
    cursor: pointer;
}

.chat-box-inner.img-msg a:nth-child(n + 5),
.chat-box-inner.video-msg a:nth-child(n + 5) {
    display: none;
}

.chat-box-inner.img-msg a:nth-child(4):before {
    content: "Show all photos";
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 700;
    bottom: 0;
    text-align: center;
    padding: 10px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: normal;
}

.chat-box-inner.video-msg a:nth-child(4):before {
    content: "Show all Videos";
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 700;
    bottom: 0;
    text-align: center;
    padding: 10px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: normal;
}

.chat-box-inner.img-msg a,
.chat-box-inner.video-msg a {
    position: relative;
}

.chat-box-inner.img-msg a:nth-child(3):last-child {
    grid-column-end: 3;
    grid-column-start: 1;
}

.chat-box-inner.video-msg a:nth-child(3):last-child {
    grid-column-end: 3;
    grid-column-start: 1;
}

.chat-box-inner.video-msg .video-link video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#chat-sidebar.active {
    transform: initial !important;
}

.chat-box-modal.active {
    transform: initial !important;
    bottom: 0;
}

.auto-complete-dropdown {
    max-height: 400px;
    overflow: auto;
}

.no-data p {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 15px;
}

.no-data p svg {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.back-chat-btn.transparent-btn-icon.circle-icon-design {
    display: none;
}

.chat-box-footer.active .chat-box-ftr-icns button {
    display: none;
}

.chat-box-footer.active .chat-box-ftr-icns .back-chat-btn {
    display: block !important;
}

.chat-box-footer.active .chat-box-ftr-icns {
    width: 35px;
}

.chat-box-footer.active .input-chat-box {
    width: calc(100% - 35px);
}

#admin-back-flating-btn a {
    background-color: var(--secondary);
    display: flex;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    height: 40px;
    align-items: center;
}

#admin-back-flating-btn {
    position: fixed;
    top: 84px;
    right: 0;
    transition: all 0.5s ease-in-out;
}

#admin-back-flating-btn a span {
    transition: all 0.5s ease-in-out;
    display: none;
}

#admin-back-flating-btn a:hover span {
    display: inline-block;
}

#admin-back-flating-btn a:hover i {
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.states_map-sec svg {
    width: 100%;
    height: auto !important;
}

.states_map-sec {
    text-align: center;
}

.nav-menu-desktop.style-plain .nav-menu>li.chat-search-block input {
    height: 41.58px;
}

#help-div-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 55px;
    height: 55px;
    z-index: 99;
}

#help-div-button a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-linear-bg);
    border-radius: 50%;
    color: #fff;
    flex-direction: column;
    font-size: 14px;
}

#help-div-button a:hover {
    box-shadow: 0 0 0 7px rgba(142, 21, 17, 0.2);
}

.hide-loader i,
.hide-loader svg {
    display: none !important;
}

.footer-copyright-area p {
    text-align: center;
    margin: 0;
    font-size: 14px;
    color: var(--primary);
    font-weight: 300;
}

.footer-copyright-area p strong {
    font-weight: 600;
}

.footer-copyright-area {
    padding: 30px 0;
    position: relative;
    z-index: 0;
}

.footer-copyright-area::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-size: contain;
    height: 60px;
    background-repeat: no-repeat;
}

.footer-copyright-area::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    background-size: contain;
    height: 50px;
    background-repeat: no-repeat;
    background-position: right;
}

.nav-menu-desktop.style-plain .nav-menu>li.chat-search-block .back-btn {
    top: 5px;
}

.home-banner-sec {
    padding-top: 40px;
    padding-bottom: 40px;
}

body .banner-video-div .btn:hover {
    box-shadow: none;
}

.banner-img-block.active #video-tag {
    filter: brightness(0.7);
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.custom-tooltip ul li a {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 6px;
}

#nav-bar-filter li a {
    border-bottom: 2px solid transparent;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
    color: var(--black);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 300;
}

#nav-bar-filter li.current a,
#nav-bar-filter li.selected a,
#nav-bar-filter li:hover a {
    color: var(--secondary) !important;
    border-bottom: 2px solid var(--secondary);
}

.password-field {
    position: relative;
}

.password-field .pwd-toggle-btn {
    position: absolute;
    right: 0;
}

body .hide-pwd {
    display: none;
}

.password-field .pwd-toggle-btn {
    position: absolute;
    right: 6px;
    top: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .multiselect {
    min-height: auto !important;
}

.password-field.active .showed-pwd {
    display: none;
}

.password-field.active .hide-pwd {
    display: block;
}

.password-field label~.pwd-toggle-btn {
    top: 33px;
}

.password-field label~.pwd-toggle-btn i {
    font-size: 14px;
}

.tooltip-box h4 {
    position: relative;
}

.tooltip-box h4:hover .custom-tooltip {
    display: block;
    cursor: pointer;
}

.tooltip-box .custom-tooltip {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 450px;
    left: 0;
    right: 0;
}

.custom-tooltip.new-tool ul li a {
    color: #fff !important;
}

.video-container {
    width: 100%;
    border-radius: 8px;
    margin: 0 auto;
    position: relative;
}

.video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-container video {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    filter: brightness(0.5);
    border: 1px dashed rgba(255, 255, 255, 0.6);
}

.play-button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}

.play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}

.play-button-wrapper span {
    width: 60px;
    height: 60px;
    display: flex;
    background-color: var(--secondary);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
}

.play-button-wrapper span i {
    font-size: 24px;
    position: relative;
    left: 2px;
}

.play-button-wrapper #circle-play-b h2 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 700;
}

.play-button-wrapper span.pause {
    display: none;
}

.video-wrapper.active #video {
    filter: initial;
}

.video-wrapper.active .play-button-wrapper h2 {
    display: none;
}

.video-wrapper.active .play-button-wrapper .pause {
    display: inline-flex;
}

.video-wrapper.active .play-button-wrapper .play {
    display: none;
}

.video-container:not(.active) .video-container__controls {
    display: none;
}

.video-container__controls:not(.visible)+.control.control--play:not(.paused) {
    visibility: hidden;
}

.chat-box-form {
    margin-bottom: 0 !important;
}

.user-img.is-online:before {
    content: "";
    position: absolute;
    background: #47ff00;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    bottom: 0;
    z-index: 22;
    right: 0;
}

.unread-msg-count {
    position: absolute;
    right: 0;
    content: "100";
    font-size: 11px;
    font-weight: 700;
    top: 0;
    background-color: #d2131a;
    border-radius: 50%;
    color: #fff;
    padding: 0px 5px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-search-block .text-span-no-data {
    padding: 0;
    font-size: 14px;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

@media (min-width: 1200px) {
    .hide-lg-block {
        display: none !important;
    }
    .post-block-div .actions-wraps .post-actions_btns {
    width: 198.67px;
    justify-content: center;
    text-align: left;
    line-height: 20px;
}
    .bo-wrap-with-sidebar {
        display: flex;
    }

    .help-section-wrap .bo-wrap-with-sidebar .box-left-side-block {
        width: 25%;
    }

    .help-section-wrap .bo-wrap-with-sidebar .box-right-side-block {
        width: 72%;
    }
}

@media (max-width: 1199px) {
    #google_translate_element {
        min-width: initial !important;
        position: relative;
    }

    .cart-vendor-block-sec .auto-complete-dropdown,
    body .cendor-account-block .auto-complete-dropdown {
        right: 0;
        left: 0;
        position: fixed;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        top: 66px;
    }

    body .cendor-account-block .auto-complete-dropdown .auto-complete-dropdown-flex {
        flex-wrap: wrap;
    }

    .footer-wrapper .footer-flex {
        flex-wrap: wrap;
    }

    .footer-wrapper .footer-flex .footer-item {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-flex .foote-links {
        justify-content: center;
        flex-wrap: wrap;
    }

    .main-footer .footer-second-item .social-links {
        justify-content: center;
    }
    #google_translate_element i {
        display: block !important;
        position: absolute;
        left: 10px;
        top: 6px;
    }

    #nav-toggle-btn {
        background: 0 0;
        padding: 0;
        margin-left: 15px;
        border: none;
    }

    #nav-toggle-btn:focus,
    #nav-toggle-btn:hover {
        box-shadow: none !important;
        color: #333 !important;
    }

    .tophive-container nav.site-navigation-main-desktop #site-navigation-main-desktop-primary-menu {
        display: block !important;
    }

    .tophive-container nav.site-navigation-main-desktop #site-navigation-main-desktop-primary-menu li {
        width: 100%;
    }

    .tophive-container nav.site-navigation-main-desktop #site-navigation-main-desktop-primary-menu li.chat-search-block {
        z-index: 99;
    }

    .tophive-container nav.site-navigation-main-desktop #site-navigation-main-desktop-primary-menu li.chat-search-block {
        z-index: 99;
        margin-bottom: 15px;
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 30px;
    }

    header#masthead .tophive-grid.cb-row--desktop.tophive-grid-middle {
        width: 100%;
        display: block !important;
        min-height: auto !important;
    }

    header#masthead .tophive-grid.cb-row--desktop.tophive-grid-middle .builder-item--logo {
        margin: 0 !important;
    }

    .site-header .site-branding img {
        max-width: 150px !important;
    }
    body .home-banner-sec {
        padding-top: 30px;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    div#masthead-inner .header--row-inner.header-main-inner {
        padding: 0 !important;
    }

    #google_translate_element .goog-te-gadget select {
        font-size: 0px;
        width: 35px;
        height: 35px;
        background-image: none;
        padding: 10px;
        border-radius: 50%;
    }

    body #google_translate_element::before {
        left: 11px;
        top: 11px;
    }

    body .cstm-checkbox-wrap .remembr-btn-span {
        position: relative;
        top: 3px;
    }

    div#masthead-inner .header--row-inner.header-main-inner .tophive-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .is-logged-in .header-left-cntnt .header-search {
        padding-left: 10px;
        width: calc(100% - 40px);
    }

    body .builder-item--signin_signup .user-account-segment .user-loggedin img.avatar {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    body .header-wrap-item .header-right-cntnt {
        padding-left: 10px;
    }

    body .header-wrap-item .header-right-cntnt .builder-item--user_notification {
        padding: 0 5px;
    }

    .process-cntnt-block {
        text-align: center;
        margin-top: 20px;
    }

    body .img-cntnt-process-view {
        padding: 15px;
    }

    .founders-quotes-row .founder-box-wrap {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    body .founders-quotes-row .founder-box-wrap .founder-cntnt-block {
        width: 100%;
        padding-left: 0;
    }

    .founders-quotes-row .founder-box-wrap .founder-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto 30px auto;
    }

    body .penz-zoom-wrap-main.active .Cusnties-heading {
        left: 15px !important;
        top: 15px !important;
    }

    .followe-list-body .card .list-group .vcard {
        width: 100%;
    }

    #buddypress .profile .bp-widget h3,
    #item-body .block-sub-heading {
        margin: 20px 0 !important;
    }

    body .heading_options-title {
        margin-bottom: 15px;
        flex-wrap: wrap;
        position: relative;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    body .heading_options-title .dropdown-container {
        position: absolute;
        top: 0;
        right: 0;
    }

    body .heading_options-title h2 {
        font-size: 14px;
        position: relative;
        padding-left: 50px;
    }

    body .heading_options-title h2 img {
        position: absolute;
        left: 0;
        top: -12px;
    }

    .info-blocks-wrapper-flex>.info-blocks-wrapper-items {
        width: 100%;
    }

    body .info-blocks-wrapper-flex>.info-blocks-wrapper-items p {
        font-size: 13px;
    }

    .message-btn .msg__btn.circle-icon-design.transparent-btn-icon i {
        color: #fff;
    }

    .main-footer {
        padding-left: 0;
        padding-right: 0;
    }

    .play-button-wrapper #circle-play-b h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .play-button-wrapper span {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }

    body .side-bar-borders {
        padding: 15px;
    }

    body header#masthead.is-not-logged-in #masthead-inner .row-v2 .col-v2.col-v2-right {
        width: 100% !important;
        display: flex !important;
        margin-right: 0 !important;
    }

    body header#masthead.is-not-logged-in #masthead-inner .row-v2 .col-v2.col-v2-right .builder-item--social_search_box:empty {
        display: none;
    }

    #btn-icon-on-mobile a.button i {
        color: #333;
        font-size: 16px;
        display: block !important;
    }

    #btn-icon-on-mobile a.button {
        background: 0 0;
        font-size: 0px;
    }

    header#masthead .tophive-grid.cb-row--desktop.tophive-grid-middle .row-v2.row-v2-main.no-center>div {
        display: block !important;
        width: auto !important;
        flex: initial !important;
        -webkit-box-flex: initial !important;
        margin-right: 10px !important;
        margin-left: 0 !important;
    }

    header#masthead .tophive-grid.cb-row--desktop.tophive-grid-middle .row-v2 {
        justify-content: flex-end;
    }

    header#masthead .tophive-grid.cb-row--desktop.tophive-grid-middle .row-v2.row-v2-main.no-center>div:first-child {
        position: absolute;
        left: 15px;
    }

    .process-cntnt-block p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .process-img-block {
        margin-bottom: 10px;
    }

    .heading-paragraph-design h2 {
        font-size: 24px;
    }

    .heading-paragraph-design p {
        font-size: 16px;
    }

    .banner-video-div {
        top: 36%;
    }
}

@media (min-width: 1025px) {
    .video-wrapper.active:not(:hover) .play-button-wrapper {
        animation: fadeOut 0.5s 1;
        -webkit-animation: fadeOut 0.5s 1;
        animation-fill-mode: forwards;
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
    }
}

@media (max-width: 1024px) {
    .video-wrapper.active .play-button-wrapper {
        animation: fadeOut 0.5s 1;
        -webkit-animation: fadeOut 0.5s 1;
        animation-fill-mode: forwards;
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
    }

    .video-wrapper:not(.active) .play-button-wrapper {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.no-data-block {
    border: 1px dashed #ebe8e8;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 15px 0;
}

.no-data-block img {
    max-width: 100px;
    width: auto;
    margin-bottom: 20px;
}

.no-data-block p {
    margin-bottom: 0;
    font-size: 15px;
}

.cstm-checkbox-wrap {
    max-width: fit-content;
    z-index: 0;
}

.multiselect__content-wrapper {
    z-index: 999 !important;
}

body #app .btn-circle-icn {
    width: 35px;
    display: inline-flex !important;
    height: 35px !important;
    border-radius: 50%;
    background-color: #f8f8f8;
    align-items: center;
    justify-content: center;
    color: #333;
    margin-left: 5px;
    border: none;
}

.transparent-btn-icon {
    border: none;
    background: 0 0;
}

.dropdown-toggle::after {
    display: none !important;
}

body #app .btn-circle-icn.transparent-btn-icon:hover {
    background: #b32f34;
    box-shadow: none !important;
    color: #fff;
}

.img-box {
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
}

.img-container {
    display: flex;
    gap: 11px;
    float: left;
}

.img-box .cross-icon {
    position: absolute;
    right: 0;
    background-color: #000;
    font-size: 13px;
    color: #fff;
    padding: 1px 2px;
}

#chat-msg-box {
    min-height: 0 !important;
    padding-right: 7%;
}

.chat-media-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-container-wrapper {
    position: absolute;
    top: -63px;
    width: 387px;
    overflow: auto;
}

body .chat-box-form .circle-icon-design:hover {
    background-color: var(--secondary) !important;
}

body .chat-box-form .circle-icon-design:hover i {
    color: #fff;
}

body .circle-icon-design i {
    color: #333;
}

body .circle-icon-design.transparent-btn-icon.show {
    background-color: #f6f6f6;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.heading-paragraph-design p:last-child {
    margin-bottom: 0;
}

.about-cntntn-sec img {
    width: 100%;
    border-radius: 8px;
}

.about-cntntn-sec {
    position: relative;
}

.about-cntntn-sec .avbout-inner-list {
    position: absolute;
    top: 0;
    background-color: #fff;
    padding: 20px;
    outline: 1px solid #fff;
    outline-offset: 14px;
    right: 0;
}

.about-cntntn-sec .avbout-inner-list ul {
    list-style: none;
    margin: 0;
}

.about-cntntn-sec .avbout-inner-list ul li {
    font-size: 17px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 5px;
    color: #333;
}

.about-cntntn-sec .avbout-inner-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 15px;
    height: 8px;
    border-top: 2px solid #1c1c59;
    border-right: 2px solid #1c1c59;
    transform: rotate(139deg);
}

.inner-banner-bg-content-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    padding: 60px 30px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.inner-banner-bg-content-img::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 28, 89, 0.9);
    z-index: -1;
}

.heading-paragraph-design.white h2 {
    color: #fff;
}

.heading-paragraph-design.white p {
    color: #fff;
}

.inner-banner-bg-content-img .heading-paragraph-design {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.white-btn-design {
    display: inline-block;
    padding: 10px 25px;
    background-color: #fff;
    font-size: 16px;
    border-radius: 6px;
    font-weight: 500;
}

.quotes-wrap-sec .heading-paragraph-design {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.quotes-wrap-sec .heading-paragraph-design strong {
    display: block;
}

.founders-quotes-row {
    margin-top: 50px;
}

.founders-quotes-row .founder-box-wrap {
    background-color: #fff;
    padding: 30px;
    box-shadow: 1px 1px 33px -25px grey;
    display: flex;
    flex-direction: row;
}

.founder-img {
    width: 35%;
    max-width: 300px;
    height: 300px;
    margin: 0 auto 30px auto;
}

.founder-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.founders-quotes-row .founder-box-wrap .founders-name {
    font-size: 20px;
}

.founders-quotes-row .founder-box-wrap .position {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.founders-quotes-row .founder-box-wrap p {
    font-size: 16px;
}

.founders-quotes-row .founder-box-wrap .founder-cntnt-block {
    width: 65%;
    padding-left: 25px;
}

.faqs-wrap-sec {
    background-color: #f6f6f6;
}

.faqs-wrap-sec .heading-paragraph-design {
    margin-bottom: 45px;
}

.faqs-wrap-sec #accordion {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.faqs-wrap-sec #accordion .card {
    width: 50%;
    padding: 0 15px;
    border: none;
    background: 0 0;
    margin-bottom: 25px;
}

.faqs-wrap-sec #accordion .card .card-header {
    background-color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0;
}

.faqs-wrap-sec #accordion .card .card-header .btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 25px;
    position: relative;
}

.faqs-wrap-sec #accordion .card .card-header .btn::after {
    content: "+";
    position: absolute;
    right: 25px;
    top: 8px;
    font-size: 24px;
    color: #1c1c59;
}

.faqs-wrap-sec #accordion .card.active .card-header .btn::after {
    content: "-";
}

.faqs-wrap-sec #accordion .card .card-header .btn:hover {
    box-shadow: 1px 2px 33px -20px grey;
}

.faqs-wrap-sec #accordion .card:not(.active) .collapse.show {
    display: none;
    height: 0;
}

.custom-tooltip ul li {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
}

.chat-box-inner.sended .dropdown.three-dots {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    z-index: 99;
    right: 5px;
    top: 5px;
}

.tooltip-box h5:hover .custom-tooltip,
.tooltip-box h6:hover .custom-tooltip {
    display: block;
}

.th-bp-footer-meta-actions {
    align-items: center;
}

.multiselect__content-wrapper ul li {
    font-size: 14px;
}

.multiselect__content-wrapper ul li span {
    font-size: 14px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.multiselect__content {
    width: 100% !important;
}

.multiselect__content>li {
    margin: 0 !important;
    padding: 0 !important;
}

#buddypress .multiselect {
    min-height: initial;
}

.s-pic {
    text-align: center;
}

.activity-inner img {
    width: 90%;
    margin-top: 20px;
}

body .multiselect__select:before {
    top: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
       background-repeat: no-repeat;
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    background-size: 10px;
    background-position: center;
    position: absolute;
    filter: grayscale(1);
}

.add-profile-sec {
    color: var(--primary);
    cursor: pointer;
    font-size: 15px;
}

.add-profile-sec:hover,
.add-profile-sec:hover i {
    color: var(--primary) !important;
}

.remove-profile-sec {
    color: var(--secondary);
    cursor: pointer;
    font-size: 15px;
}

.remove-profile-sec:hover,
.remove-profile-sec:hover i {
    color: #8b0000 !important;
}

.add-mor-icons span+span {
    margin-left: 10px;
}

.selecting-selctions-rows .cstm-checkbox-wrap {
    margin-bottom: 10px;
}

.profile-img-uploader:hover i {
    color: #fff;
}

.video-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    overflow: hidden;
    border: 1px dashed rgba(255, 255, 255, 0.4);
}

.landing-banner-sec .video-wrapper {
    margin-top: 36px;
}

body .activity-inner h4.title-label {
    margin-top: 0 !important;
    font-size: 16px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 20px !important;
}

.penz-zoom-wrap {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.penz-zoom-wrap-main {
    position: relative;
    padding-top: 60px;
}

.penz-zoom-wrap-main .buttons.penzoom-controls {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eee;
    z-index: 9;
}

.penz-zoom-wrap-main .buttons.penzoom-controls button {
    background: 0 0;
    border: none;
    padding: 5px 20px;
    min-height: initial;
    line-height: normal;
}

.penz-zoom-wrap-main .buttons.penzoom-controls button:hover {
    background: var(--secondary);
    box-shadow: none;
}

.penz-zoom-wrap-main .Cusnties-heading {
    position: absolute;
    top: 17px;
    margin-bottom: 0;
    left: 15px;
    color: var(--black);
    font-size: 19px;
    font-weight: 600;
}

.penz-zoom-wrap-main #tooltip {
    position: absolute;
    top: 6px !important;
    left: 0 !important;
    right: 0;
    width: 100%;
    max-width: 200px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 5px;
    text-align: center;
    border-radius: 50px;
    font-size: 14px;
    color: #000;
    border: 1px solid #eee;
}

.penz-zoom-wrap-main #tooltip i {
    margin-right: 4px;
}

.states_map-sec a:hover text tspan {
    color: #dc3545;
    fill: #dc3545;
}

.states_map-sec a:hover text.outline-on-path tspan {
    color: #fff;
    fill: #fff;
}

.penz-zoom-wrap-main.active .expand {
    display: none;
}

.penz-zoom-wrap-main:not(.active) .close-full-screen {
    display: none;
}

.penz-zoom-wrap-main .expand {
    position: absolute;
    right: 0;
    z-index: 99;
    background: 0 0;
    border: none;
}

.penz-zoom-wrap-main .expand i {
    color: var(--light-black);
}

.penz-zoom-wrap-main.active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #fff;
    z-index: 9999999;
    padding: 80px 30px 30px 30px;
}

.penz-zoom-wrap-main.active .buttons.penzoom-controls {
    top: 15px;
    right: 65px;
}

.penz-zoom-wrap-main .close-full-screen {
    position: absolute;
    right: 15px;
    top: 15px;
    background: var(--primary);
    border: none;
    width: 40px;
    height: 54px;
    border-radius: 4px;
}

.penz-zoom-wrap-main .close-full-screen:hover {
    background: var(--secondary);
}

.penz-zoom-wrap-main .close-full-screen i {
    color: #fff;
}

.penz-zoom-wrap-main.active .penz-zoom-wrap {
    max-width: 100%;
}

.hide {
    display: none !important;
}

.job-booking-box-wrap {
    background-color: #fff;
    padding: 15px 0;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 0 33px -33px #000;
    overflow: hidden;
}

.booking-accordian_item.img-layout img {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 30px;
    object-fit: cover;
}

.booking-accordian_item.img-layout {
    display: flex;
    flex-direction: row;
    align-items: center;
}

button.btn.btn-primary.red-btn {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.booking-accordian_item {
    padding: 0 10px;
    width: 25%;
}

.booking-accordian_item.booking-accordian_item-1 {
    width: 50%;
}

.cstm-accordians-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

.job-booking-box-item-main>.booking-accordian_btn>.booking-accordians-flex>.booking-accordian_item.img-layout img {
    width: 70px;
    height: 70px;
}

.job-booking-box-item-main>.booking-accordian_btn>.booking-accordians-flex>.dropdown_item-block {
    top: 37px;
}

.booking-accordian_btn:not(.active)::before {
    display: none;
}

.booking-accordians-flex .dropdown_item-block:hover {
    background: #1c1c59;
    border-color: #1c1c59;
}

.booking-accordians-flex .dropdown_item-block:hover i {
    color: #fff;
}

.booking-accordian_item h4 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
}

.booking-accordian_item h4 .block {
    font-size: 14px;
    display: block;
    margin-top: 10px;
    color: grey;
    font-weight: 400;
}

.booking-accordian_item h4 .block span:last-child {
    position: relative;
    padding-left: 24px;
}

.job-booking-box-sub-item h4 {
    font-size: 14px;
}

.job-booking-box-sub-item li.booking-accordian_btn.available>.booking-accordians-flex::after {
    content: "";
    position: absolute;
    bottom: 26px;
    width: 100%;
    height: 1px;
    border: 1px dashed #cecdcd;
    left: -100%;
}

.job-booking-box-item-main>.booking-accordian_btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 82px;
    bottom: 0;
    width: 35px;
    height: auto;
    z-index: 0;
    background-color: #fff;
}

.job-booking-box-sub-item li.booking-accordian_btn:not(.available) .booking-accordians-flex .dropdown_item-block {
    pointer-events: none;
    opacity: 0.2;
}

.refrell-main-sec {
    width: 100%;
}

.booking-accordian_item.booking-accordian_sub_item-3 span {
    display: inline-block;
    padding-left: 3px;
}

.refrell-main-person-hdr {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    margin-bottom: 30px;
}

.rfp-item-hdr img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 0 12px -5px grey;
    background-color: #fff;
}

.refrell-main-person-hdr-flex .rfp-item-hdr {
    padding: 0 10px;
}

.refrell-main-person-hdr-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.refrell-main-person-hdr-flex .rfp-item-hdr h4 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 400;
    color: var(--black);
}

.refrell-main-person-hdr-flex .rfp-item-hdr h4 .valUe {
    font-size: 14px;
    display: block;
    margin-top: 10px;
    color: var(--light-black);
    font-weight: 400;
}

.flex_items-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.affilate-text-wrap li {
    margin-bottom: 6px;
}

.flex_items-wrap .flex_items-left {
    width: 50%;
    padding-right: 35px;
}

.flex_items-wrap .video-overliew_list {
    width: 50%;
}

.flex_items-wrap .video-overliew_list video {
    width: 100%;
    height: auto;
}

.filters-tab-list .nav-item {
    position: relative;
}

.filters-tab-list .nav-item .filters-sub-menu {
    position: absolute;
    margin: 0;
    background: #fff;
    border: 1px solid #e7e7e7;
    display: none;
    transition: all 0.5s ease-in-out;
    width: 300px;
    left: 5px;
    padding: 15px 0;
    list-style: none;
    z-index: 99;
    max-height: 400px;
    overflow: auto;
    border-radius: 7px;
}
.filters-tab-list .nav-item .filters-sub-menu li a img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 11px;
    min-width: 30px;
}

.filters-tab-list .nav-item .filters-sub-menu li a .srvice-name {
    font-size: 14px;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--black);
}

.filters-tab-list .nav-item .filters-sub-menu li a .srvice-name small {
    display: block;
    font-weight: 300;
}

.filters-tab-list .nav-item .filters-sub-menu li a {
    border: none;
    margin: 0 0 5px 0;
    padding: 2px 15px;
    text-align: left;
    display: flex;
    flex-direction: revert;
    align-items: center;
}

.filters-tab-list .nav-item:hover .filters-sub-menu {
    display: block;
}

#masthead .nav-link {
    color: #666666;
    font-size: 12px;
    font-weight: 500;
}

.header-wrap-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.header-logo .logo-link {
    display: block;
}

.header-logo .logo-link .site-img-logo {
    width: auto;
    max-width: 250px;
}

.before-login-list {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.header-wrap-item .header-right-cntnt {
    padding-left: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.is-logged-in .header-left-cntnt {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.is-logged-in .header-left-cntnt .header-search {
    list-style: none;
    margin: 0;
    padding-left: 20px;
}

.is-logged-in .header-left-cntnt .header-search {
    width: calc(100% - 55px);
}

.link-list-design {
    list-style: none;
    margin: 0;
    height: 100%;
}

.link-list-design .nav-item {
    padding: 5px;
    font-size: 14px;
    color: #333;
    height: 100%;
    display: flex;
    align-items: center;
}

#masthead .nav-link:hover {
    color: var(--secondary);
}

.header-wrap-item .svg-hdr-icn {
    width: 30px;
    height: 22px;
}

.header-wrap-item .header-right-cntnt .builder-item--user_notification {
    padding: 0 15px;
}

.header-wrap-item .header-right-cntnt .item--inner.builder-item--user_cart {
    padding-left: 15px;
    padding-right: 10px;
}

.header-wrap-item .svg-hdr-icn.cart {
    height: 38px;
    width: 38px;
}

.header-wrap-item .header-right-cntnt .message-btn {
    padding-left: 5px;
}

.th-bp-header-notification-container ul li.with-notifications .norification {
    padding-left: 34px;
}

.footer-wrapper .footer-flex {
    padding: 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background-color: var(--white);
}

.filters-tab-list .nav-item .filters-sub-menu li a:hover {
    background-color: var(--light-grey);
    border-radius: 0;
    color: var(--light-black);
}

.feed-design-box {
    position: relative;
}

#sidebar-left {
    width: 24%;
}

#sidebar-right {
    width: 24%;
}

main#main.feed-midlle-area {
    width: 49%;
    margin: 0 auto;
    padding: 0 0px 20px 0px;
}

.sidebar-list-design ul li.profile-li-sidebar a img {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    box-shadow: 0 0 12px -5px grey;
    min-width: 48px;
    border-radius: 50%;
}

.sidebar-list-design ul li.profile-li-sidebar .name {
    margin-bottom: 0;
    font-size: 18px;
    color: var(--primary);
    padding-left: 15px;
    font-weight: 400;
}

.sidebar-list-design.side-bar-borders {
    padding: 18px 20px;
}

.sidebar-list-design ul li {
    display: block;
    width: 100%;
    margin: 0 !important;
    transition: all 0.5s ease-in-out;
    padding: 10px 10px 10px 25px;
    max-width: 95%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.sidebar-list-design ul li.profile-li-sidebar {
    padding-left: 11px;
    background: 0 0;
}
.filters-tab-list {
  width: 100%;
  max-width: 100%;
  padding: 6px 0;  
  min-height: 61.2px;            
  position: relative;
  z-index: 99;
  transition: padding 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
#sidebar-left .sidebar-portfoilio-design {
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #d9d9d9;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
}

#sidebar-left .video-link::before {
    width: 25px;
    height: 25px;
    background-size: 8px;
}

.secondary-tranparent-no-pass-btn {
    background: 0 0;
    border: none;
    font-weight: 600;
    color: var(--secondary);
    font-size: 13px;
}

.secondary-tranparent-no-pass-btn:hover {
    color: var(--primary);
}

/* .not-found-div img {
    width: 60px;
    height: 60px;
} */

.justify-content-spacebw {
    justify-content: space-between;
}

.dropdown_design .dropdown-toggle {
    background: #fff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border-radius: 70px;
    border: none;
    padding: 7px 25px;
    font-size: 14px;
    color: var(--light-black);
    width: 163px;
    text-align: left;
    position: relative;
}

.dropdown_design .dropdown-toggle img {
    position: absolute;
    right: 20px;
    top: 12px;
}

.set-margin {
    margin-top: -26px;
}

.dropdown_design .dropdown-menu {
    border: 1px solid #e7e7e7;
    box-shadow: none;
    width: 300px;
    padding: 20px 20px;
    right: 0 !important;
    left: initial !important;
}

.btn-0 {
    background: 0 0;
    border: none;
    padding: 0;
}

body .multiselect__tags {
    border: none;
    padding: 0px;
}

.dropdown_design .dropdown-menu .multiselect__tags {
    background-color: var(--light-grey);
}

.feed-design-box #sidebar-left,
.feed-design-box #sidebar-right {
    transition: all 0.5s ease-in-out;
}

[id|="sidebar"] .pipeline-block-sec {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}

[id|="sidebar"] .bo-header-cntnt {
    padding: 0 15px;
    margin-bottom: 20px;
}

.upcoming-events-sec {
    padding-bottom: 30px;
}

[id|="sidebar"] .item-list {
    margin: 0;
}

[id|="sidebar"] .item-list .item-avatar {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    box-shadow: 0 0 12px -5px grey;
    min-width: 48px;
    border-radius: 50%;
    margin-right: 12px;
}

[id|="sidebar"] .item-list .item-avatar a {
    display: block;
}

[id|="sidebar"] .item-list .item-avatar a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[id|="sidebar"] .item-list li .item .item-title h5 {
    font-size: 14px;
    color: var(--light-black);
    font-weight: 600;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 2px;
}

[id|="sidebar"] .item-list li .item .item-meta .activity {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

[id|="sidebar"] .item-list li {
    padding: 5px 15px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    transition: all 0.5s ease-in-out;
    align-items: center;
}

[id|="sidebar"] .item-list li .item {
    width: calc(100% - 50px);
}

.circle-btn-icn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.edit-btn.circle-btn-icn,
.view-btn.circle-btn-icn {
    background-color: var(--primary);
    color: #fff;
}

.delete-btn.circle-btn-icn {
    background-color: var(--secondary);
    color: #fff;
}

.item-list li .abs-action-btns {
    position: absolute;
    right: 15px;
    display: flex;
    top: 12px;
    transition: all 0.5s ease-in-out;
    transform: translate(500%);
    z-index: 999;
}

.mr-5 {
    margin-right: 5px;
}

.mr-15 {
    margin-right: 15px;
}

[id|="sidebar"] .item-list li:hover {
    background-color: var(--light-grey);
}

[id|="sidebar"] .item-list li:hover .abs-action-btns {
    transform: initial;
}

[id|="sidebar"] .item-list li:hover .item {
    opacity: 0.2;
}

[id|="sidebar"] .item-list li:hover {
    width: 100%;
    max-width: 96%;
    margin-left: auto;
}

.delete-btn.circle-btn-icn:hover,
.edit-btn.circle-btn-icn:hover {
    background-color: var(--secondary);
}

.delete-btn.circle-btn-icn:hover {
    background-color: var(--primary);
}

.activity_header-left {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.activity_header-left .activity_hdr-cntnt {
    padding-left: 8px;
}

.activity_img a {
    display: block;
}

.img-design-1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.activity_hdr-cntnt .news-feed-name {
    color: var(--base-text-primary);
    font-size: 14px;
    font-weight: 600;
}
body .verified-span {
    margin-left: 12px;
    display: inline-flex;
    margin-bottom: 0px;
    gap: 4px;
}
.activity_hdr-cntnt .time-since {
    color: var(--light-black);
    font-size: 14px;
    font-weight: 400;
}

.ac-vi-co img {
    position: relative;
    bottom: 1px;
    margin-left: 3px;
}

.activity_hdr-cntnt .badge-title {
    color: var(--lightgrey);
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 16px;
    margin-bottom: 8px;
}

.description-block p {
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 0px;
}

.specified-text-block .title-label {
    font-size: 14px;
    color: var(--light-black);
    margin-bottom: 5px;
}

.description-block {
    margin-top: 16px;
    margin-bottom: 16px;
}

.sidebar-portfoilio-design .bo-header-cntnt {
    margin-bottom: 10px;
}

#sidebar-left .sidebar-portfoilio-design .img-gallery-magnific {
    margin: 0 -5px;
}

.activity-footer-links .sidebar-btn-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.comments_share-div {
    display: flex;
    flex-direction: row;
}

.totel_likes .foloowing img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    position: relative;
    bottom: 1px;
}

.comments_share-div img {
    margin-right: 3px;
    width: 17px;
    height: 17px;
}

.position-relative:hover .custom-tooltip {
    display: block;
}

.activity-content .th-bp-footer-meta-actions {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin: 15px 0;
    padding: 10px 0;
}

.th-bp-footer-meta-actions-left a {
    font-size: 14px;
    color: #757575;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.activity-content .th-bp-footer-meta-actions .circle_img-span img {
    width: 18px;
    height: 18px;
}

.activity-content .th-bp-footer-meta-actions .circle_img-span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
}

.th-bp-footer-meta-actions-left>div {
    margin-right: 4px;
}

.th-bp-footer-meta-actions-left a.active .circle_img-span,
.th-bp-footer-meta-actions-left a:hover .circle_img-span {
    background-color: #0f6bf6;
}

.th-bp-footer-meta-actions-left a.active .circle_img-span img,
.th-bp-footer-meta-actions-left a:hover .circle_img-span img {
    filter: brightness(0) invert(1);
}

.dropdown.dropdown_design.transparent .dropdown-toggle {
    background: 0 0;
    box-shadow: none;
    padding: 0;
    width: auto;
}

.filter-language-btn .dropdown.dropdown_design.transparent .dropdown-toggle img {
    right: initial;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
}

.filter-language-btn .dropdown.dropdown_design.transparent .dropdown-toggle {
    padding-left: 25px;
    font-weight: 500;
    color: var(--light-black);
}

.comments-meta {
    font-weight: 500;
    color: var(--light-black);
    font-size: 14px;
}

.comment-textarea-block textarea {
    background-color: var(--light-bg);
    border: none;
    border-radius: 10px;
    padding: 14px 45px 14px 65px;
    font-size: 14px;
    color: var(--lblack);
    width: 100%;
    height: 48px;
    font-weight: 400;
}

.comment-textarea-block .comments-action-btns {
    position: absolute;
    right: 10px;
    top: 9px;
}

.comment-textarea-block .comments-action-btns button {
    background: 0 0;
    border: none;
}

.activity-comments-form-block .user-img {
    position: absolute;
    left: 10px;
    top: 6px;
    width: 37px;
    height: 37px;
    z-index: 1;
}

.activity-comments-form-block .user-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

textarea:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.coments-block-wrap {
    width: 100%;
    padding-left: 50px;
    position: relative;
}

.coments-block-wrap .comment-avatar {
    position: absolute;
    left: 0;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px -5px grey;
    overflow: hidden;
}

.coments-block-wrap .comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coments-block-wrap .comment-content {
    background-color: var(--light-grey);
    border-radius: 10px;
    padding: 10px 15px;
}

.coments-block-wrap .comment-content .comment-meta {
    margin-bottom: 0;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.coments-block-wrap .comment-content .comment-meta a {
    font-weight: 400;
    margin-right: 4px;
}

.coments-block-wrap .comment-content .comment-meta .comment-date {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 400;
}

.coments-block-wrap .comment-content .comment-desc {
    font-size: 13px;
    color: var(--light-black);
    margin-bottom: 0;
}

.comment-meta-actions a {
    font-size: 14px;
}

.comment-meta-actions {
    padding-top: 5px;
}

.comment-replies {
    margin-top: 10px;
}

.modal-open #masthead {
    z-index: 9;
}

.documents_feed-container .activity-doc {
    margin: 15px 0;
}

.th-bp-post-share-button {
    position: relative;
}

.footer-wrapper {
    background-color: var(--light-bg);
    padding-top: 30px;
}

.form-hdr {
    text-align: center;
}

.form-hdr h3 {
    font-size: 24px;
    color: var(--black);
    font-weight: 600;
}

.form-hdr p {
    font-size: 15px;
    color: var(--black);
    font-weight: 500;
}

.input-design input,
.textarea-design textarea {
    width: 100%;
    background-color: var(--light-grey);
    border-radius: 4px;
    border: none;
    font-size: 13px;
    color: var(--black);
    padding: 9px 8px;
    font-weight: 300;
}

.input-design.left-icn input {
    padding-left: 50px;
}

.input-design.password-field input {
    padding-right: 50px;
}
.left-icn .float-icn {
    position: absolute;
    left: 12px;
    top: 13px;
    font-size: 14px;
}
.width-100 {
    width: 100%;
}

.btn-design-1.rounded {
    border-radius: 50px !important;
}

.form-light-text {
    font-size: 15px;
    color: var(--black);
    font-weight: 500;
}


body .left-icn-multiselect .multiselect__tags {
    padding-left: 50px;
}

.left-icn-multiselect .float-icon {
    position: absolute;
    left: 20px;
    bottom: 16px;
    z-index: 99;
}

label.empty-label {
    height: 0;
    margin: 0;
}

.modal-body select,
.select-design select {
    width: 100%;
    background-color: var(--light-grey);
    border-radius: 4px;
    border: none;
    font-size: 13px;
    color: var(--black);
    padding: 5.7px 40px 5.7px 10px;
    font-weight: 500;
}

.input-design input[type="file"] {
    padding: 3px 15px;
}

.textarea-design textarea {
    height: 60px;
}

.form-ino-text ul {
    margin-bottom: 15px;
    margin-left: 0;
    padding-left: 22px;
}

.form-ino-text ul li {
    font-size: 14px;
    color: #686565;
    font-weight: 300;
    margin-bottom: 5px;
    margin-left: 0;
}

.max-437px {
    max-width: 437px;
    margin-left: auto;
    margin-right: auto;
}

.back-to-login i {
    font-size: 14px;
    margin-right: 5px;
}

.back-to-login {
    font-size: 15px;
    color: var(--black);
    font-weight: 500;
}

.back-to-login:hover i {
    color: var(--secondary);
}

.selected-category-btn {
    color: var(--primary);
    font-size: 15px;
    font-weight: 500;
}

.selected-category-btn i {
    margin-left: 4px;
    color: var(--primary);
}

.selected-category-btn:hover,
.selected-category-btn:hover i {
    color: var(--secondary);
}

.selected-category h5 {
    font-size: 16px;
    color: var(--primary);
    margin-bottom: 0;
}

.w9-form-design {
    border: 1px dashed #888282;
    padding: 30px;
    border-radius: 20px;
}

.h6_design h6 {
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
}

.w9form-divs-inner {
    text-align: center;
    position: relative;
}

.w9form-divs-inner p {
    font-size: 15px;
    color: var(--light-black);
    margin-bottom: 0;
    font-weight: 500;
}

.blue-link {
    font-size: 15px;
    color: var(--primary);
    font-weight: 600;
}

.w9-form-design .row {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px dashed #888282;
    margin-left: 0;
    margin-right: 0;
}

.w9form-divs-inner::before {
    content: "";
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: var(--primary-linear-bg);
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.blue-text-btn {
    font-size: 15px;
    color: var(--primary);
    font-weight: 600;
}

.blue-text-btn i {
    font-size: 13px;
    margin-right: 5px;
    color: var(--primary);
}

.link_overlay:hover+.blue-text-btn,
.link_overlay:hover+.blue-text-btn i {
    color: var(--secondary);
}

.feed_header .page-title {
    padding-right: 10px;
}

.msg-board-hdr-flex .msg-board-loc {
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
}

.msg-board-hdr-flex .counties-txt {
    margin-bottom: 0;
    cursor: pointer;
    display: inline-block;
    width: auto;
}

.activity_hdr-cntnt .feed_badges {
    position: absolute;
    right: 45px;
    top: -2px;
}

#sidebar-left .msg-board-ledt-lidebar {
    padding-top: 30px;
}

.h5_design {
    color: var(--light-black);
    font-size: 14px;
    font-weight: 600;
}

.admin-post-content p {
    color: var(--black);
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 5px;
}

.admin-post-content {
    margin-top: 15px;
    margin-bottom: 10px;
}

.th-bp-post-requests-button {
    margin-left: 10px;
}

button.badge {
    border: none;
}

.badge {
    font-weight: 600;
    padding: 8px 10px;
}
.activity-list .activity-item .activity-content .cstm-checkbox-wrap label {
    font-size: 13px;
    margin-left: 7px;
    color: var(--black);
    font-weight: 500;
    position: relative;
    top: 1px;
}
.cstm-checkbox-wrap.red-fill input+.cstm-check-btn::before {
    background: var(--secondary);
}

.activity-footer-links .sidebar-btn-item .cstm-checkbox-wrap {
    margin-left: 10px;
    bottom: 1px;
}

.activity-footer-links .sidebar-btn-item .cstm-checkbox-wrap .cstm-check-btn {
    width: 18px;
    height: 18px;
}

.activity-footer-links .sidebar-btn-item .cstm-checkbox-wrap .cstm-check-btn::before {
    width: 10px;
    height: 10px;
}

body .modal-title {
    font-size: 16px;
    color: var(--light-black);
    font-weight: 600;
}

.modal-body input,
.modal-body select,
.modal-body textarea {
   width: 100%;
    background-color: #eeeff0;
    border-radius: 8px !important;
    border: none;
    font-size: 14px;
    color: #1E1E1E;
    padding: 9px 8px;
    font-weight: 400;
}

.modal-body input::placeholder,
.modal-body select,
.modal-body textarea::placeholder {
    color: var(--lightgrey);
}

.modal-body input[type="file"] {
    padding: 3px 15px;
}

.modal-body textarea {
    height: 60px;
}

#sidebar-left .sidebar-portfoilio-design .bo-header-cntnt {
    padding: 0;
}

.th-bp-footer-meta-actions-left a span:last-child {
    position: relative;
    top: 1px;
    color: var(--lightgrey);
    font-weight: 500;
    font-size: 12px;
}

button.btn.btn-primary.update-feed {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.block-section {
    padding: 100px 0 170px;
}

.white-shadow-box,
.not-found-div {
    padding: 16px;
    border-radius: 8px;
    background-color: var(--white);
    border: 1px solid #E1DFDF;
}

header.entry-header .entry-title {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--primary);
    margin-bottom: 15px;
}

.subscription-info {
    margin-top: 30px;
    text-align: center;
    border: 1px dashed #c4c0c0;
    padding: 10px;
    border-radius: 6px;
}

.subscription-info h6 {
    margin-bottom: 0;
    font-size: 14px;
}

.no-pointer-event {
    pointer-events: none;
}

.followe-list-body .item-avatar {
    margin-right: 15px;
}

.followe-list-body .item-avatar a {
    display: block;
    width: 100%;
    height: 100%;
}

.followe-list-body .item-avatar a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.followe-list-body .card .list-group .vcard .item-title a {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    color: var(--black);
}

.card .list-group .vcard .user-hover-box {
    display: none;
}

.followe-list-body .card .list-group .vcard .activity a {
    font-size: 14px;
    color: var(--black);
    font-weight: 300;
}

.item-list li {
    position: relative;
}

.sidebar-list-design.side-bar-borders .bo-header-cntnt {
    padding: 0 !important;
}

.left-icn .invalid-feedback+.float-icn {
    bottom: 47px;
}

.form-grouph .info-text {
    margin: 10px 0;
    font-size: 14px;
    color: var(--light-black);
}

.feed-page-index ul li.profile-li-sidebar {
    padding-top: 25px;
}

.feed-design-box.two-layout #main {
    padding-top: 0px;
    padding-bottom: 60px;
    width: 75%;
}

.feed-midlle-area ul.nav-tabs {
    margin: 0;
}

.feed-midlle-area ul.nav-tabs .nav-link {
    font-size: 14px;
    color: var(--black);
    font-weight: 600;
    padding: 10px 30px;
    border: 1px solid #E1DFDF;
    margin: 5px 0px;
    border-radius: 8px;
}


ul#myTab {
    gap: 16px;
    border: none;
}

.feed-midlle-area ul.nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--primary);
    border: 1px solid #001f72;
}

.feed-midlle-area ul.nav-tabs #labor-tab.nav-link.active {
 background-color: var(--secondary) !important;
 border: 1px solid #D2131A;
}


.media-uploading img {
    max-width: 40px;
    max-height: 100%;
}

p.media-uploading {
    margin-bottom: 10px;
}

#buddypress div#item-header-cover-image h2 a {
    color: var(--black);
    margin-bottom: 6px;
    display: block;
    font-weight: 400;
}

.btn-design-2 {
    background: 0 0;
    border: 1px solid #d9d2d2;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 500;
}

.refrell-btns .btn-design-2:first-child {
    margin-right: 10px;
}

body .btn-design-2:hover {
    background: var(--primary-linear-bg) !important;
    color: #fff !important;
    border-color: var(--primary-linear-bg) !important;
}

p.info-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--light-black);
}

.qr-img img {
    max-width: 200px;
    max-height: 200px;
    object-fit: contain;
}

.refreered-sec-div {
    padding-top: 30px;
    padding-bottom: 30px;
}

#masthead .nav-link.text-primary,
#masthead .nav-link.text-primary span {
    color: var(--secondary);
}

.penz-zoom-wrap-main .buttons.penzoom-controls button:hover i {
    color: #fff;
}

.user-section+#item-buttons {
    margin-top: 10px;
}

.chat-box-inner-content>p {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
}

.affilates-share-invite .card {
    border: none;
}

.setting-affilates .entry-content {
    padding: 10px 15px;
}

.setting-affilates .entry-content .info.email-pwd-info {
    font-size: 14px;
    font-weight: 600;
    color: var(--light-black);
}

.add-mor-icons {
    display: block;
    margin: 15px 0;
}

.filters-tab-list .filter-list-slider {
    margin: 0;
    padding: 0 15px;
}

.filters-tab-list .filter-list-slider .slick-list {
    overflow: initial;
}

body #sidebar-left.active,
body #sidebar-right.active {
    transform: initial;
}

.mobile-close-sidebtn {
    text-align: right;
    padding: 10px 15px;
}

.comments_share-div .totel-shares {
    display: none;
}

table thead th {
    min-width: 150px;
}

table tr td {
    font-size: 13px;
    font-weight: 300;
}

body .dropzone.dz-started {
    padding-bottom: 60px;
}

.bp-image-upload-box .no-pointer-event h3 {
    font-size: 16px;
    color: var(--black);
    font-weight: 400;
}

.dropzone .dz-message span {
    color: var(--light-black);
    font-size: 15px;
    font-weight: 300;
}

.followe-list-body .card .list-group .vcard .items-wrap {
    width: 100%;
    padding-right: 45px;
}

.menu-text-items .before-login-list .custom-dropdown-design {
    display: none;
    width: 200px;
}

#masthead.affilate-main-header #google_translate_element {
    margin-left: 0;
    top: 4px;
}

.sidebar-portfoilio-design .img-gallery-magnific {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

p:empty {
    display: none !important;
}

.post-cstm-activity-wrap-inner.five .post-media:nth-child(5) a:before {
    font-size: 12px;
    padding: 5px;
    line-height: normal;
}

.comment-textarea-block textarea::-webkit-scrollbar {
    display: none;
}

.tab-content .table {
    min-height: 120px;
}

.th-bp-header-notification-container .show_dd:not(.active) {
    display: none !important;
}

.admin-post-content h1,
.admin-post-content h2,
.admin-post-content h3,
.admin-post-content h4 {
    color: var(--light-black);
    margin: 10px 0;
}

.admin-post-content ol,
.admin-post-content ul {
    padding-left: 20px;
    margin-bottom: 15px !important;
}

.admin-post-content ol li,
.admin-post-content ul li {
    color: var(--light-black);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    padding: 0;
    list-style-position: outside;
}

.admin-post-content ul li {
    list-style: disc;
}

.admin-post-content ol li {
    list-style: decimal;
}

.admin-post-content ol li::after,
.admin-post-content ol li::before,
.admin-post-content ul li::after,
.admin-post-content ul li::before {
    display: none;
}

.custom-file-input {
    position: relative;
    display: inline-block;
    padding: 10px 18px;
    border: 1px dashed #ddd;
    position: relative;
    left: 11px;
    top: -6px;
}

.file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.custom-button {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
}

.custom-button:hover {
    background-color: #2980b9;
}

.custom-button:active {
    background-color: #1f6da0;
}

.affilate-text-wrap h4,
.flex_items-left h4 {
    color: var(--black);
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
}

.affilate-text-wrap ol li,
.affilate-text-wrap p,
.affilate-text-wrap ul li,
.flex_items-left ul li {
    color: var(--black);
    font-size: 15px;
    font-weight: 300;
}

input::placeholder,
textarea::placeholder {
    color: #201e1e;
}

.page-title.tooltip-box .msg-board-hdr-flex {
    margin-top: -5px;
}

input:disabled,
textarea:disabled {
    color: #d1cccc !important;
    cursor: no-drop;
}

.affilate-border-top {
    padding-top: 30px;
    border-top: 1px dashed #999292;
}

.affilates-logo-sec .logo-item {
    padding: 0 25px;
}

.affilates-logo-sec {
    padding-left: 50px;
    padding-right: 50px;
}

.affilates-logo-sec .slick-arrow {
    top: 25%;
}

img.avatar.user-1-avatar.avatar-50.photo {
    border-radius: inherit;
}

.vendor-quote-img {
    margin-bottom: 40px;
}

table.table p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--default-font);
}

.info-blocks-wrapper-items h5.label {
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 15px;
}

.info-blocks-wrapper-items .activity-doc .file-icon svg {
    width: 18px;
    height: 18px;
}

.info-blocks-wrapper-items img {
    width: auto;
    max-width: 400px;
    border-radius: 10px;
}

.left-icn .invalid-feedback+.float-icn {
    top: 10px;
}

.i-am-field {
    margin-bottom: 0;
}

.form-grouph .form-text {
    font-size: 12px;
}

.form-grouph small.form-text {
    position: relative;
    bottom: 1px;
}

.whats-new-alert {
    display: flex;
    justify-content: center !important;
}

.create-post-wrapper {
    display: block;
}

.dropdown-menu-wrapper {
    margin: 25px 0px 0 0;
    width: 100%;
    padding: 0px 15px;
}

.feed-text:not(.admin-post-content) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.feed-text {
    color: #fff !important;
    min-height: 206px !important;
    padding: 15px;
    display: flex;
    align-items: center;
    border-radius: 6px;
}

#visibility-handler {
    display: none !important;
}

.admin-post-content.feed-text p {
    color: #fff !important;
}

.feed-design-box.three-layout {
    width: 100%;
    max-width: 1296px;
    padding: 0px 15px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.font-weight-700 {
    font-weight: 700;
}

.input-group-append #coupon-apply {
    height: 100%;
    font-weight: 600;
}

#register-template.account-bg-sec {
    padding-top: 38px;
    padding-bottom: 30px;
}

.modal-body .form-grouph .cstm-checkbox-wrap {
    margin-bottom: 10px;
}

.post-read-more {
    text-align: center;
    margin: 15px 0;
}

.post-read-more .prm {
    background: 0 0;
    border: none;
    font-size: 14px;
    color: #000;
}

body:not(.comments-active.modal-open) #activity-stream .activity-list.bp-list .activity-item.active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 0px;
}

#activity-stream .activity-list.bp-list .activity-item.active .feed-div-wrap {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 700px;
    background-color: #fff;
    padding: 10px 20px 20px 20px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#activity-stream .activity-list.bp-list .activity-item:not(.active) .activity_header-right .close-feed-box {
    display: none;
}

#activity-stream .activity-list.bp-list .activity-item.active .feed-div-wrap .activity_header-right .close-feed-box {
    background: transparent;
    border: none;
}

#activity-stream .activity-list.bp-list .activity-item.active .feed-div-wrap .activity_header .feed_badges {
    top: 10px;
    right: 75px;
}

.feed-design-box.single-feed-layout main#main.feed-midlle-area {
    width: 100%;
    max-width: 700px;
}

.box-right-side-inner {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.heading-wrap-design h2 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dadada;
}

.heading-wrap-design {
    margin-bottom: 50px;
}

.subheading-wrap-design h4 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.accordian-block-design .card {
    background: 0 0;
    border: none;
    margin-bottom: 5px;
}

.accordian-block-design .card-header {
    background: 0 0;
    border: none;
    padding: 0;
}

.accordian-block-design .card-header a.btn {
    padding: 10px 15px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    z-index: 0;
    border-radius: 6px;
}

.accordian-block-design .card-header a.btn::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 17px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #5a5a5a;
    border-right: 2px solid #5a5a5a;
    transform: rotate(45deg);
}

.accordian-block-design .card-header a.btn:hover {
    background-color: #fff;
}

.accordion-text-block h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #000;
}

.accordion-text-block p {
    font-size: 14px;
}

.accordion-text-block ol,
.accordion-text-block ul {
    margin-left: 0;
    padding-left: 20px;
}

.accordion-text-block ol li,
.accordion-text-block ul li {
    font-size: 14px;
    margin-bottom: 5px;
}

.accordian-block-design .card.active .card-header .btn {
    background: #fff;
}

.accordian-block-design .card.active .card-header .btn::after {
    transform: rotate(137deg);
    top: 14px;
}

.accordian-block-design .card:not(.active) .collapse {
    display: none;
}

@media (min-width: 2100px) {
    .feed-design-box {
        width: 100%;
        max-width: 1500px;
        display: flex;
        margin: 0 auto;
    }
}

.seller-cover-img {
    border-radius: 20px;
}

div.review-reply {
    margin-left: 5%;
    background-color: #eaedf0d4;
    padding: 3% !important;
    border-radius: 2%;
}

.string-concat {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.poll-option-answer-list li {
    position: relative;
}

.poll-option-answer-list li .poll-option-answer-cntnt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.poll-option-answer-list li .poll-option-answer-cntnt .option-title-p {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
}

.poll-option-answer-list li .poll-option-answer-cntnt .option-title-percentage {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.poll-option-answer-list li {
    padding: 8px 15px;
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-left: 6px solid #f0f1f2;
}

.poll-option-answer-list li .poll-option-answer-div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: #f0f1f2;
    z-index: -1;
}

.card-footer-actions ul {
    list-style: none;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.card-footer-actions ul li {
    margin: 0;
    margin-right: 10px;
    font-size: 15px;
    position: relative;
}

.card-footer-actions ul li .btn.btn-primary,
.card-footer-actions ul li.votes-li {
    background: 0 0 !important;
    border: none !important;
    color: #002481 !important;
    padding: 0 !important;
    font-size: 15px;
    font-weight: 400 !important;
}

.card-footer-actions ul>li.time-li .dot {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #adadad;
    position: relative;
    bottom: 2px;
    margin: 0 2px;
}

.landing-register-block .form-flex .form-grouph {
    margin-bottom: 15px;
}

.affilates-logo-sec.logo-slider::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    border-top: 1px dashed #999292;
    max-width: 700px;
    margin: 0 auto;
    bottom: 0;
    z-index: 0;
    height: 2px;
}

.affilates-logo-sec.logo-slider {
    padding-bottom: 35px;
}

.search-helpcenter {
    justify-content: center;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    margin: auto !important;
    width: 100% !important;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 10px !important;
}

.search-helpcenter input {
    width: 48%;
    padding: 11px 22px;
    border: none;
    border-radius: 8px;
    background-color: #dfdfe3;
}

.search-wrapper {
    width: 48%;
    position: absolute;
    top: 127%;
    background: #fff !important;
    z-index: 3;
    padding: 26px;
    border-radius: 10px;
    overflow-y: scroll;
    height: 363px;
}

.search-wrapper ul {
    margin: 2px 0px 24px;
}

.search-question {
    font-weight: 800;
    font-size: 19px;
    padding-left: 14px;
}

.search-answer {
    font-size: 18px;
    padding-left: 35px;
}

.search-question i {
    position: relative;
    left: -15px;
}

.showLabel label {
    visibility: visible !important;
    height: auto !important;
}

.example-text-wrapper {
    text-align: center;
    padding: 5px !important;
    background-color: #c5c5c5;
    color: #ba0904;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 25px !important;
    display: block;
}

.join-webinar-wrap a {
    width: 100%;
    max-width: 80%;
    margin-left: auto;
    text-align: center;
    padding: 10px 14px;
    border-radius: 10px;
    display: block;
    color: yellow;
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    margin-top: -50px;
    position: relative;
    bottom: 38px;
}

.join-webinar-wrap a:hover {
    animation: none !important;
}

.join-webinar-wrap a i {
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.blink-soft {
    animation: blinker 3.5s linear infinite;
    -webkit-animation: blinker 3.5s linear infinite;
    /* Safari and Chrome */
    -moz-animation: blinker 3.5s linear infinite;
    /* Firefox */
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-moz-keyframes blinker {
    50% {
        opacity: 0;
    }
}

@media (max-width: 767px) {
    body .join-webinar-wrap a {
        margin: 0px;
        position: absolute;
        top: 30px;
        max-width: 100%;
        bottom: initial;
        left: 0;
        right: 0;
    }
    .feed-midlle-area ul.nav-tabs .nav-link {
    padding: 10px 16px;
    font-size: 14px !important;
}
ul#myTab {
    gap: 8px !important;
}
ul#myTab .m-hide {
    display: none;
}
}

.footer-app-links {
    text-align: center;
}

.footer-inner-app-title h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--primary);
}

.footer-inner-app-links a {
    display: block;
}

.footer-inner-app-links {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    gap: 20px;
}

.footer-inner-app-links a img {
    max-width: 200px;
}

.empty-search-message {
    color: #cd0e09;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0px;
    /* text-align: center !important; */
    margin-left: 24px;
}

ul#myTabProfile {
    border-bottom: none;
}

#myTabProfile .nav-link.active {
    border: 1px solid #04040459 !important;
    border-radius: 5px !important;
    color: #fff !important;
    background-color: #012481 !important;
}

button#license-and-certificate-tab,
#general-information-tab {
    color: #000 !important;
    border: 1px solid #000;
    border-radius: 5px;
}

ul#myTabProfile li {
    margin-left: 0px;
}

ul#myTabProfile {
    gap: 32px !important;
}

button.carousel-control-next span {
    color: red !important;
    background-color: #002177;
    opacity: 1 !important;
    position: relative;
    right: -110px;
    border-radius: 5px;
    padding: 10px !important;
}

.profile-popup-modal button.carousel-control-prev span {
    color: #002177 !important;
    background-color: #002177;
    opacity: 1 !important;
    position: relative;
    left: -110px;
    border-radius: 3px;
}

.profile-popup-modal button.carousel-control-prev,
button.carousel-control-next {
    opacity: 1 !important;
}

.profile-popup-modal {
    width: 1271px !important;
    justify-content: center;
    align-items: end;
    margin-left: -76% !important;
}

.profile-popup-modal .close-btn-popup {
    padding: 20px;
    font-size: 19px;
}

.input-design input.input-white-bg {
    background-color: #fff;
}

.notifications_list.trades-list {
    padding: 20px 0px;
    min-height: auto;
}

.pagination {
    gap: 10px;
}

.pagination .page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.pagination .page-item .page-link {
    color: var(--primary);
}

.z-index-999 {
    z-index: 999 !important;
}

a.header-search-viewall {
    position: relative;
    margin-left: 90px;
}

a.sample-profile {
    color: #cd0e09;
}

.alert-orange-bg {
    background-color: #be0a05;
    color: #fff;
}

.alert-orange-bg a {
    color: #fff !important;
    font-weight: 700;
    text-decoration: underline !important;
}

.has-tooltip input#upload-media {
    background: transparent;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50px;
    opacity: 0;
    z-index: 9;
}

.portfolio-grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 47px;
    max-height: 800px;
    overflow-y: scroll;
}

.card-portfolio {
    height: 225px;
}

.portfolio-grid>div img {
    object-fit: cover;
    height: 171px;
}

element.style {}

.portfolio-modal-content {
    padding: 18px 0px 20px 36px;
}

.portfolio-item.col-4.mb-3 {
    width: 44%;
}

.select-design.highlight-field .multiselect__tags,
.input-design.highlight-field>input,
.select-design.highlight-field>select {
    border: 1px solid #000;
}

#whats-new-attachments .dropdown-menu li {
    margin-left: 0px;
    position: relative;
}

#whats-new-attachments .dropdown-menu li a {
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
    margin-bottom: 2px;
    padding: 5px 16px;
    white-space: nowrap;
    min-height: 27px;
    display: flex;
    align-items: center;
}

#whats-new-attachments .dropdown-menu li a .upload-from-computer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

#whats-new-attachments .dropdown-menu {
    padding: 15px 10px !important;
}

#whats-new-attachments .dropdown-menu li:hover a {
    background-color: var(--bs-dropdown-link-hover-bg);
}

#showPortfolio.modal {
    z-index: 999999;
}

button.msg__btn.circle-icon-design.transparent-btn-icon .helper-text.red {
    font-size: 12px;
    font-weight: 600;
    color: var(--secondary);
}
.cloud-msg {
    width: 100%;
    background: #cd0e09;
    margin: 0px auto 16px auto;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    padding: 16px;
}
.cloud-msg p {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
    text-align: center;
}
#sidebar-left .sidebar-secondary-inner.sidebar-inner.widget-area {
    height: 100%;
    overflow: auto;
}

.feed-site-tour .video-wrapper {
    max-width: 35%;
    margin-bottom: 20px;
    /* max-height: 260px; */
}

.site-tour-text {
    font-size: 20px !important;
}

.feed-site-tour h4 {
    text-align: center;
    margin-bottom: 15px;
    color: #cd0e09;
    font-weight: 600;
    font-size: 16px;
}

@media (max-width: 1199px) {
    body .cloud-msg {
        margin-top: 0px;
        max-width: 97%;
        justify-content: center;
    }
    body .activity-content .th-bp-footer-meta-actions .th-bp-footer-meta-actions-left {
    width: auto;
}
}

.message-board-count {
    padding: 3px 5px !important;
    font-size: 12px;
}

.bid-labor-button {
    font-size: 9px;
}

#app.no-top-space {
    padding-top: 0px !important;
}

.survey-constrution-page-logo {
    padding-bottom: 35px;
}

.survey-wrap-box {
    background-color: #fff;
    margin: 0px 0px 100px 0px;
    padding: 50px 50px 50px 50px;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.22);
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.survey-wrap-box .form-hdr h3 {
    font-size: 28px;
    font-weight: 700;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    color: #ff1700;
}

.survey-wrap-box-from .text-black {
    color: #000 !important;
    font-weight: 700;
    margin-bottom: 25px;
}

.survey-wrap-box-from label {
    font-weight: 500;
    margin-bottom: 5px;
}

.survey-wrap-box-from .difficulty>label {
    margin-right: 15px;
}

.survey-wrap-box-from .difficulty .form-check input {
    border: 1px solid #ff1700;
}

.survey-wrap-box p.ec-mx-6 {
    text-align: center;
}

.survey-wrap-box button.btn.btn-primary.btn-lg.rounded.w-100 {
    max-width: 167px;
    margin: 0 auto;
    padding: 14px 15px;
}

.survey-wrap-box-from>.d-flex p {
    color: #7a7a7a;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 32px;
    width: 100%;
    max-width: 660px;
}

.survey-wrap-box-from>.d-flex p a {
    color: #046bd2;
    text-decoration: underline !important;
}

.new-availabe span {
    display: block;
    width: 138px;
    padding: 10px 0px;
    margin-bottom: 10px !important;
}

.small-txt.new-availabe span {
    width: 79px;
    font-size: 8px;
    padding: 7px 0px;
    margin-bottom: 2px !important;
    font-weight: 400;
    background: #E6EFFB;
    color: #001F72;
}

.new-color-pic span {
    color: var(--primary) !important;
}

.profile-complete {
    background-color: var(--primary) !important;
}

@media (min-width: 1200px) {
    .survey-wrap-box-from .inputs.row>div.col-md-4 {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .survey-wrap-box-from .inputs.row>div.col-md-4>label {
        white-space: nowrap;
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    body .survey-wrap-box {
        padding: 20px;
    }

    body .survey-wrap-box .form-hdr h3 {
        font-size: 18px;
    }

    body .survey-wrap-box-from .text-black {
        font-size: 16px !important;
        margin-bottom: 15px !important;
    }

    .survey-wrap-box-from>.d-flex p {
        font-size: 14px !important;
    }
}

.available-btn {
    color: #012481;
    border-color: #012481;
}

.available-btn:hover {
    color: #ffffff;
    background-color: #012481;
    border-color: #012481;
}

.top-referrer-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    background: #ffffff;
    margin-bottom: 16px;
    max-width: 100%;
    padding: 16px;
    border-radius: 8px;
    background-color: var(--white);
    border: 1px solid #E1DFDF;
}

.top-referrer-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.referrer-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.referrer-details {
    display: flex;
    flex-direction: column;
}

.referrer-name {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

.referrer-count {
    font-size: 14px;
    color: #777;
}

.referrer-badge-blue {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary);
}

.referrer-badge-red {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary);
}

/* New Css */

.header-wrap-item .header-left-cntnt {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 21.8%;
}

.header-wrap-item .header-left-cntnt .header-left-links ul {
    list-style: none;
    margin: 0px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding-left: 25px;
}

.blue_link {
    color: #001f72;
    font-size: 16px;
    font-weight: 600;
}

.red_bordered_btn {
    font-size: 16px;
    color: #bf1016;
    border: 2px solid #bf1016;
    border-radius: 10px;
    font-weight: 600;
    padding: 5px 13px;
    display: inline-block;
}

.red_btn {
    font-size: 16px;
    color: #fff;
    border: 2px solid #bf1016;
    border-radius: 10px;
    font-weight: 600;
    padding: 5px 13px;
    background: #bf1016;
    display: inline-block;
}

.tophive-container-fluid {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.red_btn:hover,
.red_bordered_btn:hover {
    background: #002481;
    color: #fff;
    border-color: #002481;
}

.register_new_section {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 110px 0px;
}

.register_new_section>.container {
    max-width: 750px;
}

.hp-design h2 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 15px;
}

.color-yellow {
    color: #ffbe41;
}

.white-color-text {
    color: #ffffff;
    font-weight: 200;
    margin-top: 10px;
    font-size: 15px;
}

.landing-register-block .form-flex .form-grouph label {
    font-size: 16px;
    font-weight: 600;
}

.required-span {
    color: #bf1016;
}

.landing-register-block .form-flex .form-grouph select {
    width: 100%;
    background-color: var(--light-grey);
    border-radius: 4px;
    border: none;
    font-size: 13px;
    color: var(--black);
    padding: 9px 8px;
    font-weight: 300;
}

.landing-registration-cntnt .submit-design button {
    background: #bf1016;
    color: #fff;
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
    padding: 7px 15px;
}

.landing-banner-sec-new {
    padding-top: 72px;
    padding-bottom: 110px;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner_new-content h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 20px;
}

.banner_new-content h2 .color-yellow {
    display: block;
}

.banner_new-content p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}

.yellow_bordered-btn {
    font-size: 16px;
    color: #ffbe41;
    border: 2px solid #ffbe41;
    border-radius: 10px;
    font-weight: 600;
    padding: 5px 13px;
    display: inline-block;
}

.yellow_bordered-btn:hover {
    background-color: #ffbe41;
    color: #fff;
    border-color: #ffbe41;
}

.custom-built-for-you {
    padding: 69px 0px;
    background: #fff;
}

.custom-built-for-you>.container {
    width: 100%;
    max-width: 1180px;
}

.custom-built-for-you .small-heading-title>h2 {
    color: #001f72;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs {
    margin: 0px;
    border: none;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs {
    margin: 0px;
    border: none;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item .nav-link {
    border: 3.78px solid #bf1016;
    color: #bf1016;
    font-weight: 600;
    border-radius: 11.34px;
    text-align: center;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item .nav-link.active {
    background: #bf1016;
    color: #ffffff;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item {
    position: relative;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    left: -8px;
    right: 0;
    display: block;
    width: 45px;
    height: 22px;
    background: #c02b27;
    transform: rotate(45deg);
    z-index: -1;
    bottom: 0;
    margin: 0 auto;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item .nav-link {
    position: relative;
    z-index: 0;
}

.tab-white-block {
    background: #ffffff;
    box-shadow: 5px 5px 30px rgba(0, 31, 114, 0.2);
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
}

.tab-white-block .tab-left-img-block {
    width: 33%;
}

.tab-white-block .tab-right-img-block {
    width: 62%;
    padding-right: 20px;
}

.tab-white-block .tab-right-img-block h4 {
    color: #001f72;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.tab-white-block .tab-right-img-block h4 .red-text {
    color: #bf1016;
}

.tab-white-block .tab-right-img-block>p {
    color: #001f72;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 18px;
}

.tab-white-block .tab-right-img-block ul {
    list-style: none;
    margin: 0px;
}

.tab-white-block .tab-right-img-block ul>li {
    color: #001f72;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 7px;
}

.custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item .nav-link:hover {
    background: #bf1016;
    color: #fff;
}

.expert_main_sec {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 85px 0px;
}

.expert-content .red-text {
    color: #bf1016;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.expert-content blockquote {
    margin-left: 0px;
    margin-top: 0px;
    color: #001f72;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    border-left: 3px solid #bf1016;
    padding-left: 20px;
    margin-bottom: 30px;
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
}

.expert-content .expert-name {
    color: #001f72;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}

.expert-content .expert-details {
    color: #001f72;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
}

.expert-content .expert-logos {
    margin-top: 15px;
}

.expert_main_sec>.container {
    width: 100%;
    max-width: 1126px;
}

/* new s css start here  */



.landing-banner-sec-new {
    background-image: url('/assets/img/hero-banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
}

.banner-section {
    background-size: cover;
    display: flex;
    align-items: center;
}

.banner-section .container {
    z-index: 2;
}

.for-peragraph p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-family: "Inter", sans-serif;
}

.for-bg-styling {
    padding: 80px 0px;
}

h2.rebuild-txt {
    font-size: 36px !important;
    color: #bf1016;
    font-weight: 600;
}

.new-text-heading h2 {
    color: #001f72;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}

.shadow-boxes {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

p.red-head-txt {
    font-size: 28px;
    color: #bf1016;
    font-weight: 600;
    line-height: 38px;
    min-height: 156px;
}

h6.text-name {
    color: #001f72;
    font-size: 18px;
}

small.text-muted {
    color: #001f72 !important;
    font-size: 16px;
}

.banner-section {
    min-height: 55vh !important;
}

.mobile-menu-nn ul {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    list-style: none;
    margin: 8px 10px 0px 16px;
}

.header-left-links.mobile-menu-nn {
    display: none;
}

.join-network-btn {
    background-color: #002481;
    color: #fff;
    border-radius: 8px;
    font-size: 1rem;
    text-decoration: none;
    transition: background-color 0.3s ease;
    display: inline-block;
    padding: 9px 60px;
}

.join-network-btn:hover {
    background-color: #bf1016;
    color: #fff;
}

.for-pdng-reduce {
    padding: 10px 0px !important;
}

@media (max-width: 1100px) {
    .link-list-design .red_bordered_btn {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        background-color: #fff !important;
    }

    .link-list-design .red_btn {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }

    #google_translate_element .goog-te-gadget select {
        font-size: 15px;
        width: auto;
        height: auto;
        background-image: none;
        border-radius: 50%;
    }

    #google_translate_element .goog-te-gadget select {
        color: #fff !important;
        font-size: 14px;
        background-image: url("/assets/img/earth-vcto.svg");
        border: none;
        background: #001f72;
        border-radius: 10px !important;
        max-width: 188px;
        padding-left: 37px;
        margin-right: 0px;
    }

    #google_translate_element::before {
        content: "";
        background-image: url(/assets/img/earth-vcto.svg) !important;
        position: absolute;
        left: 15px !important;
        width: 19px;
        height: 19px;
        background-size: contain;
        background-repeat: no-repeat;
        top: 14px;
    }
    #site-navigation-main-desktop-primary-menu .text-primary span {
        font-weight: bold !important;
        color: #fff !important;
    }

    i.fa-solid.fa-xmark.close-icon {
        font-size: 22px;
        color: #001f72;
    }


}

@media (max-width: 991px) {
    .header-wrap-item .header-left-cntnt .header-left-links {
        display: none;
    }

    .header-left-links.mobile-menu-nn {
        display: block !important;
    }

    .mobile-menu-nn ul {
        gap: 16px;
    }

    .link-list-design .nav-item {
        height: auto !important;
    }

    .banner-section {
        min-height: 320px;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .banner_new-content {
        text-align: center;
    }

    .banner_new-content h2 {
        font-size: 30px;
    }

    .landing-banner-sec-new {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .custom-built-for-you .custom-tabs .nav.nav-tabs {
        gap: 15px;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .tab-white-block {
        flex-wrap: wrap;
    }

    body .tab-white-block .tab-left-img-block {
        width: 100%;
    }

    body .tab-white-block .tab-right-img-block {
        width: 100%;
        padding-right: 20px;
        padding: 20px;
    }

    .tab-white-block {
        flex-wrap: wrap;
        gap: 0px;
    }

    .expert_main_sec {
        padding: 50px 0px;
    }

    .expert-content blockquote {
        font-size: 16px;
    }

    .expert-content .red-text {
        font-size: 14px !important;
    }

    .expert_main_sec .video-wrapper {
        margin-top: 30px;
    }

    .register_new_section {
        padding: 50px 0px;
    }

    .register_new_section .landing-register-block {
        padding: 0px !important;
        margin: 0px !important;
    }

    .banner-section {
        min-height: 32vh !important;
    }

    p.red-head-txt {
        min-height: auto;
    }

    .custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item .nav-link.active::after {
        display: none;
    }
    main#main.feed-midlle-area {
        width: 100% !important;
        padding: 0 0 80px 0 !important;
    }
    #sidebar-left,#sidebar-right{
        width: 100% !important;
    }
}

@media (max-width: 480px) {

    .landing-banner-sec-new {
        background-image: url('/assets/img/Hero-Section-bg-mobile.png') !important;
    }


    .banner_new-content h2,
    .hp-design h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .custom-built-for-you .small-heading-title>h2,
    h2.rebuild-txt {
        font-size: 28px !important;
        line-height: 38px;
        text-align: center;
    }

    .banner-section p {
        font-size: 0.875rem;
    }

    .banner-section .btn {
        font-size: 0.9rem;
        padding: 0.5rem 1.25rem;
    }

    .tab-white-block .tab-right-img-block h4 {
        font-size: 24px;
    }

    .white-color-text {
        font-size: 14px;
        line-height: 20px;
        margin-top: 20px;
    }

    .custom-built-for-you {
        padding: 40px 0px;
        background: #fff;
    }

    .for-bg-styling {
        padding: 45px 10px;
    }

    p.red-head-txt {
        font-size: 24px;
        line-height: 32px;
        min-height: auto;
    }

    a.for-mobile-stl {
        display: block;
    }

    .new-text-heading h2 {
        font-size: 28px;
    }

    .banner-section {
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-height: 35vh !important;
    }

    .register_new_section {
        padding: 30px 0px;
    }

    .tab-white-block .tab-right-img-block>p {
        line-height: 26px !important;
    }

    #google_translate_element .goog-te-gadget select {
        color: transparent !important;
        background-color: #001f72;
        border-radius: 10px !important;
        width: 40px;
        height: 40px;
        background-image: url("/assets/img/earth-vcto.svg");
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
        border-radius: 27% !important;
        color: #fff !important;
        margin-right: 0px !important;
    }

    #google_translate_element .goog-te-gadget select option {
        color: #fff !important;
        font-size: 14px;
        text-indent: 0;
    }

    /* .select-wrapper {
        background: #001f72
            url("/assets/img/language-slctor.png")
            no-repeat center center !important;
        background-size: 20px 20px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        overflow: hidden;
        position: relative;
    } */

    .select-wrapper select {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        z-index: 2;
    }

    .banner_new-content p {
        line-height: 24px;
    }

    .tab-white-block {
        box-shadow: none;

    }



}

/* new s css end here  */

@media (min-width: 1200px) {
    .custom-built-for-you .custom-tabs .nav.nav-tabs .nav-item .nav-link {
        width: 226px;
    }
}






/* New CSS 21 Aug  */

.header-wrap-item .link-list-design.designv2 .nav-link,
.header-wrap-item .link-list-design.designv2 .nav-item .th-bp-notif-logo,
.header-wrap-item .link-list-design.designv2 .nav-item button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 4px;
}

.header-wrap-item .link-list-design.designv2 .nav-link img,
.header-wrap-item .link-list-design.designv2 .nav-item button img,
.header-wrap-item .link-list-design.designv2 .nav-item .th-bp-notif-logo img {
    height: 38px;
    filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
}

.header-wrap-item .link-list-design.designv2 .nav-item button {
    background: transparent;
    border: none;
    position: relative;
}

.header-wrap-item .link-list-design.designv2 .nav-item button .link-before,
.header-wrap-item .link-list-design.designv2 .nav-item .th-bp-notif-logo .badge-text-nav {
    font-size: 12px;
    font-weight: 500;
    color: #666;
}

.header-wrap-item .link-list-design.designv2 .nav-item .th-bp-notif-logo .badge-text-nav {
    margin-bottom: 0px;
}

.header-wrap-item .link-list-design.designv2 li.nav-item {
    position: relative;
    padding: 0px 30.11px;
}


.white-card {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    padding: 16px;
}

.white-card .card-header h2 {
    width: 100%;
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

.card-header a {
    color: #001F72;
    text-decoration: none;
    font-weight: 600;
}

.profile-complete-sec {
    border-radius: 8px;
    border: 1px solid #E1DFDF;
    overflow: hidden;
}

.profile-complete-sec .profile-cover img.cover {
    width: 100%;
    height: 104px;
    object-fit: cover;
}

.profile-complete-sec .profile {
    display: flex;
    align-items: center;
    padding: 0px 16px 16px 16px;
    border-bottom: 1px solid #E1DFDF;
    margin-top: -20px;
}

.profile-complete-sec .profile img.avatar {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
    border: 1px solid #E1DFDF;
}

.profile-complete-sec .card-body p {
    margin-bottom: 16px;
    font-size: 16px;
}

.profile-complete-sec .profile-info {
    flex: 1;
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border: none;
}

.profile-complete-sec .profile-info h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #1E1E1E;
}

.profile-complete-sec .verified {
    color: #001F72;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.circle-icon {
    width: 20px;
    height: 20px;
    background: #001F72;
    color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    margin-right: 10px;
    align-items: center;
}

.profile-complete-sec .profile-info .description {
    color: #1E1E1E;
    font-size: 14px;
    margin-bottom: 8px;
}

.profile-complete-sec .profile-info p {
    margin: 2px 0;
    font-size: 13px;
    color: #555;
}

.profile-complete-sec .card-body {
    padding: 16px;
}

.profile-complete-sec .card-body strong {
    font-weight: 600;
}

.profile-complete-sec .profile-info p.location {
    color: var(--lightgrey);
    font-size: 12px;
    font-weight: 400;
}

.blue-btn {
    display: inline-block;
    background: #001F72;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 9px 16px;
    border: none;
    cursor: pointer;
}
.red-btn {
    display: inline-block;
    background: #D2131A;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 9px 16px;
    border: none;
}
.border_btn {
    display: inline-block;
    background: transparent;
    font-size: 14px;
    color: #1E1E1E;
    font-weight: 600;
    border-radius: 8px;
    padding: 9px 16px;
    border: 1px solid #E1DFDF;
}

.custom-container-1 {
    width: 100%;
    max-width: 1062px;
    margin: 0 auto;
}

.profile-content-flex {
    width: 100%;
    display: flex;
    gap: 24px;
    flex-direction: row;
    margin-top: 24px;
}

.profile-content-flex .profile-content-left {
    width: 69.3%;
}

.profile-content-flex .profile-content-right {
    width: 30.5%;
}

.profile-content-flex .profile-content-left #buddypress {
    padding: 0px;
    overflow: hidden;
}

.custom-badge {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    padding: 10px 16px;
    border-radius: 8px;
}

.badge-primary-1 {
    background-color: #E6EFFB;
    color: var(--primary);
}

.badge-danger-1 {
    background-color: rgba(210, 19, 26, 0.1);
    color: var(--secondary);
}

.profile_card-img {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.profile_card-img .img-block {
    width: 114px;
    height: 114px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0px;
}

.profile_card-img .img-block>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile_card-details {
    display: flex;
    flex-direction: row;
    gap: 64px;
    padding: 16px 0px;
    justify-content: space-between;
    align-items: flex-end;
}

.profile_card-details .company-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.profile-progress {
    width: 100%;
    margin-bottom: 16px;
}

.profile-progress .progress-bar {
    border-radius: 50px;
    background-color: var(--lightgrey);
}

.profile_card-header {
    padding: 16px;
}

.bordered-btn-1:hover {
    background-color: var(--secondary);
    color: #fff;
}

.project-grid-container {
    display: flex;
    gap: 20px;
    flex-direction: row;
}

.project-grid-container .project-grid-item {
    background: #fff;
    border-radius: 8px;
    padding: 0px;
    text-align: center;
    transition: transform 0.2s;
    border: 1px solid #E1DFDF;
    height: 181px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 32%;
    position: relative;
}

.project-grid-container .project-grid-item .edit-btn {
    background: #fff;
    border: none;
    position: absolute;
    top: 7px;
    right:33px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid var(--primary);
}

.project-grid-container .project-grid-item h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    line-height: 20px;
    width: 100%;
    text-align: left;
    padding: 6px 8px 0px 8px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-height: 26px;
}

.project-grid-container .project-grid-item p {
    margin-bottom: 8px;
    font-size: 10px;
    text-align: left;
    width: 100%;
    padding: 0px 8px;
    color: #666666;
}

.project-grid-container .project-grid-item:hover {
    transform: translateY(-5px);
}

.project-grid-container .project-grid-item img {
    max-width: 100%;
    border-radius: 8px;
    width: 100%;
    height: 131px;
    object-fit: cover;
}

.project-grid-container .pagination {
    margin-top: 20px;
    text-align: center;
}

.project-grid-container .pagination button {
    margin: 0 5px;
    padding: 8px 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background: #007bff;
    color: white;
    font-size: 14px;
}

.project-grid-container .pagination button.active {
    background: #0056b3;
}

.project-grid-container .pagination button[disabled] {
    background: #ccc;
    cursor: not-allowed;
}

.add-project-btn {
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    background: transparent;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 19px;
}

.projects #pagination {
    margin-top: 16px;
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-end;
}

.projects #pagination button {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background: transparent;
    font-size: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.projects #pagination button.active {
    background-color: var(--primary);
    color: #fff;
}

.licence-certification-list .lc-items {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.licence-certification-list .lc-items>.lc-item-icon {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.licence-certification-list .lc-items>.lc-item-icon.licence-img {
    background: #E6EFFB;
}

.licence-certification-list .lc-items>.lc-item-icon.certificate-icon {
    background: #FFF9DB;
}

.licence-certification-list>.lc-items:not(:last-child) {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E1DFDF;
}

.badge-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.badge-list>p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 8px;
    border-radius: 50px;
}

.badge-list.technical>p {
    background: var(--primary);
    color: #fff;
}

.badge-list.safety-compilance>p {
    background: #FFBE41;
}



/* New Title Designs */
.title-style-1 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black);
    line-height: 32px;
}

.title-style-2 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);;
    line-height: 28px;
}

.no-data-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.blue-btn:hover {
    background-color: var(--secondary);
    color: #fff;
}

.title-style-2.bottom-border {
    border-bottom: 1px solid #E1DFDF;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.bordered-btn-1 {
    border: 1px solid #E1DFDF;
    background: #fff;
    font-size: 14px;
    padding: 8px 15px;
    display: block;
    border-radius: 8px;
}

/* New Paragraph Deigns */
.p-16 {
    font-size: 16px;
    line-height: 24px;
}

.p-14 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

.p-20 {
    font-size: 20px;
    line-height: 24px;
}

.p-12 {
    font-size: 12px;
    line-height: 16px;
}

.p-10 {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 3px;
}

.medium {
    font-weight: 500;
}

.base-text-color {
    color: var(--base-text-primary);
}

.light-grey-color {
    color: var(--lightgrey);
}

.primary-color {
    color: var(--primary);
}

.secondary-color {
    color: var(--secondary);
}

.profilke-footer {
    margin-top: 24px;
}

.btn-icon-text {
    background: #ffffff;
    border: 1px solid #E1DFDF;
    font-size: 12px;
    border-radius: 8px;
    padding: 7px 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.btn-icon-text:hover {
    background: var(--primary);
    color: #ffffff;
    border-color: var(--primary);
}

.mt-20 {
    margin-top: 20px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mt-16 {
    margin-top: 16px;
}

.mb-8 {
    margin-bottom: 8px;
}

.line-height-normal {
    line-height: normal !important;
}

.references-wrap-list .rwl-item {
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.references-wrap-list .rwl-item .rating {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    margin-top: 24px;
}

.references-wrap-list .rwl-item .rating .star {
    color: #16A34A;
}

.img-circle-32 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.job-pipeline-list>.jb-list-item:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E1DFDF;
}

#sidebar-left .profile-cover>img.cover {
    height: 70px;
    width: 100%;
    object-fit: cover;
}

#sidebar-left .white-shadow-box {
    overflow: hidden;
}

#sidebar-left .profile_header .profile_content-div .profile .d-block img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 8px;
    display: block;
}

#sidebar-left .profile_header .profile_content-div {
    padding: 16px 16px 24px 16px;
    margin-top: -40px;
}

#sidebar-left .profile_header .profile_content-div .profile-progress {
    max-width: 100%;
    margin-bottom: 0px;
}

.feed-selection-wrap .profile-cover img.cover {
    height: 198px;
    width: 100%;
    object-fit: cover;
}

.feed-selection-wrap .conten_wrap {
    padding: 16px;
}
.post-block-div .ac-post-form-showcase {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}
.post-block-div .ac-post-form-showcase .grey-txt-block {
    background: #EEEFF0;
    padding: 9px 8px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
.post-block-div .ac-post-form-showcase {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid #E1DFDF;
}
.post-block-div .post-actions_btns {
    background: transparent;
    border: none;
    color: #1E1E1E;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 15px;
}
.post-block-div .actions-wraps {
    padding: 5px 0px 0px;
}
.t-link {
    display: flex;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.c-icon {
    width: 15px;
    height: 15px;
    background: #001F72;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    border-radius: 50px;
    align-items: center;
    font-size: 9px;
}
.profile-info-in .c-icon {
    margin-left: 10px;
}
.activity_header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.activity-content .th-bp-footer-meta-actions .th-bp-footer-meta-actions-left {
    width: 290px;
    justify-content: space-between;
}



.custom-req-grenn {
    background-color: #16A34A !important;
    border-radius: 16px !important;
    padding: 6px 14px;
}

.custom-req-red {
 background-color: #961212 !important;
    border-radius: 16px !important;
    padding: 6px 14px;
}


.new-req-btn {
    padding: 10px 16px;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    background-color: #fff;
    color: #1E1E1E;
    font-size: 14px;
    font-family: sans-serif;
    cursor: pointer;
    text-align: center;
    width: 100%;
  }

  .new-req-btn:hover {
    color: #fff;
    background-color: var(--primary);
    border: 1px solid #001f72;
  }


.simple-smallbtn {
    background-color: #fff !important;
    border-radius: 8px !important;
    border: 1px solid #E1DFDF;
    padding: 6px 14px;
}


.custom-select-wrapper {
    display: inline-block;
    position: relative;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 9px 8px 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 12px;
    letter-spacing: 0px;
    cursor: pointer;
    font-family: "Inter", sans-serif;
}
.modal-design-1 .modal-dialog {
    max-width: 596px;
    border-radius: 8px;
}
.modal-design-1 .modal-dialog .modal-content {
    padding: 16px;
}
.modal-design-1 .modal-dialog .modal-content .modal-action {
    text-align: right;
}
.modal-design-1 .modal-dialog .modal-content .modal-action .btn-close {
    padding: 0px;
    width: 12px;
    height: 12px;
    background-size: 12px;
}
.modal-design-1 .modal-dialog .modal-content .modal-header {
    width: 100%;
    border: none;
    height: 80px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.modal-design-1 .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 24px;
    font-weight: 600;
}
.blue-theme.modal-design-1 .modal-dialog .modal-content .modal-header .modal-title{
    color: var(--primary);
}
.blue-theme.modal-design-1 .modal-dialog .modal-content .modal-header{
  background: #E6EFFB;
}
.modal-design-1 .modal-dialog .modal-content .modal-body {
    padding: 0px;
}
.modal-design-1 .modal-dialog .modal-content .modal-body .title-style-2 {
    margin: 24px 0px;
}
.form_bordered-items {
    border: 1px solid #E1DFDF;
    padding: 16px;
    border-radius: 8px;
}
.form_bordered-items .form-grouph:not(:last-child) {
    margin-bottom: 24px;
}
.file_upload-btn {
    position: relative;
}
.file_upload-btn label.form-label {
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
    border: 1px solid #E1DFDF;
    font-size: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    padding: 10px 15px;
}
.file_upload-btn input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
}
.form_bordered-items .form-grouph.file_upload-btn:not(:last-child) {
    margin-bottom: 16px;
}
.modal-design-1 .modal-dialog .modal-content .modal-footer {
    padding: 0px;
    margin-top: 48px;
    border: none;
}
.modal-design-1 .modal-dialog .modal-content .modal-footer .blue-btn {
    margin: 0px;
}
.form_bordered-items .uploaded_data {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    padding: 16px;
}
.form_bordered-items .uploaded_data img {
    width: 30px;
    height: 30px;
}
.form_bordered-items .uploaded_data .close {
    background: transparent;
    border: none;
    padding-right: 0px;
    color: #001F72;
    font-size: 14px;
    position: relative;
    top: 1px;
}
.modal-design-1.red-theme .modal-dialog .modal-content .modal-header {
    background: #FDE8E9;
}
.modal-design-1.red-theme .modal-dialog .modal-content .modal-header .modal-title {
    color: #D2131A;
}
.modal-design-1.yellow-theme .modal-dialog .modal-content .modal-header {
    background: #FFF9DB;
}
.modal-design-1.yellow-theme .modal-dialog .modal-content .modal-header .modal-title {
    color: #1E1E1E;
}
.feed-selection-wrap .conten_wrap .feed-filter-layout {
    margin-bottom: 5px;
}
.secondary-color{
    color: #D2131A;
}
.new-post-content {
    border: 1px solid #E1DFDF;
    padding: 24px 16px;
    border-radius: 8px;
    margin: 16px 0px;
}
.new-post-content .np-hdr p {
    display: flex;
    align-items: center;
    gap: 12px;
}
.new-post-content .np-hdr p>img {
    width: 12px;
}
.new-post-content .np-inner-cntnt {
    margin-top: 24px;
}
.new-post-content .np-inner-cntnt .types-div {
    margin-top: 24px;
}
.new-post-content .np-inner-cntnt .job-scope {
    margin-top: 24px;
}
.new-post-content .np-inner-cntnt .content_grid_div {
    margin: 24px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}
.new-post-content .np-inner-cntnt .action {
    border-top: 1px solid #E1DFDF;
    margin-top: 24px;
    padding-top: 24px;
}
.new-post-content .np-inner-cntnt .content_grid_div>p {
    font-size: 14px;
    margin-bottom: 0px;
}
.new-post-content .np-inner-cntnt .content_grid_div>p .title-label {
    display: block;
}
.header-wrap-item .link-list-design.designv2 li.nav-item.current-item img {
    filter: initial;
}
.header-wrap-item .link-list-design.designv2 li.nav-item.current-item .link-before {
    color: var(--primary);
}
@media (min-width: 1200px){
    .header-wrap-item .link-list-design.designv2 li.nav-item.current-item::after {
    content: '';
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 2px;
    background: var(--primary);
    left: 0;
    right: 0;
}
}
.documents_feed-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}
.file-icon.red svg {
    fill: var(--secondary);
}
.file-icon.blue svg {
    fill: var(--primary);
}
#masthead .nav-link:hover img {
    filter: initial;
}
#masthead .nav-link:hover .link-before {
    color: var(--primary);
}
.header-wrap-item .link-list-design.designv2 li.nav-item:hover img {
    filter: initial;
}
.header-wrap-item .link-list-design.designv2 li.nav-item:hover .link-before {
    color: var(--primary);
}
.header-wrap-item .link-list-design.designv2 .nav-item .th-bp-notif-logo:hover .badge-text-nav {
    color: var(--primary);
}
.modal-design-1.create-event .modal-dialog .modal-content .modal-header {
    margin-top: 0px;
    padding-top: 0px;
    height: auto;
    padding-bottom: 32px;
}
.modal-design-1.create-event .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 20px;
}
.events-post-div {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    margin: 16px 0px;
    overflow: hidden;
    padding-bottom: 24px;
}
.events-post-div .event-header {
    background: #E6EFFB;
    padding: 8px;
}
.events-post-div .event-header>p {
    color: #001F72;
    font-weight: 600;
}
.events-post-div .event-title-loc-block {
    padding: 0px 16px;
}
.events-post-div .event-title-loc-desc {
    padding: 0px 16px;
}
.events-post-div .event-details {
    padding: 0px 16px;
    display: flex;
    flex-direction: row;
    gap: 15px;
}
.events-post-div .action {
    padding: 24px 0px 0px !important;
    border-top: 1px solid #E1DFDF;
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto !important;
}
.job-pipeline .job-pipeline-list .abs-action-btns {
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
    justify-content: flex-end;
}
.job-pipeline .job-pipeline-list .abs-action-btns>a {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #e6effb;
    cursor: pointer;
}
.job-pipeline .job-pipeline-list .abs-action-btns>a:hover {
    background: var(--primary);
}
.job-pipeline .job-pipeline-list .abs-action-btns>a:hover i {
    color: #fff;
}
.custom-tooltip.new-tool ul li a {
    color: #fff !important;
    margin-bottom: 0px !important;
}
.events-post-div .documents_feed-container {
    padding: 0px 16px;
}
.events-post-div .documents_feed-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}
.events-post-div .event-title-loc-desc p {
    font-size: 14px;
    margin-bottom: 10px;
}
.events-post-div .event-title-loc-desc p:last-child {
    margin-bottom: 0px;
}
.span_name {
    display: inline-block;
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.header-wrap-item .link-list-design.designv2 li.nav-item .message-board-count {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    right: 50px;
}


.create-post-wrapper .post_header-div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}
.create-post-wrapper .post_header-div .content-textarea-wrap {
    width: calc(100% - 64px);
}
.create-post-wrapper .post_header-div .content-textarea-wrap #whats-new-content {
    margin: 0px;
}
.create-post-wrapper .title-style-2 {
    margin: 24px 0px;
}
.create-post-wrapper .post_header-div .post-main-img {
    padding-top: 12px;
}
.feed-selection-wrap .profile-cover {
    border-top-left-radius: 8px;
    overflow: hidden;
    border-top-right-radius: 8px;
}

/* width */
.job-pipeline::-webkit-scrollbar {
  width: 1px;
}

/* Track */
.job-pipeline::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.job-pipeline::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.job-pipeline::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.select-design .multiselect .multiselect__tags .multiselect__tags-wrap {
    width: 100%;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    max-width: 100%;
    align-items: flex-start;
    padding: 16px 16px 8px 16px;
    margin-top: 16px;
    margin-bottom: 8px;
}
.select-design .multiselect__tags {
    display: flex;
    flex-direction: column-reverse;
}
.select-design input.multiselect__input {
    position: initial !important;
    background: #EEEFF0 !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 0px !important;
    padding: 10px 8px !important;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}
.select-design input.multiselect__input::placeholder{
    font-size: 14px !important;
}
.select-design .multiselect__tags span.multiselect__placeholder {
    display: none;
}
body .rounded  .cstm-checkbox-btn .cstm-check-btn {
    border-radius: 50%;
}
body .rounded .cstm-checkbox-btn .cstm-check-btn::before {
    border-radius: 50%;
}
.single-select .multiselect {
    width: auto;
    max-width: fit-content;
}
.single-select .multiselect .multiselect__select {
    width: 24px;
    height: 24px;
    padding: 0px;
    position: relative;
    right: 0;
    top: 0;
}
.single-select .multiselect .multiselect__tags {
    min-height: auto;
    background: transparent;
}
.single-select .multiselect {
    width: auto;
    max-width: fit-content;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.single-select .multiselect .multiselect__tags .multiselect__input {
    background: transparent;
    margin-bottom: 0px;
    font-size: 14px;
    vertical-align: middle;
    display: block;
}
.single-select.blue-bg .multiselect {
    background: var(--primary);
    padding: 6px 10px;
    border-radius: 8px;
}
.single-select.blue-bg .multiselect .multiselect__select::before {
    filter: brightness(0) invert(1) !important;
}
.single-select.blue-bg .multiselect__tags input.multiselect__input,.single-select.blue-bg .multiselect__tags input.multiselect__input::placeholder {
    color: #fff;
}
.single-select.blue-bg .multiselect__tags .multiselect__single {
    color: #fff;
}
.single-select .multiselect .multiselect__select::before {
    background-size: 16px;
}
.like_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #E1DFDF;
    padding-bottom: 8px;
    margin-bottom: 16px;
}
.filter-language-btn.single-select .multiselect__select {
    width: 12px;
}
.filter-language-btn.single-select .multiselect__select::before {
    background-size: 12px;
    opacity: 0.5;
}
.filter-language-btn.single-select input.multiselect__input {
    max-width: 135px;
}
.filter-language-btn.single-select input.multiselect__input::placeholder {
    font-size: 12px !important;
}
.filter-language-btn.single-select .multiselect .multiselect__tags .multiselect__single {
    font-size: 12px !important;
}
.auto-complete-cntnt ul li>img {
    width: 100%;
}
.multiselect__content-wrapper {
    bottom: initial !important;
    top: 100% !important;
    left: 0;
    right: 0;
}
.mb-24{
  margin-bottom: 24px;
}
.mt-24{
  margin-top: 24px;
}
.select-design-single .multiselect {
    background-color: #eeeff0;
    border-radius: 8px !important;
    border: none;
    font-size: 14px;
    color: #1E1E1E;
    padding: 9px 8px;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
}
.select-design-single .multiselect .multiselect__tags {
    background: transparent;
    min-height: initial;
    padding-right: 30px;
}
.select-design-single .multiselect .multiselect__input {
    margin-bottom: 0px;
    font-size: 14px;
    padding: 0px 0px 0px 0px !important;
    box-sizing: border-box;
    max-width: fit-content;
    background: transparent;
}
.select-design-single .multiselect .multiselect__input::placeholder {
    font-size: 14px;
}
.select-design-single .multiselect__content {
    display: flex !important;
    flex-direction: column;
}
.multiselect__select{
    z-index: 9;
}
.container-custom {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 15px;
}
.user-account-segment ul.loggedin-user-links li a {
    text-align: center;
}
.user-account-segment ul.loggedin-user-links li .setting-btn {
    border: 1px solid #E1DFDF;
    font-size: 14px;
    padding: 8px 10px;
    color: #000;
    border-radius: 8px;
}
.user-account-segment ul.loggedin-user-links li .setting-btn:hover {
    background: #001f72;
    color: #fff;
}
.feed-selection-wrap.home_page h6 {
    margin-top: 10px;
}
.job-pipeline-list {
    max-height: 300px;
    overflow: auto;
    padding-right: 10px;
}
.single-select.blue-bg .multiselect .multiselect__select::before {
    top: -1px;
}
.filters-tab-list .nav-item.active .nav-link {
    background: #001f72;
    color: #fff !important;
}
.filters-tab-list .nav-item.active .nav-link .small-txt {
    color: #fff;
}
.feed-midlle-area ul.nav-tabs button#menu3-tab.nav-link.active {
    background-color: #D97706;
    border-color: #D97706;
}
.profile-progress .progress-bar[aria-valuenow="100"] {
    background-color: #001f72;
}
.simple-smallbtn img.toggle-icon-btn.rotated {
    transform: rotate(180deg);
}
body .select-design.blue-theme .multiselect__tag {
    background: #001f72;
}
#th-bp-whats-new.create-post-color.white-bg-box {
    color: #000 !important;
    border: 1px solid #efefef;
}
.color-sel-toggle .btn-item.clear-btn {
    font-size: 12px !important;
    padding: 0px 5px !important;
    width: auto;
}
#th-bp-whats-new:focus::before,.activity-post-form-popup .advanced-th-bp-activity-form.has-value::before{
    display: none !important;
}
.color-sel-toggle .btn-item.whiteBox::before {
    border-color: #000000 !important;
}
.header-wrap-item .link-list-design.designv2 li.nav-item.current-item .badge-text-nav {
    color: #001f72;
}
.mt-16 {
    margin-top: 16px !important;
}
.profile_card-details .user-details-left .user-name {
    display: flex;
    align-items: center;
}
.profile_card-details .user-details-left .user-name .verified-span {
    position: relative;
    top: 0px;
    margin-left: 18px;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    align-items: center;
}
.profile_card-details .user-details-left .user-name .verified-span .c-icon {
    width: 24px;
    height: 24px;
    font-size: 13px;
}
.notifications_list .feed-design-box aside#sidebar-left {
    top: 120px;
}
.notifications_list .feed-design-box aside#sidebar-right {
    top: 120px;
}
.notifications_list .feed-design-box {
    padding: 0px;
}
.filters-tab-list ul.nav.m-0.justify-content-center {
    flex-wrap: nowrap;
}
.filters-tab-list {
    width: 100%;
    max-width: 100%;
}
div#myTabContent button.toggle-details-btn.p-14.simple-smallbtn {
    min-width: 115px;
}
div#whats-new-attachments.has-attachments .dropdown-menu.show {
    display: none !important;
}
.custom_upload-wrapper .label_btn {
    padding: 8px 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    gap: 5px;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
    margin: 0px;
    cursor: pointer;
}
.custom_upload-wrapper .dropdown-menu {
    position: initial;
    margin-top: 10px;
    border-radius: 0px;
    box-shadow: none !important;
    margin-bottom: 5px;
    padding: 0px;
    border: 1px solid #E1DFDF;
    border-radius: 8px;
}
.custom_label-upload-button {
    position: relative;
    margin-bottom: 0px !important;
}
.custom_label-upload-button input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}
.custom_label-upload-button button {
    border: none;
    width: 100%;
    background: transparent;
    text-align: left;
    padding: 0px;
    font-size: 14px;
}
.custom_upload-wrapper .dropdown-menu li a {
    font-size: 14px;
    color: #000;
    cursor: pointer;
}
.custom_upload-wrapper .dropdown-menu li {
    padding: 10px;
    border-bottom: 1px solid #E1DFDF;
}
.custom_upload-wrapper .dropdown-menu li:last-child {
    border: none !important;
}
.preview_design {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
       flex-wrap: wrap; 
}
.preview_design>p {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 3px;
    vertical-align: bottom;
    position: relative;
    border: 1px dashed #ddd;
    padding: 10px;
    margin-bottom: 0px !important;
    text-align: center;
}
.preview_design .remove-media {
    position: absolute;
    top: -8px;
    left: -1px;
    background: var(--primary);
    border-radius: 50px;
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    padding: 0.5px 5px;
    cursor: pointer;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview_design .previewer-uploader input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}
.preview_design .previewer-uploader label {
    margin-bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.swal2-center .swal2-popup .swal2-icon {
    display: none !important;
}
.swal2-center .swal2-popup #swal2-title {
    color: #1E1E1E;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    padding-top: 32px;
}
.swal2-center .swal2-popup #swal2-html-container {
    color: #666666;
    line-height: 24px;
    font-weight: 400;
    padding-top: 16px !important;
    font-size: 16px;
}
.swal2-center .swal2-popup {
    width: 100%;
    max-width: 390px;
    padding: 0px;
}
.swal2-center .swal2-popup .swal2-actions button {
    margin: 0px !important;
}
.swal2-center .swal2-popup .swal2-actions {
    padding: 0px 16px 32px 16px;
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.swal2-center .swal2-popup .swal2-actions .swal2-cancel {
    border: 1px solid #E1DFDF;
    background: transparent !important;
    color: #1E1E1E !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    padding: 8px 16px;
}
.swal2-center .swal2-popup .swal2-actions .swal2-confirm {
    border: 1px solid #961212 !important;
    background: #961212 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    padding: 8px 16px;
}
.swal2-center .swal2-popup .swal2-actions .swal2-confirm:hover,.swal2-popup .swal2-actions .swal2-cancel:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}
#site-content .featured_div aside#sidebar-right,#site-content .trade_div-block aside#sidebar-right {
    top: 100px;
}
.for-tn-mrgn-email.active .add-employ-btn {
    color: #000000 !important;
}
.modal-body .btn-close {
    width: 12px;
    height: 12px;
    font-size: 12px;
}
.cstm-checkbox-wrap .cstm-check-btn::after {
    content: '';
    position: absolute;
    left: 3.2px;
    width: 8px;
    height: 4px;
    border-top: 2px solid #ffffff;
    display: block !important;
    border-right: 2px solid #ffffff;
    transform: rotate(139deg);
    top: 4px;
}
.feed-selection-wrap .feed-filter-layout .select-country {
    width: 40.4%;
}
.feed-selection-wrap .feed-filter-layout .select-country .multiselect {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.filters-tab-list .nav-item .filters-sub-menu li{
    margin-bottom: 12px;
}
.feed-design-box.single-feed-layout main#main {
    min-height: calc(100vh - 250px);
}
#sidebar-left>div:last-child, #sidebar-right>div:last-child {
    margin-bottom: 0px !important;
}
.swal2-cancel {
    background-color: transparent !important;
}
.activity-content .th-bp-footer-meta-actions .multiselect__placeholder {
    color: var(--lightgrey);
    font-weight: 500;
    font-size: 12px;
}
.overlay_full {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}
.select-design.yellow-theme .multiselect__tags-wrap .multiselect__tag {
    background: #FFBE41 !important;
    color: #1E1E1E !important;
}
.select-design.yellow-theme .multiselect__tags-wrap .multiselect__tag .multiselect__tag-icon::after {
    color: #1E1E1E !important;
}
#chat-msg-box {
    max-height: 100px;
}
.pt-20 {
    padding-top: 20px !important;
}
.badge-red {
    position: absolute;
    right: -10px;
    width: 20px;
    height: 20px;
    background: #D2131A;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
}
.custom-model .inner-structure-main a {
    border: none !important;
    background: transparent !important;
}
.is-cropping .upload-container, .is-cropping .upload-cover-wrapper {
    display: none;
}
.expand-inner .inner_wrap-div-flex .magnific-img {
    width: 31%;
}
.profile_action-footer .border_btn {
    background: #fff;
}
.licence-certification-list .lc-items .btn-icon-text {
    margin-top: 15px !important;
}
.main-slider-d {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.main-slider-d>div {
    padding: 0px 5px !important;
    border: none !important;
}
.main-slider-d>div .feed-div-wrap {
    border: 1px solid #E1DFDF;
    padding: 15px;
    border-radius: 8px;
}
.btn-icon-text.red {
    background: #d2131a !important;
    border-color: #d2131a !important;
    color: #ffffff !important;
}
body .btn-icon-text.red:hover{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.modal .btn.nxt-btn {
    background: #001f72 !important;
    color: #fff !important;
}
body .modal .btn.nxt-btn:hover {
    background: #d2131a !important;
    border-color: #d2131a !important;
    color: #ffffff !important;
}
.btn-icon-text.exclamation-icon {
    font-size: 22px;
    pointer-events: none;
    color: red !important;
    background: transparent;
    border: none;
    padding: 0px;
}



@media (min-width: 1200px){
    body .header-wrap-item .header-left-cntnt {
    width: 29.6%;
}
.user-account-segment ul.loggedin-user-links{
    min-width: 390px;
}
}
@media (min-width: 1200px) and (max-width: 1300px){
    body .header-wrap-item .link-list-design.designv2 li.nav-item {
    padding: 0px 15px;
}
}
@media (max-width: 767px){
#masthead.is-logged-in .header-wrap-item .header-logo {
    position: relative;
    margin-right: 20px;
}
.main-slider-d>div {
    width: 100% !important;
    min-width: 100% !important;
}
#activity-stream .activity-list.bp-list .activity-item {
    margin-top: 0px !important;
    margin-right: 0px !important;
    padding: 0px !important;
    border: none !important;
}
#activity-stream .activity-list.bp-list .activity-item .feed-div-wrap {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    max-width: 98%;
    border: 1px solid #E1DFDF;
    border-radius: 5px;
}
.profile-content-flex .profile-content-left #buddypress #activity-stream {
    padding: 0px;
}
body .licence-certification-list>.lc-items:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
body .project-grid-container .project-grid-item {
    width: 100%;
    height: auto;
    min-height: 181px;
}
body .project-grid-container .project-grid-item img {
    height: auto;
}
body .profile_card-details {
    flex-wrap: wrap;
    gap: 0px;
}
.profile_card-details .user-details-left {
    width: 100%;
}
.profile_card-details .contact_details {
    width: 100%;
}
body .project-grid-container {
    flex-wrap: wrap;
}
.expand-inner .inner_wrap-div-flex .magnific-img {
    width: 100% !important;
}
.feed-selection-wrap.home_page .feed-filter-layout {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 7px !important;
}
.feed-selection-wrap.home_page .feed-filter-layout .select-country {
    width: 100% !important;
}
body .activity_header-left .activity_img .avatar-64 {
    width: 32px;
    height: 32px;
    min-width: 32px;
}
.job-pipeline-list {
    max-height: initial !important;
    padding-right: 0px !important;
}
.mobile-active-class .mobile-close-sidebtn {
    padding: 0px !important;
    margin-bottom: 10px;
}
body .verified-span {
    margin-left: 5px !important;
}
.activity_header {
    flex-wrap: wrap;
    padding-right: 35px;
}
.activity_header .activity_header-right .activity-extension-links {
    position: absolute !important;
    top: 6px;
    right: 0;
}
.activity_header .activity_header-right {
    width: 100%;
    max-width: calc(100% - 38px);
    margin-left: auto;
    margin-top: 5px;
}
#masthead.is-logged-in .header-wrap-item .header-logo #main-toggle-btn {
    position: absolute;
    right: -20px;
    top: 9px;
    width: 40px;
    height: 40px;
    background: #002481;
    border-radius: 50%;
    border: none;
    color: #fff;
    cursor: pointer;
}
#masthead.is-logged-in .header-right-cntnt .item--inner.builder-item--signin_signup {
    display: none;
}
.mobile-notofication-link img {
    height: 38px;
    filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
    position: relative;
    bottom: 5px;
}
#masthead.is-logged-in .header-wrap-item .header-left-cntnt {
    width: calc(100% - 50px);
}
header#masthead.is-logged-in .header-wrap-item .header-center-cntnt {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    box-shadow: 8px 0px 24px rgba(0, 0, 0, 0.08);
    padding: 0px 15px;
}
header#masthead.is-logged-in .header-wrap-item .header-center-cntnt #site-navigation-main-desktop-primary-menu {
    justify-content: space-between;
}
header#masthead.is-logged-in .header-wrap-item .header-center-cntnt #site-navigation-main-desktop-primary-menu .nav-item.vendor-store, header#masthead.is-logged-in .header-wrap-item .header-center-cntnt #site-navigation-main-desktop-primary-menu .nav-item.notifications {
    display: none !important;
}
.header-wrap-item .link-list-design.designv2 li.nav-item.current-item {
    border-bottom: 1px solid var(--primary) !important;
    padding: 0px 10px;
}
body .auto-complete-dropdown {
    max-width: 100%;
}
body .activity_hdr-cntnt .badge-title {
    margin-bottom: 5px;
}
.mobile-active-class .feed-design-box,.mobile-active-class .profile-content-right {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100% !important;
    height: 100vh;
    background: #EEEFF0;
    padding: 10px !important;
    z-index: 99999999;
    overflow: auto;
    margin: 0px !important;
}
.mobile-active-class .feed-design-box main#main {
    display: none;
}
.header-wrap-item .link-list-design.designv2 li.nav-item{
        padding: 0px 10px !important;
}
.profile-content-flex .profile-content-left {
    width: 100%;
}
body:not(.mobile-active-class) .profile-content-right {
    display: none;
}
.mobile-active-class .feed-design-box>div {
    display: none !important;
}
}
@media (min-width: 768px){
    .hide-mb-block{
        display: none !important;
    }
    .post-block-div .actions-wraps span.mobile-show {
    display: none;
}
}
@media (max-width: 1199px){
    #masthead.is-logged-in .header-right-cntnt #google_translate_element {
    display: none;
}
.filters-tab-list ul.filters-sub-menu {
    position: fixed !important;
}
.filters-tab-list .justify-content-center {
    justify-content: flex-start !important;
}
.filters-tab-list {
    overflow: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.filters-tab-list::-webkit-scrollbar {
  display: none;
}
}
@media (max-width: 1199px) and (min-width: 768px){
.header-wrap-item .link-list-design.designv2 li.nav-item {
    padding: 0px 5px !important;
}
.header-wrap-item .link-list-design.designv2 li.nav-item .link-before {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.builder-item--signin_signup .user-account-segment .user-loggedin img.avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
}
.header-wrap-item .link-list-design.designv2 .nav-link img, .header-wrap-item .link-list-design.designv2 .nav-item button img, .header-wrap-item .link-list-design.designv2 .nav-item .th-bp-notif-logo img {
    height: 28px !important;
}
body .header-wrap-item .header-left-cntnt {
    width: 35%;
}
}
@media (min-width: 992px){
    #sidebar-left {
    position: sticky;
    top: 85px;
    bottom: 0;
    overflow: auto;
    margin-bottom: 100px;
    height: calc(100vh - 85px);
}
#sidebar-right {
    position: sticky;
    top: 85px;
    bottom: 0;
     height: calc(100vh - 85px);
    overflow: auto;
    margin-bottom: 100px;
}
body .filters-tab-list+.feed-design-box aside#sidebar-left,body .filters-tab-list+.feed-design-box aside#sidebar-right{
    top: 142px;
    height: calc(100vh - 142px);
}
}