.landing-page,html {
    scroll-behavior: smooth
}

.header-user-area ul li,.header-user-area ul li a,.header-user-area ul li.selected a {
    font-family: Muli,sans-serif
}

img {
    image-orientation: from-image
}

.js-player .vjs-time-control {
    display: block
}

.js-player .vjs-remaining-time {
    display: none
}

.mobile-page-body {
    width: 350px!important;
    overflow: scroll!important;
    height: 900px!important;
    margin: 0 auto!important
}

.image-item img,.video-item video {
    width: auto;
    max-height: 700px;
    max-width: 100%;
    margin: 0 auto
}

.audio-item audio {
    width: 95%;
    margin: 0 auto
}

.image-item,.video-item {
    text-align: center;
    margin: 0 auto;
    background: rgba(0,77,105,.15)
}

.audio-item {
    width: auto;
    padding: 10px 20px;
    background: unset
}

.audio-item .overlay-remove {
    right: 5px;
    top: 19px
}

.overlay-remove {
    position: absolute;
    right: 15px;
    background-color: #fff;
    padding: 1px 5px;
    line-height: 20px;
    top: 15px;
    border-radius: 2px
}

.media-attachment-preview {
    padding: 0 25px 5px
}

.media-attachment-preview .image-item,.media-attachment-preview .video-item {
    position: relative;
    width: unset;
    max-width: 100%;
    display: inline-block;
    padding: 5px
}

.at-item {
    position: relative;
    cursor: auto
}

.view-more-attachments {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #f2c3b5;
    font-weight: 900
}

.shared-post-content {
    border: 1px solid #dae4e8;
    margin: 0 25px
}

.shared-post-content .post {
    padding: 0
}

.comment-panel.show-comments {
    overflow: inherit;
    max-height: unset
}

.d-block {
    display: block!important
}

.form-group input.error,input.error,select.error,textarea.error {
    border: 1px solid #d01c1c
}

.form-group label.error,label.error {
    text-align: left;
    color: #d01c1c;
    width: 100%;
    font-size: 12px;
    display: inline-block
}

.journey .d-journey .years-graph-bg .years-single span:after {
    content: unset;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e5e5e5
}

.journey .d-journey .years-graph-bg .years-single:first-child span:after,.journey .d-journey .years-graph-bg .years-single:last-child span:after {
    display: none
}

.join-reloop-next-button {
    background: #004d69;
    color: #fff
}

.input-disabled {
    background: #aac3cd
}

.messenger-page .verti-tab,.network-page .verti-tab {
    margin-left: 0
}

.list-unstyled a img {
    height: 160px;
    width: auto;
    margin-right: 10px
}

.list-unstyled a .sm-img {
    height: 25px;
    width: auto;
    margin-right: 10px
}

.list-unstyled p {
    white-space: pre-wrap
}

.view-more-msg-section {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.reply-textarea-box .error {
    width: auto
}

.pad-30 {
    padding: 30px
}

p.nrf {
    width: 100%;
    padding: 20px
}

.cropper-face,.cropper-view-box {
    border-radius: 50%
}

.in-depth .indepth-content-inner {
    overflow-y: auto;
    overflow-x: hidden
}

.seek-spt-content {
    padding: 10px;
    font-size: 16px;
    word-break: break-word;
    line-height: 22px
}

p.bio-headline {
    margin: 15px 0;
    font-size: 16px;
    line-height: 16px;
    color: #004d69;
    font-weight: 700
}

.loops-page .verti-tab,.modal.d-adding-process .checkbox-single {
    margin-left: 0
}

.add-journey-small-img {
    width: 40px;
    float: right
}

.header-user-area {
    background-color: #fff;
    z-index: 3;
    text-align: left;
    border-width: 0 1px 1px
}

.header-user-area ul {
    position: relative;
    display: block;
    z-index: 2
}

.header-user-area ul li {
    border: none;
    border-radius: 0;
    transition: all .5s
}

.header-user-area ul li:last-child {
    min-height: unset;
    padding-bottom: 0
}

.header-user-area ul li a {
    line-height: 25px;
    font-size: 18px;
    display: block;
    color: rgba(0,0,0,.66);
    padding: 0 15px 0 80px;
    position: relative;
    transition: all .5s;
    margin-bottom: 0
}

.header-user-area ul li .header-search-bottom a {
    padding: 0
}

.header-user-area ul li.selected {
    background: #004d69!important;
    border-color: rgba(235,235,235,.5)!important
}

.header-user-area ul li.selected a {
    color: rgba(255,255,255,.66)!important
}

.header-user-area ul li a .img-icons {
    width: 55px;
    height: 55px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    transition: all .5s
}

.header-user-area ul li a .img-icons img {
    display: block;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    object-fit: cover
}

.modal .header-user-area {
    margin-top: -15px
}

.modal .easy-autocomplete.eac-square {
    width: auto!important
}

.eac-item .img-icons img {
    border-radius: 50%;
    object-fit: cover
}

.modal .row {
    max-height: 160px;
    overflow-y: auto
}

.modal .row .check-form-group {
    width: 49%;
    margin-bottom: 5px;
    display: inline-block
}

.modal#inviteGoogleModal .row .check-form-group {
    width: calc(100% - 45px);
    margin-bottom: 15px;
    display: block
}

.post .post-img {
    width: auto;
    max-width: 100%
}

.my-account-menu li.d-account-holder img {
    border-radius: 50%;
    object-fit: cover
}

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

.mt20 {
    margin-top: 20px!important
}

.header_menu {
    margin-left: 50px
}

.msg-plus-chat-icon {
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 5px
}

.requests .request-single .request-item-comment-list {
    max-height: 320px;
    overflow-y: auto
}

.image-item .overlay-remove img,.video-item .overlay-remove img {
    height: 12px!important;
    width: 12px!important
}

.in-depth .indepth-content-left {
    width: calc(100% - 65px)
}

.account-recomendations .recomended-account-slide .slide-single.no-hover-effect:hover {
    padding: 0!important;
    -webkit-transform: initial!important;
    min-height: 155px;
    transform: initial!important;
    margin-left: 0!important
}

.whole-textarea-box .link-preview-section {
    padding: 0
}

.link-preview-section .new-opportunities.new-recomended-opportunities {
    border: none
}

.link-preview-section a.close {
    width: 12px;
    height: 12px;
    color: #222;
    display: block;
    position: absolute;
    right: 10px;
    transition: ease all .5s;
    float: right;
    font-size: 50px;
    font-weight: 400
}

.link-preview-section a.close:hover {
    transform: rotate(360deg)
}

.link-preview-section a.close img {
    display: block
}

.link-preview-section .new-opportunities {
    box-shadow: none;
    border: none;
    padding: 0;
    width: auto
}

.link-preview-section .new-opportunities .d-img {
    border-radius: 0;
    box-shadow: none
}

.link-preview-section .new-opportunities .d-content {
    position: relative;
    left: 0;
    top: 0;
    word-break: break-word
}

.shared-post-content .post-text .link-preview-section .new-opportunities .d-img {
    max-width: 100%
}

span.username a {
    color: #004d69
}

.shared-post-content .post {
    width: 100%
}

.post a.close {
    height: 11px;
    width: 11px;
    display: block;
    position: absolute;
    top: -5px;
    right: 25px
}

.loops-btm-button-row,.show-updated-loops-table,.show-updated-loops-table ul li span {
    display: inline-block;
    vertical-align: middle
}

.post .post-text p {
    word-break: break-word
}

a.delete-all-notification {
    margin-top: 15px;
    width: auto;
    height: 40px;
    line-height: 40px
}

.exit_overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.parent-ul {
    z-index: 2
}

#notification .inner-content .d-img img {
    height: 30px;
    width: 61px;
    margin-left: 10px;
    margin-top: 8px
}

.doughnutSummaryNumber {
    width: auto
}

.dashboard-page {
    position: relative
}

.show-updated-loops-table {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: #dadada solid 1px
}

.memberships-page *,.show-updated-loops-table * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.show-updated-loops-table ul {
    width: 100%;
    float: left;
    padding: 0 20px
}

.show-updated-loops-table ul li {
    width: 25%;
    padding: 8px 0 15px;
    float: left;
    background: #f9e4dd;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #707070
}

.show-updated-loops-table ul li:first-child {
    border-radius: 8px 0 0 8px
}

.show-updated-loops-table ul li:nth-child(3) {
    border-radius: 0 8px 8px 0
}

.show-updated-loops-table ul li:nth-child(3) span {
    border: none
}

.show-updated-loops-table ul li:last-child {
    border-radius: 8px;
    background: #c9cacc;
    color: #fff
}

.show-updated-loops-table ul li:last-child span {
    color: #fff;
    border: none
}

.show-updated-loops-table ul li span {
    border-right: #fff solid 1px;
    width: 100%;
    padding: 15px;
    color: #004d69
}

.loops-btm-button-row {
    width: 100%
}

.loops-btm-button-row * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.loops-btm-button-row .button-col {
    width: 50%;
    padding: 20px 20px 0;
    float: left
}

.loops-btm-button-row .button-col .loops-btn {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.loops-btm-button-row .button-col .btn1 {
    background: #c9cacc
}

.loops-btm-button-row .button-col .btn1:hover {
    background: #b5b6b6
}

.loops-btm-button-row .button-col .btn2 {
    background: #fff;
    border: 1px solid #004d69;
    color: #004d69
}

.loops-btm-button-row .button-col .btn2:hover {
    background: #004d69;
    color: #fff
}

.loops-btm-button-row .button-col .btn3 {
    background: #a8c3bc
}

.loops-btm-button-row .button-col .btn3:hover {
    background: #96afa8
}

.loops-btm-button-row .button-col .btn4 {
    background: #004d69;
    color: #fff
}

.loops-btm-button-row .button-col .btn4:hover {
    background: #fff;
    border: 1px solid #004d69;
    color: #004d69
}

.d-loops h3 {
    margin-bottom: 30px
}

.modal .new-opportunities .new-opportunity-options ul {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    float: left
}

.modal .new-opportunities .new-opportunity-options li {
    float: left;
    display: inline-block;
    margin: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    background: #fff;
    text-align: center;
    transition: ease all .5s;
    overflow: hidden
}

.modal .new-opportunities .new-opportunity-options li a {
    display: block!important;
    line-height: 40px!important;
    text-align: center;
    transition: ease all .5s
}

.modal .new-opportunity-options li a img {
    width: auto;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    filter: brightness(500%)
}

.content-page-title {
    text-align: center;
    margin-top: 30px
}

.content-page-title h1.page-title,.content-page-title h2 {
    color: #004d69;
    font-size: 24px;
    line-height: 40px;
    font-weight: 900;
    text-transform: none
}

.content-page-desc {
    padding: 20px;
    margin-left: 30px;
    margin-right: 30px
}

.price-btn .plan_status_info {
    background: 0 0;
    cursor: auto
}

.price-btn .plan_status_info:hover {
    color: auto;
    background: 0 0
}

.price-btn .disabled-purchase {
    cursor: not-allowed
}

.main_nav li a {
    color: #fff
}

.sticky .main_nav li a {
    color: #79818c
}

.footer {
    margin-top: 0
}

footer .copyright {
    font-size: inherit!important
}

footer .copyright.rightbar {
    position: absolute;
    top: 25px;
    right: 10px;
    font-size: 14px!important;
    color: #474747
}

#footer {
    padding: 50px 0
}

.account-recomendations .recomended-account-slide .slide-single .d-content .designation {
    white-space: nowrap;
    text-overflow: ellipsis
}

.disabled-btn {
    background: #a9a9a9
}

.base-btn.disabled-btn,.base-btn.disabled-btn:focus,.base-btn.disabled-btn:hover {
    background-color: rgba(0,77,107,.05)!important;
    color: rgba(0,77,105,.3)!important
}

.post-text p {
    white-space: pre-wrap
}

a.pink-salmon-btn,a.pink-salmon-btn:hover {
    background: #f2c3b5;
    color: #004d69
}

.d-adding-process .process-form .custom-file-input::after {
    display: none
}

.timeline-info .tabcontent .edit-profile-icon {
    z-index: 2
}

@media only screen and (min-width: 1025px) {
    .timeline-main {
        width:48.2%
    }

    .comment-panel .your-comment {
        line-height: 15px;
        font-size: 13px
    }
}

@media only screen and (min-width: 1425px) {
    .timeline-main {
        width:50.4%
    }

    .support-body .timeline-main {
        width: 65.4%
    }
}

.pricing-page {
    width: 100%;
    float: left;
    margin-bottom: 100px;
    background: #fff
}

.pricing-page * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.plan-section {
    background: #f4c9bd;
    width: 100%;
    float: left;
    padding: 120px 0 60px
}

.plan-section .plan-title {
    width: 40%;
    float: left;
    font-size: 60px;
    color: #6d7074;
    font-weight: 700;
    line-height: 55px
}

.plan-section .plan-detail {
    width: 60%;
    float: left;
    padding-left: 20px
}

.plan-section .plan-detail .price-text {
    width: 100%;
    float: left;
    font-size: 90px;
    font-weight: 700;
    color: #004d69;
    line-height: 100px
}

.plan-section .plan-detail .price-text span {
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    vertical-align: top
}

.plan-section .plan-detail ul {
    width: 100%;
    float: left;
    margin: 20px 0 0;
    padding: 0
}

.plan-section .plan-detail ul li {
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 25px;
    color: #fff;
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    font-weight: 700
}

.plan-section .plan-detail .price-btn {
    width: 100%;
    float: left;
    margin-top: 30px
}

.faq-section,.feed-wrapper .custom-preview-outer .my-name,.timeline-main .custom-preview-outer .my-name {
    margin-top: 0
}

.plan-section .plan-detail .price-btn .main_button {
    width: auto
}

.faq-section {
    width: 100%;
    float: left
}

.faq-section .faq-title {
    width: 100%;
    font-size: 42px;
    color: #004d69;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 30px
}

.faq-slider {
    width: 100%;
    float: left;
    margin-top: 30px
}

.faq-slider ul {
    width: 100%;
    display: inline-block
}

.faq-slider ul li {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.faq-slider .accordion-trigger {
    background-color: #fff;
    display: block;
    padding: 20px 40px 20px 0;
    position: relative;
    color: #004d69;
    font-size: 20px;
    font-weight: 600;
    border-bottom: #004d69 solid 1px;
    line-height: 28px
}

.memberships-page .faq-slider .accordion-trigger {
    background-color: unset
}

.memberships-page .faq-outer {
    background: #f9f9f9
}

.memberships-page .faq-section {
    float: none
}

.memberships-page .faq-section .faq-outer {
    padding: 0 100px
}

.memberships-page .faq-slider .accordion-trigger {
    padding-top: 50px;
    padding-bottom: 20px
}

.faq-slider .accordion-trigger.expanded {
    border-bottom: none
}

.faq-slider .accordion-trigger:after {
    display: block;
    width: 18px;
    height: 10px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px
}

.faq-slider .accordion-trigger.expanded:after {
    content: "";
    background: url(../images-nct/up-arrow.png) center center
}

.faq-slider .accordion-trigger.collapsed:after {
    content: "";
    background: url(../images-nct/down-arrow.png) center center
}

.faq-slider .accordion-content {
    overflow: hidden;
    -webkit-transition: height .25s;
    -moz-transition: height .25s;
    transition: height .25s
}

.faq-slider .accordion-content.expanded {
    height: auto
}

#explainer-slider .owl-theme .owl-nav,.faq-slider .accordion-content.collapsed {
    height: 0
}

.faq-slider .accordion-content p {
    padding: 0 0 25px;
    color: #6d7074;
    font-size: 18px;
    width: 100%;
    float: left;
    border-bottom: #004d69 solid 1px;
    line-height: 24px
}

.desc_text,.tooltip-outer.bs-tooltip,.tooltip-outer.bs-tooltip p,.ui-tooltip {
    line-height: 20px!important
}

.loop-tally h3 {
    width: 100%;
    padding: 10px!important
}

.readonly {
    pointer-events: none;
    cursor: default
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #eee;
    border: unset!important
}

.sub_header {
    color: #004d69;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 900
}

.desc_text,.text-bold {
    font-weight: 700!important
}

.desc_text {
    color: #707070!important;
    font-family: Muli!important;
    font-size: 16px!important;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: normal!important
}

.grey_btn {
    background-color: #f1f1f1;
    min-width: calc(100% - 100px);
    text-align: center;
    display: block;
    padding: 15px 0;
    color: #004d69;
    font-weight: 900!important;
    text-decoration: none!important
}

.width-25,.width-50,.width-75 {
    padding-right: 15px
}

#signup-info .link-btn,.link-btn-2,.rg-section.todo-list .item h3 a,.text-underline {
    text-decoration: underline!important
}

.text-pointer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(255,255,255,.95);
    padding-top: 0;
    cursor: pointer;
    height: 24px;
    color: #004d69;
    font-weight: 700
}

.bg-grey {
    background: #eee!important
}

.margintop-250 {
    margin-top: 250px
}

.margintop-200 {
    margin-top: 200px
}

.margintop-150 {
    margin-top: 150px
}

.margintop-100 {
    margin-top: 100px!important
}

.margintop-90 {
    margin-top: 90px!important
}

.margintop-80 {
    margin-top: 80px!important
}

.margintop-70 {
    margin-top: 70px
}

.margintop-60 {
    margin-top: 60px
}

.margintop-50 {
    margin-top: 50px!important
}

.margintop-40 {
    margin-top: 40px!important
}

.margintop-30 {
    margin-top: 30px!important
}

.margintop-20 {
    margin-top: 20px!important
}

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

.margintop-5 {
    margin-top: 5px
}

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

.marginleft-10 {
    margin-left: 10px
}

.marginleft-20 {
    margin-left: 20px
}

.marginleft-30 {
    margin-left: 30px
}

.marginright-10 {
    margin-right: 10px
}

.box-shadow-grey {
    box-shadow: 0 10px 25px rgba(0,0,0,.16)
}

.main_header_txt {
    font-size: 25px;
    text-align: left;
    color: #3b4556;
    font-weight: 700;
    font-family: Muli;
    text-transform: none!important
}

.signup-wrapper .main_header_txt {
    font-size: 20px
}

#basic-info input::placeholder,.placeholder {
    color: rgb(0,0,0,.65)!important;
    font-size: 14px!important;
    font-family: Muli!important;
    text-align: left
}

#frmLogin span.check-text,.border_btn,.default-select,.more-dropdown-final .options {
    font-family: Muli,sans-serif
}

#newPostModal .placeholder {
    color: #343839!important;
    font-size: 16px!important;
    line-height: 24px!important
}

.font-10,.font-8 {
    line-height: 14px
}

.text-center {
    text-align: center!important
}

.color_blue {
    color: #004d69!important
}

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

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

.font-12 {
    font-size: 12px!important;
    line-height: 16px
}

.font-13,.font-14,.link-btn {
    line-height: 18px
}

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

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

.font-16 {
    font-size: 16px!important;
    line-height: 22px
}

.font-18 {
    line-height: 24px
}

.font-20 {
    line-height: 26px
}

.font-22 {
    font-size: 22px!important;
    line-height: 28px
}

.font-24 {
    font-size: 24px!important;
    line-height: 32px!important
}

.font-30 {
    font-size: 30px!important;
    line-height: 42px
}

.text-600 {
    font-weight: 600!important
}

.text-700 {
    font-weight: 700!important
}

.paypal-btn,.text-900 {
    font-weight: 900!important
}

.text-500 {
    font-weight: 500!important
}

.text-300 {
    font-weight: 300!important
}

.text-italic {
    font-style: italic!important
}

.text-grey {
    color: grey!important
}

.text-light_grey {
    color: #BFC2C8!important
}

.d-none {
    display: none!important
}

.plyr--audio .plyr__controls {
    background: rgba(0,77,105,.15)
}

.join-baseinfo {
    width: 100vw;
    float: left;
    height: auto;
    text-align: center;
    position: relative
}

.border_btn {
    color: #004d69;
    width: calc(100% - 100px);
    border: 2px solid #004d69;
    display: block;
    height: 50px;
    border-radius: 6px
}

.base-btn,.feed-outer .feed-heading-txt,.feed-outer .feed-subheading-txt,.light_grey_btn,.login-page .links-outer a.link-text,.popup_header {
    font-family: Muli
}

.grey-text {
    color: #333!important
}

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

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

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

.width-50 {
    width: 45%;
    margin: 0 auto;
    float: left;
    padding-left: 15px
}

.processform-buttons.journey-btns {
    padding: 0 20px
}

.video-placeholder {
    margin: 50px auto;
    height: 280px;
    width: 460px;
    border: 1px solid #000;
    text-align: center
}

.dark_grey-text {
    color: #3b4556
}

.light_grey_btn,.light_pink_btn {
    color: #000;
    width: calc(100% - 100px);
    border-radius: 6px;
    display: block;
    margin: 10px auto;
    text-align: center;
    text-decoration: none!important;
    height: 50px;
    font-size: 14px
}

.light_grey_btn {
    background-color: #ebebeb;
    line-height: 50px
}

.light_pink_btn {
    background-color: #fcf3f0;
    line-height: 50px
}

.clearfix,.clearfix::after,.clearfix:after,.clearfix:before {
    display: table;
    clear: both
}

.blue-btn {
    background: #004d69!important;
    color: #fff!important;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    font-weight: 800;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.blue-btn:hover {
    background-color: rgba(0,77,107,.08)!important;
    color: #004d69!important
}

.begin-btn,.icon-small a {
    background-color: #a8c3bc
}

.decoration-none {
    text-decoration: none!important
}

.float-right {
    float: right!important
}

.float-left {
    float: left!important
}

.float-none,.search-term-page .todays-timeline .my-panel {
    float: none!important
}

.clearfix::after {
    content: ""
}

.custom-checkbox input[type=checkbox] {
    height: auto;
    width: auto;
    display: inline-block;
    margin-bottom: 0
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

#frmRegistration .checkbox-single {
    margin-bottom: 0;
    height: 26px
}

#frmRegistration_2 .checkbox-single {
    margin: 5px 0 0
}

#frmRegistration .form-group label.error,.form-group,label.error {
    margin-bottom: 15px
}

#frmRegistration .form-group label.error>input {
    margin-bottom: 5px
}

#frmRegistration input[type=text],#frmRegistration input[type=password],#frmRegistration input[type=email] {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,.66)
}

#frmRegistration .custom-checkbox,#frmRegistration_2 .custom-checkbox {
    width: 48%;
    float: left;
    display: inline-block;
    text-align: left
}

#frmRegistration .custom-checkbox label,#frmRegistration_2 .custom-checkbox label {
    text-align: left;
    padding-left: 20px
}

.timeline-main .support-post .custom-post-info .post-sharing {
    bottom: -30px
}

.light_black {
    color: rgba(0,0,0,.66)!important
}

.light_grey-text {
    color: #9e9e9e!important
}

.pink-link-btn,.popup_header {
    color: #004d69;
    font-weight: 700
}

.pink-link-btn {
    font-size: 16px;
    text-align: left;
    padding: 15px;
    display: inline-block
}

.popup_header {
    font-size: 18px;
    text-align: center
}

.popup_desc_text {
    font-size: 16px;
    color: #707070;
    font-weight: 700;
    text-align: center
}

.login-page .links-outer a.link-text {
    color: rgba(0,0,0,.5);
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline
}

.begin-btn {
    width: 150px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    padding: 16px;
    border-radius: 5px
}

.begin-btn.begin-btn.join-reloop-next-button {
    padding: 0
}

.begin-btn.addprof-pic-button {
    padding: 16px 9px
}

.feed-wrapper .custom-preview-outer .d-img,.timeline-main .custom-preview-outer .d-img {
    width: 100%;
    max-width: unset
}

.feed-wrapper .custom-preview-outer .d-content,.timeline-main .custom-preview-outer .d-content {
    width: calc(100% + 1px);
    background: rgba(242,195,181,.6)
}

.feed-wrapper .custom-preview-outer .d-content .sub-content,.timeline-main .custom-preview-outer .d-content .sub-content {
    padding: 10px
}

.feed-wrapper .custom-preview-outer .designation,.timeline-main .custom-preview-outer .designation {
    margin-top: 10px
}

.feed-wrapper .custom-preview-outer .close,.timeline-main .custom-preview-outer .close {
    height: 20px;
    width: 20px;
    right: -8px;
    top: -8px;
    background: rgba(242,195,181,1);
    border-radius: 50%;
    padding: 3px
}

.pinkbox,.whitebox {
    border-radius: 7px;
    position: relative;
    text-align: center
}

.whitebox {
    margin-top: 0;
    padding: 25px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,.15)
}

.pinkbox {
    background: #f6d7ce!important;
    padding: 25px
}

.feed-outer .img-area {
    width: 215px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -115px;
    left: 0;
    right: 0;
    border: 5px solid #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    max-width: 80%;
    background: rgba(0,77,105,0);
    transition: all ease .5s
}

.base-btn,.feed-outer .box-foot a,.feed-outer .fa,.feed-outer .icon img,.feed-outer .icon-txt,.feed-wrapper .box-head a,.locked-wrapper .box-head a {
    display: inline-block
}

.feed-outer .feed-head .feed-username {
    line-height: 60px;
    padding-left: 0
}

.feed-outer .feed-heading-txt {
    font-size: 18px;
    color: #3b4556;
    text-align: center;
    font-weight: 900
}

.feed-outer .feed-subheading-txt {
    color: rgba(59,69,86,.67);
    font-size: 18px
}

.feed-outer .fa {
    color: #f6d6cd;
    margin-right: 10px
}

.feed-outer .head-text {
    color: #3b4556;
    font-size: 14px;
    font-weight: 700
}

.feed-outer .box-head img,.feed-wrapper .box-head img,.locked-wrapper .box-head img {
    margin: 0 auto;
    max-width: 70px
}

.feed-outer .box-body,.feed-wrapper .box-body,.locked-wrapper .box-body {
    margin: 20px 0
}

.feed-outer .box-body p,.feed-wrapper .box-body p,.locked-wrapper .box-body p {
    color: #707070;
    font-size: 20px;
    text-align: center;
    font-weight: 700
}

.feed-outer .icon {
    height: 52px;
    width: 52px;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    background: #fff;
    text-align: center
}

.feed-outer .icon img {
    margin-top: 15px;
    height: 24px;
    width: auto;
    text-align: center
}

.feed-outer .icon-txt {
    opacity: .5;
    transition: ease all .5s;
    font-size: 10px;
    color: #303030;
    text-align: center;
    text-decoration: none;
    margin-top: 20px
}

.feed-outer .head-menu li {
    float: left;
    margin-right: 30px
}

.feed-outer .head-menu li:last-child {
    margin-right: 0
}

.pink-bg {
    background: #f6d7ce!important
}

.feed-outer .post-reaction-single {
    float: none
}

.feed-outer .custom_sharing {
    height: auto;
    min-height: 50px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999
}

.feed-outer .custom_sharing a {
    color: #004d69;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700
}

.feed-section-outer {
    margin-bottom: 60px
}

.feed-outer .comment-panel {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.feed-outer .your-comment {
    height: 60px
}

.feed-outer .post-reaction {
    padding: 10px 0
}

.feed-outer .comment-panel a,.feed-outer .comment-panel p,.feed-outer .post-reaction a {
    text-align: left
}

#post-likes-modal .base-btn {
    padding: 15px 5px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important
}

.base-btn {
    padding: 15px 5px;
    min-width: 140px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 6px;
    text-decoration: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: unset!important;
    font-weight: 700
}

.btn-stopped,.btn-stopped:focus,.btn-stopped:hover {
    border: 1px solid #707070;
    color: #707070;
    background: #fff
}

.no-cursor {
    cursor: not-allowed!important
}

.btn-stopped,a[data-enable=true] {
    cursor: not-allowed
}

.base-btn-lg {
    padding: 15px 20px;
    min-width: 180px!important
}

.base-btn-sm {
    padding: 5px 10px;
    min-width: 50px!important
}

.base-btn-block {
    display: block
}

.default-btn {
    background-color: rgba(0,77,107,.08);
    color: #004d69
}

.default-btn:focus,.default-btn:hover {
    background-color: #004d69;
    color: #fff!important
}

.link-btn,.link-btn-2 {
    border: unset;
    background-color: unset;
    font-size: 18px;
    text-align: left
}

.link-btn {
    color: rgba(0,77,107,.6)
}

.link-btn-white {
    color: #fff!important
}

.link-btn-2 {
    color: #004d69
}

.link-btn:focus,.link-btn:hover {
    color: rgba(0,77,107,1)
}

.search-btn {
    color: #004d69;
    background: #ebf1f3;
    font-size: 18px!important
}

.border-btn {
    border: 1px solid #707070;
    color: #707070;
    background: #fff
}

.border-btn:focus,.border-btn:hover {
    border: 1px solid #000;
    color: #000;
    background: #ccc
}

.paypal-btn {
    background: #ffc439!important;
    color: #0070BA;
    border: unset!important;
    font-size: 20px!important;
    border-radius: 2px;
    padding-top: 8px;
    padding-bottom: 3px
}

.paypal-btn span:first-child {
    color: #0D3182!important
}

.paypal-btn span:nth-child(2) {
    color: #439BD8!important
}

.paypal-btn:hover {
    background: #FCBB32!important
}

.journey-bg {
    background: #677F71;
    border: unset;
    color: #fff
}

.invite-bg {
    background: #8CAEBC;
    border: unset
}

.availability-bg {
    background: #F2C3B5;
    border: unset
}

.group-bg {
    border: unset
}

.offerings-bg {
    background: #8C2D4B;
    border: unset;
    color: #fff
}

.journey-bg:hover {
    background: rgba(103,127,113,.75)
}

.invite-bg:hover {
    background: rgba(140,174,188,.75)
}

.availability-bg:hover {
    background: rgba(242,195,181,.75)
}

.group-bg:hover {
    background: rgba(208,203,194,.75)!important
}

.offerings-bg:hover {
    background: rgba(140,45,75,.75)
}

.blue-border-btn {
    border: 1px solid #074d68;
    color: #074d68
}

.white-btn {
    background: #fff;
    color: #004d69;
    font-weight: 900
}

.pink-btn {
    color: #004d69;
    border: 2px solid #f2c3b5;
    background-color: transparent
}

.pink-btn:hover {
    color: #fff;
    background-color: #f2c3b5
}

.shadow-default {
    box-shadow: 0 10px 25px rgba(0,0,0,.16)
}

.button-offer-btn .base-btn {
    padding: 15px 0
}

.button-offer-btn .base-btn.pink-btn {
    margin-right: 15px
}

.full-width {
    width: calc(100% - 20px)
}

.width-100 {
    width: 100%!important
}

#addprof-pic .full-width,.signup-wrapper .full-width {
    width: 100%
}

.signup-wrapper .tag-panel ul,.signup-wrapper .tag-panel-new ul {
    text-align: left;
    min-height: 80px
}

.hidden {
    display: none!important
}

.feed-wrapper .user-timeline {
    width: calc(50% - 25px);
    float: left
}

.feed-wrapper .post {
    padding-top: 0;
    margin-top: 0;
    box-shadow: none
}

.feed-wrapper .journey {
    padding: 25px 0 0
}

.feed-wrapper .custom-preview-outer a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #004d69;
    display: block
}

.network-info .network-info-single img.location-img {
    height: 15px;
    width: auto
}

.feed-wrapper .timeline-buttonzone {
    position: absolute;
    top: -90px;
    left: 0;
    right: 0
}

.feed-wrapper .timeline-buttonzone p {
    float: left;
    font-size: 15px;
    line-height: 52px;
    font-weight: 700;
    color: #303030;
    margin-top: 30px
}

.feed-wrapper .timeline-buttonzone .timeline-buttons-left {
    float: left
}

.feed-wrapper .timeline-buttonzone .timeline-buttons-right {
    float: right
}

.feed-wrapper .timeline-buttonzone ul {
    list-style: none;
    display: block
}

.feed-wrapper .timeline-buttonzone ul li {
    float: left;
    text-align: center;
    margin-left: 25px
}

.feed-wrapper .timeline-buttonzone ul li:first-child {
    margin-left: 10px
}

.feed-wrapper .timeline-buttonzone ul li a {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0;
    display: block;
    text-align: center
}

.feed-wrapper .timeline-buttonzone ul li a span {
    opacity: .5;
    transition: ease all .5s
}

.feed-wrapper .timeline-buttonzone ul li:hover a span {
    opacity: 1
}

.feed-wrapper .timeline-buttonzone ul li a .icon {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    background: #fff;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    transition: ease all .5s;
    overflow: hidden
}

.feed-wrapper .timeline-buttonzone ul li:hover a .icon {
    background: #004d69;
    text-align: center;
    transform: scale(1.1,1.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.15)
}

.feed-wrapper .timeline-buttonzone ul li a .apply-now-icon {
    background: #004d69;
    text-align: center
}

.feed-wrapper .timeline-buttonzone ul li:hover a .apply-now-icon {
    background: #3b4556
}

.feed-wrapper .timeline-buttonzone ul li a .icon-white img,.feed-wrapper .timeline-buttonzone ul li:hover a .icon img {
    filter: brightness(500%)
}

.feed-wrapper .timeline-buttonzone ul li a .icon img {
    width: auto;
    height: 24px;
    display: inline-block;
    margin-top: 15px
}

.feed-wrapper .timeline-buttonzone ul li a .button-connect {
    background: #f2c3b5
}

.feed-wrapper .timeline-buttonzone ul li a .button-connect img {
    height: 17px;
    width: auto;
    margin-top: 19px;
    margin-left: 1px
}

.feed-wrapper .timeline-buttonzone ul li:hover a .button-connect img {
    filter: none
}

.feed-wrapper .timeline-buttonzone ul li a .button-connect .img01 {
    display: inline-block
}

.feed-wrapper .timeline-buttonzone ul li a .button-connect .img02,.feed-wrapper .timeline-buttonzone ul li:hover a .button-connect .img01 {
    display: none
}

.feed-wrapper .timeline-buttonzone ul li:hover a .button-connect .img02 {
    display: inline-block
}

.feed-wrapper .right-panel {
    width: calc(25% - 25px);
    float: right
}

.custom-preview-outer .sub-content small a,.feed-wrapper .sub-content small a {
    color: #707070;
    font-weight: 500;
    font-size: 14px
}

.feed-wrapper .my-panel .my-details .d-content .location:before {
    position: static;
    margin-right: 6px;
    display: inline-block
}

.post .post-text a {
    color: #004d69;
    font-weight: 700
}

.locked-head h2 {
    color: #3b4556
}

.locked-outer {
    min-height: 60px;
    text-align: center;
    margin: 50px 0
}

.locked-outer.locked-body {
    width: calc(50% - 20px);
    margin: 0 auto
}

.locked-outer.locked-body p {
    color: #3b4556;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700
}

.journey .locked-footer p a {
    text-decoration: underline
}

.locked-wrapper .journey-header h2 {
    display: block;
    float: none;
    clear: none;
    text-align: left
}

.locked-journey {
    background-color: #e2ebe9;
    min-height: 250px;
    padding: 25px
}

.locked-timeline .journey {
    padding: 0
}

.locked-timeline .locked-head {
    padding: 20px 25px
}

.locked-timeline .locked-content-outer {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.relative {
    position: relative!important
}

.media-outer {
    margin-bottom: 30px
}

.media-outer .media-ul li {
    float: left;
    width: 33%;
    position: relative
}

.media-outer .media-ul li .single-media-outer {
    background: 0 0;
    min-height: 125px;
    border-radius: 4px;
    border: 2px dashed #999;
    position: relative
}

.media-outer .media-ul li a.remove_bio_img {
    position: absolute;
    top: -10px;
    right: -5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.media-outer .media-ul li a.remove_bio_img img {
    max-width: 100%
}

.media-outer .media-ul li a.remove_bio_img i {
    line-height: 25px;
    text-align: center;
    margin: 0 auto
}

.media-outer .media-ul li .single-media-outer label {
    font-size: 75px;
    color: rgba(0,0,0,.5);
    font-weight: 400;
    padding: 0 15px;
    line-height: 112px
}

.d-adding-process .process-form .custom-file-input {
    background: 0 0;
    border: 0;
    height: 117px;
    position: relative;
    z-index: 1;
    width: calc(100% - 52px);
    box-shadow: none;
    display: block
}

.d-adding-process .process-form .media-outer .media-ul .custom-file-input {
    padding: 0;
    margin: 0;
    display: none
}

.media-outer .media-ul li .single-media-outer {
    margin: 0 20px;
    width: 175px
}

.media-outer .media-ul li .single-media-outer:first-child {
    margin-left: 0
}

.uploaded-gallery-pic {
    position: absolute;
    padding: 0;
    bottom: -1px;
    right: 0;
    width: calc(100% - 20px);
    height: 130px;
    background: #fff;
    text-align: center
}

.uploaded-gallery-pic img {
    width: auto;
    max-width: 100%!important;
    height: 130px;
    margin: -7px auto 0 -9px
}

.depth-gal a[data-type=video] {
    border: 1px solid #ccc;
    height: 75px;
    width: 75px;
    margin-right: 10px;
    border-radius: 5px;
    padding-bottom: 0;
    margin-bottom: 0
}

.depth-gal a[data-type=video] img {
    margin: 0;
    height: 75px;
    width: 75px;
    object-fit: cover;
    border: unset
}

.location_append_area {
    margin-bottom: 20px
}

.add_location {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #004d69;
    color: #fff;
    margin: 0 auto;
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    font-size: 13px
}

.location_append_area label,.location_data label {
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    color: #3b4556
}

.location_append_data input[name=location],.location_data input[name="location[]"] {
    margin-bottom: 8px
}

.default-select {
    min-height: 30px;
    width: 100%;
    height: 41px;
    border: 1px solid #d8dce6;
    padding: 5px 15px;
    border-radius: 5px;
    outline: 0;
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 28px;
    display: block;
    resize: none;
    transition: all .5s ease-in-out;
    background: linear-gradient(0deg,rgba(245,245,245,1) 0,rgba(255,255,255,1) 100%);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.1)
}

.in-depth .heading-bar .location div {
    margin-bottom: 0
}

.in-depth .heading-bar .date,.in-depth .heading-bar .location {
    font-weight: 500
}

.d-loops .chart-breakup li {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px
}

.d-loops .chart-breakup li .single-chart-point {
    width: 100%
}

.loop-tally .chart-breakup li p {
    position: static;
    display: block;
    margin-top: 10px;
    text-align: center
}

#loop-earned .personal-chart {
    position: absolute;
    width: 300px;
    height: 300px;
    max-width: 100%;
    top: 50%;
    left: -10px;
    margin: 0;
    transform: translateY(-50%);
    overflow: hidden
}

.activity-chart .chart-right li {
    width: 80%;
    float: none
}

.activity-chart .chart-right h3 {
    display: inline-block
}

.activity-chart .chart-right li p {
    font-size: 24px;
    line-height: 28px;
    color: #454343;
    padding-left: 70px;
    font-weight: 500;
    font-family: Muli;
    text-align: left;
    position: absolute;
    top: 40%;
    transform: translateY(-50%)
}

.community-body .cke_editable,.input,.page-search-area input,.placeholder,.select2-container li,.ui-widget,select.input {
    font-family: Muli!important
}

.icon-small a,.icon.icon-small {
    text-align: center;
    display: inline-block
}

.activity-chart .chart-right li p span {
    font-weight: 700;
    color: #004d69
}

.activity-chart .activity-head {
    position: relative;
    min-height: 300px
}

.icon.icon-small {
    margin-top: 0
}

.icon-small a {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    margin: 0 auto;
    position: static;
    line-height: 53px;
    box-shadow: 0 5px 10px rgba(0,0,0,.15)
}

.loops-page .icon-small a {
    height: 50px;
    width: 50px;
    line-height: 50px
}

.offerings_icon_bg {
    background-color: #96264c!important
}

.icon-small a:hover {
    transform: scale(1.1,1.1);
    transition: ease all .5s
}

.icon-small:hover span.offering-span {
    opacity: 1;
    color: #000;
    filter: brightness(500%)
}

.icon-small img {
    max-width: 100%;
    width: auto;
    height: 16px;
    display: inline-block;
    margin-top: 18px
}

.loops-page .icon-small img {
    height: 16px;
    margin-top: 16px
}

.icon-small span {
    font-size: 10px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0;
    display: block;
    text-align: right;
    opacity: .5;
    transition: ease all .5s
}

.profile-icon .icon-small a {
    top: 0;
    right: 70px
}

.community-body .cke_editable,.input,select.input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1.5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    color: #555;
    float: none;
    padding: 10px 12px;
    min-height: 45px;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px
}

.input[type=file] {
    border: unset;
    margin-left: 0;
    padding-left: 0;
    box-shadow: unset
}

.input-lg {
    font-size: 16px!important;
    min-height: 35px
}

.input-xl,.ui-widget h3 {
    font-size: 20px!important
}

.input-xl {
    min-height: 65px
}

.community-body .cke_editable {
    height: 150px!important;
    overflow-y: scroll
}

#frmSeekSupport .cke_top {
    border: unset;
    background: unset;
    border-bottom: 1px solid #ccc
}

#frmSeekSupport .cke_bottom {
    display: none!important
}

#frmSeekSupport #cke_message {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1.5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    color: #555;
    float: none;
    padding: 10px 0z;
    min-height: 45px;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px
}

input,textarea {
    font-family: Muli
}

.net-srh #keyword,.net-srh #search_group,.net-srh #search_job,.net-srh #search_offer {
    font-size: 16px;
    color: #555
}

.verti-tab .tabcontent#offerings {
    height: 100%;
    overflow: scroll
}

.list-offering-user .dtl-offer {
    min-height: 175px
}

.list-offering-user .network-info-single .d-content .tag-panel,.membership-wrapper .price-item-outer .price-item .price-body {
    min-height: 65px
}

.list-offering-user .button-offer-btn {
    margin-bottom: 10px
}

#calender-panel,.modal.offer-modal-area {
    position: relative;
    padding: 15px 30px!important
}

.offer-modal-area .modal-header .img-area {
    position: absolute;
    left: 20px;
    top: -25px;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    border: 5px solid #fff;
    z-index: 999
}

.offer-modal-area .modal-header .img-area img {
    height: 75px;
    width: 75px;
    max-width: 100%;
    border-radius: 50%;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.15);
    object-fit: cover
}

.offer-modal-area .modal-header h3 {
    color: #3b4556;
    font-size: 20px;
    font-weight: 700;
    padding-left: 90px;
    text-align: left;
    line-height: 26px;
    width: 70%;
    margin-bottom: 6px
}

.offer-modal-area .modal-header h5 {
    color: #3b4556;
    font-size: 16px;
    font-weight: 500;
    padding-left: 90px;
    text-align: left;
    line-height: 24px;
    margin-bottom: 6px
}

.offer-modal-area .modal-header p {
    color: #9ea0a5;
    font-size: 12px;
    padding-left: 90px;
    text-align: left;
    line-height: 14px;
    width: 70%
}

.offer-modal-area.modal a.close-modal {
    right: 30px!important
}

.offer-modal-area .modal-body h3 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 25px
}

.offer-modal-area .modal-body p {
    line-height: 24px;
    font-weight: 500
}

.offer-modal-area .modal-body span.heading-span {
    display: inline-block;
    font-size: 14px;
    color: #303030;
    font-weight: 400
}

.offer-modal-area .events-desc .quote.expandable-text,.offer-modal-area .modal-body input,.offer-modal-area .modal-body p,.offer-modal-area .modal-body textarea {
    font-size: 16px
}

.offer-modal-area .modal-header {
    margin-bottom: 60px
}

.offer-modal-area .form-group .form49 {
    width: 49%;
    float: left
}

.offer-modal-area .form-group .form49:nth-child(2n) {
    float: right
}

#membership-form .form74,.offer-modal-area .form-group .form74 {
    width: 74%;
    float: left
}

#membership-form .form24,.offer-modal-area .form-group .form24 {
    width: 26%;
    float: left;
    text-align: right
}

.side-input input {
    max-width: 50px
}

.side-input select {
    max-width: 100%;
    height: 48px
}

.offer-modal-area .side-input {
    text-align: left
}

.offer-modal-area .modal-body input,.offer-modal-area .modal-body textarea {
    width: calc(100% - 30px);
    min-width: 98px
}

.offer-modal-area .modal-body select {
    min-width: 102px
}

.tabcontent#enquiries {
    height: 100%;
    overflow: scroll
}

.search_submit img {
    height: 16px;
    width: auto
}

.search-area .search_submit img {
    height: 43px;
    width: auto
}

.small-screen {
    display: none
}

.big-screen {
    display: block
}

.big-screen-inline {
    display: inline!important
}

.hovering-switches a:hover .img-01,.hovering-switches-support a:hover .img-01,.small-screen-show {
    display: none!important
}

.select2-container li {
    font-size: 16px;
    line-height: 25px;
    color: #3b4556;
    display: block;
    font-weight: 700
}

#user_privacy,.timeline-buttons-left .profile-privacy {
    margin-top: 9px
}

.user-timeline .timeline-buttons-left p {
    font-weight: 700
}

.loop-chart .chart-right ul.chart-breakup {
    float: left;
    width: 33.33%
}

.faqs-page .pricing-page,.indepth-content.education .heading-bar .date,.indepth-content.education .heading-bar .location {
    float: none
}

.loop-chart .chart-right ul.chart-breakup li {
    text-align: center;
    margin-bottom: 15px
}

.loop-chart .chart {
    top: 42%
}

.loop-chart .chart-breakup li .chart-number {
    width: 60px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    margin: 0 auto
}

.loop-chart .chart-right ul.chart-breakup.general-ul {
    width: 100%
}

.loop-chart .chart-right ul.chart-breakup.general-ul li {
    width: 50%
}

.loop-chart .chart-breakup li h3 {
    margin-bottom: 0
}

.my-panel .d-content a.location {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.mydetails-social ul li i,.social-sites-icons i {
    font-size: 27px;
    line-height: 53px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    color: #999;
    font-weight: 400
}

.small-icon i {
    font-size: 20px;
    line-height: 40px
}

.mydetails-social ul li:hover i {
    color: #7b828e
}

.journey-locations .float-left {
    width: 93%
}

.profile-live .user-timeline .timeline-buttonzone p {
    line-height: 15px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 700
}

.indepth-content .tag-panel ul li {
    margin-top: 0;
    margin-bottom: 0
}

.indepth-content-left a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #3b4556;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.profile-page-body .user-timeline .indepth-content-left a {
    font-weight: 900;
    color: #004d69;
    display: inline-block;
    margin-bottom: 0
}

.profile-page-body .in-depth .indepth-content-left p {
    padding-bottom: 0;
    margin-bottom: 0
}

.timeline-buttons-right .icon-small a {
    position: static;
    margin-bottom: 3px
}

.timeline-buttons-right .icon-small img {
    margin-top: 22px;
    height: 10px
}

.offering-sort-by {
    line-height: 34px
}

#frmLogin .checkbox-single {
    display: block;
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    height: 32px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#frmLogin .checkbox-single input {
    position: relative;
    cursor: pointer;
    height: 15px;
    width: 15px;
    border-radius: 7px;
    opacity: .01
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.5);
    background: #fff
}

.checkmark.invite-checkmark {
    position: absolute;
    top: 3px;
    left: 5px;
    height: 15px;
    width: 16px;
    border-radius: 4px;
    border: 1px solid #004d69;
    background: #fff;
    color: red
}

#frmLogin .checkbox-single:hover input~.checkmark {
    background: #f5f5f5
}

#frmLogin .checkbox-single input:checked~.checkmark {
    background: #e5e5e5
}

#frmLogin .checkbox-single .checkmark:after {
    left: 10px;
    top: -5px;
    width: 5px;
    height: 15px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#frmLogin .checkbox-single input:checked~.checkmark:after {
    display: block;
    opacity: 1
}

#frmLogin span.check-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 0 5px;
    color: #3b4556;
    position: absolute;
    top: 0;
    left: 25px
}

#frmLogin .checkbox-single a {
    color: #3b4556;
    text-decoration: none;
    transition: ease all .5s
}

#frmLogin .checkbox-single a:hover {
    color: #004d69
}

.my-loops-body .loops-page .icon-small a {
    height: 40px;
    width: 40px;
    line-height: 40px
}

.my-loops-body .loops-page .icon-small img {
    height: 8px;
    margin-top: 0
}

.my-loops-body .icon-small a {
    top: 9px
}

.list-offering-user li hr {
    width: 40%;
    border: 1px solid #eaedf3;
    margin: 10px auto
}

.list-offering-user .pricing-lbl {
    font-family: Muli;
    font-weight: 500!important
}

.network-info-single .pricing-lbl {
    font-size: 14px;
    line-height: 20px
}

.list-offering-user .heading-txt {
    color: #454343;
    font-weight: 500;
    font-family: Muli
}

.uppercase {
    text-transform: uppercase!important
}

.my-loops-body .network-info {
    height: unset
}

.received-offer-data .base-btn {
    padding: 15px 0
}

#single-media .modal-body {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0
}

#prof-recomendation *,#prof-share *,.main_popup_notification * {
    box-sizing: unset!important
}

#prof-forward .select2-container {
    width: 100%!important
}

#prof-forward .select2-container input {
    min-height: 33px;
    margin: 0 10px
}

#prof-forward .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc
}

#prof-recomendation textarea,#prof-share textarea,.main_popup_notification textarea {
    box-sizing: border-box!important
}

.hovering-switches a:hover .img-02,.hovering-switches-support a:hover .img-02 {
    display: block!important
}

.cke_skin_kama .cke_dialog_body {
    z-index: 999999
}

#profileJourneyModal input[type=text],.cke_textarea_inline p {
    font-size: 16px!important;
    line-height: 24px;
    color: rgba(0,0,0);
    font-family: Muli;
    text-align: left
}

.cke_top {
    display: none!important
}

.expand_post_comment {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: block;
    text-align: center;
    color: #004d69;
    margin-top: 5px
}

.width-24,.width-25,.width-75 {
    display: inline-block
}

.form-group.reply_outer {
    margin-top: 10px
}

.expand_post_comment:hover {
    color: #333
}

.width-24 {
    width: 25%;
    min-height: 1px;
    position: relative;
    float: left
}

.width-24.absolute_footer {
    position: absolute;
    bottom: 0;
    right: 0
}

.width-49 {
    width: 50%;
    float: left
}

body.custom-added-pages {
    box-sizing: border-box
}

.width-75 {
    width: 75%;
    float: left;
    padding-left: 15px
}

.width-25 {
    width: 25%;
    float: left;
    padding-left: 15px
}

.img-responsive {
    max-width: 100%
}

.img-round {
    border-radius: 50%
}

.section_membership .d-img img {
    border-radius: 8px
}

#footer .footer_single.custom_footer {
    width: 100%
}

#footer .footer_container {
    width: auto;
    margin: 0 90px;
    max-width: unset
}

#footer .custom_footer .footer_logo {
    position: absolute;
    bottom: 0;
    right: 0;
    height: unset
}

#footer .custom_footer .footer_logo img {
    height: 30px;
    width: auto
}

#footer .custom_footer h3 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px
}

.section_motto .motto-single-1 {
    background: #004d69
}

.section_motto .motto-single-2 {
    background: #f4c9bd
}

.section_motto .motto-single-3 {
    background: #a8c3bc
}

.section_motto .motto-single-4 {
    background: #79818c
}

.section_motto .motto-single {
    padding: 50px 30px;
    min-height: 310px
}

.section_motto .row {
    margin: 0 -15px
}

.section_motto .single-motto-outer {
    float: left;
    width: 25%;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box
}

.section_motto .single-motto-outer:nth-child(4) {
    margin-right: 0
}

.section_motto .single-motto-outer .motto-footer-sec {
    height: 180px;
    padding: 50px 10px 0;
    background: #e1e1e1
}

.section_motto .single-motto-outer .motto-footer-sec .motto-footer-area img {
    height: 150px;
    width: auto
}

.section_motto .single-motto-outer .motto-head-image {
    position: absolute;
    bottom: -35px;
    left: calc(50% - 35px);
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    height: 70px;
    width: 70px;
    z-index: 12;
    display: block
}

.section_motto .single-motto-outer .motto-head-image img {
    max-width: 100%;
    height: 50px;
    width: auto;
    text-align: center;
    margin-top: 9px
}

.fluid_container {
    width: auto;
    margin: 0 90px
}

.full_container {
    width: 98%;
    margin: 0 auto
}
.section_motto h2 {
    font-size: 30px;
    line-height: 50px;
    font-weight: 900;
    color: #004d69;
    margin-bottom: 50px;
    text-transform: unset
}

.section_motto span.anim-text {
    min-height: 80px
}

#banner-slider .owl-carousel .owl-item .item-inner {
    height: 100vh;
    width: 100%;
    margin: 0 auto;
    background-size: cover;
    float: left;
    display: block;
    vertical-align: top
}

#banner-slider .owl-dots {
    z-index: 99999;
    position: absolute;
    bottom: 10px;
    width: 100%
}

#banner-slider .owl-theme .owl-dots .owl-dot.active span,#banner-slider .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fff
}

#banner-slider .owl-theme .owl-dots .owl-dot span {
    background-color: transparent;
    border: 1px solid #fff
}

.container_mini {
    width: 50%;
    margin: 0 auto
}

.container75 {
    width: 75%;
    margin: 0 auto
}

.default_container {
    width: 1320px;
    margin: 0 auto
}

,#abuse-form input,#abuse-form textarea,#contact-us-form input,#contact-us-form textarea,#feedback-form input,#feedback-form textarea {
    display: block;
    width: 100%;
    font-family: Muli;
    font-weight: 600;
    font-size: 16px;
    color: #000
}

.custom-added-pages {
    padding-top: 80px
}

.custom-added-pages.paddingtop-120 {
    padding-top: 50px
}

.added-custom-pages .wrapper {
    padding-top: 37px;
    margin-top: 0
}

.added-custom-pages .about-us-page,.added-custom-pages .wrapper.membership-wrapper {
    padding-top: 0
}

.added-custom-pages .contact-us-page {
    background-color: #c9dbd7
}

.added-custom-pages .feedback-page {
    background-color: #9e9e9e
}

.added-custom-pages .about-head .heading {
    display: flex;
    align-items: center;
    height: 270px;
    background: #f9f9f9;
    margin-bottom: 0
}

.about-us-page .about-outer {
    background: #004d69;
    padding: 40px;
    height: 100%
}

.about-us-page .about-sec {
    margin-bottom: 30px;
    width: 85%
}

.about-us-page .about-sec h1 {
    color: #fff;
    font-size: 38px
}

.about-us-page .about-sec h3 {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 600
}

.about-us-page .about-sec p {
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400
}

.added-custom-pages h1 {
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 60px
}

.added-custom-pages h3 {
    font-size: 23px;
    color: #fff;
    margin-bottom: 40px
}

.added-custom-pages .section.plans-section h3 {
    color: #333
}

.report-abuse-page .section.container {
    margin-top: -140px
}

.custom-added-pages .form40,.custom-added-pages .form49,.custom-added-pages .form60 {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    box-sizing: border-box
}

.custom-added-pages * {
    box-sizing: border-box
}

.custom-added-pages .main_nav li a,.faqs-page .main_nav li a {
    color: #79818c
}

.custom-added-pages .form60 {
    width: 60%
}

.custom-added-pages .form40 {
    width: 40%
}

.custom-added-pages .form49 {
    width: 50%
}

/*.form49 {
    width: 49%;
    display: inline-block;
    justify-content: center;
    align-items: center;
    float: left;
}*/

.homepage-body section:after{
    clear: both;
    display: table;
    content: "";
}

.form-row {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box
}

.bg-pink {
    background: #f7dad2
}

.bg-green {
    background: #adc2bc
}

.text-pink,.theme-color {
    color: #f2c2b4
}

.blue-color,.text-blue {
    color: #004d69!important
}

.text-pink {
    color: #f7dad2!important
}

.text-black {
    color: #000!important
}

.text-offerings {
    color: #96264c!important
}

.text-green {
    color: #a8c3bc!important
}

.text-coffee {
    color: #d6cbc2!important
}

.text-white {
    color: #fff
}

.bg-blue {
    background: rgb(0,77,105,1)!important
}

.bg-blue-faded {
    background: rgba(0,77,105,.1)!important
}

.pricing-page .join-btn-area .sub-txt {
    font-size: 22px;
    color: #000
}

.about-us-page .heading-txt {
    font-size: 50px;
    color: #004d69;
    text-align: center;
    width: 100%;
    margin-bottom: 0
}

.height-425 {
    height: 450px;
    overflow: hidden
}

.about-body {
    padding: 60px 0
}

.about-body h3 {
    font-size: 40px;
    color: #004d69;
    font-weight: 900
}

.about-body .card-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.about-body .card {
    width: calc(33% - 30px);
    height: 230px;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 5px;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.about-body .card .card-inner {
    padding: 12px 25px;
    text-align: left;
    height: 170px;
    overflow: hidden
}

.about-body .card h3 {
    font-size: 24px;
    line-height: 35px;
    color: #004d69;
    font-weight: 700;
    margin-bottom: 0
}

.about-body .card p {
    font-size: 20px;
    line-height: 26px;
    color: rgba(0,0,0,.8);
    font-weight: 500
}

.about-body .card .card-head a {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 80px;
    text-align: center;
    display: none
}

.white-box {
    box-shadow: 0 10px 25px rgb(0 0 0 / 16%);
    padding: 50px 50px 10px;
    border-radius: 10px;
    background: #fff
}

.white-box-sm {
    width: 50%;
    margin: 0 auto
}

#subscriptions.tabcontent .white-box {
    border-radius: 0;
    padding: 25px;
    box-shadow: 0 3px 5px rgba(0,0,0,.1)
}

.about-body .card .card-head {
    position: absolute;
    right: -9px;
    top: -12px
}

.about-us-page form label {
    font-size: 16px;
    line-height: 20px;
    color: rgba(0,0,0,.8);
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block
}

.about-body .card .card-head img {
    height: 80px
}

.about-body .card .card-body,.about-body .card .card-footer,.about-body .card .card-head {
    margin-bottom: 20px
}

.about-body .card .card-footer {
    height: 125px
}

.princip-outer {
    padding: 50px 40px 40px
}

.princip-outer .p-single h3 {
    font-weight: 900;
    color: #004d69;
    font-size: 40px;
    margin-bottom: 10px
}

.princip-outer .p-single {
    margin-bottom: 50px
}

.princip-outer .p-single p {
    font-weight: 500;
    color: #454343;
    font-size: 30px;
    line-height: 40px
}

.added-custom-pages .wrapper.principle-page {
    padding-top: 0
}

.principle-page .principle-head .heading {
    display: flex;
    align-items: center;
    height: 150px;
    background: #f5d6ce
}

.principle-page .principle-head .heading h1 {
    width: 100%;
    text-align: center;
    color: #004d69;
    margin-bottom: 0
}

.faq-page .tabs-outer a {
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    border: 1px solid #004d69;
    font-size: 20px;
    font-weight: 700;
    color: #454343;
    border-radius: 20px;
    margin-right: 15px;
    margin-bottom: 20px;
    width: calc(33% - 18px)
}

.faq-page {
    margin-bottom: 50px
}

.faq-page .faq-head {
    margin-bottom: 80px;
    margin-top: 50px
}

.faq-page h1.heading-txt {
    font-size: 50px;
    color: #074d68;
    font-weight: 700
}

.join-now-sec {
    margin-top: 30px
}

.join-now-sec p {
    font-size: 25px;
    font-weight: 600
}

.faqs-page .join-now-sec p {
    font-size: 22px;
    font-weight: 600
}

.join-now-sec p a {
    color: rgba(0,77,107,.6)
}

.join-now-sec p a:hover {
    color: #004d69
}

.join-now-sec a.base-btn.default-btn {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.faqs-page .subpages .faq-title {
    color: #004d69
}

.faqs-page .subpages,.wrapper.faq-page {
    margin-top: 80px
}

.custom-added-pages .header-bottom,.faqs-page .header-bottom,.home-slider,.howitworks-page .header-bottom,.memberships-page .header-bottom {
    margin-top: 0
}

.custom-added-pages #header,.faqs-page #header {
    height: 80px;
    box-shadow: 0 1px 6px 0 #999
}

.faqs-page #header,.howitworks-page #header,.memberships-page #header {
    background: #fff
}

.home-slider .item img {
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: cover
}

.item-inner {
    display: flex;
    height: calc(100vh - 210px)
}

.single-item-outer {
    padding: 120px 40px 40px 90px;
    text-align: left;
    position: relative;
    overflow: hidden;
    display: inline-block;
    align-self: flex-end;
    height: 100%;
    width: 100%
}

.single-item-outer .item-head {
    margin-bottom: 50px;
    margin-top: 100px
}

.single-item-outer .item-body {
    margin-bottom: 5%
}

.single-item-outer .item-head h3 {
    font-size: 50px;
    color: #004d69;
    line-height: 60px;
    font-weight: 900
}

.single-item-outer .item-body h3 {
    color: #454343;
    font-size: 40px;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 30px
}

.single-item-outer .item-body p {
    color: #454343;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500
}

.single-item-outer .item-body a.base-btn {
    text-transform: uppercase
}

.custom-added-pages .header,.faqs-page .header,.howitworks-page .header,.memberships-page .header {
    height: 50px
}

.custom-added-pages footer.footer,.faqs-page footer.footer,.howitworks-page footer.footer,.memberships-page footer.footer,.profile-page-body footer.footer,footer.dark-footer {
    background: #fff;
    color: #383839;
    box-shadow: 0 10px 25px #000
}

.custom-added-pages footer.footer li a,.faqs-page footer.footer li a,.howitworks-page footer.footer li a,.memberships-page footer.footer li a,.profile-page-body footer.footer li a,footer.dark-footer li a {
    font-size: 16px;
    line-height: 26px;
    transition: all ease .5s;
    color: #000;
    font-weight: 500
}

.custom-added-pages footer.footer li a:hover,.faqs-page footer.footer li a:hover,.memberships-page footer.footer li a:hover,.profile-page-body footer.footer li a:hover,footer.dark-footer li a:hover {
    font-weight: 700;
    color: #000
}

.memberships-page .join-now-sec p {
    font-size: 22px
}

#footer .mobile-footer-section {
    display: none
}

#footer .web-footer-section {
    display: block
}

textarea {
    resize: none
}

.page-title-hiw {
    display: flex;
    align-items: center;
    height: 150px;
    background: #707070
}

.page-title-hiw h1 {
    font-size: 50px;
    color: #f2c3b5;
    text-align: center;
    width: 100%;
    margin-bottom: 0
}

.journy-outer {
    background-color: #e1e1e1;
    float: left;
    clear: both;
    width: 100%;
    padding: 4rem 0 3rem
}

.journy-desc {
    width: 50%;
    float: left
}

.journy-desc h3,.marketplace-desc h3,.reward-desc h3 {
    font-size: 40px;
    font-weight: 700;
    color: #454343;
    margin-bottom: 2rem
}

.journy-desc p,.marketplace-desc p {
    font-size: 30px;
    font-weight: 700;
    color: #454343;
    margin-bottom: 3rem;
    line-height: 1.5
}

.list-journye li {
    font-size: 26px;
    font-weight: 700;
    color: #004d69;
    margin-bottom: 15px
}

.list-journye li span {
    display: inline-block;
    width: 75px;
    height: 30px;
    border-radius: 20px;
    margin-right: 20px;
    vertical-align: middle
}

.lj1 {
    background-color: #a7c3bc
}

.lj2 {
    background-color: #004d6a
}

.lj3 {
    background-color: #f1c3b6
}

.lj4 {
    background-color: #9e9e9e
}

.journy-img {
    width: 50%;
    float: left;
    padding-top: 5rem;
    padding-left: 4rem;
    text-align: right
}

.custom-togglenav,.request-box,.reward-circle,.reward-desc h3,.reward-icon-circle,.switch-box,.user-mkt-info {
    text-align: center
}

.journy-img img {
    max-width: 100%
}

.reward-circle {
    width: 500px;
    height: 525px;
    max-width: 100%;
    line-height: 500px;
    margin: 0 auto;
    display: table;
    position: relative
}

.reward-circle img,.reward-icon-circle>img {
    display: inline-block;
    vertical-align: middle
}

.reward-circle img {
    max-width: 100%
}

.reward-img {
    width: 50%;
    float: left
}

.rewad-icon {
    position: absolute;
    right: -54px;
    top: 9%
}

.reward-icon-circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    line-height: 110px;
    margin-top: 20px
}

.reward-icon-circle>img {
    max-width: 55%
}

.ric1 {
    background-color: #004d69
}

.ric2 {
    background-color: #f1c3b6
}

.ric3 {
    background-color: #a8c3bc
}

.marketplace-desc h3,.reward-desc h3 {
    color: #074d68
}

.reward-outer {
    float: left;
    clear: both;
    width: 100%;
    padding: 4rem 0 3rem
}

.reward-desc {
    width: 50%;
    float: left;
    position: relative;
    padding-left: 5rem
}

.reward-desc p {
    font-size: 25px;
    line-height: 1.5;
    margin-bottom: 2rem
}

#banner-slider *,.howitworks-page * {
    box-sizing: border-box
}

.howitworks-page header * {
    box-sizing: unset
}

.marketplace-outer {
    background-color: #f5d6ce;
    float: left;
    clear: both;
    width: 100%;
    padding: 4rem 0 3rem
}

.marketplace-desc {
    width: 50%;
    float: left;
    position: relative
}

.marketplace-rt {
    width: 45%;
    float: right;
    padding: 2rem 5rem 3rem
}

.marketplace-rt img {
    width: auto;
    max-width: 100%;
    max-height: 400px
}

.marketplace-bx {
    background-color: #fff;
    border: 1px solid #eaedf3;
    border-radius: 10px;
    width: 100%;
    float: left;
    position: relative
}

.user-mkt-hm {
    width: 130px;
    height: 130px;
    display: block;
    margin: -55px auto 0
}

.user-mkt-hm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 9px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 5px 9px 0 rgba(0,0,0,.25);
    box-shadow: 0 5px 9px 0 rgba(0,0,0,.25)
}

.user-mkt-info {
    position: relative;
    padding: 40px
}

.user-mkt-info:after {
    content: "";
    position: relative;
    width: 95px;
    height: 1px;
    background-color: #eaedf3;
    margin: 0 auto;
    display: block;
    bottom: 60px
}

.user-mkt-info h4 {
    color: #004d69;
    font-size: 17px;
    font-weight: 700
}

.user-mkt-info h4 a {
    color: #004d69
}

.user-mkt-info h5 {
    color: #7c828e;
    font-size: 17px;
    font-weight: 400;
    margin-top: 6px
}

.user-mkt-info h5 img {
    position: relative;
    top: 5px;
    margin-right: 8px
}

.btn-marketplace {
    padding: 20px 15px;
    border-top: 1px solid #eaedf3
}

.btn-marketplace a {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    width: 47%
}

.hiw-mob-title,.mobile-footer-section,.reward-circle .mob-img {
    display: none
}

.btn-marketplace a img {
    position: relative;
    top: 3px
}

.user-mkt-info p {
    font-size: 14px;
    font-weight: 600;
    margin-top: 2rem
}

.request-box,.switch-box {
    background-color: #004d69;
    float: left;
    width: 50%;
    padding: 4rem 2rem 3rem;
    color: #f5d6ce;
    min-height: 685px;
    border-bottom: #c4d6d2 solid 1px
}

.request-box {
    background-color: #c4d6d2;
    color: #004d69;
    min-height: 685px
}

.switch-box h2,.switch-box h4 {
    color: #f5d6ce;
    font-weight: 700
}

.switch-box h2 {
    font-size: 50px;
    text-transform: capitalize;
    margin-bottom: 3rem
}

.switch-box h4 {
    font-size: 30px;
    max-width: 81%;
    margin: 0 auto 2rem;
    min-height: 180px
}

.request-box h2,.request-box h4 {
    color: #004d69
}

.switch-box img {
    width: auto;
    max-width: 100%;
    max-height: 270px
}

.item-inner .cation-card,.item-inner .img-card {
    width: 50%;
    position: relative;
    float: left;
    height: 100%
}

.added-custom-pages .howitwork-page {
    padding-top: 0
}

.item-inner .cation-card {
    z-index: 2
}

.item-inner .img-card.full-card {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.owl-carousel.owl-drag .owl-item .item.first:after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(0,0,0,.4);
    left: 0;
    top: 0
}

.owl-item .item.first .single-item-outer .item-head h3 {
    color: #fff
}

.owl-item .item.first .single-item-outer .item-body h3,.owl-item .item.first .single-item-outer .item-body p {
    color: #f4d5cd
}

.owl-item .item.first .blue-border-btn,.owl-item .item.third .blue-border-btn {
    border-color: #fff;
    color: #fff
}

.owl-item .item.second .cation-card {
    float: left
}

.owl-item .item.fourth .cation-card,.owl-item .item.six .cation-card,.owl-item .item.two .cation-card {
    float: right
}

.owl-item .item.second .single-item-outer {
    background: #c4d6d2
}

.owl-item .item.third .single-item-outer {
    background: #074d68
}

.owl-item .item.fourth .single-item-outer {
    background: #f5d6ce
}

.owl-item .item.fifth .single-item-outer {
    background: #e1e1e1
}

.owl-item .item.six .single-item-outer {
    background: #c4d6d2
}

.owl-item .item.six .single-item-outer .item-head h3 {
    color: #074d68
}

.owl-item .item.six .single-item-outer .item-body h3,.owl-item .item.six .single-item-outer .item-body p {
    color: #454343
}

.owl-item .item.third .single-item-outer .item-body h3,.owl-item .item.third .single-item-outer .item-body p,.owl-item .item.third .single-item-outer .item-head h3 {
    color: #fff
}

.owl-item .item.six .blue-border-btn {
    border-color: #074d68;
    color: #074d68
}

.desktop-hide {
    display: block
}

.mobile-hide {
    display: none
}

#banner-slider a.base-btn {
    text-transform: uppercase
}

.homepage-body .main_nav li a,.howitworks-page .main_nav li a,.memberships-page .main_nav li a {
    color: #383839
}

.custom-togglenav a,.custom-togglenav i {
    font-size: 22px;
    font-weight: 600;
    color: #999
}

.custom-row {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px
}

.custom-row:after {
    display: table;
    clear: both;
    content: ""
}

.custom-row .width-49 {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 1px
}

#banner-slider .item-body-outer {
    position: absolute;
    bottom: 50px;
    width: 65%
}

#banner-slider .item-body p {
    min-height: 80px;
    font-size: 25px;
    font-weight: 600
}

#banner-slider .item-head h3 {
    font-size: 55px;
    font-weight: 900
}

#banner-slider .item-body h3 {
    font-size: 40px;
    font-weight: 900
}

#banner-slider .item.third .item-body h3 {
    color: #f5d6ce
}

.noti-settings .settingspanel-status .status-bar {
    float: none;
    margin-top: 15px;
    width: 100%;
    display: block
}

.noti-settings .main-setting-content-panel {
    border: unset;
    background: unset
}

.network-page .select2 {
    margin-top: -2px
}

.network-page .network-info {
    padding-top: 5px;
    max-width: 100%;
    overflow-x: hidden
}

.page-search-area input {
    background: #f6f6f6!important;
    border: none!important;
    color: #555!important;
    font-size: 14px!important
}

.list-offering-user .offer-head-main {
    color: #004d69;
    font-weight: 600
}

.doughnutSummary,.doughnutSummary p {
    text-shadow: none!important
}

.doughnutSummaryTitle {
    font-weight: 900;
    color: #004d69
}

.tabset.relative.with-box-shadow {
    box-shadow: 5px 0 10px 0 rgb(0 0 0 / 15%);
    display: block;
    padding: 0 25px;
    position: relative;
    z-index: 2
}

.network-srh .select2-container {
    min-width: 150px!important;
    margin-top: -4px
}

.network-page .wrap-1024 .network-info {
    overflow-y: scroll
}

.networks-body .row .col-md-6 .offeings-action {
    text-align: right
}

.networks-body .row .form-group.page-search-area {
    display: inline-block;
    position: relative
}

.slick-track .slick-slide,.slick-track .slick-slide .slider-subtitle {
    font-weight: 500
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range a {
    background-color: #f2c3b5!important
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #004d69!important
}

span.pignose-calendar-top-month,span.pignose-calendar-top-year {
    display: inline-block;
    margin-top: 9px
}

.progressaBarOuter {
    position: absolute;
    top: 60%;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center
}

.progressaBarOuter h3 {
    font-size: 36px;
    font-weight: 900;
    color: #96264C;
    padding: 25px
}

.timeline-main .custom-post-info {
    position: relative;
    margin-bottom: 10px
}

.timeline-main .custom-post-info .d-content {
    width: 100%;
    max-width: 60%;
    top: 5px
}

.support-body .timeline-main .custom-post-info .d-content {
    max-width: 80%
}

.timeline-main .custom-post-info .quote {
    margin-left: 0!important;
    background: unset
}

.faq-next-pre-row {
    position: relative;
    width: 100%
}

.faq-next-pre-row .faq-link {
    width: 80px;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #999;
    text-decoration: none;
    left: 0;
    right: 0;
    margin: 0 auto
}

.list-offering-user {
    margin: 0 -15px;
    box-sizing: border-box
}

.pagination-list-data.list-offering-user {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.offerring-block {
    width: 33.33%;
    max-width: 350px;
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
    margin-bottom: 24px
}

.offerring-block.no-offer-section {
    max-width: unset;
    width: 350px
}

.no-offer-section.no-offerings-section,.offerring-block.offer-post-outer {
    flex-grow: 1;
    max-width: 550px;
    width: 550px
}

.offerring-block .network-info-single {
    width: 100%;
    max-width: inherit;
    margin-bottom: 0;
    background: #fff;
    border-radius: 20px
}

.network-info-single .network-bottom-panel .base-btn:first-child {
    float: left
}

.network-info-single .network-bottom-panel .base-btn:nth-child(2) {
    float: right
}

.job-block .network-info-single .network-bottom-panel .float-right {
    width: unset!important;
    float: right!important;
    text-align: center!important
}

.group-block .network-info-single .network-bottom-panel .base-btn:first-child,.job-block .network-info-single .network-bottom-panel .base-btn:first-child {
    float: none
}

#my_offerings .network-info-single .network-bottom-panel .base-btn {
    text-align: center;
    float: none
}

.owner-offering .network-info-single .network-bottom-panel .base-btn:first-child,.saved-block .network-info-single .network-bottom-panel .base-btn:first-child,.sent-offering .network-info-single .network-bottom-panel .base-btn:first-child {
    float: none
}

.network-info-single .border-btn {
    text-align: center
}

.maxwidth-250 {
    max-width: 250px
}

.profile-privacy .sort-menu label {
    font-size: 15px;
    font-weight: 600
}

.network-info .network-srh .net-dropdown {
    margin: 0
}

.network-info .network-srh .net-dropdown .profile-privacy {
    margin-left: 0
}

.network-page .pagination-list-data,.network-srh .pagination-list-data {
    margin-left: -15px;
    margin-right: -15px
}

#marzen .network-info {
    overflow: unset
}

.no-before:before {
    display: none!important
}

#offerings-form .input {
    padding: 10px
}

.location_data .remove_journey_location,.remove_journey_img {
    position: absolute;
    top: -10px;
    right: -5px;
    font-size: 16px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    height: 20px;
    width: 20px;
    color: #fff
}

.remove_journey_img img {
    max-width: 100%
}

.location_data .remove_journey_location {
    right: 10px;
    top: 5px;
    background-color: unset;
    color: #999;
    font-size: 20px;
    font-weight: 600
}

.location_data .remove_journey_location i {
    font-weight: 200
}

.remove_bio_img,.remove_journey_img {
    z-index: 999
}

#searchForm2 input {
    box-sizing: unset!important
}

.my-loops-body .base-btn {
    min-width: 120px;
    padding-left: 0;
    padding-right: 0
}

.my-loops-body .base-btn.link-btn {
    padding: 0;
    font-size: 16px
}

.common_popup_modal {
    padding-top: 35px!important
}

#close_journey_form,#common_popup_modal,#common_single_popup_modal,#delete_offering_modal,#delete_owner_offering {
    max-width: 500px!important;
    box-shadow: 0 10px 25px #666!important
}

#close_journey_form .base-btn,#delete_offering_modal .modal-header .base-btn,#delete_owner_offering .base-btn,#delete_owner_offering .modal-header .base-btn,.common_popup_modal .modal-header .base-btn {
    min-width: 125px
}

.slick-slide .account-recomendations .availability {
    font-weight: 700
}

#left-dashboard-panel.toolbox-panel .d-content .available-status .status-bar {
    float: none;
    margin: 0 auto;
    display: block
}

.dashboard-body #right-dashboard-panel .seek-support {
    height: 143px;
    padding: 0 25px
}

.dashboard-body #left-dashboard-panel .my-details {
    padding: 10px
}

.my-panel .toolbox-sec .toolbox-heading {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

.my-panel .toolbox-sec .toolbox-desc {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.my-panel .toolbox-sec .toolbox-item {
    text-align: center;
    width: 50%;
    display: inline-block;
    float: left;
    min-height: 98px
}

.my-panel .toolbox-sec .toolbox-item .toolbox-inner {
    padding: 10px;
    margin: 0 3px;
    background: #fff;
    border-radius: 5px;
    min-height: 75px;
    box-shadow: 0 7px 18px rgba(0,0,0,.15)
}

.my-panel .toolbox-sec .toolbox-item small {
    position: absolute;
    left: 12px;
    top: 8px
}

.my-panel .toolbox-sec .toolbox-item:last-child .toolbox-inner {
    padding-right: 0;
    margin-right: 0
}

.my-panel .toolbox-sec .toolbox-item p {
    display: block
}

.my-panel .toolbox-sec .toolbox-item .status-bar a {
    display: inline-block;
    text-align: center;
    margin: 0 auto
}

.account-recomendations .recomended-account-slide .slide-single .d-content p a {
    font-weight: 700;
    color: #004d69
}

.account-recomendations .recomended-account-slide .slide-single .d-content span a {
    font-weight: 500;
    color: #303030
}

.mt35 {
    margin-top: 33px!important
}

.new-opportunities .custom-post-info .new-opportunity-content {
    position: static;
    margin-top: 5px
}

.timeline-main .new-opportunities .new-opportunity-options {
    right: -10px!important
}

.popup-invite-users {
    min-height: 500px;
    border-radius: 10px!important;
    padding: 0!important;
    background: #fff
}

.magic-popup.popup-invite-users {
    border-radius: 5px!important
}

.magic-popup.popup-invite-users i.fa {
    margin: 0 8px
}

.magic-popup.popup-invite-users hr {
    width: 200px;
    border: unset;
    height: 1px;
    background: #eee;
    margin: 20px auto
}

#inviteGoogleModal hr,#inviteUserModal hr,.popup-invite-users hr {
    margin-left: -25px;
    margin-right: -25px
}

#prof-connect hr {
    margin-left: -15px;
    margin-right: -15px
}

#prof-connect .prof-connect-header .d-img.dp-img {
    position: absolute;
    left: calc(50% - 62px);
    top: -50px;
    width: 125px;
    height: 125px
}

#prof-connect .prof-connect-header .base-btn {
    font-size: 16px;
    line-height: 22px
}

#prof-connect.modal .prof-connect-header .d-content {
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 70px
}

#prof-connect.modal .prof-connect-header .d-content p {
    font-size: 16px;
    line-height: 22px;
    color: grey;
    margin-bottom: 5px
}

#prof-connect.modal .prof-connect-header .d-content p strong {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #004d69
}

.popup-invite-users .modal-header {
    background-position: center top;
    background-size: contain;
    background-attachment: fixed;
    height: 250px
}

.magic-popup.popup-invite-users .modal-header {
    height: 160px
}

.popup-invite-users .modal-header h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px
}

.popup-invite-users .modal-header p {
    font-size: 18px;
    line-height: 26px
}

.popup-invite-users .modal-header .absolute {
    position: absolute;
    top: 20%;
    width: 100%
}

.popup-invite-users .items-outer {
    widows: 100%
}

.popup-invite-users .item .item-header {
    display: inline-block;
    float: left;
    width: 10%;
    text-align: left
}

.popup-invite-users .item {
    display: block;
    width: 100%;
    margin: 30px 0
}

.popup-invite-users .item:last-child {
    margin-bottom: 0
}

.popup-invite-users .item img {
    max-width: 100%;
    border: 1px solid rgba(0,0,0,.5);
    padding: 10px;
    border-radius: 5px
}

.popup-invite-users .item .item-body {
    display: inline-block;
    float: left;
    width: 65%;
    text-align: left
}

.popup-invite-users .item .item-body * {
    padding-left: 10px
}

#inviteUserModal {
    padding: 25px!important
}

#inviteUserModal .email-group::after {
    display: table;
    clear: both
}

#inviteUserModal .email-group input {
    display: inline-block;
    width: 90%;
    float: left;
    margin-top: 20px
}

#inviteUserModal .email-group img.icon-img {
    display: inline-block;
    float: right;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgb(0 0 0 / 16%);
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-top: 20px;
    box-sizing: content-box
}

#inviteGoogleModal .modal-header,#inviteUserModal .modal-header {
    margin-top: 30px
}

#inviteGoogleModal .modal-header h3,#inviteUserModal .modal-header h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 5px
}

.m-email:first-child img,.m-email:first-child input {
    margin-top: 8px!important
}

#inviteGoogleModal .modal-header p,#inviteUserModal .modal-header p {
    font-size: 18px;
    line-height: 26px
}

.popup-invite-users .item h3 {
    font-size: 18px;
    line-height: 30px
}

,#inviteGoogleModal .base-btn,#inviteUserModal .base-btn,#prof-connect .base-btn,.popup-invite-users .base-btn {
    font-size: 16px;
    line-height: 22px
}

.popup-invite-users .item p {
    font-size: 16px;
    line-height: 22px;
    color: rgba(0,0,0,.5)
}

.popup-invite-users .item .item-footer {
    display: inline-block;
    float: left;
    width: 25%;
    text-align: right
}

.label,form label {
    text-align: left;
    font-weight: 500
}

.popup-invite-users .modal-header::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.8)
}

.magic-popup.popup-invite-users .modal-header::before {
    content: unset
}

.popup-invite-users * {
    color: #000;
    z-index: 99
}

.popup-invite-users:after {
    content: "";
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5)
}

.magic-popup.popup-invite-users:after {
    content: unset
}

.popup-invite-users .invite-users-outer {
    position: absolute;
    z-index: 99;
    width: 100%;
    background: #fff
}

.label {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px
}

.popup-invite-users .modal-body ul li img {
    height: 50px;
    width: auto;
    display: block;
    margin: 0 auto
}

.popup-invite-users .modal-body ul li {
    display: inline-block;
    text-align: center;
    margin: 0 25px
}

.popup-invite-users .modal-body ul {
    margin: 0 auto
}

.post-share-options ul li a {
    cursor: pointer
}

.popup-invite-users .click2copyinput {
    float: left;
    width: calc(100% - 70px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.popup-invite-users .modal-footer {
    border-top: 1px solid rgba(0,0,0,.5);
    background: #f0f0f0
}

.popup-invite-users .modal-body,.popup-invite-users .modal-footer {
    padding: 25px
}

.popup-invite-users .click2copybutton {
    float: left;
    width: 10%;
    height: 45px;
    background: #004d69;
    padding: 5px 15px;
    outline: 0;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.popup-invite-users .click2copybutton img {
    height: 22px;
    width: auto
}

.custom-invite-ur-trusted-button {
    position: relative;
    display: block
}

.custom-invite-ur-trusted-button .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    background: #fff;
    display: block;
    text-align: center;
    margin: 0 0 10px;
    transition: ease all .5s
}

.custom-invite-ur-trusted-button .icon1:hover,.custom-invite-ur-trusted-button .icon2:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.custom-invite-ur-trusted-button .icon img {
    width: auto;
    height: 100%;
    display: block
}

#my-activity.tabcontent .share_post,.notification-page .the-notifications .notifications-single .shared-message.expandable-post-text .see-more-pointer,.slider-item {
    display: none
}

.mutual-con-arr {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

.mutual-con-arr .float-left {
    margin-right: 30px
}

.mutual-con-arr img {
    height: 50px
}

.mutual-con-arr h3 {
    padding-top: 15px
}

#calender-panel textarea {
    color: #000
}

.timeline-main .expandable-text {
    font-weight: 700;
    color: #707070;
    line-height: 1.4;
    text-align: justify
}

.networks-body .circle-count .icon {
    height: 40px;
    width: 40px;
    margin: -10px 0 0
}

.comment-panel .comment-right-panel {
    padding-top: 7px
}

.comment-panel a.mention_user_single {
    color: #96264c!important;
    font-weight: 700!important
}

.new-opportunity-content .expandable-text p {
    font-weight: 600;
    text-align: left;
    color: #707070;
    line-height: 22px;
    font-size: 16px
}

.support-post .post-sharing {
    margin-top: 12px
}

.invite-text-footer p {
    margin-bottom: 10px
}

.notification-page .the-notifications .notifications-single .shared-message.expandable-post-text,.notification-page .the-notifications .notifications-single .shared-message.expandable-text {
    margin-left: 0;
    margin-right: 0
}

.notifications-single table {
    border: 1px solid #F9F9F9;
    margin-top: 10px;
    box-shadow: 0 3px 5px #eee;
    min-width: 75%;
    border-radius: 10px
}

.notifications-single table tr td {
    border-bottom: 1px solid #eee;
    padding: 15px 10px;
    background: #F9F9F9;
    border-radius: 5px
}

.notifications-single table tr td div {
    margin: 0!important
}

.notifications-single tr:last-child td {
    border-bottom: unset
}

.noti_section_list h3 {
    text-transform: none!important
}

.noti-settings label {
    font-size: 15px;
    font-weight: 700;
    color: #333
}

.r-action-outer {
    float: right;
    position: absolute;
    right: 50px;
    top: 30px
}

.newPostForm .textarea-box textarea {
    width: 85%;
    float: left;
    border: unset;
    box-shadow: unset;
    margin-top: -10px
}

.newPostForm .textarea-box .post-button {
    display: inline-block;
    color: rgba(0,77,105,.33);
    background: rgba(0,77,105,.1);
    font-size: 16px;
    line-height: 24px;
    width: 9%;
    padding: 5px 5px 2px;
    height: 28px!important;
    font-weight: 500;
    margin-left: 20px
}

.postlist-data {
    margin-top: 30px
}

#timeline-dashboard-panel .postlist-data {
    margin-top: 0
}

#timeline-dashboard-panel .postlist-data .highlighted {
    width: calc(100% - 8px);
    border: 4px solid #a8c3bc
}

.panel.panel-outer .indepth-content-left .desc-outer {
    margin-top: 10px
}

.msg_permission_outer {
    position: absolute;
    bottom: 210px;
    background: #eee;
    padding: 20px 20px 0;
    width: 90%;
    text-align: center;
    border-radius: 20px;
    left: 3%
}

.msg_permission_outer ul {
    margin: 0 auto
}

.msg_permission_outer ul li {
    float: left
}

.msg_permission_outer ul li a {
    font-weight: 900;
    color: #004d69
}

.text-red {
    color: red!important
}

a.action_recommendation {
    font-size: 25px;
    font-weight: 400;
    height: 40px;
    width: 40px;
    line-height: 40px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 15%);
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
    margin-top: -20px;
    color: #004d69
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(../images-nct/icons/svg/accordion_arrow.svg)!important;
    background-position: unset;
    position: absolute;
    right: 20px;
    top: 28px
}

#loops_accordion .ui-icon,#loops_accordion .ui-widget-content .ui-icon {
    right: 10px;
    top: 15px
}

a.action_recommendation i {
    font-weight: 400
}

a.action_recommendation img {
    height: 18px;
    width: auto;
    margin-top: 10px
}

#accordion123 .base-btn {
    min-width: 90px;
    padding: 10px 5px
}

.reco_action_outer {
    margin-right: 50px;
    margin-top: -10px
}

.verti-tab .tab .clear_msg_search {
    display: inline-block;
    width: 50px;
    padding: 0;
    position: absolute;
    right: 16%;
    color: #666;
    font-size: 18px
}

.verti-tab .tab .clear_msg_search img {
    height: 15px;
    width: auto
}

.clear_msg_search_custom {
    display: inline-block;
    width: 50px;
    padding: 0;
    position: absolute;
    right: 45px!important;
    top: 8px!important;
    color: #666!important;
    font-size: 18px!important;
    background: unset!important
}

.clear_msg_search_custom img {
    height: 15px!important;
    width: auto
}

#close_journey_form h3,#delete_offering_modal h3,#delete_owner_offering h3,#explainer-video-popup h3,.common_popup_modal h3 {
    font-size: 18px!important;
    line-height: 24px!important;
    margin-top: -10px!important;
    font-weight: 500!important;
    color: #000!important
}

#close_journey_form .base-btn,#delete_offering_modal .base-btn,#delete_owner_offering .base-btn,.common_popup_modal .base-btn {
    padding: 15px 5px;
    max-width: 125px;
    font-size: 13px
}

.common_popup_modal .base-btn.link-btn {
    font-size: 16px;
    padding: 15px 5px!important
}

#close_journey_form .close-modal,#delete_offering_modal .modal-header .close-modal,#delete_owner_offering .close-modal,#delete_owner_offering .modal-header .close-modal,#explainer-video-popup .close-modal,.common_popup_modal .close-modal {
    height: 12px!important;
    overflow: hidden;
    width: 12px!important;
    top: 15px!important
}

.unread_noti_icon {
    position: absolute;
    left: 5px;
    top: 50px;
    color: #a8c3bc
}

.msg-plus-chat-icon.for-small-screen {
    float: unset;
    width: unset
}

.show_password_img {
    position: absolute;
    top: 38px;
    right: 12px;
    width: 20px!important;
    height: 20px!important;
    z-index: 999
}

.free-plan-outer .item-price:before {
    width: 100px;
    position: absolute;
    background-color: ##8c2d4b;
    color: ##8c2d4b;
    border-color: ##8c2d4b;
    transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg)
}

.login-page .show_password_img {
    top: 58%;
    right: 10px;
    width: auto!important;
    height: 14px!important
}

.fpassword-container label,.login-page-container form label {
    text-align: left;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 2px
}

.fpassword-container .base-btn,.login-page-container form .base-btn {
    font-size: 16px;
    line-height: 22px
}

#accordion123 .ui-accordion-content {
    height: unset!important;
    border: unset
}

#accordion123 h3 {
    margin-bottom: 10px!important;
    padding: 15px 18px!important;
    border-radius: 10px
}

#accordion123 .accordion_tab {
    overflow: unset
}

#loops_accordion .accordion_tab {
    padding: 0;
    border: unset!important
}

#loops_accordion .heading {
    padding: 0!important;
    margin: 0!important
}

#loops_accordion.ui-widget .loops-outer h3 {
    font-size: 38px!important
}

#loops_accordion.ui-widget h3 {
    font-size: 22px!important
}

.popup-invite-users .invite-text-footer {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 60px
}

.popup-invite-users .invite-text-footer p {
    font-size: 13px;
    margin: 0
}

.placeholder,.ui-tooltip {
    font-size: 14px!important
}

.popup-invite-users a.close-modal {
    top: 26px!important
}

.profile-offerings-single span.reconmendation-designation {
    font-weight: 700!important
}

.faq-section .faq-slider a {
    font-weight: 700;
    color: #004d69
}

.faq-section .accordion-content p {
    border-bottom: unset
}

.faq-section .my-account {
    margin-left: 0!important;
    float: unset!important
}

.faq-section .my-account input.searchTerm {
    width: 180px;
    height: 32px;
    border: 1px solid #ccc
}

.availability-switch-dash img {
    height: 35px!important
}

.my-account-menu .for-small-screen .icon-small a {
    height: 30px;
    width: 30px
}

.my-account-menu .for-small-screen .icon-small a img {
    height: 7px;
    display: block;
    margin: 11px auto 0
}

.enquiries_tabset h3.tabset,.my_offerings_tabset h3.tabset,.verti-tab h3.tabset {
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: 60px
}

.net-srh .form-group input {
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #efefef;
    position: relative;
    width: 190px
}

.faqs-page .net-srh .form-group input {
    width: 275px
}

.net-srh .form-group a {
    position: absolute;
    top: 1px;
    right: 0;
    display: block;
    background: unset;
    color: #fff;
    padding: 0;
    border-radius: 2px;
    max-width: unset
}

#searchForm2 a {
    max-width: unset!important
}

::-webkit-input-placeholder {
    color: #999!important
}

::-moz-placeholder {
    color: #999!important
}

:-ms-input-placeholder {
    color: #999!important
}

:-moz-placeholder {
    color: #999!important
}

.placeholder {
    text-align: left!important;
    color: #999!important;
    font-weight: 500!important
}

.select-selected,.select-selected .same-as-selected,input[type=text],input[type=email],select,textarea {
    color: rgba(0,0,0,.8)!important
}

#add_job_modal .select-selected,#add_job_modal .select-selected .same-as-selected {
    border: 1.5px solid #ccc;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    border-radius: 4px
}

#add_job_modal select {
    color: #555!important
}

.signup-wrapper .select-selected {
    border: 1px solid #ccc
}

.signup-wrapper .signup-bottom {
    margin-left: -55px;
    margin-right: -55px;
    padding-left: 55px;
    padding-right: 55px
}

.select-items div {
    color: #666!important
}

.has_new_post_modal {
    position: fixed;
    top: 25%;
    z-index: 999999;
    left: calc(50% - 100px)
}

.has_new_post_modal .modal-body {
    width: 120px;
    border-radius: 4px;
    background: #a8c3bc;
    padding: 10px 0;
    text-align: center
}

.has_new_post_modal .modal-body h3 {
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.has_new_post_modal .modal-body a {
    font-weight: 500;
    color: #fff!important
}

.has_new_post_modal .modal-body i {
    font-weight: 500!important
}

.invite-ur-trusted-circle img {
    box-shadow: 1px 1px 4px 1px #999;
    border-radius: 50%
}

.footer-invite-div,.forum-action .img-item,.messenger-page .new_msg_popup--,.post_showmorelink a,.search-term-page .search-section {
    box-shadow: 0 3px 5px rgb(0 0 0 / 15%)
}

.footer-invite-div {
    color: #fff;
    vertical-align: middle;
    margin: 0 auto
}

.footer-invite-div p {
    font-size: 13px;
    line-height: 60px;
    box-shadow: 1px 1px 4px 1px #888;
    border-radius: 50%;
    color: #000;
    font-weight: 600
}

.footer_popup_button .footer-invite-div p {
    font-size: 22px;
    line-height: 100px
}

.invite-ur-trusted-circle.custom-circle {
    bottom: 25px
}

.ui-widget {
    font-size: 16px!important
}

.ui-widget h3 {
    font-weight: 600
}

#accordion123 .reconmendation-name .name h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding: 0
}

#accordion123 .reconmendation-designation {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: grey
}

#accordion123 .date {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0,0,0,.5)
}

#accordion123 p.desc {
    font-size: 16px;
    line-height: 22px
}

.plan-title p {
    font-size: 25px;
    font-size: 600;
    color: #6d7074;
    line-height: 32px;
    margin-top: 20px;
    padding-right: 25px
}

.post-video-item .convert-notice {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    display: block;
    padding: 5px 10px 10px;
    text-align: center
}

.ui-tooltip {
    font-weight: 500!important;
    margin: 0!important;
    width: auto;
    max-width: 50%;
    padding: 10px 20px!important;
    background: #fff!important;
    border: unset!important;
    box-shadow: 0 10px 25px rgba(0,0,0,.16)!important;
    border-radius: 8px!important
}

.absolute-tooltip {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.clickable-tooltip,.has-tooltip {
    position: relative
}

.clickable-tooltip small,.has-tooltip small {
    height: 15px;
    width: 15px;
    background: #ccc;
    border-radius: 50%;
    font-size: 9px;
    color: #fff;
    display: inline-block;
    font-weight: 900;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: 1px;
    right: -20px
}

.tooltip-inner-content {
    max-width: 600px;
    height: auto
}

.modal .has-tooltip small {
    top: 3px
}

.signup-wrapper .has-tooltip small {
    top: 2px
}

.coming-soon-vdo {
    color: #fff!important;
    max-width: 250px;
    padding: 20px 0;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 115px);
    top: calc(50% - 30px);
    font-weight: 700;
    font-size: 24px
}

.fake-data-area .designation {
    margin-top: 10px;
    padding-right: 35px;
    font-weight: 700
}

.cke_editable_inline {
    min-height: 90px
}

.post-something #frmPublishPost .cke_editable_inline {
    min-height: unset
}

.post-something .textarea-box.admin .tag_user {
    width: 100%
}

.file-upload-text,.journeyUserSkill {
    margin-top: 15px
}

.list-offering-user .icon.icon-small a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px
}

.list-offering-user .icon.icon-small img {
    height: 12px
}

.ui-tabs-vertical .ui-tabs-nav {
    background: unset;
    border: unset;
    padding: .2em .1em .2em .2em;
    float: left;
    width: 28%
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border: unset;
    background: unset;
    padding: 6px 0
}

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    color: #000;
    font-weight: 600
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    background: #a8c3bc!important;
    padding: 6px 0;
    border-right-width: 1px
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
    color: #fff!important
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 0 1em 1em;
    float: right;
    width: 66%
}

#explainer-video-popup .ui-widget.ui-widget-content {
    border: unset
}

.modal a.remove_journey_location.close-modal {
    top: 12px!important;
    right: 10px!important
}

.new_offerings_icon {
    background: unset;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    margin: 0 auto
}

.new_offerings_icon img {
    margin-top: 35px;
    width: 65px;
    height: 65px
}

.no-offer-section {
    max-width: 350px
}

.no-offer-section .d-content {
    padding: 0!important
}

.no-offer-section .text-area {
    position: relative;
    top: 42%;
    transform: translateY(-42%)
}

.no-offer-section .network-info-single h3 {
    font-size: 20px;
    line-height: 20px;
    padding: 10px 0 0;
    display: block
}

img.profile-exp-icon {
    height: 19px!important;
    margin-top: 18px!important
}

.modal-close-icon {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)
}

.slider-down-arrow {
    position: absolute;
    bottom: 50px;
    z-index: 999999;
    left: 48%;
    -webkit-animation: scrolling 3s ease infinite;
    -moz-animation: scrolling 3s ease infinite;
    -o-animation: scrolling 3s ease infinite;
    animation: scrolling 3s ease infinite
}

.slider-down-arrow a {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: #a8c3bc;
    display: inline-block;
    text-align: center;
    color: #fff;
    transition: all .2s ease
}

.slider-down-arrow a:not(:hover) {
    animation: fullwidth-header-bounce 2.2s ease-out infinite
}

.slider-down-arrow a:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.85)
}

.slider-down-arrow a i {
    color: #fff;
    margin-top: 21px;
    display: inline-block
}

.open-popup-image i {
    position: absolute;
    background: #fff;
    height: 17px;
    width: 17px;
    font-size: 12px;
    padding-top: 4px;
    text-align: center;
    bottom: 80%;
    left: calc(50% - 10px);
    color: #a8c3bc!important;
    vertical-align: middle;
    border-radius: 3px;
    padding-left: 2px
}

.profile-live .depth-gal {
    margin-top: 20px
}

.depth-gal .open-popup-image i {
    top: calc(50% - 12px)
}

.profile-timeline .new-opportunities.new-recomended-opportunities.support-post .new-opportunity-options {
    width: 200px
}

span.profile-picture-character {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #512da8;
    font-size: 35px;
    color: #fff;
    text-align: center;
    line-height: 150px;
    margin: 20px 0
}

.lightpick__days-of-the-week,.signup-form-btns {
    margin-top: 20px
}

.ui-datepicker {
    z-index: 999999!important
}

.grey-bg {
    background: #63666a!important
}

.lightgrey-bg {
    background: #f8f8f8!important
}

.community-panel .offerring-block {
    height: 420px;
    overflow: hidden
}

.slider_outer.register-slider .slider-item {
    width: 100vw;
    float: left;
    height: auto;
    padding: 100px 0;
    text-align: center;
    position: relative
}

.slider-item.active {
    display: block
}

.info-icon-circle,.slider_outer #frmAttr small {
    display: inline-block;
    line-height: 16px
}

.signup-form-btns a:first-child {
    float: left
}

.signup-form-btns a:nth-child(2) {
    float: right
}

.no-hover:active,.no-hover:focus,.no-hover:hover {
    background: unset!important
}

.border-btn.no-hover {
    border-color: #707070!important;
    color: #707070!important
}

.no-hover img {
    filter: unset!important
}

.slider_outer .tag-panel ul li a {
    text-decoration: none!important;
    font-weight: 400
}

.slider_outer .social-text {
    font-size: 15px;
    font-weight: 500
}

.the-balls {
    margin-left: 16px
}

.info-icon-circle {
    height: 15px;
    width: 15px;
    background: #ccc;
    border-radius: 50%;
    font-size: 9px;
    color: #fff;
    font-weight: 900;
    text-align: center
}

.no-before:after,.no-before:before {
    content: unset!important
}

.profile-user .my-panel .d-img img {
    height: 200px;
    width: 200px;
    object-fit: cover
}

.profile-user .my-panel .d-img .user_photo {
    height: 200px;
    width: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    max-width: 100%
}

.comments .d-reply a {
    font-size: 14px;
    line-height: 20px;
    color: #3b4556;
    font-weight: 600;
    cursor: pointer
}

.comments .comment-reply-ul {
    margin-left: 45px
}

.lightpick {
    box-shadow: unset;
    font-family: Muli,sans-serif!important
}

.lightpick__month {
    width: 100%
}

.lightpick--inlined {
    display: block
}

.lightpick__day.is-start-date {
    border-top-left-radius: 12px!important;
    border-bottom-left-radius: 12px!important
}

.lightpick__day.is-end-date {
    border-top-right-radius: 12px!important;
    border-bottom-right-radius: 12px!important
}

.lightpick__day-of-the-week,.lightpick__month-title>.lightpick__select-months {
    text-transform: uppercase!important
}

.learn-more-txt {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: underline;
    color: #9ea0a5;
    display: block;
    position: relative
}

.custom-post-info .learn-more-txt,.postlist-data .offer-post p.desc {
    font-size: 16px
}

.timeline-main .offer-post h3 {
    text-transform: unset
}

.total-loops-count span {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    top: 5px;
    right: 4px;
    line-height: 6px;
    color: #004d69
}

.my-account-menu .total-loops-count span {
    color: #000
}

.header-user-area ul {
    margin: 0;
    list-style: none
}

.header-user-area ul .eac-item {
    border-bottom: 1px solid rgba(0,0,0,.15)
}

.header-user-area ul .eac-category,.header-user-area ul li {
    border-bottom: 1px solid rgba(0,0,0,.1)!important;
    border-top: unset;
    padding-bottom: 10px;
    padding-top: 10px;
    min-height: 70px
}

.header-user-area ul li:last-child {
    border: unset!important
}

.header-user-area ul li img {
    border-radius: 50%
}

.header-user-area {
    max-height: 90vh;
    margin-top: 5px;
    border-radius: 5px;
    width: 410px!important;
    background: #fff;
    position: absolute;
    left: auto;
    right: -230px;
    top: 38px;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    padding: 0 10px 20px;
    overflow-y: scroll
}

.header-search-bottom a {
    font-size: 20px!important;
    font-weight: 600!important;
    color: rgba(0,77,105,.6)!important
}

.header-data-sub {
    font-weight: 500!important;
    color: #000!important;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 18px
}

.header-data-sub span.header-data-role {
    font-size: 14px;
    line-height: 18px;
    color: #999;
    display: block;
    font-weight: 600!important;
    margin-top: 5px
}

.header-data-title {
    color: #004d69!important;
    font-weight: 600!important;
    font-size: 16px
}

.search-term-page #left-dashboard-panel .my-details,.search-term-page #right-dashboard-panel .seek-support {
    height: 90px
}

.search-term-page #left-dashboard-panel,.search-term-page .seek-support {
    width: 100%;
    padding: 25px 0
}

.search-term-page #left-dashboard-panel {
    margin-bottom: 0
}

.search-term-page .seek-support {
    margin-bottom: 60px
}

.search-term-page #left-dashboard-panel .my-details .status-bar,.search-term-page .seek-support .seek-support-bar {
    display: block;
    margin: 10px auto 0
}

.search-term-page #left-dashboard-panel .my-details p,.search-term-page .seek-support p {
    font-size: 18px!important;
    color: rgba(0,0,0,.8)
}

.search-term-page .my-panel {
    max-width: unset
}

.search-term-page .invite-panel .reloopers .heading {
    font-size: 18px;
    color: rgba(0,0,0,.8)
}

.search-term-page #right-dashboard-panel {
    width: 24%
}

.search-term-page .timeline-main {
    width: 74%;
    margin-right: 2%;
    min-height: 1px
}

.search-term-page .search-section {
    display: block;
    padding: 25px;
    margin-bottom: 60px;
    min-height: 1px
}

.row-item {
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
    display: block;
    box-sizing: border-box
}

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

.row-item .row-left {
    width: 8%;
    box-sizing: border-box
}

.row-item .row-right {
    width: 21%;
    padding-right: 0!important;
    box-sizing: border-box
}

.row-item .row-left,.row-item .row-mid,.row-item .row-right {
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    min-height: 1px
}

.row-item .row-mid {
    width: 71%;
    box-sizing: border-box
}

.search-term-page .row-item img {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    object-fit: cover
}

.search-term-page .row-item {
    padding: 15px 0
}

.search-term-page .row-item hr {
    border-top: 1px solid rgba(0,0,0,.15);
    margin-left: 9%;
    margin-top: 30px
}

.search-term-page .row-item:last-child hr {
    display: none
}

.search-term-page .search-section .search-bottom-txt a,.search-term-page .search-section .section-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #004d69;
    display: block
}

.pagination-area {
    position: relative
}

.pagination.pagination-main {
    margin: 20px auto 50px
}

.pagination.pagination-main li {
    float: left;
    font-size: 20px;
    color: rgba(0,0,0,.8);
    margin-right: 30px;
    height: 50px;
    width: 50px;
    display: inline-block;
    text-align: center
}

.pagination.pagination-main li:first-child {
    position: absolute;
    left: 0
}

.pagination.pagination-main li:last-child {
    position: absolute;
    right: 0;
    margin-right: 0
}

.pagination.pagination-main li:first-child a,.pagination.pagination-main li:last-child a {
    background: #eee;
    margin-top: 0
}

.pagination.pagination-main li a {
    margin-top: 10px;
    display: block;
    height: 100%;
    width: 100%;
    font-weight: 600
}

.pagination.pagination-main li.active {
    border-radius: 50%;
    background-color: #004d69
}

.pagination.pagination-main li.active a {
    color: #fff;
    margin-top: 10px
}

.pagination.pagination-main i {
    color: #999;
    margin-top: 15px;
    display: inline-block
}

.text-uppercase {
    text-transform: uppercase!important
}

.search-opacity:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    content: "";
    z-index: 9
}

#social-media-group .processform-buttons:before {
    content: "";
    width: auto;
    height: 1px;
    background: #c6c6c6;
    position: absolute;
    top: 0;
    left: -15px;
    right: -15px
}

.depth-gal img {
    max-height: 68px;
    width: auto;
    margin: 0 10px;
    border-radius: 5px
}

.depth-gal a:first-child img {
    margin-left: 0
}

.profile-live .depth-gal .open-popup-image img {
    min-height: 75px
}

.depth-gal .indepth-hover-buttons img {
    border-radius: 0
}

.profile-edit-btn .indepth-hover-buttons a {
    padding-bottom: 0!important
}

.journey-single-dir img {
    height: 10px;
    width: auto;
    position: absolute;
    right: 53px;
    top: 20px;
    cursor: pointer
}

#bio .bio .font01 {
    font-size: 20px;
    font-weight: 600;
    color: #333
}

#bio .bio .font02 {
    font-size: 18px;
    font-weight: 600;
    color: #004d69;
    margin-top: 30px;
    margin-bottom: 10px
}

#bio .bio .has-tooltip small {
    top: 8px;
    right: -25px
}

#frmEditMiniProfile input,#frmEditMiniProfile label,#frmEditMiniProfile textarea {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px
}

#frmEditMiniProfile input[type=checkbox],#frmEditProfile input[type=checkbox] {
    min-height: unset
}

#frmEditMiniProfile .checkbox-single,#frmEditProfile .checkbox-single {
    margin-bottom: 10px
}

#frmEditMiniProfile .custom-checkbox .label,#frmEditProfile .custom-checkbox .label {
    position: absolute;
    margin-left: 10px;
    display: inline-block;
    line-height: 24px
}

.contact-details-page label {
    text-align: left;
    font-weight: 500
}

.contact-details-page input,.contact-details-page label,.contact-details-page textarea {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    display: block
}

#social-media-group .social-title {
    font-size: 16px;
    font-weight: 600
}

.process-form .form-group label,.signup-wrapper label {
    color: #333;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    display: block;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 5px
}

.community-body .input-xl,.community-body input,.community-body textarea,.signup-wrapper label {
    font-size: 16px!important
}

.signup-wrapper label {
    margin-bottom: 2px
}

.process-form .form-group label.error,.signup-wrapper label.error {
    color: #d01c1c;
    letter-spacing: 0
}

.process-form .form-group .custom-radio {
    margin: auto 15px;
    display: inline-block
}

.d-adding-process .process-form #frmEditProfile .form-group,.process-form #edit-added-mini-bio .form-group,.process-form #frmEditMiniProfile .form-group,.process-form .form-group,.signup-wrapper .form-group {
    margin-bottom: 20px
}

.process-form .form-group .custom-radio label {
    display: inline-block
}

#edit-added-bio p.title-desc,#social-media-group p.title-desc {
    font-size: 18px!important;
    font-weight: 500!important;
    text-align: center;
    color: #333
}

#social-media-group {
    padding-bottom: 10px!important
}

.social_form_links img {
    height: unset;
    width: auto
}

#edit-added-bio .modal-title,#edit-added-mini-bio .modal-title,#frmEditMiniProfile .modal-title,#social-media-group .modal-title {
    text-transform: uppercase;
    font-size: 20px!important;
    font-weight: 700!important
}

#frmEditMiniProfile .custom-radio input[type=radio],#frmEditMiniProfile .custom-radio label {
    display: inline-block!important;
    width: auto;
    height: unset!important
}

#frmEditSocialProfile {
    margin-left: 25px
}

.available-dates .events-desc .quote.expandable-text {
    line-height: 22px;
    margin-top: 5px
}

.d-graph-single-color.color07.is_highlighted a:after {
    background: #004d69
}

.d-graph-single-color.color08.is_highlighted a:after {
    background: #a8c3bc
}

.d-graph-single-color.color13.is_highlighted a:after {
    background: #96264c
}

.d-graph-single-color.color16.is_highlighted a:after {
    background: #000
}

.d-graph-single-color.is_highlighted a:after {
    display: table;
    content: "";
    height: 4px;
    border-radius: 10%;
    position: absolute;
    z-index: 1;
    color: #000;
    width: 100%;
    bottom: 0;
    background: #000;
    border: unset;
    left: 0;
    box-sizing: border-box
}

.prof-journey-thumb {
    height: 15px;
    width: auto!important;
    margin-right: 15px
}

.signup-wrapper .base-btn,.signup-wrapper .cke_editable,.signup-wrapper .select-items,.signup-wrapper .select-selected,.signup-wrapper input,.signup-wrapper text-area {
    font-size: 16px
}

.box-section-mini {
    width: 250px;
    padding: 25px;
    box-shadow: 0 10px 25px rgb(0 0 0 / 16%);
    margin: 0 auto
}

.signup-wrapper .profile-demo-section img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 50%
}

.d-graph-single img {
    height: 22px;
    width: auto!important;
    display: block;
    margin-top: -8px!important
}

.d-graph-single .tooltip-title {
    margin-bottom: 10px;
    padding-bottom: 5px
}

.d-graph-single .tooltip-name {
    margin-bottom: 10px
}

#profileJourneyModal .highlight-area {
    background: rgba(168,195,188,.3);
    margin: 30px -15px;
    padding: 10px 35px
}

#profileJourneyModal .highlight-area.personal-area {
    background: rgba(242,195,181,.3)
}

#profileJourneyModal .highlight-area.learning-area {
    background: rgba(0,77,105,.15)
}

#profileJourneyModal .highlight-area h3 {
    font-size: 20px;
    font-weight: 600
}

#profileJourneyModal .highlight-area h3.top-step-area {
    font-size: 14px;
    font-weight: 600
}

#profileJourneyModal .modal-title {
    font-weight: 600
}

#add_job_modal .form-item,#membership-form .form-item,#profileJourneyModal .form-item {
    display: none
}

#add_job_modal .form-item.active,#membership-form .form-item.active,#profileJourneyModal .form-item.active {
    display: block
}

.show-overflow {
    overflow: visible!important
}

#profileJourneyModal .base-btn {
    font-size: 18px
}

#profileJourneyModal input::-webkit-input-placeholder,#profileJourneyModal textarea::-webkit-input-placeholder,.cke_editable {
    font-size: 14px
}

#profileJourneyModal .journey-btns.processform-buttons {
    padding-left: 0;
    padding-right: 0
}

.d-graph-single.achievement_outer {
    position: absolute;
    top: -10px
}

.d-graph-parent-type[data-p_type=achievement] {
    min-height: 10px;
    width: 100%;
    background: rgba(112,112,112,.1);
    margin-bottom: 30px;
    border-radius: 8px
}

#posts .posts-header-outer h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #333
}

#posts .posts-header-outer h3.subtitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: rgba(51,51,51,.59)
}

.search-single .search-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600
}

.search-single .search-subtitle {
    color: grey;
    font-size: 14px;
    font-weight: 500
}

.search-single .search-type-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.search-single .search-desc {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.processform-buttons.journey-btns {
    margin-bottom: 0!important
}

.hamburger img {
    max-width: 100%
}

.profile-page-body .user-timeline .indepth-content-left .desc-outer {
    max-width: calc(100% - 50px)
}

.process-form input.tt-hint {
    display: none!important
}

.d-graph .tooltip-location-type {
    border-top: 1px solid #ccc;
    margin-top: 9px;
    padding-top: 1px;
    font-size: 11px;
    font-weight: 500
}

.community-body hr,.forum-single hr {
    height: 1px;
    border: unset;
    background: rgba(0,0,0,.15);
    margin: 20px 0
}

.community-body form .form-group label {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,.8)
}

.content-outer.community-outer {
    margin: 50px 0
}

.community-outer.content-outer img,.search-main .header-search img {
    max-height: 266px;
    max-width: 100%;
    width: auto;
    margin-bottom: 40px
}

.community-outer.content-outer .header-search img {
    position: absolute;
    right: 0;
    cursor: pointer
}

.search-main .header-search input {
    padding-left: 50px
}

.search-main .header-search img {
    position: absolute;
    left: 10px;
    cursor: pointer;
    top: 20px;
    height: 24px
}

.community-outer.content-outer img:last-child {
    margin-bottom: 0
}

.community-body .community-outer p {
    margin-top: 20px
}

.community-body p {
    font-size: 18px;
    line-height: 25px;
    margin-top: 0
}

.community-body section,.forum-single section {
    margin: 75px 0
}

.community-body .section-title {
    font-size: 35px;
    font-weight: 600;
    color: #004d69
}

.community-body .section-subtitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #004d69
}

.community-body .box-section {
    box-shadow: 0 10px 25px rgba(0,0,0,.16);
    padding: 30px 50px
}

.community-body .recent-item {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.community-body .recent-item:after {
    clear: both;
    display: table;
    content: ""
}

.community-body .recent-item .recent-col {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    box-sizing: border-box;
    min-height: 140px
}

.community-body.forum-single .recent-item .recent-col {
    min-height: unset
}

.community-body.forum-single .comments-outer p {
    font-size: 18px;
    color: #333
}

.community-body.comments-outer .recent-item .recent-middle {
    width: 75%
}

.community-body.comments-outer .recent-item .recent-right {
    width: 15%
}

.community-body.comments-outer .recent-item .recent-right .created_at {
    color: rgba(0,0,0,.5);
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    bottom: 10px;
    right: 0
}

.community-body.comments-outer .recent-item .recent-right img.option-img {
    height: 20px
}

.community-body.comments-outer .recent-item .recent-right img.useful-img {
    height: 30px
}

.community-body .recent-item .recent-left {
    width: 10%
}

.community-body .recent-item .recent-middle {
    width: 80%
}

.community-body .recent-item .recent-right {
    width: 10%;
    padding-right: 0;
    text-align: right
}

.community-body .recent-item img {
    max-height: 55px;
    width: auto;
    height: 100%;
    vertical-align: middle;
    margin-top: -2px
}

.community-body .recent-item img.dp {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    object-fit: cover
}

.community-body .recent-item .item-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 5px
}

.community-body .recent-item .item-desc {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: grey
}

.community-body .box-header {
    margin-bottom: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.15)
}

.community-body .recent-item .comments-counter {
    font-weight: 600!important;
    color: #004d69!important
}

.community-body .recent-item .item-subdesc {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #bfc2c8;
    text-align: left;
    margin-bottom: 5px
}

.community-body .recent-item .item-count {
    border: 1px solid #ccc;
    border-radius: 6px;
    display: inline-block;
    padding: 10px;
    box-shadow: 1px ​1px 1px 1px #ccc
}

.recent-item .item-status {
    display: inline-block;
    border: unset;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    border-radius: 6px;
    position: absolute;
    bottom: 10px;
    right: 0
}

.recent-item .item-status.item-open {
    color: grey;
    border: 1px solid grey
}

.recent-item .item-status.item-closed {
    color: grey;
    background-color: #e5e5e5
}

.forum-single .forum-img-area img,.forum-single .forum-img-area video {
    width: 175px;
    height: auto;
    margin-right: 20px;
    display: inline-block
}

.forum-single h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600
}

.recent-item .is-useful {
    position: absolute;
    top: 0;
    left: -50px
}

.more-dropdown-outer {
    position: absolute;
    right: 0;
    top: 0
}

.more-dropdown-final {
    position: relative
}

.custom-checkbox .checkbox-single {
    display: block;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer;
    height: 20px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.survey_options .custom-checkbox .checkbox-single {
    height: auto
}

.survey_options .checkmark {
    display: none
}

.survey_options .checkbox-single.checkbox-filled .checkmark {
    display: block
}

.survey-result-outer {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: auto
}

#offerings_modal2 .custom-checkbox .checkbox-single {
    height: auto;
    margin-bottom: 15px
}

.custom-checkbox .checkbox-single input {
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 20px;
    border-radius: 0;
    opacity: .01
}

.custom-checkbox .checkbox-single input:checked~.checkmark,.custom-checkbox .checkbox-single:hover input~.checkmark {
    background: #fff
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-checkbox .checkbox-single .checkmark:after {
    left: 10px;
    top: -5px;
    width: 5px;
    height: 15px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom-checkbox .checkbox-single input:checked~.checkmark:after {
    display: block;
    opacity: 1
}

.custom-checkbox span.check-text {
    color: #3b4556;
    position: absolute;
    top: 0;
    left: 20px;
    min-width: 150px;
    font-weight: 500;
    line-height: 19px
}

.forum-action {
    text-align: right
}

.forum-action .img-item {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 10px;
    margin-right: 15px
}

.forum-action .img-item:last-child {
    margin-right: 0
}

.forum-action .img-item img {
    height: 20px;
    width: auto;
    margin: 13px auto;
    display: block
}

.close-forum-header {
    display: block;
    padding: 0 15px;
    margin-bottom: 30px;
    background: rgba(0,77,105,.1);
    color: #004d69;
    font-size: 14px;
    line-height: 40px;
    border-radius: 6px;
    height: 40px;
    vertical-align: middle
}

.close-forum-header img {
    width: 20px;
    height: 100%;
    vertical-align: middle;
    margin-top: -3px
}

.forum-header-icons img {
    height: 15px;
    display: inline-block;
    width: auto;
    margin-right: 10px
}

.forum-single .forum-header-icons img,.search-forum .forum-header-icons img {
    height: 100%;
    width: 15px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px
}

.forum-single .header-search input,.search-forum .header-search input {
    padding: 20px 20px 20px 50px;
    box-shadow: 0 10px 25px rgb(0 0 0 / 16%)
}

.forum-single .header-search img,.search-forum .header-search img {
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
    width: 23px;
    vertical-align: middle
}

.no-filter img {
    filter: unset!important
}

.my-panel .work-info-sec a {
    display: block!important
}

.slider-mini {
    box-shadow: 0 10px 25px rgba(0,0,0,.16)
}

.slider-mini .slider-mini-title {
    margin: 0!important
}

.community-body .forum-title {
    font-size: 28px;
    line-height: 35px;
    font-weight: 500
}

.community-body.forum-single .forum-header-icons {
    font-size: 14px
}

.slider-mini.slider-pink .slider-mini-body {
    background: #fbebe7;
    padding: 50px
}

.slider-mini.slider-pink .owl-carousel.owl-drag .owl-item .item:after {
    background: unset!important
}

.slider-mini .slider-mini-body p {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.slider-mini .slider-mini-footer {
    padding: 5px 20px
}

.slider-mini .slider-mini-footer h3 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    color: #004d69
}

.slider-mini .slider-mini-footer img {
    height: 40px;
    width: 40px
}

.slider-mini .navbtns button {
    border: unset;
    box-shadow: unset;
    display: inline-block;
    background: unset
}

.more-dropdown-final .mdf-body.options {
    position: absolute;
    width: 108px;
    left: -105px;
    top: 30px
}

.more-dropdown-final .options {
    user-select: none;
    cursor: pointer;
    line-height: 40px;
    font-size: 16px;
    padding: 0 15px;
    border: none;
    color: #303030!important;
    font-weight: 500;
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    text-align: left;
    border: solid rgba(0,0,0,.1);
    border-width: 0 1px 1px;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 1px 6px #d3d3d3;
    z-index: 999;
    max-height: 250px;
    overflow: auto
}

.more-dropdown-final .options div {
    border-bottom: 1px solid #eee
}

.more-dropdown-final .options div:last-child {
    border-bottom: unset
}

.slider-pink .owl-stage-outer {
    background-color: #fbebe7
}

.signup-wrapper .signup-bottom {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc
}

.landing-page .landing-item {
    min-height: 100px;
    padding: 100px 0;
    margin-left: -20px;
    margin-right: -20px;
    position: relative
}

.landing-page .section-sub .text-middle {
    height: 350px;
    width: 77%
}

.landing-page .section-sub .text-middle div:first-child {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

.landing-page .landing-item:nth-child(even) {
    background-color: #f9f9f9
}

.landing-page .section-title {
    font-size: 50px;
    line-height: 65px;
    color: #004d69;
    font-weight: 600
}

.landing-page .section-desc {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: rgba(0,0,0,.8)
}

.landing-page .section-sub {
    min-height: 1px;
    display: inline-block;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.landing-page .landing-item .section-sub:first-child {
    padding-left: 0
}

.landing-page .landing-item .section-sub:nth-child(2) {
    padding-right: 0
}

.landing-page .section-sub img {
    max-width: 100%
}

.landing-page .landing-page-outer * {
    box-sizing: border-box
}

.landing-page .form55 {
    width: 55%
}

.landing-page .form45 {
    width: 45%
}

.timeline-info #posts {
    min-height: 350px
}

#calender-panel .calender-info,#group_modal_form .calender-info,#offerings_modal .calender-info {
    height: 100px;
    padding: 10px 25px!important
}

#calender-panel .calender-info div:first-child,#group_modal_form .calender-info div:first-child,#offerings_modal .calender-info div:first-child {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#calender-panel .calender-title,#group_modal_form .calender-title,.offerings_modal .calender-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0
}

#calender-panel p,#group_modal_form p,#offerings_modal p {
    font-size: 16px;
    line-height: 24px
}

#calender-panel label,#group_modal_form label,#offerings_modal label {
    font-weight: 500;
    display: inline-block;
    margin-bottom: 4px;
    text-align: left
}

#calender-panel input,#calender-panel textarea,#group_modal_form input,#group_modal_form textarea,#offerings_modal input,#offerings_modal textarea {
    font-size: 16px
}

#calender-panel input,#offerings_modal input {
    width: 125px
}

#offerings_modal .base-btn {
    padding: 15px 50px
}

#group_modal_form .base-btn.add_group_form_submit {
    padding: 15px 43px
}

#calender-panel img.user-img,.offerings_modal img.user-img {
    max-width: 100%;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    object-fit: cover
}

#group_modal_form img.user-img {
    height: 50px;
    width: 50px
}

#calender-panel .form-group,#group_modal_form .form-group,#offerings_modal .form-group {
    margin-bottom: 30px
}

.community-body .recent-item .item-subdesc img {
    height: auto
}

.loops-btm-button-row a:first-child {
    margin-right: 20px
}

.lightpick__day {
    font-size: 15px!important;
    width: 45px!important;
    height: 45px!important
}

.lightpick__day.is-today {
    background-size: 10.8%
}

.text-cut-in {
    margin-bottom: 0
}

span.text-cut-in {
    display: block;
    overflow: hidden
}

span.anim-text {
    transform: translateY(60px);
    transition: all .8s;
    display: block
}

span.text-cut-in:nth-child(2) span.anim-text {
    transition-delay: .1s
}

span.text-cut-in:nth-child(3) span.anim-text {
    transition-delay: .2s
}

span.text-cut-in:nth-child(4) span.anim-text {
    transition-delay: .3s
}

span.text-cut-in:nth-child(5) span.anim-text {
    transition-delay: .4s
}

span.text-cut-in:nth-child(6) span.anim-text {
    transition-delay: .5s
}

span.anim-text:nth-child(7) {
    transition-delay: 1.2s
}

.in-view span.anim-text {
    transform: none
}

.fade-in {
    opacity: 0;
    transition: all .8s;
    transition-delay: .5s
}

.alter_button,.main_button,.main_button_trail {
    transition-delay: .1s
}

.in-view.fade-in {
    opacity: 1
}

.homepage-body * {
    box-sizing: border-box
}

.homepage-body section.section {
    padding-top: 100px;
    padding-bottom: 100px
}

.homepage-body section.section:nth-of-type(even) {
    background: #f9f9f9
}

#primary-slider .row,.homepage-body section.section .row {
    margin-left: -15px;
    margin-right: -15px;
    display: block;
    box-sizing: border-box
}

#primary-slider .row::after,.homepage-body section.section .row::after {
    content: "";
    clear: both;
    display: table
}

.homepage-body section.section img {
    max-width: 100%
}

.homepage-body section.section.offer-section img {
    max-width: 90%;
    margin-left: -22px
}

#primary-slider .form49, .homepage-body section.section .form49 {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.homepage-body section.section .form80 {
    display: inline-block;
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.homepage-body section.section-padding-75 {
    padding-top: 75px;
    padding-bottom: 75px
}

.homepage-body section.section .section-pretitle {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #004d69;
    margin-bottom: 5px
}

.homepage-body section.section .section-title {
    font-size: 40px;
    line-height: 59px;
    font-weight: 600;
    color: rgba(0,0,0,.8);
    text-align: left
}

.homepage-body section.section .section-desc {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    color: rgba(0,0,0,.8);
    margin-top: 15px
}

.homepage-body section.section .section-desc-two {
    font-size: 26px;
    line-height: 36px;
    font-weight: 600!important
}

.homepage-body section.section .text-middle {
    height: 500px;
    width: 85%
}

.homepage-body section.section.create-section .text-middle {
    height: 400px
}

.homepage-body section.section.create-section img {
    height: 350px
}

.homepage-body section.section .text-middle .text-section {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.user-timeline .timeline-buttonzone ul li.remove-connection-li:hover a .icon {
    background: #f2c3b5;
    box-shadow: none
}

#primary-slider .item .inner-item {
    height: 70vh;
    position: relative
}

#primary-slider .item .inner-item img {
    height: auto;
    max-height: 525px;
    width: auto;
    max-width: 100%;
    position: relative;
    top: 35%;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%)
}

#primary-slider .item .inner-item .form49:nth-child(2) {
    background-color: #f9f9f9;
    text-align: center
}

#primary-slider .item .inner-item .form49 {
    height: 70vh
}

#primary-slider .text-middle {
    width: 72%;
    margin: 0 auto;
    height: 100vh
}

#primary-slider .text-section {
    position: relative;
    top: 22%;
    -webkit-transform: translateY(-22%);
    -ms-transform: translateY(-22%);
    transform: translateY(-22%);
    text-align: left
}

#primary-slider h3 {
    font-size: 50px;
    line-height: 65px;
    font-weight: 600;
    color: #004d69
}

#primary-slider p {
    font-size: 28px;
    line-height: 35px;
    margin: 30px 0
}

#primary-slider .owl-dots {
    position: absolute;
    left: 48%;
    bottom: 50px
}

#primary-slider .owl-theme .owl-dots .owl-dot span {
    background: unset;
    border: 1px solid #004d69
}

#primary-slider .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #004d69
}

.homepage-body section.career-section .owl-carousel {
    height: 450px
}

.working_remotely.select-items div:first-child {
    display: block!important
}

.signup-wrapper #frmAttr .input.tt-hint,.signup-wrapper #frmAttrNew .input.tt-hint {
    display: none!important
}

.header-bottom.loggedin-user .my-account {
    position: absolute;
    right: 30px
}

.community-body .recent-item p {
    font-size: 16px!important;
    line-height: 26px
}

.verti-tab .tabcontent .d-details-chart .action-icon .icon.offerings-icon img {
    height: 11px;
    margin-top: 18px
}

#posts.tabcontent .posts-header-outer .custom-select div {
    font-size: 20px
}

.comment-panel .your-comment {
    font-size: 16px;
    line-height: 26px
}

.profile-live .profile-privacy .select-items div,.profile-live .profile-privacy .select-selected,.profile-live .user-timeline .timeline-buttonzone .big-screen-privacy p {
    font-size: 16px
}

.profile-live .big-screen-privacy .profile-privacy,.profile-live .big-screen-privacy .profile-privacy .select-items {
    width: 140px
}

.profile-live .user-timeline .icon-small span,.profile-live .user-timeline .icon_label {
    font-size: 12px
}

#recommendation #accordion4 .name h4 {
    font-size: 20px;
    line-height: 28px;
    color: #333;
    font-weight: 600
}

#recommendation #accordion4 .reconmendation-designation {
    font-size: 16px;
    line-height: 20px;
    color: grey
}

#recommendation #accordion4 .reconmendation-name {
    float: none!important;
    margin-right: 0
}

#recommendation #accordion4 .date {
    font-size: 16px;
    float: none;
    position: absolute;
    right: 20px;
    font-weight: 500;
    color: rgba(0,0,0,.5)
}

.profile-page-body #recommendation #accordion4 .date {
    position: static;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    font-size: 13px;
    line-height: 18px
}

.custom-added-pages .select-items div,.custom-added-pages .select-selected {
    font-size: 16px
}

.custom-added-pages .cards-outer .card-sm {
    margin-bottom: 50px
}

.custom-added-pages .cards-outer .card-sm:after {
    content: "";
    clear: both;
    display: table
}

.custom-added-pages .cards-outer h2 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 15px;
    color: #004d69;
    font-weight: 700;
    margin-top: 5px
}

.custom-added-pages .cards-outer p {
    font-size: 28px;
    line-height: 35px;
    font-weight: 500;
    color: rgba(0,0,0,.8)
}

.custom-added-pages .about-head .cards-outer h2,.custom-added-pages .about-head .cards-outer p {
    font-size: 24px;
    line-height: 30px
}

.custom-added-pages .aboutus-page .text-middle {
    width: 90%;
    height: 600px
}

.custom-added-pages div.section {
    padding: 80px 0
}

.custom-added-pages .text-middle {
    width: 75%;
    margin: 0 auto;
    height: 400px
}

.custom-added-pages .text-section {
    position: relative;
    top: 20%
}

.cards-outer .card .card-icon {
    margin-right: 15px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: inline-block;
    float: left
}

.cards-outer .card .card-body {
    width: 80%;
    display: inline-block;
    float: left;
    margin-left: 15px
}

.custom-added-pages .about-body {
    background: #f8f8f8
}

.custom-added-pages .about-section-outer {
    margin-top: 60px
}

.custom-added-pages .about-body h3.title {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 10px;
    text-align: center
}

.custom-added-pages .about-body h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    text-align: center
}

.cp-page .about-body .cp-item h3,.cp-page .about-body .cp-item h4,.custom-added-pages.howitworks-page .about-body h3.title,.custom-added-pages.howitworks-page .about-body h4 {
    text-align: left
}

.post-something textarea#description::placeholder {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.post-something .default-btn {
    min-width: unset;
    padding: 5px 10px
}

.cp-page .form49,.payments-page .form30,.payments-page .form40 {
    padding-left: 15px;
    padding-right: 15px
}

.faqs-page .faq-highlight {
    background: rgba(242,195,181,.4)
}

.cp-page .form49 {
    display: inline-block;
    width: 50%;
    float: left;
    min-height: 1px
}

.cp-page .cp-item .item-outer {
    background-size: auto;
    background-position: left;
    background-repeat: no-repeat
}

.cp-page .cp-item .item-outer img {
    padding-left: 24%;
    max-width: 100%
}

.cp-page .cp-item .item-outer .txt-area {
    padding: 25px 1px 25px 24%
}

.cp-page .cp-item {
    padding: 30px 0
}

.cp-page .about-body .cp-item:nth-child(even) .item-outer {
    background-position: right
}

.about-us-page.cp-page .about-body,.custom-added-pages.howitworks-page .about-body {
    background: unset
}

.custom-added-pages.howitworks-page .form-row {
    padding: 75px 0
}

.custom-added-pages.howitworks-page .form-row:first-child {
    padding-top: 0
}

.custom-added-pages.howitworks-page .form-row:last-child {
    padding-bottom: 0
}

.custom-added-pages.howitworks-page .text-middle {
    width: 90%
}

.custom-added-pages.howitworks-page .text-section {
    top: unset
}

.custom-added-pages.howitworks-page .height-500 {
    height: 500px;
    width: auto
}

.custom-added-pages.howitworks-page .height-300 {
    height: 300px;
    width: auto
}

.custom-added-pages.howitworks-page .height-200 {
    height: 200px;
    width: auto
}

.custom-added-pages.howitworks-page .links-section .form49,.custom-added-pages.howitworks-page .links-section h3.title,.custom-added-pages.howitworks-page .links-section h4 {
    text-align: center
}

.custom-added-pages.howitworks-page .links-section h3.title {
    font-size: 40px;
    line-height: 59px
}

.custom-added-pages.howitworks-page .links-section h4 {
    font-size: 20px;
    line-height: 30px
}

.custom-added-pages.howitworks-page .section-four .text-middle {
    height: unset;
    width: 75%
}

.custom-added-pages.howitworks-page .section {
    padding: 100px 0
}

.custom-added-pages.howitworks-page .section.section-alpha {
    padding-top: 50px
}

.custom-added-pages.howitworks-page .about-body.video-section h3,.custom-added-pages.howitworks-page .about-body.video-section h4 {
    text-align: center
}

.video-section .video-outer h3 {
    margin-bottom: 20px
}

.howitworks-page .video-section ul li {
    width: 18%;
    display: inline-block;
    margin: 0 10px;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    padding: 0;
    text-align: center;
    background: #fff
}

.howitworks-page .video-section ul li:first-child {
    margin-left: 0
}

.howitworks-page .video-section ul li:last-child {
    margin-right: 0
}

.howitworks-page .video-section ul li h3 {
    font-size: 18px;
    line-height: 20px
}

.howitworks-page .video-section ul li .card-body {
    margin: 0 auto
}

.howitworks-page .video-section ul li .card-body img {
    height: 150px;
    width: auto;
    max-width: 100%
}

.landing-page-outer .video-section ul li {
    background: #fff
}

.howitworks-page .video-section ul li .card-footer {
    margin-top: 0;
    padding: 10px;
    border: unset
}

.howitworks-page .video-section ul li .card-footer a {
    color: #333;
    font-weight: 600
}

.howitworks-page .video-section ul li .card-footer .float-right a {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-top: -2px
}

.homepage-body .plan-outer .plan-item {
    width: 285px;
    max-width: 285px
}

.howitworks-page .video-section ul li .card-footer img {
    height: 30px;
    width: auto;
    margin-right: 5px;
    margin-top: -3px
}

.howitworks-page .video-section ul li .card-footer h3 {
    margin: 0 0 0 8px
}

.howitworks-page .register-section .text-middle {
    height: 500px
}

.howitworks-page .register-section .text-section {
    top: 20%
}

.howitworks-page .section-alpha {
    padding-bottom: 100px
}

.login-page #frmLogin span.check-text {
    text-align: left
}

.custom-preview-outer.link-preview-section img {
    max-width: 100%
}

.section.career-section .slider-left .item-left {
    margin-bottom: 10px;
    opacity: .5
}

.section.career-section .slider-left .item-left:first-child {
    opacity: 1
}

.section.career-section .slider-left .item-left h3,.section.career-section .slider-left .item-left img {
    display: inline-block;
    float: left
}

.section.career-section .slider-left .item-left:after {
    display: table;
    content: "";
    clear: both
}

.section.career-section .slider-left .item-left img {
    max-width: 100%;
    width: 40px;
    margin-top: 6px;
    margin-right: 4px
}

.section.career-section .slider-left .item-left h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #000;
    margin: 0 0 0 10px
}

.homepage-body .career-section .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px
}

.homepage-body .career-section .owl-theme .owl-dots .owl-dot span {
    height: 12px;
    width: 12px;
    background: #fff;
    border: 1px solid #004d69
}

.homepage-body .career-section .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #004d69
}

.post-something-modal .cropper-face,.post-something-modal .cropper-view-box {
    border-radius: 0
}

.networks-body .network-page .pagination-list-data.list .network-info-single .base-btn {
    min-width: 100px
}

.network-page .network-info-single .base-btn {
    min-width: unset;
    margin: 0!important
}

.post-something .form-group label.error,.post-something label.error {
    font-size: 14px;
    padding-left: 95px
}

.tt-suggestion.tt-selectable img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 0;
    border-radius: 50%;
    object-fit: cover
}

a[data-action=removeConnection] {
    background: #f1f1f1;
    padding: 5px;
    border-radius: 5px
}

.dashboard-body .account-recomendations,.dashboard-body .todays-timeline {
    background: #f6f6f6
}

#password_modal.modal {
    padding: 25px 40px!important;
    background: #fff
}

#password_modal h3.modal-title {
    font-size: 20px;
    line-height: 30px
}

#password_modal .modal-header p {
    font-size: 18px;
    line-height: 23px
}

#password_modal .modal-footer a {
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 500
}

.deactivate-account-panel .main-setting-content-panel {
    padding-bottom: 10px
}

.deactivate-account-panel .main-setting-content-panel .title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.deactivate-account-panel .main-setting-content-panel .subtitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}

.deactivate-account-panel .main-setting-content-panel .deactivate-text-footer {
    margin-bottom: 50px
}

.deactivate-account-panel .main-setting-content-panel .deactivate-text-footer p {
    margin-bottom: 15px
}

.settings-page .verti-tab .tabcontent .d-details-chart {
    width: auto
}

.settings-page .verti-tab #my-activity.tabcontent .d-details-chart {
    width: 100%
}

.accounts-user .user-timeline .timeline-info #subscriptions.tabcontent {
    background: unset;
    border: unset;
    box-shadow: unset;
    padding: 0;
    overflow: visible
}

.header-explainer-icon-area .submenu {
    background: #fff;
    padding: 15px 20px;
    position: absolute;
    top: 60px;
    left: 10px;
    height: auto;
    width: 175px;
    border-radius: 10px
}

.header-explainer-icon-area .submenu hr {
    margin: 20px 0
}

.header-explainer-icon-area .submenu h3 {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0,0,0,.8);
    display: block;
    margin-bottom: 15px;
    font-weight: 700
}

.header-explainer-icon-area .submenu ul {
    list-style: none;
    margin-left: 15px
}

.header-explainer-icon-area .submenu:before {
    content: "";
    display: table;
    background-image: url(../images-nct/before-header-icon.png);
    height: 25px;
    width: 25px;
    position: absolute;
    top: -22px;
    right: 15px;
    background-position: top
}

.header-explainer-icon-area .submenu ul li {
    display: block;
    float: none;
    position: static;
    margin-left: 0
}

.header-explainer-icon-area .submenu ul li a {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0,0,0,.5);
    margin-bottom: 8px;
    display: block;
    font-weight: 600
}

#frmUserInvite .gusername {
    display: inline-block
}

#frmUserInvite .gemail {
    font-size: 14px;
    color: rgba(0,0,0,.6);
    display: inline-block
}

.cookie_outer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,1);
    color: #fff;
    z-index: 999999;
    padding: 35px 25px 20px;
    box-shadow: 0 10px 15px #000
}

.cookie_outer .btns-outer a:first-child {
    margin-right: 20px
}

.cookie_outer * {
    box-sizing: border-box
}

.cookie_outer .close-icon {
    position: absolute;
    right: 5%;
    top: 30px
}

.cookie_outer .custom-row {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box
}

.cookie_outer .form70 {
    width: 70%;
    display: inline-block;
    float: left
}

.cookie_outer .form30 {
    vertical-align: middle;
    width: 30%;
    display: inline-block;
    float: left
}

.cookie_outer h3 {
    font-size: 20px;
    line-height: 32px;
    color: #004d69;
    margin-bottom: 15px;
    font-weight: 600
}

.cookie_outer .btns-outer {
    height: 60px;
    margin-top: 35px
}

.cookie_outer p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: rgba(0,0,0,.8);
    margin-bottom: 6px
}

#cookieModal.modal {
    max-width: 650px;
    padding: 15px 25px!important
}

#cookieModal img {
    width: 50px;
    height: auto;
    max-width: 100%
}

#cookieModal .modal-header {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

#cookieModal .modal-header h3 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 25px;
    font-weight: 700
}

#cookieModal .modal-header p {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 18px
}

#cookieModal .modal-body .item {
    margin-bottom: 40px
}

#cookieModal .modal-body .item h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 6px;
    font-weight: 700
}

#cookieModal .modal-body .item p {
    font-size: 16px;
    line-height: 22px
}

#cookieModal .status-bar .img-01 {
    display: none
}

#cookieModal .form15 {
    width: 15%;
    float: left;
    display: inline-block
}

#cookieModal .form85 {
    width: 85%;
    float: left;
    display: inline-block
}

.block {
    display: block!important
}

.inline-block {
    display: inline-block!important
}

.cursor {
    cursor: pointer!important
}

.jquery-modal.blocker.current {
    z-index: 999999
}

.cookie-policy-page ul,.custom-added-pages .terms-page .section ul {
    list-style-type: disc;
    margin-left: 50px;
    margin-top: 30px
}

.cookie-policy-page ul li,.custom-added-pages .terms-page .section ul li {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px
}

.cookie-policy-page ul li {
    margin-bottom: 2px
}

.cookie-policy-page ul li p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 2px
}

.custom-added-pages .policies-page .section h3 {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
    font-weight: 700;
    color: #004d69;
    margin-bottom: 10px;
    margin-top: 50px
}

.custom-added-pages .policies-page .section p {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    font-weight: 500;
    color: #333;
    margin-bottom: 12px
}

.iti.iti--allow-dropdown {
    width: 100%
}

.policies-page table {
    border: 1px solid #333;
    margin: 50px 0;
    border-collapse: collapse
}

.policies-page table td,.policies-page table th {
    border: 1px solid #333
}

.cookie-policy-page table tr td,.cookie-policy-page table tr th {
    width: 22%
}

.policies-page table tr td,.policies-page table tr th {
    overflow: auto;
    padding: 5px 0;
    text-align: center;
    font-size: 20px;
    line-height: 28px
}

.policies-page .single-table table tr td,.policies-page .single-table table tr th {
    text-align: left;
    padding-left: 20px
}

.privacy-policy-page .marginleft-20 {
    margin-left: 25px
}

.postlist-data .post video {
    margin: 0 auto;
    max-width: 100%
}

.postlist-data .post .at-item a {
    margin: 0 auto
}

.postlist-data .post .at-item {
    background-color: #f8f8f8;
    width: 100%
}

.postlist-data .post .d-img img {
    max-height: 500px;
    margin: 0 auto;
    width: auto
}

#delete_account_modal.modal {
    padding: 25px!important
}

#delete_account_modal .base-btn {
    font-size: 18px
}

#delete_account_modal .modal-header h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-transform: uppercase
}

#delete_account_modal .modal-header p {
    font-size: 18px;
    line-height: 26px
}

#delete_account_modal hr {
    margin-left: -25px;
    margin-right: -25px
}

.remove-connection-li .submenu-outer {
    background: #fff;
    padding: 20px 25px;
    position: absolute;
    width: 200px;
    bottom: -65px;
    box-shadow: 0 10px 25px rgb(0 0 0 / 16%);
    border-radius: 10px;
    z-index: 999999
}

.remove-connection-li .submenu-outer:before {
    content: "";
    display: table;
    background-image: url(../images-nct/before-header-icon.png);
    height: 15px;
    width: 15px;
    position: absolute;
    top: -14px;
    left: 15px;
    background-position: top
}

.remove-connection-li .submenu-outer img {
    height: 15px;
    width: 15px;
    display: inline-block
}

.remove-connection-li .submenu-outer p {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: grey
}

.postlist-data .post-animation-outer {
    text-align: center;
    margin: 25px 0
}

.postlist-data .post-animation-outer img {
    height: 150px;
    width: auto;
    max-width: 100%
}

.timeline-main .postlist-data .new-opportunities .d-img img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    background: rgba(0,77,105,.15)
}

.timeline-main .postlist-data .link-preview-section .new-opportunities .d-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 600px
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.account-recomendations .recomended-account-slide .slide-single .d-img img {
    height: 50px;
    width: 50px;
    object-fit: cover
}

#indepth .in-depth .heading-bar .content-left {
    min-width: 170px
}

#profileDemoModal .user-info h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600
}

#profileDemoModal .user-info p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(0,0,0,.5)
}

#profileDemoModal .location-area p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: rgba(0,0,0,.5);
    margin-bottom: 5px
}

#profileDemoModal .box-section-mini {
    width: 310px
}

#profileDemoModal.modal {
    max-width: 600px!important
}

#profileDemoModal .signup-wrapper .tag-panel ul {
    text-align: center
}

.iti__selected-flag {
    max-height: 45px
}

.iti__country-list--dropup {
    z-index: 999
}

.lightpick__next-action,.lightpick__previous-action {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 2px
}

#msg-new-user #modal-title {
    font-size: 20px;
    line-height: 28px
}

#msg-new-user .eac-item {
    text-align: left;
    margin-bottom: 10px
}

#msg-new-user .eac-item .img-icons {
    display: inline-block;
    width: 10%;
    margin-top: 0;
    position: absolute
}

#msg-new-user ul li {
    padding: 0 30px;
    position: relative;
    min-height: 50px
}

#msg-new-user ul li .eac-item a {
    display: block
}

#msg-new-user ul li .eac-item span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: inline-block;
    width: 60%;
    margin-left: 8.5%;
    margin-top: 8px
}

#msg-new-user .easy-autocomplete-container {
    padding-top: 10px
}

.verti-tab .tabcontent .email-settings h3 {
    padding: 10px 0 0;
    font-size: 18px;
    line-height: 24px
}

.verti-tab .tabcontent .email-settings h3.text-uppercase {
    text-transform: uppercase!important
}

.email-settings .main-setting-content-panel {
    width: 75%
}

.email-settings .settingspanel-status .status-bar img {
    height: 28px
}

.cropper-img-modal {
    width: 600px!important;
    padding: 0!important
}

.cropper-img-modal button.crop-btn {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    height: 2rem;
    text-align: center;
    width: 2rem;
    color: #fff;
    margin: 10px 15px
}

.cropper-img-modal .btns-outer {
    background: rgba(0,0,0,.5);
    left: 40%;
    margin-left: -8rem;
    position: absolute;
    bottom: 12%
}

.canvas-container {
    width: 600px!important;
    height: 400px!important;
    position: relative;
    user-select: none
}

.display-media-attachments .at-item img {
    margin: 0 auto
}

#single-media .single-media-img img {
    max-width: 100%
}

.postlist-data .newsfeed-report-post {
    font-size: 16px
}

video:-webkit-full-screen {
    width: 100%;
    height: 100%;
    max-height: 100%
}

.video-js .vjs-big-play-button {
    top: 40%;
    left: 40%
}

#video_exp {
    max-width: 100%;
    height: auto
}

.message-options {
    float: left;
    margin-left: 50px;
    margin-top: 30px
}

.conversations .message-options {
    float: right;
    margin-top: 10px
}

.conversations .net-srh {
    margin: 0!important;
    width: 90%
}

.quote.expandable-text a {
    color: #004d69!important;
    font-weight: 500
}

.support-post .quote.expandable-text p,.tooltip-outer.bs-tooltip {
    font-weight: 500!important
}

.support-post a {
    color: #004d69
}

.payments-page {
    box-sizing: border-box
}

.payments-page .payments-section {
    height: 700px
}

.payments-page .row::before {
    display: table;
    content: " "
}

.payments-page .row {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px
}

.payments-page .form40 {
    width: 40%;
    float: left;
    min-height: 1px
}

.payments-page .form30 {
    width: 30%;
    float: left;
    min-height: 1px
}

.currency-block,.membership-wrapper .section.membership-section .plans-outer .plan-item .desc-area {
    min-height: 150px
}

.currency-block {
    border: 1px solid #eee;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    background: #fff;
    min-width: 150px;
    margin-right: 20px
}

.currency-block.active {
    background: rgba(0,77,105,1)
}

.currency-block h2 {
    text-transform: capitalize!important
}

.currency-block.active h2 {
    color: #fff!important
}

.plan-highlighted-name {
    color: #8c2d4b!important
}

.plan-highlighted-area {
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
    padding-top: 6px;
    color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: #8c2d4b;
    text-decoration: none;
    position: absolute;
    right: 20%;
    top: -15px
}

.payments-card {
    height: 110vh;
    width: 80%;
    border: unset;
    margin: 0 auto
}

#payment-history .detailschart-body,.modal .payments-card,.modal .payments-card .section {
    height: auto
}

.modal .payments-card {
    width: 100%
}

.modal .payments-card .section .inner-section {
    padding: 25px
}

.payments-card .amount-outer .form-group,.payments-card .border-bottom {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.payments-card label {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    color: rgba(26,26,26,.7);
    font-weight: 600
}

.payments-card .form-group {
    margin-bottom: 20px
}

.payments-card .form-group h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: rgba(0,0,0,1);
    margin: 0
}

.payments-card a {
    color: rgba(0,77,107,1)!important
}

.payments-card a.payments-btn {
    color: #fff!important
}

.payments-card .form-group h2 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(0,0,0,.8);
    margin: 0;
    text-transform: none
}

.payments-card .form-group h2.plan-title {
    font-size: 36px
}

.payments-page .payments-card input.input {
    min-height: 30px;
    font-size: 14px!important;
    box-shadow: 0 0 0 1px #e0e0e0,0 2px 4px 0 rgb(0 0 0 / 7%),0 1px 1.5px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
    transition: box-shadow 80ms ease-in,color 80ms ease-in,filter 50000s;
    background: #fff;
    border: unset
}

.payments-card .section {
    background: #fff;
    width: 50%;
    float: left;
    height: 100%;
    position: relative
}

.register-body-container .payments-card .section .section-footer {
    position: static
}

.payments-card .section .section-footer {
    position: static;
    margin-top: 100px
}

.payments-card .section .section-footer small {
    font-size: 13px;
    line-height: 18px;
    display: block;
    color: rgba(26,26,26,.6)
}

.payments-card .section .inner-section {
    padding: 100px 75px 25px
}

.payments-card .section-grey {
    background: #fff;
    box-shadow: -6px 7px 27px -16px #ccc;
    border-radius: 0
}

.application-icon-outer a,.group-single-body .group_desc_area,.payments-table,.plan-outer .plan-item {
    box-shadow: 0 3px 5px rgba(0,0,0,.15)
}

.promo_code_notice.success {
    color: #004d69
}

.promo_code_notice.error {
    color: red
}

#payment-history p {
    font-size: 14px!important
}

.plan-outer .plan-item {
    background: #fff;
    padding: 25px 20px;
    text-align: center;
    border-radius: 10px;
    min-height: 200px;
    width: 300px;
    float: left;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 20px
}

.plan-outer .plan-item:last-child {
    margin-right: 0!important
}

.plan-outer .plan-item .item-body {
    margin-top: 35px;
    margin-bottom: 35px;
    position: relative
}

.plan-outer .plan-item .item-body p {
    margin-top: 0;
    margin-bottom: 0
}

.plan-outer .plan-item .item-footer {
    margin-top: 30px
}

.plan-outer .plan-item .item-title {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    color: #333
}

.plan-outer .plan-item .item-title.error {
    font-size: 30px;
    font-weight: 600;
    color: #8c2d4b
}

.plan-outer .plan-item .item-price {
    font-size: 50px;
    font-weight: 600;
    color: #004d69
}

.plan-outer .plan-item .item-desc {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0,0,0,.8)
}

.plan-outer .plan-item .item-small {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0,0,0,.8)
}

#plan_list_modal.modal {
    background: #f8f8f8
}

.payments-table {
    width: 100%
}

.payments-table thead {
    font-weight: 600;
    font-size: 18px;
    background: unset;
    margin-bottom: 20px
}

.payments-table td {
    border-bottom: 1px solid #eee;
    padding: 10px 15px
}

.table-responsive {
    max-width: 100%;
    overflow-x: auto
}

#payment-history .d-details-chart .detailschart-body {
    padding: 15px 10px!important
}

#payment-history table td {
    min-width: 90px;
    max-width: 225px;
    overflow-wrap: break-word
}

#payment-history table td.action {
    max-width: 200px;
    overflow-wrap: break-word
}

.centered-page .page-head {
    display: flex;
    align-items: center;
    height: 270px;
    background: #f9f9f9;
    margin-bottom: 0
}

.centered-page h1.page-title {
    font-size: 50px;
    line-height: 60px;
    color: #004d69;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    font-weight: 700
}

.centered-page section.section {
    margin: 50px 0
}

.centered-page .section-inner {
    padding: 50px
}

.centered-page .section-inner .section-title {
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    color: #004d69;
    font-weight: 700;
    margin-bottom: 50px
}

.centered-page .section.plans-section {
    background: #e3eae8
}

.centered-page section.section h3 {
    font-size: 20px;
    line-height: 28px
}

.no-margin {
    margin: 0!important
}

.centered-page .membership-section .member-item {
    width: 50%;
    float: left;
    margin-bottom: 20px
}

.centered-page .membership-section .member-item::after {
    content: "";
    clear: both;
    display: table
}

.centered-page .membership-section .member-item img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 15px
}

.centered-page .membership-section .member-item p {
    float: left
}

.about-us-page .about-us-info p {
    margin-bottom: 20px
}

.homepage-body .section.section-info {
    background-position: center;
    margin: 110px 0
}

.homepage-body .section.section-info .section-head img {
    width: 200px;
    height: auto
}

.homepage-body .section-text {
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    text-transform: none;
    margin: 0;
    color: #000
}

.homepage-body .section-body h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    text-transform: none;
    color: #707070;
    margin: 0
}

.color-red {
    color: #96264c!important
}

.color-blue {
    color: #004d69
}

.color-grey {
    color: #333!important
}

.color-lightgrey {
    color: #707070!important
}

.homepage-body .section .color-red {
    color: #96264c
}

.register-payment .plan-item {
    float: none
}

.register-body-container .payments-card .section .inner-section {
    padding: 25px
}

.register-body-container .payments-card {
    width: 100%;
    min-height: 70vh;
    height: auto
}

.register-body-container .section-footer.big-screen {
    display: none
}

.register-body-container .payments-card .section-body {
    text-align: left
}

.memberships-page .plan-outer .plan-item {
    width: 330px
}

.memberships-page .plan-outer .plan-item .plan-body {
    text-align: center
}

.support-post .quote a {
    font-weight: 600
}

section.payment-success-section .payments-area {
    background: #fff;
    border-radius: 10px;
    max-width: 900px;
    min-height: 400px;
    margin: 150px auto;
    padding: 35px 50px;
    text-align: center
}

section.payment-success-section .payments-area h3 {
    font-size: 32px;
    line-height: 44px;
    margin: 20px 0 0;
    font-weight: 700;
    color: #004d69
}

section.payment-success-section .payments-area p {
    font-size: 18px;
    line-height: 26px;
    margin: 20px 0 0;
    font-weight: 600;
    color: #333
}

section.payment-success-section .section-footer {
    position: absolute;
    bottom: 35px;
    width: 60%;
    display: block;
    left: 25%
}

section.payment-success-section .img-area {
    height: 75px;
    width: 75px;
    line-height: 75px;
    border-radius: 50%;
    margin: 0 auto;
    display: inline-block;
    background: rgba(242,195,181,.5)
}

section.payment-success-section .img-area img {
    margin-top: 12px
}

.crossed-dp:before {
    position: absolute;
    content: "";
    background: #8c2d4b;
    display: block;
    width: 80px;
    height: 3.5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 0;
    right: 0;
    top: -12px;
    bottom: 0;
    margin: auto;
    z-index: 2
}

.d-comment img,.expandable-post-text img {
    margin-bottom: -4px
}

.crossed-dp:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.conversations #message {
    height: 95px;
    background: unset;
    box-shadow: unset;
    padding-right: 35px;
    overflow: auto;
    outline: 0;
    display: inline-block
}

.messenger-page .new_msg_popup--,.post_showmorelink a {
    height: 60px;
    font-weight: 900;
    border-radius: 50%;
    text-align: center
}

.messenger-page .new_msg_popup-- {
    width: 60px;
    line-height: 60px;
    font-size: 11px;
    background-color: #f2c3b5;
    color: #999;
    position: fixed;
    bottom: 100px;
    right: 25px;
    display: block;
    z-index: 2;
    transition: ease all .5s
}

.messenger-page .new_msg_popup:hover {
    transform: scale(1.2)
}

.messenger-page .new_msg_popup-- img {
    height: 25px;
    width: auto;
    margin: 18px auto 0;
    display: block;
    text-align: center
}

.conversations .block_img {
    height: auto;
    width: 16px;
    position: absolute;
    right: -10px;
    top: 38px
}

.canvas-container .upper-canvas {
    background-image: url(../images-nct/icons/123.png);
    opacity: .45
}

#imageBioCropModal .canvas-container .upper-canvas,#imageJourneyCropAchieve .canvas-container .upper-canvas,#imageJourneyCropEdu .canvas-container .upper-canvas,#imageJourneyCropFlex .canvas-container .upper-canvas,#imageJourneyCropPer .canvas-container .upper-canvas,#postImageCropModal .canvas-container .upper-canvas {
    background-image: unset
}

.aboutus-page .section.head-section {
    margin-top: 110px;
    margin-bottom: 110px;
    padding-top: 0!important;
    padding-bottom: 0!important
}

#frmSeekSupport #cke_message p {
    font-size: 16px;
    line-height: 24px
}

.conversations ::-webkit-scrollbar {
    display: none
}

#intro-vdo #video_exp {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.support-page-outer {
    min-height: 80vh
}

.post_showmorelink a {
    width: 60px;
    line-height: 60px;
    font-size: 26px;
    background-color: rgba(242,195,181,.8);
    color: #f9f9f9;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.fancybox-thumbs {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs__list a {
    height: 200px!important;
    width: 200px!important;
    max-width: unset!important
}

#frmTransferLoop .search-reloopers .eac-item {
    display: block;
    font-weight: 500
}

#frmTransferLoop .search-reloopers .eac-item a {
    font-size: 16px;
    line-height: 46px;
    text-align: left
}

#frmTransferLoop .search-reloopers .img-icons {
    display: inline-block;
    float: left;
    margin-left: 25px;
    margin-right: 24px
}

#frmTransferLoop .search-reloopers .img-icons img {
    height: 40px;
    width: 40px;
    display: block
}

.main_popup_notification#notification {
    top: 30px;
    right: 30px;
    z-index: 999999
}

.main_popup_notification#notification .inner-content .d-img {
    border: unset;
    box-shadow: unset;
    border-radius: unset;
    border-right: 1px solid #eee;
    padding-right: 10px
}

.main_popup_notification#notification .notification-single .border-notification {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    color: red;
    width: 0;
    content: "";
    background: #dc3545;
    display: block;
    margin-top: 10px
}

.main_popup_notification#notification .notification-single.cs-toastr-error .border-notification {
    background: #96264c
}

.main_popup_notification#notification .notification-single.cs-toastr-success .border-notification {
    background: #a8c3bc
}

.main_popup_notification#notification .notification-single {
    border-radius: 8px;
    box-shadow: 0 10px 25px rgb(0 0 0 / 15%);
    height: 85px;
    position: relative
}

.main_popup_notification#notification .inner-content img.click2copy-img-notificaton {
    padding: 0;
    margin: 25px 0 0;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: cover
}

.main_popup_notification#notification .inner-content .d-content p {
    font-size: 16px;
    line-height: 22px
}

.main_popup_notification#notification .close-notification {
    top: 15px;
    right: 15px!important
}

.available-dates .date-chart {
    max-height: 350px;
    overflow-y: scroll
}

.available-dates .date-chart::-webkit-scrollbar {
    display: none
}

#common_popup_modal .d-content {
    float: right;
    width: 96%;
    padding-left: 10px;
    padding-right: 10px
}

#common_popup_modal .btns-outer {
    border-top: 1px solid #eee;
    padding-top: 30px
}

#common_single_popup_modal {
    padding: 20px 30px!important
}

#seek-support-popup .modal-head .float-left {
    width: 28%;
    padding-right: 20px
}

#seek-support-popup .modal-head .float-right {
    width: 62%;
    padding-left: 20px;
    border-left: 1px solid #ccc
}

#seek-support-popup .modal-head h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
    text-align: left;
    padding: 10px 0
}

.modal#explainer-single-video-popup {
    max-width: 680px
}

.journey-indications .big-screen {
    display: inline-block!important
}

.bio-gal a.open-popup-image {
    display: inline-block;
    position: relative
}

.bio-gal a.open-popup-image i {
    top: calc(50% - 9px);
    left: calc(50% - 9px)
}

.the-notifications .loops_img {
    height: 18px!important;
    width: auto!important;
    margin: 15px auto 0
}

.invite-ur-trusted-circle .connect-invite-footer.message-hover img {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 13px auto 0;
    border-radius: 0;
    box-shadow: unset
}

.custom-invite-ur-trusted-button.message-hover .icon {
    height: 60px;
    width: 60px
}

#blocked-users-list ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#blocked-users-list ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: unset
}

#blocked-users-list ul li img.profile-pic {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    object-fit: cover
}

#blocked-users-list ul li .user-left,#blocked-users-list ul li .user-right {
    width: 20%;
    float: left
}

#blocked-users-list ul li .user-middle {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

.no-border {
    border: unset!important
}

.content-pages td {
    min-width: 240px
}

.content-pages .dashboard-page a {
    font-weight: 700!important;
    color: #004d69!important
}

.content-pages .dashboard-page p {
    margin-bottom: 5px
}

.content-pages strong {
    font-weight: 800!important
}

.content-pages .dashboard-page {
    height: auto;
    overflow: auto;
    background-color: unset;
    margin-bottom: 50px
}

#eula-modal {
    max-width: 992px!important;
    max-height: 90vh;
    overflow-x: scroll
}

#post-share video.video-js {
    max-width: 100%;
    width: 100%
}

.footer-extreme-bottom {
    position: static;
    font-size: 12px;
    text-align: left;
    margin: 0!important;
    font-weight: 500
}

.post-something #frmPublishPost .cke_top {
    display: block!important
}

.modal .msg-icon,.slide-single .msg-icon {
    display: inline-block;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center
}

.modal .msg-icon {
    padding: 4px;
    height: 35px;
    width: 35px
}

.slide-single .msg-icon {
    padding: 2px;
    height: 30px;
    width: 30px
}

.modal .msg-icon img {
    height: 20px;
    width: auto;
    margin-top: 7px
}

.slide-single .msg-icon img {
    height: 15px;
    width: auto;
    margin: 6px auto 0
}

.post .post-text ol,.post .post-text ul {
    display: block;
    list-style-type: decimal;
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}

.post.broadcast-post .post-text ol,.post.broadcast-post .post-text ul {
    list-style-type: revert
}

.added-custom-pages .modal.d-adding-process h3 {
    color: #3b4556!important;
    margin-bottom: 0!important
}

.payments-page .has-tooltip small {
    position: static
}

.tooltip-outer.bs-tooltip {
    position: absolute;
    left: 125%;
    top: -10%;
    width: 500px!important;
    font-size: 14px!important;
    margin: 0!important;
    display: block;
    padding: 10px!important;
    background: #fff!important;
    border: unset!important;
    box-shadow: 0 10px 25px rgba(0,0,0,.16)!important;
    border-radius: 8px!important;
    z-index: 999!important
}

.tooltip-outer.bs-tooltip i {
    position: absolute;
    left: -14px;
    top: 23px;
    color: #fffff9
}

.tooltip-outer.bs-tooltip p {
    margin: 10px 15px;
    color: #333;
    font-size: 14px!important;
    font-weight: 500;
    z-index: 999
}

.content-pages .content-page-desc {
    margin: 0;
    padding: 0
}

#checkingVideoDimensions {
    max-width: 300px
}

.post.pre_post p {
    margin-bottom: 12px
}

.post.pre_post .video-js {
    width: 100%;
    margin: 0 auto
}

.postlist-data .post .at-item .pre-posts {
    height: unset;
    width: auto;
    max-width: 100%;
    padding: 0 25px;
    margin: 0 auto
}

.postlist-data .post .post-video-item.at-item .pre-posts {
    padding: 0
}

.postlist-data .post .post-video-item.at-item .pre-posts video {
    width: 100%;
    height: auto!important
}

.postlist-data .post .at-item .pre-posts video,.verti-tab #my-activity {
    height: unset
}

.saved-postlist-data .video-js {
    width: unset
}

.global_captcha_image___ {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1.5px
}

#home_intro_video video {
    max-width: 100%;
    text-align: center;
    margin: 0 auto
}

.homepage-body .base-btn {
    height: 52px!important
}

.no_pointer {
    pointer-events: none
}

.plan_notice {
    text-align: left;
    font-size: 11px;
    color: #999;
    line-height: 16px
}

.loops-page #loop-earned,.loops-page .verti-tab .tabcontent {
    overflow: scroll
}

.footer_feedback_outer .footer_feedback_sticky a {
    position: fixed;
    top: calc(50% - 50px);
    right: -40px;
    font-size: 13px;
    line-height: 18px;
    padding: 6px 18px;
    transform: rotate(270deg);
    z-index: 999999;
    box-shadow: 0 10px 25px rgba(0,0,0,.16);
    color: #fff;
    font-weight: 600;
    background-color: #98234b
}

#footer_feedback_popup {
    padding: 0 30px!important
}

:root {
    --plyr-color-main: #004d69
}

.display-media-attachments .js-player {
    max-height: 500px
}

.display-media-attachments .feed_video_outer {
    width: 100%;
    max-height: 500px
}

.d-graph div[data-journey=achievement] .tooltiptext::after {
    left: -5%!important;
    z-index: 999999;
    transform: rotate(270deg)!important;
    top: 9%!important
}

div[data-journey=achievement] .tooltip.show-overflow .tooltiptext {
    top: -20px;
    left: 35px
}

.post-video-item .square-outer {
    width: 100%;
    margin: 0 auto;
    background: rgba(180,201,209,.15);
    position: relative
}

.post-video-item .square-outer img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-bottom: 10px
}

.post-video-item .square-outer p {
    position: absolute;
    bottom: 18%;
    left: 29%
}

.plyr:fullscreen video {
    max-height: unset;
    height: 100%!important
}

.feedback_file__ label {
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    height: 100px;
    display: inline-block;
    border: 2px dashed #ccc;
    width: 200px;
    vertical-align: middle;
    text-align: center
}

.feedback_file__ #ff_files {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.type_text_animation {
    font-size: 24px;
    line-height: 30px;
    margin: 25px auto 0;
    color: #96264c;
    font-weight: 600;
    text-align: center;
    width: 90%
}

[data-animtyper]:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 1em;
    background: #000;
    animation: caretPulsate 1s linear infinite
}

.postlist-data .post p {
    margin-bottom: 15px
}

.plyr__volume {
    width: unset!important;
    min-width: unset!important
}

#footer_feedback_popup .triggerFile {
    height: 40px;
    width: 40px;
    border: 1.5px solid #ccc;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset
}

#footer_feedback_popup .triggerFile img {
    padding-top: 6px;
    height: 25px;
    width: 25px
}

#footer_feedback_popup .triggerFile .feedback_file label {
    color: #ccc
}

.footer_preview_gallery .preview-area {
    width: 30%;
    margin-right: 10px;
    display: inline-block
}

.footer_preview_gallery .preview-area img,.footer_preview_gallery .preview-area video {
    max-width: 100%;
    height: auto
}

.footer_preview_gallery .overlay-remove {
    top: -5px;
    right: 0
}

.footer .social-links-footer li {
    float: left;
    display: inline-block;
    margin-right: 20px
}

.footer .social-links-footer li a i {
    font-size: 20px;
    display: inline-block
}

.footer .social-links-footer li:last-child {
    margin-right: 0
}

.survey-post p {
    margin-bottom: 5px!important
}

.survey-post .survey-option .value-text {
    font-size: 16px;
    font-weight: 500;
    margin-left: 30px
}

.survey-post .checkmark {
    width: 90%;
    height: 28px;
    border-radius: 20px;
    padding: 5px 0;
    border-color: rgba(0,77,107,.16)!important;
    color: #004d69;
    background: unset!important
}

.survey-post .custom-checkbox .checkbox-single input:checked~.checkmark,.survey-post .custom-checkbox .checkbox-single:hover input~.checkmark,.survey-post .custom-checkbox span.check-text:hover {
    background: rgba(0,77,107,.08)!important
}

.survey-post .survey-option {
    margin: 8px 0
}

.survey-post .custom-checkbox span.check-text {
    left: 0!important;
    top: 5px;
    display: inline-block;
    max-width: unset;
    width: 90%;
    margin-left: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: rgba(0,77,107,1);
    text-align: center;
    position: static;
    border: 1.5px solid #004d69;
    border-radius: 20px;
    padding: 8px 0;
    border-color: rgba(0,77,107,.16)!important
}

.user-details-mini {
    word-break: break-all
}

.survey-post .custom-checkbox.survey-option,.survey-post .survey_options {
    position: relative
}

.survey-post .custom-checkbox .checkbox-single input:checked~.check-text,.survey-post .custom-checkbox .checkbox-single:hover input~.check-text {
    font-weight: 600
}

.survey-post .custom-checkbox .checkbox-single .checkmark:after {
    left: unset;
    right: 5%;
    top: 5px
}

.survey-post .survey-filled .checkbox-filled .percentage_ans {
    display: inline-block;
    height: 38px;
    margin-top: -5px;
    opacity: .7;
    border-radius: 20px 0 0 20px
}

.survey-post .survey-filled .checkbox-filled .ans_percentage {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: absolute;
    left: 15px;
    top: 5px
}

.survey-post .survey-filled .checkbox-filled .check-text {
    opacity: .3
}

.emojionearea .emojionearea-editor {
    -webkit-box-sizing: unset;
    box-sizing: unset;
    min-height: unset;
    max-height: unset;
    line-height: unset;
    color: #383839;
    box-shadow: unset;
    border: unset;
    padding: 0 15px 0 0;
    overflow-wrap: anywhere
}

.emojionearea {
    box-sizing: unset
}

.messages-page .emojionearea,.messages-page .emojionearea-editor {
    box-sizing: unset;
    display: inline-block;
    width: 75%;
    border: unset;
    box-shadow: unset;
    overflow-wrap: anywhere;
    color: #000
}

.messages-page .emojionearea-editor::-webkit-input-placeholder,.messages-page .emojionearea::-webkit-input-placeholder {
    color: #333
}

#footer_feedback_popup .base-btn {
    min-width: 100px!important;
    padding: 15px 5px!important
}

#post-share video {
    max-width: 100%
}

#frmSharePost #shared_comment {
    width: 100%;
    border-color: #f8f8f9
}

.feed-wrapper .post-video-item video {
    max-width: 95%
}

#post-share .at-item.post-video-item {
    text-align: center
}

.user_list_row {
    cursor: pointer;
    max-height: 300px;
    overflow-y: scroll
}

#frmTransferLoop .user_list_row {
    padding: 0 0 0 20px
}

.user_list_row hr {
    border-top: #eee
}

.user_list_row .search-single-user {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.user_list_row .search-single-user .search-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.user_list_row .search-single-user .search-subtitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.user_list_row .search-single-user .row-mid {
    padding-left: 6px
}

.user_list_row img {
    max-width: 100%
}

.user_list_row img.dp_image {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    object-fit: cover
}

#frmTransferLoop .user_list_row img.dp_image {
    height: 50px;
    width: 50px
}

.user_list_row .row-item .row-left {
    width: 16%
}

#frmTransferLoop .user_list_row .row-item .row-left {
    width: 32%
}

#frmTransferLoop .user_list_row .row-item .row-mid {
    width: 65%
}

#frmTransferLoop .user_list_row .search-title {
    margin: 0
}

#rightPanelMessage p,input,textarea {
    overflow-wrap: anywhere
}

.layover-img {
    position: absolute;
    left: 5px;
    opacity: .6;
    height: 130px!important;
    width: 180px!important;
    border: 1px solid #ccc;
    top: 0;
    max-width: unset!important;
    object-fit: cover
}

.select2-container {
    width: 90%
}

#frmFlexbileForm .select2-container {
    width: 100%!important
}

#frmFlexbileForm .select2-container span {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

#frmFlexbileForm .select2-selection {
    text-align: left;
    padding-left: 10px;
    padding-top: 9px;
    min-height: 40px
}

.profile-page-body .select2-container li {
    font-size: 14px;
    line-height: 25px;
    color: #3b4556;
    display: block;
    font-weight: 500;
    padding-left: 10px
}

.profile-page-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
    right: 5px
}

.add-group-icon {
    padding: 0 15px;
    border: 2px solid #004d69;
    border-radius: 10px;
    margin: 0 auto;
    cursor: pointer!important
}

.add-group-icon i {
    display: inline-block;
    line-height: 50px;
    text-align: center
}

.row-item.group-single {
    padding-bottom: 10px;
    margin: 15px 0
}

.row-item.group-single .row-left {
    width: 13%
}

.row-item.group-single .row-mid {
    width: 65%
}

.row-item.group-single .row-right {
    width: 22%
}

.row-item.group-single .row-left img {
    max-height: 90px;
    object-fit: cover;
    object-position: top
}

.group-single .delete-group-btn {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 600
}

.group-single hr {
    background-color: #ccc;
    border: unset;
    height: 1px
}

.group-single-body #left-dashboard-panel .base-btn {
    float: none!important
}

.group-single-body .my-panel {
    width: 100%
}

.group-single-body .group-wrapper {
    padding: 190px 0 90px
}

.remove_group_img {
    position: absolute;
    right: -5px;
    top: -20px;
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 0 auto;
    background-color: #ccc;
    line-height: 35px;
    border-radius: 3px
}

.group-block .pricing-lbl {
    height: 80px
}

.group-block.no-offer-section .network-info-single {
    padding: initial!important;
    margin-top: 55px!important
}

.group-single-body .add_group_pin {
    display: inline-block;
    margin-left: 15px;
    width: 15px
}

.group-single-body .add_group_pin img {
    max-width: 100%
}

.single-member-row img {
    height: 55px;
    width: 55px;
    object-fit: cover;
    border-radius: 50%;
    text-align: left
}

.group-single-body .single-member-row .col.form20 {
    width: 16%
}

.single-member-row {
    margin: 10px 0
}

.single-member-row .post-title {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 600
}

.postlist-data .post .post-group-lbl {
    width: 100%;
    margin: -11px 0 0 60px;
    float: left;
    font-size: 14px;
    line-height: 18px
}

.invite-select-outer .select2-container {
    width: 100%!important
}

.invite-select-outer .select2-container--default .select2-selection--single {
    height: 62px
}

.invite-select-outer .select-txt-option {
    position: absolute;
    left: 80px;
    top: 60px;
    font-size: 16px
}

.group-invite-outer .select2-container .select2-selection--multiple {
    min-height: 65px!important;
    background: #f8f8f8!important;
    border: unset!important
}

#invite_users_modal .u-r-forwarding {
    font-size: 20px;
    line-height: 26px
}

.invite-panel .reloopers .reloopers-menu ul#select2-users_list-container li {
    padding: unset!important
}

.invite-select-outer .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: unset;
    background: #e4e4e4;
    font-weight: 500;
    color: #000
}

.select2-container li {
    position: relative
}

.select2-results__options {
    margin-top: 10px
}

.group-single-body .postlist-data .base-btn {
    min-width: 70px
}

.group-single-body .postlist-data .base-btn.post-comment-button {
    min-width: unset
}

.offerring-block.group-block .single-block-header {
    min-height: 100px
}

.group-single-body .group_desc_area {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px
}

.group-single-body .single-member-ul-sm li {
    margin-left: -15px;
    list-style-type: none;
    float: left;
    padding: 0!important
}

.group-single-body .single-member-ul-sm li img {
    height: 50px;
    width: 50px;
    object-fit: cover;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
    border: 2px solid #fff
}

.group-color {
    colo: #d6cbc2!important
}

.group-bg {
    background: #d6cbc2!important
}

.group-single-body .buttons-area {
    position: absolute;
    top: -90px
}

.group-single-body .buttons-area li {
    float: left;
    margin: 0 10px
}

.group-single-body .buttons-area li:first-child {
    margin-left: 0
}

.group-single-body .buttons-area li:last-child {
    margin-right: 0
}

.group-single-body .buttons-area img {
    height: 26px;
    margin-top: 12px;
    margin-bottom: 4px
}

.group-single-body .buttons-area li .icon-small a {
    background: #f8f8f8!important
}

.single-member-row .s-member-body small {
    padding-left: 10px
}

#add_job_modal .update-jobpic,#group_modal_form .update-grouppic {
    position: absolute;
    z-index: 3;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    left: 0;
    bottom: 0
}

#add_job_modal .update-jobpic img,#group_modal_form .update-grouppic img {
    margin-bottom: 8px!important
}

#add_job_modal .image-outer,#group_modal_form .image-outer {
    border: 5px solid #fff;
    background: rgba(0,77,105,0);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 112px
}

#add_job_modal .image-outer {
    background: rgba(77,105,90,.5)
}

#add_job_modal .job_img_preview,#group_modal_form .group_img_preview {
    position: absolute;
    left: 0;
    top: 0;
    background: #d6cbc2;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    opacity: .6;
    z-index: 1
}

#add_job_modal .form-steps-lbl,#add_job_modal .job_img_preview img,.job-block .d-content .d-img img,.new-job-opportunities .d-img img {
    background: #608070
}

#add_job_modal .job_img_preview img,#group_modal_form .group_img_preview img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
    opacity: 1
}

.dashboard-body .wrapper.todays-page {
    background: #f6f6f6
}

#add_job_modal .d-img .update-jobpic span,#group_modal_form .d-img .update-grouppic span {
    display: none;
    font-size: 11px;
    line-height: 16px;
    position: absolute;
    left: 21px;
    bottom: 28px
}

#add_job_modal .d-img:hover .update-jobpic span,#group_modal_form .d-img:hover .update-grouppic span {
    display: block;
    transition: all ease .3s
}

#add_job_modal .d-img:hover a,#group_modal_form .d-img:hover a {
    display: block;
    background: rgba(0,77,105,.2);
    transition: all ease .3s
}

#explainer-slider {
    width: 63%;
    max-width: unset!important;
    padding: 0!important;
    margin: 40px 0 0!important
}

#explainer-slider .item img {
    width: 100%;
    float: right;
    text-align: right
}

#explainer-slider .item .item-footer {
    position: static;
    margin-top: 50px
}

#explainer-slider button {
    font-size: 38px;
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #004d69;
    width: 50px
}

#signup-info #explainer-slider button {
    bottom: 0
}

#explainer-slider button.owl-prev {
    left: 45px
}

#explainer-slider button.owl-next {
    right: 45px
}

#signup-info #explainer-slider button.owl-prev {
    left: 15px
}

#signup-info #explainer-slider button.owl-next {
    right: 15px
}

#explainer-slider .item-footer {
    text-align: right;
    margin-right: 28px
}

#explainer-slider .item-footer .base-btn:hover {
    background: #004d69!important;
    color: #fff!important
}

#explainer-slider .item-inner {
    height: unset;
    display: block
}

#explainer-slider .item .video_outer.big-screen {
    width: 80%;
    margin: 0 auto
}

#explainer-slider .item .vid-item {
    width: 32%;
    display: inline-block;
    margin-bottom: 20px
}

#explainer-slider .item h3.vid-title {
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    margin: 50px 0
}

.tag_user_append h3,.users_append_area.tag_user_append h3 {
    font-size: 16px;
    line-height: 22px
}

#explainer-slider .item .vid-item img {
    max-width: 100%;
    width: 325px
}

#explainer-slider .item .vid-item a {
    margin: 0 15px;
    display: inline-block
}

.expand-txt-lbl {
    font-weight: 600;
    color: #004d69;
    padding: 0 5px;
    display: inline-block
}

#explainer-slider .owl-next.disabled,#explainer-slider .owl-prev.disabled {
    display: none;
    opacity: 0
}

#explainer-slider .item li {
    list-style: decimal;
    text-align: left;
    margin-left: 40px
}

#explainer-slider .item-inner::after {
    display: table;
    clear: both;
    content: ""
}

body .emojionearea.focused {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.25)
}

.shared-post-content .comment-panel {
    display: none
}

.convert-notice {
    display: none!important
}

.header .main_button {
    color: #383839
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
    z-index: 999
}

.shared-post-content .post {
    box-shadow: unset
}

.users_append_area.tag_user_append {
    position: static;
    width: 90%;
    max-height: 500px;
    overflow-y: scroll
}

.users_append_area.tag_user_append img {
    height: 55px;
    width: 55px
}

.users_append_area.tag_user_append .float-left {
    width: 15%
}

.users_append_area.tag_user_append .float-right {
    width: 80%
}

.tag_user_append {
    position: absolute;
    top: 100%;
    left: 10%;
    width: 350px;
    overflow-y: auto;
    z-index: 999;
    background: #fff;
    height: auto;
    padding: 0 15px
}

.tag_user_append ul {
    margin: 0;
    padding: 0
}

.tag_user_append li {
    list-style-type: none;
    margin: 10px 0;
    border-bottom: 1px solid #eee;
    position: relative
}

.tag_user_append li:last-child {
    border-bottom: unset
}

.tag_user_append li .float-left {
    width: 20%;
    padding-left: 10px
}

.tag_user_append li .float-right {
    width: 75%
}

.tag_user_append h3 {
    font-weight: 600;
    margin: 0;
    padding: 0
}

.tag_user_append p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.tag_user_append img {
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%
}

.post-something [contenteditable] b {
    font-weight: 500
}

.post-something [contenteditable] u {
    text-decoration: unset
}

.post-something [contenteditable] i {
    font-style: normal
}

.post-something .tag_user {
    height: auto;
    width: 85%;
    display: inline-block;
    word-break: break-word;
    color: #343839!important
}

.pre-post-loader {
    min-height: 600px
}

.postlist-data .tablinks h2 {
    text-transform: capitalize;
    font-weight: 600
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block;
    opacity: .5
}

#post_description a,.post .post-text a.mention_user_single {
    font-weight: 900!important;
    color: #96264c!important
}

.expandable-post-text {
    position: relative
}

.journey-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: .25
}

.howitworks-page .class-3a object {
    margin-top: 100px;
    background: #fff
}

.postlist-data .quote {
    font-weight: 500
}

.postlist-data .quote p:last-child {
    margin-bottom: 0!important
}

.textarea-box.admin .post-button {
    margin-left: 0
}

.postlist-data.single-feed {
    margin-top: 0
}

.postlist-data.single-feed img.header-img {
    margin-top: 10px
}

.post .post-header .header-img img {
    border-radius: 50%
}

.postlist-data.single-feed .d-img img {
    width: 100%;
    object-fit: cover
}

.tag_user_object .tag-footer {
    position: absolute;
    right: 15px;
    bottom: 0;
    background: #fff;
    z-index: 2;
    padding: 0 5px;
    font-size: 11px
}

#journey_upload_file {
    display: none
}

#profile_preview_modal hr {
    height: 1px;
    background: #ccc;
    border: unset;
    margin: 50px 0
}

#profile_preview_modal h3.modal-title {
    color: #004d69;
    font-size: 24px;
    line-height: 30px;
    text-align: center
}

#profile_preview_modal h3 {
    color: #004d69;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    padding-top: 6px
}

#profile_preview_modal .journey-single:first-child {
    margin-top: 30px
}

#profile_preview_modal .journey-single {
    margin-bottom: 30px;
    margin-left: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

#profile_preview_modal .bio-outer .journey-single.journey-disabled,.bg-layout-outer {
    margin-left: -35px
}

#profile_preview_modal .journey-single.journey-disabled {
    background: #eee;
    padding: 20px 30px 20px 70px!important;
    margin-left: -70px;
    margin-right: -35px
}

#profile_preview_modal .journey-single .sec {
    padding: 5px
}

#profile_preview_modal .journey-single .action-btns {
    width: 45%;
    float: right
}

#profile_preview_modal .journey-single .lbls {
    width: 100%;
    float: right
}

#profile_preview_modal .journey-single:last-child {
    border-bottom: unset;
    padding-bottom: 0
}

#profile_preview_modal .journey-single h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #383839
}

#profile_preview_modal .journey-single p {
    font-size: 16px;
    line-height: 24px;
    color: #383839;
    font-weight: 500
}

#profile_preview_modal .journey-single img {
    margin-right: 10px;
    margin-top: 4px
}

#profile_preview_modal .section-area {
    padding-left: 35px
}

#profile_preview_modal .in-depth {
    padding-top: 0
}

#profile_preview_modal .action-btns a.base-btn {
    margin: auto 10px
}

#profile_preview_modal .action-btns a.base-btn:last-child {
    margin-right: 0
}

.emoji-single {
    height: 20px;
    width: auto!important;
    line-height: 22px;
    display: inline-block
}

.nf-emoji-outer img.emoji-default-img {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 2
}

.nf-emoji-outer .emoji-single {
    margin: 5px 4px;
    cursor: pointer
}

.nf-emoji-outer .emoji-single:first-child {
    margin-left: 0
}

.nf-emoji-outer .emoji-single:last-child {
    margin-right: 0
}

.nf-emoji-outer .emoji_append_area {
    padding: 20px 5px;
    width: 285px;
    height: 250px;
    background: #eee;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 2;
    box-shadow: 0 10px 25px #ccc
}

.emoji-default-img {
    height: 20px!important;
    width: auto!important;
    cursor: pointer;
    z-index: 9
}

.nf-emoji-outer .emoji-single {
    height: 25px
}

.nf-emoji-outer .emoji_append_area .emoji-single {
    height: 30px
}

.nf-comment-outer .comment-left {
    width: 10%;
    float: left;
    min-height: 1px
}

.nf-comment-outer .comment-right {
    width: 12%;
    float: right;
    min-height: 1px;
    text-align: right;
    padding-top: 0
}

.nf-comment-outer .comment-middle {
    width: 78%;
    float: left;
    position: relative
}

.nf-comment-outer .comment-left img,.nf-comment-outer.comment-panel .your-comment {
    float: none;
    height: auto;
    word-break: break-word;
    white-space: pre-wrap
}

.nf-comment-outer .comment-right a.base-btn {
    float: none!important;
    width: auto!important;
    padding: 5px 12px;
    margin: 3px 0 0
}

.nf-comment-outer.comment-panel .your-comment {
    float: none;
    display: inline-block;
    outline: 0;
    width: 90%
}

.nf-reply-outer.comment-panel {
    width: 100%
}

.comment-panel.no-border:after {
    background: unset;
    content: unset;
    height: unset
}

.comment-panel.no-border {
    padding: 0;
    margin: 0
}

.new-opportunities .comments ul li:first-child:after {
    content: unset
}

.new-opportunities .comments ul li:first-child {
    padding-top: 0!important
}

.reply_outer .comment-left {
    width: 7%
}

.form-label {
    font-weight: 500;
    color: #333;
    text-align: left;
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px
}

#preview_edit_modal .form-label {
    font-weight: 600
}

.update-prv-journey-form .form-group {
    margin-top: 30px
}

.custom-select-label {
    line-height: 45px!important
}

.grey-hr {
    height: 1px;
    border: unset;
    background: #ccc
}

.add-journey .empty-profile-sec {
    float: left;
    margin: 0 30px;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
    width: 360px;
    height: auto;
    padding: 25px 20px 15px;
    background: #fff
}

.journey .add-journey .empty-profile-sec:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,.5);
    transform: scale(1.015);
    transition: ease all .1s
}

.add-journey .empty-profile-sec:first-child {
    margin-left: 0
}

.add-journey .empty-profile-sec:last-child {
    margin-right: 0
}

.journey .add-journey .empty-profile-sec h2 {
    font-size: 20px;
    line-height: 28px!important;
    font-weight: 700;
    margin-bottom: 8px
}

.journey .add-journey .empty-profile-sec h2.title {
    font-size: 22px;
    line-height: 30px!important
}

.journey .add-journey .empty-profile-sec p {
    font-weight: 600;
    color: #383839;
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 20px
}

.single-feed-page .wrapper.todays-page {
    margin: auto;
    padding-top: 140px
}

.single-feed-page .postlist-data,.single-feed-page .postlist-data .new-opportunities,.single-feed-page .postlist-data .post {
    margin-top: 0
}

.journey-single div.seeMoreLabel {
    max-height: 150px;
    white-space: pre-wrap;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    border: none;
    background: unset;
    box-shadow: none;
    resize: none!important;
    height: auto!important;
    color: #383839!important
}

.journey-single div.seeMoreLabel.bio-lbl-record {
    height: 200px!important
}

.journey-single div.seeMoreLabel:focus {
    border: unset;
    box-shadow: unset
}

#indepth .panel .desc-outer,.bio-left p {
    white-space: pre-wrap
}

.new-opportunities .new-opportunity-options li:focus,.new-opportunities .new-opportunity-options li:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#loop-earned.loop-tally h3.page-heading {
    text-transform: none;
    font-size: 22px;
    line-height: 34px;
    font-weight: 600;
    margin-top: 40px
}

#loops_advice_modal ul {
    list-style-type: disc;
    text-align: left;
    padding: 35px 0 35px 30px;
    margin: 50px 0 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

#loops_advice_modal ul li h3 {
    margin-bottom: 15px
}

#loops_advice_modal ul li img {
    height: 60px;
    width: auto;
    margin: 0
}

.no-offer-section .network-info-single {
    padding: 0!important;
    margin: 0!important
}

.network-info .no-offer-section .network-info-single .d-content {
    height: 380px!important;
    padding: 0!important
}

.new-opportunities .post-emoji,.post .post-emoji {
    height: 22px;
    width: auto
}

#profile_preview_modal .cv-err-record p {
    color: #96264c;
    font-weight: 600
}

#add_job_modal hr {
    margin: 25px 0!important;
    height: 1px;
    border: unset;
    background: #ccc
}

.emoji-menu a,.emoji-wysiwyg-editor {
    border: unset!important
}

#add_job_modal .form-group .custom-radio {
    margin-left: 12px
}

#add_job_modal .form-group.duration-area .custom-checkbox {
    margin-left: 0;
    margin-bottom: 10px
}

#add_job_modal .form-group .form24,#membership-form .form24 {
    text-align: left
}

#add_job_modal small {
    font-size: 11px
}

#add_job_modal .checkmark {
    top: 2px;
    margin-right: 2px
}

#membership-form .checkmark {
    top: 3px
}

#add_job_modal .selected-parent .select-selected {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 500;
    color: #383934!important
}

#add_job_modal .select-selected {
    color: #343839!important;
    font-size: 16px;
    font-weight: 500
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #fff!important;
    color: #343839!important
}

body .emoji-menu>div {
    overflow-y: scroll;
    width: 234px
}

body .emoji-menu {
    width: 234px;
    z-index: 999999
}

.emoji-button {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 2;
    font-size: 30px
}

.d-comment img {
    height: 20px;
    width: auto
}

.has-tooltip.profile-tooltip {
    position: absolute;
    top: 4px;
    right: 48px
}

.chat-body1 .emoji-single,.commeent-panel .emoji-single,.d-comment .emoji-single,.post-text .emoji-single {
    margin-bottom: -4px!important;
    padding: 0 1px
}

.emoji-menu a {
    padding: 6px
}

#signup-info,.todo_modals {
    padding: 0!important
}

.messages-page .emoji-menu {
    margin-left: -225px
}

#frmPublishPost .emoji-button {
    left: 135px;
    top: 115px;
    width: 30px
}

#frmSendMessage .emoji-button {
    top: 0;
    right: 16%
}

#signup-info .hr-span {
    width: 50%;
    height: 1px;
    background: #eee;
    margin: 80px auto;
    display: block
}

#signup-info h3 {
    font-weight: 600;
    color: #96264c;
    font-size: 32px;
    line-height: 44px;
    text-transform: none!important
}

#signup-info #explainer-slider {
    width: 100%
}

#explainer-slider .close-modal {
    z-index: 999999
}

#explainer-slider .owl-dots {
    display: none
}

#explainer-slider .manual-close-btn {
    position: absolute;
    left: calc(50% - 50px);
    bottom: -60px;
    z-index: 2
}

.journey .journey-header h1.page-title.empty-journey-title,.journey .journey-header h2.empty-journey-title {
    padding-right: 55px
}

#signup-info .slide {
    min-height: 60vh;
    overflow: hidden
}

#signup-info .link-btn {
    color: #004d69!important;
    font-size: 14px;
    line-height: 22px;
    text-underline-offset: 4px
}

#signup-info .slide-one .slide-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center
}

#signup-info .slide-img {
    position: absolute;
    max-width: 100%
}

#signup-info .slide-one-img {
    right: -100px;
    top: -75px;
    max-width: 300px
}

#signup-info .slide-two-img {
    bottom: 50px;
    left: 50px;
    max-width: 200px
}

#signup-info .slide-three-img {
    bottom: 50px;
    right: 50px;
    max-width: 200px
}

#signup-info .slide-four-img {
    top: 20px;
    left: 30px;
    max-width: 125px
}

#signup-info.d-adding-process {
    min-width: 800px!important
}

#signup-info #slider_outer,#signup-info #video_slide {
    max-width: 75%;
    margin: 0 auto;
    border: 1px solid #ccc
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: unset!important
}

.chat-thumb-text img {
    margin-bottom: -4px
}

.chat-body1 img,.emoji-wysiwyg-editor img {
    height: 20px;
    width: auto;
    margin-bottom: -4px
}

#navigation .fixed-nav ul.main-menu .submenu {
    margin-left: 20px;
    display: none
}

#navigation .fixed-nav ul.main-menu .submenu-icon {
    position: relative;
    margin-bottom: 6px
}

#navigation .fixed-nav ul.main-menu .submenu-icon:after {
    content: "\f078";
    font-family: FontAwesome;
    font-weight: 200;
    font-size: 13px;
    color: #000;
    position: absolute;
    right: 5px;
    top: 3px
}

.fixed-nav ul.submenu li:last-child {
    border: unset
}

ul.submenu li a span.menu-hover-element {
    float: none
}

.fixed-nav ul.submenu li a i {
    font-weight: 300!important
}

.fixed-nav ul.submenu li a i:before {
    font-size: 13px
}

#membership-form .checkbox-single {
    float: left;
    height: auto
}

#add_job_modal .checkbox-single span,#membership-form .checkbox-single span {
    display: inline-block;
    margin-left: 8px;
    max-width: 85%
}

#add_job_modal .checkbox-single span.checkmark,#membership-form .checkbox-single span.checkmark {
    margin-left: 0;
    display: inline
}

.job-color {
    colo: #608070!important
}

.job-bg {
    background: #608070!important
}

.lightpick {
    z-index: 999999
}

#cover_letter_modal hr,#new_application_modal hr,.jobs-outer-body hr {
    margin: 20px 0;
    height: 1px;
    border: unset;
    background-color: #eee
}

.jobs-outer-body .form60 {
    width: 60%;
    float: left
}

.jobs-outer-body .form40 {
    width: 40%;
    float: left
}

.jobs-outer-body .journey p {
    font-weight: 400
}

.job-desc-area p {
    word-break: break-word
}

.job-desc-area a {
    color: #004d69;
    font-weight: 600
}

.job-desc-area ol,.job-desc-area ul,.offering-body ol,.offering-body ul {
    margin-left: 30px
}

.offering-body .new-opportunity-options ul {
    margin-left: 0
}

.jobs-outer-body .journey {
    padding: 20px 60px
}

.jobs-outer-body .subtitle {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
    font-weight: 500
}

.jobs-outer-body .location {
    font-weight: 500
}

.jobs-outer-body .job-side-item {
    margin-bottom: 50px
}

.jobs-outer-body .form-inner {
    padding-left: 25px
}

#add_job_modal .twitter-typeahead .tt-hint,#offerings_modal2 .twitter-typeahead .tt-hint {
    padding: 0;
    border: unset;
    width: 1px!important
}

#frmSendMessage .msg-left {
    width: 79.5%;
    display: inline-block;
    float: left;
    border-right: 1px solid #eee
}

#frmSendMessage .msg-right {
    width: 20%;
    display: inline-block;
    float: right
}

#add_job_modal .form-steps-lbl {
    color: #fff;
    text-align: center;
    height: 40px;
    margin: 40px -30px 0
}

#add_job_modal .form-steps-lbl p {
    font-size: 16px;
    line-height: 40px;
    color: #fff
}

.applicants-outer .application-item .section-left {
    width: 10%;
    float: left
}

.applicants-outer .application-item .section-right {
    width: 90%;
    float: left
}

.applicants-outer .application-item .section-right .inner-section {
    padding-left: 25px
}

.applicants-outer .application-item img.title-img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top
}

.applicants-outer .application-item .item-heading a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #004D69!important
}

.applicants-outer .application-item .item-subheading {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #9e9e9e
}

.pagination-list-data.list-groups,.pagination-list-data.list-jobs-user {
    width: 100%;
    padding-top: 50px
}

.jobs-outer-body .jobs-info-area {
    margin-top: 50px
}

#cover_letter_modal .modal-header img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover
}

.application-icon-outer a {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    transition: ease all .5s;
    text-align: center
}

.application-icon-outer a img {
    max-width: 23px;
    margin-top: 5px
}

.rte-modern rte-bottom,.rte-modern.rte-absolute,rte-floatpanel {
    display: none!important
}

.rte-modern.rte-desktop.rte-toolbar-default {
    min-width: 200px!important
}

#add_job_modal .richtexteditor,#new_application .richtexteditor,#offerings_modal2 .richtexteditor {
    min-height: 600px
}

.jobs-page .jobs-outer-body .user-timeline table {
    width: 100%
}

.jobs-page .jobs-outer-body .user-timeline table,.jobs-page .jobs-outer-body .user-timeline tr,.jobs-page td {
    border: 1px solid #000
}

.jobs-page .jobs-outer-body .user-timeline ul {
    list-style-type: initial;
    margin-left: 30px
}

ul.no-style {
    list-style-type: none!important;
    margin-left: 0!important
}

#job_extend_modal .form-49,#job_extend_modal .form49 {
    float: left;
    width: 49%
}

#add_job_modal .select2-container--default .select2-selection--single,#membership-form .select2-container--default .select2-selection--single {
    border: unset!important
}

#add_job_modal .select2-container {
    width: 100%!important;
    height: 42px!important
}

#add_job_modal .select2-container--default .select2-selection--single .select2-selection__arrow b,#membership-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 5px
}

#add_job_modal .select2-container--default .select2-selection--single .select2-selection__rendered,#membership-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
    font-weight: 500;
    padding: 0
}

#add_job_modal .budget_range_area input {
    max-width: 90px
}

#add_job_modal .budget_type_area {
    padding-left: 20px
}

#membership-form .select2-container {
    width: 100%!important
}

.payment-basicinfo .membership-desc,.payment-basicinfo h3 {
    text-align: left
}

.applicants-outer .application-item .open_cover_letter {
    margin-top: 10px;
    display: inline-block
}

.applicants-outer .application-item .applied_date {
    text-align: right
}

.invitation-item .title-area {
    margin-top: 10px
}

.invitation-item .bottom-area {
    float: right
}

.user-area .application-item.row {
    margin-top: 30px
}

.add_job_modal_container li {
    font-weight: 500!important;
    padding: 10px;
    border-bottom: 1px solid #eee
}

.select2-container--open .select2-dropdown--below {
    max-width: 100%!important
}

.carousel-newsfeed-posts .owl-dots {
    position: absolute;
    left: 40%;
    bottom: 0;
    text-align: center;
    margin: 0 auto
}

.carousel-newsfeed-posts.owl-theme .owl-dots .owl-dot.active span {
    background: rgba(0,77,105,.75)
}

.carousel-newsfeed-posts.owl-theme .owl-dots .owl-dot span {
    background: #fff;
    height: 8px;
    width: 8px;
    margin: 5px;
    border: 1px solid #eee
}

.carousel-newsfeed-posts.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    top: calc(50% - 10px);
    background: #ccc;
    height: 30px;
    width: 30px
}

.carousel-newsfeed-posts.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    background: #ccc;
    height: 30px;
    width: 30px
}

.carousel-newsfeed-posts.owl-carousel .owl-nav .owl-next:hover,.carousel-newsfeed-posts.owl-carousel .owl-nav .owl-prev:hover {
    background: #ccc!important;
    color: #343839
}

.carousel-newsfeed-posts.owl-carousel .owl-item img {
    background: rgba(0,77,105,.15)
}

.wrapper.membership-wrapper .section.section-info {
    min-height: 400px
}

.wrapper.membership-wrapper .section.section-info .text-area {
    max-width: 800px;
    margin: 0 auto
}

.membership-wrapper .section.membership-section .section-inner {
    padding-left: 0;
    padding-right: 0
}

.membership-wrapper .section.membership-section h3 {
    font-size: 28px;
    line-height: 36px;
    color: #004d69;
    font-weight: 900
}

.membership-wrapper .section.membership-section.home-membership-section h3 {
    margin-top: 50px
}

.membership-wrapper .section.membership-section p {
    font-size: 22px;
    line-height: 30px;
    color: #343839;
    font-weight: 500;
    margin-bottom: 20px
}

.membership-wrapper .section.membership-section .plans-outer .plan-item {
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 10px 15px;
    text-align: center;
    position: relative
}

.membership-wrapper .section.membership-section .plans-outer .single-plan-outer {
    margin: 0 14px 20px;
    width: 30%;
    display: inline-flex
}

.membership-wrapper .section.membership-section .plans-outer .plan-item:last-child,.membership-wrapper .section.membership-section .plans-outer .single-plan-outer:last-child {
    margin-right: 0
}

.membership-wrapper .plans-outer {
    display: flex;
    flex-wrap: wrap
}

.pricing-section-right p.plan-icon {
    position: absolute;
    font-weight: 900!important;
    top: 45%;
    font-size: 24px;
    line-height: 32px
}

.pricing-section-right p.plan-icon.icon-1 {
    left: 33%;
    font-size: 36px!important
}

.pricing-section-right p.plan-icon.icon-2 {
    right: 28.5%
}

.membership-wrapper .section.membership-section .plans-outer .single-plan-outer .plan-item.plan-border {
    box-shadow: unset;
    border: 2px solid #343839;
    border-radius: 15px
}

.membership-wrapper .section.membership-section .plans-outer .single-plan-outer:first-child {
    margin-left: 0
}

.membership-wrapper .section.membership-section .plans-outer .single-feature {
    min-height: 20px;
    width: auto;
    min-width: 33.3%;
    border-radius: 10px;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 600
}

.membership-wrapper .section.membership-section .plans-outer .addon-feature,.membership-wrapper .section.membership-section .plans-outer .inclusive-feature {
    background-color: #A8C3BC
}

.membership-wrapper .section.membership-section .plans-outer .single-feature.plan-feature {
    background-color: #C0D2D8
}

.membership-wrapper .section.membership-section .plans-outer .plan-item:first-child {
    margin-left: 0
}

.membership-wrapper .section.membership-section .plans-outer .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #343839;
    margin-bottom: 15px;
    margin-top: 0;
    height: auto;
    text-align: center;
    padding-top: 20px
}

.membership-wrapper .section.membership-section .subtitle {
    font-size: 20px;
    line-height: 28px;
    color: #96264c;
    margin-bottom: 15px;
    height: auto;
    font-weight: 600;
    text-align: center
}

.membership-wrapper .section.membership-section .subtitle span {
    font-size: 16px;
    line-height: 22px;
    color: #999
}

.membership-wrapper .section.membership-section .plans-outer .plan-item .desc {
    font-size: 16px;
    line-height: 24px;
    color: #343839;
    font-weight: 600
}

.membership-wrapper .section.membership-section .plans-outer .plan-item .btns-area {
    text-align: center;
    width: 100%;
    border-radius: 0;
    height: 125px;
    margin-top: 50px
}

.membership-wrapper .section.membership-section .plans-outer .plan-item .btns-area a {
    display: inline-block
}

.membership-wrapper .section.membership-section .buzz-area {
    font-size: 14px
}

.membership-wrapper .section.membership-section .buzz-area p {
    font-size: 13px;
    line-height: 20px;
    color: #98234B;
    font-weight: 700;
    position: absolute;
    width: 100%;
    left: 0;
    top: 5px
}

.membership-wrapper .section.plan_info-section .info-item {
    margin-bottom: 20px
}

.membership-wrapper .section.plan_info-section .info-item:after,.membership-wrapper .section.plan_info-section .info-outer:after {
    clear: both;
    content: "";
    display: table
}

.membership-wrapper .section.plan_info-section .feature-outer {
    width: 30%;
    margin: 0 15px;
    float: left;
    display: inline-block
}

.membership-wrapper .section.plan_info-section .plan-feature-single {
    background: rgba(18,77,105,.3);
    border-radius: 20px;
    min-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #202020
}

.membership-wrapper .section.plan_info-section .plan-feature-single.feature-disabled {
    background: unset;
    border: unset;
    box-shadow: unset
}

.membership-wrapper .section.plan_info-section .feature-outer.second .plan-feature-single {
    background: rgba(242,195,181,.65)
}

.membership-wrapper .section.plan_info-section .feature-outer.third .plan-feature-single {
    background: rgba(168,195,188,.5)
}

.membership-wrapper .section.plan_info-section .feature-outer .plan-feature-single .inner {
    padding: 15px;
    text-align: center
}

.membership-wrapper .section.plan_info-section .feature-outer .plan-feature-single .inner h3 {
    color: #343839
}

.membership-wrapper .section.plan_info-section .info-item .form49.desc {
    padding-right: 15px
}

.membership-wrapper .section.plan_info-section .feature-outer:first-child {
    margin-left: 10px
}

.membership-wrapper .section.plan_info-section .feature-outer:nth-child(3) {
    margin-right: 0
}

#plan_info-section hr {
    border: unset;
    height: 1px;
    background: #eee;
    width: 100%;
    margin: 30px 0
}

.membership-wrapper .section.plan_info-section .info-item p {
    font-size: 16px;
    line-height: 28px;
    color: #343839;
    font-weight: 600
}

.membership-wrapper .section.plan_info-section .profile-statistics .info-item p {
    font-weight: 600;
    color: #202020
}

.membership-wrapper .section.plan_info-section .profile-statistics .info-item:hover {
    transition: ease all .2s;
    transform: scale(1.05)
}

.membership-wrapper .section.plan_info-section .profile-statistics .info-item {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 15px solid rgba(168,195,188,.5);
    float: left;
    background: unset;
    box-shadow: 0 3px 5px #ccc;
    margin: 0 25px 50px;
    position: relative;
    text-align: center
}

.membership-wrapper .section.plan_info-section .profile-statistics .info-item .state-number {
    font-size: 52px;
    line-height: 68px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600;
    color: #004d69;
    padding-top: 50px
}

.centered-page .membership-section .membership-desc p {
    margin-top: 60px
}

.centered-page .membership-section .membership-desc p:first-child {
    margin-top: 0
}

.membership-wrapper .section.plan_info-section .info-outer {
    border-left: 5px solid #004d69;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 30px;
    padding-left: 20px;
    position: relative
}

.membership-wrapper .section.plan_info-section .info-outer.info-one {
    border-color: #A8C3BC
}

.membership-wrapper .section.plan_info-section .info-outer.info-two {
    border-color: #F2C3B5
}

.membership-wrapper .section.plan_info-section .info-outer.info-three {
    border-color: #124D69
}

.membership-wrapper .section.plan_info-section .info-outer.info-four {
    border-color: #98234B
}

.membership-wrapper .section.plan_info-section .info-outer.info-five {
    border-color: #608070
}

.membership-wrapper .section.plan_info-section .info-outer .title {
    color: #343839;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 0;
    position: absolute;
    left: -40px;
    bottom: 30%;
    text-orientation: sideways;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    width: 5.5%
}

.membership-wrapper .section.plan_info-section img {
    width: 40px;
    height: auto;
    display: inline-block;
    margin-right: 8px;
    float: left
}

.membership-wrapper .section.plan_info-section p.desc span {
    display: inline-block;
    float: left;
    width: 80%;
    margin-top: -4px
}

.beta-notice-newsfeed {
    position: absolute;
    left: 0;
    bottom: -30px
}

.section.enquiry-section .loading-bar {
    width: 100%;
    border-radius: 10px!important;
    height: 8px;
    background: #eee
}

.section.enquiry-section .loading-bar .load.active {
    background: #004d69
}

.section.enquiry-section .loading-bar .load {
    width: 33.3%;
    float: left;
    height: 8px
}

.section.enquiry-section .loading-bar .load p {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    display: none
}

.section.enquiry-section .loading-bar .load.active p {
    display: block
}

.section.enquiry-section .loading-bar .load:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.section.enquiry-section .loading-bar .load:last-child {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset
}

#membership-form .custom-checkbox label {
    padding: 0
}

#profile-views .profile_view_single {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding: 10px 20px 0;
    max-width: 1200px
}

#profile-views .profile_views_outer .profile_view_single:last-child {
    border-bottom: unset!important
}

#profile-views .profile_view_single .left img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    float: left;
    margin-right: 25px;
    object-fit: cover
}

#profile-views .profile_view_single .right {
    float: left
}

#profile-views .profile_view_single .title {
    font-size: 20px;
    line-height: 30px;
    color: #004d69;
    margin-bottom: 0;
    padding: 0;
    text-transform: none
}

#profile-views .profile_view_single .desc {
    font-size: 16px;
    line-height: 24px;
    color: #666
}

#profile-views .profile_view_single .date {
    text-align: right;
    font-size: 14px;
    color: #999
}

.s-items-outer .s-item {
    padding: 10px 5px;
    border-bottom: 1px solid #eee
}

.s-items-outer .s-item:last-child {
    border: unset
}

.s-items-outer .s-item .s-left {
    width: 40px;
    float: left;
    display: inline-block;
    padding-top: 4px
}

.s-items-outer .s-item .s-middle {
    width: 82%;
    float: left;
    display: inline-block;
    text-align: left;
    padding-left: 20px
}

.s-items-outer .s-item .s-right {
    float: left;
    display: inline-block;
    border-radius: 50%;
    background: rgba(0,77,105,.5);
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.reg_journey .me-extra-text {
    display: none
}

#membership-form .referred_user_area {
    min-height: 40px;
    border: 1px solid #ccc;
    padding: 10px 15px!important;
    border-radius: 5px
}

#membership-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -8px
}

.active-plan-area li {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0
}

.active-plan-area li .right small {
    position: absolute;
    right: 0;
    bottom: 0
}

.active-plan-area li:after {
    border-bottom: 1px solid #eee;
    width: 100%;
    margin: 25px auto;
    content: '';
    display: table
}

.active-plan-area li .left {
    max-width: 55%;
    float: left
}

.active-plan-area li .right {
    max-width: 50%;
    float: right
}

.active-plan-area h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px
}

.active-plan-area p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.plan_info_modal .info-outer {
    margin: 20px 0
}

.plan_info_modal .info-item {
    margin-bottom: 25px;
    display: block
}

.plan_info_modal .info-outer p.desc img {
    margin-right: 15px;
    width: 40px;
    float: left
}

.plan_info_modal .info-outer p.desc span {
    margin-top: -4px;
    display: inline-block;
    float: left;
    width: 80%
}

.plan_info_modal .info-outer p.desc {
    width: 92%;
    display: inline-block;
    font-size: 16px;
    line-height: 24px
}

.plan_info_modal .info-outer .info-item .info-icon {
    display: block;
    clear: both;
    content: "";
    width: 30px;
    height: auto;
    border-radius: 5px;
    float: right;
    text-align: center;
    margin-top: 1px
}

.plan_info_modal .info-outer .info-item .info-icon.icon-disabled span {
    color: #fff;
    background: #96264c;
    font-size: 18px;
    line-height: 24px;
    padding-top: 2px;
    display: inline-block
}

.plan_info_modal .info-outer .info-item .info-icon i,.plan_info_modal .info-outer .info-item .info-icon span {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #fff;
    font-weight: 500;
    background-color: rgba(0,77,105,.5);
    line-height: 30px;
    display: inline-block
}

.plan_info_modal .info-outer .info-item .info-icon i {
    font-weight: 600
}

.plan_info_modal hr {
    border: unset;
    height: 1px;
    background: #eee;
    margin: 20px 0
}

.centered-page section.testimonials-section {
    margin: 100px 0;
    background: #F9F9F9;
    padding: 80px 0
}

section.section h3.section-title {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    color: #004d69;
    margin-bottom: 80px
}

.testimonial-outer .item .testi-desc {
    font-size: 24px;
    line-height: 32px;
    color: #343839;
    text-align: center;
    margin: 0 auto;
    font-weight: 700
}

.testimonial-outer .white-section {
    background: #fff;
    box-shadow: 0 3px 6px #ccc;
    padding: 40px;
    width: 51%;
    height: 350px;
    margin: 0 auto;
    border-radius: 10px
}

.testimonial-outer .item .testi-title {
    font-size: 22px;
    line-height: 30px;
    color: #004d69;
    text-align: center;
    margin-top: 50px
}

.testimonial-outer .bg-img {
    position: absolute;
    max-height: 100px;
    width: auto;
    opacity: .5
}

.testimonial-outer .bg-img.img-1 {
    top: 10px;
    left: 15%
}

.testimonial-outer .bg-img.img-2 {
    left: 7%;
    bottom: 10px
}

.testimonial-outer .bg-img.img-3 {
    top: 10px;
    right: 15%
}

.testimonial-outer .bg-img.img-4 {
    right: 7%;
    bottom: 10px
}

.testimonial-outer .slide-left,.testimonial-outer .slide-right {
    position: absolute;
    top: 30%;
    font-size: 44px;
    line-height: 50px;
    font-weight: 600;
    color: #999
}

.testimonial-outer .slide-left {
    left: 0
}

.testimonial-outer .slide-right {
    right: 0
}

.bg-layout {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,77,105,.1);
    z-index: 99999;
    left: 0;
    top: 0
}

.bg-layout-outer {
    opacity: 1;
    width: calc(100% + 25px);
    padding: 25px
}

.bg-layout-outer .sec-area {
    opacity: .3
}

.bg-layout-outer .bg-layout-inner {
    padding-top: 0;
    position: absolute;
    bottom: 15px
}

.bg-layout-outer .bg-layout-inner * {
    color: inherit
}

.bg-layout-outer h3,.bg-layout-outer p {
    color: #999
}

.pronounce-area .custom-checkbox {
    width: 48%;
    display: inline-block
}

.main-setting-content-panel.profile_views_outer {
    border: unset
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    min-height: 45px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    margin-top: 10px;
    border-width: 1.5px;
    font-size: 16px
}

.homepage-body section.section .pricing-section-left {
    display: none!important
}

.plan_info_modal .modal-title {
    font-size: 26px;
    line-height: 34px
}

.cp-page .section-two {
    padding: 80px 0
}

.cp-page .section-two img {
    width: 40px;
    height: auto;
    margin-right: 20px;
    display: inline-block;
    float: left;
    margin-top: 4px
}

.cp-page .section-two .head-title {
    font-size: 32px;
    line-height: 40px;
    color: #343839;
    text-align: center;
    font-weight: 600
}

.cp-page .section-two .section-two-outer h3 {
    color: #343839;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0
}

.cp-page .section-two .item {
    margin-bottom: 30px
}

.cp-page .section-two .sec-one {
    width: 90%
}

.cp-page .section-two .section-two-outer {
    margin-top: 100px
}

.portal.bg-layover {
    height: 100%;
    width: 100%;
    background: rgba(168,195,188,.75);
    z-index: 999999;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    border-radius: 5px
}

.accounts-user .journey {
    min-height: 400px
}

.portal.bg-layover .layout-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.portal.bg-layover .layout-inner img {
    max-height: 150px;
    width: auto
}

.portal.bg-layover .layout-inner h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    color: #004d69
}

.ui-tooltip.ui-corner-all {
    z-index: 999999!important
}

.upgrade-plan-ul {
    list-style-type: disc!important;
    padding-left: 30px;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.post_pinned_area {
    position: absolute;
    right: 26px;
    top: 10px;
    font-size: 14px;
    line-height: 22px;
    min-width: 112px;
    display: flex
}

.postlist-data .tabcontent {
    display: block;
    padding: 0;
    width: 100%;
    background: unset;
    box-shadow: unset;
    border: unset;
    min-height: 800px
}

.w-25,.w-50,.w-75 {
    display: inline-block;
    float: left
}

.single-feed-page .postlist-data .tabcontent {
    min-height: unset
}

.w-75 {
    width: 75%
}

.w-50 {
    width: 50%
}

.w-25 {
    width: 25%
}

.offerring-block .offering-footer .w-25,.offerring-block .offering-footer .w-75,.postlist-data .offerring-block .w-25,.postlist-data .offerring-block .w-75 {
    width: auto
}

.loops-outer {
    position: relative
}

.loops-outer .form74 {
    float: left;
    width: 75%;
    min-height: 1px
}

.loops-outer .row1 {
    top: 4%;
    position: absolute
}

.loops-outer .form24 {
    float: left;
    width: 25%;
    min-height: 1px
}

.loops-outer .row1 img {
    max-width: 170px
}

.loops-outer .row1 h3 {
    position: absolute;
    top: 32%;
    font-size: 38px;
    font-weight: 900;
    left: 24%;
    line-height: 24px;
    color: #1D4D67
}

.loops-outer .loops-sm-circle {
    border-radius: 50%;
    height: 45px;
    width: 45px;
    background: #004d69;
    margin-bottom: 40px;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
    font-size: 11px;
    font-weight: 700;
    display: block;
    text-align: center
}

.loops-outer .loops-sm-circle span {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    display: block
}

.rg-section.todo-list .loading-bar {
    height: 25px;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    background: #eee
}

.rg-section.todo-list .loading-bar span {
    font-size: 14px;
    line-height: 25px;
    color: #000;
    position: absolute;
    top: 0;
    left: 35%
}

.rg-section.todo-list .loading-bar .loading-inner {
    background: #677F71;
    height: 25px;
    border-radius: 0
}

.rg-section.todo-list .item {
    margin-bottom: 20px
}

.rg-section.todo-list .item h3 {
    width: 90%;
    float: left;
    display: inline-block;
    font-size: 14px!important;
    line-height: 22px;
    font-weight: 600
}

.rg-section.todo-list .item span.item-icon {
    float: right;
    display: block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: #969898!important;
    text-align: center;
    color: #fff
}

.rg-section.todo-list .item h3 a {
    color: #004d69
}

.rg-section.todo-list .item.filled h3 a {
    text-decoration: unset!important;
    color: #353839
}

.rg-section.todo-list .item.filled span.item-icon {
    background: #677F71!important
}

.rg-section.todo-list .item span.item-icon img {
    max-width: 12px;
    display: inline-block;
    margin-top: 7px
}

.rg-section.todo-list .item.filled span.item-icon img {
    margin-top: 0
}

.comment-reply img {
    max-width: 25px
}

#membership-form .checkbox-outer2 .custom-checkbox span,.todo_modals img {
    max-width: 100%
}

.todo_modals .modal-header {
    height: 70px;
    background: #677F71
}

.todo_modals#todo_modal_three .modal-header {
    background: #8CAEBC
}

.todo_modals#todo_modal_four .modal-header {
    background: #F2C3B5
}

.todo_modals#todo_modal_five .modal-header {
    background: #D0CBC2
}

.todo_modals#todo_modal_six .modal-header {
    background: #8C2D4B
}

.todo_modals .modal-body,.todo_modals .modal-footer {
    padding: 15px 30px
}

.todo_modals .modal-body {
    margin-top: 50px
}

.todo_modals .modal-header .modal-title {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    line-height: 70px
}

.todo_modals h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 600
}

.todo_modals h3 span {
    color: #969898;
    padding-left: 15px;
    display: inline-block
}

.todo_modals .modal-footer .base-btn {
    height: 35px!important;
    line-height: 35px;
    font-size: 16px
}

.rg-section.todo-list .form49 {
    width: 49%;
    float: left
}

.toolbox_outer_area {
    overflow: visible
}

.timeline-main .post-sharing.forward_post {
    right: 0;
    bottom: -20px!important
}

#timeline-dashboard-panel .post-something {
    margin-top: 20px
}

#timeline-dashboard-panel .postlist-data.newsfeed_tablinks,#timeline-dashboard-panel .postlist-data.newsfeed_tablinks .timeline-info {
    margin-top: 0
}

.toolbox_list_arr.for-small-screen {
    display: none!important
}

.membership-wrapper .price-item-outer {
    margin-left: -5px;
    margin-right: -5px
}

.membership-wrapper .price-item-outer .price-item {
    width: calc(50% - 10px);
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border-radius: 15px;
    float: left;
    position: relative
}

.membership-wrapper .price-item-outer .price-item p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 5px
}

.membership-wrapper .price-item-outer .price-item span {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #707070
}

.membership-wrapper .price-item-outer .price-item .save_area {
    height: 42px;
    width: 42px;
    color: #fff;
    background: #98234B;
    border-radius: 50%;
    line-height: 13px;
    padding-top: 6px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: -20px;
    right: -22px
}

.membership-wrapper .price-item-outer .price-item .price-head {
    box-shadow: 0 3px 5px rgba(0,0,0,.16);
    font-weight: 600;
    border-radius: 15px 15px 0 0
}

.membership-wrapper .price-item-outer .price-item .price-head p {
    padding: 3px 0
}

.price-item-outer .price-item:first-child {
    margin-right: 10px
}

.price-item-outer .price-item:nth-child(2) {
    margin-left: 10px
}

.price-item-outer .price-item:first-child .price-head {
    background: #FBEBE7
}

.price-item-outer .price-item:nth-child(2) .price-head {
    background: #D3E1DD;
    border-color: #B9CAD3
}

#newPostModal {
    padding: 20px 30px!important
}

#newPostModal .circles ul li {
    display: inline-block;
    margin: 0 7px
}

#newPostModal .post-body #post_description {
    min-height: 175px;
    text-align: left
}

#newPostModal.modal .row {
    max-height: unset
}

#newPostModal .bottom-img .bg_img2 {
    height: 30px;
    opacity: .5;
    margin-top: -20px
}

#newPostModal .bottom-img .bg_img3 {
    height: 45px;
    opacity: .5;
    margin-top: -10px
}

#newPostModal .tag_user_append {
    left: -30px;
    padding-left: 0
}

#newPostModal .tag_user_append li .float-left {
    padding-left: 0
}

#newPostModal .tag_user_append li .float-right {
    text-align: left
}

#newPostModal .tag_user_append ul {
    border-top: 1px solid #eee;
    padding-top: 10px
}

#allPlansModal.modal .row {
    max-height: unset
}

#allPlansModal .plan_trial_notice,#allPlansModal.modal .membership-desc {
    display: none!important
}

.my-panel .profile-views .upgrade-area-outer .upgrade_lbl,.my-panel .profile-views .upgrade-area-outer br {
    display: none
}

#allPlansModal.modal .form49.pricing-section-left,#allPlansModal.modal .form49.pricing-section-right {
    float: unset;
    width: auto
}

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

.my-panel .profile-views .upgrade-area-outer.text-center {
    text-align: left!important
}

#subscriptions .payment-btns-outer {
    margin-top: 60px
}

#jobDetailsModal .jobs-timeline,#jobDetailsModal .my-panel,#jobDetailsModal .timeline-buttonzone {
    display: none!important
}

#jobDetailsModal .user-timeline {
    float: none;
    width: 100%
}

#jobDetailsModal .profile-user {
    padding-top: 0;
    padding-bottom: 0;
    background: unset
}

#jobDetailsModal .jobs-outer-body .journey {
    padding: 20px;
    box-shadow: unset;
    text-align: left
}

#jobDetailsModal .job-info-area,#jobDetailsModal .posted_area {
    text-align: left
}

.register-body-container .header-bottom .menu_button {
    display: none
}

.initial_redirect_html {
    background: rgba(0,0,0,.6)
}

.initial_redirect_html .inner_body {
    position: absolute;
    top: 6px;
    left: 53%;
    background: #eee;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,.16);
    z-index: 999999
}

.initial_redirect_html.initial_hamburger_html .inner_body {
    left: 70px
}

.initial_redirect_html .inner_body i {
    position: absolute;
    top: 2px;
    color: #eee;
    left: -10px
}

.initial_redirect_html h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    color: #000
}

.menu_button:hover+#navigation {
    display: block!important
}

#offerings_modal2 .small_lbl {
    font-size: 13px;
    line-height: 18px;
    color: #999;
    margin-left: 35px
}

#offerings_modal2 .checkmark {
    top: 7px
}

.form-scale {
    padding: 10px;
    text-align: center;
    background: #ccc;
    text-transform: uppercase;
    margin: 20px 0
}

.form-scale p {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.form-scale.offerings-scale {
    background: rgba(140,45,75,.5);
    margin-left: -30px;
    margin-right: -30px
}

.offering-single-body .offering-title {
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 10px
}

.offering-single-body .offering-desc a {
    font-weight: 900!important;
    color: #004d69!important
}

.offering-single-body .media-file-area {
    margin-bottom: 50px
}

.offering-single-body .media-file-area img,.offering-single-body .media-file-area video {
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,.16)
}

.offering-single-body .group_desc_area {
    padding: 0 0 20px
}

.offering-single-body .offerings_desc_area {
    padding: 0 20px;
    background: linear-gradient(rgba(255,255,255,.9),#fff)
}

.offering-single-body .article_notice {
    background: rgba(150,38,76,.1);
    box-shadow: 0 -14px 10px 0 rgba(0,0,0,.1),0 -12px 23px 0 rgba(0,0,0,.1);
    padding: 50px 0;
    text-align: center;
    margin-bottom: -20px
}

.offering-single-body .notice_absolute {
    position: absolute;
    top: 0;
    width: 100%;
    height: 365px;
    background: rgba(150,38,76,.4);
    display: flex
}

.offering-single-body .notice_absolute .article_notice {
    padding-top: 100px;
    width: 100%
}

.offering-single-body .notice_absolute .article_notice h3 {
    color: #fff
}

.offering-single-body .notice_absolute .article_notice .base-btn {
    background: #fff
}

.offering-single-body .user-timeline {
    width: 100%;
    float: none;
    max-width: unset
}

.offering-single-body .community-body .recent-item p {
    font-size: 14px!important;
    line-height: 26px!important
}

.offering-single-body .community-body .recent-item .item-title {
    font-size: 18px!important;
    line-height: 26px!important;
    margin-bottom: 0!important
}

.offering-single-body .community-body .recent-item {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.offering-single-body .community-body .recent-item .recent-col {
    min-height: unset;
    padding: 20px 0
}

.offering-single-body .community-body .recent-item:last-child {
    border: unset
}

.offering-single-body .community-body .dp {
    padding-top: 6px
}

.offerings_desc_area .write_comment_area {
    position: absolute;
    right: 20px;
    top: 15px;
    max-width: 35px
}

.offerings_desc_area img,.offerings_desc_area video {
    max-width: 100%
}

.offerings_desc_area .additional-info {
    padding: 20px 0
}

.offerings_desc_area .additional-info .item {
    margin: 0 20px
}

.offerings_desc_area .additional-info .item:first-child {
    margin-left: 0
}

.offerings_desc_area .additional-info .item:last-child {
    margin-right: 0
}

.offerings_desc_area .additional-info p {
    font-size: 16px;
    line-height: 24px;
    color: #999
}

.offerings_desc_area .additional-info h3 {
    font-size: 28px;
    line-height: 36px;
    color: #343839;
    font-weight: 700
}

.offerings_desc_area .additional-info h4 {
    font-size: 20px;
    line-height: 28px;
    color: #343839;
    font-weight: 700
}

#offerings_modal2 .checkmark.disabled {
    background: #eee
}

.offerings_desc_area ol,.offerings_desc_area ul {
    margin-left: 20px;
    list-style-type: unset
}

.offerings_desc_area .tag-panel ul,.offerings_desc_area blockquote {
    margin-left: 0
}

.show_record_video_area {
    background: #000;
    border: 1px solid #ccc;
    padding: 0
}

.show_record_video_area i.fa {
    font-weight: 500!important
}

.audio-item .plyr--audio .plyr__controls {
    background: #eee;
    border-radius: 5px;
    padding: 10px
}

.record_btn_area {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    margin: 0 auto
}

.offerring-block .type_area {
    position: absolute;
    left: 10px;
    top: 10px
}

.offerring-block .type_area .Wellbeing {
    background: rgba(140,45,75,.5)
}

.offerring-block .type_area .Consult {
    background: #E3E9EB
}

.offerring-block .type_area .Learning {
    background: #a8c3bc
}

.offerring-block .type_area p {
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    background: #E3E9EB;
    border-radius: 20px;
    padding: 2px 5px;
    margin-bottom: 5px;
    display: block
}

.offerings_desc_area .offering-desc {
    word-break: break-word
}

.offerings_desc_area p {
    font-size: 16px!important;
    line-height: 22px!important
}

.tab-panel .tab-panel-head {
    margin-bottom: 50px
}

.tabs-outer {
    margin-top: 10px
}

.tabs-outer .tabs-item {
    display: inline-block
}

.tabs-outer .tabs-item a {
    display: inline-block;
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-radius: 5px;
    color: #004d69;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin: 0 10px;
    background: #fff;
    padding: 15px;
    text-align: center;
    min-width: 100px
}

.new-opportunity-options.new-options ul li:first-child,.tabs-outer .tabs-item:first-child a {
    margin-left: 0
}

.tabs-outer .tabs-item:last-child a {
    margin-right: 0
}

.tabs-outer .tabs-item a.active {
    background: #E3E9EB
}

.media-inner-div,.offerring-block .offer-post .display-media-attachments {
    height: 300px;
    background: rgba(246,216,206,.25)
}

.offerring-block .plyr {
    height: 300px
}

.media-inner-div.relative {
    align-items: center;
    display: flex;
    justify-content: center
}

.media-inner-div img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 3px 5px rgba(140,45,75,.75)
}

.offerring-block.offer-post-outer .delete-offering-i,.offerring-block.offer-post-outer .edit-offering-form {
    border-radius: 50%;
    line-height: 40px;
    height: 40px;
    width: 40px;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.delete-offering-i,.edit-offering-form {
    display: inline-block;
    background: #fff;
    text-align: center
}

.new-opportunities .expandable-text.seeMoreLabel.expanded br,.rte_menuitem_cmd_insertimagebycamera,.rte_menuitem_cmd_insertimagedragdrop {
    display: none!important
}

.delete-offering-i img,.edit-offering-form img {
    height: 15px;
    width: 15px;
    vertical-align: middle
}

.new-opportunity-options.new-options {
    position: static!important
}

.new-opportunity-options.new-options ul {
    float: none!important;
    overflow: visible!important
}

.postlist-data .new-opportunity-options ul {
    overflow: visible!important
}

.new-opportunities .expandable-text {
    font-weight: 500!important;
    text-align: left!important
}

@keyframes caretPulsate {
    0%,50% {
        opacity: 1
    }

    100%,60% {
        opacity: 0
    }
}

@media screen and (max-width: 992px) and (min-width:300px) {
    .offering-body .w-25,.offering-body .w-50,.offering-body .w-75 {
        width:100%;
        float: unset
    }

    .offerring-block.offer-post-outer .edit-offering-form {
        float: left
    }

    .homepage-body section.section .emoji_icon {
        height: 18px!important;
        width: 18px!important
    }

    .dashboard-page .network-info .offering-body .w-25 {
        text-align: left;
        margin-top: 10px
    }

    .timeline-main .offerring-block.offer-post-outer .new-opportunities.offer-post {
        width: 100%
    }

    .in-depth .indepth-content-inner-single {
        padding: 10px 0 10px 15px
    }

    .journey-single-dir img {
        right: 20px
    }

    .in-depth .indepth-content-inner-single:after {
        right: 15px;
        left: 15px
    }

    #indepth.tabcontent .indepth-content h2 {
        margin-left: 15px;
        margin-right: 15px
    }

    .in-depth .add-indepth-content {
        right: 15px
    }

    .offerring-block.offer-post-outer {
        width: 100%;
        text-align: left;
        margin-bottom: 20px!important
    }

    .timeline-main .offerring-block .new-opportunities.offer-post .title,.timeline-main .offerring-block.offer-post h3 {
        padding: 0!important
    }

    #offerings_modal2 .richtexteditor {
        min-height: unset;
        height: auto
    }

    .timeline-main .new-opportunities.offer-post .new-opportunity-options {
        text-align: left;
        margin-bottom: 0!important
    }

    .timeline-main .new-opportunities.offer-post .offering-footer-note {
        float: none
    }

    .timeline-main .new-opportunities.offer-post .offering-footer .footer-right {
        position: absolute;
        top: 20px;
        right: 15px
    }

    .timeline-main .new-opportunities.offer-post .custom-post-info .offering-desc {
        margin-top: 20px
    }

    .timeline-main .new-opportunities.offer-post .offering-footer h3 {
        font-size: 16px;
        line-height: 20px
    }

    .timeline-main .new-opportunities .new-opportunity-options li {
        margin-bottom: 0
    }

    .timeline-main .new-opportunities.offer-post .offering-footer .w-75 {
        float: left;
        width: 73%;
        padding-left: 0!important
    }

    .timeline-main .new-opportunities.offer-post .offering-footer .w-25 {
        width: 22%!important;
        float: left
    }

    .timeline-main .new-opportunities.offer-post .offering-footer .d-img {
        margin-right: 15px
    }

    .login-page-container .wrapper {
        height: 100vh;
        padding: 0!important;
        background: rgba(0,77,105,.05)
    }

    .login-page-container input.input {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px
    }

    .login-page .links-outer a.link-text {
        font-weight: 600;
        color: #343839;
        text-decoration: unset
    }

    .login-page-container .login-page .login-links-outer p {
        text-align: center
    }

    .login-page-container a.base-btn {
        font-size: 14px;
        line-height: 20px
    }

    .login-page-container .login-page {
        background: unset
    }

    .login-page .show_password_img {
        top: 35%
    }

    .login-page-container .signup-area {
        position: fixed;
        bottom: 20px;
        width: calc(100% - 50px);
        margin: 0 auto
    }

    .enquiry-page footer.dark-footer,.login-page-container footer.dark-footer,.login-page-container header.header {
        display: none
    }

    .login-page-container .fixed-nav {
        height: 100%
    }

    .login-page-container {
        background: #F6F6F6
    }

    .login-page-container .login-page {
        padding: 0 25px;
        width: auto
    }

    .login-page-container .login-page .middle-container {
        box-shadow: unset;
        background: unset;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .login-page-container .wrapper {
        padding-top: 50px
    }

    .login-page-container .login-bottom-ul {
        display: table;
        width: 100%
    }

    .login-page-container .login-bottom-ul li {
        display: table-cell;
        min-width: 100px
    }

    .login-page-container .login-bottom-ul li a {
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
        color: #999;
        text-decoration: none
    }

    .offering-single-body .media-file-area {
        margin-bottom: 0
    }

    .tabs-outer .tabs-item a {
        margin: 10px 0
    }

    .tabs-outer .tabs-item a:nth-child(odd) {
        margin: 10px
    }

    .offerings-tabs.tabs-outer {
        text-align: left!important
    }

    .list-offering-user .tag-panel ul li {
        width: auto;
        display: inline-block
    }

    .offering-single-body .notice_absolute .article_notice {
        padding: 15px 15px 5px
    }

    .offering-single-body .offering-intro-txt.margintop-10 {
        margin-top: 25px!important
    }

    .offering-single-body .notice_absolute .article_notice h3 {
        font-size: 14px!important
    }

    .offering-single-body .notice_absolute {
        background: rgba(150,38,76,.75)
    }

    .centered-page section.section h3.section-title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 80px
    }

    .offering-single-body .community-body.comments-outer .recent-item .recent-right {
        width: 25%;
        float: left
    }

    .offerings_desc_area .additional-info .item {
        margin: 20px 0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px
    }

    .offerings_desc_area .additional-info .item.float-left {
        float: none!important
    }

    .offerings_desc_area .offering-title-area .float-left,.offerings_desc_area .offering-title-area .float-right {
        float: none!important;
        text-align: left;
        margin-top: 15px
    }

    .journey .d-journey .years-graph-bg .years-single span:before {
        height: calc(100% - 35px);
        margin-top: 5px
    }

    .wrapper.notification-page {
        padding-top: 80px
    }

    .accounts-user .user-timeline {
        width: calc(100% - 40px);
        margin: 40px auto 0;
        float: none
    }

    #subscriptions .payment-btns-outer {
        margin-top: 20px
    }

    .tabcontent#stats .accounts-user .user-timeline {
        max-width: 90%;
        margin: 0 auto
    }

    .membership-wrapper .section.plan_info-section .profile-statistics .info-item .state-number {
        padding-top: 25px
    }

    .pricing-section-right.relative {
        padding: 15px!important;
        border: 1px solid #ccc;
        margin-top: 50px;
        background: #F9F9F9
    }

    .homepage-body section.section.network-section img,.section.membership-section.margintop-80 {
        margin-top: 50px!important
    }

    #membership-form .checkbox-outer2 .custom-checkbox span {
        max-width: 90%
    }

    .s-items-outer .s-item {
        padding: 10px 0
    }

    #inclusive_plan_modal.modal {
        padding: 15px!important
    }

    #allPlansModal.modal .membership-wrapper .section.membership-section .plans-outer,#allPlansModal.modal .plans-outer {
        margin-top: 0
    }

    #allPlansModal.modal .membership-wrapper .single-plan-outer {
        width: 90%
    }

    #newPostModal .post-body #post_description {
        margin-top: 100px
    }

    #newPostModal .placeholder {
        font-size: 14px!important;
        line-height: 22px!important
    }

    #newPostModal .tag_user_append {
        left: -30px
    }

    #newPostModal .tag_user_append li .float-right {
        text-align: left
    }

    #newPostModal h3.title {
        font-size: 20px;
        line-height: 30px
    }

    .membership-wrapper .section.membership-section .plans-outer .plan-item .desc-area {
        min-height: 0
    }

    .post .comments .d-comment,.post .post-text,.post .post-text p {
        font-size: 14px;
        line-height: 22px
    }

    .post .comments .comment-owner-name {
        font-size: 16px
    }

    .todays-timeline .todo_list_outer.for-small-screen .rg-section {
        margin-bottom: 0
    }

    .todays-timeline .my-panel {
        margin-bottom: 20px
    }

    .todo_list_outer.for-small-screen {
        margin-top: 20px
    }

    #timeline-dashboard-panel .post-something,#timeline-dashboard-panel .postlist-data {
        margin-top: 0!important
    }

    .todays-timeline #left-dashboard-panel {
        margin-top: 60px
    }

    .toolbox_list_arr.for-small-screen {
        display: inline-block!important
    }

    .newsfeed_tablinks.postlist-data .timeline-info {
        margin-top: 0
    }

    .newsfeed_tablinks.postlist-data {
        position: fixed;
        top: 104px;
        background: rgba(255,255,255,1);
        width: 100%;
        left: 0;
        z-index: 999999;
        padding: 10px 20px 10px 25px;
        box-shadow: 0 3px 5px rgba(0,0,0,.5);
        border-top: 1px solid #eee
    }

    #timeline-dashboard-panel .post-something {
        margin-top: 10px
    }

    .my-panel .toolbox-sec .toolbox-heading.toolbox_section_title {
        display: inline-block;
        font-size: 18px;
        color: #000
    }

    .timeline-info .tab .heading_txt span {
        font-size: 18px!important
    }

    .todo_modals {
        margin-top: 100px
    }

    .todo_modals .modal-header .modal-title {
        font-size: 22px
    }

    .toolbox_outer_area {
        max-height: 84px
    }

    .todays-timeline .rg-section.todo-list {
        min-height: unset
    }

    .todays-timeline #right-dashboard-panel.invite-panel .rg-section {
        min-height: 60px
    }

    .todo_modals .modal-footer .base-btn {
        height: unset!important;
        line-height: 28px;
        font-size: 16px
    }

    #frmRegistration #privacy_policy-error {
        margin-top: 30px
    }

    .membership-wrapper .section.membership-section.home-membership-section h3,.plan_info_modal .info-outer .info-item .info-icon {
        margin-top: 0
    }

    .plan_info_modal .info-outer p.desc {
        width: 85%
    }

    .plan_info_modal .info-item {
        margin-bottom: 20px
    }

    .homepage-body section.section .section-desc-two {
        font-size: 20px;
        line-height: 28px
    }

    .plan_info_modal .info-outer p.desc span {
        width: 70%
    }

    .homepage-body section.section.membership-section .section-title {
        text-align: center!important;
        margin-bottom: 20px
    }

    .cp-page .section-two .section-two-outer {
        margin-top: 60px
    }

    .cp-page .section-two .section-two-outer h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 5px
    }

    .cp-page .section-two .sec-one * {
        text-align: left
    }

    .cp-page .section-two .sec-one {
        width: 80%
    }

    .cp-page .section-two .head-title {
        font-size: 24px;
        line-height: 30px
    }

    .cp-page .section-two {
        padding: 40px 0
    }

    .added-custom-pages .cp-page .about-head .heading {
        margin-bottom: 50px
    }

    .testimonial-outer .bg-img {
        max-height: 40px
    }

    .testimonial-outer .bg-img.img-1 {
        top: -12%;
        left: -2%
    }

    .testimonial-outer .bg-img.img-3 {
        top: -6%;
        right: -7%
    }

    .testimonial-outer .bg-img.img-2 {
        left: -1%
    }

    .testimonial-outer .bg-img.img-4 {
        right: -1%;
        bottom: -25px
    }

    .testimonial-outer .bg-img.img-2,.testimonial-outer .bg-img.img-4 {
        max-height: 55px;
        width: auto
    }

    .testimonial-outer .bg-img.img-1,.testimonial-outer .bg-img.img-3 {
        max-height: 30px!important;
        width: auto
    }

    .testimonial-outer .white-section {
        width: 95%;
        margin: 0 auto;
        height: auto
    }

    .fixed-nav .bottom {
        position: static!important;
        margin-top: 125px!important
    }

    .promo_area .promo_area_inner {
        width: 100%!important
    }

    .profile-views h4.heading {
        font-size: 18px;
        line-height: 26px
    }

    .crossed-dp:before {
        top: 0
    }

    #subsc_plan_details {
        margin-top: 80px
    }

    #subsc_plan_details .body-outer .text-center {
        padding: 20px 0!important
    }

    #subsc_plan_details h3 {
        font-size: 20px;
        line-height: 28px
    }

    .s-items-outer .s-item .s-left {
        width: 35px
    }

    .s-items-outer .s-item .s-middle {
        padding-left: 10px;
        width: 75%;
        font-size: 16px;
        line-height: 22px
    }

    .s-items-outer.margintop-50 {
        margin-top: 20px!important
    }

    .membership-wrapper .section.plan_info-section .profile-statistics .info-item {
        width: 200px;
        height: 200px;
        padding-top: 20px;
        float: none;
        display: block;
        margin: 30px auto!important
    }

    .membership-wrapper .section.plan_info-section .profile-statistics .info-item p.desc {
        font-size: 16px!important
    }

    #membership-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 15px;
        margin-left: -10px
    }

    #membership-form .referred_user_area .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 7px;
        margin-left: 2px
    }

    .bg-layout-outer {
        width: 90%;
        padding: 0;
        margin: 0 auto
    }

    .pronounce-area .custom-checkbox label {
        margin-bottom: 0
    }

    .testimonial-outer .item .testi-desc {
        font-size: 22px;
        line-height: 30px;
        width: 100%
    }

    .testimonial-outer .item .testi-title {
        font-size: 18px;
        line-height: 26px;
        margin-top: 50px
    }

    .testimonial-outer .slide-left,.testimonial-outer .slide-right {
        font-size: 40px;
        line-height: 48px
    }

    .testimonial-outer .slide-left {
        left: 5px
    }

    .testimonial-outer .slide-right {
        right: 5px
    }

    .plan_info_modal {
        margin-top: 100px
    }

    .plan_info_modal .modal-title {
        font-size: 26px;
        line-height: 34px
    }

    .plan_info_modal .info-outer p.desc img {
        margin-bottom: -5px
    }

    .active-plan-area li .left,.active-plan-area li .right {
        float: none;
        width: 100%;
        max-width: unset
    }

    .active-plan-area li .right {
        margin-top: 20px;
        text-align: left!important
    }

    .accounts-user .my-panel .my-details {
        margin: 0 auto
    }

    .section.membership-section p {
        text-align: center
    }

    .section.membership-section .plans-outer {
        margin-top: 70px
    }

    .membership-wrapper .section.membership-section .plans-outer .title,.membership-wrapper .section.membership-section .subtitle {
        height: unset
    }

    .membership-wrapper .section.membership-section .plans-outer .plan-item .btns-area {
        height: unset;
        margin-top: 40px;
        margin-bottom: 25px
    }

    .membership-wrapper .section.membership-section p {
        font-size: 18px;
        line-height: 26px
    }

    .centered-page .membership-section .membership-desc p {
        margin-top: 25px
    }

    #plan_info-section {
        margin-top: 0
    }

    #frmRegistration .custom-checkbox,#frmRegistration_2 .custom-checkbox {
        width: 100%;
        float: none
    }

    .membership-wrapper .section.membership-section .plans-outer {
        display: block;
        text-align: center
    }

    .membership-wrapper .section.membership-section .plans-outer .single-plan-outer {
        width: 80%;
        float: none;
        margin: 0 0 40px
    }

    .homepage-body.membership-wrapper .section.membership-section .plans-outer .single-plan-outer {
        width: 72%
    }

    .membership-wrapper .section.membership-section .plans-outer .plan-item .desc-area {
        height: unset
    }

    #profile-views .profile_view_single {
        margin-left: 0
    }

    #profile-views .profile_views_outer {
        margin-top: 50px;
        padding: 0 15px
    }

    #profile-views .profile_view_single .title {
        padding: 0!important;
        font-size: 18px;
        line-height: 26px
    }

    #membership-form .process-form .form-group span,#profile-views .profile_view_single .desc {
        line-height: 22px;
        font-size: 14px
    }

    #profile-views .profile_view_single .left img {
        height: 60px;
        width: 60px;
        margin-right: 16px
    }

    .enquiry-form-previous {
        margin-top: 0!important
    }

    .added-custom-pages.membership-enquiry .about-head .heading {
        padding-top: 30px!important
    }

    .enquiry-section .white-box {
        padding: 25px 20px
    }

    .membership-enquiry .container.enquiry-section {
        width: 100%;
        padding-top: 0!important
    }

    .tab .scroll-in-mobile-view button {
        font-size: 14px;
        opacity: 1
    }

    .beta-notice-newsfeed {
        bottom: 0
    }

    .my-panel .timeline-buttonzone ul li.job-icon-outer a .icon.job-icon img {
        margin-top: 3px!important
    }

    .carousel-newsfeed-posts.owl-carousel .owl-nav .owl-prev {
        left: 5px;
        height: 20px;
        width: 20px;
        font-size: 12px;
        line-height: 12px
    }

    .carousel-newsfeed-posts.owl-carousel .owl-nav .owl-next {
        right: 5px;
        height: 20px;
        width: 20px;
        font-size: 12px;
        line-height: 12px
    }

    .carousel-newsfeed-posts.owl-theme .owl-dots .owl-dot span {
        height: 5px;
        width: 5px;
        margin: 5px
    }

    .jobs-outer-body .switch-outer .icon-label {
        font-size: 10px
    }

    .richtexteditor .rte-panel-general.rte-panel-insertlink {
        left: 0!important
    }

    .todays-page .get-timeline.todays-timeline {
        padding-top: 10px
    }

    .invitation-item .title-area {
        margin-top: 0
    }

    .invitation-item .bottom-area {
        float: left
    }

    #cover_letter_modal .form20,#cover_letter_modal .form80 {
        float: none;
        width: 100%;
        text-align: center
    }

    #cover_letter_modal .application-icon-outer {
        float: none!important;
        text-align: center
    }

    #cover_letter_modal .application-icon-outer a {
        display: inline-block;
        float: none!important;
        margin-top: 15px
    }

    .applicants-outer .application-item .applied_date {
        text-align: left
    }

    #job_extend_modal .form49 {
        float: none;
        width: 100%
    }

    .jobs-outer-body .job-side-item {
        margin-bottom: 25px
    }

    .jobs-outer-body .subtitle {
        margin-bottom: 5px;
        padding-bottom: 5px
    }

    #cover_letter_modal {
        margin-top: 100px!important
    }

    .applicants-outer .application-item .section-left {
        width: 26%
    }

    .applicants-outer .application-item .section-right {
        width: 74%
    }

    .applicants-outer .application-item .section-right .inner-section {
        padding-left: 10px
    }

    .applicants-outer .application-item .open_cover_letter {
        margin-top: 20px
    }

    .application-item.row {
        margin: 30px 0
    }

    .user-area .application-item.row {
        margin-top: 0
    }

    .applicants-outer .application-item .section-right .inner-section .text-right.text-grey {
        text-align: left!important
    }

    #frmSendMessage .emoji-button {
        right: 2%
    }

    #add_job_modal .form-bottom-section .float-right {
        margin-top: 30px
    }

    .new-job-opportunities .bottom-section {
        margin-bottom: 20px
    }

    #frmSendMessage .msg-left,#frmSendMessage .msg-right {
        width: 100%;
        display: block;
        float: none;
        border: unset
    }

    .timeline-main .new-job-opportunities .custom-post-info .post-sharing.slider-subtitle {
        bottom: -5px;
        text-align: right
    }

    .job-block .tag-panel ul li {
        display: inline-block;
        width: auto
    }

    #add_job_modal .form80 .calender-info {
        padding-left: 0!important
    }

    #add_job_modal .work_scope_area .custom-checkbox .checkbox-single {
        min-height: 45px
    }

    #add_job_modal .work_scope_area .custom-checkbox .checkbox-single small {
        display: block;
        line-height: 14px;
        padding-left: 30px
    }

    #add_job_modal .budget_range_area input {
        margin-left: 0!important;
        max-width: unset
    }

    #add_job_modal .budget_type_area {
        padding-left: 0;
        margin-top: 20px
    }

    #add_job_modal .budget_range_area input:last-child {
        margin-top: 10px
    }

    .jobs-outer-body .form40,.jobs-outer-body .form60 {
        width: 100%;
        float: unset
    }

    .jobs-outer-body .journey {
        padding: 20px
    }

    .jobs-outer-body .form-inner {
        padding: 0;
        margin-top: 50px
    }

    .jobs-outer-body hr {
        margin: 10px 0
    }

    .jobs-outer-body .journey .float-left,.jobs-outer-body .journey .float-right {
        float: none;
        width: 100%;
        text-align: left!important;
        margin-bottom: 15px
    }

    .jobs-outer-body .jobs-info-area {
        margin-top: 30px
    }

    #navigation {
        overflow-y: scroll
    }

    .fixed-nav {
        height: auto
    }

    .fixed-nav ul.bottom {
        position: static;
        margin-top: 75px
    }

    #add_job_modal .image-outer {
        margin: 0 auto 30px
    }

    #add_job_modal {
        margin-top: 100px!important
    }

    #add_job_modal .pre-job-form .form20,#add_job_modal .pre-job-form .form80 {
        float: none;
        width: 100%;
        text-align: center
    }

    #add_job_modal .checkbox-single span {
        display: inline;
        margin-left: 6px
    }

    #add_job_modal .form-group .custom-checkbox {
        margin-left: 15px!important;
        display: block;
        width: 100%;
        float: none!important;
        margin-bottom: 10px
    }

    .offer-modal-area .form-group #job_hourly_end,.offer-modal-area .form-group #job_hourly_start {
        width: 45%
    }

    .nf-comment-outer.comment-panel .your-comment {
        width: 80%
    }

    .nf-comment-outer.comment-panel .your-comment.your-reply {
        width: 78%
    }

    .profile-page-body .nf-comment-outer.comment-panel .your-comment {
        width: 77%
    }

    .post .comments ul li {
        padding: 0 0 10px
    }

    #frmPublishPost .emoji-button {
        left: 100px;
        top: 96px;
        width: 20px
    }

    #signup-info.d-adding-process {
        min-width: unset!important
    }

    #signup-info {
        margin: 0;
        max-width: 500px!important;
        min-width: unset!important
    }

    #signup-info h3 {
        font-size: 26px;
        line-height: 34px
    }

    #signup-info .slide-one-img {
        right: -120px
    }

    #signup-info .slide-two-img {
        left: 5px;
        max-width: 150px
    }

    #signup-info .slide-three-img {
        right: 5px;
        max-width: 150px
    }

    #signup-info .slide-four-img {
        top: 20px;
        left: 30px;
        max-width: 125px
    }

    #signup-info #slider_outer,#signup-info #video_slide {
        max-width: 90%;
        margin: 0 auto
    }

    #signup-info .hr-span {
        margin: 70px auto
    }

    .has-tooltip.profile-tooltip {
        top: 2px;
        right: 60px
    }

    .emoji-button {
        right: 12px;
        top: 5px
    }

    .emoji-default-img {
        height: 16px!important
    }

    .footer_popup_button .footer-invite-div p {
        font-size: 13px;
        line-height: 60px
    }

    .custom-invite-ur-trusted-button .icon {
        height: 60px;
        width: 60px
    }

    #profile_preview_modal .action-btns a.base-btn {
        margin: auto 2px;
        min-width: 82px
    }

    #profile_preview_modal .action-btns {
        padding: 0!important
    }

    #msg-new-user textarea {
        width: 100%!important
    }

    #confirmtransferloops .loop-tally-buttons {
        text-align: left!important
    }

    #confirmtransferloops .loop-tally-buttons .form49 {
        display: inline-block!important;
        width: 40%!important
    }

    #profile_preview_modal .journey-single.journey-disabled {
        margin-left: -15px!important;
        margin-right: -15px!important
    }

    #profile_preview_modal .in-depth .indepth-content-right .indepth-hover-buttons .indepth-edit-button img {
        height: 13px
    }

    #profile_preview_modal .in-depth .indepth-content-right .indepth-hover-buttons .indepth-delete-button img {
        height: 15px
    }

    .journey .add-journey .empty-profile-sec p {
        font-size: 16px;
        line-height: 22px
    }

    .journey .add-journey .add-2-ur-story a.base-btn,.lightpick__day {
        font-size: 13px!important
    }

    .journey .add-journey .empty-profile-sec h2 {
        font-size: 18px;
        line-height: 24px!important
    }

    .journey .add-journey .empty-profile-sec h2.title {
        font-size: 20px;
        line-height: 26px!important
    }

    #preview_edit_modal .select-items div {
        z-index: 3!important
    }

    .add-journey .empty-profile-sec {
        width: auto;
        margin: 0 0 50px
    }

    .post .comments .date {
        right: 5px;
        left: unset;
        color: #999;
        font-size: 12px;
        line-height: 18px
    }

    #profile_preview_modal .section-area {
        padding-left: 0
    }

    #profile_preview_modal hr {
        margin: 30px -15px
    }

    #profile_preview_modal .journey-single h3 {
        font-size: 16px;
        line-height: 22px
    }

    #profile_preview_modal .journey-single p {
        font-size: 14px;
        line-height: 22px
    }

    #profile_preview_modal .journey-single .action-btns,#profile_preview_modal .journey-single .lbls {
        width: 100%;
        float: none!important
    }

    .tag_user_append {
        left: 0;
        padding: 0
    }

    .post-something .textarea-bottom-panel {
        padding-top: 5px
    }

    .postlist-data.single-feed img.header-img {
        margin-top: 0
    }

    #post-likes-modal .users_append_area.tag_user_append {
        width: 100%;
        padding: 0
    }

    #post-likes-modal .modal-header h3 {
        font-size: 20px;
        line-height: 28px
    }

    #post-likes-modal .users_append_area.tag_user_append .float-left {
        width: 20%
    }

    #post-likes-modal .users_append_area.tag_user_append .float-right {
        width: 75%
    }

    #post-likes-modal .users_append_area.tag_user_append img {
        width: 50px;
        height: 50px
    }

    .journey-bg-img img {
        min-height: 350px;
        margin-top: 20px
    }

    .journey .journey-inner {
        padding: 15px
    }

    .howitworks-page .class-3a object {
        margin-top: 0
    }

    .newPostForm .textarea-box .post-button {
        margin-left: 5px
    }

    .notification-page .the-notifications .notifications-single .d-notifications-content .d-user img {
        height: 40px;
        width: 40px
    }

    .homepage-body .section.section-info {
        margin-bottom: 0;
        margin-top: 75px
    }

    .homepage-body .section.section-info .margintop-40 {
        margin-top: 20px!important
    }

    #explainer-slider {
        margin-top: -100px!important
    }

    #explainer-slider .close-modal {
        background-color: rgb(0,77,105,.25)!important
    }

    #explainer-slider button {
        font-size: 32px;
        position: absolute;
        right: 15px;
        bottom: 10px
    }

    #explainer-slider button.owl-next {
        right: 10px
    }

    #explainer-slider button.owl-prev {
        left: 10px
    }

    .post-something #frmSharePost .textarea-box textarea {
        padding: 10px;
        min-height: 75px;
        font-size: 14px;
        line-height: 20px
    }

    .post-something {
        min-height: 100px
    }

    #explainer-slider .owl-carousel .owl-nav button.owl-next {
        float: right
    }

    .post-something .textarea-box {
        padding-top: 10px!important;
        padding-left: 65px!important;
        width: calc(100% - 65px)
    }

    .post-something .textarea-box.admin {
        padding-left: 15px!important
    }

    .magic-popup.popup-invite-users .modal-header {
        height: auto
    }

    #reasonsModal .checkbox-single::after {
        clear: both;
        content: ""
    }

    #reasonsModal .invite-users-outer {
        padding: 20px 10px!important
    }

    #reasonsModal .form-group {
        margin: 40px 0!important
    }

    .post-something .has-tooltip {
        display: none!important
    }

    .my-panel .toolbox-sec .toolbox-item .toolbox-inner {
        min-height: 60px
    }

    #explainer-slider .item h3.vid-title {
        margin-bottom: 10px!important;
        font-size: 16px;
        line-height: 22px
    }

    #explainer-slider .item {
        margin-bottom: 0!important
    }

    .my-panel .toolbox-sec .toolbox-item {
        min-height: 85px
    }

    #explainer-slider .item .item-footer {
        right: 21px;
        bottom: 5px;
        margin-bottom: 25px;
        margin-top: 10px
    }

    .header-explainer-icon-area .submenu {
        right: unset;
        left: 0;
        border: 1px solid #ccc
    }

    #explainer-slider .item img {
        max-width: 100%;
        width: 100%
    }

    #explainer-slider .item .video_outer {
        padding: 10px;
        text-decoration: none;
        list-style-type: unset
    }

    #explainer-slider .item li a {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        color: #004d69
    }

    #right-dashboard-panel.invite-panel .buttons-area {
        position: static;
        margin-bottom: 20px
    }

    #right-dashboard-panel.invite-panel .buttons-area:after {
        display: table;
        clear: both;
        content: ""
    }

    .group-single-body .buttons-area li .icon-small a {
        height: 53px;
        width: 53px
    }

    .single-member-row .post-title {
        font-size: 16px;
        line-height: 22px
    }

    .single-member-row .icon-small i {
        display: block;
        margin-top: 10px;
        font-size: 18px;
        font-weight: 500
    }

    .single-member-row .icon-small a {
        background: #d6cbc2;
        margin-top: 12px
    }

    .group-single-body .modal .col.form60 {
        margin-top: 0!important
    }

    .single-member-row .s-member-footer {
        font-size: 13px;
        line-height: 18px
    }

    .single-member-row .s-member-body {
        padding-left: 20px;
        padding-right: 20px
    }

    .single-member-row .s-member-body small {
        display: block;
        padding-left: 0
    }

    .group-single-body .invite-panel .reloopers .reloopers-menu {
        display: block;
        padding: 10px 0;
        margin: 0 auto
    }

    .group-single-body .group_users_area {
        width: 100%;
        overflow: scroll
    }

    .group-single-body .single-member-row img {
        width: 50px;
        height: 50px
    }

    .group-single-body #group_users_modal .col.form60 {
        margin-top: 4px!important
    }

    .group-single-body .invite-panel .reloopers {
        display: block;
        margin-left: 0;
        float: none;
        width: 100%
    }

    #left-dashboard-panel .available-dates,.account-recomendations,.group-single-body #right-dashboard-panel .reco-group {
        display: none
    }

    .invite-select-outer img {
        height: 50px;
        width: 50px;
        object-fit: cover;
        border-radius: 50%;
        margin-right: 20px
    }

    .postlist-data .post .post-group-lbl {
        margin: -30px 0 0 45px
    }

    #blocked-users-list ul {
        overflow-y: scroll;
        overflow: -moz-scrollbars-vertical
    }

    .group-single-body #left-dashboard-panel {
        width: 100%;
        float: none;
        margin-top: 120px
    }

    .group-single-body #right-dashboard-panel {
        width: 100%;
        float: none
    }

    .group-single-body #right-dashboard-panel .reloopers-menu {
        padding-right: 0!important
    }

    #invite_users_modal .d-img img {
        width: 70px!important;
        height: 70px!important;
        padding-left: 0!important
    }

    #invite_users_modal .u-r-forwarding {
        font-size: 16px;
        line-height: 20px
    }

    .group-single-body .group-wrapper {
        padding: 110px 0 90px
    }

    .group-single-body .post-something {
        margin-top: 35px
    }

    .comment-panel .your-comment,.new-opportunities .comment-panel .your-comment {
        float: none;
        margin: 0 6px 10px;
        padding-left: 15px
    }

    .nf-comment-outer .comment-middle {
        width: 70%
    }

    .nf-comment-outer .comment-right {
        width: 20%
    }

    .comment-panel .comment-right-panel {
        padding-top: 0;
        margin-top: -3px
    }

    .comment-right-panel .more-dropdown-outer {
        position: absolute!important;
        right: 0;
        top: 24px
    }

    .survey-post .more-dropdown-outer {
        margin-top: -4px!important
    }

    .new-opportunities .comment-panel .read-comments {
        margin-right: 0;
        margin-top: 0
    }

    .postlist-data .comment-panel .post-comment-button {
        width: 11%;
        margin: 0 0 0 35px;
        float: left
    }

    .comment-panel .your-comment {
        min-height: 36px;
        padding-right: 25px
    }

    .nf-comment-outer .comment-right a.base-btn {
        margin-top: 4px
    }

    .nf-comment-outer .reply_outer .comment-right a.base-btn {
        margin-top: 0
    }

    .postlist-data .post .comments .d-comment {
        padding-top: 6px
    }

    .d-adding-process .process-form .select-selected {
        font-size: 13px
    }

    .user_list_row img.dp_image {
        height: 50px;
        width: 50px
    }

    .user_list_row .row-item .row-left {
        width: 25%
    }

    #frmSendMessage .textarea-box {
        background: #fff;
        width: 92%
    }

    .messages-page .emojionearea,.messages-page .emojionearea-editor {
        width: 85%
    }

    .conversations .reply-textarea-box .textarea-box .reply-button {
        margin-top: 8px!important
    }

    .confirmation-4-calender-panel.modal {
        padding: 50px 35px!important
    }

    .survey-post .custom-checkbox span.check-text {
        font-size: 13px;
        line-height: 18px;
        top: 10px
    }

    .survey-post .checkmark,.survey-post .custom-checkbox span.check-text {
        width: 100%
    }

    .popup-invite-users .modal-header h3,.type_text_animation {
        font-size: 21px;
        line-height: 28px
    }

    .popup-invite-users a.close-modal {
        top: 10px!important;
        right: 6px!important
    }

    #home_intro_video .video_area {
        width: 90%!important
    }

    #explainer-single-video-popup .margintop-50 {
        margin-top: 0!important
    }

    #explainer-single-video-popup video {
        max-width: 100%!important;
        height: unset!important
    }

    .homepage-body .base-btn {
        height: unset!important
    }

    .postlist-data {
        margin-bottom: 20px!important
    }

    #home_intro_video video {
        width: 100%;
        max-width: 100%
    }

    #recommendation.tabcontent .recommedations .heading-bar p,#recommendation.tabcontent .recommedations .recommedation-single-right p {
        margin-top: 20px;
        margin-left: 70px
    }

    .settings-page .my-activity-panel .shared-post-content .post {
        width: 90%!important;
        max-width: 90%!important
    }

    #resendEmailLink .form49 {
        width: 49%!important
    }

    #footer .footer-extreme-bottom {
        position: static;
        bottom: 18px;
        width: 100%!important
    }

    .content-pages td {
        min-width: unset;
        border: 1px solid #ccc;
        padding: 5px 10px
    }

    .content-pages table {
        max-width: 100%;
        overflow: scroll;
        margin: 0!important;
        padding: 0!important;
        width: unset!important;
        display: block
    }

    .click2copyProfileInput {
        height: 1px;
        width: 1px;
        position: static;
        display: block;
        margin-top: -23px;
        border: unset
    }

    .profile-page-body .click2copyProfileInput {
        margin-top: -21px
    }

    .jobs-outer-body .click2copyProfileInput {
        margin-top: 0
    }

    .timeline-main {
        margin-bottom: -15px!important
    }

    .notification-page .the-notifications .notifications-single {
        width: 100%
    }

    .register-body-container .signup-wrapper .select-selected {
        width: calc(100% - 30px);
        height: 45px;
        line-height: 45px
    }

    .conversations #message,.network-friend-request-body-panel {
        height: auto
    }

    .footer-extreme-bottom {
        position: static;
        margin-bottom: 10px
    }

    .network-request-content {
        width: 92%;
        padding: 0 15px
    }

    .network-friend-request-content .visible {
        margin-top: 30px
    }

    .messages-page .verti-tab .tab .clear_msg_search {
        width: unset!important;
        right: 26%;
        top: 12%
    }

    .messages-page .verti-tab .tab button.active:after {
        content: unset
    }

    .saved-postlist-data.container {
        width: 98%;
        margin: 0 auto!important
    }

    .settings-page .verti-tab .tab .scroll-in-mobile-view {
        margin-top: 10px
    }

    .click2copyinputProfile {
        position: absolute
    }

    .forum-area .forum-body {
        margin-top: 30px!important
    }

    .forum-area #post_comment .form-group {
        width: 100%!important;
        float: none!important
    }

    .the-notifications .loops_img {
        height: 15px!important;
        width: auto!important;
        margin: 14px auto 0
    }

    .conversations #rightPanelMessage {
        margin-right: 15px
    }

    .msg_permission_outer {
        position: static;
        padding: 20px;
        width: 80%;
        text-align: center;
        border-radius: 20px;
        display: inline-block
    }

    .msg_permission_outer .base-btn {
        min-width: 65px
    }

    .support-page-outer {
        min-height: 40vh
    }

    .canvas-container .upper-canvas {
        background-position: center;
        background-repeat: no-repeat
    }

    .messenger-page .conversations .chat_area {
        height: 65%
    }

    .conversations .chat_area {
        min-height: unset
    }

    .aboutus-page .section.head-section {
        margin-top: 40px;
        margin-bottom: 40px;
        padding-top: 20px
    }

    .conversations #frmSendMessage {
        padding-top: 0;
        margin-top: 0
    }

    .conversations .verti-tab .tab .scroll-in-mobile-view button {
        width: 85%!important
    }

    .conversations .block_img {
        right: 5px;
        top: 22px
    }

    .conversations .search.messenger-search input {
        width: 85%
    }

    .conversations .back2main-messengerpage {
        position: absolute;
        right: 38px;
        top: 28px
    }

    .homepage-body .section.network-section object {
        margin-top: 50px
    }

    .homepage-body .section.create-section .base-btn {
        min-width: 180px;
        margin-top: 10px
    }

    .conversations .message-options {
        margin-top: 18px
    }

    .howitworks-page .wrapper .about-head object {
        max-width: 100%;
        height: unset!important;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .cp-page .item-outer div {
        padding: 20px 0
    }

    .cp-page object {
        max-width: 100%
    }

    .howitworks-page .register-section object {
        max-height: 300px;
        margin-bottom: 50px
    }

    section.payment-success-section .payments-area {
        padding: 25px 15px;
        max-width: unset;
        widows: 100%;
        height: unset;
        max-height: unset
    }

    section.payment-success-section .section-footer {
        position: static;
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    section.payment-success-section .section-footer a {
        display: block;
        margin-right: 0!important;
        margin-bottom: 10px;
        float: none!important
    }

    .homepage-body .section-text {
        font-size: 22px;
        line-height: 30px
    }

    .homepage-body .section-body h2 {
        font-size: 28px;
        line-height: 36px
    }

    .homepage-body .section.section-info .section-head img {
        height: 75px!important;
        width: auto
    }

    .custom-added-pages .about-us-page .about-us-info p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .centered-page .page-head {
        height: 100px
    }

    .membership-wrapper.centered-page .page-head {
        height: 125px
    }

    .centered-page h1.page-title {
        font-size: 35px;
        line-height: 45px
    }

    .centered-page .section-inner {
        padding: 20px 0
    }

    .centered-page .section-inner .section-title {
        font-size: 30px;
        line-height: 40px
    }

    .centered-page .membership-section .member-item {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 10px
    }

    .centered-page .membership-section .member-item p {
        width: 80%;
        display: inline-block
    }

    .memberships-page .faq-section .faq-outer {
        padding: 0 20px
    }

    .faq-slider .accordion-trigger:after {
        top: 65%
    }

    .memberships-page .faq-slider .accordion-trigger {
        padding-top: 30px
    }

    .memberships-page .join-now-sec p {
        font-size: 18px
    }

    .centered-page section.section h3 {
        font-size: 18px;
        line-height: 26px
    }

    .plan-outer .plan-item {
        float: none
    }

    .plan-outer .plan-item .item-title {
        font-size: 22px;
        line-height: 28px
    }

    .plan-outer .plan-item .item-price {
        font-size: 42px;
        line-height: 60px
    }

    .plan-outer .plan-item .item-desc {
        font-size: 18px;
        line-height: 24px
    }

    .plan-outer .plan-item .item-body {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .payments-page .wrapper {
        padding-top: 30px;
        overflow: scroll
    }

    .payments-card {
        width: 100%;
        height: auto
    }

    .payments-card .section {
        width: 100%;
        float: none;
        height: unset;
        border-bottom: 1px solid #eee;
        padding-bottom: 30px
    }

    .payments-card .section .section-footer {
        position: static
    }

    .payments-card .section .inner-section {
        padding: 25px 25px 0
    }

    .payments-card .section-grey {
        box-shadow: unset
    }

    .d-adding-process .modal-lg {
        max-width: 90%!important
    }

    .default_container {
        width: 95%;
        margin: 0 auto
    }

    .message-options {
        float: right;
        padding-right: 60px;
        margin-top: 20px;
        margin-left: 0
    }

    #report-post-modal .base-btn-lg {
        padding-left: 0;
        padding-right: 0
    }

    li.remove-connection-li:hover a .icon {
        background: #f2c3b5!important;
        box-shadow: none!important;
        filter: unset!important
    }

    li.remove-connection-li:hover a img {
        filter: unset!important
    }

    #msg-new-user ul li .eac-item span {
        margin-left: 20%;
        margin-top: 6px
    }

    .cropper-img-modal {
        width: calc(100% - 20px)!important
    }

    .canvas-container {
        width: 100%;
        max-width: 100%!important
    }

    #msg-new-user #modal-title {
        font-size: 18px;
        line-height: 26px
    }

    #left-dashboard-panel,#right-dashboard-panel {
        margin-top: 10px
    }

    .get-timeline.todays-timeline #right-dashboard-panel {
        float: none;
        width: 100%
    }

    .modal.todo_modals .modal-footer .base-btn {
        float: none!important;
        margin: 10px 30px
    }

    .todo_modals .modal-body,.todo_modals .modal-footer {
        padding: 15px 20px
    }

    .todo_modals img {
        max-width: calc(100% + 29px);
        margin-left: -14px
    }

    #left-dashboard-panel {
        width: 48%;
        float: right
    }

    .support-body #left-dashboard-panel,.todays-timeline #left-dashboard-panel {
        width: 100%;
        float: none
    }

    #right-dashboard-panel {
        width: 48%;
        float: left
    }

    #timeline-dashboard-panel {
        padding-top: 0
    }

    .todays-timeline .invite-panel .seek-support .d-content .available-status .seek-support-bar {
        margin-top: 20px
    }

    #left-dashboard-panel .d-content .available-status .status-bar,.my-panel .my-details .left-bio-start {
        margin-top: 10px
    }

    .remove-connection-li .submenu-outer {
        left: 30px;
        right: unset;
        bottom: 16px;
        z-index: 999999
    }

    .my-panel .timeline-buttonzone ul li {
        position: static!important;
        height: 42px;
        margin-top: -3px;
        display: inline-flex
    }

    .my-panel .timeline-buttonzone {
        position: relative!important
    }

    .remove-connection-li .submenu-outer:before {
        left: 58%
    }

    .timeline-main .postlist-data .new-opportunities .d-img img {
        width: 73px;
        height: 73px
    }

    .comments ul li,.new-opportunities .comment-panel {
        margin-top: 5px!important
    }

    .new-opportunities .comments .comment-owner-name {
        font-size: 16px;
        line-height: 22px
    }

    .new-opportunities .comments .d-comment {
        margin-top: 0;
        font-size: 14px;
        line-height: 20px
    }

    #delete_account_modal .base-btn {
        font-size: 14px
    }

    .custom-added-pages .cookie-policy-page ul,.custom-added-pages .terms-page .section ul {
        list-style-type: disc;
        margin-left: 20px;
        margin-top: 15px
    }

    .cookie-policy-page table tr td,.cookie-policy-page table tr th {
        width: auto
    }

    .table-outer {
        overflow-x: scroll
    }

    .custom-added-pages .cookie-policy-page h3,.custom-added-pages .terms-page .section h3 {
        text-align: left;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
        margin-top: 50px
    }

    .custom-added-pages .cookie-policy-page p,.custom-added-pages .cookie-policy-page ul li,.custom-added-pages .terms-page .section p,.custom-added-pages .terms-page .section ul li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px
    }

    .timeline-main .custom-post-info .post-sharing.slider-subtitle {
        left: 0;
        bottom: -30px;
        position: absolute;
        text-align: left;
        display: inline-block;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        width: auto
    }

    .cookie_outer .btns-outer.text-right,.cookie_outer h3 {
        text-align: left!important
    }

    .timeline-main .custom-post-info {
        margin-bottom: 0
    }

    #cookieModal.modal {
        padding: 15px 10px!important;
        width: 100%;
        max-width: unset
    }

    #cookieModal .form15 {
        width: calc(15% - 10px);
        margin-right: 10px
    }

    .cookie_outer {
        padding: 15px;
        bottom: 25px;
        margin: 0 20px;
        left: 0;
        width: calc(100% - 40px);
        box-shadow: 0 10px 15px #999;
        border-top: 1px solid #96264c;
        box-sizing: border-box
    }

    .cookie_outer .container {
        width: 100%
    }

    .cookie_outer .close-icon {
        top: 13px
    }

    .cookie_outer .close-icon img {
        width: 15px
    }

    .cookie_outer .allow-all-cookies {
        float: right
    }

    .cookie_outer h3 {
        font-size: 18px!important;
        line-height: 24px!important
    }

    .cookie_outer p {
        font-size: 13px;
        line-height: 20px
    }

    .cookie_outer .btns-outer {
        margin-top: 15px;
        height: unset
    }

    .cookie_outer .form30,.cookie_outer .form70 {
        float: none;
        width: 100%;
        vertical-align: unset
    }

    .cookie_outer .custom-row {
        margin: 0
    }

    .popup-invite-users .item .item-header {
        width: 20%
    }

    .popup-invite-users .item .item-body {
        width: 80%
    }

    .popup-invite-users .click2copyinput {
        width: 100%;
        float: none
    }

    .popup-invite-users .click2copybutton {
        width: 16%;
        float: none
    }

    .popup-invite-users .modal-header .absolute {
        top: 10%;
        width: 95%;
        left: auto;
        right: auto;
        margin-left: 2.5%
    }

    #inviteUserModal .email-group input {
        width: 85%
    }

    #inviteGoogleModal hr,#inviteUserModal hr,#prof-connect hr,.popup-invite-users hr {
        margin-left: -15px;
        margin-right: -15px
    }

    #frmUserInvite .gemail {
        max-width: 90px
    }

    .popup-invite-users .item .item-footer {
        float: none;
        width: 100%;
        text-align: left;
        margin-left: 21%;
        margin-top: 15px
    }

    .header-explainer-icon-area a.header-explainer-icon {
        position: absolute;
        right: 15%;
        top: 10px
    }

    .header-explainer-icon-area img {
        height: 25px!important;
        margin-top: 1px;
        margin-right: 5px
    }

    .header-explainer-icon-area .submenu:before {
        height: 20px;
        width: 20px;
        top: -17px;
        right: 15px
    }

    .header-explainer-icon-area .submenu ul {
        list-style: none;
        margin-left: 10px
    }

    .my-account-menu li img {
        height: 23px
    }

    .header-explainer-icon-area .submenu h3 {
        text-align: left
    }

    .header-explainer-icon-area .submenu ul li {
        width: 100%!important;
        text-align: left
    }

    .header-explainer-icon-area .submenu ul li a {
        font-size: 14px;
        line-height: 20px;
        color: rgba(0,0,0,.5);
        margin-bottom: 8px;
        display: block;
        font-weight: 600
    }

    .settings-page .my-activity-panel .post {
        width: 100%
    }

    .settings-page .settingspanel-status .status-bar .img-01,.settingspanel-status .status-bar a {
        float: right
    }

    .settings-page .verti-tab .tabcontent {
        display: none
    }

    .settings-page #contact-details .contact-details-page {
        padding: 20px!important;
        height: 600px;
        overflow-y: scroll
    }

    .deactivate-account-panel .main-setting-content-panel .title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600
    }

    .deactivate-account-panel .main-setting-content-panel .subtitle {
        font-size: 16px;
        line-height: 22px;
        font-weight: 500
    }

    #confirmation-4-calender-panel .confirm-calender-text,#seek-support-popup #frmSeekSupport p {
        font-size: 16px;
        line-height: 24px
    }

    .deactivate-account-panel .main-setting-content-panel .deactivate-text-footer {
        margin-bottom: 30px
    }

    .deactivate-account-panel .main-setting-content-panel .deactivate-text-footer p {
        margin-bottom: 10px
    }

    .deactivate-account-panel hr {
        margin-left: -20px!important;
        margin-right: -20px!important
    }

    #left-dashboard-panel .my-details .available-status,#right-dashboard-panel .seek-support .available-status {
        height: unset!important;
        transform: unset!important
    }

    #left-dashboard-panel .my-details .available-status p,#right-dashboard-panel .seek-support .available-status p {
        display: block;
        margin: 0
    }

    .journey .d-journey .years-graph-bg .years-single:last-child {
        right: 11px
    }

    #confirmation-4-support-panel {
        padding: 50px 15px!important
    }

    #prof-share .are-you-sure h5 {
        padding: 0;
        margin-bottom: 0
    }

    #seek-support-popup {
        padding: 40px 20px!important
    }

    #calender-panel .base-btn-lg {
        min-width: unset!important
    }

    .profile-page-indepth .in-depth .heading-bar .name,.timeline-main .new-opportunities .d-content h5 a {
        line-height: 20px;
        font-size: 16px
    }

    .custom-added-pages.howitworks-page .about-us-page .register-section img {
        width: 250px!important;
        margin-bottom: 50px
    }

    footer h3 {
        text-align: left!important
    }

    .timeline-main .custom-post-info .d-content {
        width: 70%
    }

    .cp-page .cp-item img {
        max-width: 100%
    }

    .user-timeline .profile-page-indepth h2 {
        font-size: 18px
    }

    .shared-post-content {
        margin: 0 12px
    }

    .section.career-section .slider-left {
        margin: 50px 0
    }

    .section.career-section .slider-left .item-left img {
        width: 18%;
        height: auto;
        height: 20px!important
    }

    .section.career-section .slider-left .item-left h3 {
        width: 78%;
        text-align: left;
        font-size: 16px;
        line-height: 22px
    }

    .howitworks-page .section-alpha {
        background: unset!important
    }

    .cp-page .cp-item .item-outer .txt-area,.cp-page .cp-item .item-outer img {
        padding-left: 0
    }

    .howitworks-page .video-section ul li {
        width: 100%;
        display: block;
        margin: 0 0 50px
    }

    .howitworks-page .register-section .text-middle {
        height: unset
    }

    .custom-added-pages.howitworks-page .section.register-section,.howitworks-page.added-custom-pages .wrapper {
        padding-bottom: 0
    }

    .custom-added-pages.howitworks-page .section.register-section div {
        text-align: center
    }

    .custom-added-pages.howitworks-page .section {
        padding: 40px 0
    }

    .custom-added-pages.howitworks-page .section-four.form-row {
        padding: 0!important
    }

    .custom-added-pages.howitworks-page .section-four .form49 {
        padding: 40px 0
    }

    .custom-added-pages.howitworks-page .section-four .margintop-30 {
        margin-top: 10px!important
    }

    .custom-added-pages.howitworks-page .register-section .form49:nth-child(2),.custom-added-pages.howitworks-page .section-four .form49:nth-child(2) {
        padding-top: 40px;
        padding-bottom: 0
    }

    .custom-added-pages.howitworks-page .links-section .margintop-50 {
        margin-top: 30px!important
    }

    .custom-added-pages.howitworks-page .links-section .form49 {
        margin: 20px 0;
        border-top: unset
    }

    .custom-added-pages.howitworks-page .links-section .form49 .margintop-30 {
        margin: 0!important
    }

    .custom-added-pages.howitworks-page .section-alpha .form-row:first-child,.custom-added-pages.howitworks-page .section-alpha .form-row:last-child {
        border-top: unset
    }

    .custom-added-pages.howitworks-page .links-section .form-row {
        padding-top: 0
    }

    .custom-added-pages.howitworks-page .about-body h3.title {
        font-size: 18px;
        line-height: 26px
    }

    .custom-added-pages.howitworks-page .form-row:nth-child(even) {
        background: #f9f9f9
    }

    .custom-added-pages.howitworks-page .section-four.form-row {
        background: unset!important;
        padding-left: 0!important;
        padding-right: 0!important;
        padding-top: 0!important
    }

    #primary-slider .form49.for-small-screen,.custom-added-pages.howitworks-page .section-four.form-row .form49:nth-child(1) {
        background: #f9f9f9
    }

    .custom-added-pages.howitworks-page .info-section .form49 {
        padding-left: 15px;
        padding-right: 15px
    }

    .custom-added-pages.howitworks-page .section.section-alpha .form-row {
        padding: 40px 15px
    }

    .custom-added-pages.howitworks-page .section.section-alpha {
        width: 100%;
        padding-top: 0
    }

    .custom-added-pages.howitworks-page .about-body h4 {
        font-size: 14px;
        line-height: 20px
    }

    .custom-added-pages.howitworks-page .about-body .section-four h3.title,.custom-added-pages.howitworks-page .about-body .section-four h4 {
        text-align: center!important
    }

    .custom-added-pages.howitworks-page .about-us-page img {
        height: unset!important;
        max-width: 100%
    }

    .cp-page .about-body .cp-item h3,.cp-page .about-body .cp-item h4,.custom-added-pages.howitworks-page .about-body h3.title,.custom-added-pages.howitworks-page .about-body h4 {
        text-align: center
    }

    .cp-page .form49,.payments-page .form49 {
        width: 100%
    }

    .cp-page .cp-item {
        padding: 50px 0
    }

    .cp-page .cp-item:first-child {
        padding-top: 0
    }

    .cp-page .cp-item:last-child {
        padding-bottom: 0
    }

    .verti-tab .tabcontent .d-details-chart .action-icon .icon.offerings-icon img {
        height: 8px!important;
        margin-top: 11.5px!important
    }

    .conversations .chat_area .chat-body1 .chat_time {
        min-width: 200px;
        text-align: right;
        bottom: -35px
    }

    .new-opportunities .comments .date {
        font-size: 11px;
        line-height: 18px;
        font-weight: 500;
        margin-top: 3px;
        float: right;
        text-align: left;
        position: static
    }

    .new-opportunities .comments ul li:first-child {
        padding-top: 0!important
    }

    .post-something textarea#description::placeholder {
        font-size: 14px
    }

    .post-something .textarea-bottom-panel .post-button {
        margin-right: 20px;
        line-height: 30px;
        margin-top: 8px
    }

    .post-something .textarea-box textarea {
        padding-top: 15px;
        height: auto
    }

    #newPostModal .bottom-img .bg_img3 {
        height: 35px;
        position: absolute;
        right: 15px;
        margin-top: 0
    }

    #newPostModal .bottom-img .bg_img2 {
        height: 20px;
        position: absolute;
        left: 15px;
        margin-top: 0
    }

    .comment-panel .your-comment,.postlist-data .offer-post p.desc {
        font-size: 14px;
        line-height: 26px
    }

    .comment-panel .your-comment {
        padding-top: 5px
    }

    .post .comments .comment-owner-name {
        padding-bottom: 0;
        line-height: 20px
    }

    .post .comments .d-comment {
        font-size: 14px
    }

    .comments .d-reply a {
        font-size: 13px;
        font-weight: 500
    }

    .post .comment-panel.no-border {
        margin-top: 0!important
    }

    .post .comments .d-comment.d-reply {
        margin-left: 43px
    }

    .white-box {
        width: 100%;
        float: none;
        padding: 25px
    }

    .white-box hr {
        margin: 0 -25px!important
    }

    .report-abuse-page .section.container {
        margin-top: 0
    }

    .added-custom-pages .form40,.added-custom-pages .form60,.cards-outer .card .card-body {
        width: 100%;
        float: none;
        text-align: center;
        display: block
    }

    .conversations .reply-textarea-box .textarea-box textarea {
        width: calc(100% - 15px);
        height: 50px
    }

    .custom-added-pages .about-us-page .card-body h2 {
        font-size: 18px;
        line-height: 22px
    }

    .custom-added-pages .about-us-page .card-body p {
        font-size: 22px;
        line-height: 28px
    }

    .cards-outer .card .card-icon {
        width: 60px;
        height: 60px
    }

    .about-body .card .card-head,.cards-outer .card .card-body,.custom-added-pages .form-row {
        margin: 0
    }

    .custom-added-pages .form40,.custom-added-pages .form60 {
        padding: 0
    }

    .custom-added-pages .form49 {
        width: 100%;
        padding: 0
    }

    .about-body .card,.custom-added-pages .cards-outer .card .card-body {
        width: 100%
    }

    .about-us-page .section.container {
        padding-top: 40px
    }

    .custom-added-pages .text-middle,.custom-added-pages .text-section {
        width: 100%!important;
        height: unset!important;
        top: 0;
        position: static
    }

    .custom-added-pages.howitworks-page img {
        max-width: 100%
    }

    .cards-outer .card .card-icon {
        position: static;
        float: none;
        display: block;
        margin: 0 auto
    }

    .conversations .reply-textarea-box .textarea-box .reply-button {
        float: right;
        display: inline-block;
        margin-right: 5px
    }

    .conversations .reply-textarea-box {
        position: fixed;
        bottom: 10px;
        height: unset
    }

    .dashboard-body #left-dashboard-panel .has-tooltip,.dashboard-body #right-dashboard-panel .has-tooltip {
        position: static
    }

    .dashboard-body #right-dashboard-panel .seek-support {
        position: relative!important;
        padding: 25px;
        height: 110px
    }

    .dashboard-body #left-dashboard-panel .my-details {
        height: unset;
        margin-bottom: 10px
    }

    .post-something {
        height: unset
    }

    .dashboard-body #left-dashboard-panel .has-tooltip small,.dashboard-body #right-dashboard-panel .has-tooltip small {
        bottom: 5px;
        right: 5px;
        top: unset
    }

    .header-bottom.loggedin-user .my-account {
        position: relative;
        right: 0
    }

    .lightpick__day {
        width: 40px!important;
        height: 40px!important
    }

    .no-offer-section.offerring-block .network-info-single {
        margin-bottom: 50px!important
    }

    .loops-btm-button-row a:first-child {
        margin-right: 0
    }

    #primary-slider .form49,.homepage-body section.section .form49,.homepage-body section.section .form80 {
        display: block;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        float: none;
        text-align: center
    }

    #primary-slider .text-middle,.homepage-body section.section .text-middle {
        width: 100%;
        height: auto
    }

    #primary-slider .text-section,.homepage-body section.section .text-middle .text-section {
        position: static;
        top: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .homepage-body section.section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .homepage-body section.offer-section img {
        display: block;
        margin: 0 auto
    }

    .homepage-body .section.paddingbottom-30 {
        padding-bottom: 30px!important
    }

    .homepage-body section.section img {
        margin: 0 auto!important;
        max-height: unset;
        height: unset!important;
        width: 90%
    }

    .homepage-body section.section .marginbottom-50 {
        margin-bottom: 50px!important
    }

    .homepage-body section.section .section-pretitle {
        font-size: 14px;
        line-height: 22px
    }

    .homepage-body section.section .section-title {
        font-size: 24px;
        line-height: 32px;
        text-align: center
    }

    .homepage-body section.section {
        text-align: center!important
    }

    .homepage-body section.section .form49 {
        padding-left: 15px!important;
        padding-right: 15px!important;
        text-align: center!important
    }

    .homepage-body section.section .section-desc {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        text-align: center
    }

    .homepage-body section.section.create-section .text-middle {
        height: unset
    }

    .homepage-body .plan-outer {
        margin-top: 50px
    }

    .homepage-body .plan-outer .plan-item {
        width: 100%;
        display: block;
        float: none
    }

    #primary-slider h3 {
        font-size: 22px;
        line-height: 30px
    }

    #primary-slider p {
        font-size: 14px;
        line-height: 18px;
        margin: 15px 0
    }

    #primary-slider .item .inner-item img {
        height: 300px
    }

    #primary-slider .text-middle {
        height: auto
    }

    #primary-slider .item .inner-item .form49 {
        height: 50vh
    }

    #primary-slider .item .inner-item .form49:nth-child(2) .text-middle {
        width: 90%;
        height: 100%;
        margin: 0 auto;
        background: #fff;
        padding: 20px 30px;
        text-align: left
    }

    #primary-slider .owl-dots {
        left: 45px;
        bottom: 30px
    }

    #primary-slider .item:first-child .bg-image-div {
        position: absolute;
        bottom: 0;
        background: rgba(255,255,255,.8);
        width: calc(100% - 30px);
        height: 43vh;
        text-align: left;
        padding: 30px 25px;
        margin: 0 auto
    }

    .homepage-body section.section.offer-section img {
        margin-bottom: 50px!important
    }

    .homepage-body section.section.offer-section img:last-child {
        margin-bottom: 0!important
    }

    .homepage-body section.career-section .owl-carousel {
        margin-top: 0;
        height: auto
    }

    .search-small {
        width: 100%
    }

    .search_term-page .search-single .row-right {
        text-align: center!important;
        padding-left: 0!important
    }

    #offerings_modal2.modal.offer-modal-area {
        padding: 15px!important;
        margin-top: 100px
    }

    #offerings_modal2 .full-width {
        width: 100%
    }

    .form-scale.offerings-scale {
        margin-left: -15px;
        margin-right: -15px
    }

    #calender-panel input,#offerings_modal input,#offerings_modal2 input {
        max-width: unset
    }

    #calender-panel .base-btn,#group_modal_form .base-btn,#offerings_modal .base-btn,#offerings_modal2-- .base-btn {
        min-width: unset!important
    }

    #calender-panel .form-group,#offerings_modal .form-group,#offerings_modal2 .form-group {
        margin-bottom: 15px
    }

    #calender-panel .form20,#calender-panel .form49,#calender-panel .form80,#group_modal_form .form20,#group_modal_form .form49,#group_modal_form .form80,#offerings_modal .form20,#offerings_modal .form80,#offerings_modal2 .form20,#offerings_modal2 .form80 {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center
    }

    #offerings_modal .form24,#offerings_modal .form74,#offerings_modal2 .form24,#offerings_modal2 .form74 {
        float: none;
        width: 100%;
        margin-bottom: 0
    }

    #calender-panel label,#offerings_modal label,#offerings_modal2 label {
        text-align: left
    }

    #calender-panel .calender-info,#offerings_modal .calender-info,#offerings_modal2 .calender-info {
        padding: 0!important;
        height: unset;
        margin-bottom: 30px
    }

    #calender-panel .calender-info div:first-child,#offerings_modal .calender-info div:first-child,#offerings_modal2 .calender-info div:first-child {
        position: static;
        transform: unset
    }

    #confirmation-4-calender-panel {
        padding: 15px!important
    }

    #calender-panel input.input,#calender-panel textarea,#offerings_modal input.input,#offerings_modal select,#offerings_modal textarea,#offerings_modal2 input.input,#offerings_modal2 select,#offerings_modal2 textarea {
        width: 100%!important
    }

    .my-panel .my-details .d-content .designation,.my-panel .my-details .d-content .my-name {
        margin-bottom: 0
    }

    .my-panel .my-details .work-info-sec {
        margin-top: 10px!important
    }

    .profile-user .my-panel .my-details .work-info-sec {
        margin-top: 20px!important
    }

    .landing-page .section-sub {
        width: 100%;
        display: block;
        text-align: center
    }

    .landing-page .section-sub .text-middle {
        height: unset!important;
        width: 100%;
        float: none!important
    }

    .landing-page .section-sub .text-middle div:first-child {
        position: relative;
        top: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .landing-page .section-title {
        font-size: 18px;
        line-height: 23px
    }

    .landing-page .section-desc {
        font-size: 14px;
        line-height: 18px
    }

    .landing-page .landing-item:first-child {
        margin-top: 100px
    }

    .landing-page .landing-item {
        padding: 50px 20px
    }

    .landing-page .landing-item .section-sub:first-child {
        margin-top: 0
    }

    .landing-page .landing-item .section-sub {
        margin-top: 50px;
        padding: 0
    }

    .landing-page .section-sub img {
        margin: 0
    }

    .landing-page .section-sub .margintop-30 {
        margin-top: 15px!important
    }

    .landing-page .help-section .help-section-desc {
        margin-bottom: 50px
    }

    .signup-wrapper .middle-container {
        width: calc(100% - 50px);
        margin: 50px auto 80px;
        padding: 15px
    }

    .box-section-mini {
        width: 230px;
        padding: 18px
    }

    .signup-wrapper .the-balls {
        margin-left: 8px
    }

    .payment-basicinfo h2 {
        font-size: 24px!important
    }

    .slider-mini.slider-pink {
        display: none
    }

    .community-body .see-more-link {
        font-size: 16px
    }

    .content-outer.community-outer {
        margin: 20px 0
    }

    .community-body .header-search,.community-body .section-desc {
        text-align: center
    }

    .community-body .form30,.community-body .form70 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: none;
        margin-bottom: 30px
    }

    .community-body .margintop-50 {
        margin-top: 20px!important
    }

    .community-body .box-section {
        padding: 20px
    }

    .slider-mini.slider-pink .slider-mini-body {
        padding: 50px 20px
    }

    .community-body .recent-forum-section .box-section {
        padding: 20px 15px
    }

    .recent-item .item-status {
        bottom: 27px!important
    }

    .more-dropdown-outer,.recent-item .item-status {
        right: 20px;
        margin-top: 1px
    }

    .comment-panel .your-comment,.new-opportunities .comment-panel .your-comment {
        width: 79%;
        padding-bottom: 5px
    }

    .conversations .more-dropdown-outer {
        margin-right: 15px
    }

    .search-main .header-search img {
        top: 0
    }

    .pagination.pagination-main li a {
        margin-top: 3px!important
    }

    .pagination.pagination-main li {
        font-size: 16px;
        margin-right: 14px;
        height: 30px;
        width: 30px
    }

    .pagination.pagination-main li:first-child,.pagination.pagination-main li:last-child {
        position: static
    }

    .pagination.pagination-main i {
        margin-top: 6px
    }

    .community-body .forum-title {
        font-size: 18px;
        line-height: 22px;
        color: #004d69;
        font-weight: 600;
        margin-bottom: 10px
    }

    .community-body.forum-single .comments-outer p {
        font-size: 14px;
        line-height: 20px
    }

    .community-body.comments-outer .recent-item .recent-right .created_at {
        right: 20px;
        font-size: 14px
    }

    .community-body.comments-outer .recent-item .recent-right img.useful-img {
        height: 25px
    }

    .recent-forum-section .more-dropdown-outer {
        bottom: unset;
        right: 18px!important;
        top: 0
    }

    .faqs-page .net-srh .form-group input {
        width: 100%
    }

    .faqs-page .maxwidth-250 {
        max-width: 100%!important
    }

    .community-body .form75.section-desc {
        margin-top: 30px
    }

    .community-body .form75.section-desc h1 {
        margin-bottom: 30px
    }

    #recommendation .ui-accordion .ui-accordion-content {
        padding: 10px!important
    }

    .panel-group.recommedations .heading-bar .date img {
        height: 15px
    }

    #recommendation .recommedations .recommedation-single {
        padding: 20px 15px!important
    }

    .in-depth .indepth-content-img {
        margin-bottom: 0!important
    }

    .recommedations .heading-bar .reconmendation-name {
        line-height: 22px
    }

    .recommedations .heading-bar .reconmendation-designation {
        line-height: 18px
    }

    .indepth-inner-body.panel-body.margintop-20 {
        margin-top: 10px!important
    }

    .indepth-content-left .depth-gal {
        margin-top: 10px
    }

    .in-depth .indepth-content-inner-single.indepth-accordian-open .heading-bar {
        margin-bottom: 0
    }

    .mydetails-social ul li a img {
        height: 21px
    }

    .my-panel .timeline-buttonzone ul li a .icon img {
        width: auto;
        height: 18px;
        display: inline-block;
        margin-top: 11px
    }

    .my-panel .timeline-buttonzone ul li a .icon.job-icon img {
        margin-top: 7px!important
    }

    .my-panel .timeline-buttonzone ul li a .icon.job-icon {
        margin-left: 0;
        margin-right: 0
    }

    .my-panel .timeline-buttonzone ul li a .icon.button-connect img {
        height: 12px;
        width: auto;
        margin-top: 14.5px
    }

    .community-outer .form49,.community-outer .form75,.loop-tally .form49 {
        width: 100%;
        float: none
    }

    .community-body section,.forum-single section {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .community-body .header-search img,.community-body .header-search input {
        height: 50px;
        min-height: 50px;
        font-size: 16px!important
    }

    .community-body section p {
        font-size: 14px!important;
        line-height: 20px;
        font-weight: 500
    }

    .community-body .recent-item .recent-left {
        width: 25%
    }

    .community-body .recent-item .recent-middle {
        width: 70%;
        padding-right: 15px;
        padding-left: 0
    }

    .community-body .recent-item img {
        margin-top: 0
    }

    .community-body .recent-item .mdf-head img {
        height: 20px;
        width: auto
    }

    .community-body .recent-item .item-subdesc img {
        margin-top: -4px
    }

    .community-body .recent-item p {
        line-height: 24px
    }

    .search_append_area .faq-section .net-srh.search-area {
        text-align: center!important;
        margin-top: 20px
    }

    .faqs-page .net-srh.search-area .form-group a {
        left: unset;
        right: 0
    }

    #the-proces-to-add-journey.modal {
        width: 90%!important
    }

    #the-proces-to-add-journey .d-adding-process-button ul {
        display: block;
        text-align: center
    }

    #the-proces-to-add-journey .d-adding-process-button ul li {
        padding: 10px 15px;
        display: block
    }

    .faqs-page .net-srh .form-group {
        margin: 0;
        display: inline-block
    }

    .community-body .recent-item .recent-right {
        float: right;
        min-height: unset
    }

    .community-body .recent-item .recent-right img.useful-img {
        position: absolute;
        right: 40px;
        top: 0
    }

    .close-forum-header {
        height: unset;
        line-height: 26px
    }

    .forum-action {
        text-align: left
    }

    .filter-area .float-left,.filter-area .float-right {
        float: none!important;
        margin-bottom: 10px
    }

    .forum-img-area {
        text-align: center
    }

    #post_comment .form-group textarea {
        width: 100%
    }

    .community-body .recent-item .item-desc,.forum-single p {
        font-size: 13px;
        line-height: 18px
    }

    .community-body .recent-item .item-subdesc {
        margin-top: 0
    }

    .community-body .recent-item .item-title {
        font-size: 16px;
        line-height: 20px
    }

    .forum-single h1,.forum-single h3 {
        font-size: 20px;
        line-height: 26px
    }

    .forum-single .section-all-comments h3,.forum-single .section-useful-comment h3 {
        font-size: 18px
    }

    .recent-item .is-useful {
        top: -15px;
        right: 0;
        left: unset
    }

    .community-body .section-title {
        font-size: 22px;
        line-height: 24px;
        text-align: center
    }

    .progressaBarOuter {
        left: 0;
        top: 65%
    }

    .profile-page-body .user-timeline .indepth-content-left .desc-outer {
        max-width: 100%
    }

    .process-form .radio-outer {
        text-align: left!important
    }

    #profileJourneyModal .title-desc,.in-depth .heading-bar .date,.in-depth .heading-bar .location,.in-depth .heading-bar .name,.in-depth .indepth-content-left p {
        text-align: left
    }

    #profileJourneyModal .date-outer .date-sec {
        width: 80px!important;
        margin-left: 15px!important
    }

    #profileJourneyModal .highlight-area {
        padding: 10px
    }

    #profileJourneyModal .highlight-area h3,#profileJourneyModal .modal-title {
        font-size: 18px
    }

    #profileJourneyModal .highlight-area h3.top-step-area {
        font-size: 12px;
        font-weight: 600
    }

    .process-form .form-group .custom-radio {
        margin: auto 10px
    }

    #frmEditSocialProfile,.process-form .form-group .custom-radio:first-child {
        margin-left: 0
    }

    .process-form .form-group .custom-radio:last-child {
        margin-right: 0
    }

    .posts-header-outer .float-left,.posts-header-outer .float-right {
        width: 100%;
        float: none!important
    }

    .posts-header-outer .float-left {
        margin-bottom: 15px
    }

    #posts .posts-header-outer h3,#posts .posts-header-outer h3.subtitle {
        font-size: 16px;
        line-height: 22px
    }

    .user-timeline .journey .d-graph {
        padding-top: 0
    }

    #single-media .single-media-img img,#single-media .single-media-img video {
        max-width: 100%
    }

    .events-item .events-date {
        font-size: 14px;
        line-height: 20px
    }

    .available-dates .events-desc .quote.expandable-text {
        font-size: 13px;
        line-height: 18px
    }

    .journey .d-journey .years-graph-bg .years-single span,.journey .journey-indications ul li {
        font-size: 12px;
        line-height: 16px
    }

    .journey-indications .for-small-screen {
        display: inline-block!important
    }

    .journey-indications .personal-indicator {
        margin-right: 34px!important
    }

    .journey-indications .big-screen {
        display: none!important
    }

    #profileJourneyModal .base-btn {
        font-size: 14px
    }

    .d-graph-single-color.color16.is_highlighted a:after {
        height: 1px;
        width: 92%
    }

    .panel-group.recommedations .heading-bar .date img {
        margin-top: 6px
    }

    #bio .bio .font01 {
        font-size: 16px
    }

    .indepth-content-inner-single.panel .panel-body .indepth-content-left {
        margin-left: 48px!important
    }

    .depth-gal img {
        max-height: 50px
    }

    .header-user-area {
        width: 95%!important;
        left: 0;
        right: auto
    }

    .comment-reply-ul .d-comment {
        margin-left: 40px!important;
        margin-right: 0!important;
        margin-top: 0!important
    }

    .new-opportunities .comments .d-comment {
        margin-left: 40px!important
    }

    .new-opportunities .comments ul li {
        padding: 0!important
    }

    .new-opportunities .comments ul.comment-reply-ul li {
        padding-bottom: 10px!important
    }

    .new-opportunities .comments .d-comment:first-child {
        margin-top: 0!important
    }

    .new-opportunities .comment-reply {
        margin-bottom: 10px!important;
        display: inline-block
    }

    .comments .comment-reply-ul {
        margin-left: 30px
    }

    #frmEditMiniProfile .processform-buttons .form49 {
        width: 49%!important;
        float: left
    }

    #frmEditMiniProfile .processform-buttons .form49.text-right {
        float: right!important
    }

    img.profile-exp-icon {
        height: 16px!important;
        margin-top: 13px!important
    }

    #explainer-loops-video-popup,#explainer-profile-video-popup {
        height: unset!important
    }

    .ui-tabs-vertical .ui-tabs-nav,.ui-tabs-vertical .ui-tabs-panel {
        float: none;
        width: 100%
    }

    .ui-tabs-vertical .ui-tabs-panel {
        padding: 0
    }

    .fake-data-area .designation {
        margin-top: 0
    }

    .has_new_post_modal {
        left: calc(50% - 50px)
    }

    .my-account-menu .for-small-screen .icon-small a {
        top: 0
    }

    .my-account-menu li.loops-li-cls {
        margin-top: 5px!important
    }

    .availability-switch-dash img {
        height: 30px!important
    }

    .post-something .media-attachment-preview {
        text-align: center
    }

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

    .search-single .search-desc {
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px
    }

    .search-single .search-type-title {
        font-size: 14px;
        line-height: 20px
    }

    .post .post-header .d-name,.post.group-post .post-header .post-time {
        line-height: 24px!important
    }

    .post-something .media-attachment-preview .image-item,.post-something .media-attachment-preview .video-item {
        width: unset;
        max-width: 100%
    }

    .small-connect-btn .icon {
        overflow: auto!important
    }

    .how-many-notifications,.the-notifications {
        margin-top: 50px
    }

    .icon.button-connect .img02 {
        display: none!important
    }

    .reco_action_outer {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .r-action-outer {
        float: none;
        position: static;
        margin-top: 15px
    }

    .noti_section_list .width-49 {
        width: 50%;
        float: left
    }

    .post-something .textarea-bottom-panel .circles ul li {
        border: none;
        height: 40px;
        display: flex;
        align-items: center
    }

    .post-something .has-tooltip small {
        right: 8px;
        top: unset;
        bottom: 0
    }

    .post-something .textarea-bottom-panel .circles ul li img {
        height: 15px!important
    }

    .support-post .post-sharing {
        font-size: 14px
    }

    #left-dashboard-panel .my-details,#right-dashboard-panel .seek-support {
        height: unset
    }

    .new-opportunity-content .expandable-text p,.timeline-main .new-opportunities.new-recomended-opportunities.support-post .quote {
        margin-left: 0;
        font-size: 14px
    }

    .post .post-header .d-name {
        color: #004d69;
        font-weight: 600;
        font-size: 18px
    }

    #timeline-dashboard-panel .user-details-mini,.custom-post-info .learn-more-txt,.timeline-main .new-opportunities .d-content .designation {
        line-height: 20px;
        font-size: 14px
    }

    .timeline-main .user-details-mini {
        line-height: 1.3;
        margin-bottom: 10px;
        font-size: 13px
    }

    .post-something .whole-textarea-box {
        min-height: unset
    }

    #close_journey_form .base-btn,#profileJourneyModal .base-btn {
        padding: 15px 0
    }

    .new-opportunities .custom-post-info .new-opportunity-content {
        margin-left: 5%
    }

    .verti-tab .tab .scroll-in-mobile-view {
        width: auto;
        max-width: 100%;
        overflow: hidden;
        margin-top: 50px
    }

    .verti-tab .tab .scroll-in-mobile-view.small-screen-show,.verti-tab .tab.relative .scroll-in-mobile-view {
        margin-top: 0
    }

    .network-srh .row.offerings-row .custom-search .form-group.maxwidth-250 {
        margin-bottom: 0!important
    }

    .network-info .offerring-block .network-info-single,.network-info .offerring-block.no-offer-section {
        margin-bottom: 50px!important
    }

    .group-block.no-offer-section .network-info-single {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .offerring-block .network-info-single {
        margin-bottom: 80px
    }

    .network-info .offerring-block {
        margin-bottom: 0;
        padding: 0
    }

    .list-offering-user {
        margin: 0
    }

    .my-panel .my-details .d-content .available-status:nth-child(2),.my-panel .timeline-buttonzone {
        margin-top: 0!important
    }

    .media-outer .media-ul li .single-media-outer label {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        left: 0
    }

    .my-details .timeline-buttonzone p {
        letter-spacing: 0
    }

    .profile-privacy .select-items div,.profile-privacy .select-selected {
        height: 40px;
        font-size: 14px!important;
        margin-top: 0
    }

    #posts.tabcontent .posts-header-outer .custom-select div {
        font-size: 14px
    }

    #recommendation #accordion4 .date {
        margin: 10px 0 0;
        position: static
    }

    #accordion123 p.desc {
        margin-top: 20px
    }

    #recommendation #accordion4 .name h4 {
        font-size: 18px;
        line-height: 24px
    }

    .ui-widget h3 {
        font-size: 18px!important
    }

    .for-small-screen.mobile_btns_privacy,.my-panel .my-details .d-content .tag-panel {
        margin-top: 15px
    }

    .my-panel .my-details .d-content .available-status {
        margin-top: 5px
    }

    .my-panel .my-details .d-content .my-name {
        font-size: 18px
    }

    .in-depth .indepth-content-left {
        overflow: auto
    }

    .bio-right .tag-panel ul li {
        margin-top: 0;
        margin-bottom: 0
    }

    .network-info .network-srh .sort-menu {
        height: 50px
    }

    .network-info .network-srh .net-dropdown {
        margin-left: 4px;
        margin-top: 10px
    }

    .faq-page .faq-head {
        margin-bottom: 40px
    }

    .offer-modal-area .modal-header h3 {
        font-size: 16px
    }

    .dashboard-page .net-dropdown .profile-privacy {
        text-align: left
    }

    .dashboard-page .network-info .float-right {
        float: none!important;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }

    .dashboard-page .network-info .group-block .float-right,.dashboard-page .network-info .job-block .float-right {
        float: right!important
    }

    .dashboard-page .network-info .network-bottom-panel .float-right {
        text-align: right
    }

    .dashboard-page .network-info .group-block .network-bottom-panel .float-right {
        text-align: center!important;
        width: auto!important
    }

    .dashboard-page .network-info .form-group.maxwidth-250 {
        margin: 0 0 20px
    }

    .added-custom-pages .wrapper {
        padding-bottom: 50px
    }

    .pricing-page {
        margin-bottom: 50px
    }

    .container75.join-btn-area .margintop-50 {
        margin-top: 0
    }

    .marketplace-rt .mrkt-grphic {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .timeline-main .custom-post-info .new-opportunities .d-content {
        max-width: calc(100% - 15px);
        text-align: center
    }

    .timeline-main .custom-post-info .quote {
        margin-left: 0!important;
        font-size: 14px
    }

    .timeline-main .new-opportunities .new-opportunity-options,.timeline-main .new-opportunities.new-recomended-opportunities.support-post .new-opportunity-options {
        margin: 0 0 20px;
        width: 100%!important;
        max-width: 100%;
        right: 0!important;
        left: 75px
    }

    .timeline-main .new-opportunities span.post-sharing {
        display: block;
        text-align: right;
        width: 100%;
        margin-top: 10px
    }

    .timeline-main .new-opportunities .new-opportunity-options ul {
        display: inline-block;
        width: auto;
        text-align: left;
        max-width: 100%!important;
        float: none!important
    }

    #delete_offering_modal .modal-header h3 {
        font-size: 13px;
        line-height: 20px
    }

    .d-chart.relative.activity-chart .chart-left {
        max-height: 330px
    }

    .loops-page .tabset label,.my_offerings_tabset label {
        font-size: 13px
    }

    .loops-page .tabset label.first,.my_offerings_tabset label.first {
        margin: 0
    }

    .loops-page .tabset,.my_offerings_tabset {
        text-align: center
    }

    .custom-added-pages {
        padding-top: 80px
    }

    .paddingtop-120 {
        padding-top: 104px!important
    }

    .added-custom-pages h1 {
        font-size: 35px;
        line-height: 40px;
        text-align: center
    }

    .principle-page .principle-head .heading {
        height: 100px
    }

    .small-screen-margin {
        margin-top: 40px
    }

    #earned #loop-earned .margintop-100 {
        margin-top: 0
    }

    .loop-tally .chart-left {
        height: auto;
        overflow: hidden
    }

    .offer-modal-area .modal-body input,.offer-modal-area .modal-body p,.offer-modal-area .modal-body textarea,.offer-modal-area label {
        font-size: 16px;
        line-height: 23px
    }

    .header-bottom .my-account-menu li.loops-li-cls {
        margin-top: 5px!important
    }

    .big-screen,.big-screen-inline {
        display: none!important
    }

    .small-screen-show {
        display: block!important
    }

    .modal a.close-modal {
        height: 15px!important;
        width: 15px!important
    }

    .network-info .network-srh .row * {
        font-size: 12px
    }

    .network-info .network-srh .row .col-md-6 * {
        font-size: 13px
    }

    .network-info .network-srh .row .col-md-6 .select-selected {
        margin-top: 4px
    }

    .network-info .col-md-6 .page-search-area {
        display: inline-block;
        position: relative
    }

    .my-loops-body .select2-container li {
        font-size: 12px
    }

    .my-loops-body.jobs-page .select2-container li {
        font-size: 16px
    }

    .jobs-page .select2-container.add_job_modal_container {
        max-width: 100%;
        width: 260px
    }

    .my-loops-body .offeings-action {
        margin-top: 0
    }

    .network-srh .row {
        display: block
    }

    .network-srh .row .col-md-6 {
        width: 100%;
        text-align: center;
        float: none
    }

    #banner-slider .item-body p {
        font-size: 20px;
        font-weight: 900;
        min-height: unset
    }

    #banner-slider .item-head h3 {
        font-size: 35px;
        font-weight: 900
    }

    #banner-slider .item-body h3 {
        display: none
    }

    #banner-slider .item.first .item-body-outer h3 {
        margin-top: 20px;
        display: block;
        font-size: 28px
    }

    .principle-page .princip-outer {
        padding: 40px 0 0
    }

    .custom-togglenav a,.custom-togglenav i {
        font-size: 16px
    }

    .custom-togglenav .custom-row .width-49 {
        float: left;
        width: 50%
    }

    #banner-slider .item-body-outer {
        position: static;
        width: 100%;
        margin-top: -1px
    }

    .added-custom-pages .reward-outer h3.hiw-mob-title {
        font-size: 35px
    }

    .added-custom-pages .reward-outer p {
        font-size: 20px;
        font-weight: 600
    }

    .join-now-sec p {
        font-size: 18px
    }

    .faq-slider .accordion-content p,.faq-slider .accordion-trigger {
        font-size: 16px
    }

    .plan-section .plan-title {
        font-size: 35px;
        line-height: 40px
    }

    .plan-section .plan-detail .price-text {
        font-size: 50px;
        line-height: 55px
    }

    .plan-section .plan-detail .price-text span {
        font-size: 16px
    }

    .plan-section .plan-detail ul li {
        line-height: 20px;
        font-size: 16px
    }

    #footer .footer_single.custom_footer {
        text-align: left
    }

    .princip-outer .p-single h3 {
        font-size: 32px;
        margin-bottom: 10px
    }

    .princip-outer .p-single {
        margin-bottom: 30px
    }

    .princip-outer .p-single p {
        font-size: 20px;
        line-height: 26px
    }

    #home_membership.section_membership {
        padding-bottom: 20px
    }

    .desktop-hide {
        display: none
    }

    .mobile-hide {
        display: block
    }

    #footer .web-footer-section,.journy-outer .list-journye {
        display: none
    }

    .howitworks-page .journy-outer .journy-desc {
        text-align: center;
        line-height: 26px
    }

    .custom-added-pages .header,.faqs-page .header,.memberships-page .header {
        height: auto
    }

    #footer .mobile-footer-section {
        display: block
    }

    .about-head-image,.profile-page-body .my-panel .for-small-screen .timeline-buttonzone ul li span,.section_motto .motto-footer-sec {
        display: none
    }

    .section_motto .single-motto-outer {
        width: calc(100% - 15px);
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
        float: none
    }

    .section_motto span.anim-text {
        min-height: 50px
    }

    .section_motto .motto-single {
        min-height: 230px;
        float: none;
        max-width: 100%
    }

    .section_motto .single-motto-outer:nth-child(4) {
        margin: 0 auto
    }

    .about-us-page .heading-txt,.faq-page h1.heading-txt,.faq-section .faq-title {
        font-size: 35px;
        font-weight: 700
    }

    .faq-page .tabs-outer a {
        width: calc(50% - 20px);
        font-size: 13px;
        border-radius: 10px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .faq-page .faq-head {
        margin-top: 30px
    }

    .faqs-page .faq-section {
        margin: 0
    }

    .faqs-page .faq-slider {
        margin-top: 20px
    }

    .faqs-page .subpages .faq-title {
        text-align: center
    }

    .about-us-page .about-sec h3 {
        font-size: 35px
    }

    .about-body .card p,.about-us-page .about-sec p {
        font-size: 20px
    }

    .added-custom-pages h3 {
        font-size: 26px
    }

    .about-us-page .about-sec {
        width: 90%;
        margin: 0 auto 25px
    }

    .join-now-sec {
        text-align: center
    }

    .about-head .about-outer {
        text-align: center
    }

    .added-custom-pages.about-us .wrapper {
        padding-bottom: 0
    }

    .added-custom-pages .about-head .heading {
        height: 100px
    }

    .added-custom-pages.membership-enquiry .about-head .heading {
        height: 190px
    }

    .membership-enquiry .loading-bar {
        margin-bottom: 30px
    }

    .height-425 {
        height: unset
    }

    .custom-added-pages .about-body h3.title {
        font-size: 30px;
        line-height: 40px
    }

    .custom-added-pages .about-body .cp-item h3.title {
        font-size: 24px;
        line-height: 32px
    }

    .custom-added-pages .about-body .cp-item h4 {
        font-size: 16px;
        line-height: 24px
    }

    .custom-added-pages .about-body h4 {
        font-size: 18px;
        line-height: 26px
    }

    .width-49 {
        width: 100%;
        float: none
    }

    #footer {
        padding: 30px 0 0
    }

    #footer .footer_single {
        margin-bottom: 0
    }

    #footer .footer_container,.container75,.container_mini,.custom_container,.fluid_container {
        width: 90%;
        margin: 0 auto
    }

    #footer .footer_single .footer_logo,.available-status,.community_offerings.offeings-action,.icon-small img,.my-panel .timeline-buttonzone ul {
        margin-top: 0
    }

    #footer .custom_footer .footer_logo,.width-24.absolute_footer {
        position: static
    }

    .width-24 {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .my-panel .timeline-buttonzone ul li a .icon {
        overflow: unset
    }

    .in-depth .heading-bar .date {
        display: block;
        width: 100%
    }

    #frmRegistration .select-items div,#frmRegistration input[type=text],#frmRegistration input[type=password],#frmRegistration input[type=email],#frmRegistration_2 input[type=text],#frmRegistration_2 input[type=password],#frmRegistration_2 input[type=email] {
        font-size: 16px!important;
        color: #707070
    }

    .slider_outer.register-slider .slider-item {
        padding: 0
    }

    .d-chart.loop-chart .form33,.d-chart.loop-chart .form49 {
        width: 100%
    }

    .icon-small span {
        color: #303030;
        opacity: 1
    }

    .journey-locations .float-left {
        width: 86%
    }

    .custom-preview-outer .new-opportunities .d-content {
        width: calc(100% + 1px)!important;
        max-width: calc(100% + 1px)!important;
        display: block!important
    }

    .uploaded-gallery-pic img {
        width: 100%;
        object-fit: cover
    }

    .d-adding-process .process-form .custom-file-input {
        width: calc(100% - 32px)
    }

    .journey .d-graph .d-graph-single-color {
        height: 13px
    }

    .my-panel .my-details .d-content .location {
        font-size: 16px;
        line-height: 26px
    }

    .my-panel .my-details .d-content .available-status p,.my-panel .my-details .d-content .designation {
        line-height: 22px;
        font-size: 16px
    }

    .my-panel .offerings_icon_bg img {
        height: 9px!important;
        margin-bottom: 5px!important
    }

    .loop-tally .chart-breakup li p {
        font-size: 13px;
        text-align: center
    }

    .loop-chart .chart-right ul.chart-breakup li {
        text-align: center
    }

    .loop-chart .chart-right ul.chart-breakup li h3 {
        margin-bottom: 10px;
        font-size: 13px;
        text-align: center;
        width: auto
    }

    .activity-chart .activity-head,.d-chart {
        min-height: 200px
    }

    #loop-earned .personal-chart {
        position: static;
        text-align: center;
        margin: 150px auto 0
    }

    .loop-tally .chart-breakup li:first-child {
        width: 100%
    }

    .loops-page .icon-small {
        display: block;
        text-align: center;
        margin-top: 10px
    }

    .icon-small a {
        position: static;
        height: 40px;
        width: 40px;
        top: 0;
        right: 0;
        line-height: 53px!important
    }

    .icon-small img {
        max-width: 100%;
        width: auto;
        height: 12px;
        display: inline-block
    }

    .activity-chart .chart-right li p {
        position: static;
        text-align: center;
        width: 100%;
        padding: 0;
        transform: none
    }

    .tabset.my_offerings_tabset>input:checked+label {
        float: left;
        max-width: 45%
    }

    .community_offerings .float-left,.community_offerings .float-right {
        float: none!important;
        margin-bottom: 10px
    }

    .locked-journey {
        min-height: unset
    }

    .for-small-screen .timeline-buttonzone .timeline-buttons-left {
        width: 50%;
        text-align: left
    }

    .profile-user.profile-live .for-small-screen .timeline-buttonzone .timeline-buttons-left {
        width: 100%;
        text-align: center
    }

    .profile-user .for-small-screen p {
        float: none;
        width: auto;
        display: inline-block
    }

    .profile-user .job-desc-area p {
        display: block;
        font-weight: 500
    }

    #user_privacy,.timeline-buttons-left .profile-privacy {
        width: auto
    }

    .profile-user .for-small-screen .profile-privacy {
        display: inline-block;
        min-width: 140px;
        width: auto;
        margin-top: -4px;
        margin-bottom: 10px;
        float: none;
        margin-left: 2px
    }

    .for-small-screen .profile-privacy .privacy-outer {
        margin-top: 0!important
    }

    .my-panel .my-details .d-content .available-status.calender-open .addmore-dates-button {
        display: block
    }

    .processform-buttons.journey-btns {
        padding: 0
    }

    .locked-timeline .locked-content-outer {
        position: static;
        transform: none;
        max-width: 100%
    }

    .locked-outer.locked-body {
        width: 100%
    }

    .feed-wrapper .right-panel,.feed-wrapper .user-timeline,.locked-wrapper .right-panel,.locked-wrapper .user-timeline {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    #msg-new-user .base-btn,.base-btn {
        min-width: 100px;
        font-size: 13px
    }

    .login-links-outer {
        margin-bottom: 20px
    }

    #frmRegistration .j1-area {
        margin-top: 50px
    }

    #frmRegistration .accept-area {
        margin-bottom: 15px
    }

    .login-links-outer .float-left,.login-links-outer .float-right {
        float: none!important;
        display: block;
        text-align: left
    }

    .light_grey_btn,.light_pink_btn {
        width: 100%;
        font-size: 11px
    }

    .join-reloop .middle-container {
        padding: 10px 25px
    }

    #dashboard-pages .profile-details-status {
        top: 100px
    }

    .signup-wrapper .profile-details-status {
        width: 274px
    }

    .slider_outer.register-slider .slider-items {
        padding: 50px 0 20px
    }

    .join-addedprof-pic,.join-addprof-pic,.join-basicinfo,.join-moreinfo,.verify-email {
        padding: 0
    }

    .register-body-container .header-bottom {
        display: none
    }

    .guest-user .my-account {
        text-align: right
    }

    .guest-user.header-bottom {
        background: #fff;
        padding-top: 8px
    }

    .guest-user .my-account .main_button {
        color: #4a7c8f;
        font-weight: 600!important;
        font-size: 14px!important
    }

    .guest-user .my-account .login-button {
        border: 1px solid #4a7c8f
    }

    #nearly-there {
        padding: 20px 0
    }

    .single-feed-outer .feed-thumb-user {
        width: 75px;
        height: auto
    }

    .feed-outer .img-area {
        position: static
    }

    .feed-outer .feed-head img {
        height: 50px
    }

    .feed-outer .icons-outer {
        text-align: center
    }

    .margintop-100 {
        margin-top: 40px
    }

    .container75 .custom-togglenav.margintop-100 {
        margin-top: 0
    }

    .feed-outer .post-reaction a {
        margin-bottom: 5px;
        border-bottom: 1px solid #999
    }

    .whitebox {
        margin-bottom: 20px
    }

    .feed-outer .post-reaction {
        margin: 0;
        width: 100%
    }

    .feed-outer .comment-panel .post-comment-button {
        width: 20%
    }

    .feed-section-outer .head-menu {
        margin-top: 80px
    }

    .login-links-outer {
        text-align: left
    }

    #frmRegistration_2 .select-selected,#frmRegistration_2 input::placeholder {
        font-size: 16px
    }
}

@media screen and (max-width: 1024) and (min-width:991px) {
    .profile-privacy {
        margin-top:0
    }
}

@media screen and (max-width: 480px) {
    .show-updated-loops-table ul {
        padding:0
    }

    .show-updated-loops-table ul li {
        font-size: 12px
    }

    .show-updated-loops-table ul li span {
        padding: 5px
    }

    .loops-btm-button-row .button-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .profile-privacy {
        margin-top: 0
    }

    .main_nav li a {
        color: #79818c
    }

    .in-depth .heading-bar .location {
        line-height: auto
    }

    .media-outer .media-ul li {
        width: 100%
    }

    .btn-marketplace a {
        width: 100%;
        margin-top: 4px;
        margin-bottom: 6px
    }

    .switch-box h2 {
        font-size: 27px
    }

    .single-item-outer .btns-outer .base-btn {
        margin-right: 0!important
    }

    .reward-circle {
        width: 250px;
        height: 250px
    }
}

@media only screen and (max-width: 1800px) {
    .single-item-outer .item-head {
        margin-top:70px
    }
}

@media only screen and (max-width: 1550px) {
    .single-item-outer .item-head {
        margin-top:0;
        margin-bottom: 40px
    }

    .single-item-outer .item-head h3 {
        font-size: 40px;
        line-height: 50px
    }

    .single-item-outer .item-body h3 {
        font-size: 30px;
        line-height: 40px
    }

    .single-item-outer .item-body p {
        font-size: 20px;
        line-height: 30px
    }

    .btns-outer.margintop-50 {
        margin-top: 30px
    }
}

@media only screen and (max-width: 1300px) {
    .single-item-outer .item-head h3 {
        font-size:30px;
        line-height: 40px
    }

    .single-item-outer .item-body h3 {
        font-size: 20px;
        line-height: 30px
    }

    .single-item-outer .item-body p {
        font-size: 15px;
        line-height: 25px
    }
}

@media only screen and (max-width: 1368px) {
    .offerring-block.offer-post-outer {
        width:500px
    }
}

@media only screen and (min-width: 1369px) {
    .offerring-block.offer-post-outer {
        width:550px
    }
}

@media only screen and (max-width: 1150px) {
    .single-item-outer .item-head {
        margin-bottom:30px
    }
}

@media only screen and (max-width: 1024px) {
    .plan-section .plan-title {
        width:100%;
        margin-bottom: 30px
    }

    .plan-section .plan-detail {
        width: 100%;
        padding-left: 0
    }

    .verti-tab .tab h5 {
        display: block
    }

    .reward-img {
        width: 590px;
        float: none;
        margin: 0 auto
    }

    .reward-desc {
        width: 100%;
        margin-top: 15px;
        padding-left: 0
    }

    .switch-box h4 {
        max-width: 100%
    }

    .request-box,.switch-box {
        min-height: 685px
    }

    .marketplace-rt {
        width: 50%;
        padding: 2rem
    }

    .offerring-block {
        width: 33.33%
    }

    .search-term-page #right-dashboard-panel,.search-term-page .timeline-main {
        width: 100%
    }

    .search-term-page .search-section .row-item .row-left,.search-term-page .search-section .row-item .row-right {
        width: 15%
    }

    .search-term-page .search-section .row-item .row-right {
        margin-top: 10px;
        width: 100%;
        float: left;
        text-align: left;
        padding-left: 15%
    }

    .search-term-page .search-section .row-item .row-right .base-btn {
        padding: 10px
    }
}

@media only screen and (max-width: 1250px) {
    .offerring-block {
        width:50%
    }
}

@media screen and (max-width: 900px) {
    .in-depth .heading-bar .location {
        line-height:auto
    }

    .marketplace-desc,.marketplace-rt {
        width: 100%
    }

    .request-box,.switch-box {
        width: 100%;
        min-height: 1px
    }

    .switch-box h4 {
        min-height: 1px
    }

    .marketplace-rt {
        padding: 0
    }

    .offerring-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .journy-img img,.reward-circle {
        max-width:100%
    }

    .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
        right: -60px;
        position: absolute;
        z-index: 999999
    }

    .offerring-block {
        margin: 0 auto 30px;
        float: none
    }

    .media-outer .media-ul {
        text-align: center
    }

    .media-outer .media-ul li {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto 15px
    }

    .uploaded-gallery-pic {
        max-height: 123px;
        width: calc(100% - 25px)
    }

    .journy-desc,.journy-img,.reward-img {
        width: 100%
    }

    .button-offer-btn .base-btn {
        padding: 15px 10px
    }

    .page-title-hiw h1 {
        font-size: 32px
    }

    .page-title-hiw {
        height: 70px
    }

    .journy-img {
        padding-top: 20px;
        margin-left: 0
    }

    .reward-circle {
        min-height: 350px;
        line-height: normal
    }

    .journy-desc p,.marketplace-desc p,.reward-desc p,.switch-box h4 {
        font-size: 20px
    }

    .switch-box h2 {
        font-size: 30px;
        margin-bottom: 2rem
    }

    .journy-desc p,.marketplace-desc p {
        margin-bottom: 1.5rem
    }

    .reward-icon-circle {
        width: 70px;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        vertical-align: top
    }

    .rewad-icon {
        top: 10px;
        bottom: auto;
        left: auto;
        right: auto;
        position: relative;
        min-width: 225px
    }

    .mobile-footer-section {
        display: block
    }

    .web-footer-section {
        display: none
    }

    .single-item-outer {
        padding: 15px
    }

    .reward-circle>img {
        position: relative;
        top: 50px
    }

    #banner-slider .owl-carousel .owl-item .item-inner,.single-item-outer {
        height: auto;
        display: block
    }

    .width-49 {
        width: 100%
    }

    .single-item-outer .btns-outer .base-btn {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 150px!important
    }

    .single-item-outer .item-head h3 {
        font-size: 24px;
        line-height: 30px
    }

    .single-item-outer .item-body h3 {
        margin-bottom: 10px
    }

    .faq-next-pre-row {
        margin: 0
    }

    .faq-next-pre-row .left {
        text-align: left;
        width: auto!important;
        padding: 0
    }

    .faq-next-pre-row .right {
        text-align: right;
        float: right!important;
        padding: 0;
        width: auto!important
    }

    .faq-next-pre-row .faq-link {
        font-size: 16px
    }

    .offerring-block {
        width: 100%
    }
}

@media (max-width: 992px) {
    .added-custom-pages .hiw-mob-title,.added-custom-pages h3,.journy-desc p,.journy-img,.marketplace-desc p,.marketplace-rt,.reward-desc,.single-item-outer {
        text-align:center
    }

    .topnav .container {
        margin: 0 15px
    }

    .main_nav li {
        margin-right: 12px
    }

    .item-inner .cation-card {
        width: 100%;
        padding: 25px
    }

    #banner-slider .owl-carousel .owl-item .item-inner {
        height: 100vh;
        padding-top: 80px
    }

    .single-item-outer {
        padding: 0;
        background: 0 0!important
    }

    .item-inner .img-card {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }

    .btns-outer.margintop-50 {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .single-item-outer .item-head {
        margin-bottom: 0
    }

    .owl-item .item.first .single-item-outer .item-head {
        border-radius: 6px 6px 0 0;
        padding: 20px
    }

    .owl-item .item.first .single-item-outer .item-body {
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px
    }

    .owl-item .item.second .single-item-outer .item-head {
        background: #c4d6d2;
        border-radius: 6px 6px 0 0;
        padding: 20px
    }

    .owl-item .item.second .single-item-outer .item-body {
        background: #c4d6d2;
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px
    }

    .owl-item .item.third .single-item-outer .item-head {
        background: #074d68;
        border-radius: 6px 6px 0 0;
        padding: 20px
    }

    .owl-item .item.third .single-item-outer .item-body {
        background: #074d68;
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px
    }

    .owl-item .item.fourth .single-item-outer .item-head {
        background: #f5d6ce;
        border-radius: 6px 6px 0 0;
        padding: 20px
    }

    .owl-item .item.fourth .single-item-outer .item-body {
        background: #f5d6ce;
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px
    }

    .owl-item .item.fifth .single-item-outer .item-head {
        background: #e1e1e1;
        border-radius: 6px 6px 0 0;
        padding: 20px
    }

    .owl-item .item.fifth .single-item-outer .item-body {
        background: #e1e1e1;
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px
    }

    .owl-item .item.six .single-item-outer .item-head {
        background: #c4d6d2;
        border-radius: 6px 6px 0 0;
        padding: 20px
    }

    .owl-item .item.six .single-item-outer .item-body {
        background: #c4d6d2;
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px
    }

    .single-item-outer .blue-border-btn {
        border-color: #fff!important;
        color: #fff!important
    }

    .owl-carousel.owl-drag .owl-item .item:after {
        position: absolute;
        height: 100%;
        width: 100%;
        content: "";
        background: unset;
        left: 0;
        top: 0
    }

    #slider_outer .owl-carousel.owl-drag .owl-item .item:after,.carousel-testimonials.owl-carousel.owl-drag .owl-item .item:after {
        content: unset
    }

    .owl-item .item.six .single-item-outer {
        background: #c4d6d2
    }

    .owl-item .item.six .single-item-outer .item-head h3 {
        color: #074d68
    }

    .owl-item .item.six .single-item-outer .item-body h3,.owl-item .item.six .single-item-outer .item-body p {
        color: #454343
    }

    .owl-item .item.third .single-item-outer {
        background: #074d68
    }

    .owl-item .item.third .single-item-outer .item-body h3,.owl-item .item.third .single-item-outer .item-body p,.owl-item .item.third .single-item-outer .item-head h3 {
        color: #fff
    }

    .journy-desc {
        width: 100%
    }

    .journy-img {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .journy-outer,.marketplace-outer {
        padding: 2rem 0
    }

    .added-custom-pages .page-outer .form-outer h3 {
        font-size: 15px;
        line-height: 20px;
        font-weight: 500
    }

    .request-box,.reward-outer,.switch-box {
        padding: 30px
    }

    .added-custom-pages h3 {
        margin-bottom: 1rem;
        font-size: 35px;
        font-weight: 700
    }

    .journy-desc p {
        font-size: 20px
    }

    .reward-desc p {
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: 700
    }

    .topnav a.icon {
        right: 15px;
        top: 25px
    }

    .list-journye,.rewad-icon {
        display: none
    }

    .reward-circle .mob-img {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto
    }

    .reward-circle .img-responsive {
        display: none
    }

    .reward-outer .fluid_container {
        width: 100%
    }

    .added-custom-pages .hiw-mob-title {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        color: #074d68;
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 0
    }

    .marketplace-desc h3,.reward-desc h3 {
        display: none
    }

    .reward-desc p:last-child {
        margin-bottom: 0
    }

    .marketplace-desc p {
        font-size: 20px;
        margin-bottom: 20px
    }

    .marketplace-desc p:last-child {
        margin-bottom: 0
    }

    .switch-box h2 {
        margin-bottom: 35px;
        font-size: 30px
    }

    .switch-box h4 {
        font-size: 20px
    }
}

@media screen and (max-width: 1300px) and (min-width:991px) {
    .single-item-outer .btns-outer .base-btn {
        width:150px!important
    }

    #banner-slider .item-body p {
        font-size: 22px;
        font-weight: 900
    }

    #banner-slider .item-head h3 {
        font-size: 45px;
        font-weight: 900
    }

    #banner-slider .item-body h3 {
        font-size: 30px;
        font-weight: 900
    }

    .section_motto .motto-single {
        float: none;
        width: 100%;
        max-width: 100%
    }

    .section_motto .motto-footer-sec {
        display: none
    }

    .section_motto .single-motto-outer {
        width: calc(100% - 15px);
        margin: 0 auto;
        float: none;
        padding-left: 15px;
        padding-right: 15px
    }

    .section_motto .single-motto-outer:nth-child(4) {
        margin-right: 7.5px
    }

    .about-us-page .about-sec h3 {
        font-size: 35px
    }

    .about-us-page .about-sec p {
        font-size: 20px
    }

    .new-opportunities .custom-post-info .new-opportunity-content {
        margin-left: 5%
    }

    #left-dashboard-panel .available-dates,#left-dashboard-panel .my-details,.invite-panel,.timeline-main {
        width: 75%;
        margin: 0 auto!important
    }

    #left-dashboard-panel .my-details {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .account-recomendations .container {
        width: 90%;
        max-width: 75%
    }

    .the-notifications {
        margin-top: 50px
    }
}

@media screen and (min-width: 993px) and (max-width:1368px) {
    #banner-slider .item-body p {
        min-height:unset
    }

    #banner-slider .item-body-outer {
        bottom: 30px
    }

    #banner-slider .item-body h3 {
        font-size: 32px;
        line-height: 34px
    }

    #banner-slider .item-head h3 {
        font-size: 40px;
        font-weight: 900;
        line-height: 42px
    }

    .bg_img1 {
        max-height: 400px!important
    }

    .bg_img2 {
        height: 55px!important
    }

    .bg_img3 {
        bottom: 20px!important;
        height: 90px!important
    }
}

@media screen and (max-width: 568px) {
    .search-term-page .search-section .row-item .row-left,.search-term-page .search-section .row-item .row-right {
        width:27%
    }

    .search-term-page .search-section .row-item .row-right {
        width: 100%;
        float: left;
        text-align: left;
        padding-left: 32%
    }

    .search-term-page .search-section .row-item .row-mid {
        padding-right: 0
    }
}

@media screen and (max-width: 1366px) and (min-width:769px) {
    .default_container {
        width:95%;
        margin: 0 auto
    }

    .timeline-main .new-opportunity-options {
        margin-left: 5%!important
    }

    .messages-page .conversations .verti-tab .tab.left-panel-tab {
        width: 36%!important;
        box-shadow: unset;
        border: unset
    }

    .messages-page .conversations .verti-tab .tabcontent {
        width: 60%!important
    }

    .messages-page .conversations .search.messenger-search .searchButton {
        top: 26%;
        right: 18%
    }

    .messages-page .right-icon {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999999
    }

    .messages-page .verti-tab .tab .clear_msg_search {
        right: 16%;
        top: 0
    }
}

@media screen and (max-width: 1030px) and (min-width:767px) {
    #explainer-single-video-popup,.howitworks-page .video-section .video-outer ul {
        text-align:center
    }

    .messages-page .conversations .search.messenger-search .searchButton {
        top: 26%;
        right: 8%
    }

    .messages-page .verti-tab .tab .clear_msg_search {
        top: 4%;
        right: 16%
    }

    .default_container {
        width: 95%
    }

    .verti-tab .tab .scroll-in-mobile-view {
        width: auto
    }

    .howitworks-page .video-section ul li {
        margin: 30px auto!important;
        max-width: 75%
    }

    .homepage-body .section.section-info {
        margin-bottom: 40px
    }

    .homepage-body section.section.offer-section img {
        width: 52%
    }

    #home_intro_video .video_area {
        width: 60%!important
    }

    .section.network-section object {
        max-width: 100%!important
    }

    .container {
        max-width: 90%
    }
}

@media screen and (max-width: 1027px) and (min-width:767px) {
    .messages-page .conversations .search.messenger-search .searchButton {
        top:26%;
        right: 16%
    }

    .messages-page .verti-tab .tab .clear_msg_search {
        top: 8%;
        right: 32%;
        width: unset
    }
}