.newsfeed-unread-dot {
    background-color: rgb(255, 95, 95);
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin-left: -10px;
    margin-top: -10px;
    /* Hidden by default */
    display: none;
}

.fa-paypal {
    /*color: #1a74b6;*/
}

i.fa.fa-repeat.recurring-icon {
    color: #64a4c1;
}

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

.btn-group-toggle {
    display: inline-block;
}

.green {
    color: #42d6aa;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: 0;
}

.input-group-btn > button.btn.btn-primary {
    background: #ffefef;
    color: #fe6160;
    margin-left: -2px;
}

.input-group-btn > button.btn.btn-primary {
    background: #ffefef;
    color: #fe6160;
    margin-left: -2px;
    z-index: 100;
}

    .input-group-btn > button.btn.btn-primary:hover {
        background: #ffdddd;
        color: #ff5f5f !important;
        margin-left: -2px;
    }


.addon-price-label {
    font-size: 13px;
    font-weight: 600;
    padding: 3px 4px;
    text-shadow: none;
    background-color: #5fbbe2;
    color: white;
    margin: 0 2px 2px 12px;
    vertical-align: middle;
    display: inline-block;
}



label.btn.btn-interest {
    padding: 4px 9px;
    background: #fff;
    border: 1px solid #29abe0;
    box-shadow: none;
    border-radius: 50px;
    color: #29abe0;
    margin: 4px 3px;
}

    label.btn.btn-interest.active {
        background: #29abe0;
        color: #fff;
        border: 1px solid #29abe0;
    }

.explore-card {
    border-radius: 8px;
    background-color: #fff;
    color: #14171a;
    font-family: 'Quicksand','Helvetica Neue',Verdana, Geneva, Tahoma, sans-serif;
    box-shadow: 1px 2px 3px rgba(0, 2, 4, 0.055), 0 7px 18px rgba(1, 1, 1, 0.05);
}

.payment-conditional-div {
    margin-left: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    /*padding: 16px;*/
    border-radius: 8px;
    /*border: 1px solid #ddd;*/
}

.payment-option-unselected {
    border: 1px solid #ecedf1;
    padding: 3px;
    color: #a0a0a0;
}

.payment-option-selected {
    border: 1px solid #ff5f5f;
    padding: 3px;
    position: relative;
    z-index: 50;
    /*background: #ff5f5fbb;*/
    font-weight: 600;
}

.gift-profile-image {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* margin-top: -22px; */
    /* border: 2px solid #43b1a9; */
    border: 0px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0px 0px 16px #fafafa;
    box-sizing: border-box;
    height: 64px;
    object-fit: cover;
    width: 64px;
    margin: 16px 0;
}

.gift-item {
    float: right;
    display: inline-block;
    left: -70px;
    top: 40px;
    position: relative;
}

.payment-option-container {
    cursor: pointer;
    width: 50%;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 8px;
    margin-top: 4px;
}

.btn-overlap-above {
    border-color: white !important;
    margin-top: -69px !important;
    border-width: 2px !important;
    border-style: solid !important;
}

.well {
    border: 1px solid #ddd;
    background: #f8f8f7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 6px;
        font-size: 16px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: "Font Awesome 5 Free";
            content: "\f00c";
            font-weight: 900;
            font-size: 14px;
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #ffc758;
    border-color: #ffc758;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #42d6aa;
    border-color: #42d6aa;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.label-info {
    background-color: #42d6aa;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        font-size: 18px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #ffc758;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

.note-editor .note-editing-area .note-editable {
    font-family: 'Montserrat';
    min-height: 28vh;
}

/*makes it so the image isn't too wide to edit*/
.note-editable img {
    max-width: 100%;
}

/*Site Colours*/
.red-bg-gradient, .ui-gradient-peach {
    background: -moz-linear-gradient(45deg, #fd8686 0%, #ff5f5f 100%);
    background: linear-gradient(45deg, #f78961 0%, #ff5f5f 100%);
}

/*.ui-gradient-blue {
    background: linear-gradient(45deg, #54ceff 0%, #4289a7 95%);
}*/

.ui-gradient-blue {
    background: -moz-linear-gradient(45deg, #3fa2ca 0%, #29abe0 100%);
    background: linear-gradient(45deg, #3fa2ca 0%, #29abe0 100%);
}

.support-recieved-message {
}

.support-recieved-name {
    white-space: nowrap;
    min-width: 160px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.inbox-profile-image-sm {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    object-fit: cover;
    margin-right: 12px;
}

.person-row-li {
    border-bottom: solid 1px #efefef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 16px;
}

.person-row-div {
    border-bottom: solid 1px #efefef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 16px;
}

.person-row-left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100px;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    overflow: hidden;
    float: left;
}

.person-row-right {
    float: right;
    width: 25%;
}

.person-row-image {
    margin-right: 13px;
    background-color: #fafafa;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
}

    .person-row-image::after {
        border: 1px solid rgba(0,0,0,.0975);
        border-radius: 50%;
        bottom: 0;
        content: '';
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
    }

.person-row-name-div {
}

.person-row-container {
}

.person-row-name {
}

.person-row-name-link {
    color: #262626;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    margin-left: -5px;
}

.person-list-ul {
    background: #fff;
}

.person-list-header {
    background: #fff;
    border-bottom: solid 1px #eeeff5;
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
}

.person-list-footer {
    background: #fff;
    border-top: none;
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
}

/* BLOG ARTICLE */

.blog h2 {
    font-weight: 700;
}

.blog h5 {
    margin: 0 0 5px 0;
}

.blog .btn {
    margin: 0 0 5px 0;
}

.article h1 {
    color: #434b57;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

.article-title {
    margin-bottom: 24px;
    margin-top: 24px;
    /*max-width: 700px;*/
}

.article-featured-image > img {
    max-width: 100%;
    /*width: 100%;*/
    margin-bottom: 28px;
    border-radius: 4px;
}

.article a {
    overflow-wrap: break-word;
}

.article-body {
    max-width: 700px;
    font-family: 'Nunito','Quicksand';
    font-size: 20px;
    line-height: 1.6;
    color: #434b57;
    margin-top: 8px;
    margin-bottom: 12px;
}

    .article-body > p > iframe.note-video-clip { /*legacy fix*/
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 100%;
    }

    .article-body > p {
        margin: 0px 0px 10px;
        word-break: break-word;
    }

    .article-body li {
        margin-bottom: 24px;
    }

@media all and (min-width:0px) and (max-width: 568px) {
    .article-body > p > iframe.note-video-clip { /*legacy fix*/
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 334px !important;
        max-height: 189px !important;
    }
}


.twitchVideo {
    position: relative;
    padding-bottom: 60.0%;
    height: 0;
}

    .twitchVideo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.article .ibox-content {
    padding: 18px 4px;
}

.admin-featured-panel {
    border-radius: 8px;
    padding: 8px;
    background: #fcfdfd94;
    border: 1px solid #e8edf1;
    max-width: 834px;
    margin: 0px auto;
}

.btn-link:hover, .btn-link:focus {
    color: #ff5f5f;
}

.btn-strong-link {
    border-color: none;
    font-weight: 700;
    color: #29abe0;
    cursor: pointer;
}

.btn-control-panel {
    padding: 8px 16px;
    border: 1px #29abe000 solid !important;
    background-color: #29abe01a !important;
    color: #29abe0 !important;
    border-radius: 8px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px !important;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

    .btn-control-panel:hover {
        background-color: #29abe033 !important;
        color: #29abe0 !important;
    }

.btn-control-panel-red {
    padding: 8px 16px;
    border: 1px #ff5f5f solid !important;
    background-color: #ff5f5f !important;
    color: #fff !important;
    border-radius: 8px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px !important;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

    .btn-control-panel-red:hover {
        background-color: white !important;
        color: #ff5f5f !important;
    }

.btn-control-panel-no-border {
    color: #29abe0 !important;
    line-height: 24px !important;
    margin-bottom: 5px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    margin-top: 8px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    background: none;
}

    .btn-control-panel-no-border:hover {
        color: #ff5f5f !important;
    }

.btn-control-panel-white {
    border: 2px #89c7e2 solid !important;
    color: #676f76 !important;
    line-height: 18px !important;
    margin-bottom: 5px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    margin-top: 5px !important;
    border-radius: 50px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 15px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    background: none;
}

.y-scroll {
    overflow-y: scroll;
}

.btn-control-panel-white:hover {
    box-shadow: 1px 4px 1px #4a89a5;
}


.btn-your-page {
    color: #3fb4e3 !important;
    line-height: 20px !important;
    margin-bottom: 4px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    margin-top: 4px !important;
    border-radius: 8px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 12px !important;
    position: relative;
    text-align: center;
    white-space: nowrap;
    background: #e9f7fc !important;
}


    .btn-your-page:hover {
        background-color: #29abe033 !important;
        color: #29abe0 !important;
    }

.btn-dash-edit {
    color: #3fb4e3 !important;
    line-height: 20px !important;
    margin-bottom: 2px !important;
    margin-left: 1px !important;
    margin-right: 8px !important;
    margin-top: 2px !important;
    border-radius: 8px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    border: #3fb4e3 1px solid;
    line-height: 20px;
    padding: 6px 12px !important;
    position: relative;
    text-align: center;
    white-space: nowrap;
    background: #ffffff !important;
}

    .btn-dash-edit:hover {
        background-color: #29abe033 !important;
        color: #29abe0 !important;
    }

.post-profile-text-container {
    margin-left: 10px;
}

.padlock-icon {
    font-size: 14px;
}

.post-profile-image-container {
    height: 45px;
    width: 45px;
}

.recent-posts-title {
    display: table-cell;
}

    .recent-posts-title > a {
        color: #14171a;
    }

/*hide the show more button on this panel, since we are already on the posts page*/
#recentPostsContainerDiv2 .btn-showmore {
    display: none;
}

.post-profile-image-container > a > img {
    border-radius: 50%;
    height: 45px !important;
    width: 45px !important;
    object-fit: cover;
}

.recent-post-circle {
    border-radius: 8px;
    height: 38px;
    width: 64px;
    line-height: 29px;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,.15) !important;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    text-align: center;
    background-size: cover;
    margin-bottom: 20px;
    padding-top: 4px;
    background-position: center;
}

.navbar-gear {
    opacity: 0.55;
    position: absolute;
    right: -6px;
    text-align: center;
    bottom: -4px;
    vertical-align: middle;
    line-height: 15px;
    font-size: 5px;
    font-size: 13px;
    background: white;
    border-radius: 50%;
    z-index: 10000000;
    height: 13px;
    width: 15px;
}

.recent-post-icon {
    color: #ffa5a5;
    font-size: 19px;
}

.category-container {
    background: #ffffff;
    border: 1px solid #c8cbcd;
    padding: 10px;
    border-radius: 5px;
}

.category-item {
    box-sizing: border-box;
    position: static;
    border-radius: 0px;
    overflow: inherit;
    padding: 0.35rem;
    margin: 0rem;
    border-color: #ccc;
    border-style: none;
    display: block;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
}

.category-link {
    background: white;
    text-align: left;
}

.ui-action-card.shadow-sm:hover {
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}

.ui-action-card.shadow-md:hover {
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
}

.ui-action-card.shadow-lg:hover {
    box-shadow: 0 8px 18px rgba(0, 9, 128, 0.15), 0 15px 35px rgba(0, 9, 128, 0.2);
}

.ui-action-card.shadow-xl:hover {
    box-shadow: 0 10px 20px rgba(0, 9, 128, 0.15), 0 20px 48px rgba(0, 9, 128, 0.2);
}

.ui-card .card-header.pb-0 {
    margin-top: 10px;
    padding: 2rem 2rem 0 2rem;
}

.ui-card {
    background-color: #FFF;
    border-radius: 8px;
}

    .ui-card .card-image {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
        object-fit: cover;
    }

        .ui-card .card-image img {
            max-width: 100%;
            object-fit: cover;
        }

    .ui-card .card-header {
        margin-top: 10px;
        padding: 2rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .ui-card .card-body {
        padding: 2rem;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }

    .ui-card .card-footer {
        padding: 2rem;
    }

    .ui-card.ui-action-card {
        cursor: pointer;
        -webkit-transition: box-shadow 0.35s ease-out;
        transition: box-shadow 0.35s ease-out;
    }

    .ui-card.ui-curve .card-header {
        position: relative;
        background: #fff;
        overflow: hidden;
    }

        .ui-card.ui-curve .card-header::after {
            display: block;
            content: '';
            height: 100%;
            background: url(../img/svg-layers/curve-layer-gray.svg) bottom no-repeat;
            background-size: contain;
            position: absolute;
            bottom: -2px;
            left: -6px;
            right: -6px;
            z-index: 1;
        }

        .ui-card.ui-curve .card-header .paragraph {
            display: inline-block;
            max-width: 350px;
            margin-bottom: .25rem;
        }

    .ui-card.ui-curve .card-body {
        background-color: #f6f7f8;
    }

    .ui-card.ui-curve.color-card .card-header::after {
        background: url(../img/svg-layers/curve-layer.svg) bottom no-repeat;
    }

    .ui-card.ui-curve.color-card .card-body {
        background-color: #FFF;
    }

.ui-app-screens .ui-card {
    width: 275px;
    overflow: hidden;
    border-radius: 1.25rem;
}

.ui-blog-grid .post-item .card-image .ui-cover-img {
    max-width: none;
}

.ui-blog-grid .post-item .card-body {
    height: 6.8rem;
}

.ui-posts-widget .post-item {
    display: block;
    position: relative;
    padding-left: 66px;
    height: 66px;
    color: #708198;
}

    .ui-posts-widget .post-item:hover, .ui-posts-widget .post-item:hover .heading {
        color: #8089ff;
    }

.post-profile-image {
    background-size: cover;
}

.card-image {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    object-fit: cover;
}

/*.card-profile-image {
    border-radius: 50%;
    height: 99px;
    width: 99px;
    border: 2px white solid;
}*/

.card-profile-image {
    border-radius: 50%;
    height: 82px;
    position: absolute;
    width: 82px;
    left: 25px;
    top: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 3px white solid;
}

.card-header {
    padding: 1.5rem 1.5rem 0 1.5rem;
    height: 80px;
}

.card-body {
    padding: 1rem 1.5rem 1rem 1.5rem;
}

.featuredcard-body {
    padding: 1rem 1.5rem 1rem 1.5rem;
}

.featuredcard-link {
    border: solid 1px #ff5f5f;
    border-radius: 50px;
    color: #ff5f5f;
    display: inline;
    font-family: 'Quicksand', 'Helvetica Neue', 'Lato', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 15px;
    margin: 2px 2px 2px 0px;
    font-weight: 600;
    padding: 8px 16px;
    text-align: center;
    text-shadow: none;
    vertical-align: baseline;
    white-space: nowrap;
    display: inline-block;
    background: #ffffff;
}

.featured-gold {
    background: #ffc758;
    padding: 2px 16px;
    border-radius: 50px;
    color: white;
    font-weight: 600;
    font-family: 'Quicksand';
}

.ui-blog-grid .post-item .featuredcard-body {
    height: 110px;
}

.card-heading {
    font-family: 'Quicksand',Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 700;
}

.featuredcard-profile-image {
    border-radius: 50%;
    height: 102px !important;
    width: 102px !important;
    margin-top: 24px;
    margin-bottom: 10px;
    border: 3px white solid;
}

.ui-card .featuredcard-body {
    padding: 2rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.featuredcard-header {
    /*padding: 1.5rem 1.5rem 0 1.5rem;*/
    height: 72px;
}

    .featuredcard-header > h2 {
        font-size: 20px;
        margin-bottom: 8px;
    }

.card-body {
    padding: 2rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.avatar {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: .25rem;
}

card-footer .post-author span {
    display: inline-block;
    vertical-align: middle;
}

.card-footer .post-meta {
    font-size: 12px;
}

.bg-red, .ui-card.bg-red {
    color: #fff;
    background-color: #ff5f5f;
}

.general-container {
    overflow: hidden;
}

.blurred-image {
    filter: blur(20px);
}

.sticky-footer {
    background: white;
    padding: 12px;
    color: black;
    position: fixed;
    bottom: 0px;
    margin-top: -50px;
    width: 100%;
    left: 0;
    z-index: 100000;
    font-size: 18px;
}

.sticky-footer-link {
    color: #ff5f5f !important;
    text-decoration: underline;
    font-weight: 600;
}

.sticky-footer-profile {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    background: white;
    padding: 10px 8px;
    color: black;
    position: fixed;
    bottom: 0px;
    margin-top: -50px;
    width: 100%;
    left: 0;
    z-index: 100;
    font-size: 18px;
}

.btn-ribbon-donate {
    font-family: 'Quicksand';
    width: 100%;
    font-size: 18px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 15px 12px;
    margin-bottom: 4px;
}

.btn-ribbon-add-something {
    font-family: 'Quicksand';
    width: 80%;
    font-size: 16px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 15px 12px;
    margin-bottom: 4px;
}

.btn-ribbon-share {
    font-family: 'Quicksand';
    width: 16%;
    font-size: 16px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 15px 12px;
    margin-bottom: 4px;
}

.gallery-modal-backdrop {
    background-color: rgba(75, 78, 88, 0.45);
}

.modal-caption-pdg {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.modal-dialog {
    padding: 3px !important;
}

.modal-h2 {
    color: #14171a;
    font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 6px;
}

.close {
    opacity: 1;
    font-size: 40px;
    font-weight: 400;
}

.item-current-bg {
    background-color: aliceblue;
}

.close-modal-mrgn {
    margin-right: 16px!important;
    margin-top: 10px!important;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 6px;
    top: 8px;
    border: 2px solid white;
    background-color: #ff5f5f;
    color: white;
    font-size: 10px;
    font-weight: 600;
}

.dropdown-alerts {
    margin-left: auto;
}

.dropdown-alerts {
    min-width: 0;
    width: 310px;
}

alerts {
    padding: 10px 10px 10px 10px;
}

.dropdown-menu {
    border: medium none;
    border-radius: 3px;
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    text-transform: none;
}

    .dropdown-menu li {
        padding: 0px 8px;
        display: block;
        text-transform: none;
    }

.navbar .nav > li > a {
    font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif !important;
}

.nav.navbar-top-links .dropdown-alerts a {
    font-size: 12px;
}

.navbar-avatar {
    margin-top: -5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
}

.dropdown-messages, .dropdown-alerts {
    padding: 10px 10px 10px 10px;
}

.dropdown-menu > li > a, .dropdown-menu > li > form > a {
    color: inherit;
    line-height: 19px;
    text-align: left;
    font-weight: normal;
}

.dropdown-menu li a {
    padding: 8px 4px;
    /* min-height: 0; */
    color: #303744 !important;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
    display: block;
    text-transform: none;
}

input#directUrl {
    /*font-family: 'Quicksand';*/
    font-weight: 600;
    /*color: #29abe0;*/
}

@media (max-width: 767px) {

    .navbar-nav .open .dropdown-menu > li > a, .dropdown-menu > li > form > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        /*padding: 5px 15px 5px 10px;*/
    }
}

.dropdown-menu li a:hover {
}

.media-body {
    display: table-cell;
    width: auto;
    text-transform: none;
    font-size: 15px;
}

.dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}

.insitenotification-img {
    border-radius: 4px;
    background-image: none;
    width: 38px;
    height: 38px;
    border: none;
    box-shadow: none;
    object-fit: cover;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-alerts {
        border-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        box-shadow: 0 10px 3px rgba(86, 96, 117, 0.05);
        display: block;
        float: left;
        font-size: 12px;
        left: 0;
        list-style: none outside none;
        position: absolute;
        text-shadow: none;
        top: 100%;
        z-index: 1000;
        text-transform: none;
        background: white;
        width: 300px;
    }
}

.navbar-logo-circle {
    float: left;
    background: #4b798d;
    height: 32px;
    width: 32px;
    border-radius: 17px;
    padding-left: 1px;
}

.navbar-logo-img {
    width: 25px;
    position: relative;
    left: 4px;
    top: 3px;
}

.navbar-logo-text {
    font-family: 'Quicksand',sans-serif;
    font-size: 22px;
    margin-left: 5px;
    font-weight: 600;
    color: #434b57;
}

.white-bg {
    background: #fff;
}

.feeditem-poster-name {
    font-family: 'Quicksand';
}

.feed-position {
    position: relative;
    z-index: 1000;
}


.feeditem-poster-name-owner {
    /*color:#ff5f5f;*/
}

.feeditem-profile-img-owner {
    border: 2px solid #ff5f5f;
}


.recurring-icon {
    color: #42d6aa;
}


.content-link-text {
    padding-right: 16px;
    padding-left: 16px;
    color: #3f4243;
}

.content-vid-link-text {
    padding: 16px;
}


.content-link-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid none;
    border-width: 1px;
    background-color: rgba(163, 188, 229, 0.1);
    border-color: rgba(100, 158, 255, 0.1);
}

.content-text-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    margin-left: 16px;
    padding-top: 24px;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

.content-text-post-mrgn {
    padding-right: 16px;
}

.content-text-post-header {
    position: relative;
    z-index: 40;
    font-size: 16px;
    font-weight: 700;
}

    .content-text-post-header > div {
        word-break: break-word;
    }
    
    .content-text-post-content > div {
        word-break: break-word;
    }


.feeditem-action {
    color: #444c57;
    font-size: 15px;
}

.leaderboard-item {
    background: white;
    min-width: 240px;
    width: 100%;
    border-radius: 500px;
    margin-bottom: 12px;
    text-align: left;
    border: 1px solid #a7cddd;
    padding: 3px;
    display: inline-flex;
}

.leaderboard-image {
    margin-top: 3px;
    margin-left: 4px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #5ba8cac7;
    image-orientation: unset;
    background-size: cover;
    display: table-cell;
    float: left;
}

.leaderboard-name {
    display: table-cell;
    font-family: 'Quicksand';
    font-weight: 700;
    vertical-align: middle;
    height: 100%;
    float: left;
    height: 56px;
    padding-top: 17px;
    padding-left: 8px;
}

.gold-border {
    border: 2px solid #ffc758 !important;
}

.silver-border {
    border: 2px solid #29abe0 !important;
}

.bronze-border {
    border: 2px solid #29abe0 !important;
}

.text-white {
    color: white !important;
}

.leaderboard-panel-icon {
    width: 80px;
    filter: drop-shadow(1px 1px 5px #ffa1a1);
    -webkit-filter: drop-shadow(1px 1px 5px #ffa1a1);
    -moz-filter: drop-shadow(1px 1px 5px #ffa1a1);
}

.gold-panel-icon {
    width: 45px;
    filter: drop-shadow(1px 1px 5px #e9d1a2);
    margin-top: 15px;
    margin-left: 15px;
}

.simple-panel {
    background: #ffffff;
    /*border: 1px solid #e8edf1;*/
    box-shadow: 1px 0px 4px rgba(0,2,4,.055), 0 7px 18px rgba(1,1,1,.05);
}

.flat-panel {
    border-radius: 8px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #e8edf1;
}

.modal-header-pdg {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 4px;
}

.modal-bottom-end {
    margin-bottom: 10px;
}

.gallery-img-width {
    width: 100%;
}

.gallery-item-modal-container {
    background: white;
    /*border: 1px solid #e8edf1;*/
    box-shadow: none;
    border-radius: 8px;
    box-shadow: 1px 2px 3px rgba(0, 2, 4, 0.055), 0 7px 18px rgba(1, 1, 1, 0.05);
}

.btn-upgrade {
    font-weight: 600;
    background: #e9f7fc;
    border: 1px solid;
    border-radius: 8px;
    padding: 8px 14px;
    color: #29abe0;
    border: none;
}

    .btn-upgrade:hover {
        background-color: #29abe033 !important;
        color: #29abe0;
    }

    .btn-upgrade:focus {
        color: #ff5f5f;
    }

.upgrade-panel {
    font-size: 16px;
    font-family: 'Quicksand';
    padding: 16px 18px;
    text-align: center;
    background: white !important;
    border: 1px solid #e3ecf0;
    box-shadow: none;
}



.gold-panel {
    color: white;
    font-family: 'Quicksand';
    font-size: 17px;
    padding: 20px;
    background: #e2c283;
    color: white;
    text-align: center;
}

    .gold-panel > h2 {
        color: #fff;
        font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 10px;
    }

.profile-badge {
    height: 43px;
    padding: 7px 5px 6px;
    margin-right: 6px;
}

.popup-hint {
    padding-top: 8px;
}




.swal2-icon.swal2-success [class^='swal2-success-line'] {
    height: 6px;
    background-color: #fbaa19a1 !important;
    display: block;
    border-radius: 11px;
    position: absolute;
    z-index: 2;
}

.swal2-icon.swal2-success .swal2-success-ring {
    width: 80px;
    height: 80px;
    border: 5px solid #fbaa19a1 !important;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.swal2-popup .swal2-buttonswrapper {
    margin-top: 8px !important;
}

.swal2-popup .swal2-styled {
    background: #e9f7fc !important;
    color: #29abe0 !important;
    border-radius: 8px !important;
    font-family: 'Quicksand';
    font-weight: 700 !important;
    padding: 10px 12px !important;
    margin: 12px 5px 0 !important;
}

/*make the cancel button a lighter font weight*/
.swal2-cancel.swal2-styled {
    font-weight: inherit;
}

.tip {
    color: #c7c9d0;
}

label {
    font-weight: bold !important;
    font-family: 'Quicksand' !important;
}

.tooltip {
    text-transform: none;
}

.fa-facebook, .fa-facebook-square {
    color: #3b5998
}

.fa-twitter, .fa-twitter-square {
    color: #55acee;
}

.fa-google-plus, .fa-google-plus-square {
    color: #dd4b39
}

.fa-youtube, .fa-youtube-square {
    color: #bb0000
}

.fa-tumblr, .fa-tumblr-square {
    color: #34465d;
}

.alert > a {
    text-decoration: underline;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    top: 16px;
    right: 16px;
    color: inherit;
}

.alert-success {
    background-color: #29abe0;
}

.fa-vine {
    color: #00bf8f
}

.fa-flickr {
    color: #ff0084
}

.fa-vimeo-square {
    color: #aad450
}

.fa-pinterest, .fa-pinterest-square {
    color: #cb2027
}

.fa-linkedin, .fa-linkedin-square {
    color: #007bb6
}

.fa-instagram {
    color: #dd2a7b !important;
}

.fa-spotify {
    color: #1ED760;
}

.fa-reddit, .fa-reddit-square {
    color: #ff4500;
}

.fa-reddit-alien {
    color: #ff4500 !important;
}

.fa-twitch {
    color: #6441a5;
}

.social-link > i {
    color: #e8edef;
}

.non-gold-social-link {
    display: inline-block;
}

    .non-gold-social-link > a {
        display: none;
    }

    .non-gold-social-link > i {
        color: #cdcdcd !important;
    }

.blue {
    color: #29abe0;
}

.gold {
    color: #ffc758;
}

.text-strong {
    font-weight: 600;
}

.btn-review-remove {
    background-color: #e25d5d;
    color: white;
    margin: 3px;
    min-width: 100px;
}

.btn-review-ok {
    background-color: #3fbd3f;
    color: white;
    margin: 3px;
    min-width: 100px;
}

.label-gold {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 6px;
    border-radius: 50px;
    text-shadow: none;
    background-color: #ffc758;
    color: white;
    vertical-align: middle;
    margin: 0 2px 2px 2px;
    vertical-align: middle;
    display: inline-block;
}

.label-beta {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 4px;
    text-shadow: none;
    background-color: #ff5f5f;
    color: white;
    vertical-align: middle;
    margin: 0 2px 2px 0;
    vertical-align: middle;
    display: inline-block;
}

.label-Pending {
    background-color: #99a3bb;
    color: #ffffff;
}

.label-Completed {
    background-color: #3cd6b8;
    color: #ffffff;
}

.commissions-open-sign {
    border: none;
    padding: 3px 13px;
    background: #fff;
    font-weight: 700;
    color: black;
    border-radius: 35px;
    margin: 16px 0px 16px;
    font-size: 18px;
    display: inline-block;
}

.addon-label {
    font-weight: normal !important;
}

.label-commission, .label-commissions-open {
    margin-top: 2px;
    border: solid 1px #42d6aa;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-family: 'Quicksand', 'Helvetica Neue', 'Lato', Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 14px;
    margin: 6px 0px 2px 0px;
    font-weight: 600;
    padding: 4px 6px;
    text-align: center;
    text-shadow: none;
    vertical-align: baseline;
    white-space: nowrap;
    display: inline-block;
    background: #42d6aa;
}

.btn-commissions-open {
    padding: 3px 12px;
    line-height: 1.75;
    border: solid 1px #42d6aa;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-family: 'Quicksand', 'Helvetica Neue', 'Lato', Helvetica, Arial, sans-serif;
    text-align: center;
    text-shadow: none;
    vertical-align: baseline;
    white-space: nowrap;
    display: inline-block;
    background: #42d6aa;
    margin-left: 8px;
    font-weight: 700;
    font-family: 'Quicksand';
    border-radius: 8px;
}

.btn-commissions-open {
    border: solid 1px #42d6aa;
}

.btn-post-support {
    border-radius: 8px;
    font-weight: 600;
    padding: 8px 12px;
}

.gold-strong {
    color: #ffc758 !important;
    font-weight: 600 !important;
}

.gold-light {
    color: #eecc8a !important;
}

.gold-h1 {
    font-size: 50px;
    font-weight: 700;
    text-shadow: 0px 0px 4px #00000057;
}

.gold-h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 18px;
    margin-top: 32px;
}

.gold-h3 {
    font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.gold-sub {
    color: #26272a;
    /*font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif;*/
    font-size: 22px;
    letter-spacing: .12px;
    line-height: 1.3em;
    margin-bottom: 24px;
    margin-top: 24px;
    opacity: 1;
    text-align: center;
    padding: 0 10px;
    max-width: 650px;
}

.gold-features {
    display: flex;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 25px;
}

.gold-feature-dash {
    flex-basis: 100% !important;
    margin: 0px 15px 24px 15px !important;
}

@media screen and (max-width:848px) {
    .gold-feature {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column;
        text-align: center;
    }

    .gold-feature-img {
        margin-bottom: 20px;
    }

    .gold-feature-info {
        margin-left: 0 !important;
    }
}

.gold-feature {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(153,170,181,.3);
    box-sizing: border-box;
    flex-basis: 420px;
    margin: 20px 20px;
    padding: 24px;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

    .gold-feature:hover {
        box-shadow: 0 9px 30px 1px rgba(153,170,181,.2);
    }

.gold-feature-info {
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 24px;
    text-align: left;
}

.pn-flex {
    border-radius: 8px;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); */
    color: #444c57;
    padding-bottom: 8px;
    padding-top: 8px;
}


.gold-feature-img {
    height: 50px;
}

.gold-feature-title {
    color: #14171a;
    font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.gold-feature-description {
    color: #4c4b50;
    font-size: 18px;
    line-height: 24px;
}

.buy-panel {
    background: #f8f9fb;
    border: 1px solid #ccd1d9;
}

.btn-gold {
    background-color: #e2c283;
    color: #fff;
    font-size: 21px;
    padding: 9px 29px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Quicksand';
}

.gold-header-container {
    padding-top: 25px;
    padding-bottom: 18px;
    margin: -15px -25px 20px -25px;
    background: #e2be6e;
    color: white;
    background: linear-gradient(17deg, #e1a959 43%, #e2be6e 56%);
    background-size: auto auto;
    background-size: auto auto;
    animation: Gradient 5s ease-in infinite;
    background-size: 156% 118%;
}

.bg-gold-gradient {
    background: linear-gradient(35deg, #e2b551 21%, #e6c731 61%);
    color: #fff;
}

.bg-gold-gradient-sale {
    background: linear-gradient(35deg, #1b1c1d 21%, #414c5a 61%);
    color: #e3b949;
}

.badge-gold {
    background-color: #ffc758 !important;
    color: white;
    border-radius: 50px;
    font-family: 'Quicksand';
    font-weight: 700;
    margin: 8px 15px 4px;
    font-size: 17px;
    letter-spacing: 0.5px;
    padding: 3px 8px;
}

td.footable-visible {
    padding: 14px 6px !important;
}

.badge-complete {
    background-color: #42d6aa;
}

.badge-incomplete {
    background-color: #eff3f5;
}


.badge-draft {
    background-color: #eaeaea;
    color: #404040;
    border-radius: 50px;
}

.gold-header-container .gold-sub {
    color: white !important;
}

.gold-header-container > h1 {
    color: white;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.kofi-blue-fill {
    background: linear-gradient(45deg, #29abe0 0%, #5dacce 95%);
}

.kofi-blue {
    color: #29abe0;
}

/*lightbox*/

* {
    box-sizing: border-box;
}

.lb-row > .lb-column {
    padding: 0 8px;
}

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

.lb-column {
    float: left;
    width: 25%;
}

/* The Modal (background) */
.lb-modal {
    display: none;
    position: fixed;
    z-index: 100000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
}

/* Modal Content */
.lb-modal-content {
    position: relative;
    background-color: #000;
    margin: auto;
    padding: 0;
    width: 95%;
    max-width: 1000px;
}

/* The Close Button */
.lb-close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}

    .lb-close:hover,
    .lb-close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

.lb-mySlides {
    display: none;
}

.lb-cursor {
    cursor: pointer
}

/* Next & previous buttons */
.lb-prev,
.lb-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.lb-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .lb-prev:hover,
    .lb-next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

/* Number text (1/3 etc) */
.lb-numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

lb-img {
    margin-bottom: -4px;
}

.lb-caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
}

.lb-demo {
    opacity: 0.6;
}

.lb-active,
.demo:hover {
    opacity: 1;
}

lb-img.hover-shadow {
    transition: 0.3s
}

.lb-hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.input-group-addon {
    background: none;
    background-color: transparent;
    border: none;
    padding: 2px 4px;
}

.nav-hr {
    margin-left: 26px;
    margin-right: 26px;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid #435c74;
    margin-top: 15px;
    margin-bottom: 8px;
}

.kofi-gold-text {
    font-family: 'Quicksand';
    font-weight: 600;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-drag {
        cursor: url(../img/cursors/openhand.cur), move;
    }

    .owl-carousel.owl-grab, .owl-carousel:focus {
        cursor: url(../img/cursors/closedhand.cur), move;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

.no-js .owl-carousel {
    display: block;
}

/* 3.2 :: Owl Carousel Animate */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

/* :: TESTIMONIALS */
.ui-testimonials .owl-stage-outer {
    margin: 0 -8px;
    padding-left: 8px;
    padding-top: .35rem;
}

.ui-testimonials .item .user {
    padding: 2rem 0;
    padding-left: .25rem;
}

.testi {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    box-sizing: border-box;
    flex-basis: 340px;
    margin: 0px 20px;
    padding: 15px;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.ui-testimonials {
    display: flex;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 25px;
}

    .ui-testimonials .item .user:before, .ui-testimonials .item .user:after {
        content: " ";
        display: table;
    }

    .ui-testimonials .item .user:after {
        clear: both;
    }

    .ui-testimonials .item .user .avatar {
        width: 55px;
        height: 55px;
        border-radius: 100%;
        margin-right: 1rem;
        float: left;
        overflow: hidden;
    }

        .ui-testimonials .item .user .avatar img {
            width: 100%;
            height: 100%;
            max-width: 100%;
        }

    .ui-testimonials .item .user .info {
        float: left;
    }

        .ui-testimonials .item .user .info .heading {
            line-height: 1;
            margin-bottom: .25rem;
            margin-top: .25rem;
        }

        .ui-testimonials .item .user .info .sub-heading {
            margin-bottom: 0;
            font-size: 15px;
        }

    .ui-testimonials .item .ui-card {
        position: relative;
        padding: 1.4rem;
        overflow: visible;
        border: 1px solid #ddd5d7;
        box-shadow: none;
        border-radius: 10px;
    }

        .ui-testimonials .item .ui-card p {
            font-family: 'Quicksand';
            color: #414c5a;
            margin-bottom: 0;
        }

.testimonial-name {
    font-size: 16px;
    font-family: 'Quicksand';
}

.ui-testimonials .item .ui-card::before {
    display: block;
    position: absolute;
    content: '';
    background-size: cover;
    top: .75rem;
    left: 1rem;
    width: 40px;
    height: 40px;
    opacity: 0.2;
}

.ui-testimonials .item .ui-card::after {
    display: block;
    font-family: 'FontAwesome';
    content: '\f0d7';
    position: absolute;
    top: 100%;
    font-size: 50px;
    height: 10px;
    line-height: 10px;
    left: 1rem;
    color: #FFF;
    text-shadow: 0 6px 4px rgba(14, 0, 116, 0.05);
}

.shadow-md {
    box-shadow: 0px 3px 8px rgba(103, 82, 37, 0.1), 0 4px 10px rgba(0, 9, 128, 0.035);
}

.ui-card {
    background-color: #FFF;
    border-radius: 8px;
}

.ui-hero {
    position: relative;
}

    .ui-hero.hero-sm {
        padding: 4rem 0;
    }

@media (min-width:992px) {
    .ui-hero.hero-sm {
        padding: 5rem 0;
    }
}

@media (min-width:1367px) {
    .ui-hero.hero-sm {
        padding: 6rem 0;
    }
}

.ui-hero.hero-lg {
    padding: 2rem 0;
}

@media (min-width:481px) {
    .ui-hero.hero-lg {
        padding: 2rem 0;
    }
}

@media (min-width:740px) {
    .ui-hero.hero-lg {
        padding: 2rem 0;
    }
}

@media (min-width:1367px) {
    .ui-hero.hero-lg {
        padding: 8rem 0;
    }
}

@media (max-width:739px) {
    .ui-hero.hero-lg .heading, .ui-hero.hero-lg .paragraph {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (min-width:740px) {
    .ui-hero.hero-lg .heading, .ui-hero.hero-lg .paragraph {
        max-width: 500px;
    }
}

.ui-hero .container {
    padding-top: 50px;
    position: relative;
    z-index: 2;
}

@media (min-width:481px) {
    .ui-hero .container {
        padding-top: 60px;
    }
}

.ui-hero .heading, .ui-hero .paragraph {
    max-width: 500px;
}

.ui-hero.hero-center {
    text-align: center;
}

    .ui-hero.hero-center .heading, .ui-hero.hero-center .paragraph {
        margin-left: auto;
        margin-right: auto;
    }

.ui-hero .heading {
    margin-bottom: 1.6rem;
    font-size: 2.6rem;
}

@media (min-width:481px) {
    .ui-hero .heading {
        margin-bottom: 1.75rem;
        font-size: 3rem;
    }
}

@media (min-width:740px) {
    .ui-hero .heading {
        margin-bottom: 24px !important;
        font-size: 3.2rem;
    }
}

@media (min-width:992px) {
    .ui-hero .heading {
        margin-bottom: 24px !important;
    }
}

.ui-hero .paragraph {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.ui-hero .actions {
    margin-top: 1.6rem;
    text-align: center;
    margin-bottom: 3rem;
}

@media (min-width:481px) {
    .ui-hero .actions {
        margin-top: 1.75rem;
    }
}

@media (min-width:740px) {
    .ui-hero .actions {
        margin-top: 2rem;
        margin-bottom: 0;
        text-align: left;
    }
}

@media (min-width:992px) {
    .ui-hero .actions {
        margin-top: 2.25rem;
    }
}

.ui-hero img {
    display: block;
}

@media (max-width:739px) {
    .ui-hero img {
        margin-left: auto;
        margin-right: auto;
    }
}

.ui-hero.ui-hero-slider {
    padding: 2rem 0 3rem 0;
}

@media (min-width:481px) {
    .ui-hero.ui-hero-slider {
        padding: 2rem 0 3rem 0;
    }
}

@media (min-width:740px) {
    .ui-hero.ui-hero-slider {
        padding: 2rem 0 3rem 0;
    }
}

@media (min-width:1367px) {
    .ui-hero.ui-hero-slider {
        padding: 8rem 0;
    }
}

.ui-hero.ui-hero-slider .sp-slides {
    opacity: 1;
    -webkit-transition: opacity 0.35s ease-out;
    transition: opacity 0.35s ease-out;
}

    .ui-hero.ui-hero-slider .sp-slides.fade {
        opacity: 0;
    }

.ui-hero.ui-hero-slider .sp-buttons {
    bottom: 1rem;
}

@media (min-width:740px) {
    .ui-hero.ui-hero-slider .sp-buttons {
        bottom: 1rem;
    }
}

@media (min-width:1367px) {
    .ui-hero.ui-hero-slider .sp-buttons {
        bottom: 4rem;
    }
}

.ui-hero.ui-waves {
    margin: 0 0 -2rem 0;
    padding: 2rem 0 4rem 0;
}

@media (min-width:740px) {
    .ui-hero.ui-waves {
        padding: 2rem 0 6rem 0;
    }
}

@media (min-width:1367px) {
    .ui-hero.ui-waves {
        padding: 8rem 0 12rem 0;
    }
}

.ui-hero.ui-waves::after {
    display: block;
    content: '';
    height: 100%;
    background: url(../img/svg-layers/waves.svg) bottom no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1px;
    left: -20%;
    right: -20%;
    z-index: 1;
}

@media (min-width:740px) {
    .ui-hero.ui-waves::after {
        left: -1px;
        right: -1px;
    }
}

.ui-hero.ui-curve {
    padding: 2rem 0 4rem 0;
}

@media (min-width:740px) {
    .ui-hero.ui-curve {
        padding: 2rem 0 6rem 0;
    }
}

@media (min-width:1367px) {
    .ui-hero.ui-curve {
        padding: 5rem 0 4rem 0;
    }
}

.ui-hero.ui-curve::after {
    display: block;
    content: '';
    height: 100%;
    background: url(../img/svg-layers/curve-layer.svg) bottom no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -3px;
    left: -1px;
    right: -1px;
    z-index: 1;
}

@media (min-width:992px) {
    .ui-hero.ui-curve::after {
        left: -10%;
        right: -10%;
    }
}

@media (min-width:1367px) {
    .ui-hero.ui-curve::after {
        left: -20%;
        right: -20%;
    }
}

@media (min-width:1500px) {
    .ui-hero.ui-curve::after {
        left: -30%;
        right: -30%;
    }
}

@media (max-width:739px) {
    .ui-hero.hero-lg .heading, .ui-hero.hero-lg .paragraph {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (min-width:740px) {
    .ui-hero.hero-lg .heading, .ui-hero.hero-lg .paragraph {
        max-width: 500px;
    }
}

.ui-hero.ui-gradient-animator {
    background: linear-gradient(45deg, #fd81b5, #c961f7, #8089ff, #c961f7, #fe60a1, #ff8765, #fe60a1, #8089ff, #54ceff);
    background-size: 450% 100%;
    -webkit-animation-name: animate_gradient;
    animation-name: animate_gradient;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.gold-logo-white {
    background: #ffc758 !important;
    color: #fff;
    border-radius: 50px;
    padding: 1px 8px;
    font-weight: 600;
    line-height: 1.5;
}

.p-t-40 {
    padding-top: 40px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.gold-logo-div {
    font-weight: 600;
    display: inline-table;
    color: #434b57;
    font-family: 'Quicksand';
    border-bottom: 1px solid white;
    font-size: 22px;
}

h1.gold-heading {
    color: white;
    padding-top: 0px;
    font-size: 38px;
    margin-top: 12px;
}

.gold-paragraph {
    font-size: 24px;
    max-width: 550px;
}

.m-b-8, .mb-8 {
    margin-bottom: 8px;
}

.m-b-16, .mb-16 {
    margin-bottom: 16px;
}

.m-b-15 {
    margin-bottom: 16px;
}

.m-t-15 {
    margin-top: 16px;
}

.p-t-5, pad5 {
    padding-top: 5px;
}


.p-t-10, pad10 {
    padding-top: 10px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-8 {
    padding: 8px;
}

.p-16 {
    padding: 16px;
}

.rounded {
    border-radius: 8px;
}

.gold-price-white-panel {
    background: white;
    border: 1px solid #98d5f0 !important;
    padding: 18px;
    border-radius: 8px;
}

.gold-header-price {
    font-family: 'Quicksand';
    display: inline-block;
    font-size: 36px;
    top: 5px;
    position: relative;
}

.strikethrough {
    text-decoration: line-through;
}

.gold-panel-price {
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
    display: flex !important;
    position: relative;
    bottom: 4px;
}

.gold-price-heading {
    font-size: 20px;
    font-weight: 600;
}

.gold-price-per-month {
    font-size: 15px;
    color: #444;
    position: relative;
    top: 4px;
}

.gold-price-billed {
    font-size: 15px;
    color: #464e5a;
    font-weight: 600;
}

.d-inline-block {
    display: inline-block;
}

@media (min-width: 959px) {
    .pt90-ns {
        padding-top: 90px;
    }
}

@media (min-width: 959px) {
    .pb90-ns {
        padding-bottom: 90px;
    }
}

#gold-heroDIV_8 {
    box-sizing: border-box;
    color: rgb(112, 129, 152);
    speak: none;
    text-decoration: none solid rgb(112, 129, 152);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    /*width: 1263px;*/
    column-rule-color: rgb(112, 129, 152);
    perspective-origin: 631.5px 1409.84px;
    transform-origin: 631.5px 1409.84px;
    caret-color: rgb(112, 129, 152);
    border: 0px none rgb(112, 129, 152);
    font: normal normal 400 normal 23px / 26.88px "Calibri", Roboto, "Open Sans", sans-serif;
    outline: rgb(112, 129, 152) none 0px;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}
/*#gold-heroDIV_8*/

#gold-heroDIV_1 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.85);
    height: 260px;
    left: 0px;
    position: relative;
    right: 0px;
    speak: none;
    text-decoration: none solid rgba(255, 255, 255, 0.85);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    top: 0px;
    /*width: 1263px;*/
    column-rule-color: rgba(255, 255, 255, 0.85);
    perspective-origin: 631.5px 218.75px;
    transform-origin: 631.5px 218.75px;
    caret-color: rgba(255, 255, 255, 0.85);
    /*background: linear-gradient(17deg, #e1a959 43%, #e2be6e 56%);*/
    background: linear-gradient(17deg, #e1b059 43%, #ffc758 56%);
    border: 0px none rgba(255, 255, 255, 0.85);
    font: normal normal 400 normal 23px / 26.88px "Calibri", Roboto, "Open Sans", sans-serif;
    outline: rgba(255, 255, 255, 0.85) none 0px;
    padding: 2rem 0 6rem 0;
}
/*#gold-heroDIV_1*/

/*#gold-heroDIV_1:after*/

#gold-heroDIV_2 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.85);
    height: 309.5px;
    left: 0px;
    position: relative;
    right: 0px;
    speak: none;
    text-decoration: none solid rgba(255, 255, 255, 0.85);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    top: 0px;
    /*width: 1156px;*/
    z-index: 2;
    column-rule-color: rgba(255, 255, 255, 0.85);
    perspective-origin: 578px 154.75px;
    transform-origin: 578px 154.75px;
    caret-color: rgba(255, 255, 255, 0.85);
    border: 0px none rgba(255, 255, 255, 0.85);
    font: normal normal 400 normal 19.2px / 26.88px Calibri, Roboto, "Open Sans", sans-serif;
    margin: 0px 10px;
    outline: rgba(255, 255, 255, 0.85) none 0px;
    padding: 40px 10px 0px;
}
    /*#gold-heroDIV_2*/

    #gold-heroDIV_2:after {
        box-sizing: border-box;
        clear: both;
        color: rgba(255, 255, 255, 0.85);
        content: '';
        display: table;
        height: 0px;
        speak: none;
        text-decoration: none solid rgba(255, 255, 255, 0.85);
        text-rendering: optimizeLegibility;
        text-size-adjust: 100%;
        width: 0px;
        column-rule-color: rgba(255, 255, 255, 0.85);
        perspective-origin: 0px 0px;
        transform-origin: 0px 0px;
        caret-color: rgba(255, 255, 255, 0.85);
        border: 0px none rgba(255, 255, 255, 0.85);
        font: normal normal 400 normal 19.2px / 26.88px Calibri, Roboto, "Open Sans", sans-serif;
        outline: rgba(255, 255, 255, 0.85) none 0px;
    }
    /*#gold-heroDIV_2:after*/

    #gold-heroDIV_2:before {
        box-sizing: border-box;
        color: rgba(255, 255, 255, 0.85);
        content: '';
        display: table;
        height: 0px;
        speak: none;
        text-decoration: none solid rgba(255, 255, 255, 0.85);
        text-rendering: optimizeLegibility;
        text-size-adjust: 100%;
        width: 0px;
        column-rule-color: rgba(255, 255, 255, 0.85);
        perspective-origin: 0px 0px;
        transform-origin: 0px 0px;
        caret-color: rgba(255, 255, 255, 0.85);
        border: 0px none rgba(255, 255, 255, 0.85);
        font: normal normal 400 normal 19.2px / 26.88px Calibri, Roboto, "Open Sans", sans-serif;
        outline: rgba(255, 255, 255, 0.85) none 0px;
    }
/*#gold-heroDIV_2:before*/

#gold-heroDIV_3 {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.85);
    height: 249.5px;
    speak: none;
    text-decoration: none solid rgba(255, 255, 255, 0.85);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    column-rule-color: rgba(255, 255, 255, 0.85);
    perspective-origin: 578px 124.75px;
    transform-origin: 578px 124.75px;
    caret-color: rgba(255, 255, 255, 0.85);
    border: 0px none rgba(255, 255, 255, 0.85);
    font: normal normal 400 normal 19.2px / 26.88px Calibri, Roboto, "Open Sans", sans-serif;
    margin: 0px -16px;
    outline: rgba(255, 255, 255, 0.85) none 0px;
}
    /*#gold-heroDIV_3*/

    #gold-heroDIV_3:after {
        box-sizing: border-box;
        clear: both;
        color: rgba(255, 255, 255, 0.85);
        content: '';
        display: table;
        height: 0px;
        speak: none;
        text-decoration: none solid rgba(255, 255, 255, 0.85);
        text-rendering: optimizeLegibility;
        text-size-adjust: 100%;
        width: 0px;
        column-rule-color: rgba(255, 255, 255, 0.85);
        perspective-origin: 0px 0px;
        transform-origin: 0px 0px;
        caret-color: rgba(255, 255, 255, 0.85);
        border: 0px none rgba(255, 255, 255, 0.85);
        font: normal normal 400 normal 19.2px / 26.88px Calibri, Roboto, "Open Sans", sans-serif;
        outline: rgba(255, 255, 255, 0.85) none 0px;
    }
    /*#gold-heroDIV_3:after*/

    #gold-heroDIV_3:before {
        box-sizing: border-box;
        color: rgba(255, 255, 255, 0.85);
        content: '';
        display: table;
        height: 0px;
        speak: none;
        text-decoration: none solid rgba(255, 255, 255, 0.85);
        text-rendering: optimizeLegibility;
        text-size-adjust: 100%;
        width: 0px;
        column-rule-color: rgba(255, 255, 255, 0.85);
        perspective-origin: 0px 0px;
        transform-origin: 0px 0px;
        caret-color: rgba(255, 255, 255, 0.85);
        border: 0px none rgba(255, 255, 255, 0.85);
        font: normal normal 400 normal 19.2px / 26.88px Calibri, Roboto, "Open Sans", sans-serif;
        outline: rgba(255, 255, 255, 0.85) none 0px;
    }
/*#gold-heroDIV_3:before*/

#gold-heroDIV_4 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.85);
    height: 249.5px;
    left: 0px;
    min-height: 1px;
    position: relative;
    right: 0px;
    speak: none;
    text-align: center;
    text-decoration: none solid rgba(255, 255, 255, 0.85);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    top: 0px;
    column-rule-color: rgba(255, 255, 255, 0.85);
    perspective-origin: 578px 124.75px;
    transform-origin: 578px 124.75px;
    caret-color: rgba(255, 255, 255, 0.85);
    border: 0px none rgba(255, 255, 255, 0.85);
    font: normal normal 400 normal 19.2px / 26.88px Calibri, Roboto, "Open Sans", sans-serif;
    outline: rgba(255, 255, 255, 0.85) none 0px;
    padding: 0px 16px;
}
/*#gold-heroDIV_4*/

#gold-heroH1_5 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    max-width: 500px;
    speak: none;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 250px 85.5px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 250px 85.5px;
    caret-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal 700 normal 48px / 48px Quicksand, "Source Sans Pro", sans-serif;
    margin: 0px auto 20px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 20px 0px 0px;
}
/*#gold-heroH1_5*/

#gold-heroNOBR_6 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    speak: none;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal 700 normal 51.2px / 56.32px Quicksand, "Source Sans Pro", sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}
/*#gold-heroNOBR_6*/

#gold-heroP_7 {
    box-sizing: border-box;
    color: #fff;
    height: 26.5px;
    speak: none;
    text-align: center;
    text-decoration: none solid rgba(255, 255, 255, 0.85);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    column-rule-color: rgba(255, 255, 255, 0.85);
    perspective-origin: 562px 13.25px;
    transform-origin: 562px 13.25px;
    caret-color: rgba(255, 255, 255, 0.85);
    border: 0px none rgba(255, 255, 255, 0.85);
    font: normal normal 400 normal 23px / 26.88px "Calibri", Roboto, "Open Sans", sans-serif;
    margin: 0px 0px 10px;
    outline: rgba(255, 255, 255, 0.85) none 0px;
}

.section .section-heading.center {
    text-align: center;
}

.section .section-heading {
    margin-bottom: 3.8rem;
}

.bg-light {
    background-color: #f7fafbcc !important;
    color: #616871;
}

.text-dark-gray, .heading.text-dark-gray {
    color: #464e5a;
}

.text-black {
    color: #14171a;
}

h5, .h5 {
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
}

.toast-success {
    background-color: #1ab394;
}

.toast-error {
    background-color: #ff5f5f !important;
}

.toast {
    opacity: 1 !important;
    font-size: 19px;
}

span.hint.text-red {
    color: #ff5f5f;
}

.terms {
    font-size: 13px;
    color: #8f94a4;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav:before, .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
            }

        .nav > li.disabled > a {
            color: #8e9bae;
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #8e9bae;
                text-decoration: none;
                cursor: not-allowed;
            }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        border-color: #8089ff;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 8.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.4;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        cursor: default;
    }

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 0.5rem;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}

    .nav-justified > li, .nav-tabs.nav-justified > li {
        float: none;
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width:740px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-right: 0;
    }

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: absolute;
    min-height: 62px;
}

    .navbar:before, .navbar:after {
        content: " ";
        display: table;
    }

    .navbar:after {
        clear: both;
    }

.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

@media (min-width:740px) {
    .navbar a {
        font-size: 16px !important;
    }
}

@media (min-width:740px) {
    .toggle-not-logged-in {
        display: none !important;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 0px;
}

.navbar .nav > li > a {
    font-size: 16px;
    text-transform: none;
    font-weight: 600;
}

.navbar-brand {
    float: left;
    padding: 20.5px 1rem;
    font-size: 16px;
    line-height: 19px;
    height: 60px;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width:740px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -1rem;
    }
}

@media (min-width:740px) {
    .navbar-nav {
        margin: 10.25px -1rem;
    }
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 19px;
}

@media (max-width:739px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            /*padding: 5px 15px 5px 25px;*/
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 19px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width:740px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 20.5px;
                padding-bottom: 20.5px;
            }
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
}

@media (min-width:740px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -1rem;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #FFF;
}

    .navbar-default .navbar-brand {
        color: #8089ff;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            /*color: #ff5f5f;*/
        }

    .navbar-default .navbar-text {
        color: #414c5a;
    }

    .navbar-default .navbar-nav > li > a {
        color: #414c5a;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #ff5f5f;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #ff5f5f;
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
        color: #f6f7f8;
    }

    .navbar-default .navbar-link {
        color: #414c5a;
    }

        .navbar-default .navbar-link:hover {
            color: #ff5f5f;
        }

    .navbar-default .btn-link {
        color: #414c5a;
    }

        .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
            color: #8089ff;
        }

        .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
            color: #f6f7f8;
        }

.navbar-inverse {
    background-color: #414c5a;
}

    .navbar-inverse .navbar-brand {
        color: #fff;
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
        }

    .navbar-inverse .navbar-text {
        color: #FFF;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: rgba(255, 255, 255, 0.75);
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #323a45;
    }

    .navbar-inverse .navbar-link {
        color: rgba(255, 255, 255, 0.75);
    }

        .navbar-inverse .navbar-link:hover {
            color: #fff;
        }

    .navbar-inverse .btn-link {
        color: rgba(255, 255, 255, 0.75);
    }

        .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
            color: #fff;
        }

        .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
            color: #444;
        }

.navbar {
    font-family: "Quicksand", sans-serif;
    box-shadow: 0 5px 8px #00098000, 0 5px 16px rgba(0, 9, 128, 0.05);
    -webkit-transition: box-shadow 0.35s ease-out, background-color 0.35s ease-out;
    transition: box-shadow 0.35s ease-out, background-color 0.35s ease-out;
}

.avatar-dd {
    margin-right: 24px !important;
}

@media (max-width:481px) {
    .navbar {
        min-height: 62px;
    }
}

.container {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:1200px) {
    .container {
        width: 1156px;
    }
}

@media (min-width:992px) {
    .container {
        width: 956px;
    }
}

@media (min-width:740px) {
    .container {
        max-width: 736px;
        width: 100%;
    }
}


@media (min-width:992px) {
    .container {
        max-width: 956px;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1156px;
    }
}

.navbar .navbar-brand {
    position: relative;
    font-size: 1.4rem;
}

    .navbar .navbar-brand img {
        height: 29px;
        width: auto;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px;
        -webkit-transition: opacity 0.35s ease-out;
        transition: opacity 0.35s ease-out;
    }




@media (min-width:481px) {
    .navbar .navbar-brand img {
        height: 33px;
        margin-top: -15px;
    }
}

@media (max-width:380px) {
    .navbar .navbar-brand img {
        /*display:none;*/
    }
}

@media (min-width:740px) {
    .navbar .navbar-brand img {
        height: 40px;
        margin-top: -20px;
        left: 1rem;
    }
}

@media (max-width:481px) {
    .navbar .navbar-brand {
        height: 58px;
    }
}

.navbar a {
    font-size: 14px;
    font-weight: 600;
}

@media (min-width:740px) {
    .navbar a {
        font-size: 1rem;
    }
}

.navbar .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width:992px) {
    .navbar .nav > li > a {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.navbar .dropdown-menu {
    background-color: transparent;
}

@media (min-width:740px) {
    .navbar .dropdown-menu {
        background-color: #FFF;
        box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
    }
}

.navbar .dropdown-menu a {
    font-size: 16px;
}

.navbar .btn {
    -webkit-transition: background 0.35s ease-out;
    transition: background 0.35s ease-out;
    padding: 5px 9px;
    margin: 9px 0 9px 1rem;
    color: #FFF;
}

@media (min-width:481px) {
    .navbar .btn {
        margin: 9px 0 9px 1rem;
    }
}

@media (min-width:740px) {
    .navbar .btn {
        margin: 10px 0 9px 2rem;
    }
}

.navbar.transparent, .navbar.transparent.navbar-inverse, .navbar.transparent.navbar-default, .navbar.transparent.bg-primary {
    background-color: transparent;
    box-shadow: none;
}

    .navbar.transparent .navbar-brand, .navbar.transparent.navbar-inverse .navbar-brand, .navbar.transparent.navbar-default .navbar-brand, .navbar.transparent.bg-primary .navbar-brand {
        color: #FFF;
    }

    .navbar.transparent .navbar-nav > li > a, .navbar.transparent.navbar-inverse .navbar-nav > li > a, .navbar.transparent.navbar-default .navbar-nav > li > a, .navbar.transparent.bg-primary .navbar-nav > li > a {
        color: rgba(255, 255, 255, 0.85);
    }

        .navbar.transparent .navbar-nav > li > a:hover, .navbar.transparent.navbar-inverse .navbar-nav > li > a:hover, .navbar.transparent.navbar-default .navbar-nav > li > a:hover, .navbar.transparent.bg-primary .navbar-nav > li > a:hover {
            color: #FFF;
        }

    .navbar.transparent .navbar-nav > li.active > a, .navbar.transparent.navbar-inverse .navbar-nav > li.active > a, .navbar.transparent.navbar-default .navbar-nav > li.active > a, .navbar.transparent.bg-primary .navbar-nav > li.active > a {
        color: #FFF;
    }

    .navbar.transparent .btn, .navbar.transparent.navbar-inverse .btn, .navbar.transparent.navbar-default .btn, .navbar.transparent.bg-primary .btn {
        background: #FFF;
        color: #4b798d;
    }

.navbar .ui-variable-logo .logo-default {
    opacity: 1;
}

.navbar .ui-variable-logo .logo-transparent {
    opacity: 0;
}

.navbar.transparent .ui-variable-logo .logo-default {
    opacity: 0;
}

.navbar.transparent .ui-variable-logo .logo-transparent {
    opacity: 1;
}

.ui-mobile-nav-toggle > div {
    position: relative;
    width: 28px;
    height: 16px;
    margin: 22px 0;
}

.nav-icon-mobile {
    display: inline-block;
    height: 28px;
    width: 25px;
    margin: 14px 8px;
}

    .nav-icon-mobile > a {
        font-size: 23px !important;
        color: #414c5a;
    }

@media (max-width:739px) {
    .ui-navigation {
        display: none;
        clear: both;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }
}

.mobile-nav-active .navbar-nav .dropdown-menu {
    padding: 0 0 .75rem 0;
}

.mobile-nav-active .navbar-nav.nav > li > a:hover {
    background-color: #f6f7f8;
}

.ui-mobile-nav-toggle {
    margin-left: 1rem;
}

@media (min-width:481px) {
    .ui-mobile-nav-toggle {
        margin-left: 2rem;
    }
}

@media (min-width:740px) {
    .ui-mobile-nav-toggle {
        /*display: none;*/
    }
}

.ui-mobile-nav-toggle > div {
    position: relative;
    width: 24px;
    height: 16px;
    margin: 22px 0;
}

    .ui-mobile-nav-toggle > div > span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background-color: #2d3135;
        border-radius: 4px;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-out;
        transition: 0.25s ease-out;
    }

        .ui-mobile-nav-toggle > div > span:nth-child(1) {
            top: 0px;
        }

        .ui-mobile-nav-toggle > div > span:nth-child(2), .ui-mobile-nav-toggle > div > span:nth-child(3) {
            top: 5.83333px;
        }

        .ui-mobile-nav-toggle > div > span:nth-child(4) {
            top: 11.66667px;
        }

@media (max-width:481px) {
    .ui-mobile-nav-toggle > div {
        margin: 20px 0;
    }
}

.ui-mobile-nav-toggle.active > div > span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.ui-mobile-nav-toggle.active > div > span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ui-mobile-nav-toggle.active > div > span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ui-mobile-nav-toggle.active > div > span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.transparent .ui-mobile-nav-toggle > div > span, .navbar-inverse .ui-mobile-nav-toggle > div > span {
    background-color: #FFF;
}

.section {
    position: relative;
    padding: 5rem 0;
    z-index: 1;
}

.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width:740px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

@media (max-width:739px) {
    .ui-navigation {
        display: none;
        clear: both;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }
}

.mobile-nav-active .navbar-nav .dropdown-menu {
    padding: 0 0 .75rem 0;
}

.mobile-nav-active .navbar-nav.nav > li > a:hover {
    background-color: #f6f7f8;
}

.ui-mobile-nav-toggle {
    margin-left: 1rem;
}

.nav-your-page {
    background: white !important;
    color: #29abe0 !important;
    border: none;
    border-radius: 8px !important;
    background: #e9f7fc !important;
    color: #29abe0 !important;
}

    .nav-your-page:hover {
        background: #29abe033 !important;
    }

@media (min-width:481px) {
    .ui-mobile-nav-toggle {
        margin-left: 2rem;
    }
}

@media (min-width:740px) {
    .ui-mobile-nav-toggle {
        /*display: none;*/
    }
}

.ui-mobile-nav-toggle > div {
    position: relative;
    width: 28px;
    height: 16px;
    margin: 22px 0;
}

    .ui-mobile-nav-toggle > div > span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background-color: #414c5a;
        border-radius: 4px;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-out;
        transition: 0.25s ease-out;
    }

        .ui-mobile-nav-toggle > div > span:nth-child(1) {
            top: 0px;
        }

        .ui-mobile-nav-toggle > div > span:nth-child(2), .ui-mobile-nav-toggle > div > span:nth-child(3) {
            top: 5.83333px;
        }

        .ui-mobile-nav-toggle > div > span:nth-child(4) {
            top: 11.66667px;
        }

@media (max-width:481px) {
    .ui-mobile-nav-toggle > div {
        /*margin: 17px 0;*/
    }
}

.ui-mobile-nav-toggle.active > div > span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.ui-mobile-nav-toggle.active > div > span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ui-mobile-nav-toggle.active > div > span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ui-mobile-nav-toggle.active > div > span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.transparent .ui-mobile-nav-toggle > div > span, .navbar-inverse .ui-mobile-nav-toggle > div > span {
    background-color: #FFF;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #f7f7ff;
    color: #ff5f5f;
}

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #f7f7ff;
        color: #ff5f5f;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3000;
    display: none;
    float: left;
    min-width: 160px;
    padding: .75rem 0;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    background-clip: padding-box;
}

.open > .dropdown-menu {
    display: block;
}

.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
}

.navbar .dropdown-menu {
    background-color: #FFF;
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
}

.signup-button {
    font-family: 'Quicksand';
    background: #29abe0;
    border-radius: 50px;
}

/*Posts*/
.featured-posts {
    /*display: flex;*/
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 25px;
}

@media screen and (max-width:848px) {
    .featured-post {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column;
        text-align: center;
    }

    .featured-post-img {
        margin-bottom: 20px;
    }

    .featured-post-info {
        margin-left: 0 !important;
    }
}

.featured-post {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(153,170,181,.3);
    box-sizing: border-box;
    flex-basis: 460px;
    margin: 24px 20px;
    padding: 24px;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    /*max-width:550px;*/
}

    .featured-post:hover {
        box-shadow: 0 9px 30px 1px rgba(153,170,181,.2);
    }

.featured-post-info {
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 40px;
    text-align: left;
}

.featured-post-img {
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
}

.featured-post-title {
    color: #14171a;
    font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 1px;
}

.featured-post-description {
    color: #949494;
    font-size: 16px;
    line-height: 24px;
}

span.hint {
    font-weight: 400;
    color: #8a8fa0;
    /*font-size: 16px;*/
}

.hint {
    color: #8a8fa0;
}

.empty-state-noti-pdg {
    margin-left: 16px;
    padding: 8px;
    font-size: 16px;
}

.btn-secondary {
    background-color: #e9f7fc;
    border-color: #e9f7fc;
    color: #2fb1e4;
    border-radius: 8px;
    font-weight: 600;
}

    .btn-secondary:hover {
        background-color: #d0edf9;
        border-color: #228db9;
        color: #2cace0;
    }

.tipbox {
    border: 1px #e2c28369 solid;
    font-weight: 200;
    margin: 14px 10px;
    padding: 10px;
    border-radius: 4px;
    text-align: left;
    color: #d6ab58 !important;
    font-size: 15px;
}

.social-action {
    margin: 15px;
}

.social-avatar {
    padding: 15px 15px 0 15px;
}

.social-comment .social-comment {
    margin-left: 45px;
}

.social-avatar img {
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    object-fit: cover;
    width: 40px;
}

.social-avatar .media-body a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Quicksand';
}

.social-body {
    margin: 8px 16px;
    padding: 6px;
}

    .social-body img {
        margin-bottom: 10px;
    }

.social-footer {
    background: #f9f9f9;
    border-top: 1px solid #e7eaec;
    padding: 10px 15px;
}

    .social-footer .social-comment img {
        margin-right: 10px;
        width: 32px;
    }

.social-comment:first-child {
    margin-top: 0;
}

.social-comment {
    margin-top: 15px;
}

    .social-comment textarea {
        font-size: 12px;
    }

.social-feed-separated .social-feed-box {
    margin-left: 62px;
}

.social-feed-separated .social-avatar {
    float: left;
    padding: 0;
}

    .social-feed-separated .social-avatar img {
        border: 1px solid #e7eaec;
        height: 52px;
        width: 52px;
    }

.social-feed-separated .social-feed-box .social-avatar {
    float: none;
    padding: 15px 15px 0 15px;
}

.social-feed-box {
    background: #fff;
    /*padding: 15px;*/
    margin-bottom: 15px;
}

.comment-instruction {
    margin-top: 8px;
    margin-bottom: 8px;
}

.social-profile-link.gold-social-link {
    display: inline-block;
    font-size: 21px;
    padding-top: 8px;
}

.croppie-container .cr-viewport, .croppie-container .cr-resizer {
    border: 2px solid #fff !important;
    box-shadow: 0 0 2000px 2000px rgba(235, 235, 235, 0.8) !important;
    border-radius: 50%;
}

.avatar-upload {
    object-fit: cover;
    position: relative;
    max-width: 170px;
    margin: 24px auto;
}

    .avatar-upload .avatar-edit {
        position: absolute;
        right: 22px;
        z-index: 1;
        top: 10px;
    }

        .avatar-upload .avatar-edit input {
            display: none;
        }

            .avatar-upload .avatar-edit input + label {
                display: inline-block;
                width: 34px;
                height: 34px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #ffffff;
                border: 1px solid transparent;
                box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all 0.2s ease-in-out;
            }

                .avatar-upload .avatar-edit input + label:hover {
                    background: #f1f1f1;
                    border-color: #d6d6d6;
                }

                .avatar-upload .avatar-edit input + label:after {
                    content: "\f382" !important;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    color: #cacbcc;
                    position: absolute;
                    font-size: 18px;
                    top: 5px;
                    left: 0;
                    right: 0;
                    text-align: center;
                    margin: auto;
                }

    .avatar-upload .avatar-preview {
        object-fit: cover;
        cursor: pointer;
        margin: 0 auto;
        width: 128px;
        height: 128px;
        position: relative;
        border-radius: 100%;
        border: 4px solid #f8f8f8;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    }

        .avatar-upload .avatar-preview > div {
            width: 100%;
            height: 100%;
            border-radius: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

.dropdown-featured {
    width: 230px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    z-index: 1001;
}

    .dropdown-featured.toggle > input {
        display: none;
    }

    .dropdown-featured > a, .dropdown.toggle > label {
        border-radius: 2px;
        box-shadow: 0 6px 5px -5px rgba(0,0,0,0.3);
    }

        .dropdown-featured > a::after, .dropdown.toggle > label::after {
            content: "";
            float: right;
            margin: 15px 15px 0 0;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 10px solid #CCC;
        }

    .dropdown-featured ul {
        list-style-type: none;
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        box-shadow: 0 6px 5px -5px rgba(0,0,0,0.3);
        overflow: hidden;
    }

    .dropdown-featured a, .dropdown.toggle > label {
        padding: 0 0 0 10px;
        text-decoration: none;
        line-height: 40px;
        display: block;
        font-weight: bold;
        text-align: left;
        color: #999;
        background-color: #FFF;
    }

    .dropdown-featured li {
        height: 0;
        overflow: hidden;
        transition: all 500ms;
    }

    .dropdown-featured.hover li {
        transition-delay: 300ms;
    }

    .dropdown-featured li:first-child a {
        border-radius: 2px 2px 0 0;
    }

    .dropdown-featured li:last-child a {
        border-radius: 0 0 2px 2px;
    }

    .dropdown-featured li:first-child a::before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #FFF;
        /*margin: -10px 0 0 30px;*/
    }

    .dropdown-featured a:hover, .dropdown-featured.toggle > label:hover, .dropdown-featured.toggle > input:checked ~ label {
        background-color: #EEE;
        color: #666;
    }

        .dropdown-featured > a:hover::after, .dropdown-featured.toggle > label:hover::after, .dropdown-featured.toggle > input:checked ~ label::after {
            border-top-color: #b3bcca;
        }

    .dropdown-featured li:first-child a:hover::before {
        border-bottom-color: #EEE;
    }

    .dropdown-featured.hover:hover li, .dropdown-featured.toggle > input:checked ~ ul li {
        height: 40px;
    }

        .dropdown-featured.hover:hover li:first-child, .dropdown-featured.toggle > input:checked ~ ul li:first-child {
        }

.dropdown-featured-label {
    display: block;
    border: 1px solid lightgrey;
    border-radius: 8px;
    padding: 8px;
}

.truncate {
    height: 4.2em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

input[type="text"] {
    -webkit-appearance: none;
}

input[type="password"] {
    -webkit-appearance: none;
}

input[type="select"] {
    -webkit-appearance: none;
}


.centred-brand {
    position: absolute;
    left: 50%;
    margin-left: -50px !important; /* 50% of your logo width */
    display: block;
}
/*Drawer*/



@media (min-width: 768px) {
    .left-sidemenu > .sidenav {
        width: 280px !important;
        left: 0 !important;
        right: unset;
        padding-top: 96px;
        z-index: 2000;
        animation: none;
        animation-duration: 0;
        transition: none;
    }
}

.small-burger {
    display: none;
}


    .small-burger > div {
        margin: 8px 14px;
    }

.fixed-tab-menu .small-burger {
    display: block;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background: #fff;
    overflow-x: hidden;
    transition: 0.3s;
    color: #fff;
    padding-top: 60px;
    z-index: 3000;
    box-shadow: -2px 0px 20px #1b1b1b1a;
}



    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .sidenav > hr {
        margin: 10px 32px;
        border-color: #e0e6ea85;
    }

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
}

/*End of drawer*/

.your-page-button {
    font-size: 15px;
    margin: 14px 5px 13px 0px !important;
}


.line-breaks {
    white-space: pre-line;
}




.form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fafbff;
    opacity: 1;
}

.btn-cta-2 {
    border: 1px solid #ff5f5f;
    color: #ff5f5f !important;
    border-radius: 8px !important;
    padding: 3px 12px;
    line-height: 1.75;
    background: white;
}

    .btn-cta-2:hover {
        border: 1px solid #ff5f5f;
        color: #fff !important;
        background: #ff5f5f;
    }

.btn-cta-1 {
    border: 1px solid #ff5f5f;
    color: #fff;
    background: #ff5f5f;
    border-radius: 8px;
    padding: 3px 12px;
    line-height: 1.75;
}

    .btn-cta-1:hover {
        border: 1px solid #ff5f5f;
        color: #ff5f5f !important;
        background: white;
    }

.btn-cta-transparent {
    border: 1px solid #ffeeee;
    color: #ff5f5f !important;
    background: #ffeeee;
    border-radius: 8px !important;
    padding: 3px 12px;
    line-height: 1.75;
}

    .btn-cta-transparent:hover {
        color: #ff5f5f !important;
        border: 1px solid #ffe7e6;
        background: #ffe7e6;
        color: #ff5f5f;
    }

.transaction-list-btn-cta {
    padding: 8px 16px !important;
    font-weight: 600;
}


.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1.4;
    padding: 0 3px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #5cb5dd;
    }

.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
    display: none;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0.25rem 0.25rem;
    background: #eeeaeb;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}



.gold-offer {
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0px 2px 50px 0px rgba(0,0,0,.10);
    box-sizing: border-box;
    margin: 16px 16px;
    padding: 24px;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.pricing-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pricing-row {
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 320px;
}

.pricing-ui-icon-blocks {
    margin-left: 16px;
}


    .pricing-ui-icon-blocks .icon {
        color: #42D6AA !important;
    }




.gold-h4 {
    font-family: 'Quicksand', 'Helvetica Neue', Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    bottom: 8px;
}

.gold-panel-price-2 {
    margin-top: 16px;
    align-items: flex-end;
    justify-content: left;
    padding-bottom: 10px;
    display: flex !important;
    position: relative;
    bottom: 4px;
}

.gold-header-price-2 {
    margin-top: 16px;
    font-family: 'Quicksand';
    font-weight: 700;
    display: inline-block;
    font-size: 28px;
    top: 20px;
    position: relative;
}

.gold-price-per-month-2 {
    font-size: 16px;
    color: rgb(68,68,68,0.6);
    position: relative;
    top: 16px;
}



.cta-padding {
    margin-top: 64px;
    margin-bottom: 0px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #434b57;
    border-radius: 8px;
    font-size: 14px;
}

button[data-name=resizedDataImage] {
    position: relative;
    overflow: hidden;
}

    button[data-name=resizedDataImage] input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        font-size: 200px;
        max-width: 100%;
        -ms-filter: 'alpha(opacity=0)';
        direction: ltr;
        cursor: pointer;
    }

.popover {
    z-index: 900000 !important;
}

.note-btn-group.btn-group.note-float {
    display: none;
}

/*Start-New-footer*/
.footer-div {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    margin-top: 64px;
    padding-bottom: 32px;
    padding-top: 32px;
    padding-left: 180px;
    padding-right: 180px;
    border-top: 2px solid hsla(217.5, 13.79%, 22.75%, 0.20);
}



.footer-header {
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: Quicksand, sans-serif;
    color: hsla(217.5, 13.79%, 22.75%, 1.00);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

    .footer-header:hover {
        color: hsla(217.5, 13.79%, 22.75%, 1.00);
        text-decoration: none;
    }

    .footer-header:active {
        color: hsla(217.5, 13.79%, 22.75%, 1.00);
        text-decoration: none;
    }

.footer-header-text {
    margin-bottom: 8px;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.footer-linktext {
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: Quicksand, sans-serif;
    color: hsla(217.5, 13.79%, 22.75%, 0.60);
    font-size: 16px;
    text-decoration: none;
}

    .footer-linktext:hover {
        color: hsla(217.5, 13.79%, 22.75%, 1.00);
        text-decoration: underline;
    }

    .footer-linktext:active {
        color: hsla(217.5, 13.79%, 22.75%, 1.00);
        text-decoration: underline;
    }

.footer-iconfont {
    margin-right: 0px;
    font-family: 'Fa brands 400', sans-serif;
    color: rgba(0, 0, 0, .6);
    font-size: 24px;
    text-decoration: none;
}

    .footer-iconfont:hover {
        color: hsla(217.5, 13.79%, 22.75%, 1.00);
        text-decoration: none;
    }

    .footer-iconfont:active {
        color: hsla(217.5, 13.79%, 22.75%, 1.00);
    }

.link-icon-font {
    padding-right: 16px;
    padding-left: 16px;
    color: transparent;
    text-decoration: none;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.footer-column-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 24px;
}


.wf-row:after {
    clear: both;
}

.wf-row:before, .wf-row:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}


.footer-mini-copyright-text {
    display: inline;
    font-family: Quicksand, sans-serif;
    font-size: 14px;
    color: hsla(217.5, 13.79%, 22.75%, 0.60);
}



.copyright-text {
    margin-top: 32px;
    font-family: Quicksand, sans-serif;
    font-size: 14px;
    color: hsla(217.5, 13.79%, 22.75%, 0.60);
}

.wf-col-3 {
    width: 25%;
}

.wf-col {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
/*End-New-Footer*/

/*Start Footer-Mini*/




.footer-mini {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 55px;
    max-width: 100vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Quicksand, sans-serif;
    font-size: 14px;
}

.footer-mini-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.footer-mini-col-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.wf-col-6 {
    width: 100%;
}


.footer-mini-link {
    margin-left: 16px;
    color: hsla(217.5, 13.79%, 22.75%, 0.60);
}

    .footer-mini-link:hover {
        color: #323842;
        text-decoration: underline;
    }


.footer-mini-linkgold {
    margin-left: 16px;
    padding: 2px 8px;
    border-radius: 50px;
    background-color: #ffc758;
    color: hsla(217.5, 45.23%, 97.57%, 1.00);
    font-weight: 700;
}

    .footer-mini-linkgold:hover {
        background-color: #ffc758;
        color: #fff;
        text-decoration: none;
    }



@media (max-width: 991px) {
    .footer-div {
        margin-bottom: 24px;
        padding-right: 69px;
        padding-left: 69px;
    }

    .footer-mini {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .footer-div {
        display: block;
        padding-right: 79px;
        padding-left: 79px;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }


    .footer-column-1 {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wf-col {
        width: 100%;
        left: auto;
        right: auto;
    }

    .footer-header-text {
        margin-top: 24px;
    }

    .footer-mini {
        padding-right: 0px;
        padding-left: 0px;
    }

    .wf-row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 479px) {
    .footer-header-text {
        margin-top: 24px;
    }

    .footer-div {
        display: block;
        padding-right: 16px;
        padding-left: 16px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto auto auto;
    }

    .footer-mini-columns {
        -webkit-box-orient: vertical;
        flex-direction: column-reverse;
    }


    .footer-mini {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .footer-column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .footer-column-1 {
        clear: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-mini-link {
        margin-left: 8px;
    }

    .footer-mini-linkgold {
        margin-left: 8px;
    }

    .footer-mini-col-left {
        display: flex;
        justify-content: center;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 16px;
    }

    .footer-mini-col-right {
        justify-content: center;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 16px;
    }
}

/*End Footer-mini*/

.image-title-input {
    border-radius: 8px 8px 0 0;
}

.image-description-input {
    border-radius: 0 0 8px 8px;
    margin-top: -1px;
    border-top-color: #dadada63;
}

.album-header {
    padding-left: 20px;
    font-size: 24px;
}

.album-no-cover {
    background-image: linear-gradient(180deg, rgb(134, 207, 237), rgba(41, 171, 224, 0.49)) !important;
}


.wf-album-inline-block {
    width: 200px;
    height: 100px;
    display: inline-block;
    margin: 8px;
}

.wf-choose-album {
    width: 45px;
    height: 45px;
    display: inline-block;
    margin-right: 16px;
}

.album-item.add-album-box {
    cursor: pointer;
}

.add-album-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-color: transparent;
    color: #323842;
    font-size: 16px;
}


.album-title-text {
    width: 90%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.choose-album-title-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #414c5a;
}

.add-album-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.fa-front-icon {
    margin-right: 10px;
    font-size: 16px;
}

.cta-button-right {
    width: 50%;
}

.album-pdg {
    padding: 20px;
}

    .album-pdg > div {
        width: 200px;
        height: 200px;
    }


.each-album-box {
    position: relative;
    z-index: 1000;
    max-width: 200px;
    max-height: 200px;
    display: inline-block;
}



.horizontal-scroll {
    -webkit-overflow-scrolling: touch;
    display: flex;
    background-color: #FFFFFF;
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0;
    width: 100%;
}

    .horizontal-scroll::-webkit-scrollbar {
        width: 0 !important
    }


.horizontal-scroll {
    overflow: -moz-scrollbars-none;
}


.horizontal-scroll {
    -ms-overflow-style: none;
}

.album-item {
    display: flex;
    min-width: 200px;
    background-color: #F5F5F5;
    text-align: center;
    padding: 50px 30px;
    font-size: 20px;
    margin: 0 5px
}

.album-item-new {
    display: -webkit-inline-box;
    width: 200px;
    text-align: left;
    padding: 0px 0px;
    font-size: 20px;
    margin: 0 5px;
}

.bg-cover-fit {
    background-size: cover; /* <------ */
    background-repeat: no-repeat;
    background-position: center center;
}



.breadcrumb-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    margin-top: 32px;
    margin-bottom: 32px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.wf-breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #323842;
}

.wf-breadcrumb-bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    margin-right: 15px;
    margin-left: 0px;
    padding: 0px 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 100px;
    background-color: rgb(244, 245, 245);
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: Quicksand, sans-serif;
    color: rgba(50, 56, 66, 0.7);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.album-profile-img {
    width: 45px;
    height: 45px;
    margin-right: 16px;
}

.post-list-profile-img {
    width: 45px;
    height: 45px;
    margin-right: 16px;
}

.album-profile-text {
    min-width: 250px;
    align-items: center;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #14171a;
    margin-top: 2px;
}

.post-list-profile-text {
    min-width: 250px;
    align-items: center;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #14171a;
    margin-top: 2px;
}

.album-header-text {
    font-size: 28px;
    font-weight: 700;
}

.album-profile-box {
    width: 100%;
    display: flex;
    align-items: center;
}

.post-list-profile-box {
    width: 100%;
    display: flex;
    align-items: center;
}

.album-header-detail-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.post-list-header-detail-box {
    width: 100%;
    display: flex;
}

.post-list-body {
    padding: 0px 16px;
}



.album-box-mrgn {
    margin: 0px 0px;
}

.post-list-box-mrgn {
    margin: 0px 0px;
}

.upload-button-album-mrgn {
    margin: 32px 0;
}

.large-counter-text {
    font-weight: 400;
    margin-right: 24px;
    font-size: 16px;
}

.album-container-pdg {
    padding: 0px 128px;
}

.album-edit-icon {
    padding: 10px 12px;
    color: #b7b9c4;
    display: inline-flex;
}

.choose-album-list {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 8px 8px;
    border-radius: 8px;
}

    .choose-album-list:hover {
        background-color: #f5f5f5;
    }


.album-list-container {
    padding: 4px 16px;
}

.hori-pdg {
    padding: 0 14px;
}


.album-description {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .each-album-box {
        width: 150px;
        height: 75px;
        margin-right: 0;
    }

    .wf-album-inline-block {
        width: 150px;
        height: 75px;
        margin: 8px;
    }

    .album-item {
        display: flex;
        min-width: 150px;
        text-align: center;
        padding: 0 10px;
        font-size: 16px;
        margin: 0 4px;
        margin-left: 0px;
    }

    .album-item-new {
        display: -webkit-inline-box;
        width: 150px;
        background-color: #F5F5F5;
        text-align: left;
        padding: 0px 0px;
        font-size: 20px;
        margin: 0 4px;
    }


    .album-container-pdg {
        padding: 0px 16px;
    }

    .large-counter-text {
        margin-right: 16px;
        font-size: 14px;
    }

    .hori-pdg {
        padding: 0 0px;
    }
}

.item-tab-category {
    display: -webkit-inline-box;
    width: auto;
    height: 32px;
    color: #323842;
    background-color: #f5f5f5c4;
    text-align: center;
    padding: 0px 24px;
    font-size: 20px;
    margin: 0 8px;
    border-radius: 8px;
}

    .item-tab-category:hover {
        color: #ff5e5b;
        background-color: rgba(255, 94, 91, 0.08);
    }

.item-tab-category-selected {
    color: #ff5e5b;
    background-color: rgba(255, 94, 91, 0.08);
}

.search-input-row-pdg {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 32px;
}


.row-explore-tab {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    margin-top: 16px;
    font-size: 20px;
}

.explore-tab-each {
    padding: 16px 16px !important;
    font-size: 20px;
}

.fit-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.wide-fit-container {
    margin-right: auto;
    margin-left: auto;
    width: 1464px;
}

.cta-gallery-box {
    display: flex;
    justify-content: left;
    flex-direction: column;
    padding: 0 10px;
    margin-top: 64px;
}

.cta-gallery-button {
    margin: 8px 0;
    margin-right: 0;
}


@media (min-width: 479px) {
    .cta-gallery-button {
        margin: 0;
        margin-right: 16px;
    }

    .cta-gallery-box {
        display: flex;
        flex-direction: row;
        padding: 0 20px;
        margin-top: 64px;
    }

    .explore-tab-each {
        font-size: 16px;
    }

    .tab label {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .fit-container {
        width: 750px;
    }

    .row-explore-tab {
        display: flex;
        font-size: 16px;
        justify-content: center;
        margin-bottom: 0px;
        margin-top: 16px;
    }

    .explore-tab-each {
        font-size: 16px;
    }

    .tab label {
        font-size: 16px;
    }

    .item-tab-category {
        height: 50px;
        padding: 8px 32px;
    }
}

@media (min-width: 992px) {
    .fit-container {
        max-width: 1150px;
        width: 100%;
    }

    .tab label {
        font-size: 20px;
    }
}

.cta-gallery-box {
    display: flex;
    justify-content: left;
    padding: 0 20px;
    margin-top: 64px;
}


.card-pdg {
    padding-left: 8px;
    padding-right: 8px;
}

.tertiary-border-btn {
    display: flex;
    padding: 16px 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #444c57;
    font-weight: 700;
    border-style: solid;
    border-color: #a7abb3;
    /* border-color: #F5F5F5; */
    background-color: #ffffff;
}


.like-box {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 8px;
    min-width: 55px;
    width: 55px;
    height: 30px;
    font-size: 12px;
    color: #323842;
    cursor: pointer;
    margin-right: 8px;
    padding: 8px 16px;
    font-weight: 700;
    background-color: #f5f5f5c4;
}

.icon-activestate {
    color: #ff5f5f;
}

.icon-emptystate {
    margin-right: 0px;
}

.text-counter-right {
    margin-left: 8px;
}

.gallery-modal-bottom-cta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0 16px;
    padding-top: 8px;
}

.btn-dropdown-share {
    font-size: 16px;
    background: transparent;
    color: #4d5460;
    border: 1px solid #ebeff3;
    padding: 3px 6px;
    margin: 4px 0;
    border-style: solid;
    border: 1px solid #ebeff3;
    padding: 3px 6px;
    margin: 4px 4px;
    border-radius: 8px;
}

    .btn-dropdown-share:hover, .btn-dropdown-share:focus {
        background: #ebeff3;
    }


.btn-copylink-dropdown-share {
    border-radius: 100px;
    height: 60px;
    width: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border-radius: 100px;
}

.copylink-dropdown-icon {
    font-size: 16px;
}


.dropdown-share-list {
    display: flex;
    flex-direction: column;
    padding: 4px 8px;
}

.bottom-modal-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    padding-bottom: 16px;
}

.fixed-tab-menu {
    position: fixed;
    width: 100%;
    background: white;
    z-index: 1000;
    padding-top: 12px;
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 0px 8px rgba(0, 9, 128, 0.05);
}


/*horizontal - arrow*/
.hs__arrows {
    cursor: pointer;
}



.arrow {
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
    cursor: pointer;
}

.arrow-left {
    cursor: pointer;
    height: 70px;
    align-items: center;
    padding: 16px 32px;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 8%, rgba(255,255,255,0.8) 17%, rgba(255,255,255,1) 50%);
}

.arrow-right {
    cursor: pointer;
    height: 70px;
    align-items: center;
    padding: 16px 32px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 8%, rgba(255,255,255,0.8) 17%, rgba(255,255,255,1) 50%);
}

.arrow-left-rounded {
    cursor: pointer;
    margin-left: 24px;
    height: 32px;
    width: 32px;
    align-items: center;
    padding: 16px;
    background: rgb(255,255,255);
    border-radius: 100px;
    box-shadow: 0 10px 30px 0 rgba(50, 56, 66, 0.2);
}

.arrow-right-rounded {
    cursor: pointer;
    margin-right: 24px;
    height: 32px;
    width: 32px;
    align-items: center;
    padding: 16px;
    background: rgb(255,255,255);
    border-radius: 100px;
    box-shadow: 0 10px 30px 0 rgba(50, 56, 66, 0.2);
}

.hz-tap-container-wrapper {
    display: flex;
    overflow-x: scroll;
    justify-content: left;
    align-self: flex-end;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    -webkit-overflow-scrolling: touch;
    height: 100px;
    margin: 0 -24px;
    padding: 0px;
    width: 100%;
}

.hz-album-container-wrapper {
    display: flex;
    overflow-x: scroll;
    justify-content: left;
    align-self: flex-end;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    -webkit-overflow-scrolling: touch;
    height: 150px;
    margin: 0 -24px;
    padding: 0px;
    width: 100%;
}

.hz-wrapper-box {
    display: flex;
    padding-bottom: 32px;
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.hz-tab-content-each {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



    .hz-tab-content-each:last-child:after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 1px;
        right: calc(10px * 2 * -1);
    }

    .hz-tab-content-each:first-child {
        margin-left: 10px;
    }


.hz-album-each {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .hz-album-each:last-child:after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 1px;
        right: calc(10px * 2 * -1);
    }

    .hz-album-each:first-child {
        margin-left: 10px;
    }

@media (max-width: 479px) {

    .arrow-left {
        padding: 16px 16px;
        display: none;
    }

    .arrow-right {
        padding: 16px 16px;
        display: none;
    }

    .hz-tap-container-wrapper {
        margin: 0 -40px;
    }

    .hs__arrows {
        opacity: 0;
    }
}


.content-upload-panel {
    position: relative;
    z-index: 50;
    display: block;
    width: 100%;
    margin-bottom: 16px;
    padding: 24px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 1px 2px 3px rgba(0, 2, 4, 0.055), 0 7px 18px rgba(1, 1, 1, 0.05);
}

.medium-label {
    margin-bottom: 16px;
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
}

.post-button-mrgn {
    margin-top: 16px;
    margin-bottom: 32px;
    width: 100%;
    margin-left: 0px !important;
}

/*.ghost-s-button {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(50, 56, 66, 0.1);
    border-radius: 8px;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    color: #323842;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 0 8px;
    display: flex;
    align-items: center;
    height: 38px;
    justify-content: space-evenly;
}*/

.ghost-s-button {
    border-style: none;
    /* border-width: 2px; */
    border-color: rgba(50, 56, 66, 0.1);
    border-radius: 8px;
    background-color: #f4fbfe;
    font-family: Quicksand, sans-serif;
    color: #29abe0;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 0 8px;
    display: flex;
    align-items: center;
    height: 38px;
    justify-content: space-evenly;
}

    .ghost-s-button:hover {
        border-color: rgba(50, 56, 66, 0.6);
        color: #323842;
    }

.ghost-m-button {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(50, 56, 66, 0.1);
    border-radius: 8px;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    color: #323842;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    height: 40px;
    min-width: 30%;
    justify-content: space-evenly;
}

    .ghost-m-button:hover {
        border-color: rgba(50, 56, 66, 0.6);
        color: #323842 !important;
    }

.ghost-icon-button {
    border-style: solid;
    border-width: 2px;
    border-color: rgba(50, 56, 66, 0.1);
    border-radius: 8px;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    color: #323842;
    font-weight: 700;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 0 16px;
    display: flex;
    align-items: center;
    height: 38px;
}

    .ghost-icon-button:hover {
        border-color: rgba(50, 56, 66, 0.6);
    }


/*.button-content-type {
    border-style: solid;
    border-width: 2px;
    border-color: rgba(50, 56, 66, 0.1);
    border-radius: 8px;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    color: #323842;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    display: flex;
    justify-content: flex-start;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    height: 46px;
    min-width: 30%;
}*/

.button-content-type {
    border-color: rgba(50, 56, 66, 0.1);
    border-radius: 8px;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    color: #414c5a;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    display: flex;
    justify-content: flex-start;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    height: 46px;
    min-width: 30%;
    border: 0;
    background: #e9f7fc;
    border-radius: 50px;
}


    .button-content-type:hover {
        border-color: rgba(50, 56, 66, 0.25);
        background-color: #cfecf8;
        color: #323842 !important;
    }


.hidetoggle {
    display: none;
}

.showtoggle:target {
    display: none;
}

    .showtoggle:target ~ .hidetoggle {
        display: block;
    }

.showhide-text-action {
    color: #ff5f5f;
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin: 8px 16px;
}

.showtoggle:active, .hidetoggle:active {
    color: #ff5e5b;
}



.show-hide-content-box {
    display: flex;
    font-size: 16px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #ff5f5f;
    font-weight: 700;
    background-color: #ffefef;
    border-radius: 8px;
    width: 100%;
    height: 46px;
    border: none;
}

.btn-half-width {
    width: 49%;
}

.btn-rounded-type {
    border-radius: 100px;
}

/*.icon-btn-primary {
    color: #ff5e5b;
    font-size: 20px;
}*/

/*temporary making blue for emergency publish*/
.icon-btn-primary {
    color: #33aee1;
    font-size: 20px;
}

.text-content-type {
    font-weight: 700;
    margin-top: 0px;
    margin-left: 8px;
}

.primary-style-color-btn {
    color: #ffffff !important;
    background-color: #ff5f5f !important;
    font-weight: 700 !important;
}

i.fas.fa-fw.fa-check.gold, i.fa.fa-fw.fa-check.gold {
    color: #42D6AA !important;
}


/*home.css*/

.mtmb-xs {
    margin-bottom: 8px;
    margin-top: 8px;
}

.mb {
    margin-bottom: 24px;
}

.mt {
    margin-top: 24px;
}


.feeditem-time {
    color: #b3bcca;
    font-size: 13px;
}

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


.caption-pdg {
    padding: 16px;
}


.feeditem-profile-img {
    border-radius: 50%;
    height: 44px;
    object-fit: cover;
    width: 44px;
}



.feeditem-thumbcontainer {
    float: left;
    height: 100%;
    margin-left: -8px;
    margin-right: 8px;
    margin-top: -10px;
}

.feeditem-content {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 24px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 12px;
}


name {
    color: #393e42;
    font-weight: 700;
    font-family: 'Quicksand';
}

    name > a {
        color: #393e42;
    }

a > name {
    color: #40b3e3;
}

.update-bubble {
    left: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 0px 2px 0px #a7c4d2;
    color: #333;
    margin: 16px 0px 8px -16px;
    overflow-wrap: break-word;
    padding: 8px 0px;
    position: relative;
    margin-top: 20px !important;
}

    .update-bubble:before {
        top: -10px;
        bottom: auto;
        left: 32px;
        border-width: 0 9px 9px;
        content: "";
        position: absolute;
        border-style: solid;
        border-color: #e6edf3 transparent;
        display: block;
        width: 0;
        bottom: auto;
    }

    .update-bubble:after {
        top: -8px;
        bottom: auto;
        left: auto;
        left: 32px;
        border-width: 0 9px 9px;
        content: "";
        position: absolute;
        border-style: solid;
        border-color: #fff transparent;
        display: block;
        width: 0;
    }

.feeditem-imagecontainer {
    margin-bottom: 5px;
    max-width: 100%;
}


.update-bubble-reply {
    left: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 0px #a7c4d2;
    color: #333;
    margin: 16px 0px 8px -10px;
    overflow-wrap: break-word;
    padding: 15px;
    position: relative;
    margin-top: 16px !important;
}

.update-bubble-flex {
    display: inline-flex;
    margin: 0;
    min-width: 128px;
}

.update-bubble-reply:before {
    top: -10px;
    bottom: auto;
    right: 32px;
    border-width: 0 9px 9px;
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #e6edf3 transparent;
    display: block;
    width: 0;
    bottom: auto;
}

.update-bubble-reply:after {
    top: -8px;
    bottom: auto;
    left: auto;
    right: 32px;
    border-width: 0 9px 9px;
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.tiles-wrap li {
    border: none;
    box-shadow: none;
    list-style:none;
    cursor:pointer;
}

.tiles-wrap p {
    color: #14171a;
    margin-top: 8px;
    text-align: left;
}

.tiles-wrap img {
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    border-radius: 8px;
}

.gallery-item-modal-container {
    margin: 0 !important;
    width: 100% !important;
    padding: 0px !important;
}

.gallery-padding-container {
    padding: 8px;
}

.gallery-item {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 0 3px rgb(215, 215, 215);
    height: 200px;
}

.gallery-item-thumb {
    float: left;
    margin-right: 8px;
}

.galleryItem-footer {
    margin-top: 5px;
    margin-bottom: 5px;
}

.gallery-item-profile {
    margin-top: 8px;
    margin-bottom: 16px;
}

.gallery-profile-img {
    border-radius: 50%;
    height: 46px;
    object-fit: cover;
    width: 46px;
    padding: 1px;
}

.gallery-item img {
    height: 100%;
    object-fit: cover;
    padding: 0;
    width: 100%;
}

.tiny-support-button {
    border-radius: 8px;
    background: #f7f7f7;
    color: #63686a;
    font-weight: 600;
    font-weight: 600;
    padding: 8px 16px;
    text-align: center;
    text-shadow: none;
    vertical-align: baseline;
    white-space: nowrap;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    margin: 8px;
    margin-left: 3px;
    margin-right: 3px;
}

    .tiny-support-button:hover {
        color: #ff5f5f;
    }

    .tiny-support-button .buttoncup {
        height: 14px;
        margin-bottom: 1px;
        margin-right: 4px;
    }

.label-hires {
    border-radius: 14px;
    color: #FF5722;
    display: inline;
    font-family: 'Quicksand', 'Helvetica Neue', 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 2px 2px 2px 0px;
    font-weight: 600;
    padding: 4px 8px;
    text-align: center;
    text-shadow: none;
    vertical-align: baseline;
    white-space: nowrap;
    display: inline-block;
    background: #fcf0ef;
    color: #ff5f5f;
}

    .label-hires a {
        color: #ff5f5f;
    }





/*this is to reduce space at the bottom of modals on mobile. they were scrolling when sometimes there was no need*/
.modal-dialog > .simple-panel.pn-flex.mb {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.kf-padding-ver-xxs {
    padding: 0 4px;
}

.sidenav {
    max-width: 100%;
}


.kfds-right-mrgn-24 {
    margin-right: 24px;
}

.kfds-srf-shadow {
    width: 100%;
    height: auto;
    min-height: 45px;
    box-shadow: 0 4px 10px 5px rgba(50, 56, 66, 0.06);
    display: flex;
    background: #ffffff;
    padding: 24px;
    border-radius: 8px;
}


.kfds-lyt-flex-vert-center {
    display: flex;
    align-items: center;
}


.kfds-lyt-col-inherit {
    display: flex;
    flex-direction: column;
    align-items: inherit;
}

.kfds-lyt-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kfds-lyt-row {
    display: flex;
    flex-direction: row;
}

.kfds-font-size-medium {
    font-size: 22px!important;
}

.kfds-font-clr-primary {
    color: #ff5f5f;
}

.kfds-border-left {
    border-left-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,0.2);
}

.kfds-lyt-row-respon {
    display: flex;
    flex-direction: row;
}

.kfds-pdg-respon-24 {
    padding: 0 24px;
}

@media (max-width: 350px) {
    .kfds-lyt-row-respon {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .kfds-pdg-respon-24 {
        padding: 24px 0;
    }

    .kfds-border-left {
        border-left-style: solid;
        border-width: 1px;
        border-color: rgba(0,0,0,0);
    }
}

.kfds-srf-sidebar {
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    z-index: 900;
}


.kfds-lyt-center {
    display: flex;
    justify-content: center;
    align-items: center;
}


.kfds-btn-sidemenu {
    display: flex;
    font-weight: 600;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    height: 42px;
    width: 100%;
    background-color: #ffffff;
    color: #323842;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    /*transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;*/
}

    .kfds-btn-sidemenu:hover {
        background-color: #E4F4FB;
        color: #29ABE0;
    }

.kfds-lyt-pdg-start-end-medium {
    padding: 0 16px;
}


.kfds-font-size-subhint {
    font-size: 10px;
}

.kfds-font-size-small {
    font-size: 18px;
}

.kfds-top-mrgn-16 {
    margin-top: 16px;
}

.kfds-top-mrgn-24 {
    margin-top: 24px;
}

.kfds-top-mrgn-32 {
    margin-top: 32px;
}

.kfds-btm-mrgn-16 {
    margin-bottom: 16px;
}


.kfds-lyt-column {
    display: flex;
    flex-direction: column;
}

.kfds-lyt-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


.kfds-top-left {
    display: flex;
    justify-content: flex-end;
}

.support-type-wrapper {
    display: flex;
    justify-content: space-between;
}

.checkout-message-wrapper {
    width: 100%;
    border-radius: 8px;
    padding: 16px;
}

.kfds-btm-mrgn-4 {
    margin-bottom: 4px;
}

.kfds-btm-mrgn-8 {
    margin-bottom: 8px;
}

.kfds-btm-mrgn-16 {
    margin-bottom: 16px;
}

.kfds-btm-mrgn-24 {
    margin-bottom: 24px;
}

.kfds-btm-mrgn-32 {
    margin-bottom: 32px;
}

.kfds-btm-mrgn-64 {
    margin-bottom: 64px;
}

.kfds-right-mrgn-8 {
    margin-right: 8px;
}

.kfds-right-mrgn-16 {
    margin-right: 16px;
}

.kfds-right-mrgn-24 {
    margin-right: 24px;
}


.kfds-top-mrgn-16 {
    margin-top: 16px;
}

.kfds-top-mrgn-24 {
    margin-top: 24px;
}

.kfds-top-mrgn-32 {
    margin-top: 32px;
}


.kfds-left-mrgn-8 {
    margin-left: 8px;
}

.kfds-left-mrgn-16 {
    margin-left: 16px;
}

.kfds-left-mrgn-24 {
    margin-left: 24px;
}



.kfds-font-bold {
    font-weight: 700;
}

.kfds-btn-icon-normal {
    display: flex;
    font-weight: 600;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    height: 40px;
    background-color: #ffffff;
    color: #323842;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
}

    .kfds-btn-icon-normal:hover {
        background-color: #E4F4FB;
        color: #29ABE0;
    }


.kfds-btn-ghost {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(50, 56, 66, 0.1);
    border-radius: 8px;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    color: #323842;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    height: 45px;
    min-width: 30%;
    justify-content: center;
    transition: border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
}

    .kfds-btn-ghost:hover {
        border-color: rgba(50, 56, 66, 0.0);
        background-color: #F2F2F2;
    }


.kfds-btn-tertiary-light {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background-color: #F7F7F7;
    height: 46px;
    color: #434B57;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
}

    .kfds-btn-tertiary-light:hover {
        color: #434B57;
        background-color: #F7F7F7;
    }



    .kfds-font-text-center {
        text-align: center;
    }

.kfds-font-text-right {
    text-align: right;
}


.kfds-lyt-center {
    display: flex;
    justify-content: center;
    align-items: center;
}


.kfds-btn-ghost-primary {
    border-style: solid;
    border-width: 1px;
    border-color: #FF5E5B;
    border-radius: 8px;
    background-color: transparent;
    font-family: Quicksand, sans-serif;
    color: #FF5E5B;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    height: auto;
    min-width: 100px;
    justify-content: center;
    transition: border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
}

    .kfds-btn-ghost-primary:hover {
        border-color: rgba(50, 56, 66, 0.0);
        background-color: #FF5E5B;
        color: #fff;
    }

.kfds-font-clr-dark {
    color: #434B57;
}

.kfds-mrgn-top-btm-8 {
    margin: 8px 0;
}

.kfds-font-clr-dark-op-6 {
    color: #434B57;
    opacity: 0.6;
}

.kfds-font-text-limit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

.icon-stack {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}


.sidemenu-avatar {
    border-radius: 50%;
    height: 24px;
    object-fit: cover;
    width: 24px;
    margin: 0px 0px 2px 2px;
    border: 1px solid #f2f2f2;
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #27a3d6;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: #e9f7fc !important;
    border-radius: 8px !important;
}

.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
    border: solid 1px #2babe0;
    padding: 3px 11px;
}

.kfds-c-shadow-buble {
    border-style: none;
    box-shadow: 0px 0px 20px 0px rgba(50, 56, 66, 0.1);
}

    .kfds-c-shadow-buble::before {
        border-style: none;
        box-shadow: 0px 0px 20px 0px rgba(50, 56, 66, 0.1);
    }


.kfds-lyt-between-algn-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.kfds-c-srf-feeditem-wrapper {
    background-color: transparent;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 16px 0px;
    border-bottom: none;
}


.kfds-c-explore-wrapper {
    height: auto;
    min-height: 200px;
    width: 100%;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
}

.kfds-c-lyt-pdg-16-24 {
    padding: 16px 24px;
}

.kfds-c-srf-feeditem {
    background-color: transparent;
    box-shadow: none;
    border-radius: 8px;
    padding: 16px 18px 8px 0px;
    border-bottom: none;
}

.kfds-c-lyt-pdg-feedinteraction {
    padding: 4px 16px 4px 16px;
}

.kfds-c-srf-feeditem-wrapper {
    background-color: transparent;
    box-shadow: none !important;
    border-radius: 8px;
    padding: 16px 0px;
    border-bottom: none;
}


.kfds-btn-transparent {
    background-color: transparent;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    height: 45px;
}

    .kfds-btn-transparent:hover {
        background-color: #f5f5f5c4;
    }

.kfds-c-srf-topborder-wrapper {
    border-top: 1px solid #f5f5f5;
    padding: 16px 24px;
}

.kfds-lyt-row-to-column {
    display: flex;
    flex-direction: row;
}

.kfds-c-pdg-text-explore-wrap {
    margin: 0px 24px 0px 60px;
}

.kfds-c-pdg-text-name-wrap {
    margin: 0px;
}

.kfds-lyt-width-ctrl {
    max-width: 670px;
    width: 100%;
}

.kfds-lyt-width-ctrl-feed {
    max-width: 470px;
    width: 470px;
    min-width: 295px;
}

.kfds-c-lyt-width-ctrl-normal {
    max-width: 710px;
    width: 100%;
}

.kfds-lyt-row-f-start {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.kfds-lyt-row-baseline {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.kfds-c-lyt-right-col {
    margin: 75px 16px 24px 16px;
    max-width: 375px;
    display: flex;
}

.kfds-c-feed-interaction-btn {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 8px;
    min-width: 55px;
    width: 55px;
    height: 45px;
    color: #323842;
    cursor: pointer;
    padding: 0 16px;
    font-size: 18px font-weight: 600;
    background-color: #ffffff;
}

    .kfds-c-feed-interaction-btn:hover {
        background-color: #F7F7F7;
    }

@media (max-width: 476px) {
    .kfds-c-lyt-pdg-feedinteraction {
        padding: 4px 8px 4px 8px;
    }

    .kfds-c-srf-feeditem-wrapper {
        background: #FFFFFF;
        box-shadow: none;
        border-radius: 8px;
        padding: 16px 0px;
        border-bottom: none;
    }
}

@media (max-width: 976px) {

    .kfds-c-pdg-text-explore-wrap {
        margin: 8px 0px 16px 0px;
    }

    .kfds-c-pdg-text-name-wrap {
        margin: 16px 0px 0px 0px;
    }

    .kfds-lyt-row-to-column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}


@media (max-width: 1080px) {

    .kfds-c-lyt-right-col {
        margin: 0 0 0 16px;
        max-width: 400px;
        display: none;
    }

}

.loading-spinner {
    margin: 8px;
    width: 35px;
}




.kfds-c-coverimg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 360px;
    height: 156px;
    border-radius: 8px 8px 0 0;
    width: 100%;
    position: relative;
}

.kfds-image-hero {
    object-fit: cover;
    object-position: 50% 50%;
    object-position: 0 0;
}

.kfds-c-close-btn {
    z-index: 100;
    position: absolute;
    margin-left: -35px;
}

.kfds-c-image-l {
    object-fit: cover;
    max-height: 128px;
    max-width: 128px;
    width: 128px;
    height: 128px;
    border: 5px solid #fff;
    z-index: 100;
    position: relative;
    margin-top: -64px;
    border-radius: 50%;
}

.kfds-font-size-hint {
    font-size: 14px;
}

.kfds-c-srf-thank-bubble {
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 8px;
    padding: 0px 4px 8px 0px;
    border-bottom: none;
    margin-bottom: 0px;
}

.kfds-btn-primary-light {
    background-color: #f7f7f7;
    color: #d6d6d8;
}

.kfds-btn-primary-light {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    background-color: #FFEEEE;
    height: 40px;
    color: #ff5f5f;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
}

.kfds-lyt-width-100 {
    width: 100%;
}

.kfds-srf-stroke {
    border: 1px solid #cccccc;
    border-radius: 8px;
    height: auto;
    min-height: 40px;
}

.kfds-textarea-placeholder-vmiddle {
    resize: none;
    outline: none;
    border: 0;
    vertical-align: middle;
    line-height: 30px;
    height: 46px;
    background: transparent;
    padding: 8px;
    transform-origin: 0% 50%;
}

.dz-error-mark svg g g {
    fill: #ff4848;
}


div.kfds-c-choose-options > label > input {
    visibility: hidden;
    display: none;
}

div.kfds-c-choose-options > label {
    display: flex;
    width: 100%;
    height: 120px;
    padding: 8px;
    cursor: pointer;
}

    div.kfds-c-choose-options > label > svg {
        display: inline-block;
        padding: 2px;
        background-size: 30px 30px;
        background: #fff;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        min-width: 24px;
        min-height: 24px;
        margin: 8px;
        cursor: pointer;
    }

    div.kfds-c-choose-options > label > input:checked + svg {
        background-color: #42d6aa;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30px 30px;
        min-width: 24px;
        min-height: 24px;
        padding: 2px;
        margin: 8px;
        border-radius: 8px;
        border: 1px solid #42d6aa;
        cursor: pointer;
    }

.kfds-c-plan-wrapper {
    cursor: pointer;
    display: block;
    background: #fff;
    border: 1px solid rgba(62, 63, 58, 0.2);
    border-radius: 8px;
    min-width: 8rem;
    margin-bottom: 16px;
    width: 100%;
    height: auto;
}

.kfds-btn-primary {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    background-color: #ff5f5f;
    height: 46px;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s;
}

    .kfds-btn-primary:hover {
        color: #fff;
        background-color: #ff4646;
    }

.kfds-font-size-subMedium {
    font-size: 20px;
}
.plan-selected-border {
    border: 2px solid rgb(66, 214, 170);
}

.kfds-img-feedPost {
    object-fit: cover;
    min-height: 95px;
}

.kfds-c-feed-pdg {
    padding: 16px 10px 0px 8px;
}

.kfds-srf-rounded-8 {
    border-radius: 8px;
}

.kfds-srf-rounded {
    border-radius: 100px;
}

.btn-min-width-icon-only {
    min-width: 64px;
    margin-left: 4px;
    margin-right: 4px;
}

.btn-newsfeed-showmore {
    background-color: #fcf0ef;
    border-color: #ff5f5f;
    font-weight: 700;
    color: #ff5f5f;
    border-radius: 8px;
}

    .btn-newsfeed-showmore:hover {
        color: #ff5f5f !important;
        background-color: #fbe7e5;
    }


.btn-showmore {
    background-color: #fcf0ef;
    border-color: #ff5f5f;
    font-weight: 700;
    color: #ff5f5f;
    border-radius: 8px;
}

    .btn-showmore:hover {
        color: #ff5f5f !important;
        background-color: #fbe7e5;
    }