@import url(../../admin-assets/fonts/iconsmind/iconsmind-web.css);
@import url(../../admin-assets/fonts/baseicons-neue/baseicons-neue.css);
@import url('https://fonts.googleapis.com');
@import url('https://fonts.gstatic.com');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*@font-face {
    font-family: museo_sans;
    src: url("../fonts/museo/museosans_100-webfont.eot");
    src: url("../fonts/museo/museosans_100-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_100-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_100-webfont.woff") format("woff"),url("../fonts/museo/museosans_100-webfont.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: museo_sans;
    src: url("../fonts/museo/museosans_300-webfont.eot");
    src: url("../fonts/museo/museosans_300-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_300-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_300-webfont.woff") format("woff"),url("../fonts/museo/museosans_300-webfont.ttf") format("truetype"),url("../fonts/museo/museosans_300-webfont.svg#museo_sans300") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: museo_sans;
    src: url("../fonts/museo/museosans_300italic-webfont.eot");
    src: url("../fonts/museo/museosans_300italic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_300italic-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_300italic-webfont.woff") format("woff"),url("../fonts/museo/museosans_300italic-webfont.ttf") format("truetype"),url("../fonts/museo/museosans_300italic-webfont.svg#museo_sans300_italic") format("svg");
    font-weight: 300;
    font-style: italic;
}*/

@font-face {
    font-family: museo_sans;
    src: url("../fonts/museo/museosans_500-webfont.eot");
    src: url("../fonts/museo/museosans_500-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_500-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_500-webfont.woff") format("woff"),url("../fonts/museo/museosans_500-webfont.ttf") format("truetype"),url("../fonts/museo/museosans_500-webfont.svg#museo_sans500") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: museo_sans;
    src: url("../fonts/museo/museosans_500italic-webfont.eot");
    src: url("../fonts/museo/museosans_500italic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_500italic-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_500italic-webfont.woff") format("woff"),url("../fonts/museo/museosans_500italic-webfont.ttf") format("truetype"),url("../fonts/museo/museosans_500italic-webfont.svg#museo_sans500_italic") format("svg");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: museo_sans;
    src: url("../fonts/museo/museosans_700-webfont.eot");
    src: url("../fonts/museo/museosans_700-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_700-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_700-webfont.woff") format("woff"),url("../fonts/museo/museosans_700-webfont.ttf") format("truetype"),url("../fonts/museo/museosans_700-webfont.svg#museo_sans700") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: museo_sans;
    src: url("../fonts/museo/museosans_900-webfont.eot");
    src: url("../fonts/museo/museosans_900-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_900-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_900-webfont.woff") format("woff"),url("../fonts/museo/museosans_900-webfont.ttf") format("truetype"),url("../fonts/museo/museosans_900-webfont.svg#museo_sans700") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: museo_sans900;
    src: url("../fonts/museo/museosans_900-webfont.eot");
    src: url("../fonts/museo/museosans_900-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/museo/museosans_900-webfont.woff2") format("woff2"),url("../fonts/museo/museosans_900-webfont.woff") format("woff"),url("../fonts/museo/museosans_900-webfont.ttf") format("truetype"),url("../fonts/museo/museosans_900-webfont.svg#museo_sans900") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: MortgageMagicSansRegular;
    src: local("MortgageMagicSansRegular"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Regular.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Regular.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Regular.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Regular.svg#MortgageMagicSansRegular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MortgageMagicSansThin;
    src: local("MortgageMagicSansThin"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Thin.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Thin.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Thin.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Thin.svg#MortgageMagicSansThin) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MortgageMagicSansThinItalic;
    src: local("MortgageMagicSansThinItalic"),url(../fonts/MortgageMagicSans/MortgageMagicSans-ThinItalic.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-ThinItalic.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-ThinItalic.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-ThinItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-ThinItalic.svg#MortgageMagicSansThinItalic) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MortgageMagicSansLight;
    src: local("MortgageMagicSansLight"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Light.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Light.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Light.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Light.svg#MortgageMagicSansLight) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MortgageMagicSansLightItalic;
    src: local("MortgageMagicSansLightItalic"),url(../fonts/MortgageMagicSans/MortgageMagicSans-LightItalic.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-LightItalic.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-LightItalic.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-LightItalic.svg#MortgageMagicSansLightItalic) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MortgageMagicSansBold;
    src: local("MortgageMagicSansBold"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Bold.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Bold.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Bold.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Bold.svg#MortgageMagicSansBold) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MortgageMagicSansBoldItalic;
    src: local("MortgageMagicSansBoldItalic"),url(../fonts/MortgageMagicSans/MortgageMagicSans-BoldItalic.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-BoldItalic.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-BoldItalic.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-BoldItalic.svg#MortgageMagicSansBoldItalic) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MortgageMagicSansItalic;
    src: local("MortgageMagicSansItalic"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Italic.woff2) format("woff2"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Italic.woff) format("woff"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Italic.ttf) format("truetype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/MortgageMagicSans/MortgageMagicSans-Italic.svg#MortgageMagicSansItalic) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Replica-Regular';
    src: url(../fonts/lineto-replica/lineto-replica-regular.eot);
    src: url(../fonts/lineto-replica/lineto-replica-regular.eot ) format('embedded-opentype'), url(../fonts/lineto-replica/lineto-replica-regular.woff2 ) format('woff2'), url(../fonts/lineto-replica/lineto-replica-regular.woff ) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Replica-Bold';
    src: url(../fonts/lineto-replica/lineto-replica-bold.eot);
    src: url(../fonts/lineto-replica/lineto-replica-bold.eot ) format('embedded-opentype'), url(../fonts/lineto-replica/lineto-replica-bold.woff2 ) format('woff2'), url(../fonts/lineto-replica/lineto-replica-bold.woff ) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book-Bold';
    src: url(../fonts/gotham-book/GothamBookFont.eot);
    src: url(../fonts/gotham-book/GothamBookFont.eot ) format('embedded-opentype'), url(../fonts/gotham-book/GothamBookFont.woff2 ) format('woff2'), url(../fonts/gotham-book/GothamBookFont.woff ) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Fieldwork-Geo-Regular";
    src: url('../fonts/FieldworkGeoRegular/font.woff2') format('woff2'), url('../fonts/FieldworkGeoRegular/font.woff') format('woff');
}

body {
    font-family: Roboto !important;
    background: #E5E5E5 !important;
}

.Rrz--baseIconsNeueFont--icon, [class*=" base-icon-"], [class^=base-icon-] {
    font-family: baseicons-neue;
    font-weight: 400;
    line-height: 1;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: 0;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*[file-upload-button], *[ng-click], *[media-button] {
    cursor: pointer;
}

.alert ul {
    padding-left: 30px;
}

    .alert ul li {
        list-style-type: none;
    }

.block-ui-container {
    position: relative;
}

    .block-ui-container .block-ui {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 500;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .block-ui-container .block-ui.dark {
            background-color: rgba(0, 0, 0, 0.7);
        }

        .block-ui-container .block-ui .spinner {
            display: block;
            position: absolute;
            z-index: 2000;
            /*top: 45%;*/
            /*right: 45%;*/
            width: 14px;
            height: 14px;
            border: solid 2px transparent;
            border-top-color: #666;
            border-left-color: #666;
            border-radius: 10px;
            -webkit-animation: pace-spinner 400ms linear infinite;
            -moz-animation: pace-spinner 400ms linear infinite;
            -ms-animation: pace-spinner 400ms linear infinite;
            -o-animation: pace-spinner 400ms linear infinite;
            animation: pace-spinner 400ms linear infinite;
        }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.load-more {
    text-align: center;
    border: dashed 1px #999;
    padding: 5px 0;
    margin: 15px;
    background-color: white;
}

    .load-more a {
        color: #555;
    }

.modal-open .modal {
    cursor: auto;
}

.task_list_card {
    max-height: 850px;
    overflow-y: auto;
    padding-right: 6px;
    padding-top: 3px;
}

    .task_list_card a {
        outline: 0;
    }

    .task_list_card::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        /* background-color: transparent; */
        position: absolute !important;
    }

    .task_list_card::-webkit-scrollbar-thumb {
        background-color: #9e9e9e;
        border-radius: 100px;
    }

    .task_list_card::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent;
    }

.custom-scroll-width::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.task_item_card {
    padding: 1px 12px !important;
    margin-bottom: 10px;
    border-left: solid 3px #4caf50;
    border-bottom: none !important;
    border-radius: 3px;
    box-shadow: 0 1px rgba(202,215,220,.6);
}

    .task_item_card:hover {
        /*box-shadow: 3px 5px 8px rgba(202,215,220,.6);*/
        box-shadow: 3px 5px 8px rgba(187,194,220,.6);
    }

    .task_item_card:active {
        animation: bouncy .3s linear both;
        transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
    }

    .task_item_card.task_accepted {
        border-left: solid 3px #839094 !important;
    }

        .task_item_card.task_accepted .task_item_footer span {
            color: #839094 !important;
        }

    .task_item_card.task_draft {
        border-left: solid 3px #f4be36 !important;
    }

        .task_item_card.task_draft .task_item_footer span {
            color: var(--yellow-900, #FF6F00);
        }

    .task_item_card.task_delete {
        border-left: solid 3px #ec514b !important;
    }

        .task_item_card.task_delete .task_item_footer span {
            color: #ec514b !important;
        }

.admin_task_item_card {
    box-shadow: 1px 1px 8px rgba(202,215,220,.6) !important;
}

    .admin_task_item_card:hover {
        box-shadow: 0 0px 2px 0 rgba(0,0,0,.14), 0 0px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    }

/*.task_item_card:hover {
    border-left: solid 3px #4caf50;
}*/

.task_item_card.selected {
    /*box-shadow: 0 0 1.5px 1.5px rgba(3, 169, 244, 0.6) !important;*/
    box-shadow: 0 0 0 3px rgb(250 76 140 / 39%) !important;
    /*box-shadow: 1px 1px 8px rgb(250 76 140 / 39%) !important;*/
    border: 1px solid rgb(239 54 122 / 65%);
}

.task_item_header {
    display: flex;
    margin: 10px 0 5px;
}

.task_item_title {
    font-weight: 300;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 17px;
    line-height: 20px;
    color: #292b32;
}

.task_item_price {
    font-weight: 500;
    float: right;
    font-size: 24px;
    margin-left: 10px;
    line-height: 24px;
    color: #3a3d3e;
}

.task_item_body {
    margin: 5px 0 10px;
    min-height: 34px;
}

.task_item_avatar {
    float: right;
    width: 34px;
    height: 34px;
}

    .task_item_avatar img {
        border-radius: 50%;
        position: relative;
        background-size: 100% 100%;
        width: 34px;
        height: 34px;
    }

.task_item_area {
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: #545a77;
    font-weight: 500;
}

.task_item_date {
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: #545a77;
    font-weight: 500;
}

.task_item_footer {
    padding: 12px 0 !important;
    border-top: 1px solid #e7eef1;
}

    .task_item_footer span {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .task_item_footer small {
        color: #545a77;
        margin-left: 10px;
        position: relative;
        font-size: 11px;
    }

.task_details_title {
    height: auto;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #292b32;
    font-size: 25px;
    margin-left: 5px;
    padding-top: 5px;
}

.posted_user_details {
    margin-top: 20px;
}

.posted_details_item {
    overflow: auto;
    position: relative;
    line-height: 20px;
}

    .posted_details_item:after {
        clear: both;
    }

    .posted_details_item:before {
        content: " ";
        display: table;
    }

.posted_location {
    margin-top: 15px;
    padding-bottom: 15px;
    position: relative;
    line-height: 20px;
}

.posted_time {
    position: relative;
    margin-top: 14px;
    padding-bottom: 15px;
}

.posted_avatar {
    float: left;
    width: 34px;
    height: 34px;
    margin: 12px 15px 0 0;
}

    .posted_avatar img {
        background-size: contain;
        border: 1px solid #cad7dc;
        border-radius: 50%;
        cursor: default;
        display: inline-block;
        position: relative;
        width: 34px;
        height: 34px;
    }

.posted_by {
    float: left;
    margin-top: 13px;
    margin-bottom: 15px;
}

.small_title {
    font-size: 12px;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #545a77;
}

.posted_name_holder {
    display: block;
}

.posted_name {
    cursor: pointer;
    /*color: #008fb4;*/
    background-repeat: no-repeat;
    background-size: 16px;
    font-size: 14px;
}

.posted_item_time .time_ago {
    position: absolute;
    right: 5px;
    bottom: 15px;
    color: #545a77;
    font-size: 12px;
}

.posted_location_info {
    float: left;
    width: calc(100% - 60px);
}

.posted_location_title {
    font-size: 12px;
    letter-spacing: .4px;
    margin: 0;
    font-weight: 700;
    color: #545a77;
}

.posted_location_area {
    color: #292b32;
    display: inline-block;
    margin: 0;
    max-width: calc(100% - 75px);
    float: left;
    /*font-size: 12px;*/
}

.posted_location:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 55px;
    right: 5px;
    top: -18px;
    background-color: #f1f1f1;
}

.posted_location:after {
    clear: both !important;
}

.posted_location i {
    float: left;
    color: #bbc2dc;
    margin: 6px 23px 8px 12px;
    font-size: 25px;
}

.posted_time {
    position: relative;
    margin-top: 14px;
    padding-bottom: 15px;
    line-height: 20px;
}

    .posted_time:before {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        left: 55px;
        right: 5px;
        top: -18px;
        background-color: #f1f1f1;
    }

    .posted_time:after {
        clear: both;
    }

.proposed_time_item {
    padding: 5px;
}

.time_slot_info {
    float: left;
}

.posted_time_title {
    font-size: 12px;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #545a77;
}

.posted_date_time {
    color: #292b32;
    /*font-size: 12px;*/
}

.proposed_time_item i {
    float: left;
    margin: 8px 21px 0 5px;
    color: #bbc2dc;
    font-size: 20px;
}

.payment_panel {
    border: 1px solid #cad7dc;
    border-radius: 6px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.payment_type {
    height: 30px;
    line-height: 26px;
    padding: 0 10px;
    border-bottom: 1px solid #f1f1f1;
    color: #545a77;
    margin-top: 5px;
    font-size: 12px;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-weight: 700;
}

.payment_budget {
    border-bottom: 1px solid #f1f1f1;
}

.task_estimated_hours {
    margin-top: 10px;
    line-height: 10px;
    font-size: 10px;
}

.task_payment {
    padding: 3px 3px 2px;
}

.task_payment_price {
    color: #3a3d3e;
    font-weight: 500;
    font-size: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.make_offer_button {
    margin: 0px 10px;
}

.btn_make_offer {
    width: 100%;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 8px 10px !important;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
    font-size: 16px;
}

.task_option {
    background-color: hsla(0,0%,100%,.6);
    border: 1px solid #cad7dc;
    box-sizing: border-box;
    border-radius: 4px;
    color: #3a3d3e;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    letter-spacing: .1em;
    transition: background .5s linear,color .5s linear,border .5s linear;
    position: relative;
    width: 100%;
    padding: 6px 10px 7px;
    text-align: left;
    line-height: 16px;
}

.task_option_selected {
    width: 100%;
    margin-top: 5px !important;
    border: 1px solid #cad7dc !important;
    box-shadow: none !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background-color: #fff !important;
}

    .task_option_selected > li {
        border-bottom: 1px solid #eee;
    }

        .task_option_selected > li:last-of-type {
            border-bottom: none;
        }

        .task_option_selected > li > a {
            font-weight: 300;
            font-size: 13px;
            display: block;
            padding: 8px 20px;
            clear: both;
            line-height: 1.42857143;
            white-space: nowrap;
            color: #777;
        }

    .task_option_selected:after {
        content: "";
        display: block;
        position: absolute;
        top: -6px;
        right: 10px;
        width: 9px;
        height: 9px;
        background: #fff;
        border-right: 1px solid #cad7dc;
        border-bottom: 1px solid #cad7dc;
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.share_container {
    border-radius: 6px;
    border: 1px solid #f5f9fb;
    margin-top: 20px;
    text-align: center;
    line-height: 20px;
}

.share_text {
    background: #fff;
    position: relative;
    top: -10px;
    width: 30%;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .67px;
    text-transform: uppercase;
    margin: 0;
}

.share_buttons {
    position: relative;
    top: -5px;
    margin-bottom: 5px;
}

    .share_buttons a {
        margin: 0 2px;
    }

.task_details_view {
    margin-top: 10px;
    padding: 5px 15px;
}

.task_details_view_title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    height: 22px;
    color: #545a77;
}

.task_details_view p {
    color: #545a77;
    /*font-size: 13px;*/
    white-space: pre-line;
}

.user_offer_avatar {
    display: inline-block;
    text-overflow: ellipsis;
    margin-right: 15px;
    vertical-align: middle;
}

    .user_offer_avatar img {
        margin-right: 4px;
        width: 48px;
        height: 48px;
        cursor: pointer;
        background-size: contain;
        border: 1px solid #cad7dc;
        border-radius: 50%;
        display: inline-block;
        position: relative;
    }

.user_offer_details_block {
    /*display: inline-block;
    vertical-align: middle;*/
}

.user_offer_name {
    display: inline-block;
    vertical-align: middle;
    width: 135px;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

    .user_offer_name a {
        font-size: 14px;
    }

.user_offer_rating_holder {
    display: inline-block;
    vertical-align: middle;
    width: 85px;
    text-align: center;
    margin: 0;
    white-space: normal;
    text-overflow: ellipsis;
}

.rating_summary_holder {
    margin: 0;
    line-height: 20px;
}

    .rating_summary_holder .new_user {
        color: #545a77;
        font-size: 12px;
        font-style: italic;
    }

    .rating_summary_holder .rating {
        vertical-align: top;
        font-size: 14px;
        display: inline-block;
        margin-bottom: 0;
        position: relative;
        color: #bbc2dc;
    }

        .rating_summary_holder .rating .active {
            color: #FDC91B;
        }

    .rating_summary_holder .rating_summary {
        vertical-align: top;
        margin-left: 5px;
        font-size: 11px;
        display: inline-block;
        margin-bottom: 0;
        color: #839094;
    }

.user_offer_completion_rate {
    display: inline-block;
    vertical-align: middle;
    width: 155px;
    text-align: center;
    color: #839094;
    font-size: 12px;
}

.percentage_container {
    display: block;
    margin-bottom: 5px;
}

    .percentage_container .percentage {
        font-weight: 900;
        padding: 3px 7px 2px;
        background-color: #f5f9fb;
        border: 1px solid #f1f1f1;
        border-radius: 24px;
        -webkit-border-radius: 24px;
        margin: 0 auto;
    }

.user_offer_price {
    display: inline-block;
    text-overflow: ellipsis;
    margin-right: 15px;
    vertical-align: middle;
    text-align: center;
    width: 130px;
}

.offer_time {
    font-weight: 500;
    font-size: 11px;
    color: #839094;
    letter-spacing: .6px;
    /*text-transform: uppercase;*/
}

.task_offers {
    /*padding: 13px 17px;*/
    border: 1px solid #fff;
    border-radius: 4px;
    transition: border .25s ease-in-out;
    /*margin: 5px -10px;*/
    margin-top: 10px;
}

    /*.task_offers:hover {
    border: 1px solid #cad7dc;
    box-shadow: 0 2px 0 0 rgba(202,215,220,.09);
}*/

    .task_offers .col {
        /*display: inline-block;
text-overflow: ellipsis;
vertical-align: middle;*/
    }

.col_avatar {
    width: 60px;
    padding-right: 0 !important;
}

.user_offer_details_block > * {
    display: inline-block;
    vertical-align: middle;
}

.user_offer_details_block .name {
    width: 30%;
    margin: 0;
    /*overflow: hidden;*/
    white-space: normal;
}

.user_name_holder {
    cursor: pointer;
    color: #008fb4;
    background-repeat: no-repeat;
    background-size: 16px;
    font-size: 14px;
}

.rating_holder {
    width: 20%;
    text-align: center;
    margin: 0;
    white-space: normal;
}

.completion_rate {
    width: 45%;
    text-align: center;
    color: #545a77;
    font-size: 14px;
}

.offer_price {
    text-align: center;
    width: 110px;
}

.offer_avatar {
    /*margin-right: 4px;*/
    width: 48px;
    height: 48px;
    border: 1px solid #839094;
    cursor: pointer;
    background-size: contain;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 640px), screen and (max-width: 1010px) and (min-width: 768px) {

    .task_offers {
        /*margin: 30px auto 5px;*/
        position: relative;
    }

        .task_offers .col {
            /*margin-right: 10px;*/
        }

    .user_offer_details_block .name {
        width: 100%;
    }

    .user_offer_details_block > * {
        display: block;
    }

    .rating_holder {
        width: 100%;
        text-align: left;
    }

    .completion_rate {
        text-align: left;
        width: 100%;
        /*margin-right: 10px;*/
    }

    .percentage_container {
        display: inline-block;
    }

    .offer_price {
        /*position: absolute;
        right: 20px;
        line-height: 65px;*/
        /*bottom: 50%;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);*/
    }
}

@media screen and (max-width: 1023px) {

    .task_offers {
        /*border: 1px solid #cad7dc;*/
        /*height: auto;
        margin-top: 30px;*/
    }

    .user_offer_details_block .name {
        /*font-size: 16px;*/
    }

    .completion_rate {
        /*font-size: 14px;*/
    }

    .offer_avatar {
        /*width: 32px;
        height: 32px;*/
    }
}

.task_form_complete {
    background-color: #e7eef1;
    border-bottom: 2px solid #ced7da;
    min-height: 130px;
    transition: opacity .5s 1s;
}

.task_form_complete_avatar {
    padding: 17px 20px;
    color: #839094;
    max-width: 250px;
}

    .task_form_complete_avatar .task_post_title {
        margin-left: 5px;
        font-size: 16px;
    }

    .task_form_complete_avatar img {
        border-radius: 50%;
    }

.task_form_complete_check {
    padding: 35px 20px 0 0;
}

.pickAnOffer {
    font-size: 23px;
    color: #9a9d9e;
    margin-top: 15px;
}

.pickAnOfferDes {
    color: #808a8e;
}

.completePostFooter {
    border-top: 1px solid #eeeeee !important;
    text-align: center;
}

.task_post_header {
    background-color: #ffffff !important;
    color: #000 !important;
    text-align: center;
}

    .task_post_header .modal-title {
        font-weight: 500;
        color: #545a77 !important;
        font-size: 16px;
    }

.task_post_cancel i {
    font-weight: normal;
    color: #616060;
    font-size: 25px !important;
}

.btn_categories {
    cursor: pointer;
    line-height: 1.4;
    border-radius: 50px !important;
    box-sizing: border-box;
    letter-spacing: .05em;
    transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #cad7dc !important;
    box-shadow: none;
    color: #03a9f4;
}

.more_categories {
    text-align: center;
}

.btn_categories:hover {
    background-color: #f7f7f7 !important;
    border: 1px solid #03a9f4;
    color: #03a9f4;
}

.offer_select_price {
    border-bottom: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
}

.offer_input_price {
    max-width: 150px;
    background: #fff !important;
    padding: 5px 10px;
    border: 1px solid #ced7da !important;
    border-radius: 5px !important;
    height: 50px;
    font-size: 35px;
}

    .offer_input_price::-webkit-inner-spin-button, .offer_input_price::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.notifications_list {
    background-color: #ffffff;
    color: rgba(72, 72, 72, 0.84);
    margin-bottom: 0px;
}

    .notifications_list .close {
        color: #2d2d2d !important;
        font-size: 12px !important;
    }

    .notifications_list img {
        border-radius: 50%;
        margin-right: 5px;
    }

    .notifications_list a {
        color: #03a9f4 !important;
    }

.custom_tooltip .tooltip-arrow {
    display: block !important;
    border-bottom-color: #737373 !important;
}

.custom_tooltip .tooltip-inner {
    line-height: 16px;
}

.offer_price .ms-tag {
    padding: 3px 12px !important;
    cursor: pointer;
}

.name_and_offerPrice {
}

.offer_completion_rate {
    color: #839094;
    font-size: 12px;
}

.comment_speech_box {
    background: #f1f1f1;
    border: 2px solid #f1f1f1;
    border-radius: 7px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    color: #839094;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
}

    .comment_speech_box:after {
        border-color: #f1f1f1 transparent;
        border-style: solid;
        border-width: 0 10px 12px;
        content: "";
        display: block;
        left: 30px;
        margin-left: -10px;
        position: absolute;
        top: -12px;
        width: 0;
        z-index: 1;
    }

.for_offer_price {
    text-align: center;
}

.review_offer_title {
}

.for_offer_price .hint {
    font-size: 11px;
    line-height: 20px;
    color: #b3b3b3;
}

.for_offer_price .price {
    font-size: 20px;
    color: #5d5d5d;
    font-weight: 500;
}

.home_top_banner {
    /*padding: 100px 0 100px;*/
    /*background-position: top;*/
    width: 100%;
    height: 100%;
    margin: 0;
    min-height: 350px;
}

.home_play_store_btn {
    /*text-align: center;
    padding-top: 150px;*/
    display: block;
    margin-top: -60px;
    position: relative;
    text-align: right;
    padding-right: 20px;
}

.task_post_input {
    /*width: 500px;*/
    width: 70%;
    height: 54px;
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 160px;
    font-size: 16px;
    font-weight: 500;
    color: #839094;
    margin-bottom: 12px;
    border: 1px solid #cad7dc;
    background: #fff;
    box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
    min-height: 40px;
    /*padding: 14px 12px;*/
    -webkit-animation: shadowFadeIn .125s ease-in-out;
    animation: shadowFadeIn .125s ease-in-out;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .task_post_input:focus, .task_post_input:focus {
        -webkit-animation: shadowFadeOut .125s ease-in-out;
        animation: shadowFadeOut .125s ease-in-out;
        box-shadow: 0 0 3px 2px rgba(1,164,209,.29);
        outline: none;
    }

.task_post_btn {
    padding: inherit;
    width: 150px;
    -webkit-transform: translate(-154px,4px);
    -ms-transform: translate(-154px,4px);
    transform: translate(-154px,4px);
    height: 46px;
    position: absolute;
    font-size: 14px;
    margin-bottom: 4px;
    color: #fff;
    cursor: pointer;
    line-height: 1.4;
    border-radius: 50px;
    display: inline-block;
    box-sizing: border-box;
    letter-spacing: .05em;
    transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    margin-right: 4px;
    text-align: center;
    white-space: nowrap;
    background: #c6275f;
    background: linear-gradient(-180deg,#c6275f,#a2396b);
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1);
    text-shadow: 0 1px 1px #9a0137;
    border: none;
    border-image-source: none;
    border-image-slice: none;
    border-image-width: none;
    border-image-outset: none;
    border-image-repeat: none;
    box-sizing: border-box;
}

    .task_post_btn:hover {
        background: linear-gradient(-180deg,#ca2d60,#c61a6d);
    }

.three_cols_custom li {
    float: inherit !important;
    width: inherit !important;
}

.custom_label {
    font-size: 14px !important;
    color: #717171 !important;
}

.custom-label-color {
    color: #545a77 !important;
}

.custom_block input {
    margin-bottom: 0 !important;
}

.custom_block p {
    display: block !important;
    color: #97a2a5;
}

.selectpicker_km .bootstrap-select {
    margin-top: 0;
}

/*Taglist Start*/

.tags {
    margin-bottom: 5px;
    margin-top: 5px;
}

    .tags .tag {
        display: inline-block;
        margin-right: 5px;
        font-size: 11px;
        padding: 5px 5px 5px 10px;
        font-weight: 500;
        word-break: break-word;
        font-style: italic;
    }

.tag .close {
    font-size: 14px;
    margin-left: 5px;
    float: inherit;
    background: #fff;
    padding: 0px 3.5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.alert_tags .tag {
    padding: 8px 8px 8px 12px !important;
    margin-bottom: 5px !important;
}

/*Taglist End*/
.badge_title {
    font-size: 14px;
    font-weight: 500;
}

.badge_des {
    font-size: 12px;
    line-height: 16px !important;
    margin-top: 5px;
}

.badge_desBtn {
    padding: 6px 20px;
    margin: 30px 10px;
    color: #1f607d;
    font-size: 12px;
}

p {
    line-height: 20px !important;
}

.radius-1 {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.radius-2 {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
}

.radius-3 {
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
}

.radius-4 {
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
}

.attachment_inputFile input {
    width: 100%;
    padding: 11px 0 !important;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.attachment_inputFile button, .attachment_inputFile a, .portfolio_item_upload a, .user_profile_upload a {
    font-size: 12px;
    padding: 9px 18px;
    color: #fff;
    cursor: pointer;
    line-height: 1.4;
    border-radius: 50px;
    display: inline-block;
    box-sizing: border-box;
    letter-spacing: .05em;
    transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    margin-right: 4px;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #cad7dc;
    box-shadow: none;
    color: #03a9f4;
}

.basic_info {
    margin-top: 50px;
}

    .basic_info .name {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .basic_info .summary {
        /*width: 40%;*/
        /*float: left;*/
    }

        .basic_info .summary .last-online {
            color: #545a77;
            font-size: 13px;
            line-height: 20px;
        }

        .basic_info .summary .report-container {
            margin-top: 5px;
        }

            .basic_info .summary .report-container i {
                font-size: 11px;
            }

            .basic_info .summary .report-container span {
                font-size: 11px;
                font-style: italic;
                /*vertical-align: top;*/
                line-height: 13px;
            }

.profile_Rating_info .more-options {
    position: absolute;
    /*bottom: 300px;
        right: 30px;*/
    right: 10px;
    top: -60px;
}

.profile_Rating_info .stats {
    float: right;
    width: 227px;
    /*border: 1px solid #f5f9fb;
    border-radius: 8px;*/
    /*margin-top: -40px;*/
}

.profile_Rating_info {
    margin-top: 50px;
}

.profile_feedback_tab {
    padding: 1rem !important;
    font-size: 14px !important;
    cursor: pointer;
    color: #545a77 !important;
}

.asTaskerReviewBody {
    text-align: center;
    color: #839094;
    line-height: 20px;
    font-size: 14px;
}

    .asTaskerReviewBody .rating, .asPosterReviewBody .rating {
        font-size: 18px;
        margin-bottom: 5px;
        color: #bbc2dc;
    }

        .asTaskerReviewBody .rating .active, .asPosterReviewBody .rating .active {
            font-size: 18px;
            margin-bottom: 5px;
            color: #fbc202;
        }

    .asTaskerReviewBody .completion_rate, .asPosterReviewBody .completion_rate {
        width: 100% !important;
    }

    .asTaskerReviewBody .completion_task_cal {
        font-size: 10px;
        color: #545a77;
    }

#AsPosterReview {
    text-align: center;
    font-size: 12px;
    color: #839094;
}

.profile_top_review_tab {
    border: 1px solid #f5f9fb;
    box-shadow: none;
    border-radius: 8px;
}

    .profile_top_review_tab .nav.nav-tabs-transparent {
        border-bottom: solid 1px #f5f5f5;
    }

        .profile_top_review_tab .nav.nav-tabs-transparent li a span {
            font-size: 12px;
        }

            .profile_top_review_tab .nav.nav-tabs-transparent li a span.text {
                font-size: 14px;
            }

        .profile_top_review_tab .nav.nav-tabs-transparent .ms-tabs-indicator {
            height: 2px;
            bottom: -2px;
        }

.main-section {
    /*background-color: #fff;
    padding: 30px 15px;*/
}

.rating-part-left h1 {
    font-size: 75px;
    margin: 0px;
    color: #8EBF1D;
}

.rating-part-left i {
    font-size: 18px;
    /*padding: 2px;*/
    color: #bbc2dc;
}

    .rating-part-left i.active {
        color: #FDC91B;
    }

.rating-part-left p {
    font-size: 18px;
    color: #504F55;
}

.progress {
    background: #f1f1f1;
    box-shadow: none;
    border-radius: 0px;
    margin: 7px 0px;
}

    .progress .progress-bar {
        background: #8EBF1D;
    }

.rating-part-right i, .review-part-right i {
    font-size: 16px;
    padding: 4px 0px;
    color: #bbc2dc;
}

    .rating-part-right i.active {
        color: #e9a52c;
    }

    .review-part-right i.active {
        color: #FDC91B;
    }

.rating-part-right span {
    color: #8EBF1D;
    font-size: 17px;
    padding-left: 5px;
}

.review-section {
    padding: 0px 15px;
}

.review-part-left img {
    height: 62px;
    width: 62px;
    border-radius: 50%;
    /*border: solid 2px #fff;*/
    /*box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.2), 0 1px 8px 0 rgba(0,0,0,.12);*/
    border: 1px solid #cad7dc;
}

.review-part-left {
    width: 62px;
    padding: 0;
}

    .review-part-left p {
        margin: 0px;
        font-size: 17px;
        color: #B3B5B4;
    }

    .review-part-left span {
        font-size: 19px;
    }

    .review-part-left small {
        color: #B3B5B4;
    }

.review-part-right p {
    font-size: 14px;
    color: #545a77;
    font-weight: 300;
    line-height: 18px !important;
}

.review-part-right {
    text-align: left;
    line-height: 20px;
}

.stars_row {
    height: 15px;
    clear: both;
}

    .stars_row .stars {
        text-align: right;
        width: 70px;
        height: 12px;
        float: left;
        font-size: 11px;
        line-height: 12px;
    }

        .stars_row .stars i {
            font-size: 12px !important;
            padding: 0 !important;
        }

    .stars_row .stars_number {
        float: left;
        width: 25px;
        height: 12px;
        text-align: center;
        font-size: 11px;
        line-height: 12px;
        margin-left: 10px;
    }

.reviews_summary_left {
    float: left;
    margin-right: 10px;
    font-weight: 300;
    line-height: 16px;
}

    .reviews_summary_left .average_reviews {
        color: #383636;
        margin-top: 5px;
    }

.reviews_summary_right {
    float: left;
}

.reviews_summary {
    width: 290px;
    margin: 0 auto;
}

.review_order_select {
    width: 140px;
    border: 1px solid #cad7dc;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    padding: 0;
}

    .review_order_select .bootstrap-select {
        background: none !important;
        margin: 0 !important;
        height: 32px;
    }

        .review_order_select .bootstrap-select button {
            padding-top: 5px;
            padding-bottom: 5px;
        }

.notification_settings_row {
    margin: 15px 0px;
    background-color: #f6f8fd;
    padding: 20px;
}

    .notification_settings_row .notification_label {
        color: #292b32;
        letter-spacing: .08em;
    }

.notification_des {
    display: table-cell;
    padding-right: 40px;
    vertical-align: top;
    width: 100%;
    line-height: 20px;
}

.notification_options {
    display: table-cell;
    min-width: 320px;
    text-align: right;
}

    .notification_options label {
        font-size: 14px !important;
        margin-right: 10px !important;
        color: #545a77;
    }

    .notification_options .checkbox-material {
        margin-right: 5px !important;
    }

        .notification_options .checkbox-material .check {
            background: #fff;
            border: 1px solid #bbc2dc;
            box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
        }

.header_post_btn {
    padding: 6px 15px;
    font-size: 14px;
    float: left;
    /*width: 94px;*/
    /* line-height: 31px; */
    margin: 17px 10px 0 20px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
}

.web_nav {
    display: block;
}

.header_logo {
    float: left;
    position: relative;
    margin: 10px 0 0 8px;
    /*margin-top: -5px;*/
}

.menu_category {
    margin-left: 160px;
    /*border-left: 1px solid rgba(0,0,0,.1);*/
    float: left;
}

    .menu_category .link {
        float: left;
        padding: 0 10px;
    }

    .menu_category .link_category, .menu_user .link_category {
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 16px;
        height: 70px;
        letter-spacing: .4px;
        line-height: 65px;
        position: relative;
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

.index_nav .menu_category .link_category, .index_nav .menu_user .link_category {
    color: #fff !important;
}

.menu_user {
    float: right;
    margin-right: 5px;
}

    .menu_user .nav_link {
        float: right;
        padding: 0 10px;
        text-align: center;
    }

        .menu_user .nav_link .ripple-container {
            display: none;
        }

.mobile_nav {
    display: none;
}

.user_resume {
    display: block;
    height: 100px;
}

.attachment_file {
    cursor: pointer;
    position: relative;
    background-image: url(../img/default_file.png);
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #cad7dc;
    background-color: #f1f1f1;
    border-radius: 4px;
    float: left;
}

.file_ext {
    position: absolute;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    margin-top: -10px;
    color: #839094;
    font-weight: 700;
}

.file_name {
    bottom: 0;
    left: 0;
    width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
    position: absolute;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
    margin-left: 5px;
    padding-top: 4px;
}

.attachment_inputFile {
    float: left;
    margin-top: 30px;
}

.portfolio_item_body {
    /*border: 1px solid #cad7dc;
    border-radius: 4px;*/
    margin: 20px 0;
    /*padding: 20px;*/
}

.portfolio_item {
    cursor: pointer;
    position: relative;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 5px;
    border: 1px solid #cad7dc;
    background-color: #f1f1f1;
    border-radius: 4px;
}

    .portfolio_item img {
        cursor: pointer;
        position: relative;
        width: 98px;
        height: 98px;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 15px;
        /*border: 1px solid #cad7dc;*/
        background-color: #f1f1f1;
        border-radius: 4px;
    }

    .portfolio_item:hover {
        border: 1px solid #839094;
        background-color: #fff;
    }

.portfolio_item_cross {
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: -6px;
    top: -6px;
    background-color: #fff;
    border-radius: 50%;
    background: #848484;
    width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px;
    font-size: 12px;
}

    .portfolio_item_cross:hover {
        background: #f44842;
    }

.upload_portfolio_body p, .upload_resume_body p {
    font-size: 14px;
}

.user_toggle_menu {
    background-size: 35px 35px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 40px !important;
    width: 35px;
    margin-top: 10px;
    transition: box-shadow .2s linear;
    box-shadow: inset 0 1px 2px 0 transparent;
    /*background-color: white;*/
}

    .user_toggle_menu img {
        border-radius: 50%;
        height: 33px !important;
        width: 33px;
        margin-top: -26px;
        box-shadow: none;
        border: 0px;
    }

.user_nav {
    border-radius: 4px !important;
    box-shadow: none;
    margin-top: -1px;
    /*margin-top: 12px;*/
    width: 200px;
    border: 1px solid rgba(0,0,0,.15);
    right: 15px;
    /*height: 280px !important;*/
    overflow: unset !important;
    height: unset !important;
}

    .user_nav:before {
        content: "";
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        position: absolute;
        top: -8px;
        right: 16px;
        z-index: 10;
    }

    .user_nav:after {
        content: "";
        border-bottom: 10px solid #ccc;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -10px;
        right: 14px;
        z-index: 9;
    }

    .user_nav li {
        padding: 0 !important;
    }

        .user_nav li a {
            padding: 8px 15px !important;
            font-size: 13px !important;
            color: #3a3d3e !important;
            white-space: unset;
            font-weight: 300 !important;
        }

    .user_nav .dropdown-submenu li a {
        padding: 5px 15px !important;
    }

    .user_nav li a:hover {
        color: #333 !important;
    }

    .user_nav li a i {
        font-size: 14px;
    }

    /*.user_nav li a:after {
    white-space: unset;
}*/

    .user_nav li:first-child {
        border-top: none !important;
    }

    .user_nav li:last-child {
        border-bottom: none !important;
    }

    .user_nav .dropdown-header {
        font-size: 16px;
        color: #383737;
        text-align: center;
        padding: 10px 15px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/****** Style Star Rating Start *****/

.task_rating {
    border: none;
    float: left;
}

    .task_rating > input {
        display: none;
    }

    .task_rating > label:before {
        margin: 5px;
        font-size: 35px;
        display: inline-block;
        content: "\f005";
    }

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

    .task_rating > label {
        color: #ddd;
        float: right;
        margin-bottom: 0;
        cursor: pointer;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .task_rating > input:checked ~ label, .task_rating:not(:checked) > label:hover, .task_rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }

        /* hover previous stars in list */

        .task_rating > input:checked + label:hover, .task_rating > input:checked ~ label:hover, .task_rating > label:hover ~ input:checked ~ label, .task_rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }

/****** Style Star Rating End *****/

.custom_textarea label {
    padding: 0 10px;
}

.custom_textarea textarea {
    background-color: #f7f7f7 !important;
    padding: 10px;
}

.dropdown-submenu li a {
    background-color: #f5f5f5;
    padding: 2px 15px 2px 45px !important;
    font-size: 13px !important;
}

    .dropdown-submenu li a:hover {
        background-color: #ececec;
    }

.review_offer_coverPic {
    margin-left: -24px;
    margin-right: -24px;
    padding-top: 25px;
    min-height: 100px;
    max-height: 100px;
}

    .review_offer_coverPic img {
        width: 80px !important;
        height: 80px !important;
    }

#ui-id-1 {
    background: white !important;
    z-index: 102;
    font-size: 16px;
    width: 300px;
    padding: 5px 0;
    list-style: none;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#ui-id-2 {
    background: white !important;
    z-index: 99;
    font-size: 16px;
    width: 300px;
    padding: 5px 0;
    list-style: none;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#ui-id-3 {
    background: white !important;
    z-index: 98;
    font-size: 16px;
    width: 300px;
    padding: 5px 0;
    list-style: none;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#ui-id-4 {
    background: white !important;
    z-index: 98;
    font-size: 16px;
    width: 300px;
    padding: 5px 0;
    list-style: none;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    #ui-id-1 li, #ui-id-2 li, #ui-id-3 li, #ui-id-4 li {
        display: block;
        padding: 3px 20px;
        clear: both;
        color: #333;
        white-space: nowrap;
        cursor: pointer;
        border-bottom: 1px solid #cecece;
    }

        #ui-id-1 li:hover, #ui-id-2 li:hover, #ui-id-3 li:hover, #ui-id-4 li:hover {
            background: #f1f1f1;
        }

        #ui-id-1 li:last-child, #ui-id-2 li:last-child, #ui-id-3 li:last-child, #ui-id-4 li:last-child {
            border-bottom: none;
        }

.user_activity .review-part-left {
    width: 50px !important;
}

    .user_activity .review-part-left img {
        width: 50px !important;
        height: 50px !important;
    }

.user_activity .user_activity_profile {
    line-height: 20px;
}

.user_activity_time {
    font-size: 13px;
    color: #545a77;
}

    .user_activity_time i {
        font-size: 14px !important;
        color: #adacac !important;
    }

.activity_with_task_title {
    font-size: 16px;
}

.task_replay_body button i {
    font-size: inherit;
    padding: inherit;
    color: inherit;
}

.link-black {
    color: #333;
    font-size: 12px;
    margin-right: 10px;
    cursor: pointer;
}

    .link-black i {
        color: #333;
        font-size: 16px;
    }

.user_activity_commments {
    border: 0;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    border-style: dashed;
    margin-top: 10px;
}

.link-blue {
    color: #03a9f4;
    font-size: 12px;
    margin-right: 10px;
    cursor: pointer;
}

    .link-blue i {
        color: #03a9f4;
        font-size: 16px;
    }

.user_activity_profile p {
    color: #5a5a5a !important;
}

.task_replay_body .input-group-btn button {
    height: 35px !important;
    min-width: 35px !important;
    width: 35px !important;
}

    .task_replay_body .input-group-btn button i {
        font-size: 20px;
        margin-right: 5px;
        padding-left: 5px;
        color: #615f5f;
    }

.animation_off {
    -moz-animation-name: none !important;
    -webkit-animation-name: none !important;
    -ms-animation-name: none !important;
    animation-name: none !important;
}


/*-----------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------              Task Search Menu Start                    ---------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------*/

.task-search_menu {
    transition: .4s 0ms;
    background-color: #fff;
    /*border-top: 1px solid #e5e5e5;*/
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    height: 48px;
    /* position: fixed; */
    /* top: 7px; */
    width: 100%;
    white-space: normal;
    /* margin-top: -40px; */
    padding: 0;
    margin-bottom: 10px;
}

.task-sub-navbar {
    position: relative;
}

.task-search_menu .task-search-left {
    float: left !important;
    /*margin-left: 90px;*/
    list-style: none;
    padding-left: 10px;
    margin: 0;
    padding-top: 12px;
    display: block;
}

    .task-search_menu .task-search-left li {
        display: inline;
        padding-top: 15px;
        padding-bottom: 16px;
        /*padding-right: 10px;*/
    }

        .task-search_menu .task-search-left li a {
            color: #656667 !important;
            font-size: 14px;
            /*padding: 0;*/
        }

.task-search-left .my_task_serach {
    padding-right: 10px;
}

    .task-search-left .my_task_serach.active a, .task-search-left .my_task_serach a:hover, .task-search-left .my_task_serach a:active {
        color: #03a9f4 !important;
    }

.task-search-left .mob_task_serach.active a {
    color: #fff !important;
}

.filter-memu {
    padding-bottom: 12px !important;
}

    .filter-memu a i {
        font-size: 20px;
        margin-left: 5px;
        margin-top: 3px;
    }

.filter-person-tab .btn.btn-primary {
    color: #fff !important;
    border: 1px solid transparent;
    border-color: #357ebd;
    background-color: #357ebd !important;
    box-shadow: none;
}

    .filter-person-tab .btn.btn-primary.not-active {
        background-color: #fff !important;
        color: #3276b1 !important;
        box-shadow: none;
    }

.filter-person-tab input {
    position: absolute;
    visibility: hidden;
}

.filter-person-tab > .btn:first-child {
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.filter-person-tab > .btn:last-child {
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.task-search_menu .task-search-right {
    float: right !important;
    /*margin-right: 90px;*/
    position: absolute;
    right: 1px;
}

    .task-search_menu .task-search-right .search-form {
        vertical-align: top;
        display: inline-block;
        position: relative;
        height: 50px;
        min-width: 50px;
        padding: 0;
        margin: 0;
        transition: width ease 1s;
        z-index: 0;
    }

        .task-search_menu .task-search-right .search-form .search-input {
            height: 50px;
            border: 0;
            width: 0;
            padding: 0;
            background-color: transparent;
            display: inline-block;
            transition: width ease .5s;
            vertical-align: top;
            padding-left: 50px;
            border-radius: #616161;
            color: #000;
        }

        .task-search_menu .task-search-right .search-form label {
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            font-size: 20px;
            color: #03a9f4;
            cursor: pointer;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 3;
            transition: -webkit-transform ease .5s;
            transition: transform ease .5s;
            transition: transform ease .5s,-webkit-transform ease .5s;
            transition-delay: .2s;
        }

            .task-search_menu .task-search-right .search-form label:before {
                transition: all ease .5s;
                border-radius: 150px;
                z-index: -1;
                content: "";
                position: absolute;
                display: block;
                background-color: #03a9f4;
                height: 0;
                width: 0;
                top: 25px;
                left: 25px;
            }

.task-search_menu .navbar-nav > li > a, .task-search_menu .navbar-nav > li > a:hover, .task-search_menu .navbar-nav > li > a:focus, .task-search_menu .navbar-nav > .open > a, .task-search_menu .navbar-nav > .open > a:hover, .task-search_menu .navbar-nav > .open > a:focus {
    color: #656667 !important;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 14px;
}

.ms-navbar-white.navbar-mode .task-search_menu .navbar-nav > li > a:hover, .ms-navbar-white.navbar-mode .task-search_menu .navbar-nav > li > a:focus, .ms-header-white + .ms-navbar-white .task-search_menu .navbar-nav > li > a:hover, .ms-header-white + .ms-navbar-white .task-search_menu .navbar-nav > li > a:focus {
    color: #656667 !important;
    font-size: 13px;
}

.ms-navbar-white.navbar-mode .task-search_menu .navbar-nav > li.open > a, .ms-header-white + .ms-navbar-white .task-search_menu .navbar-nav > li.open > a {
    color: #656667 !important;
}

.ms-navbar-white.navbar-mode .task-search_menu .navbar-nav > li > a:before, .ms-header-white + .ms-navbar-white .task-search_menu .navbar-nav > li > a:before {
    background-color: transparent !important;
}

.task-search-list-view {
    margin-top: 70px;
}

.task-search_menu form {
    padding: 15px;
    width: 320px;
}

.custom-toggle-label {
    font-size: 14px !important;
    color: #5d5d5d !important;
}

    .custom-toggle-label input {
        margin-left: 10px;
    }

.task-search_menu .dropdown-menu {
    margin-top: 1px !important;
    background: #fff !important;
    right: auto;
}

    .task-search_menu .dropdown-menu:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 20px;
    }

    .task-search_menu .dropdown-menu:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 21px;
    }

.ui-group-buttons .or {
    position: relative;
    float: left;
    width: .2em;
    height: 1.3em;
    z-index: 3;
    font-size: 12px
}

    .ui-group-buttons .or:before {
        position: absolute;
        top: 50%;
        left: 50%;
        content: '';
        background-color: #5a5a5a;
        margin-top: .4em;
        margin-left: -.3em;
        width: .5em;
        height: .5em;
        line-height: 1.55;
        color: #fff;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-group-buttons .or:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: .2em;
        height: 2.84em;
        background-color: rgba(0,0,0,0);
        border-top: .9em solid #5a5a5a;
        border-bottom: .9em solid #5a5a5a
    }

    .ui-group-buttons .or.or-lg {
        height: 1.3em;
        font-size: 16px
    }

        .ui-group-buttons .or.or-lg:after {
            height: 2.85em
        }

    .ui-group-buttons .or.or-sm {
        height: 1em
    }

        .ui-group-buttons .or.or-sm:after {
            height: 2.3em
        }

    .ui-group-buttons .or.or-xs {
        height: .25em
    }

        .ui-group-buttons .or.or-xs:after {
            height: 1.84em;
            z-index: -1000
        }

.ui-group-buttons {
    display: inline-block;
    vertical-align: middle
}

    .ui-group-buttons:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .ui-group-buttons .btn {
        float: left;
        border-radius: 0;
        margin: 0;
    }

        .ui-group-buttons .btn:first-child {
            margin-left: 0;
            border-top-left-radius: .25em;
            border-bottom-left-radius: .25em;
            padding-right: 15px
        }

        .ui-group-buttons .btn:last-child {
            border-top-right-radius: .25em;
            border-bottom-right-radius: .25em;
            padding-left: 15px
        }

#custom-search-form {
    margin: 0;
    margin-top: 8px;
    padding: 0;
    width: inherit;
}

    #custom-search-form .search-query {
        box-shadow: none;
        text-indent: 12px;
        width: 100%;
        height: 32px;
        min-height: 32px;
        box-sizing: border-box;
        padding: 0 32px 0 0;
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        border: 1px solid #cad7dc;
        background: #fff;
        margin-bottom: 0;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        color: #000;
    }

    #custom-search-form button {
        background: transparent;
        position: absolute;
        right: 1px;
        top: 7px;
        border: 0;
        margin: 0;
        padding: 5px 10px 7px;
        opacity: .5;
        transition: opacity .1s ease-out,fill .1s ease-out;
        cursor: pointer;
        outline: none;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-bottom-right-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-bottom-right-radius: 15px;
        color: #716f6f;
    }

        #custom-search-form button i {
            margin: 0;
        }

        #custom-search-form button:hover, #custom-search-form button:focus {
            color: #0a0a0a;
            background: transparent;
        }

.search-query:focus + button {
    z-index: 3;
}

#custom-search-form .search-query::-moz-placeholder {
    font-size: 14px;
    line-height: 2.12857 !important;
    color: #cad7dc;
    font-weight: 400;
}

#custom-search-form .search-query:-moz-placeholder {
    font-size: 14px;
    line-height: 2.72857 !important;
    color: #cad7dc;
    font-weight: 400;
}

#custom-search-form .search-query:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

#custom-search-form .search-query::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

/*------------------//////////////////////-              Gallery Start       ----/////////////////////-----------------------------*/

#gallery {
    text-align: center;
    margin: 10px 22px 0 58px;
    position: relative;
    display: inline-block;
}

.gallery-item {
    width: 99px;
    height: 99px;
    float: left;
    margin: 2px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
    background-color: #f1f1f1;
}

    .gallery-item img {
        width: 99px;
        height: 99px;
    }

.gallery-modal .modal-body {
    padding: 1rem !important;
}

.gallery-modal.modal {
    text-align: center;
    margin: 0 auto 20px auto;
}

.gallery-modal #modal-image {
    margin: 0 auto;
    max-width: 100%;
    border-radius: 5px;
}

.gallery-modal #task-modal-image {
    margin: 0 auto;
    max-width: 100%;
    border-radius: 5px;
}

.gallery-modal .modal-image-caption {
    text-transform: capitalize;
}

.pre_next_btn .gallery-left-arrow {
    left: 15px;
    top: 45%;
    line-height: 20px;
}

.pre_next_btn .gallery-right-arrow {
    right: 15px;
    top: 45%;
    line-height: 20px;
}

.gallery-left-arrow, .gallery-right-arrow {
    cursor: pointer;
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 42px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.8);
    color: #839094;
    margin-top: -20px;
    font-size: 20px;
    background-image: none !important;
    text-shadow: none;
}

    .gallery-left-arrow i, .gallery-right-arrow i {
        font-size: 18px !important;
    }

#img_new_window {
    margin-top: 20px;
}

#task_img_new_window {
    margin-top: 20px;
}

/*------------------//////////////////////-              Gallery End       ----/////////////////////-----------------------------*/

/*------------------//////////////////////-              Messages   Start       ----/////////////////////-----------------------------*/

.messages {
    position: relative;
    list-style: none;
    padding: 20px 10px 20px 10px;
    margin: 0;
    /*height: 347px;*/
    /*overflow: scroll;*/
}

    .messages .message {
        clear: both;
        overflow: hidden;
        margin-bottom: 10px;
        transition: all 0.5s linear;
        opacity: 0;
    }

        .messages .message.left .avatar {
            background-color: #f5886e;
            float: left;
        }

        .messages .message.left .text_wrapper {
            background-color: #e5e5ea;
            margin-left: 15px;
        }

        .messages .message.left .text_wrapper_double {
            background-color: #e5e5ea;
            margin-left: 60px;
            /*float: left;*/
            display: inline-block;
            padding: 10px 15px;
            border-radius: 6px;
            width: calc(100% - 85px);
            min-width: 100px;
            position: relative;
            margin-top: 5px;
        }

        .messages .message.left .text_wrapper::after, .messages .message.left .text_wrapper::before {
            right: 100%;
            border-right-color: #e5e5ea;
        }

        .messages .message.left .text {
            color: #333;
        }

        .messages .message.left .msg-time {
            text-align: left;
            margin-left: 70px;
            color: #B7BCC5;
            font-size: 12px;
            line-height: 20px;
        }

        .messages .message.right .avatar {
            background-color: #fdbf68;
            float: right;
        }

        .messages .message.right .text_wrapper {
            background-color: #435f7a;
            margin-right: 15px;
            float: right;
        }

        .messages .message.right .text_wrapper_double {
            background-color: #435f7a;
            margin-right: 60px;
            float: right;
            display: inline-block;
            padding: 10px 15px;
            border-radius: 6px;
            width: calc(100% - 85px);
            min-width: 100px;
            position: relative;
            margin-top: 5px;
        }

        .messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before {
            left: 100%;
            border-left-color: #435f7a;
        }

        .messages .message.right .text {
            color: #f5f5f5;
        }

        .messages .message.right .msg-time {
            text-align: right;
            margin-right: 70px;
            color: #B7BCC5;
            font-size: 12px;
            line-height: 20px;
            display: inline-block;
            float: right;
        }

        .messages .message.right #gallery {
            margin: 10px 58px 0 22px !important;
        }

            .messages .message.right #gallery .gallery-item {
                float: right;
            }

        .messages .message.appeared {
            opacity: 1;
        }

        .messages .message .avatar {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: inline-block;
        }

        .messages .message .text_wrapper {
            display: inline-block;
            padding: 10px 15px;
            border-radius: 6px;
            width: calc(100% - 85px);
            min-width: 100px;
            position: relative;
        }

            .messages .message .text_wrapper::after, .messages .message .text_wrapper:before {
                top: 15px;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .messages .message .text_wrapper::after {
                border-width: 9px;
                margin-top: 0px;
            }

            .messages .message .text_wrapper::before {
                border-width: 10px;
                margin-top: -2px;
            }

            .messages .message .text_wrapper .text {
                font-size: 14px;
                font-weight: 400;
                white-space: pre-line;
            }

.bottom_wrapper {
    position: relative;
    width: 100%;
    /*background-color: #fff;*/
    padding: 20px 20px 0;
    /*position: absolute;*/
    bottom: 0;
}

    .bottom_wrapper .message_input_wrapper {
        display: inline-block;
        height: 50px;
        border-radius: 25px;
        border: 1px solid #bcbdc0;
        width: calc(100% - 160px);
        position: relative;
        padding: 10px 20px;
    }

        .bottom_wrapper .message_input_wrapper a {
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            padding-right: 10px;
            color: #718598;
        }

        .bottom_wrapper .message_input_wrapper .message_input {
            border: none;
            height: auto;
            /*height: 100%;*/
            box-sizing: border-box;
            /*width: calc(100% - 40px);*/
            width: calc(100% - 50px);
            position: absolute;
            outline-width: 0;
            color: gray;
        }

    .bottom_wrapper .send_message {
        width: 140px;
        height: 50px;
        display: inline-block;
        border-radius: 50px;
        background-color: #a3d063;
        border: 2px solid #a3d063;
        color: #fff;
        cursor: pointer;
        transition: all 0.2s linear;
        text-align: center;
        float: right;
    }

        .bottom_wrapper .send_message:hover {
            color: #a3d063;
            background-color: #fff;
        }

        .bottom_wrapper .send_message .text {
            font-size: 18px;
            font-weight: 300;
            display: inline-block;
            line-height: 48px;
        }

/*------------------//////////////////////-              Messages   End       ----/////////////////////-----------------------------*/

.status-bar-panel {
    margin-bottom: 20px;
    margin-top: 20px;
    height: 20px;
    line-height: 1.4;
}

.status-bar-panel-left .status-step {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 3px 10px;
    color: #bbc2dc;
    letter-spacing: .36px;
    float: left;
}

.status-active .status-step.completed {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #e5f0d9;
    color: #7db343;
}

.status-assigned .status-step.completed {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #e5f0d9;
    color: #7db343;
}

.status-assigned .status-step.completed2 {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #e5f0d9;
    color: #7db343;
}

.status-completed .status-step.completed {
    background-color: #e5f0d9;
    color: #7db343;
}

.status-completed .status-step:first-of-type {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.status-completed .status-step:last-of-type {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.task-follow-btn {
    border-radius: 50px;
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 1.4;
    margin-bottom: 2px;
    padding: 2px 8px;
    background-color: #f5f9fb;
    color: #0c99de;
    cursor: pointer;
    border: 1px solid #fff;
}

    .task-follow-btn:hover {
        border: 1px solid #7acaf9;
    }

.profile-preview-item {
    margin: 0 0 15px;
}

    .profile-preview-item label {
        display: block;
        font-weight: 500;
        margin-bottom: 5px;
        color: #839094;
        font-size: 14px;
    }

.profile-preview-item-btn {
    border: 1px solid #f5f9fb;
    border-radius: 5px;
    transition: border .5s linear;
    padding: 10px;
    line-height: 20px;
    font-size: 14px;
}

    .profile-preview-item-btn.error {
        border: 1px solid #f44336;
    }

    .profile-preview-item-btn:hover {
        border: 1px solid #839094;
        cursor: pointer;
        transition: border .05s linear;
    }

    .profile-preview-item-btn:after, .profile-preview-item-btn:before {
        content: " ";
        display: table;
    }

    .profile-preview-item-btn:after {
        clear: both;
    }

.profile-preview-item-check {
    position: relative;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;
    color: #cad8dc;
    font-size: 20px;
}

    .profile-preview-item-check.active {
        color: #9ad428;
    }

.profile-preview-item-check, .profile-preview-item-btn label {
    display: inline-block;
    float: left;
}

.profile-preview-item-right {
    float: right;
    display: block;
    color: #cad7dc;
    height: 20px;
}

    .profile-preview-item-right i {
        /*font-size: 25px;
    font-weight: 600;
    margin-right: 2px;*/
    }

.profile-preview-item-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #839094;
}

.dateBirth_input {
    margin-bottom: 10px;
}

    .dateBirth_input input {
        width: 70px;
        margin-right: 5px;
        text-align: center;
        height: 40px;
        border: 1px solid #cad7dc !important;
        border-radius: 3px !important;
        padding: 0 4px;
        transition: border .2s ease-in-out;
        background-image: none !important;
        box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5) !important;
        display: inline-block;
    }

.custom_mob_input {
    max-width: 250px;
    margin: 0 auto;
}

    .custom_mob_input #country_code {
        width: 40px;
        background-image: none !important;
        border: 1px solid #cad7dc;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 7px 5px;
        transition: border .2s ease-in-out;
        background-color: #cad8dc;
        border-top-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
    }

    .custom_mob_input #phone_number {
        border: 1px solid #cad7dc;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 0 4px;
        transition: border .2s ease-in-out;
        background-image: none !important;
        border-top-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-bottom-left-radius: 0;
    }

.tasks_link.selected, .mytasks_link.selected, .messages_link.selected, .notifications_link.selected {
    /*color: #fff;*/
    font-weight: 600;
}

    .tasks_link.selected:after, .mytasks_link.selected:after, .messages_link.selected:after, .notifications_link.selected:after {
        background-color: #f9a600;
        bottom: 0px;
        /*border-radius: 1.5px;*/
        content: "";
        display: block;
        height: 4px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 80%;
        z-index: 1000;
    }

.tasks_link:hover:after, .mytasks_link:hover:after, .messages_link:hover:after, .notifications_link:hover:after {
    background-color: #f9a600;
    bottom: 0px;
    /*border-radius: 1.5px;*/
    content: "";
    display: block;
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 1000;
}

.info_speech_box {
    background: #f5f9fc;
    padding: 15px;
    position: relative;
    color: #839094;
    font-size: 14px;
    line-height: 20px;
    margin-left: -24px;
    margin-right: -24px;
    display: table;
}

    .info_speech_box .info_speech_box_icon {
        width: 40px;
        /* height: 50px; */
        display: table-cell;
        padding-left: 5px;
        vertical-align: middle;
    }

        .info_speech_box .info_speech_box_icon i {
            font-size: 32px;
            color: #8a8989;
            vertical-align: middle;
        }

    .info_speech_box .info_speech_box_text {
        display: table-cell;
        /* padding-bottom: 10px; */
        font-size: 13px;
        line-height: 18px;
    }

.task_accept_check_box {
    background: #87c2d4;
    padding: 35px 15px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    position: relative;
    color: #fff;
    font-size: 40px;
    line-height: 20px;
    text-align: center;
}

.task_accept_after_msg .st-1 {
    font-size: 14px;
    color: #8e8e8e;
}

.task_accept_after_msg .st-2 {
    font-size: 14px;
    color: #8e8e8e;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.task_accept_after_msg .st-3 {
    width: 260px;
    margin: 0 auto;
}

    .task_accept_after_msg .st-3 .media-heading {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 16px;
        color: #000;
        margin-top: 3px;
    }

    .task_accept_after_msg .st-3 .inline_rating {
        line-height: 15px;
        margin-top: 2px;
    }

    .task_accept_after_msg .st-3 .offer_completion_rate {
        line-height: 20px;
    }

.task_accept_after_msg .st-4 {
    font-size: 14px;
    color: #8e8e8e;
    line-height: 18px;
    margin-top: 20px;
}

.custom_input {
    padding: 0 12px;
    border: 1px solid #cad7dc !important;
    background: #fff;
    box-shadow: none !important;
    border-radius: 4px !important;
    height: 48px;
    background-image: none !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #252525;
    border-radius: 8px !important;
}

.custom_textarea {
    padding: 14px 12px;
    border: 1px solid #cad7dc !important;
    background: #fff;
    box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5) !important;
    border-radius: 4px !important;
    min-height: 40px;
    box-sizing: border-box;
    height: 40px;
    background-image: none !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #000;
    /*margin-bottom:0 !important;*/
}

.form-group .custom_input:focus, .form-group .custom_textarea:focus {
    border: 1px solid rgba(1,164,209,.5) !important;
    box-shadow: 0 0 3px 2px rgba(1,164,209,.29) !important;
    outline: none !important;
}

.custom_control_label {
    font-size: 14px !important;
    color: #737a7b !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.custom_sub_label {
    line-height: 1.4;
    margin-bottom: 10px;
    color: #839094;
    margin-top: -5px;
}

.form-group .form-control.custom_input::-moz-placeholder {
    font-size: 14px;
    line-height: 2.72857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.form-group .form-control.custom_textarea::-moz-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.form-group .form-control.custom_input:-moz-placeholder {
    font-size: 14px;
    line-height: 2.72857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.form-group .form-control.custom_textarea:-moz-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.form-group .form-control.custom_input:-ms-input-placeholder, .form-group .form-control.custom_textarea:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.form-group .form-control.custom_input::-webkit-input-placeholder, .form-group .form-control.custom_textarea::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.anchovy-question, .lock, .question, .tooltip {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-left: 5px;
    vertical-align: middle;
}

    .anchovy-question.left .answer, .lock.left .answer, .question.left .answer, .tooltip.left .answer {
        -ms-transform: none;
        transform: none;
    }

    .anchovy-question:hover .answer, .lock:hover .answer, .question:hover .answer, .tooltip:hover .answer {
        display: block;
    }

    .anchovy-question .answer, .lock .answer, .question .answer, .tooltip .answer {
        margin: 0;
        padding: 9px 13px;
        background: #545a77;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border: 1px solid rgba(85,92,95,.23);
        box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
        border-radius: 4px;
        display: none;
        font-size: 12px;
        position: absolute;
        width: 200px;
        color: #fff;
        text-align: left;
        z-index: 1000;
    }

    .tooltip .anchovy-question .answer > p, .tooltip .lock .answer > p, .tooltip .question .answer > p {
        line-height: 1.4 !important;
        font-size: 12px;
    }

    .anchovy-question .answer > p, .lock .answer > p, .question .answer > p, .tooltip .answer > p {
        margin-bottom: 0;
        min-width: 120px;
        white-space: normal;
        color: #fff;
    }

    .anchovy-question.left .answer:after, .lock.left .answer:after, .question.left .answer:after, .tooltip.left .answer:after {
        left: 6px;
        margin-left: 0;
    }

    .anchovy-question .answer:after, .lock .answer:after, .question .answer:after, .tooltip .answer:after {
        content: "";
        display: block;
        height: 10px;
        width: 10px;
        -ms-transform: rotate(45deg) translateX(-50%);
        transform: rotate(45deg) translateX(-50%);
        position: absolute;
        background: #545a77;
        top: -2px;
        left: 50%;
        margin-left: 7px;
    }

.admin-custom-tooltip .anchovy-question.left .answer:after {
    left: auto;
    right: 4px;
}

.admin-custom-tooltip .anchovy-question .answer {
    width: 300px;
    right: 0;
}

.location_option_container {
    width: 42%;
    padding: 3% 3% 0;
    margin-bottom: 10px;
    border-radius: 7px;
}

    .location_option_container #physical_location {
        float: left;
    }

    .location_option_container #remote_location {
        float: right;
    }

    .location_option_container .selected {
        background: #f5f9fb;
    }

    .location_option_container p {
        margin-left: 25px;
        margin-top: 5px;
    }

.task_total_budget_input {
    width: 130px;
    float: left;
    margin-left: 15px;
}

    .task_total_budget_input .input-group {
        display: table;
        border-collapse: separate;
    }

    .task_total_budget_input .input-group-addon {
        font-size: 16px;
        font-weight: 500;
        color: #9c9c9c;
        padding-right: 5px;
        vertical-align: middle;
        display: table-cell;
    }

    .task_total_budget_input input {
        max-width: 100px;
        margin-bottom: 0;
    }

.task_hour_budget_input .lb_2543 {
    font-size: 12px;
    display: table-cell;
    width: 70px;
}

.task_hour_budget_input {
    width: 255px;
    float: left;
}

    .task_hour_budget_input .input-group-addon {
        display: table-cell;
        color: #9c9c9c;
        padding-right: 5px;
    }

    .task_hour_budget_input input {
        max-width: 100px;
        display: table-cell;
        margin-bottom: 0 !important;
        margin-right: 5px;
    }

    .task_hour_budget_input .lb_2545 {
        font-size: 12px;
    }

.estimated_budget_info {
    font-size: 11px;
    color: #3a3d3e;
    line-height: 18px;
}

.estimated_budget_containt {
    font-size: 24px;
    color: #839094 !important;
    background-color: #f5f9fb;
    position: relative;
    margin: 0 -24px;
    padding: 20px;
}

.wings {
    font-style: italic;
    /*margin: 15px 0;*/
    text-align: center;
    position: relative;
}

    .wings:before {
        left: 0;
        right: 50%;
        margin-right: 20px;
    }

    .wings:after {
        right: 0;
        left: 50%;
        margin-left: 20px;
    }

    .wings:after, .wings:before {
        top: 50%;
        border: 0;
        content: "";
        height: 1px;
        position: absolute;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-top: 1px solid #f1f1f1;
        box-sizing: initial;
    }

.login_or_badge {
    background-color: #efefef;
    color: #5d5d5d;
    font-size: 12px;
}

.forgot-password-link {
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    margin-left: 2px;
    text-decoration: underline;
}

    .forgot-password-link a {
        color: #da514c;
    }

.select-tasker-tab {
    margin-bottom: 30px !important;
    margin-top: 0;
}

    .select-tasker-tab .btn.btn-primary {
        color: #fff !important;
        border: 1px solid transparent;
        /*border-color: #357ebd;*/
        background-color: #357ebd !important;
        box-shadow: none;
        padding: 5px;
    }

        .select-tasker-tab .btn.btn-primary.not-active {
            background-color: #f1f1f1 !important;
            color: #3a3d3e !important;
            box-shadow: none;
            padding: 5px;
        }

            .select-tasker-tab .btn.btn-primary.not-active:hover {
                color: #fff !important;
                border: 1px solid transparent;
                background-color: #7e9bb5 !important;
                box-shadow: none;
            }

    .select-tasker-tab input {
        position: absolute;
        visibility: hidden;
    }

    .select-tasker-tab > .btn:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: 1px solid #fff;
    }

    .select-tasker-tab > .btn:last-child {
        border-left: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.forgotpassword_hint {
    font-weight: 300;
    color: #839094;
    font-size: 13px;
    line-height: 1.4 !important;
}

.edit_icon {
    background-color: #cad7dc;
    border-radius: 20px;
    display: block;
    height: 40px;
    transition: opacity .3s ease-out,transform .3s ease-out;
    position: absolute;
    right: -20px;
    top: -10px;
    width: 40px;
    cursor: pointer;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -16px;
    z-index: 2;
}

    .edit_icon:hover {
        background-color: #b4c3ca;
    }

    .edit_icon i {
        margin-left: 12px;
        margin-top: 11px;
        width: 15px;
        height: 15px;
        color: #fff;
        font-size: 20px;
    }

.profile_about {
    font-size: 13px;
    font-weight: 300;
}

.profile_about_Headline {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
}

.splitter_section_name {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .08em;
}

.user_transportation_options label {
    font-size: 14px !important;
}

.user_transportation_options .checkbox-material .check {
    border: 1px solid rgba(0, 0, 0, 0.23);
    box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
}

.portfolio_adds {
    cursor: pointer;
    position: relative;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 5px;
    border-radius: 4px;
    font-size: 40px;
    text-align: center;
    background-color: transparent;
    border: 2px dashed #f1f1f1;
    vertical-align: sub;
}

    .portfolio_adds a {
        display: inline-block;
        font-size: 40px;
        text-align: center;
        vertical-align: middle;
        height: 95px;
        width: 95px;
        color: #f1f1f1;
        padding: 29px 21px;
    }

    .portfolio_adds:hover {
        border: 2px dashed #337ab7;
    }

        .portfolio_adds:hover > a {
            color: #337ab7;
        }

.public_profile_body {
    /*border-top-left-radius: 9px;
    border-top-right-radius: 9px;*/
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.public_profile_banner {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-image: url(../img/profile_thum.png);
    background-position: 50% 50%;
    height: 200px;
    background-size: cover;
    background-color: #cad7dc;
    position: relative;
    width: auto;
    border-radius: 5px 5px 0 0;
}

    .public_profile_banner .img-avatar-circle {
        margin-left: 25px;
        top: 10px;
        width: 136px;
        height: 136px;
        border: solid 4px #fff;
        box-shadow: none;
    }

.public_profile_banner_server {
    background-position: 50% 50%;
    height: 200px;
    background-size: cover;
    position: relative;
    width: auto;
    border-radius: 5px 5px 0 0;
}

.custom-tag-list {
    color: #545a77 !important;
    font-size: 11px;
    background-color: #f6f8fd !important;
    border-radius: 15px;
    font-style: italic;
    word-break: break-word;
}

.alert_setting_note {
    font-size: 13px;
    line-height: 20px;
    color: #000 !important;
}

.post_line {
    padding: 0 15px;
}

    .post_line .user_avatar {
        width: 48px !important;
        height: 48px !important;
    }

        .post_line .user_avatar img {
            width: 48px !important;
            height: 48px !important;
        }

.post_area_body {
    display: table;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 28px !important;
    width: 100%;
}

    .post_area_body .user_avatar {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
    }

        .post_area_body .user_avatar img {
            width: 30px;
            height: 30px;
        }

.post_text-area {
    box-sizing: border-box;
    display: table-cell;
    margin: 0;
    position: relative;
    vertical-align: top;
    width: 100%;
    padding: 8px 8px 40px;
    box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
    transition: box-shadow .2s ease;
    border: 1px solid #cad7dc;
    border-radius: 4px;
    cursor: text;
    overflow: hidden;
}

    .post_text-area:focus {
        border: 1px solid rgba(1,164,209,.5) !important;
        box-shadow: 0 0 1px 1px rgba(1,164,209,.29) !important;
        outline: none !important;
    }

.post_text_area_selected {
    border: 1px solid rgba(1,164,209,.5) !important;
    box-shadow: 0 0 1px 1px rgba(1,164,209,.29) !important;
    outline: none !important;
}

.post_text-area textarea {
    overflow-y: hidden;
    border: none;
    box-shadow: none;
    font-size: 14px;
    min-height: 50px;
    height: 50px;
    max-height: 140px;
    animation: none;
    padding: 0;
    width: 100%;
    /*border: 1px solid #cad7dc;*/
    /*border-radius: 3px;*/
    transition: border .2s ease-in-out;
    line-height: 17px;
    font-weight: 300;
    color: #000;
    resize: none;
}

    .post_text-area textarea:focus {
        outline: none !important;
    }

.post_text-area .footer {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 7px;
    border-radius: 3px;
    padding: 0 8px;
    height: 30px;
    max-height: 30px;
}

    .post_text-area .footer .attachment-files {
        display: inline-block;
        margin: 0;
        text-align: center;
        float: left;
    }

        .post_text-area .footer .attachment-files a {
            position: relative;
            display: block;
            text-align: center;
            float: left;
            cursor: pointer;
            box-sizing: border-box;
            border: 1px solid transparent;
            border-radius: 50%;
            /* width: 16px; */
            /* height: 18px; */
            line-height: 12px;
            padding: 6px;
        }

            .post_text-area .footer .attachment-files a:hover {
                border: 1px solid #cad7dc;
                color: #03a9f4;
            }

    .post_text-area .footer .attachment-files-tag {
        font-weight: 300;
        background-color: #008fb4;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        margin-top: 6px;
        max-width: 30%;
        overflow: hidden;
        padding: 2px 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 20px;
    }

    .post_text-area .footer .count {
        color: #cad7dc;
        font-size: 13px;
    }

    .post_text-area .footer .send-button[disabled] {
        pointer-events: none;
        color: #cad7dc;
        cursor: default;
    }

        .post_text-area .footer .send-button[disabled]:hover {
            color: #cad7dc;
        }

    .post_text-area .footer .send-button {
        font-weight: 700;
        margin-left: 20px;
        outline: none;
        font-size: 14px;
    }

        .post_text-area .footer .send-button:hover {
            color: #03a9f4;
        }

.task_post_texarea::-moz-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.task_post_texarea:-moz-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.task_post_texarea:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.task_post_texarea::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.comment_sections {
    display: table;
    margin-bottom: 15px;
    line-height: 20px;
}

.comment_sections_img {
    display: table-cell;
    vertical-align: top;
}

    .comment_sections_img a {
        width: 42px;
        height: 42px;
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        position: relative;
    }

    .comment_sections_img img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
        border: 1px solid #cad7dc;
        border-radius: 50%;
    }

.comment_sections_body {
    display: table-cell;
    padding-left: 10px;
    width: 100%;
}

    .comment_sections_body .comment_owner_name a {
        font-weight: 500;
        font-size: 14px;
        margin-right: 13px;
        cursor: pointer;
        color: #03a9f4;
        background-repeat: no-repeat;
        background-size: 16px;
    }

    .comment_sections_body .comment_owner_name .poster_label {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .4px;
        text-transform: uppercase;
        background-color: #cad7dc;
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        padding: 0px 8px;
        vertical-align: top;
    }

    .comment_sections_body .comment_owner_message {
        margin-bottom: 8px;
        color: #292b32;
        width: 100%;
        word-break: break-word;
        word-wrap: break-word;
        font-size: 14px;
        line-height: 18px;
    }

.comment_owner_timeago {
    color: #839094;
    font-size: 13px;
}

.comment_owner_timeago {
    color: #839094;
    font-size: 13px;
}

    .comment_owner_timeago time {
        margin-right: 30px;
        color: #545a77;
        font-size: 11px;
        letter-spacing: .15px;
    }

    .comment_owner_timeago .options {
        display: inline;
    }

        .comment_owner_timeago .options .reply {
            white-space: nowrap;
        }

            .comment_owner_timeago .options .reply:hover {
                color: #03a9f4;
                cursor: pointer;
            }

        .comment_owner_timeago .options .report {
            display: none;
            float: right;
        }

.comment_sections_threaded {
    margin-left: 58px;
}

    .comment_sections_threaded .comment_sections_img a {
        width: 30px;
        height: 30px;
    }

.post_wizard .nav.nav-tabs li.disabled a {
    cursor: text;
}

.notification_bubble.on {
    background-color: #f2a100;
    border-radius: 50%;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 6px;
    width: 8px;
    transition: opacity .4s linear;
    /*opacity: 0;*/
}

.confirm_remove_icon {
    text-align: center;
    font-size: 60px;
    color: #F8BB86;
}

.empty_page_container {
    text-align: center;
    height: 100%;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5%;
}

    .empty_page_container img {
        margin: 20px 0;
        max-width: 300px;
        max-height: 150px;
    }

.empty_page_text {
    font-size: 16px;
    white-space: pre-line;
    margin: 20px 0;
    font-weight: 300;
    color: #839094;
}

.task_activity_header {
    text-align: center;
    margin: 14px 0 4px;
    line-height: 20px;
}

    .task_activity_header .line {
        position: relative;
        width: 100%;
        height: 1px;
        background: #f1f1f1;
        top: 16px;
        display: block;
    }

    .task_activity_header .title {
        position: relative;
        color: #cad7dc;
        text-transform: uppercase;
        margin: 0 auto;
        display: inline-block;
        background: #fff;
        font-weight: 700;
        font-size: 17px;
        padding: 0 15px;
        margin: 8px 0;
        cursor: pointer;
        transition: color .1s ease-in-out;
    }

        .task_activity_header .title:hover {
            color: #839094;
        }

.comment_des_hint {
    font-size: 14px;
    margin-left: 63px;
    color: #839094;
    margin-top: 10px;
    margin-right: 50px;
}

.comment_area_login_content h4 {
    font-weight: 500;
    color: #545a77;
    margin-bottom: 0;
    font-size: 22px;
}

.physical-container {
    background-image: url(../img/svg/location.svg);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: 25px 25px;
    float: left;
    background-color: #f5f9fb;
    width: 48%;
    padding: 2% 2% 2% 9%;
    margin-bottom: 10px !important;
    border-radius: 7px;
    color: #3f4141 !important;
    min-height: 38px !important;
    padding-left: 40px !important;
    font-size: 14px !important;
}

.online-container {
    background-image: url(../img/svg/remotely.svg);
    background-repeat: no-repeat;
    background-position: top 10px right 10px;
    background-size: 25px 25px;
    float: right;
    background-color: #f5f9fb;
    width: 48%;
    padding: 2% 2% 2% 9%;
    margin-bottom: 10px !important;
    border-radius: 7px;
    color: #3f4141 !important;
    min-height: 38px !important;
    padding-left: 40px !important;
    font-size: 14px !important;
}

.physical-container, .online-container {
    position: relative;
    cursor: pointer;
}

    .physical-container span, .online-container span {
        display: block;
        position: absolute;
        left: 10px;
        top: 2px;
        transition-duration: .2s;
    }

    .physical-container .check, .online-container .check {
        border-radius: 100%;
        background-color: #03a9f4;
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
    }

    .physical-container input[type=radio]:checked ~ .check, .online-container input[type=radio]:checked ~ .check {
        -webkit-transform: scale3d(.55,.55,1);
        transform: scale3d(.55,.55,1);
        background-color: #03a9f4;
    }

    .physical-container input[type=radio], .online-container input[type=radio] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px;
    }

    .physical-container.not-active, .online-container.not-active {
        background-color: #fff;
    }

    .physical-container .circle, .physical-container .check, .online-container .circle, .online-container .check {
        margin-top: 8px;
        margin-left: 5px;
    }

    .physical-container .circle, .online-container .circle {
        background: #fff;
        border: 1px solid #cad7dc;
        height: 18px;
        width: 18px;
        box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
        vertical-align: middle;
        border-color: #cad7dc !important;
        border-radius: 100%;
    }

    .physical-container .check, .online-container .check {
        height: 18px;
        width: 18px;
    }

.radio input[type=radio]:checked ~ .physical-container .circle, .radio input[type=radio]:checked ~ .online-container .circle {
    border: 1px solid #cad7dc;
}

.physical-container .check:after, .online-container .check:after {
    display: none !important;
}

.physical-container .physical_hint, .online-container .online_hint {
    font-size: 12px;
    color: #737a7b;
    line-height: 16px !important;
    margin-top: 8px;
}

.dateSelectorBody {
    padding-left: 0px !important;
}

    .dateSelectorBody span {
        display: block;
        position: absolute;
        top: 2px;
        transition-duration: .2s;
    }

    .dateSelectorBody input[type=radio] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px;
    }

        .dateSelectorBody input[type=radio]:checked ~ .check {
            -webkit-transform: scale3d(.55,.55,1);
            transform: scale3d(.55,.55,1);
            background-color: #03a9f4;
        }

    .dateSelectorBody label {
        font-size: 13px !important;
        min-height: 20px;
        padding-left: 25px;
        line-height: 22px !important;
        margin: 0 5px;
        position: relative;
        cursor: pointer;
    }

    .dateSelectorBody .circle {
        background: #fff;
        border: 1px solid #cad7dc;
        height: 18px;
        width: 18px;
        box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
        vertical-align: middle;
        border-color: #cad7dc !important;
        left: 0;
        border-radius: 100%;
    }

    .dateSelectorBody .check {
        height: 18px;
        width: 18px;
        left: 0;
        border-radius: 100%;
        background-color: #03a9f4;
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
    }

        .dateSelectorBody .check:after {
            display: none !important;
        }

.paid_btn {
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0.34901960784313724) !important;
    color: #fff !important;
    font-size: 18px;
    padding: 6px 10px !important;
    cursor: text !important;
}

.received_pay_btn {
    box-shadow: none !important;
    background-color: #4caf50 !important;
    color: #fff !important;
    cursor: text !important;
}

.filter-memu .my_task_sub_menu.active a, .filter-memu .my_task_sub_menu a:hover {
    background-color: #e8e8e8;
}

.account_complete_progressbar progress {
    width: 100%;
    height: 2px;
}

.account_popup_header {
    line-height: 1.4;
    color: #839094 !important;
    text-align: center;
    background-color: #ffffff !important;
}

    .account_popup_header .modal-title {
        font-weight: 400;
        font-size: 16px;
    }

    .account_popup_header .modal-sub-title {
        font-size: 14px;
        padding: 10px 25px;
        font-weight: 300;
        padding-bottom: 5px;
    }

.account_popup_footer {
    position: relative;
    border-top: 1px solid #f5f9fb;
    padding: 15px 20px;
    height: 72px;
    text-align: center;
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -22px;
}

    .account_popup_footer .previous {
        float: left;
        width: auto;
        margin: 0;
        display: block;
        background-color: #bbbbbb !important;
        color: #ffffff;
        border: none;
        padding: 7px 20px;
        font-size: 13px;
        /*font-family: Raleway;*/
        cursor: pointer;
    }

    .account_popup_footer .next {
        float: right;
        width: auto;
        margin: 0;
        display: block;
        background-color: #4CAF50 !important;
        color: #ffffff;
        border: none;
        padding: 7px 20px;
        font-size: 13px;
        /*font-family: Raleway;*/
        cursor: pointer;
    }

    .account_popup_footer .skip_link {
        float: right;
        margin: 5px 5px 0 0;
    }

    .account_popup_footer .dot_container {
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        margin: 8px 5px;
    }

.alert_location_box {
    display: table;
}

    .alert_location_box .left {
        display: table-cell;
        padding-right: 10px;
        width: 100%;
    }

    .alert_location_box .right {
        min-width: 120px;
        display: table-cell;
        padding-top: 0;
    }

        .alert_location_box .right .bootstrap-select.btn-group {
            margin: 0;
            padding: 0;
        }

.dial_code_box {
    width: 100%;
}

    .dial_code_box .input-group-addon {
        padding: 0;
        position: absolute;
        left: 7px;
        top: 14px;
        z-index: 2;
        width: 30px;
    }

        .dial_code_box .input-group-addon input {
            width: 30px !important;
            background-image: none !important;
            font-size: 14px;
        }

    .dial_code_box input {
        width: 100%;
        padding-left: 36px;
    }

.bank_account_hint {
    color: #839094;
}

.account_complete_final_screen {
    width: 50%;
    height: 0px;
    padding-bottom: 50%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
}

    .account_complete_final_screen img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
    }

#browseTasksLink {
    display: none;
}

.account_complete_progress {
    height: 2px;
    margin: 0;
    margin-left: -24px;
    margin-right: -24px;
}

#account_complete_form h1 {
    text-align: center;
}

#account_complete_form input.invalid {
    background-color: #ffdddd;
}

#account_complete_form .tab {
    display: none;
}

#account_complete_form button:hover {
    opacity: 0.8;
}

#account_complete_form .step {
    height: 13px;
    width: 13px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

    #account_complete_form .step.active {
        background-color: #4CAF50;
        opacity: 1;
    }

    #account_complete_form .step.finish {
        /*background-color: #4CAF50;*/
    }

.post_msg_more {
    /*width: 240px;*/
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    line-height: 18px;
    /*margin-bottom: 5px;*/
    transition: height 500ms;
    position: relative;
}

    .post_msg_more span {
        white-space: pre-line;
    }

    .post_msg_more[aria-expanded="true"] {
        margin-bottom: 5px;
    }

.file_attachment_info {
    margin-left: 10px;
}

.post_msg_more[aria-expanded="false"]:after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: "";
    display: block;
    opacity: 1;
    height: 30px;
    transition: opacity 0.3s ease-out;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.post_msg_more[aria-expanded="true"]:after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: "";
    display: block;
    opacity: 0;
    height: 30px;
    transition: opacity 0.3s ease-out;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.post_msg_less {
    /*max-height: 60px;*/
}

.change_lang_btn {
    border: solid 1px #879498 !important;
    padding: 5px 15px !important;
    margin-top: 13px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.header_become_btn {
    border: solid 1px #bbc2dc !important;
    padding: 4px 15px !important;
    margin-top: 13px;
    height: inherit !important;
    line-height: 20px !important;
    color: #03a9f4 !important;
    font-size: 11px !important;
}

    .header_become_btn:hover {
        background-color: hsla(0,0%,100%,.7) !important;
        border: 1px solid #009be1 !important;
    }

.currency-box {
    width: 100%;
}

    .currency-box .input-group-addon {
        position: absolute;
        left: 13px;
        top: 9px;
        z-index: 2;
    }

    .currency-box input {
        width: 100%;
        padding-left: 26px;
    }

.index_slogan {
    font-weight: 400;
    color: #000;
    font-size: 42px;
    line-height: 52px;
    /* margin-top: 155px !important; */
    margin-bottom: 23px !important;
    max-width: 480px;
}

.index_slogan2 {
    font-size: 18px;
    margin-bottom: 60px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    max-width: 750px;
}

.index_top_btn {
    color: #16163D !important;
    font-size: 17px;
    border-radius: 4px;
    padding: 10px 30px;
    margin-right: 15px;
}

.task_details_view .progress {
    text-transform: uppercase;
    font-weight: 700;
    width: 300px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    background: none !important;
}

    .task_details_view .progress label {
        float: left;
        line-height: 30px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
    }

    .task_details_view .progress .graph {
        float: left;
        background: #0097dc;
        border: 1px solid #0097dc;
        width: 190px;
        margin: 4px 15px;
        height: 22px;
        line-height: 20px;
        text-align: center;
        border-radius: 2px;
        position: relative;
    }

        .task_details_view .progress .graph .text {
            position: absolute;
            top: 0;
            width: 190px;
            font-size: 9px;
            color: #fff;
        }

        .task_details_view .progress .graph .inner {
            position: absolute;
            top: 0;
            width: 2%;
            height: 20px;
            background: #f1f1f1;
            border-radius: 2px;
            overflow: hidden;
            transition: all 1s ease-in-out;
        }

            .task_details_view .progress .graph .inner .text {
                color: #839094;
                position: absolute;
                top: 0;
                width: 190px;
                font-size: 9px;
            }

.stats_numbers {
    width: 242px;
    margin: 10px auto;
}

    .stats_numbers .stats_item {
        width: 80px;
        height: 55px;
        float: left;
        text-align: center;
    }

        .stats_numbers .stats_item .remaining_count {
            font-size: 35px;
            line-height: 40px;
            color: #0097dc;
        }

        .stats_numbers .stats_item .label {
            color: #3a3d3e;
            background-color: transparent !important;
            font-weight: 400 !important;
            font-size: 14px !important;
        }

.notifications_count {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    background: #0097dc;
    width: 20px;
    border-radius: 50%;
    transition: all 1s ease-in-out;
}

.completed_task_alert {
    margin: 20px 15px 1px;
    background: #fff;
    border: 1px solid #f5f9fb;
    border-top: 0;
    box-shadow: 0 1px 0 0 #f5f9fb;
    color: #839094;
    position: relative;
    border-radius: 4px;
    display: table;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 20px;
}

    .completed_task_alert:after {
        background: #03a9f4;
        border-radius: 4px 4px 0 0;
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        right: -1px;
        height: 3px;
    }

    .completed_task_alert .alert_icon {
        padding-right: 8px;
        vertical-align: top;
        display: table-cell;
    }

        .completed_task_alert .alert_icon i {
            font-size: 26px;
            line-height: 38px;
            color: #03a9f4;
        }

    .completed_task_alert .alert_text {
        width: 100%;
        vertical-align: middle;
        display: table-cell;
    }

    .completed_task_alert .alert_button {
        text-align: right;
        padding-left: 20px;
        display: table-cell;
    }

        .completed_task_alert .alert_button button {
            margin: 0 !important;
            padding: 5px 15px !important;
            margin-top: 5px !important;
        }

.cancel_task_alert {
    margin: 20px 15px 1px;
    background: #fff;
    border: 1px solid #f5f9fb;
    border-top: 0;
    box-shadow: 0 1px 0 0 #f5f9fb;
    color: #839094;
    position: relative;
    border-radius: 4px;
    display: table;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 20px;
}

    .cancel_task_alert:after {
        background: #4caf50;
        border-radius: 4px 4px 0 0;
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        right: -1px;
        height: 3px;
    }

    .cancel_task_alert .alert_icon {
        padding-right: 8px;
        vertical-align: top;
        display: table-cell;
    }

        .cancel_task_alert .alert_icon i {
            font-size: 26px;
            line-height: 38px;
            color: #4caf50;
        }

    .cancel_task_alert .alert_text {
        width: 100%;
        vertical-align: middle;
        display: table-cell;
    }

    .cancel_task_alert .alert_button {
        text-align: right;
        padding-left: 20px;
        display: table-cell;
    }

        .cancel_task_alert .alert_button button {
            margin: 0 !important;
            padding: 5px 15px !important;
            margin-top: 5px !important;
        }

.signing_agreement_text {
    font-size: 11px;
    line-height: 15px !important;
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
    color: rgb(131, 144, 148);
}

.login_popup_title {
    color: rgb(131, 144, 148);
    margin-bottom: 20px;
}

.existing_tasks_list {
    padding: 5px;
    margin-top: 25px;
}

    .existing_tasks_list .title {
        color: #839094;
        text-align: center;
        position: relative;
    }

        .existing_tasks_list .title:after, .existing_tasks_list .title:before {
            top: 50%;
            border: 0;
            content: "";
            height: 1px;
            position: absolute;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border-top: 1px solid #f1f1f1;
            box-sizing: initial;
        }

        .existing_tasks_list .title:after {
            right: 0;
            left: 72%;
            margin-left: 20px;
        }

        .existing_tasks_list .title:before {
            left: 0;
            right: 72%;
            margin-right: 20px;
        }

.existing_tasks_row {
    text-align: left;
    text-transform: none;
    max-width: 100%;
    width: 100%;
    margin: 5px 0;
}

    .existing_tasks_row .task_title {
        float: left;
        font-weight: 300;
        margin-left: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 70%;
        padding-top: 2px;
    }

    .existing_tasks_row .direction_icon {
        margin-left: 10px;
        float: right;
        /*margin-right: 16px;*/
        display: inline-block;
        text-align: left;
        text-transform: none;
        font-size: 18px;
    }

    .existing_tasks_row .task_price {
        display: inline-block;
        float: right;
        text-align: left;
        font-size: 18px;
    }

.request_quote_hint {
    font-size: 14px;
    color: #839094;
    text-align: center;
}

.upload-complete, .upload-progress {
    display: none;
}

.page_header_title {
    font-weight: 300 !important;
    font-size: 24px !important;
    /*color: #839094;*/
}

.service_title h4 {
    font-size: 16px;
    font-weight: 300;
}

.task_completed_post_msg {
    /* margin-top: -20px; */
    background-color: #e7eef1;
    padding: 20px 0;
}

    .task_completed_post_msg .ms-icon.ms-icon-lg {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        background-color: #4caf50d1;
    }

.post_task_input_check {
    margin-left: 6px;
    /*margin-top: 4px;*/
    position: relative;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
}

    .post_task_input_check:before {
        content: "";
        line-height: 8px;
        height: 18px;
        width: 18px;
        background-color: #f5f9fb;
        display: inline-block;
        border-radius: 50%;
    }

    .post_task_input_check.on:before {
        -ms-transform: scale(1);
        transform: scale(1);
        animation: tickBackgroundBounce .75s;
        background-color: #ccd74e;
    }

    .post_task_input_check:after {
        content: "";
        line-height: 8px;
        height: 10px;
        width: 5px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -ms-transform: scaleX(-1) rotate(135deg);
        transform: scaleX(-1) rotate(135deg);
        position: absolute;
        left: 3.8px;
        top: 9px;
        border-radius: 0;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }

    .post_task_input_check.on:after {
        animation: tickAnimate .55s;
        background-color: transparent;
    }

.tick_input {
    width: calc(100% - 28px) !important;
    display: inline-block !important;
}

.budget_input_check_area {
    display: table-cell;
    vertical-align: middle;
}

.taskers_label {
    font-size: 12px !important;
    font-weight: 300 !important;
}

.social_login_btn {
    margin: 0 auto;
    width: 75%;
    box-shadow: none !important;
}

    .social_login_btn i {
        vertical-align: baseline;
    }

.how_to_work_body {
    background-color: #f5f9fb;
    box-shadow: inset 0 1px 1px 0 rgba(202,215,220,.5)
}

.working_step img {
    margin: 0 auto;
    width: 145px;
    height: 145px;
}

.task_marker_details {
    /*box-shadow: 2px 2px 4px rgba(0,0,0,.5);*/
    width: 260px;
    /*height: 270px;*/
    margin: 0 auto;
    /*top: 50%;*/
    /*margin-top: -190px;*/
    /*left: 10px;*/
    /*background-color: hsla(0,0%,100%,.85);*/
    /*position: relative;*/
}

    .task_marker_details .top {
        /*padding: 20px 20px 10px;*/
        width: 100%;
        display: inline-block;
    }

    .task_marker_details .profile_image {
        width: 126px;
        height: 126px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        font-size: 16px;
    }

        .task_marker_details .profile_image img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto;
            border: 1px solid #cad7dc;
            border-radius: 50%;
        }

    .task_marker_details .task_price {
        background-color: #f3f3f3;
        border: 1px solid #f5f9fb;
        border-color: #cad7dc;
        width: 122px;
        height: 126px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-transform: uppercase;
    }

    .task_marker_details .task_price_title {
        margin-top: 20px;
        font-size: 12px;
    }

    .task_marker_details .task_price_middle {
        font-size: 26px;
        font-weight: 500;
    }

        .task_marker_details .task_price_middle .price {
            display: inline-block;
            vertical-align: text-top;
            /*font-size: 30px;*/
            margin-top: 15px;
        }

    .task_marker_details .bottom {
        /*padding: 0 20px;*/
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .task_marker_details .task_title {
        font-size: 14px;
        font-weight: 300;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .task_marker_details .deadline {
        margin-top: 3px;
        font-size: 12px;
    }

    .task_marker_details .posted_details {
        margin-top: 3px;
        font-size: 10px;
    }

    .task_marker_details .user_name {
        cursor: pointer;
        /*color: #008fb4;*/
        background-repeat: no-repeat;
        background-size: 16px;
    }

    .task_marker_details .posted_details time {
        display: inline-block;
    }

#gmaps {
    width: 100%;
    height: 850px;
}

    #gmaps img {
        max-width: none !important;
    }

.gm-ui-hover-effect img {
    margin: 8px !important;
}

#gmaps .gm-style-iw {
    width: 300px !important;
    /*top: 15px !important;*/
    left: 0px !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    /*border: 1px solid rgba(72, 181, 233, 0.6);*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: hsla(0, 0%, 100%, 0.9) !important;
    padding-left: 0;
}

#gmaps #iw-container {
    /*margin-bottom: 10px;*/
}

    #gmaps #iw-container .iw-content {
        /*font-size: 13px;
    line-height: 18px;
    font-weight: 400;*/
        margin-right: 1px;
        padding: 18px 10px 10px 10px;
        /*max-height: 140px;*/
        overflow-y: auto;
        overflow-x: hidden;
        width: 297px;
        padding-left: 0;
        padding-right: 0;
    }

#gmaps .iw-content img {
    float: right;
    margin: 0 5px 5px 10px;
}

#gmaps .gm-style {
    font: 300 14px museo_sans,Roboto,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
}

.user_notification_options {
    font-size: 15px !important;
}

    .user_notification_options label span {
        vertical-align: top;
        margin-right: 10px;
    }

.profile_content .left {
    float: left;
}

    .profile_content .left img {
        border: 0;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

.profile_content .right {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.payment_method_content {
    margin-left: -15px;
}

    .payment_method_content .left {
        float: left;
    }

        .payment_method_content .left img {
            border: 0;
        }

    .payment_method_content .right {
        float: left;
        margin-left: 10px;
        /*margin-top: 3px;*/
    }

.payment_method_divider {
    border-top: 1px solid #f2f2f2;
    margin-left: -24px;
    margin-right: -24px;
}

.dashboard_task_summary {
    position: relative;
    /*padding: 20px;*/
    -ms-flex: 0;
    flex: 0;
}

.dashboard_task_summary_title {
    padding-bottom: 16px;
    font-weight: 500;
    font-size: 18px;
    color: #292b32;
    letter-spacing: .4px;
    text-align: center;
}

.dashboard_task_summary_selector {
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    display: inline-block;
    margin-bottom: 50px;
}

    .dashboard_task_summary_selector a:first-child {
        border-radius: 5px 0 0 5px;
    }

    .dashboard_task_summary_selector a:last-child {
        border-radius: 0 5px 5px 0;
        border-right: none;
    }

    .dashboard_task_summary_selector a {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        background: #fff;
        color: #3a3d3e;
        text-decoration: none;
        /*border-right: 1px solid #f1f1f1;*/
    }

        .dashboard_task_summary_selector a.selected {
            background-color: #839094;
            color: #fff;
            transition: background-color .3s ease-in-out,color .3s ease-in-out;
        }

.task_summary_graph {
    text-align: center;
}

.task_summary_graph_components {
    display: inline-block;
}

    .task_summary_graph_components .draft {
        text-align: center;
        width: 112px;
        display: inline-block;
        height: 80px;
        cursor: pointer;
    }

        .task_summary_graph_components .draft .line {
            width: 45px;
            height: 4px;
            background: #008fb4;
            margin: 0 auto;
            margin-bottom: 10px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            margin-top: 15px;
        }

        .task_summary_graph_components .draft .count {
            color: #008fb4;
            font-weight: 700;
            font-size: 20px;
        }

        .task_summary_graph_components .draft .hint {
            font-size: 12px;
            color: #545a77;
            font-weight: 700;
        }

    .task_summary_graph_components .offer {
        text-align: center;
        width: 112px;
        display: inline-block;
        height: 80px;
        cursor: pointer;
    }

        .task_summary_graph_components .offer .line {
            width: 45px;
            height: 4px;
            background: #ccd74e;
            margin: 0 auto;
            margin-bottom: 10px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            margin-top: 15px;
        }

        .task_summary_graph_components .offer .count {
            color: #ccd74e;
            font-weight: 700;
            font-size: 20px;
        }

        .task_summary_graph_components .offer .hint {
            font-size: 12px;
            color: #545a77;
            font-weight: 700;
        }

    .task_summary_graph_components .assigned {
        text-align: center;
        width: 112px;
        display: inline-block;
        height: 80px;
        cursor: pointer;
    }

        .task_summary_graph_components .assigned .line {
            width: 45px;
            height: 4px;
            background: #008fb4;
            margin: 0 auto;
            margin-bottom: 10px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            margin-top: 15px;
        }

        .task_summary_graph_components .assigned .count {
            color: #008fb4;
            font-weight: 700;
            font-size: 20px;
        }

        .task_summary_graph_components .assigned .hint {
            font-size: 12px;
            color: #545a77;
            font-weight: 700;
        }

    .task_summary_graph_components .awaiting_payment {
        text-align: center;
        width: 112px;
        display: inline-block;
        height: 80px;
        cursor: pointer;
    }

        .task_summary_graph_components .awaiting_payment .line {
            width: 45px;
            height: 4px;
            background: #e5912c;
            margin: 0 auto;
            margin-bottom: 10px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            margin-top: 15px;
        }

        .task_summary_graph_components .awaiting_payment .count {
            color: #e5912c;
            font-weight: 700;
            font-size: 20px;
        }

        .task_summary_graph_components .awaiting_payment .hint {
            font-size: 12px;
            color: #545a77;
            font-weight: 700;
        }

    .task_summary_graph_components .default {
        text-align: center;
        width: 112px;
        display: inline-block;
        height: 80px;
        cursor: pointer;
    }

        .task_summary_graph_components .default .line {
            width: 45px;
            height: 4px;
            background: #545a77;
            margin: 0 auto;
            margin-bottom: 10px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            margin-top: 15px;
        }

        .task_summary_graph_components .default .count {
            color: #545a77;
            font-weight: 700;
            font-size: 20px;
        }

        .task_summary_graph_components .default .hint {
            font-size: 12px;
            color: #545a77;
            font-weight: 700;
        }

.total_task_summary_graph_box {
    background: #f6f8fd;
    border: 2px solid #737a99;
    text-align: center;
    width: 100px;
    height: 80px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

    .total_task_summary_graph_box .count {
        font-size: 24px;
        color: #3a3d3e;
        font-weight: 700;
        margin-top: 15px;
    }

    .total_task_summary_graph_box .title {
        font-size: 12px;
        color: #292b32;
        font-weight: 700;
    }

.badge_complete {
    display: inline-block;
    margin: 5px;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
}

    .badge_complete:hover {
        border: 1px solid #545a77;
        cursor: pointer;
    }

.complete_icon {
    margin: 0 auto;
    width: 80px;
    height: 50px;
    text-align: center;
}

    .complete_icon i {
        font-size: 40px;
        line-height: 50px;
        color: #545a77;
    }

.badge_complete .hint {
    text-align: center;
    color: #545a77;
}

.dashboard_task_slider {
    margin-left: 25px;
    margin-right: 25px;
}

    .dashboard_task_slider .slider {
        background: none;
    }

.featured_tasks_slide {
    position: relative;
    display: block;
    margin: 0 6px;
    padding: 0;
    border: 1px solid #cad7dc;
    border-radius: 5px;
    overflow: hidden;
}

    .featured_tasks_slide img {
        max-width: 100%;
    }

.featured_tasks_slide_hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: calc(100% - 29px);
    transition: opacity .3s ease
}

.featured_tasks_slide:hover .featured_tasks_slide_hover {
    opacity: 1
}

.featured_tasks_slide_hover .view_more {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(231,85,134,.8);
    width: 100%;
    height: 30px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px
}

.featured_tasks_slide_caption {
    position: absolute;
    line-height: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 5px;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    color: #3a3d3e;
    white-space: nowrap
}

.dashboard_task_slider .slider .slick-next, .dashboard_task_slider .slider .slick-prev {
    border-radius: 20px;
    background: #cad7dc;
    width: 30px;
    height: 30px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
}

.announcements_list .list-group {
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
}

    .announcements_list .list-group li {
        padding: 15px 15px;
    }

        .announcements_list .list-group li:first-child {
            border-top-left-radius: 6px;
            -webkit-border-top-left-radius: 6px;
            -moz-border-radius-topleft: 6px;
            border-top-right-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            -moz-border-radius-topright: 6px;
        }

        .announcements_list .list-group li:last-child {
            border-bottom-left-radius: 6px;
            -webkit-border-bottom-left-radius: 6px;
            -moz-border-radius-bottomleft: 6px;
            border-bottom-right-radius: 6px;
            -webkit-border-bottom-right-radius: 6px;
            -moz-border-radius-bottomright: 6px;
        }

.offers_sections {
    display: flex;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding: 0px 0px 8px;
    margin-bottom: 16px;
}

.bid_summary {
    display: flex;
    margin: 0px 0px 8px;
}

    .bid_summary .user_info {
        display: flex;
    }

    .bid_summary .owner_img {
        display: inline-block;
        min-width: 42px;
        margin: 0px 8px 0px 0px;
        border-radius: 50%;
        position: relative;
    }

        .bid_summary .owner_img img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            margin: 0 auto;
            /*border: 1px solid #cad7dc;*/
            border-radius: 50%;
        }

    .bid_summary .owner_name {
        cursor: pointer;
        color: #008fb4;
        background-repeat: no-repeat;
        background-size: 16px;
    }

.tasker_stats {
    display: flex;
}

    .tasker_stats .rating_summary_holder {
        margin: 0px;
    }

        .tasker_stats .rating_summary_holder .rating {
            display: inline-block;
            margin: 0px 4px 0px 0px;
            vertical-align: top;
            position: relative;
        }

        .tasker_stats .rating_summary_holder .rating_summary {
            display: inline-block;
            /*vertical-align: text-top;*/
            margin: 0px;
            font-size: 9px;
            color: #839094;
        }

    .tasker_stats .user_completion_rate {
        margin: 0px 0px 0px 16px;
    }

.user_completion_rate .completion_rate_container {
    text-align: center;
    color: #545a77;
    font-size: 12px;
}

.completion_rate_container .percentage_box {
    background: rgb(245, 249, 251);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(241, 241, 241);
    border-image: initial;
    border-radius: 100px;
    margin: 0px 4px 0px 0px;
}

    .completion_rate_container .percentage_box .percentage_text {
        font-weight: 700;
        font-size: 11px;
        letter-spacing: 0.15px;
        line-height: 16px;
        margin: 0px;
        padding: 0px 4px;
    }

.bid_summary .bid_price {
    margin-left: auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .bid_summary .bid_price .price {
        font-size: 20px;
        color: rgb(58, 61, 62);
        margin: 0px 8px 0px 0px;
        line-height: 1.4;
    }

.bid_comment_area {
    margin: 0px 0px 0px 48px;
}

.bid_comment_owner_message {
    background: rgb(245, 249, 251);
    border-radius: 4px;
    padding: 8px;
    color: rgb(41, 43, 50);
    background-color: #f6f8fd;
}

.bid_comment_owner_timeago {
    line-height: 16px;
    font-size: 11px;
    color: #545a77;
    letter-spacing: 0.15px;
    margin: 4px 0px 0px;
}

    .bid_comment_owner_timeago .reply {
        color: #03a9f4;
        margin-left: 10px;
        font-size: 11px;
    }

.offer_action_btn {
    margin: 0;
    padding: 8px 18px;
}

.bid_comment_owner_message .post_msg_more[aria-expanded="true"]:after {
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(245, 249, 251)) !important;
}

.bid_comment_owner_message .post_msg_more[aria-expanded="false"]:after {
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(245, 249, 251)) !important;
}

.offer_bid_review .user_info .tasker_stats {
    flex-direction: column;
}

    .offer_bid_review .user_info .tasker_stats .user_completion_rate {
        margin: 0px;
    }

.offer_bid_review .bid_price .price {
    margin: 0px;
}

.offer_bid_review .bid_price {
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

    .offer_bid_review .bid_price .offer_action_btn {
        padding: 8px 14px;
        font-size: 11px;
    }

.offer_bid_review .user_info .owner_name {
    font-size: 16px;
}

.offers_chat_container {
    min-height: 350px;
    max-height: 420px;
    overflow-y: auto;
}

#offers_chat_textarea_body {
    /*display: block;*/
    margin: 5px 0;
}

.offer_chat_arrow {
    float: left;
    margin: 1.6rem 0 0 2.4rem;
    font-size: 30px;
}

    .offer_chat_arrow i {
        width: 18px;
        height: 18px;
    }

.offer_assigned_btn {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    background-color: #cad7dc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff;
    display: inline-block;
    padding: 2px 12px;
    vertical-align: top;
}

.task_cancel_msg {
    color: #839094;
    font-size: 16px;
}

.cancelletion_reason label {
    display: block;
    margin-top: 20px;
    padding-left: 35px;
}

.confirmed_reason {
    height: 40px;
    position: relative;
    margin-top: 20px;
}

    .confirmed_reason .text {
        left: 0;
        display: inline-block;
    }

    .confirmed_reason .selected_btn {
        float: right;
        position: relative;
        left: 0;
    }

.first_option_tab .btn.btn-primary {
    color: #fff !important;
    border: 1px solid transparent;
    border-color: #357ebd;
    background-color: #357ebd !important;
    box-shadow: none;
}

    .first_option_tab .btn.btn-primary.not-active {
        background-color: #fff !important;
        color: #535353 !important;
        box-shadow: none;
        border-right: 1px solid #e0e0e0;
        border-color: #e0e0e0;
    }

.first_option_tab input {
    position: absolute;
    visibility: hidden;
}

.first_option_tab > .btn:first-child {
    border-right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.first_option_tab > .btn:last-child {
    border-left: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.user_review_tab li.active {
    border-bottom: 2px solid #03a9f4;
    bottom: -1px;
}

.user_review_tab li {
    border-bottom: 2px solid transparent;
    bottom: -1px;
}

.user_review_tab .ms-tabs-indicator {
    display: none !important;
}

.notice_holder {
    margin-bottom: 20px;
    text-align: center;
    margin: 14px 0 4px;
}

    .notice_holder .notice_text {
        border: 1px solid #a3cce2;
        color: #a3cce2;
        background: #dcf3ff;
        margin: 0 auto;
        display: inline-block;
        padding: 5px 7px;
        font-size: 12px;
        border-radius: 2px;
    }

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

.promo_box {
    border: 2px dashed #B0B0B0;
    text-align: center;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
}

    .promo_box .title {
        padding: 10px;
        background-color: #EBEDF0;
        display: block;
        color: #4e5e6a;
        font-weight: 400;
    }

    .promo_box .code {
        display: inline-block;
        margin: 10px 0 0 0;
        padding: 0px 10px;
        border: 2px dotted rgba(241, 139, 170, 1);
        background: rgba(241, 139, 170, 0.12);
        color: #F18BAA;
        font-weight: bold;
        font-style: normal;
        font-size: 1.4em;
        letter-spacing: 1px;
        line-height: 1.5;
    }

    .promo_box .ex_date {
        font-size: 11px;
        color: #383838;
        margin-top: 5px;
    }

.user_loginPopup_tab li.active {
    border-bottom: 3px solid #fff;
    bottom: -2px;
}

.user_loginPopup_tab li {
    border-bottom: 3px solid transparent;
    bottom: -2px;
}

.user_loginPopup_tab .ms-tabs-indicator {
    display: none !important;
}

.login_popup_header {
    /*background-color: #03a9f4 !important;*/
    background-color: #fff !important;
    /*box-shadow: 0 0px 1px 0 rgba(0,0,0,.14), 0 0px 1px -2px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;*/
    box-shadow: none !important;
    border-bottom: 1px solid #dfe7ea !important;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.task_map_view {
    float: right;
    width: 65px;
    margin: 0;
}

.sub_nav_menu {
    margin-top: 57px;
    background-color: transparent;
    margin-bottom: 0;
}

.how_it_works_top_title {
    font-size: 30px;
    line-height: 1.2;
    text-shadow: 0 1px 5px rgb(36, 172, 239);
    text-align: center;
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
}

.how_it_work_top {
    background-size: cover;
    background-position: 50% 50%;
    background-image: linear-gradient(-179deg,#54c7fc 25%,#028acd);
    color: #fff;
    position: relative;
}

.how_it_works_video_btn {
    background: hsla(0,0%,100%,.9);
    font-size: 30px;
    color: #27a6e2;
    letter-spacing: .35px;
    border-radius: 75px;
    position: relative;
    width: 460px;
    height: 80px;
    line-height: 80px;
    margin: 70px auto 20px;
    padding: 0 0 0 185px;
    box-sizing: border-box;
    cursor: pointer;
}

    .how_it_works_video_btn:hover {
        background: #fff;
    }

    .how_it_works_video_btn .image_wrapper {
        position: absolute;
        height: 105px;
        width: 145px;
        left: 24px;
        border-radius: 4px;
        overflow: hidden;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all .25s cubic-bezier(.59,-.14,.35,1.26);
    }

    .how_it_works_video_btn:hover .image_wrapper {
        -ms-transform: scale(1.1) translateY(-50%);
        transform: scale(1.1) translateY(-50%);
        left: 13px;
        margin-top: 6px;
    }

    .how_it_works_video_btn .image_wrapper img {
        width: 100%;
        transition: all .125s ease-in-out;
    }

    .how_it_works_video_btn:hover .image_wrapper img {
        box-shadow: 0 0 10px 2px rgba(5,122,152,.3);
    }

    .how_it_works_video_btn p {
        line-height: 80px !important;
    }

.how_it_works_container .phase {
    padding: 9% 1.5% 6%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 33%;
    height: 550px;
    /*margin-bottom: 100px;*/
    text-align: center;
}

    .how_it_works_container .phase .animation-box {
        display: block;
        position: relative;
        /*height: 300px;*/
        margin-top: -45px;
        height: 250px;
    }

    .how_it_works_container .phase.phase-1 .animation-origin {
        display: inline-block;
        position: relative;
        margin-top: 32px;
    }

        .how_it_works_container .phase.phase-1 .animation-origin img {
            width: 210px;
            animation: .2s fadePhaseIn .2s both;
            margin-left: 20px;
            margin-top: 10px;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:first-of-type {
            animation-delay: .6s;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:first-of-type {
            background: url(../img/how_it_works/dev.png) no-repeat;
            background-size: 40px 40px;
            background-position: 50%;
            top: 110px;
            left: 37px;
            animation: .4s bubbleAnimation both;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(2) {
            animation-delay: .8s;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(2) {
            background: url(../img/how_it_works/account.png) no-repeat;
            background-size: 40px 40px;
            background-position: 50%;
            top: 43px;
            left: 10px;
            animation: .4s bubbleAnimation both;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(3) {
            animation-delay: 1s;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(3) {
            background: url(../img/how_it_works/builder.png) no-repeat;
            background-size: 40px 40px;
            background-position: 50%;
            top: -21px;
            left: 38px;
            animation: .4s bubbleAnimation both;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(4) {
            animation-delay: 1.2s;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(4) {
            background: url(../img/how_it_works/packing.png) no-repeat;
            background-size: 40px 40px;
            background-position: 50%;
            top: -42px;
            left: 118px;
            animation: .4s bubbleAnimation both;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(5) {
            animation-delay: 1.4s;
        }

        .how_it_works_container .phase.phase-1 .animation-origin span:nth-of-type(5) {
            background: url(../img/how_it_works/handyman-icon.png) no-repeat;
            background-size: 40px 40px;
            background-position: 50%;
            top: 0;
            left: 183px;
            animation: .4s bubbleAnimation both;
        }

        .how_it_works_container .phase.phase-1 .animation-origin .bubble {
            position: absolute;
            top: 0;
            left: 0;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            background-color: rgba(243,245,246,.4) !important;
        }

    .how_it_works_container .phase.phase-1 .text_box {
        animation-delay: .4s;
    }

    .how_it_works_container .phase .text_box h4 {
        font-size: 16px;
    }

    .how_it_works_container .phase .text_box p {
        color: #a2e9f8;
        font-weight: 100;
    }

    .how_it_works_container .phase.phase-2 .shohokaris {
        position: absolute;
        top: 0;
        left: 48%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 240px;
        z-index: 2;
        margin-left: 40px;
    }

        .how_it_works_container .phase.phase-2 .shohokaris img:first-of-type {
            animation-delay: 2.65s;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img:first-of-type {
            top: 60px;
            left: -20px;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img:nth-of-type(2) {
            animation-delay: 3.1s;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img:nth-of-type(2) {
            top: 60px;
            left: 65px;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img:nth-of-type(3) {
            animation-delay: 3.55s;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img:nth-of-type(3) {
            animation-iteration-count: 1;
            top: 57px;
            left: 139px;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img:nth-of-type(4) {
            animation-delay: 4s;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img:nth-of-type(4) {
            position: relative;
        }

        .how_it_works_container .phase.phase-2 .shohokaris img {
            position: absolute;
            animation: .45s tasksCharacterLastAnimation both;
        }

    .how_it_works_container .phase.phase-2 .text_box {
        animation-delay: 2.2s;
    }

    .how_it_works_container .phase.phase-3 .animation-box {
        position: relative;
    }

    .how_it_works_container .phase.phase-3 img:nth-of-type(2) {
        position: absolute;
        top: 55px;
        left: 140px;
    }

    .how_it_works_container .phase.phase-3 img:nth-of-type(3) {
        position: absolute;
        top: 112px;
        left: 103px;
        animation: .2s bubbleAnimation 5.15s both;
    }

    .how_it_works_container .phase.phase-3 img {
        animation: .7s fadePhaseIn 4.65s both;
    }

    .how_it_works_container .phase.phase-3 .star_container {
        position: absolute;
        top: 116px;
        left: 110px;
    }

        .how_it_works_container .phase.phase-3 .star_container span:first-of-type {
            animation: .15s pop-in 5.800000000000001s both;
        }

        .how_it_works_container .phase.phase-3 .star_container span:nth-of-type(2) {
            animation: .15s pop-in 5.95s both;
        }

        .how_it_works_container .phase.phase-3 .star_container span:nth-of-type(3) {
            animation: .15s pop-in 6.100000000000001s both;
        }

        .how_it_works_container .phase.phase-3 .star_container span:nth-of-type(4) {
            animation: .15s pop-in 6.25s both;
        }

        .how_it_works_container .phase.phase-3 .star_container span:nth-of-type(5) {
            animation: .15s pop-in 6.4s both;
        }

        .how_it_works_container .phase.phase-3 .star_container .star {
            height: 8px;
            width: 8px;
            background: url(../img/how_it_works/phase-3-4@2x.png) no-repeat 50%;
            background-size: 8px;
            display: inline-block;
            /*margin: 0 1px;*/
            opacity: 0;
        }

    .how_it_works_container .phase.phase-3 .text_box {
        animation-delay: 4.65s;
    }

    .how_it_works_container .phase .text_box {
        width: 83%;
        margin-top: 2%;
        animation: .2s fadePhaseIn both;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

.nav_earn_money_btn {
    padding: 5px 15px !important;
    margin: 0;
    font-size: 12px;
}

.post_your_task_section_desc {
    width: 63%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.shohokari_feature {
    /*background-image: linear-gradient(-12deg,#fff 40%,#54c7fc 80%,#44bff7 85%,#028acd);*/
    background-image: linear-gradient(-12deg,#fff 40%,#009ae5 80%,#009ae5 85%,#009ae5);
}

.insurance_container_inner {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
}

.shohokari_feature_column {
    margin-top: 120px;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

    .shohokari_feature_column h4 {
        font-weight: 300;
    }

    .shohokari_feature_column p a {
        color: #fff;
    }

.saver_beach_column {
    margin-top: -40px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .saver_beach_column p a {
        color: #fff;
    }

    .saver_beach_column .animate {
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        transition: transform 2s;
    }

    .saver_beach_column .wave {
        margin-top: 20px;
    }

.saver_beach_column_btn {
    margin-top: 40px;
    text-align: center;
}

    .saver_beach_column_btn a {
        padding: 8px 20px;
        font-size: 12px;
        color: #017dba;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
    }

.insurance_terms {
    margin-top: 15px;
    font-size: 10px;
    line-height: 1.6;
    color: #dfefff;
    /*white-space: pre-line;*/
    text-align: center;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}

    .insurance_terms a {
        color: #dfefff;
    }

.hw_work_profiles {
    padding-top: 120px;
}

.shohokari_profiles_card {
    margin-top: 80px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
}

    .shohokari_profiles_card .cards {
        position: relative;
        width: 161px;
        height: 230px;
        margin: 0 auto;
    }

        .shohokari_profiles_card .cards .card_img {
            position: absolute;
        }

        .shohokari_profiles_card .cards .primary_card {
            z-index: 1;
            border-radius: 14px;
            width: 180px;
        }

        .shohokari_profiles_card .cards .secondary_card.animate {
            -ms-transform: rotate(362deg) translate(-100px,-60px);
            transform: rotate(362deg) translate(-100px,-60px);
        }

        .shohokari_profiles_card .cards .secondary_card {
            width: 190px;
            border-radius: 14px;
            transition: transform .5s cubic-bezier(.49,-.015,.27,1);
            -ms-transform: rotate(350deg) translateY(-10px);
            transform: rotate(350deg) translateY(-10px);
        }

        .shohokari_profiles_card .cards .third_card.animate {
            -ms-transform: rotate(0deg) translate(90px,55px);
            transform: rotate(0deg) translate(90px,55px);
        }

        .shohokari_profiles_card .cards .third_card {
            width: 190px;
            border-radius: 14px;
            transition: transform .5s cubic-bezier(.49,-.015,.27,1);
            -ms-transform: rotate(10deg) translateY(-10px);
            transform: rotate(10deg) translateY(-10px);
        }

.shohokari_profiles_desc {
    margin-top: 80px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
}

    .shohokari_profiles_desc .card_desc {
        margin-top: 0;
        padding: 0 20px;
    }

    .shohokari_profiles_desc h4 {
        font-weight: 300;
        font-size: 22px;
    }

    .shohokari_profiles_desc p {
        color: #fff;
    }

#private_coms {
    max-width: 950px;
    padding-top: 280px;
    padding-bottom: 30px;
}

.private_coms_desc {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
}

    .private_coms_desc h4 {
        font-weight: 300;
        color: #03a9f4;
        font-size: 22px;
        margin-bottom: 5px;
    }

    .private_coms_desc .iconandtitle {
        margin-top: 15px;
        margin-bottom: -5px;
        display: block;
        color: #008fb4;
    }

        .private_coms_desc .iconandtitle img {
            position: relative;
            display: inline-block;
            vertical-align: baseline;
        }

        .private_coms_desc .iconandtitle .title {
            position: relative;
            display: inline-block;
            bottom: 3px;
            margin: 0;
            margin-left: 10px;
            font-size: 15px;
            font-weight: 300;
            margin-bottom: 8px;
        }

.private_coms_screenshort {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
}

    .private_coms_screenshort #chat_container {
        position: relative;
        transition: transform 3s;
    }

        .private_coms_screenshort #chat_container .messages.animate {
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .private_coms_screenshort #chat_container .messages.m-r {
            float: right;
        }

        .private_coms_screenshort #chat_container .messages.m-l {
            float: left;
        }

        .private_coms_screenshort #chat_container .messages {
            display: block;
            margin-top: -70px;
            transition: all .5s cubic-bezier(.49,-.015,.27,1);
            opacity: 0;
            -ms-transform: scale(.95);
            transform: scale(.95);
        }

.shohokari_payments {
    padding-top: 150px;
    padding-bottom: 150px;
    background-image: linear-gradient(-1deg,#cdcdcd,#959595);
    margin-top: 50px;
}

.apps_section {
    position: relative;
    background-color: #fff;
}

    .apps_section .apps_desc {
        margin-top: 130px;
        display: inline-block;
        vertical-align: top;
        padding: 0 1.5%;
        box-sizing: border-box;
    }

        .apps_section .apps_desc .title {
            color: #03a9f4;
            font-size: 24px;
            font-weight: 300;
        }

        .apps_section .apps_desc p {
            width: 90%;
            color: #839094;
        }

        .apps_section .apps_desc .apps_store_img {
            display: inline-block;
        }

            .apps_section .apps_desc .apps_store_img img {
                margin-right: 10px;
                margin-top: 10px;
            }

    .apps_section .smart_phone_apps {
        display: inline-block;
        vertical-align: top;
        padding: 0 1.5%;
        box-sizing: border-box;
    }

        .apps_section .smart_phone_apps img {
            width: 550px;
            margin-bottom: -10px;
        }

.earn_money_section {
    position: relative;
    padding: 80px 0 60px;
    background-image: linear-gradient(-90deg,#29b6f6 1%,#0287c3);
}

    .earn_money_section .earn_money_desc {
        color: #fff;
        display: inline-block;
        vertical-align: top;
        padding: 0 1.5%;
        box-sizing: border-box;
        max-width: 500px;
    }

        .earn_money_section .earn_money_desc .title {
            margin-bottom: 20px;
            margin-left: 32px;
            font-size: 24px;
            font-weight: 300;
            margin-top: 0;
        }

        .earn_money_section .earn_money_desc .info_container {
            margin-bottom: 15px;
        }

            .earn_money_section .earn_money_desc .info_container:nth-child(2) svg, .earn_money_section .earn_money_desc .info_container:nth-child(4) svg {
                fill: transparent;
                stroke: #fff;
            }

            .earn_money_section .earn_money_desc .info_container:nth-child(3) svg {
                fill: #fff;
            }

            .earn_money_section .earn_money_desc .info_container .icon {
                width: 14%;
            }

            .earn_money_section .earn_money_desc .info_container svg {
                padding-left: 8px;
            }

            .earn_money_section .earn_money_desc .info_container .desc {
                width: 84%;
            }

            .earn_money_section .earn_money_desc .info_container .desc, .earn_money_section .earn_money_desc .info_container .icon {
                vertical-align: top;
                display: inline-block;
                box-sizing: border-box;
            }

                .earn_money_section .earn_money_desc .info_container .desc h5 {
                    font-weight: 300;
                    font-size: 16px;
                    margin: 0;
                    padding: 0;
                    line-height: 1.2;
                }

                .earn_money_section .earn_money_desc .info_container .desc p {
                    margin-top: 5px;
                    font-weight: 100;
                    margin-bottom: 8px;
                    line-height: 1.4 !important;
                }

.earn_money_section_btn {
    padding: 0 0 0 50px;
    margin-top: 20px;
    padding-left: 14%;
}

    .earn_money_section_btn .btn_join {
        font-size: 12px;
        padding: 9px 18px;
        box-shadow: 0 1px 0 0 rgba(0,0,0,.3), inset 0 1px 0 0 #52bf56;
    }

    .earn_money_section_btn .btn_start_earning {
        font-size: 12px;
        padding: 9px 18px;
        box-shadow: none;
        color: #03a9f4;
    }

.earn_money_section .worker_how_it_works {
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    display: inline-block;
    padding: 0 1.5%;
    box-sizing: border-box;
}

    .earn_money_section .worker_how_it_works img {
        width: 290px;
        margin-bottom: -70px;
        vertical-align: bottom;
        text-align: center;
    }

.task_ctas_section {
    display: -ms-flexbox;
    display: flex;
    max-width: 1024px;
    padding: 48px 0px;
    width: inherit;
}

    .task_ctas_section .task_ctas_container {
        margin: 14px;
    }

.task_ctas_header_text {
    font-size: 28px;
    font-weight: 700;
    color: rgb(58, 61, 62);
}

.task_ctas_task_item_body {
    margin: 0px -8px;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.task_ctas_inline_block {
    display: inline-block;
}

.task_ctas_task_item {
    width: auto;
    margin: 16px 8px 0px;
    cursor: pointer;
}

    .task_ctas_task_item:hover {
        text-decoration: none;
    }

        .task_ctas_task_item:hover div:first-child {
            transform: scale(1.1);
        }

            .task_ctas_task_item:hover div:first-child svg {
                transform: scale(0.909091);
            }

.task_ctas_task_bubble {
    width: 100px;
    height: 100px;
    display: inline-block;
    background-color: #E5008C;
    position: relative;
    border-radius: 50px;
    margin: 0px 0px 16px;
    transition: transform 0.25s ease 0s;
}

    .task_ctas_task_bubble.tutor {
        background: url(../img/svg/1-Find-Tutors.svg);
    }

    .task_ctas_task_bubble.maids {
        background: url(../img/svg/2-Maid.svg);
    }

    .task_ctas_task_bubble.business {
        background: url(../img/svg/3-Business-Admin.svg);
    }

    .task_ctas_task_bubble.office_cleaning {
        background: url(../img/svg/4-Office-Cleaning.svg);
    }

    .task_ctas_task_bubble.delivery {
        background: url(../img/svg/5-Delivery.svg);
    }

    .task_ctas_task_bubble.handyman {
        background: url(../img/svg/6-Fixing-Repairs.svg);
    }

    .task_ctas_task_bubble.marketing_design {
        background: url(../img/svg/7-IT-Graphic.svg);
    }

    .task_ctas_task_bubble.fun {
        background: url(../img/svg/8-Part-time-job.svg);
    }

    .task_ctas_task_bubble.anything {
        background: url(../img/svg/9-Anything-else.svg);
    }

    .task_ctas_task_bubble svg {
        left: calc(50% - 24px);
        top: calc(50% - 24px);
        width: 48px;
        height: 48px;
        position: absolute;
        transition: transform 0.25s ease 0s;
    }

        .task_ctas_task_bubble svg path {
            fill: rgb(255, 255, 255);
        }

.task_ctas_task_text {
    width: 80px;
    font-size: 13px;
    position: static;
    text-align: center;
    top: 0px;
    left: 0px;
    display: block;
    color: rgb(58, 61, 62);
    font-weight: 500;
    margin: 0px auto;
}

.home_taskers {
    padding: 20px 0 64px;
    background-color: #f5f9fb;
}

.home_taskers_header {
    text-align: center;
}

    .home_taskers_header h2 {
        font-weight: 800;
        color: #3d107b;
        font-size: 35px;
        /*letter-spacing: -.4px;*/
        margin-bottom: 8px;
    }

    .home_taskers_header p {
        font-size: 16px;
        line-height: 24px !important;
        max-width: 750px;
        margin: 0 auto;
        color: #292b32;
    }

.home_taskers_header_tabs .nav.nav-tabs {
    border-bottom: none;
    text-align: center;
}

    .home_taskers_header_tabs .nav.nav-tabs .ms-tabs-indicator {
        display: none !important;
    }

    .home_taskers_header_tabs .nav.nav-tabs li {
        float: inherit;
        display: inline-block;
        cursor: pointer;
    }

        .home_taskers_header_tabs .nav.nav-tabs li:hover {
            border-bottom: 3px solid #03a9f4;
        }

        .home_taskers_header_tabs .nav.nav-tabs li a {
            font-size: 18px;
            font-weight: 500;
        }

            .home_taskers_header_tabs .nav.nav-tabs li a:hover {
                color: #03a9f4 !important;
            }

        .home_taskers_header_tabs .nav.nav-tabs li.active {
            border-bottom: 3px solid #03a9f4;
        }

.home_taskers_tabs_body {
    position: relative;
    width: calc(100% - 16px);
    max-width: 940px;
    margin: 0 auto;
}

    .home_taskers_tabs_body .tab-content {
        position: relative;
        display: block;
        width: 100%;
        height: 460px;
        border-radius: 8px;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        background: #fff;
        margin-bottom: 16px;
        overflow: hidden;
    }

.home_taskers_tabs_section {
    position: relative;
    display: block;
    width: 100%;
    height: 460px;
}

.home_taskers_tabs_image {
    width: 300px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

    .home_taskers_tabs_image img {
        width: auto;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
    }

.home_taskers_tabs_contents {
    width: calc(100% - 380px);
    height: calc(100% - 64px);
    margin: 32px 38px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.home_taskers_tabs_contents_tags {
    cursor: default;
}

    .home_taskers_tabs_contents_tags h4 {
        font-weight: 700;
        font-size: 21px;
        color: #3a3d3e;
        letter-spacing: .02px;
        line-height: 29px;
        margin: 0;
    }

.home_taskers_tabs_featured_skill {
    font-weight: 500;
    font-style: italic;
    font-size: 14px;
    letter-spacing: .01px;
    line-height: 29px;
    margin: 0;
}

.home_taskers_tabs_contents_text {
    padding: 8px 0 16px;
}

.home_taskers_tabs_contents_extras {
    display: block;
}

    .home_taskers_tabs_contents_extras:before {
        content: " ";
        display: table;
    }

    .home_taskers_tabs_contents_extras:after {
        clear: both;
    }

.home_taskers_tabs_contents_extras_left {
    position: relative;
}

.home_taskers_tabs_contents_extras_left, .home_taskers_tabs_contents_extras_right {
    position: relative;
    padding: 8px 16px 24px 0;
    float: left;
    width: calc(50% - 10px);
}

.home_taskers_tabs_contents_extras_group {
    margin-bottom: 32px;
}

    .home_taskers_tabs_contents_extras_group h5 {
        font-size: 11px;
        letter-spacing: .8px;
        color: #3a3d3e;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
        margin-bottom: 12px;
        position: relative;
        z-index: 2;
    }

.home_taskers_tabs_contents_extras_starts {
    position: relative;
    display: block;
}

.home_taskers_tabs_contents_extras_start {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: url(../img/homepage/star.svg) 50%;
    background-size: 15px 16px;
    background-repeat: no-repeat;
    /*margin-right: 4px;*/
}

.home_taskers_tabs_contents_extras_group:last-child {
    margin-bottom: 0;
}

.home_taskers_tabs_contents_extras_group_qoute:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 40px;
    background-image: url(../img/homepage/quote.png);
    background-repeat: no-repeat;
    background-size: 60px 40px;
    z-index: 1;
    transform: translate3d(-24px,-12px,0);
}

.home_taskers_tabs_contents_extras h5 {
    font-size: 11px;
    letter-spacing: .8px;
    color: #3a3d3e;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.home_taskers_tabs_qoute {
    display: inline-block;
    vertical-align: middle;
    margin-top: 12px;
    font-size: 15px;
    color: #03a9f4 !important;
    line-height: 1;
}

    .home_taskers_tabs_qoute:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 1px;
        background: #03a9f4;
        margin-right: 6px;
        margin-top: -2px;
    }

.home_taskers_tabs_contents_extras_right {
    width: calc(50% - 64px);
    padding-left: 32px;
}

    .home_taskers_tabs_contents_extras_right:after {
        content: "";
        display: block;
        height: 216px;
        width: 1px;
        background-color: #f1f1f1;
        position: absolute;
        left: 0;
        top: 0;
    }

.home_taskers_tabs_contents_extras_badges {
    margin-bottom: 8px;
}

.home_taskers_tabs_contents_extras_badge {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    margin-right: 8px;
}

    .home_taskers_tabs_contents_extras_badge img {
        width: 38px;
        height: 38px;
    }

.home_taskers_tabs_contents_extras_badges p {
    display: inline-block;
    vertical-align: middle;
}

.home_taskers_tabs_contents_extras a {
    display: inline-block;
    margin-top: 12px;
}

    .home_taskers_tabs_contents_extras a:after {
        content: "";
        position: relative;
        display: block;
        top: 2px;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        background: #008fb4;
        transition: all .15s cubic-bezier(.615,.19,.305,.91);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
        opacity: 0;
    }

.home_taskers_tabs_contents_extras p {
    font-size: 15px;
    color: #839094;
    line-height: 22px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.home_things {
    background-color: #fff;
    padding: 20px 0 64px;
}

.home_things_header {
    text-align: center;
}

    .home_things_header h2 {
        font-weight: 700;
        color: #3a3d3e;
        font-size: 32px;
        letter-spacing: -.4px;
        margin-bottom: 8px;
    }

    .home_things_header p {
        font-size: 21px;
        line-height: 29px !important;
        max-width: 770px;
        margin: 0 auto;
    }

.home_things_group_container {
    display: -ms-flexbox;
    display: flex;
    margin: 32px auto;
    -ms-flex-align: center;
    align-items: center;
    max-width: 610px;
}

.home_things_group {
    width: 50%;
    padding: 0 24px;
}

.home_things_one {
    -ms-transform: scale(0);
    transform: scale(0);
}

.home_things_image {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 250px;
    height: 250px;
    border-radius: 250px;
    background: #f5f9fb;
    overflow: hidden;
}

.home_things_one_device_left {
    position: absolute;
    width: 123px;
    height: 178px;
    bottom: 0;
    left: -15px;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background-image: url(../img/homepage/device-left.png);
}

.home_things_one_device_right {
    position: absolute;
    width: 123px;
    height: 178px;
    bottom: 0;
    right: -15px;
    background-image: url(../img/homepage/device-right.png);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.home_things_one_device_padlock {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 24px;
    left: calc(50% - 24px);
    background-image: url(../img/homepage/padlock.png);
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
}

.home_things_one_device_left, .home_things_one_device_right, .home_things_one_device_padlock {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.home_things_one_light1 {
    top: 14px;
    left: calc(50% - 10px);
    width: 5px;
    height: 6px;
    background-image: url(../img/homepage/home-things-one-light-1.png);
}

.home_things_one_light2 {
    left: calc(50% - 2px);
    width: 4px;
    height: 10px;
    background-image: url(../img/homepage/home-things-one-light-2.png);
}

.home_things_one_light3 {
    top: 14px;
    left: calc(50% + 6px);
    width: 5px;
    height: 6px;
    background-image: url(../img/homepage/home-things-one-light-3.png);
}

.home-things .home-things-group-container .home-things-one .home-things-one-light {
    position: absolute;
    top: 8px;
    opacity: 0;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.home_things_group_container h4 {
    font-size: 22px;
    color: #3a3d3e;
    font-weight: 500;
    margin-bottom: 5px !important;
}

.home_things_group_container h4, .home_things_group_container p {
    margin: 0;
}

.home_things_group_container p {
    font-size: 15px;
    margin: 0;
    line-height: 22px;
}

.home_things_group_container a {
    display: inline-block;
    text-decoration: none;
    margin-top: 8px;
}

    .home_things_group_container a:after {
        content: "";
        position: relative;
        display: block;
        top: 2px;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        background: #008fb4;
        transition: all .15s cubic-bezier(.615,.19,.305,.91);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
        opacity: 0;
    }

.home_things .home_things_four.home_things_four_colour {
    background-image: linear-gradient(-212deg,#0096da,#00c2ef);
}

.home_things_group_container .home_things_image_water {
    background-color: #69d7f5;
}

.home_things_group_container .home_things_image {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 250px;
    height: 250px;
    border-radius: 250px;
    background: #f5f9fb;
    overflow: hidden;
}

.home_things .home_things_four .home_things_four_buooi {
    position: absolute;
    width: 140px;
    height: 140px;
    top: calc(50% - 86px);
    left: calc(50% - 70px);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/homepage/buooi.png);
    transform: translate3d(125%,75%,0) rotate(-270deg);
}

.home_things .home_things_four .home_things_four_wave {
    position: absolute;
    width: 148px;
    height: 21px;
    bottom: 140px;
    left: calc(50% - 74px);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/homepage/wave.png);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    clip: rect(0 0 21px 0);
}

.home_things_group_container .home_things_two {
    -ms-transform: scale(0);
    transform: scale(0);
}

.home_things_group_container .home_thing_image_free {
    background: none;
    overflow: visible;
}

.home_things_group_container .home_things_two .home_thing_two_badge_id {
    width: 64px;
    height: 64px;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    background-image: url(../img/homepage/badge-id.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_coles {
    width: 38px;
    height: 38px;
    top: calc(50% - 62px);
    left: calc(50% - 62px);
    background-image: url(../img/homepage/badge-coles.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_card {
    width: 38px;
    height: 38px;
    top: calc(50% + 24px);
    left: calc(50% + 24px);
    background-image: url(../img/homepage/badge-card.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_empty0 {
    width: 32px;
    height: 32px;
    top: calc(50% - 80px);
    left: calc(50% - 20px);
}

.home_things_group_container .home_things_two .home_thing_two_badge_facebook {
    width: 32px;
    height: 32px;
    top: calc(50% + 32px);
    left: calc(50% - 50px);
    background-image: url(../img/homepage/badge-facebook.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_twitter {
    width: 32px;
    height: 32px;
    top: calc(50% - 36px);
    left: calc(50% + 40px);
    background-image: url(../img/homepage/badge-twitter.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_email {
    width: 28px;
    height: 28px;
    top: calc(50% - 62px);
    left: calc(50% + 18px);
    background-image: url(../img/homepage/badge-email.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_police {
    width: 28px;
    height: 28px;
    top: calc(50% - 62px);
    left: calc(50% + 18px);
    background-image: url(../img/homepage/badge-police.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_phone {
    width: 38px;
    height: 38px;
    top: calc(50% - 108px);
    left: calc(50% - 56px);
    background-image: url(../img/homepage/badge-phone.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_removals {
    width: 38px;
    height: 38px;
    top: calc(50% - 108px);
    left: calc(50% - 56px);
    background-image: url(../img/homepage/badge-removals.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_child {
    width: 52px;
    height: 52px;
    top: calc(50% + 62px);
    left: calc(50% - 16px);
    background-image: url(../img/homepage/badge-child.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_selfie {
    width: 38px;
    height: 38px;
    top: calc(50% - 64px);
    left: calc(50% + 80px);
    background-image: url(../img/homepage/badge-selfie.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_paint {
    width: 38px;
    height: 38px;
    top: calc(50% - 64px);
    left: calc(50% + 80px);
    background-image: url(../img/homepage/badge-paint.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_linkedin {
    width: 38px;
    height: 38px;
    top: calc(50% + 0px);
    left: calc(50% - 100px);
    background-image: url(../img/homepage/badge-linkedin.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_electrician {
    width: 38px;
    height: 38px;
    top: calc(50% + 0px);
    left: calc(50% - 100px);
    background-image: url(../img/homepage/badge-electrician.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_ikea {
    width: 38px;
    height: 38px;
    top: calc(50% - 110px);
    left: calc(50% + 50px);
    background-image: url(../img/homepage/badge-ikea.png);
}

.home_things_group_container .home_things_two .home_thing_two_badge_empty1 {
    width: 28px;
    height: 28px;
    top: calc(50% + 66px);
    left: calc(50% + 50px);
}

.home_things_group_container .home_things_two .home_thing_two_badge_empty2 {
    width: 28px;
    height: 28px;
    top: calc(50% + 10px);
    left: calc(50% + 84px);
}

.home_things_group_container .home_things_two .home_thing_two_badge_empty3 {
    width: 28px;
    height: 28px;
    top: calc(50% - 70px);
    left: calc(50% - 102px);
}

.home_things_group_container .home_things_two .home_thing_two_badge_empty4 {
    width: 28px;
    height: 28px;
    top: calc(50% + 80px);
    left: calc(50% - 60px);
}

.home_things_group_container .home_things_two .home_things_two_badge {
    position: absolute;
    background-color: #f5f9fb;
    opacity: 0;
    border-radius: 100%;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.home_things_group_container .home_things_three {
    -ms-transform: scale(0);
    transform: scale(0);
}

.home_things_group_container .home_things_three_dude {
    position: absolute;
    left: -4px;
    bottom: -10px;
    width: 258px;
    height: 234px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    /*background-image: url(../img/homepage/dude.png);*/
    background-image: url(../img/homepage/support_team.png);
    transform: translate3d(-75%,75%,0) rotate(45deg);
}

.home_things_group_container .home_things_three_dude_payment {
    position: absolute;
    left: -4px;
    bottom: 0px;
    width: 258px;
    height: 234px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/homepage/secure_payment.png);
    transform: translate3d(-75%,75%,0) rotate(45deg);
}

.home_breakdown {
    padding: 64px 0 0;
    background: #fff;
}

.home_breakdown_container {
    position: relative;
    padding: 34px 0;
    border-top: 1px solid #cad7dc;
    max-width: 925px;
    margin: 0 auto;
    margin-top: -90px;
}

.home_breakdown_contents {
    max-width: 760px;
    margin: 0 auto;
    /* width: 100%; */
    /* display: block; */
    /* position: relative; */
    min-height: 60px;
}

.home_breakdown_container_text {
    float: left;
}

    .home_breakdown_container_text h4 {
        color: #3a3d3e;
        font-size: 22px;
        line-height: 28px;
        font-weight: 500;
        margin: 0;
    }

.home_breakdown_contents:before {
    content: " ";
    display: table;
}

.home_breakdown_contents:after {
    clear: both;
}

.home_breakdown_container_button {
    padding-left: 12px;
    float: right;
}

.home_blog_post_container {
    background-color: #f5f9fb;
    text-align: center;
    padding: 32px 0px 64px;
}

.home_blog_post_container_title {
    font-weight: 700;
    color: #3a3d3e;
    font-size: 32px;
    letter-spacing: -.4px;
    margin-bottom: 8px;
}

.home_blog_post_snippet {
    display: inline-block;
    width: 300px;
    height: 380px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
    float: none;
    vertical-align: top;
    color: rgb(58, 61, 62);
    text-align: left;
    border-radius: 4px;
    background: white;
    margin: 16px 16px 0px 0px;
}

.home_blog_post_snippet_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.home_blog_post_snippet_thumbnail_container {
    height: 150px;
    width: 100%;
    overflow: hidden;
    border-radius: 4px 4px 0px 0px;
}

.home_blog_post_snippet_thumbnail {
    height: 100%;
    width: 100%;
    background-size: cover;
    /*background-image: url();*/
    transition: transform 0.5s ease 0s;
    background-repeat: no-repeat;
    background-position: center top;
}

.home_blog_post_snippet_content {
    text-overflow: ellipsis;
    -webkit-box-flex: 2;
    flex-grow: 2;
    overflow: hidden;
}

.home_blog_post_snippet_title_href {
    color: rgb(58, 61, 62);
}

.home_blog_post_snippet_title {
    color: rgb(58, 61, 62);
    font-size: 22px;
    font-weight: 500;
    padding: 0px 8px 0px 0px;
    margin: 16px 0px 0px 16px;
}

.home_blog_post_snippet_description {
    font-size: 16px;
    color: rgb(131, 144, 148);
    padding: 0px 16px;
    margin: 8px 0px 0px;
}

.home_blog_post_snippet_read_more {
    font-size: 14px;
    flex-basis: 35px;
    padding: 0px 16px;
    color: #03a9f4;
    font-weight: 500;
    background: none;
    margin: 0px;
}

.categories_list {
    font-size: 15px;
    line-height: 26px;
    width: 100%;
    max-height: 106px;
    display: block;
    position: relative;
    /*margin: 0px;*/
    /*padding: 0px 0px 30px;*/
    padding: 0px;
    overflow: hidden;
    transition: max-height 0.55s ease-out 0s;
}

.categories_list_item {
    width: 16.666%;
    display: inline-block;
    float: left;
    text-transform: capitalize;
}

.categories_list_link {
    color: #545a77;
    text-decoration: none;
}

    .categories_list_link:hover {
        color: #03a9f4;
        text-decoration: underline;
    }

.categories_list_content {
    max-width: 1024px;
}

    .categories_list_content .page_header_title {
        color: rgb(58, 61, 62);
    }

.categories_list_more {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    transition: height 500ms;
    position: relative;
}

.home_worker_section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.home_worker_section_text {
    max-width: 400px;
    font-size: 24px;
    color: #fff;
    line-height: 1.1;
}

.home_worker_section_image {
    width: 270px;
    height: 250px;
    background-image: url(../img/shohokariSmiling.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -80px;
}

.home_worker_section_btn {
    margin-left: 15px;
}

    .home_worker_section_btn a {
        padding: 17px 30px;
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

.home_how_it_works {
    padding: 34px 0 24px;
    background-color: #fff;
}

.home_video_section {
    position: relative;
    width: calc(100% - 16px);
    max-width: 700px;
    display: -ms-flexbox;
    display: flex;
    margin: 24px auto;
}

.home_how_it_works #home-video-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.home_how_it_works #home-video {
    width: 100%;
    border-radius: 8px;
}

.home_video_section .plyr__video-wrapper {
    background: none;
    width: 100%;
    border-radius: 8px;
}

.home_video_section .plyr__play-large {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    /*background-image: url(../img/homepage/play.svg);*/
    background-image: url(../img/homepage/VideoPlay.png);
    border: none;
    /*box-shadow: 0 6px 12px 0 rgba(0,0,0,.25);*/
}

    .home_video_section .plyr__play-large:hover {
        transform: translate3d(-50%,-50%,0) scale(1.2);
        box-shadow: 0 6px 22px 0 rgba(0,0,0,.12);
    }

    .home_video_section .plyr__play-large svg {
        display: none;
    }

.home_video_section .plyr__controls {
    opacity: 0;
    background: linear-gradient(-180deg,transparent,rgba(0,0,0,.2));
    padding: 10px 10px 10px;
    border-radius: 0 0 8px 8px;
}

.home_video_section .plyr--playing .plyr__controls {
    opacity: 1;
}

.home_video_section .plyr__controls .plyr__progress, .home_video_section .plyr__controls .plyr__time, .home_video_section .plyr__controls .plyr__volume {
    display: none;
}

.home_video_section .plyr__controls [data-plyr=mute] {
    display: none;
}
/*.home_video_section .plyr__controls [data-plyr=play] svg, .home_video_section .plyr__controls [data-plyr=pause] svg, .home_video_section .plyr__controls [data-plyr=fullscreen] svg {
    display:none;
}*/
/*.home_video_section .plyr__controls [data-plyr=play] {
    background: url(../img/homepage/VideoPlay.png) 0 0;
    background-size: 27px 27px;
}*/
/*.home_video_section .plyr__controls [data-plyr=pause] {
    background: url(../img/homepage/VideoEnlarge.png) 0 0;
    background-size: 27px 27px;
}*/
.home_video_section .plyr__controls [data-plyr=fullscreen] {
    /*background: url(../img/homepage/VideoEnlarge.png) 0 0;
    background-size: 27px 27px;*/
    right: 10px;
    position: absolute;
}

.home_video_section .plyr__controls button.tab-focus:focus, .home_video_section .plyr__controls button:hover {
    background: none;
    color: none;
}

.home_how_it_works_container {
    position: relative;
    width: calc(100% - 16px);
    max-width: 940px;
    display: -ms-flexbox;
    display: flex;
    margin: 24px auto;
}

    .home_how_it_works_container .home_how_it_works_step {
        width: 33.333%;
    }

    .home_how_it_works_container .home_how_it_works_step_image.hw_step_image1 {
        background-image: url(../img/homepage/home-how-it-works-step-image-1.png);
        background-size: 80px;
    }

    .home_how_it_works_container .home_how_it_works_step_image.hw_step_image2 {
        background-image: url(../img/homepage/home-how-it-works-step-image-2.png);
    }

    .home_how_it_works_container .home_how_it_works_step_image.hw_step_image3 {
        background-image: url(../img/homepage/home-how-it-works-step-image-3.png);
        background-size: 80px;
    }

    .home_how_it_works_container .home_how_it_works_step_image {
        width: 100px;
        height: 100px;
        margin-right: 12px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
    }

    .home_how_it_works_container .home_how_it_works_step_text {
        margin-left: 10px;
        width: calc(100% - 140px);
    }

    .home_how_it_works_container .home_how_it_works_step_image, .home_how_it_works_container .home_how_it_works_step_text {
        display: inline-block;
        vertical-align: top;
    }

        .home_how_it_works_container .home_how_it_works_step_text h3 {
            color: #292b32;
            font-weight: 700;
            font-size: 16px;
            margin: 0 0 5px;
            padding: 0;
        }

        .home_how_it_works_container .home_how_it_works_step_text p {
            color: #292b32;
            font-size: 16px;
            line-height: 22px;
            font-weight: 300;
            margin: 0;
            padding: 0;
        }

.earn_money_top {
    /*height: 620px;*/
    background-image: linear-gradient(0deg,#54c7fc 25%,#028acd);
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .earn_money_top .earn_money_header_col.col_1 {
        /*position: relative;*/
    }

    .earn_money_top .earn_money_header_col {
        width: 48%;
        vertical-align: middle;
        box-sizing: border-box;
        display: inline-block;
    }

        .earn_money_top .earn_money_header_col .handyman {
            right: 20px;
            bottom: -1px;
            width: 400px;
            /*position: absolute;*/
        }

        .earn_money_top .earn_money_header_col.col_2 h1 {
            margin-top: 30px;
            max-width: 360px;
            text-shadow: 1px 1px 1px rgba(0,0,0,.2);
            color: #fff;
            text-align: left;
        }

        .earn_money_top .earn_money_header_col.col_2 #sign-up-panel {
            text-align: left;
            margin: 20px 0;
        }

        .earn_money_top .earn_money_header_col.col_2 .disclaimer {
            color: #fff;
            max-width: 330px;
            font-size: 11px;
            text-align: left;
        }

        .earn_money_top .earn_money_header_col.col_2 h2 {
            display: none;
        }

.why_join_content {
    background-color: #fbfcfd;
    padding: 70px 0;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.why_join_content_step {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .why_join_content_step .icon-boss, .why_join_content_step .icon-insurance {
        stroke: #028acd;
        fill: transparent;
        width: 40px;
        height: 40px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .why_join_content_step .icon-thumb {
        fill: #028acd;
        width: 40px;
        height: 40px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .why_join_content_step .step_title {
        color: #028acd;
        font-size: 22px;
        margin-top: 10px;
    }

    .why_join_content_step .step_subtitle {
        margin: 0;
        padding: 10px;
    }

.why_join_insurance_terms {
    font-size: 12px;
    margin-top: 20px;
}

.how_start_earning {
    background: #fff;
    background-image: url(../img/how_it_works/bg.jpg);
    padding: 70px 0;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.how_start_earning_title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 300;
}

.how_start_earning .how_to_left.left {
    float: left;
}

.how_start_earning .how_to_left.right {
    float: right;
}

.how_start_earning .how_to_left, .how_start_earning .how_to_right {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
}

.how_start_earning .img_container {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
}

.how_start_earning .how_to_right {
    max-width: 280px;
    text-align: left;
}

    .how_start_earning .how_to_right .how_to_right_desc {
        display: table-cell;
        vertical-align: middle;
    }

        .how_start_earning .how_to_right .how_to_right_desc h3 {
            color: #028acd;
            font-size: 24px;
            font-weight: 300;
        }

.how_to_faq_title {
    margin-bottom: 20px;
    color: #028acd;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
}

.how_to_faq_block {
    /*color: #839094;*/
    padding: 10px;
}

    .how_to_faq_block strong {
        font-weight: 500;
        font-size: 20px;
    }

    .how_to_faq_block p {
        margin: 8px 0;
        line-height: 1.4 !important;
    }

        .how_to_faq_block p a:hover {
            color: #03a9f4;
            text-decoration: underline;
        }

.earn_money_section .container {
    max-width: 1024px;
}

.task_suggestion {
    padding: 80px 0 120px;
    background-color: #fff;
}

.ms-lead-navbar-bottom .navbar-nav li.active .nav_earn_money_btn {
    background-color: #4caf50;
}

.categories_page_body {
    /*background-color: #fff;*/
    color: #3a3d3e;
    background-color: #f5f5f9;
}

.categories_floating_menu {
    position: fixed;
    width: 260px;
    list-style-type: none;
    display: none;
    margin: 0px;
    padding: 0px;
    transition: opacity 0.2s ease 0s;
}

.categories_menu_item {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.25px;
    position: relative;
    cursor: pointer;
    margin: 4px 0px;
}

.categories_section_button {
    color: rgb(58, 61, 62);
    cursor: pointer;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    padding: 8px 24px;
    border: 0;
    font-weight: 400;
}

    .categories_section_button:hover {
        color: #03a9f4;
        background-color: rgb(245, 249, 251);
        border-radius: 4px;
    }

    .categories_section_button svg {
        position: relative;
        top: -1px;
        left: -6px;
        height: 22px;
        width: 22px;
        vertical-align: middle;
    }

    .categories_section_button .hoverArrow {
        display: none;
        position: absolute;
        left: 224px;
        top: 8px;
    }

.categories_menu_item:hover .hoverArrow {
    display: inline-block;
}

.categories_menu_item:hover svg path, .categories_menu_item:hover svg circle {
    fill: #03a9f4;
}

.categories_lead {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
    margin: 8px 0;
}

.categories_category_section {
    padding: 32px 0px 16px;
}

.categories_category_section_title {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}

    .categories_category_section_title svg {
        width: 28px;
        position: relative;
        top: 3px;
    }

.categories_category_section p {
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 28px;
    margin: 8px 0;
}

.categories_category_img {
    max-width: calc(100% - 8px);
    border-radius: 7px;
    margin: 16px 0px;
}

.categories_subcategories_list {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0px 16px;
}

    .categories_subcategories_list a {
        font-size: 16px;
        width: 50%;
        margin: 4px 0px 8px;
        color: #31ade5;
    }

        .categories_subcategories_list a:hover {
            text-decoration: underline;
            color: #03a9f4;
        }

.seo_page_top {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.seo_page_header {
    box-sizing: border-box;
    height: 100%;
    min-height: 500px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    width: 100%;
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    /* text-align: center; */
    color: #fff;
    overflow-x: hidden;
    margin-top: -40px;
}

.seo_page_header_img {
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -720px;
    top: 0;
    z-index: -1;
}

.no_seo_page_header_img {
    background-color: #337ab7 !important;
}

.page_header_content {
    width: 100%;
}

    .page_header_content .ms-site-title {
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 20px;
        font-size: 55px;
    }

    .page_header_content .ms-site-sub-title {
        font-weight: 100;
        margin: 6px auto;
        /*width: calc(66.66666666666667% - 16px);*/
        max-width: 750px;
        font-size: 20px;
    }

.seo_breadcrumb_container {
    position: absolute;
    width: 100%;
    background-color: hsla(0,0%,100%,.12);
    z-index: 3;
    /*margin-top: -40px;*/
    /*margin-bottom: 50px;*/
}

    .seo_breadcrumb_container .breadcrumb {
        max-width: 1000px;
        list-style-type: none;
        padding: 0;
        margin: 14px auto;
        /*margin-left: 20px;*/
        display: block;
    }

        .seo_breadcrumb_container .breadcrumb .breadcrumb-item {
            color: hsla(0,0%,100%,.6);
            letter-spacing: .15px;
            text-shadow: 0 2px 4px rgba(0,0,0,.35);
        }

            .seo_breadcrumb_container .breadcrumb .breadcrumb-item a {
                color: inherit;
                text-decoration: none;
            }

            .seo_breadcrumb_container .breadcrumb .breadcrumb-item.active {
                color: #fff;
                font-weight: 500;
            }

        .seo_breadcrumb_container .breadcrumb > li + li:before {
            color: hsla(0,0%,100%,.6);
        }

.GetQuotesWrapper {
    background-color: rgba(255, 255, 255, 0.12);
    padding: 16px 0px;
    margin: 16px 0px;
}

.seo_banner_top.ms-hero-bg-info:after {
    background-color: rgba(0,0,0,.1) !important;
}

.GetQuotesWrapper_container {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 4px;
}

    .GetQuotesWrapper_container label {
        /*margin-top: 0;*/
        font-size: 20px;
        font-weight: 100;
        margin-top: -2px;
    }

    .GetQuotesWrapper_container .form-group {
        margin: 0 20px;
    }

        .GetQuotesWrapper_container .form-group .bootstrap-select.btn-group {
            margin-top: 0;
        }

            .GetQuotesWrapper_container .form-group .bootstrap-select.btn-group .btn-default {
                color: #fff;
            }

    .GetQuotesWrapper_container .chosen-wrapper {
        margin: 0 20px;
        position: relative;
        max-width: 300px;
        margin-top: -20px;
    }

    .GetQuotesWrapper_container .chosen-wrapper--style2:before {
        border-top: 0;
    }

    .GetQuotesWrapper_container .chosen-wrapper.is-active:after {
        border-top: 6px solid white;
    }

    .GetQuotesWrapper_container .chosen-wrapper:after {
        border-top: 6px solid rgba(255, 255, 255, 0.8);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }

    .GetQuotesWrapper_container .chosen-wrapper .chosen-container .chosen-single {
        /*font-size: 24px;*/
        background: none;
        height: 50px;
        border: 0;
        color: #fff;
    }

    .GetQuotesWrapper_container .chosen-container {
        width: 100%;
        user-select: none;
        position: relative;
        cursor: pointer;
        max-width: 100%;
        color: rgb(255, 255, 255);
        font-size: 18px;
        font-weight: lighter;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        border-bottom: 1px solid rgb(255, 255, 255);
        padding: 0px 15px 0px 0px;
    }

    .GetQuotesWrapper_container .chosen-container-active.chosen-with-drop .chosen-single {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .GetQuotesWrapper_container .chosen-container .chosen-results li.active-result {
        color: rgb(58, 61, 62);
        font-size: 14px;
        padding: 12px 4px;
        border-top: 1px solid rgb(245, 249, 251);
    }

    .GetQuotesWrapper_container .chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
        border: none;
        background: none;
        min-width: 250px;
    }

    .GetQuotesWrapper_container .chosen-wrapper .chosen-container .chosen-results {
        position: relative;
        margin-bottom: 10px;
        padding: 5px;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(202, 215, 220);
        border-image: initial;
        border-radius: 4px;
        background: rgb(255, 255, 255);
        overflow: hidden;
        max-height: inherit;
    }

        .GetQuotesWrapper_container .chosen-wrapper .chosen-container .chosen-results li {
            border-bottom: 0;
        }

            .GetQuotesWrapper_container .chosen-wrapper .chosen-container .chosen-results li:first-child {
                border-top: 0;
            }

.seo_page_header_insurance {
    width: 230px;
    margin: 0 auto;
    position: relative;
}

.seo_page_header_insurance_text {
    padding: 0 0 10px;
    height: 11px;
    margin: 0;
    font-weight: 300;
    border-radius: 100px;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: .73px;
    text-transform: uppercase;
}

.page_steps_wrapper {
    max-width: 1440px;
    margin: 0px auto;
}

    .page_steps_wrapper .steps_wrapper {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        padding: 40px 12px;
        background: white;
    }

        .page_steps_wrapper .steps_wrapper .steps_title {
            color: rgb(58, 61, 62);
            font-size: 22px;
            font-weight: 600;
        }

.steps_steps_container {
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    max-width: 1180px;
    flex-wrap: wrap;
    padding: 24px 0px 0px;
}

.working_step_wrapper {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 290px;
    margin: 4px;
}

    .working_step_wrapper img {
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
    }

    .working_step_wrapper .step_title {
        font-size: 16px;
        font-weight: 700;
        color: #292b32;
        padding: 20px 0px 12px;
    }

    .working_step_wrapper .step_sub_title {
        font-size: 16px;
        font-weight: 300;
        max-width: 180px;
        margin: 0px auto;
        color: #292b32;
    }

.task_block_completed {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
    margin-bottom: 16px;
    background-color: white;
    border-radius: 4px;
}

.task_block_completed_section {
    box-sizing: border-box;
    padding: 16px 16px 12px;
}

    .task_block_completed_section .task_header {
        display: flex;
    }

        .task_block_completed_section .task_header img {
            position: relative;
            top: 2px;
            display: inline-block;
            height: 48px;
            width: 48px;
            border-radius: 50%;
        }

        .task_block_completed_section .task_header .task_header_text {
            display: inline-block;
            vertical-align: top;
            max-width: 250px;
            margin: 0px 8px;
        }

        .task_block_completed_section .task_header .task_header_text {
            display: inline-block;
            vertical-align: top;
            max-width: 250px;
            margin: 0px 8px;
        }

    .task_block_completed_section .task_header_text .task_name {
        color: rgb(131, 144, 148);
        transition: color 0.125s ease-in-out 0s;
    }

        .task_block_completed_section .task_header_text .task_name:hover {
            color: #03a9f4;
        }

    .task_block_completed_section .task_header .task_header_text .task_name h4 {
        font-size: 15px;
        letter-spacing: 0.4px;
        margin-bottom: 4px;
        margin-top: 0;
    }

    .task_block_completed_section .task_header_text_bottom {
        display: inline-block;
    }

        .task_block_completed_section .task_header_text_bottom i {
            color: rgb(202, 215, 220);
            margin-right: 4px;
            vertical-align: text-top;
            font-size: 12px;
        }

.task_header_text_bottom .task_location, .task_header_text_bottom .task_due_time {
    font-weight: 500;
    font-size: 11px;
    color: rgb(131, 144, 148);
    letter-spacing: 0.29px;
    margin-right: 8px;
    line-height: 13px;
    vertical-align: text-top;
}

.task_block_completed_section .task_price_wrapper {
    letter-spacing: 0.48px;
    justify-self: flex-end;
    margin-left: auto;
    font-size: 18px;
    color: rgb(58, 61, 62);
}

.task_block_completed_section .task_description {
    display: block;
    position: relative;
    margin-top: 12px;
    font-size: 13px;
    color: rgb(131, 144, 148);
    letter-spacing: 0.35px;
    line-height: 18px !important;
    max-height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.task_block_completed .task_review_section {
    position: relative;
    padding: 8px 16px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}

    .task_block_completed .task_review_section span {
        display: inline-block;
        font-size: 13px;
        color: rgb(131, 144, 148);
        letter-spacing: 0.35px;
        vertical-align: text-bottom;
        text-overflow: ellipsis;
        white-space: normal;
        width: 100%;
        overflow: hidden;
    }

    .task_block_completed .task_review_section .rating {
        display: inline-block;
        width: 72px;
        height: 14px;
        position: relative;
        top: 3px;
        color: #FDC91B;
        vertical-align: top;
        font-size: 12px;
        line-height: 15px;
        margin-right: 5px;
    }

.task_block_completed .task_block_copy_button {
    position: absolute;
    top: 4px;
    right: 4px;
    display: none;
    background-color: white;
    padding: 8px;
    margin: 0px;
}

.task_block_completed:hover .task_block_copy_button {
    display: block;
}

    .task_block_completed:hover .task_block_copy_button button {
        font-size: 12px;
        padding: 7px 18px;
        margin-bottom: 4px;
        margin-top: 0;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
    }

.ratings_widget_container {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
    background: white;
    padding: 16px;
    /*margin: 24px 16px;*/
    border-radius: 4px;
}

.ratings_widget_title {
    color: rgb(58, 61, 62);
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 8px 0px;
    font-weight: 300;
}

.ratings_widget_header {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.ratings_widget_average {
    font-size: 17px;
    color: rgb(58, 61, 62);
    margin: 8px 0px 4px;
}

    .ratings_widget_average .rating {
        color: #FDC91B;
        font-size: 14px;
    }

.ratings_widget_count {
    font-size: 13px;
    color: rgb(131, 144, 148);
    letter-spacing: 0.35px;
    line-height: 18px;
}

.ratings_widget_breakdown_container {
    margin-top: 4px;
    text-align: right;
}

.ratings_widget_stars_wrapper {
    width: 70px;
    display: inline-block;
}

    .ratings_widget_stars_wrapper .rating {
        color: #FDC91B;
        font-size: 12px;
    }

.ratings_widget_label {
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    width: 29px;
}

.ratings_widget_image_container {
    position: relative;
    padding-bottom: 48px;
}

.ratings_widget_image_reviewer_one {
    margin-bottom: 8px;
    width: 100%;
    display: block;
    max-width: 200px;
}

.ratings_widget_image_reviewer_two {
    position: absolute;
    right: 0px;
    width: 100%;
    display: block;
    max-width: 200px;
}

.why_shohokari_widget_container {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px;
    margin-top: 16px;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 16px;
}

.why_shohokari_widget_heading {
    font-weight: 500;
    font-size: 16px;
    color: rgb(58, 61, 62);
    letter-spacing: 0.15px;
    line-height: 22px;
    margin: 0px 0px 16px;
}

.why_shohokari_widget_block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 12px 0px;
}

.why_shohokari_widget_image {
    height: 60px;
    width: 60px;
}

.why_shohokari_widget_text_wrapper {
    margin-left: 16px;
}

.why_shohokari_widget_subtitle {
    font-weight: 500;
    font-size: 15px;
    color: rgb(58, 61, 62);
    letter-spacing: 0.4px;
    margin: 0;
}

.why_shohokari_widget_description {
    margin: 0px;
}

.become_a_tasker_widget {
    background: #fff;
    padding: 16px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}

.become_a_tasker_widget_title {
    font-weight: 500;
    font-size: 17px;
    color: #3a3d3e;
    margin: 0;
}

.become_a_tasker_widget_description {
    font-size: 13px;
    color: #839094;
    letter-spacing: .35px;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 16px;
}

.become_a_tasker_widget button {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
}

.sidebar_links_container {
    padding: 16px 0px;
}

.sidebar_links_container_title {
    color: #3a3d3e;
    font-size: 16px;
    letter-spacing: .15px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    margin: 0;
}

.sidebar_links_container_list {
    list-style: none;
    padding: 0;
    margin: 5px 0;
}

.sidebar_links_container_item {
    margin: 10px 0;
}

.sidebar_links_container_list li:first-child {
    margin-top: 0;
}

.sidebar_links_container_link {
    color: #3a3d3e;
    letter-spacing: .15px;
    line-height: 20px;
}

    .sidebar_links_container_link:hover {
        color: #03a9f4;
    }

.sidebar_links_container_list_more {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    /*line-height: 18px;*/
    transition: height 300ms;
    position: relative;
}

.top_taskers_card {
    width: 32.4%;
    max-width: 284px;
    height: 336px;
    display: inline-block;
    vertical-align: top;
    margin-top: 16px;
    box-sizing: border-box;
    position: relative;
    background: white;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(231, 238, 241);
    border-image: initial;
    border-radius: 8px;
    padding: 16px 24px 60px;
    margin-left: 2px;
    margin-right: 2px;
}

.top_taskers_details_wrapper {
    display: flex;
}

.top_taskers_details_wrapper {
    display: flex;
}

.top_taskers_avatar {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.top_taskers_meta_text {
    max-width: 145px;
    margin: 8px 0px 0px 8px;
}

.top_taskers_name {
    font-weight: 500;
    font-size: 15px;
    color: rgb(58, 61, 62);
    letter-spacing: 0.4px;
    margin: 0;
}

.top_taskers_location {
    max-width: 100px;
    max-height: 1.25em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .top_taskers_location i {
        color: rgb(131, 144, 148);
        /* vertical-align: text-top; */
        font-size: 11px;
        margin-left: 1px;
    }

.top_taskers_location_text {
    font-weight: 500;
    font-size: 11px;
    color: rgb(131, 144, 148);
    letter-spacing: 0.29px;
    vertical-align: text-top;
}

.top_taskers_review_stars_wrapper {
    display: inline-block;
    width: 70px;
    /*margin-top: 4px;*/
    padding-right: 8px;
}

    .top_taskers_review_stars_wrapper .rating {
        display: inline-block;
        width: 72px;
        height: 14px;
        position: relative;
        top: 3px;
        color: #FDC91B;
        vertical-align: top;
        font-size: 12px;
    }

.top_taskers_review_count {
    font-weight: 300;
    font-size: 13px;
    color: rgb(131, 144, 148);
    letter-spacing: 0.35px;
    margin: 0px 0px 8px;
}

.top_taskers_review_count_title {
    font-weight: 700;
    color: rgb(58, 61, 62);
}

.top_taskers_specialties {
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    color: rgb(131, 144, 148);
    letter-spacing: 0px;
    max-height: 4em;
    overflow: hidden;
}

.top_taskers_latest_review {
    font-weight: 300;
    font-size: 13px;
    color: rgb(131, 144, 148);
    letter-spacing: 0.35px;
    line-height: 17px !important;
    max-height: 51px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.top_taskers_latest_review_heading {
    font-weight: 700;
    color: rgb(58, 61, 62);
}

.top_taskers_hire_button {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    width: calc(100% - 32px);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
}

.how_it_works_video {
    background: #fff;
    padding-top: 64px;
    padding-bottom: 64px;
}

.how_it_works_video_text_container {
    max-width: 430px;
    margin: 0 auto 48px;
    text-align: center;
    color: #3a3d3e;
}

.how_it_works_video_title {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -.25px;
}

.how_it_works_video_description {
    font-size: 16px;
    letter-spacing: .15px;
    line-height: 22px;
    margin: 8px 0;
}

.how_it_works_video_container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    /*max-width: 600px;
    margin: 0 auto;*/
}

.how_it_works_video_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.category_blog_post_container_title {
    font-weight: 500;
    color: #3a3d3e;
    font-size: 30px;
    letter-spacing: -.4px;
    margin-bottom: 8px;
}

.category_blog_post_container {
    background-color: #fff;
    text-align: center;
    padding: 32px 0px 64px;
}

.menu_folder h2 {
    cursor: pointer;
    font-weight: 600;
    padding-bottom: 11px;
    margin: 0;
    color: #fff;
    font-size: 16px;
}

.menu_hierarchy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .menu_hierarchy .menu_folder {
        border-bottom: none;
    }

.menu_folder_items li a {
    color: #fff;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
}

    .menu_folder_items li a:hover, .menu_folder_items li a:focus {
        /*color: #b1bdc1;*/
        color: #fff;
    }

.shohokari_company_details {
    font-size: 11px;
}

.menu_folder h2:hover {
    color: #fff;
}

.footer_links {
    color: #839094;
    padding: 64px 0 32px 15px;
}

.app_stores_columns a {
    margin-right: 8px;
    display: inline-block;
}

.app_stores_columns img {
    height: 32px;
}

.footer_social_links {
    display: inline-block;
    padding-top: 5px;
}

    .footer_social_links a {
        background: #cad7dc;
        color: #4a4a4a;
        width: 26px;
        height: 26px;
        line-height: 27px !important;
        margin: 0 2px;
    }

        .footer_social_links a:hover, .footer_social_links a:focus {
            background: #cad7dc !important;
            color: #4a4a4a !important;
        }

        .footer_social_links a:before {
            background-color: #b2bfc3 !important;
        }

        .footer_social_links a i {
            font-size: 18px !important;
        }

        .footer_social_links a .zmdi-linkedin {
            font-size: 16px !important;
        }

.community_guidelines_page {
    background-color: #fff;
}

.policies_content {
    padding: 50px 0;
    text-align: center;
}

.policies_content_title {
    max-width: 290px;
    font-size: 24px;
    font-weight: 300;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #839094;
}

.policies_content_desc {
    max-width: 370px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #839094;
}

.policy_card {
    width: 300px;
    margin: 20px 10px;
    transition: .4s;
    padding: 30px 10px;
    border-radius: 4px;
    background-color: #f5f9fb;
    box-shadow: 0 2px 4px 0 hsla(0,0%,84%,.5);
    display: inline-block;
}

    .policy_card:hover {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .policy_card .policy_container {
        margin: 0 auto;
        width: 280px;
    }

.policy_container .policy_desc, .policy_container .policy_icon {
    display: inline-block;
    box-sizing: border-box;
}

.policy_container .policy_icon {
    width: 25%;
    padding: 3px 10px;
    vertical-align: top;
    text-align: center;
}

    .policy_container .policy_icon .poster, .policy_container .policy_icon .worker {
        fill: #0b9fe3;
    }

.policy_container .policy_desc {
    width: 70%;
    text-align: left;
}

    .policy_container .policy_desc h3 {
        font-size: 24px;
        font-weight: 300;
        margin: 0;
        color: #0b9fe3;
    }

    .policy_container .policy_desc p {
        margin: 0;
        color: #0b9fe3;
    }

.community_values_content {
    background-image: linear-gradient(0deg,#f5f9fb 25%,#fff);
    text-align: center;
}

    .community_values_content img {
        max-width: 100%;
    }

.community_values_content_desc {
    max-width: 290px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

    .community_values_content_desc h3 {
        font-size: 24px;
        font-weight: 300;
        margin: 0;
    }

    .community_values_content_desc p {
        margin: 8px 0;
    }

.community_guidelines_top {
    color: #fff;
    background-image: linear-gradient(0deg,#54c7fc 25%,#028acd);
    height: 350px;
}

    .community_guidelines_top .container {
        position: relative;
        max-width: 880px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0;
    }

.community_guidelines_top_left {
    width: 39.3333333333%;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
}

    .community_guidelines_top_left h1 {
        margin-top: 70px;
        font-size: 32px;
        font-weight: 700;
    }

    .community_guidelines_top_left h2 {
        font-size: 30px;
        font-weight: 300;
        margin: 0;
    }

    .community_guidelines_top_left p {
        max-width: 270px;
        margin: 8px 0;
    }

    .community_guidelines_top_left a {
        color: #fff;
        font-weight: 700;
        display: inline-block;
        padding: 10px 0;
    }

        .community_guidelines_top_left a:hover {
            text-decoration: underline;
        }

        .community_guidelines_top_left a.privacy_link {
            margin-right: 10px;
        }

        .community_guidelines_top_left a.terms_link {
            margin-left: 10px;
        }

.community_guidelines_top_right {
    width: 56.6666666667%;
    margin-left: 2%;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
}

    .community_guidelines_top_right img {
        margin-top: 43px;
        max-width: 100%;
    }

.community_guidelines_top.cg_child {
    height: 300px;
}

    .community_guidelines_top.cg_child .community_guidelines_top_left h1 {
        margin-top: 90px;
        margin-bottom: 10px;
    }

    .community_guidelines_top.cg_child .community_guidelines_top_right img {
        width: 340px;
        margin-top: 87px;
    }

.community_guidelines_body_content {
    max-width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 50px 20px;
}

.seo_page_header.no_img {
    background: #028acd;
}

.dashboard_task_summary_selector ul li {
    background-color: #fff;
    cursor: pointer;
}

.dashboard_task_summary_selector .nav.nav-tabs {
    background-color: transparent;
}

    .dashboard_task_summary_selector .nav.nav-tabs li:first-child {
        border-radius: 5px 0 0 5px;
    }

    .dashboard_task_summary_selector .nav.nav-tabs li:nth-of-type(2) {
        border-radius: 0 5px 5px 0;
    }

    .dashboard_task_summary_selector .nav.nav-tabs li a {
        color: #3a3d3e !important;
        padding: 5px 20px !important;
    }

.dashboard_task_summary_selector ul li.active {
    background-color: #545a77;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
    margin-bottom: 0;
}

.dashboard_task_summary_selector .nav.nav-tabs li.active a {
    color: #fff !important;
}

.dashboard_task_summary_selector .nav.nav-tabs .ms-tabs-indicator {
    display: none;
}

.dashboard_task_ctas_header_text {
    font-size: 16px;
    font-weight: 500;
    color: rgb(58, 61, 62);
    text-transform: uppercase;
}

.dashboard_task_ctas_items_content {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 24px 0px 8px;
    max-width: 700px;
}

.dashboard_task_ctas_item {
    /*display: none;*/
    width: 100%;
    cursor: pointer;
}

    .dashboard_task_ctas_item:hover div:first-child {
        transform: scale(1.1);
        background-color: #e0e0e0;
    }

        .dashboard_task_ctas_item:hover div:first-child svg {
            transform: scale(0.909091);
        }

.dashboard_task_ctas_bubble {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-color: #ebebeb;
    position: relative;
    border-radius: 50px;
    margin: 0px 0px 12px;
    transition: transform 0.25s ease 0s;
}

    .dashboard_task_ctas_bubble svg {
        position: absolute;
        height: 32px;
        width: 32px;
        left: 16px;
        top: 16px;
        transition: transform 0.25s ease 0s;
    }

        .dashboard_task_ctas_bubble svg path, .dashboard_task_ctas_bubble svg circle {
            fill: rgb(255, 255, 255);
        }

.dashboard_task_ctas_text {
    color: rgb(58, 61, 62);
    font-size: 16px;
    display: inline-block;
    text-align: left;
    position: relative;
    width: 200px;
    top: -40px;
    left: 20px;
    margin: 0px auto;
}

.about_intro {
    background: url(../img/about-banner-bg.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
    background-color: #7aaab6;
    height: 598px;
    background-size: cover;
    color: #fff;
    width: 100%;
}

    .about_intro .container {
        height: 400px;
        max-width: 1024px;
        width: 100%;
        padding-left: 30px;
        box-sizing: content-box;
    }

        .about_intro .container:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .about_intro .container:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

.about_intro_container {
    vertical-align: middle;
    max-height: 400px;
    max-width: 50%;
    display: inline-block;
    margin-top: 200px;
}

    .about_intro_container h1 {
        font-size: 40px;
        text-shadow: 1px 1px 1px rgba(0,0,0,.4);
        line-height: 1;
        display: block;
        margin-bottom: 20px;
        font-weight: 800;
        color: #fff;
    }

    .about_intro_container h4 {
        font-size: 30px;
        margin-bottom: 30px;
        display: block;
        font-weight: 600;
        color: #000;
        text-transform: uppercase;
    }

.about_vision {
    background: #fff;
}

    .about_vision .container {
        padding: 80px 0 80px 0;
    }

        .about_vision .container .title {
            color: #089fe4;
            letter-spacing: .15px;
            display: block;
            text-align: center;
            margin: 50px 0;
            font-size: 24px;
            font-weight: 300;
        }

        .about_vision .container .text {
            display: block;
            width: 60%;
            float: right;
            padding: 0 5% 0 0;
            box-sizing: border-box;
            font-size: 16px;
            line-height: 1.4;
        }

        .about_vision .container .quote {
            display: block;
            float: left;
            width: 40%;
            vertical-align: top;
        }

            .about_vision .container .quote p {
                font-size: 28px;
                text-align: right;
                margin: 40px 0;
                margin-top: 0;
                line-height: 38px !important;
                padding-left: 20%;
                padding-right: 10%;
                position: relative;
            }

                .about_vision .container .quote p:before {
                    content: "";
                    display: block;
                    background: #cad7dc;
                    width: 100%;
                    height: 1px;
                    margin-bottom: 30px;
                }

                .about_vision .container .quote p:after {
                    content: "";
                    display: block;
                    background: #cad7dc;
                    width: 100%;
                    height: 1px;
                    margin-top: 30px;
                }

.about_faq .container {
    padding: 20px 0 80px 0;
}

    .about_faq .container .title {
        color: #089fe4;
        letter-spacing: .15px;
        display: block;
        text-align: center;
        margin: 50px 0;
        font-size: 24px;
        font-weight: 300;
    }

.about_page {
    background-color: #f5f9fb;
}

.careers_intro {
    position: relative;
    display: block;
    width: 100%;
    height: 670px;
    background: #3a3d3e;
    background-image: url(../img/careers/hero.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.careers_intro_main_container {
    position: absolute;
    width: calc(100% - 32px);
    max-width: 784px;
    height: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.careers_intro_container {
    width: 100%;
    max-width: 630px;
    height: auto;
}

    .careers_intro_container h1 {
        color: #fff;
        margin-bottom: 32px;
        text-shadow: 0 2px 8px rgba(0,0,0,.5);
        font-weight: 900;
        font-size: 60px;
        line-height: 60px;
        letter-spacing: -.5px;
        margin-top: 0;
    }

.careers_videos {
    background: #f5f9fb;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 64px 0;
}

.careers_videos_container {
    max-width: 784px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: calc(100% - 32px);
    height: auto;
}

    .careers_videos_container h3 {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px;
        letter-spacing: -.35px;
        text-align: center;
        color: #3a3d3e;
        margin-bottom: 32px;
        margin-top: 0;
    }

    .careers_videos_container p {
        font-weight: 300;
        font-size: 21px;
        line-height: 30px !important;
        color: #839094;
        margin-bottom: 24px;
    }

.careers_extras {
    background: #fff;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 64px 0;
}

.careers_extras_main_container {
    max-width: 470px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: calc(100% - 32px);
    height: auto;
}

    .careers_extras_main_container h3 {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px;
        letter-spacing: -.35px;
        text-align: center;
        color: #3a3d3e;
        margin-bottom: 32px;
        margin-top: 0;
    }

.careers_extras_container {
    margin-top: 24px;
}

    .careers_extras_container ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .careers_extras_container ul li {
            margin-left: 40px;
            margin-bottom: 12px;
        }

            .careers_extras_container ul li p {
                font-weight: 300;
                font-size: 21px;
                line-height: 30px;
                color: #839094;
                margin-bottom: 24px;
            }

            .careers_extras_container ul li img, .careers_extras_container ul li p {
                display: inline;
                margin: 0;
                vertical-align: middle;
                width: 28px;
                height: 28px;
            }

            .careers_extras_container ul li img {
                fill: #9fc104;
                margin-right: 12px;
            }

.careers_values {
    background: #f5f9fb;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 64px 0;
}

.careers_values_main_container {
    max-width: 784px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: calc(100% - 32px);
    height: auto;
}

    .careers_values_main_container h3 {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px;
        letter-spacing: -.35px;
        text-align: center;
        color: #3a3d3e;
        margin-bottom: 32px;
        margin-top: 0;
    }

    .careers_values_main_container p {
        font-weight: 300;
        font-size: 21px;
        line-height: 30px !important;
        color: #839094;
        margin-bottom: 24px;
    }

.careers_values_container_extra_wide {
    max-width: 1184px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: calc(100% - 32px);
    height: auto;
}

.careers_values_container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    margin: 40px 0;
}

.careers_values_group {
    width: calc(20% - 24px);
    min-width: 184px;
    padding: 0 12px;
}

    .careers_values_group .careers_values_icon {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 90px;
        height: 90px;
        border-radius: 90px;
        background: #fff;
        margin-bottom: 32px;
    }

        .careers_values_group .careers_values_icon img {
            width: 90px;
            height: 90px;
        }

    .careers_values_group .careers_values_caption h4 {
        font-weight: 700;
        font-size: 20px;
        line-height: 1;
        letter-spacing: -.25px;
        color: #3a3d3e;
        margin-bottom: 8px;
    }

.values_page {
    background: #fff;
}

.values_intro {
    height: 340px;
    width: 100%;
    background-image: url(../img/values/hero.jpg);
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}

    .values_intro::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.3);
    }

.values_intro_main_container {
    position: relative;
    text-align: center;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
}

    .values_intro_main_container p {
        font-weight: 700;
        font-size: 16px;
        color: white;
        text-align: center;
    }

    .values_intro_main_container h1 {
        font-weight: 700;
        font-size: 24px;
        color: white;
        letter-spacing: -0.5px;
        text-align: center;
        line-height: 28px;
        max-width: 80%;
        margin: 0px auto;
    }

.intro_our_values_container {
    background-color: white;
    text-align: center;
    padding: 60px 0px 104px;
}

.intro_our_values_icons {
    margin: 8px;
    vertical-align: top;
    height: 100%;
    text-align: left;
}

    .intro_our_values_icons img {
        height: 50px;
        width: 50px;
    }

.intro_our_values_title {
    font-weight: 900;
    font-size: 24px;
    color: rgb(58, 61, 62);
    letter-spacing: 0px;
    line-height: 53px;
}

.intro_our_values_description {
    font-weight: 500;
    font-size: 16px;
    color: rgb(58, 61, 62);
    letter-spacing: 0.15px;
    line-height: 22px;
    padding: 0px 20px;
}

.intro_our_values_container .container .row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.full_page_carousel_block {
    width: 100vw;
    height: 100vh;
    position: relative;
    /*background-color: rgb(42, 64, 109);*/
    background-color: rgb(0, 171, 222);
    overflow: hidden;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-wrap: nowrap;*/
    /*flex-wrap: nowrap;*/
}

.full_page_carousel_text_wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    padding: 20px;
}

    .full_page_carousel_text_wrapper.slider1 {
        background-color: rgb(42, 64, 109);
    }

    .full_page_carousel_text_wrapper.slider2 {
        background-color: rgb(52, 115, 144);
    }

    .full_page_carousel_text_wrapper.slider3 {
        background-color: rgb(0, 171, 222);
    }

    .full_page_carousel_text_wrapper.slider4 {
        background-color: rgb(245, 249, 251);
    }

.full_page_carousel_text_block {
    text-align: center;
    color: white;
}

.slider4 .full_page_carousel_text_block, .slider5 .full_page_carousel_text_block {
    color: rgb(58, 61, 62);
}

.full_page_carousel_img {
    height: 35px;
    width: 35px;
    vertical-align: inherit;
}

.full_page_carousel_title {
    font-weight: 900;
    font-size: 21px;
    letter-spacing: 0px;
    line-height: 24px;
    margin: 0;
}

.full_page_carousel_description {
    font-size: 16px;
    letter-spacing: -0.25px;
    max-width: 340px;
    margin: 8px auto;
    line-height: 1.4 !important;
}

.full_page_carousel_img_wrapper {
    display: block;
    height: 82%;
    /*background-image: url(../img/values/stay-open-poster.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.community_guidelines_top.for_business {
    background: radial-gradient(ellipse at right,#c2ccd3 0,#8f9da7 100%);
    height: 600px;
}

    .community_guidelines_top.for_business .community_guidelines_top_left {
        width: 45.3333333333%;
        vertical-align: middle;
    }

        .community_guidelines_top.for_business .community_guidelines_top_left h1 {
            font-size: 55px;
            margin-top: 120px;
        }

        .community_guidelines_top.for_business .community_guidelines_top_left p {
            font-size: 22px;
            font-weight: 300;
            line-height: 1.2 !important;
        }

    .community_guidelines_top.for_business .community_guidelines_top_right {
        width: 50.6666666667%;
    }

        .community_guidelines_top.for_business .community_guidelines_top_right img {
            max-width: 300px;
        }

.shohokari_for_business_man_caption {
    bottom: 30px;
    right: 80px;
    position: absolute;
}

    .shohokari_for_business_man_caption strong {
        text-shadow: 1px 1px 1px rgba(0,0,0,.2);
        margin: 0;
        font-weight: 500;
    }

    .shohokari_for_business_man_caption i {
        display: block;
        font-size: 12px;
        font-style: italic;
    }

.business_when_need_content {
    background-color: #f5f9fb;
    padding: 50px 0;
    text-align: center;
    position: relative;
    color: #839094;
}

    .business_when_need_content .title {
        padding: 10px;
        font-size: 24px;
        font-weight: 300;
    }

    .business_when_need_content .content_step img {
        padding: 20px 0;
    }

    .business_when_need_content .content_step {
        padding: 15px;
    }

        .business_when_need_content .content_step h3 {
            color: #028acd;
            font-size: 22px;
            margin: 0;
            font-weight: 300;
        }

        .business_when_need_content .content_step p {
            margin: 0 auto;
            padding: 10px;
            color: #839094;
            max-width: 350px;
        }

.business_page_quote {
    background-image: linear-gradient(0deg,#29b6f6 25%,#0287c3);
    color: #fff;
}

    .business_page_quote .container {
        max-width: 850px;
        text-align: center;
    }

.business_page_quote_right, .business_page_quote_left img {
    transition: .8s;
}

.business_page_quote_right {
    float: right;
    text-align: left;
    display: table;
    width: 48%;
}

.business_page_quote_right_content {
    display: table-cell;
    vertical-align: middle;
}

    .business_page_quote_right_content .content_details {
        padding: 20px;
    }

        .business_page_quote_right_content .content_details h3 {
            font-size: 24px;
            font-weight: 300;
        }

    .business_page_quote_right_content .business_man_caption {
        padding: 10px 0;
    }

        .business_page_quote_right_content .business_man_caption i {
            display: block;
            font-size: 12px;
            font-style: italic;
        }

.business_page_quote_left {
    float: left;
    width: 48%;
    position: relative;
}

.business_when_need_content .ensure {
    background-color: #fff;
}

.business_page_quote.gray_quote {
    background: linear-gradient(#8f9da7,#c2ccd3);
}

    .business_page_quote.gray_quote .business_page_quote_right {
        float: left;
    }

.task_suggestion.business_task_suggestion .container-inner {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5%;
    box-sizing: border-box;
}

.business_task_suggestion {
    padding: 80px 0 120px;
    background-color: #fff;
    position: relative;
}

    .business_task_suggestion .container {
        width: 1024px;
        padding: 0;
    }

.task_suggestion_top_title {
    padding: 10px;
    font-size: 24px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 30px;
    color: #839094;
}

.business_task_suggestion .container-inner .task.tall {
    height: 420px;
}

.business_task_suggestion .container-inner .task {
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    width: 225px;
    height: 200px;
    margin-right: 18px;
    position: relative;
    box-shadow: 0 0 0 2px hsla(300,0%,61%,.15);
    overflow: hidden;
    transition: all .4s cubic-bezier(.49,-.015,.27,1);
}

    .business_task_suggestion .container-inner .task:hover {
        box-shadow: 0 2px 12px 6px rgba(0,0,0,.1);
        transition: all .4s cubic-bezier(.49,-.015,.27,1);
        -ms-transform: translateY(-1px) scale(1.01);
        transform: translateY(-1px) scale(1.01);
        z-index: 1;
    }

    .business_task_suggestion .container-inner .task .details {
        position: absolute;
        background-image: linear-gradient(-180deg,hsla(0,0%,100%,.76),#fff);
        left: 0;
        right: 0;
        bottom: 0;
        text-align: left;
        padding: 10px 20px;
    }

        .business_task_suggestion .container-inner .task .details .title {
            color: #028acd;
        }

.business_task_suggestion .multi-level {
    display: inline-block;
    vertical-align: top;
}

.business_task_suggestion .container-inner .task.wide {
    display: block;
    margin-top: 14px;
    width: 468px;
}

.business_task_suggestion .container-inner .task.edge {
    margin-right: 0;
}

.business_task_suggestion .single-level {
    margin-top: 14px;
}

    .business_task_suggestion .single-level .task {
        float: left;
    }

        .business_task_suggestion .single-level .task.wide {
            margin: 0;
            float: none;
            overflow: hidden;
        }

.business_task_suggestion .multi-level.two-stack {
    width: 225px;
}

    .business_task_suggestion .multi-level.two-stack .task {
        margin-right: 0;
        margin-bottom: 14px;
    }

.business_custom_profiles {
    background-image: linear-gradient(-12deg,#fff 40%,#028acd 80%,#028acd 85%,#028acd);
    padding-bottom: 700px;
    margin-bottom: -700px;
    color: #fff;
}

    .business_custom_profiles .container {
        padding: 50px 0;
    }

    .business_custom_profiles .title {
        padding: 10px;
        font-size: 24px;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .business_custom_profiles .benefit_content img {
        padding: 20px 0;
    }

    .business_custom_profiles .benefit_content .benefit_desc, .business_custom_profiles .benefit_content .benefit_title {
        padding: 0 13px;
    }

    .business_custom_profiles .benefit_content .benefit_title {
        color: #fff;
        font-size: 22px;
        font-weight: 300;
        margin: 0;
    }

    .business_custom_profiles .benefit_content .benefit_desc {
        margin: 8px 0;
    }

    .business_custom_profiles .cards_img_content {
        padding-bottom: 20px;
    }

        .business_custom_profiles .cards_img_content .cards {
            height: 230px;
            position: relative;
        }

            .business_custom_profiles .cards_img_content .cards #first-card.animate {
                -ms-transform: translateY(-50%) rotate(-10deg);
                transform: translateY(-50%) rotate(-10deg);
            }

            .business_custom_profiles .cards_img_content .cards #first-card {
                left: 0;
                -ms-transform: translate(50px,-50%) rotate(-5deg);
                transform: translate(50px,-50%) rotate(-5deg);
                -ms-transform-origin: bottom right;
                transform-origin: bottom right;
            }

            .business_custom_profiles .cards_img_content .cards .cards_img {
                box-shadow: 0 5px 50px 0 hsla(0,0%,5%,.15);
                transition: .4s;
                border-radius: 12px;
                top: 50%;
                position: absolute;
            }

            .business_custom_profiles .cards_img_content .cards #second-card.animate {
                -ms-transform: translate(-50%,-50%) scale(1);
                transform: translate(-50%,-50%) scale(1);
            }

            .business_custom_profiles .cards_img_content .cards #second-card {
                -ms-transform: translate(-50%,-50%) scale(.85);
                transform: translate(-50%,-50%) scale(.85);
                z-index: 1;
                left: 50%;
                position: absolute;
            }

            .business_custom_profiles .cards_img_content .cards #third-card.animate {
                -ms-transform: translateY(-50%) rotate(10deg);
                transform: translateY(-50%) rotate(10deg);
            }

            .business_custom_profiles .cards_img_content .cards #third-card {
                -ms-transform: translate(-50px,-50%) rotate(5deg);
                transform: translate(-50px,-50%) rotate(5deg);
                -ms-transform-origin: bottom left;
                transform-origin: bottom left;
                right: 0;
                position: absolute;
            }

.business_custom_profiles_divided hr {
    border: none;
    border-top: 1px solid #fff;
    margin: 30px auto;
    max-width: 500px;
}

.pocketbook {
    min-height: 410px;
    max-width: 850px;
    position: relative;
}

    .pocketbook .email_block {
        padding: 20px;
        text-align: center;
    }

        .pocketbook .email_block h3 {
            font-size: 22px;
            font-weight: 300;
            padding-bottom: 10px;
            color: #839094;
        }

    .pocketbook .pocketbook_guys strong {
        margin: 0;
        color: #839094;
        font-weight: 500;
    }

    .pocketbook .pocketbook_guys i {
        display: block;
        font-size: 12px;
        font-style: italic;
        color: #839094;
    }

.home_tasks {
    padding: 64px 0px;
    position: relative;
    display: block;
    background: #f6f8fd;
}

.home_tasks_tabs_section {
    overflow: hidden;
}

.home_tasks .container_header {
    width: inherit;
    max-width: 940px;
}

.home_tasks_title {
    font-weight: 700;
    color: rgb(58, 61, 62);
    font-size: 32px;
    letter-spacing: -0.4px;
    margin-bottom: 8px;
    margin-top: 0;
}

.home_floating_tasks_nav_tab {
    display: inline-block;
}

    .home_floating_tasks_nav_tab .nav.nav-tabs {
        position: relative;
        display: block;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -0.25px;
        color: rgb(58, 61, 62);
        min-height: 58px;
        margin: 20px auto;
        /*overflow: hidden;*/
        border-bottom: none !important;
        /*text-align: center;*/
    }

        .home_floating_tasks_nav_tab .nav.nav-tabs li a {
            padding-bottom: 10px;
        }

        .home_floating_tasks_nav_tab .nav.nav-tabs li.active {
            border-bottom: 3px solid #03a9f4;
        }

        .home_floating_tasks_nav_tab .nav.nav-tabs li {
            float: inherit;
            display: inline-block;
            cursor: pointer;
        }

        .home_floating_tasks_nav_tab .nav.nav-tabs .ms-tabs-indicator {
            display: none !important;
        }

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

.home_tasks .playing::after {
    clear: both;
}

.home_floating_tasks_container {
    position: relative;
}

.home_floating_tasks_container_wrapper {
    white-space: nowrap;
    transition: all .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    transform-style: preserve-3d;
}

.home_floating_tasks_container_wrapper {
    animation: slide 150s linear 0s infinite normal none running;
}

.home_task_container {
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px auto;
}

.home_task_card_animation {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 150px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
    margin: 10px;
    background: white;
    border-radius: 4px;
}

.home_life_moments_task_category {
    position: relative;
    display: block;
    font-weight: 700;
    color: rgb(58, 61, 62);
    font-size: 11px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin: 0px 24px;
    padding: 12px 0px 4px;
    border-bottom: 1px solid rgb(241, 241, 241);
}

.home_life_moments_task_description_container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 12px 24px 0px;
}

.home_life_moments_task_avatar {
    height: 32px;
    width: 32px;
    margin-right: 12px;
    border-radius: 50%;
}

.home_life_moments_task_title {
    width: 160px;
    height: 60px;
    white-space: pre-line;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgb(58, 61, 62);
    overflow: hidden;
    margin: 0;
}

.home_life_moments_task_price {
    width: 48px;
    font-size: 22px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: rgb(58, 61, 62);
    text-align: right;
    margin-top: 0px;
}

.home_life_moments_task_review_container {
    position: absolute;
    bottom: 0px;
    display: block;
    width: calc(100% - 48px);
    margin: 0px 24px;
    padding: 6px 0px;
    border-top: 1px solid rgb(241, 241, 241);
}

.home_life_moments_task_star {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    fill: rgb(244, 190, 54);
}

.home_life_moments_task_star_count {
    display: inline-block;
    vertical-align: middle;
    color: rgb(58, 61, 62);
}

.home_floating_tasks_container_wrapper:hover {
    animation-play-state: paused;
}

.home_task_container_align {
    -ms-transform: translateX(5%);
    transform: translateX(5%);
}

.home_floating_tasks_container:nth-child(2) {
    float: right;
}

    .home_floating_tasks_container:nth-child(2) .home_floating_tasks_container_wrapper:hover {
        animation-play-state: paused;
    }

    .home_floating_tasks_container:nth-child(2) .home_floating_tasks_container_wrapper {
        animation: slideReverse 150s linear 0s infinite normal none running;
    }

.post_wizard .nav.nav-tabs {
    border-bottom: none !important;
    max-width: 70%;
    margin: 0 auto;
}

    .post_wizard .nav.nav-tabs .ms-tabs-indicator {
        display: none;
    }

    .post_wizard .nav.nav-tabs li {
        float: inherit;
        display: inline-block;
        cursor: pointer;
        width: 32%;
    }

.post_wizard .nav.nav-tabs-transparent.indicator-primary li.active a {
    color: #839094 !important;
    font-weight: 700;
    font-size: 11px;
}

.post_wizard .nav.nav-tabs-transparent.indicator-primary li a {
    color: #839094 !important;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 0;
}

.post_wizard .nav.nav-tabs li a:before {
    display: block;
    content: "";
    height: 5px;
    margin-bottom: 8px;
    background: rgba(201,215,219,.35);
    box-shadow: inset 0 1px 1px 0 rgba(201,215,219,.29);
    margin-right: -2px;
    transition: all 2s ease;
}

.post_wizard .nav.nav-tabs li.active a:before {
    background-color: #cad7dc;
}

.post_wizard .nav.nav-tabs li:first-child a:before {
    border-radius: 10px 0 0 10px;
}

.post_wizard .nav.nav-tabs li:nth-child(3) a:before {
    border-radius: 0 10px 10px 0;
}

.post_wizard .nav.nav-tabs li.completed a:before {
    background-color: #cee974;
}

.post_wizard .post_wizard_nab_tabs {
    border-bottom: 1px solid #f5f9fb;
    padding: 10px 20px;
    margin: -20px -24px 0;
}

.post_task_form_footer {
    border-top: 1px solid #f5f9fb;
    padding-top: 15px;
    margin: -20px -24px 0;
    margin-top: 20px;
    margin-bottom: -5px;
}

    .post_task_form_footer .single_row_btn {
        margin: 0 auto;
        width: 75%;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
    }

.task_post_finish_footer {
    border-top: 1px solid #f5f9fb;
    padding-top: 10px;
}

    .task_post_finish_footer a, .task_post_finish_footer a {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
    }

.budget_option_radio {
    padding-left: 0px !important;
}

    .budget_option_radio label {
        padding-left: 25px;
        font-size: 12px !important;
        font-weight: 300 !important;
        line-height: 22px !important;
        margin: 0 5px;
        cursor: pointer;
        position: relative;
    }

    .budget_option_radio input[type=radio] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px;
    }

    .budget_option_radio span {
        display: block;
        position: absolute;
        left: 10px;
        top: 2px;
        transition-duration: .2s;
    }

    .budget_option_radio input[type=radio]:checked ~ .check {
        -webkit-transform: scale3d(.55,.55,1);
        transform: scale3d(.55,.55,1);
        background-color: #03a9f4;
    }

    .budget_option_radio input[type=radio]:checked ~ .check {
        -webkit-transform: scale3d(.55,.55,1);
        transform: scale3d(.55,.55,1);
        background-color: #03a9f4;
    }

    .budget_option_radio .circle {
        background: #fff;
        border: 1px solid #cad7dc;
        height: 18px;
        width: 18px;
        box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
        vertical-align: middle;
        border-color: #cad7dc !important;
        left: 0;
        border-radius: 100%;
    }

    .budget_option_radio .check {
        height: 18px;
        width: 18px;
        left: 0;
        border-radius: 100%;
        background-color: #03a9f4;
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
    }

        .budget_option_radio .check:after {
            display: none !important;
        }

.budget_hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f1f1f1;
    margin: 10px 0;
    padding: 0;
}

.task_hour_budget_input .input-group-addon i {
    font-size: 14px;
}

.page_not_found_container {
    margin-top: -40px;
}

#notfound {
    position: relative;
    height: 80vh;
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.notfound {
    max-width: 710px;
    width: 100%;
    padding-left: 190px;
    line-height: 1.4;
}

    .notfound .notfound-404 {
        position: absolute;
        left: 0;
        top: 0;
        width: 180px;
        height: 150px;
    }

        .notfound .notfound-404 h1 {
            color: #c8cfd2;
            font-size: 140px;
            /*letter-spacing: 15.5px;*/
            margin: 0px;
            font-weight: 900;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .notfound h2 {
        color: #839094;
        font-size: 35px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2.5px;
        /*margin-top: 0;*/
    }

    .notfound p {
        font-size: 14px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 15px;
        color: #839094;
    }

    .notfound a {
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        background: #fff;
        display: inline-block;
        padding: 15px 30px;
        border-radius: 40px;
        color: #728994;
        font-weight: 700;
        -webkit-box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
    }

        .notfound a:hover {
            color: #fff;
            background-color: #03a9f4;
        }

.how_it_work_modal .modal-dialog {
    width: 80%;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    max-width: 1280px;
    opacity: 1;
    -ms-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
}

.how_it_work_modal .modal-body {
    padding: 0 !important;
}

.how_it_work_modal .home_video_section {
    width: 100%;
    max-width: inherit;
    margin: 0;
}

.how_it_work_modal .plyr__video-wrapper {
    border-radius: 4px;
}

.how_it_work_modal .home_video_section .plyr__controls [data-plyr=fullscreen] {
    display: none;
}

.profile_compt_back_btn {
    margin: 0 auto;
    width: 75%;
    background-color: #fff !important;
    border: 1px solid #cad7dc !important;
    box-shadow: none !important;
    color: #209fd8 !important;
}

    .profile_compt_back_btn:hover {
        background-color: hsla(0,0%,100%,.7);
        border: 1px solid #1098d6 !important;
    }

.popup_header_line {
    border-bottom: 1px solid #f5f9fb !important;
    padding-bottom: 12px !important;
}

.portfolio_item.item_blank_link .link-wrap {
    position: absolute;
    top: 115px;
    right: 75px;
    z-index: 10;
}

.portfolio_item.item_blank_link:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 0;
}

.portfolio_item.item_blank_link:hover:after {
    opacity: 1;
}

.portfolio_item.item_blank_link .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: rgba(255,255,255,0.1);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.portfolio_item.item_blank_link:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.portfolio_item.item_blank_link .link-wrap a:first-child {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-right: 2px;
}


/*------------------Start FB widget-----------------------------*/
.fb-livechat, .fb-widget {
    display: none
}

.ctrlq.fb-button, .ctrlq.fb-close {
    position: fixed;
    right: 24px;
    cursor: pointer
}

.ctrlq.fb-button {
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;
    width: 60px;
    height: 60px;
    text-align: center;
    bottom: 24px;
    border: 0;
    outline: 0;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);
    -webkit-transition: box-shadow .2s ease;
    background-size: 80%;
    transition: all .2s ease-in-out
}

    .ctrlq.fb-button:focus, .ctrlq.fb-button:hover {
        transform: scale(1.1);
        box-shadow: 0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)
    }

.fb-widget {
    background: #fff;
    z-index: 2;
    position: fixed;
    width: 360px;
    height: 435px;
    overflow: hidden;
    opacity: 0;
    bottom: 0;
    right: 24px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 40px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.16);
    -moz-box-shadow: 0 5px 40px rgba(0,0,0,.16);
    -o-box-shadow: 0 5px 40px rgba(0,0,0,.16)
}

.fb-credit {
    text-align: center;
    margin-top: 8px
}

    .fb-credit a {
        transition: none;
        color: #bec2c9;
        font-size: 12px;
        text-decoration: none;
        border: 0;
        font-weight: 400
    }

.ctrlq.fb-overlay {
    z-index: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    -webkit-transition: opacity .4s,visibility .4s;
    transition: opacity .4s,visibility .4s;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.05);
    display: none
}

.ctrlq.fb-close {
    z-index: 4;
    padding: 0 6px;
    background: #365899;
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    margin: 8px;
    border-radius: 3px
}

    .ctrlq.fb-close::after {
        content: 'x';
    }
/*------------------End FB widget-----------------------------*/

.custom_admin_menu {
    background-color: #A31E22;
}

    .custom_admin_menu .sidebar-toggle {
        color: #fff;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        font-size: 20px;
    }

.sidebar_user_img {
    padding-top: 30px !important;
}

    .sidebar_user_img .info p {
        margin-bottom: 2px !important;
    }

.profile-sidebar {
    padding: 20px 0 10px 0;
    background: #fff;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle-job {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

    .profile-userbuttons .btn {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        padding: 6px 15px;
        margin-right: 5px;
    }

        .profile-userbuttons .btn:last-child {
            margin-right: 0px;
        }

.profile-usermenu {
    margin-top: 30px;
}

    .profile-usermenu ul.nav {
        display: block;
    }

    .profile-usermenu ul li {
        border-bottom: 1px solid #f0f4f7;
    }

        .profile-usermenu ul li:last-child {
            border-bottom: none;
        }

        .profile-usermenu ul li a {
            color: #93a3b5;
            font-size: 14px;
            font-weight: 400;
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .profile-usermenu ul li a i {
                margin-right: 8px;
                font-size: 14px;
            }

            .profile-usermenu ul li a:hover {
                background-color: #fafcfd;
                color: #5b9bd1;
            }

        .profile-usermenu ul li.active {
            border-bottom: none;
        }

            .profile-usermenu ul li.active a {
                color: #5b9bd1;
                background-color: #f6f9fb;
                border-left: 2px solid #5b9bd1;
                margin-left: -2px;
            }

.profile-content {
    padding: 20px;
    background: #fff;
    min-height: 460px;
}

.categories_nav_wrapper {
    height: auto;
    position: relative;
    font-size: 12px;
    z-index: 9999;
    min-width: 750px;
    overflow: visible;
    background: rgb(255, 255, 255);
    /*border-width: 1px;
    border-style: solid;
    border-color: rgb(187, 194, 220);
    border-image: initial;
    border-radius: 4px;*/
}

.categories_nav_styled_grid {
    max-width: 1216px;
    align-content: center;
    flex-wrap: wrap;
    margin: 0px;
    height: 100%;
    display: table;
}

.categories_nav_styled_grid_column {
    height: auto;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    flex-grow: 1;
    /*background: rgb(245, 249, 251);*/
    padding: 24px 0px 24px 24px;
    display: block;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: unset;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: top;
    margin: 0px;
    /*float:left;*/
    display: table-cell;
}

    .categories_nav_styled_grid_column.all_cats_menu {
        width: calc(33.3333% - 16px);
        background: rgb(245, 249, 251);
        min-width: 200px;
    }

    .categories_nav_styled_grid_column.all_cats_body {
        width: calc(66.6667% - 16px);
    }

    .categories_nav_styled_grid_column:first-child, .categories_nav_styled_grid_column:last-child {
        flex: 0 0 auto;
    }

.categories_nav_title {
    max-width: 165px;
    white-space: normal;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.15px;
    text-align: initial;
    vertical-align: initial;
    font-style: initial;
    color: rgb(41, 43, 50);
    text-decoration: initial;
    margin: 0px 12px 0px 0px;
    padding: 0px;
}

.categories_nav_title2 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 16px;
    text-align: initial;
    vertical-align: initial;
    font-style: initial;
    color: rgb(41, 43, 50);
    text-decoration: initial;
    margin: 0px 0px 24px;
    padding: 0px;
}

.categories_nav_styled_button {
    height: 79px;
    width: 100%;
    display: block;
    background-color: rgb(255, 255, 255);
    border-left: 3px solid #0caacd !important;
    border-right: 4px solid rgb(245, 249, 251) !important;
    border-radius: 0px;
    padding: 16px 24px 16px 20px;
    margin: 8px 0px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}

    .categories_nav_styled_button.not-active {
        background-color: rgba(255, 255, 255, 0.6);
        border-left: 3px solid rgb(187, 194, 220) !important;
    }

    .categories_nav_styled_button:hover {
        background-color: rgb(255, 255, 255);
    }

    .categories_nav_styled_button:active {
        color: rgb(255, 255, 255);
        transition: background 0.1s ease-in 0s, color 0.1s linear 0s, border 0.1s linear 0s;
    }

.categories_nav_styled_button_title {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: initial;
    vertical-align: initial;
    font-style: initial;
    color: #0caacd;
    text-decoration: initial;
    margin: 0px;
    padding: 0px;
}

.categories_nav_styled_button.not-active .categories_nav_styled_button_title {
    color: rgb(41, 43, 50);
}

.categories_nav_styled_button_desc {
    max-width: 100px;
    white-space: normal;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 16px;
    text-align: initial;
    vertical-align: initial;
    font-style: initial;
    color: rgb(41, 43, 50);
    text-decoration: initial;
    margin: 0px;
    padding: 0px;
}

.categories_nav_list {
    list-style-type: none;
    column-count: 4;
    max-height: 450px;
    margin: 0px;
    padding: 0px;
}

    .categories_nav_list li {
        text-transform: capitalize;
        white-space: nowrap;
    }

        .categories_nav_list li a {
            color: rgb(41, 43, 50);
            display: block;
            box-sizing: border-box;
            text-overflow: ellipsis;
            text-decoration: none;
            padding: 4px 8px;
            overflow: hidden;
            line-height: 1.4;
            font-size: 12px;
        }

            .categories_nav_list li a:hover {
                color: rgb(0, 143, 180);
                background-color: rgb(245, 249, 251);
            }

        .categories_nav_list li .ripple-container {
            display: none;
        }

.task_payment_summary_info {
    float: right;
}

    .task_payment_summary_info .summary_step {
        width: 150px;
        float: left;
        text-align: center;
    }

        .task_payment_summary_info .summary_step .text {
            font-size: 20px;
        }

.img-bordered-sm {
    border: 1px solid #d2d6de;
    padding: 2px;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.fade.in {
    opacity: 1 !important;
}

.card.card-flat {
    box-shadow: none !important;
}

.modal-content {
    /*box-shadow: 0 27px 24px 0 rgba(0,0,0,.2), 0 40px 77px 0 rgba(0,0,0,.22);*/
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
}

.modal.fade .modal-dialog {
    transform: translate(0,0) !important;
}

.modal {
    color: #424242;
    background-color: rgba(0,0,0,.3);
}

.color-success {
    color: #4caf50 !important;
}

.color-danger {
    color: #f44336 !important;
}

.modal-backdrop {
    background: rgba(0,0,0,.3) !important;
}

.custom_group_btn {
    padding: 0 !important;
}

    .custom_group_btn .btn {
        height: 40px;
        box-shadow: none !important;
        padding: 7px 20px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

        .custom_group_btn .btn i {
            font-size: 18px;
            margin: 0;
        }

.index_top_slider .carousel-indicators {
    left: 50%;
    width: 60%;
    bottom: 10px;
    top: auto;
    right: auto;
}

.trending_area {
    /*background: #f9f9f9;*/
}

    .trending_area .container {
        max-width: 1024px;
    }

    .trending_area .card {
        box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 6px;
        border-radius: 4px;
        max-width: 312px;
        /*margin-left: auto;
        margin-right: auto;*/
    }

        .trending_area .card .img-responsive {
            margin: 0 auto;
            border-radius: 4px 4px 0px 0px;
        }

.trending_see_more_btn {
    float: right;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 6px !important;
    color: rgb(86, 93, 103) !important;
    font-size: 15px;
    border-radius: 4px;
}

    .trending_see_more_btn:hover {
        color: #ff9ea5 !important;
    }

    .trending_see_more_btn:active {
        color: #d9596a !important;
    }

.comnt_reply {
    margin-left: 130px !important;
    margin-top: -32px !important;
    display: block;
    margin-bottom: 10px;
}

.task_list_full, .search_menu_full, .public_profile_page_content {
    max-width: 1024px;
}

.profile_no_reviews {
    text-align: center;
    font-style: italic;
    color: #545a77;
    font-size: 11px;
    line-height: 1.4 !important;
}

.profile_skill_title {
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.profile_top_summary {
    font-size: 10px;
    color: #545a77;
    line-height: 1.4;
}

.profile_average_reviews_top {
    color: #545a77;
    font-size: 14px;
}

.btn_Request_a_Quote {
    font-size: 16px;
    border: 2px solid rgba(41,43,50,.1);
    box-shadow: none !important;
}

.dashboard_pic_content img {
    border: 1px solid #bbc2dc;
    width: 128px;
    height: 128px;
    box-shadow: none;
}

.dashboard_pic_content .name {
    line-height: 30px;
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263238;
    text-transform: initial;
}

.top_sub_navbar_container {
    background-color: #fff;
    width: 100%;
}

.top_sub_navbar_content {
    max-width: 1150px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: flex;
    height: 40px;
    margin: 0px auto;
    padding: 2px 15px;
    /* text-align: right; */
}

    .top_sub_navbar_content .top_sub_navbar_lng {
        display: flex;
        height: 100%;
        align-items: center;
        margin-left: 10px;
    }

.top_sub_navbar_lng .change_lang_btn {
    margin-top: 0 !important;
    padding: 3px 15px !important;
    margin: 0px 5px;
    font-size: 12px;
}

.global_language_icon {
    position: relative;
    display: block;
}

.top_sub_navbar_content ul {
    list-style-type: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(86, 93, 103);
    font-size: 13px;
    height: 100%;
    float: right;
    margin-bottom: 0px;
    padding: 0;
}

    .top_sub_navbar_content ul a {
        color: rgba(0,0,0,.87);
        margin: 0px 0px 0px 16px;
        font-size: 13px;
    }

        .top_sub_navbar_content ul a .ripple-container {
            display: none;
        }

        .top_sub_navbar_content ul a:hover {
            color: #f36f36;
        }

.top_sub_navbar_content .top_sub_navbar_link_btn {
    border: solid 1px #bbc2dc !important;
    padding: 3px 15px;
    font-size: 11px;
    /*color: #545a77 !important;*/
    box-shadow: none !important;
    margin-left: 5px;
}

.divided_navbar {
    /*height: 97px !important;*/
}

.how_it_works_menu {
    margin-top: 97px !important;
}

.index_page_top_slider {
    background-image: none;
    margin-top: -10px;
    background-color: #fff;
}

    .index_page_top_slider .container {
        max-width: 1024px;
    }

.index_slider_left_arrow {
    opacity: 1 !important;
    left: -20px !important;
    padding: 12px;
    border-radius: 50%;
    background-color: white !important;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.09);
    width: 42px;
    height: 42px !important;
}

.left_arrow_svg {
    position: relative;
    display: block;
}

.index_slider_right_arrow {
    opacity: 1 !important;
    right: -20px !important;
    padding: 12px;
    border-radius: 50%;
    background-color: white !important;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.09);
    width: 42px;
    height: 42px !important;
}

.index_page_top_slider .carousel-inner .item .img-responsive {
    border-radius: 8px;
}

.index_page_top_slider .carousel-indicators {
    bottom: -45px;
}

    .index_page_top_slider .carousel-indicators li {
        background-color: black;
        height: 6px;
        width: 6px;
        opacity: .5;
    }

        .index_page_top_slider .carousel-indicators li.active {
            border-color: none;
            background-color: black;
            opacity: 1;
        }

.cover_image_thum {
    height: auto;
    max-width: 330px;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 3px;
    cursor: pointer;
    /* height: 70px; */
    text-align: center;
    border: none;
    padding: 0;
}

.cover_image_upload_thum {
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 3px;
    cursor: pointer;
    height: 70px;
    text-align: center;
    display: block;
    margin-top: 5px;
}

    .cover_image_upload_thum .text {
        background: rgba(0,0,0,.3);
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        line-height: 20px;
        transition: background .2s ease-in-out;
        margin-top: 25px;
        padding: 0 10px;
        font-weight: 300;
    }

.public_profile_url_btn {
    background-color: #f6f8fd !important;
    border: 2px solid rgba(41,43,50,.1);
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 200px;
    box-shadow: none !important;
    color: #00a99d !important;
}

    .public_profile_url_btn:hover {
        background-color: #fff !important;
        border: 2px solid rgba(41,43,50,.1) !important;
    }

.profile_dateofbirth_input {
    margin-right: -13px;
}

    .profile_dateofbirth_input input {
        /*padding-right: 317px;*/
    }

    .profile_dateofbirth_input .input-group-addon i {
        margin-left: -35px;
        font-size: 14px;
        vertical-align: super;
        color: #00a99d;
    }

.upload_svg_icon {
    stroke: rgb(0, 169, 157);
}

.cover_photo_upload_btn {
    top: 18%;
    right: 16px;
    border: 1px solid #bbc2dc;
    background: #fff;
    box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
    /*padding: 10px 7px !important;*/
    text-align: center;
}

    .cover_photo_upload_btn a {
        padding: 10px 7px !important;
        display: block;
    }

    .cover_photo_upload_btn:hover {
        background: #fff;
    }

.public_profile_avatar_uploader {
    position: relative;
    top: 35px;
    margin-left: 20px;
}

.public_profile_avatar_img {
    top: 20px;
    /* margin-left: 20px; */
    position: absolute;
    border-radius: 50%;
    display: inline-block;
}

    .public_profile_avatar_img img {
        border: 4px solid #fff;
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        width: 128px;
        height: 128px;
    }

.attachment_avatar_uploader {
    position: absolute;
    left: 48px;
    top: 58px;
    margin: 10px 0;
}

.attachment_avatar_uploader_btn {
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    float: left;
    cursor: pointer;
    box-sizing: border-box;
}

    .attachment_avatar_uploader_btn a {
        width: 100%;
        padding: 11px 0 !important;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        cursor: pointer;
        border: 1px solid #bbc2dc;
        background: #fff;
        box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
        text-align: center;
        border-radius: 100%;
        width: 40px;
        height: 40px;
    }

.account_footer {
    border-top: 1px solid #f6f8fd;
    position: relative;
    padding: 20px 30px;
}

.account_footer_content {
    margin-right: -30px;
    margin-left: -30px;
    margin-top: 30px;
}

.cancel_reason_tips {
    background-color: rgb(246, 248, 253);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 4px 0px;
    padding: 8px;
}

.account_cancel_reason label {
    margin-bottom: 20px;
    color: #292b32 !important;
}

    .account_cancel_reason label .circle {
        height: 20px;
        width: 20px;
    }

    .account_cancel_reason label .check {
        height: 20px;
        width: 20px;
    }

        .account_cancel_reason label .check:after {
            left: -16px;
            top: -16px;
        }

.cancel_reason_save {
    font-size: 16px;
    box-shadow: none !important;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(41, 43, 50, 0.1);
}

    .cancel_reason_save[disabled] {
        cursor: default;
        color: #545a77 !important;
        background-color: rgb(231, 235, 251) !important;
        border-color: rgba(41, 43, 50, 0.1) !important;
        opacity: 1 !important;
    }

.cancel_reason_close {
    font-size: 16px;
    background-color: rgb(246, 248, 253) !important;
    color: #00a99d !important;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(41, 43, 50, 0.1);
    box-shadow: none !important;
}

.user_bye_screen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80vh;
}

.bye_image {
    height: 200px;
    background-image: url(../img/bye.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
}

.bye_text {
    margin-top: 15px;
    font-size: 24px;
    text-align: center;
    font-weight: lighter;
    letter-spacing: 1.3px;
}

.become_tasker_section {
    background-color: #396bab;
    padding: 20px 0px;
}

    .become_tasker_section .container {
        max-width: 900px;
    }

    .become_tasker_section .home_worker_section_text {
        /*max-width: 350px;*/
        max-width: inherit;
    }

    .become_tasker_section .home_worker_section_image {
        width: 230px;
        height: 200px;
    }

.home_featured_section {
    padding-bottom: 100px !important;
    text-align: center;
    background-color: #fff;
    /*line-height: 80px;*/
}

    .home_featured_section .container, .home_looking_extra_money .container {
        max-width: 1024px;
    }

.feature_title {
    text-transform: uppercase;
    color: #929191 !important;
    font-size: 30px !important;
    text-align: center;
    margin-bottom: 20px !important;
}

    .feature_title img {
        width: 55px;
        vertical-align: text-top;
    }

.taskpaymentred {
    /*background: #EEEEEE;*/
    background-color: #ffebed;
}

.taskpaymentgreen {
    /*background: #D0E4F5;*/
    background-color: #eaf8e6;
}

.header_logo .ripple-container {
    display: none;
}

.home_featured_section .featured_tasks_slide {
    margin: 0 auto;
}

.social_btn_container {
    box-sizing: border-box;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: unset;
    -webkit-box-align: center;
    align-items: center;
    align-self: unset;
    flex: 0 1 auto;
    margin: 0px 0px 16px;
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
    border-color: rgb(41, 43, 50);
}

.social_btn_content {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: unset;
    -webkit-box-align: center;
    align-items: center;
    align-self: unset;
    flex: 0 1 auto;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
    border-color: rgb(41, 43, 50);
}

    .social_btn_content .facebook_btn {
        width: 100%;
        -webkit-box-flex: 1;
        flex-grow: 1;
        letter-spacing: 0.2px;
        line-height: 24px;
        border-width: 2px;
        border-style: solid;
        border-color: rgba(41, 43, 50, 0.1);
        border-image: initial;
        box-shadow: none !important;
        border-radius: 200px;
        padding: 8px 16px;
        height: 40px;
    }

        .social_btn_content .facebook_btn svg {
            vertical-align: middle;
            fill: white;
        }

        .social_btn_content .facebook_btn span {
            vertical-align: middle;
            font-size: 16px;
            margin-left: 4px;
        }

.facebook_auth_button_wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 20px;
}

.social_btn_content .google_btn {
    background: rgb(246, 248, 253);
    border-width: 2px;
    border-style: solid;
    border-color: rgba(41, 43, 50, 0.1);
    border-image: initial;
    box-shadow: none !important;
    width: 100%;
    border-radius: 200px;
    padding: 8px 16px;
    height: 40px;
}

    .social_btn_content .google_btn svg {
        vertical-align: middle;
        margin-right: 8px;
    }

    .social_btn_content .google_btn span {
        vertical-align: middle;
        font-size: 16px;
    }

.google_auth_button_wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: unset;
    -webkit-box-align: center;
    align-items: center;
    align-self: unset;
    flex: 0 1 auto;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
    border-color: rgb(41, 43, 50);
}

.social_btn_content .social_btn_gap {
    box-sizing: border-box;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: unset;
    -webkit-box-align: center;
    align-items: center;
    align-self: unset;
    flex: 0 1 auto;
    margin: 0px 8px 0px 0px;
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
    border-color: rgb(41, 43, 50);
}

.separator_login_or_wrapper {
    text-align: center;
    position: relative;
    font-size: 16px;
    color: rgb(84, 90, 119);
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 16px 0px;
}

    .separator_login_or_wrapper::before {
        left: 0px;
    }

    .separator_login_or_wrapper::after {
        right: 0px;
    }

    .separator_login_or_wrapper::before, .separator_login_or_wrapper::after {
        top: 50%;
        border-right-style: initial;
        border-bottom-style: initial;
        border-left-style: initial;
        border-right-color: initial;
        border-bottom-color: initial;
        border-left-color: initial;
        content: "";
        position: absolute;
        width: 30%;
        border-width: 1px 0px 0px;
        border-image: initial;
        border-top: 1px solid rgb(187, 194, 220);
    }

.login_modal_footer {
    font-size: 16px;
    color: rgb(41, 43, 50);
    line-height: 24px;
    letter-spacing: 0.15px;
    width: 100%;
    margin: 4px auto 0px;
    padding: 12px 0px 0px;
    border-top: 1px solid rgb(187, 194, 220);
}

    .login_modal_footer a {
        float: right;
        font-size: 16px;
        color: #1c597e;
        line-height: 24px;
        letter-spacing: 0.15px;
        background: none;
        margin: 0px;
        padding: 0px;
    }

.rg_birthday_content select {
    display: inline-block;
    width: 30%;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.agreement_hint {
    font-size: 13px;
}

.company_menu_list {
    height: 115px !important;
    right: auto;
}

.menu_category .link:hover .company_menu_list {
    display: block;
}

.company_menu_list:before {
    left: 16px;
    right: auto;
}

.company_menu_list:after {
    left: 14px;
    right: auto;
}

.company_menu_list .link {
    float: none;
    background-color: #fff;
}

    .company_menu_list .link.active {
        background-color: #eee;
    }

.press_top_banner {
    background-image: url(../img/search-bkgrnd.jpg);
    min-height: 500px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.press_feature_title {
    color: #929191 !important;
    margin-top: 50px !important;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 38px;
    text-align: center;
}

    .press_feature_title img {
        margin-top: -15px;
    }

.press_col {
    margin-bottom: 30px;
}

.press_body {
    background: #fff;
    padding: 20px;
    min-height: 290px;
}

.press_title {
    font-size: 20px;
    text-align: center;
}

    .press_title a {
        color: #000;
    }

        .press_title a:hover {
            text-decoration: underline;
        }

.press_body p {
    color: #333333;
    font-size: 14px;
    margin-top: 20px;
}

.employer_container {
    float: left;
    background-color: #f5f9fb;
    width: 48%;
    padding: 2% !important;
    margin-bottom: 10px !important;
    border-radius: 7px;
    color: #3f4141 !important;
    min-height: 130px !important;
    font-size: 14px !important;
    border: 1px solid #cecece;
}

.worker_container {
    float: right;
    background-color: #f5f9fb;
    width: 48%;
    padding: 2% !important;
    margin-bottom: 10px !important;
    border-radius: 7px;
    color: #3f4141 !important;
    min-height: 130px !important;
    font-size: 14px !important;
    border: 1px solid #cecece;
}

.employer_container, .worker_container {
    position: relative;
    cursor: pointer;
}

    .employer_container span, .worker_container span {
        display: block;
        position: absolute;
        left: 42%;
        top: auto;
        bottom: 10px;
        transition-duration: .2s;
    }

    .employer_container .check, .worker_container .check {
        border-radius: 100%;
        background-color: #03a9f4;
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
    }

    .employer_container input[type=radio]:checked ~ .check, .worker_container input[type=radio]:checked ~ .check {
        -webkit-transform: scale3d(.55,.55,1);
        transform: scale3d(.55,.55,1);
        background-color: #00a89c;
    }

    .employer_container input[type=radio], .worker_container input[type=radio] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px;
    }

    .employer_container.not-active, .worker_container.not-active {
        background-color: #fff;
    }

    .employer_container .circle, .employer_container .check, .worker_container .circle, .worker_container .check {
        /*margin-top: 8px;*/
        /*margin-left: 5px;*/
    }

    .employer_container .circle, .worker_container .circle {
        background: #fff;
        border: 1px solid #cad7dc;
        height: 25px;
        width: 25px;
        box-shadow: inset 0 1px 2px 0 hsla(0,0%,75%,.5);
        vertical-align: middle;
        border-color: #cad7dc !important;
        border-radius: 100%;
    }

    .employer_container .check, .worker_container .check {
        height: 25px;
        width: 25px;
    }

.radio input[type=radio]:checked ~ .employer_container .circle, .radio input[type=radio]:checked ~ .worker_container .circle {
    border: 1px solid #cad7dc;
}

.employer_container .check:after, .worker_container .check:after {
    display: none !important;
}

.employer_container .employer_hint, .worker_container .worker_hint {
    font-size: 12px;
    color: #2c2c2c;
    line-height: 16px !important;
    margin-top: 8px;
}

.resend_code_text, .resend_code_text a {
    color: #393939;
}

.phone_verification_hint {
    text-align: center;
    max-width: 260px;
    margin: 0 auto;
}

    .phone_verification_hint a {
        color: #272727;
        font-size: 13px;
    }

.steady_flow_steps_title {
    font-weight: 600;
    text-align: center;
}

.steady_flow_steps {
    padding: 0 0 0 24%;
    margin-top: 20px;
}

    .steady_flow_steps label {
        font-weight: 600 !important;
    }

.steady_complete_progress {
    flex: 1 1 auto;
    display: block;
    height: 1rem;
    border-radius: .5rem;
    overflow: hidden;
    margin: 2.5rem 0 2.5rem 0;
}

    .steady_complete_progress .progress-bar {
        background: #0e9a5a;
    }

.steady_popup_header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.steady_back_container {
    flex: 0 1 auto;
    display: block;
    margin: 0;
    padding: 2rem 2.5rem 2rem 0;
    color: #a8a5b2;
    cursor: not-allowed;
}

    .steady_back_container.active {
        color: #0e9a5a;
        cursor: pointer;
    }

    .steady_back_container svg {
        display: inline-block;
        fill: #a8a5b2;
    }

    .steady_back_container.active svg {
        fill: #0e9a5a;
    }

.steady_back_text {
    display: inline-block;
    float: right;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 700;
    vertical-align: middle;
    margin-left: .5rem;
}

.checkbox.steady_flow_steps label .check {
    border-radius: .5rem !important;
    border: .1rem solid #d8d8d8 !important;
    outline: none !important;
    width: 22px !important;
    height: 22px !important;
}

.checkbox.steady_flow_steps label .checkbox-material:before {
    top: -7px;
    height: 22px;
    width: 22px;
}

.checkbox.steady_flow_steps label .checkbox-material .check:before {
    margin-top: -3px;
    margin-left: 8px;
}

.radio.steady_flow_steps label .circle {
    border: 2px solid #c6c6c6;
    height: 22px;
    width: 22px;
    top: 0px;
}

.radio.steady_flow_steps label .check {
    height: 22px;
    width: 22px;
    top: 0px;
}

    .radio.steady_flow_steps label .check:after {
        left: -15px;
        top: -15px;
    }

.categories_sidebar_menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
    /*.categories_sidebar_menu li {
        padding: 10px 24px;
        font-size: 15px;
        line-height: 20px;
    }*/
    .categories_sidebar_menu li a {
        color: #222;
        display: block;
        padding: 10px 15px;
        font-size: 15px;
    }

    .categories_sidebar_menu .active {
        border-left: 4px solid #ff5c6c;
    }

        .categories_sidebar_menu .active a, .categories_sidebar_menu li a:hover {
            color: #ff5c6c;
            font-weight: 600;
        }

.categories_left_sidebar {
    border: 1px solid #f0f0f0;
    background-color: #fff;
    margin-bottom: 4rem;
}

.categories_containers {
    border: 1px solid #f0f0f0;
    background-color: #fff;
    margin-bottom: 2rem;
}

.categories_page_title {
    line-height: 32px;
    font-size: 26px;
    border-bottom: 1px solid #f0f0f0;
    color: #222;
    font-weight: 700;
    padding: 24px;
}

.categories_sub_contents {
    background-color: #fff;
    padding: 0 24px 16px;
}

    .categories_sub_contents .title {
        margin: 0 8px;
        font-weight: 700;
        line-height: normal;
        font-size: 15px;
        color: #222;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
    }

.categories_sub_lists {
    padding: 16px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .categories_sub_lists a {
        padding: 0 8px 16px;
        width: 33%;
        display: block;
    }

        .categories_sub_lists a span {
            line-height: 20px;
            font-size: 15px;
            color: #565d67;
        }

.category_wise_service_list {
    padding: 0;
    list-style-type: none;
}

    .category_wise_service_list li {
        position: relative;
        z-index: 1;
        list-style-type: none;
        border-bottom: 1px solid #ddd;
        -webkit-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in;
    }

        .category_wise_service_list li:first-child {
            border-top: 1px solid #ddd;
        }

        .category_wise_service_list li .checkbox, .category_wise_service_list li .radio {
            margin: 0;
        }

            .category_wise_service_list li .checkbox label, .category_wise_service_list li .radio label {
                position: relative;
                z-index: 2;
                display: block;
                width: 100%;
                padding: 10px 10px 10px 14px;
                line-height: 1.3;
                margin: 0;
                font-size: 14px;
            }

            .category_wise_service_list li .radio label {
                /*margin-top: 5px;
                margin-bottom: 5px;*/
            }

            .category_wise_service_list li .checkbox label .checkbox-material {
                float: right;
                top: 0px;
                margin-right: 0;
            }

                .category_wise_service_list li .checkbox label .checkbox-material:before {
                    background-color: transparent;
                }

                .category_wise_service_list li .checkbox label .checkbox-material .check {
                    border: 2px solid #c2c2c2;
                }

            .category_wise_service_list li .radio label .circle {
                right: 10px;
                left: auto;
                top: auto;
                height: 20px;
                width: 20px;
                /*border: 2px solid #c2c2c2;*/
                border-color: #c2c2c2 !important;
            }

            .category_wise_service_list li .radio label .check {
                right: 10px;
                left: auto;
                top: auto;
                height: 20px;
                width: 20px;
            }

            .category_wise_service_list li .radio .name {
                position: initial;
            }

            .category_wise_service_list li .radio .check:after {
                background-color: transparent;
            }

.category_wise_service_title {
    font-size: 20px;
    color: #676767;
    font-weight: 600;
    text-align: center;
    margin: 20px 10px 30px 10px;
}

.category_wise_service_tab {
    margin-left: -24px;
    margin-right: -24px;
}

.category_task_post_popup_header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.category_task_post_back_container {
    flex: 0 1 auto;
    display: block;
    margin: 0;
    padding: 0;
    color: #a8a5b2;
    cursor: not-allowed;
    height: 22px;
    padding-right: 10px;
}

    .category_task_post_back_container.active {
        color: #0e9a5a;
        cursor: pointer;
    }

    .category_task_post_back_container svg {
        display: inline-block;
        fill: #a8a5b2;
    }

    .category_task_post_back_container.active svg {
        fill: #0e9a5a;
    }

.category_task_post_progress {
    flex: 1 1 auto;
    display: block;
    height: 3px;
    border-radius: .5rem;
    overflow: hidden;
    margin: 10px 0px;
}

    .category_task_post_progress .progress-bar {
        background: #0e9a5a;
    }

.category_task_post_cancel {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 15px !important;
}

    .category_task_post_cancel i {
        font-weight: normal;
        color: #616060;
        font-size: 25px;
    }

.google_login_btn {
    width: 100%;
}

    .google_login_btn .abcRioButtonLightBlue {
        background: rgb(246, 248, 253);
        border-width: 2px;
        border-style: solid;
        border-color: rgba(41, 43, 50, 0.1);
        border-image: initial;
        box-shadow: none !important;
        width: 100% !important;
        border-radius: 200px;
        padding: 9px 16px;
        height: 40px !important;
    }

        .google_login_btn .abcRioButtonLightBlue span {
            vertical-align: middle;
            font-size: 16px;
        }

    .google_login_btn .abcRioButtonIcon {
        display: inline-flex;
        float: inherit;
        padding: 0px !important;
    }

    .google_login_btn .abcRioButtonContents {
        line-height: inherit !important;
        font-weight: normal;
    }

        .google_login_btn .abcRioButtonContents span {
            vertical-align: top;
            line-height: 15px;
        }

.location_box {
    width: 100%;
}

    .location_box input {
        width: 100%;
        padding-left: 32px;
    }

    .location_box .input-group-addon {
        position: absolute;
        left: 10px;
        top: 4px;
        z-index: 2;
        /*color: #0e9a5a;*/
        color: #3977ad;
    }

        .location_box .input-group-addon i {
            font-size: 22px;
        }

.become_shohokari_switch {
    top: 150px;
    font-weight: 700;
    position: fixed;
    width: 75px;
    min-height: 30px;
    right: 0;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 6px 9px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    text-align: center;
    background-color: #00A693;
    color: #FFF;
    padding: 0;
    display: block;
    z-index: 1;
}

    .become_shohokari_switch a {
        color: #fff;
        font-size: 13px;
        line-height: 10px;
    }

.custom_login_input_group {
    width: 100%;
}

    .custom_login_input_group input {
        padding-right: 25px;
    }

    .custom_login_input_group .input-group-addon {
        position: absolute;
        right: 10px;
        top: 6px;
        /*z-index: 2;*/
    }

        .custom_login_input_group .input-group-addon i {
            color: #909090;
            font-size: 16px;
        }

.service-packages-body {
    flex-direction: row;
    max-height: 200px;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 6px;
    margin: 0px auto 16px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(240, 240, 240);
    border-image: initial;
    min-width: 90%;
    display: flex;
    width: 100%;
}

    .service-packages-body img {
        width: 400px;
        height: 200px;
        border-radius: 8px 0px 0px 8px;
        object-position: center top;
        object-fit: cover;
    }

.service-packages-body-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-height: 200px;
    padding: 24px;
    width: 100%;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.service-packages-desc-content {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.service-packages-desc-content {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

    .service-packages-desc-content .title {
        font-size: 18px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: rgb(34, 34, 34);
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        white-space: nowrap;
        line-height: 24px;
        margin-bottom: 4px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .service-packages-desc-content .title .text {
            white-space: normal;
            width: 100%;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            font-weight: bold;
        }

    .service-packages-desc-content .desc {
        -webkit-line-clamp: 3;
        width: 100%;
        /*height: 75px;*/
        font-size: 15px;
        color: rgb(86, 93, 103);
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: normal;
    }

    .service-packages-desc-content .sold span {
        font-size: 12px;
        line-height: 24px;
        color: rgb(34, 34, 34);
        font-weight: normal;
    }

.service-packages-desc-content-bottom {
    width: 100%;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

    .service-packages-desc-content-bottom .offers {
        font-size: 18px;
        display: flex;
        flex-direction: row;
        /*flex-flow: column-reverse;*/
    }

        .service-packages-desc-content-bottom .offers .pos {
            padding-right: 5px;
            font-size: 18px;
            line-height: 24px;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            color: rgb(255, 92, 108);
            font-weight: bold;
        }

        .service-packages-desc-content-bottom .offers .pre {
            font-weight: normal;
            font-size: 12px;
            line-height: 24px;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            text-decoration-line: line-through;
            color: rgb(141, 146, 153);
        }

    .service-packages-desc-content-bottom button {
        box-shadow: none !important;
        margin: 0;
        padding: 8px 16px;
        border-radius: 4px;
        font-weight: bold;
    }

.popular-service-packages .container {
    max-width: 1000px;
    margin: 0px auto;
}

.popular-service-packages .sec-title {
    color: rgb(51, 51, 51);
}

.get-mortgage-section {
    padding-bottom: 0;
    background-image: linear-gradient(to right,transparent,white,white),url(../img/resolve-robbed-retina-bk.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%,100% 100%;
    background-position-x: center,center;
    background-position-y: top,bottom;
    padding-top: 0px;
}

    .get-mortgage-section .container {
        padding-right: 0;
        padding-left: 0;
        padding-top: 180px;
        padding-bottom: 0;
        background-image: url(../img/resolve-keys.png),url(../img/resolve-robbed-retina-person-fa.png);
        background-size: 200px auto,auto 510px;
        background-position-x: 280px,left;
        background-position-y: calc(100% - 510px + 10px),bottom;
        min-height: 738px;
        background-repeat: no-repeat;
        max-width: 1144px;
        margin: 0 auto;
        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;
    }

        .get-mortgage-section .container .content {
            max-width: calc(100% - 510px);
            width: 100%;
        }

            .get-mortgage-section .container .content h2 {
                font-size: 76px;
                font-style: normal;
                font-weight: 700;
                color: #252551;
                margin: 0;
            }

            .get-mortgage-section .container .content ul {
                margin-right: 0;
                padding-top: 20px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                padding-left: 0px;
                list-style: none;
            }

                .get-mortgage-section .container .content ul .items {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-align-items: flex-start;
                    -webkit-box-align: flex-start;
                    -ms-flex-align: flex-start;
                    align-items: flex-start;
                    padding-top: 20px;
                    width: 33.3%;
                }

            .get-mortgage-section .container .content .items div {
                font-size: 18px;
                width: 48px;
                height: 48px;
                line-height: 48px;
                min-width: 48px;
                min-height: 48px;
                max-height: 48px;
                max-width: 48px;
                border-radius: 50%;
                text-align: center;
                background: #36D9AD;
                font-style: normal;
                font-weight: 500;
                color: #252551;
            }

            .get-mortgage-section .container .content .items li {
                font-size: 20px;
                line-height: 28px;
                padding-left: 0;
                padding-top: 20px;
                padding-right: 24px;
                font-weight: 400;
                max-width: 100%;
                color: #252551;
            }

.index_header {
    /*margin-top: -110px;*/
}

.index_nav {
    padding-top: 10px;
    background-color: transparent !important;
    box-shadow: none !important;
    position: inherit !important;
}

.header_signup_btn {
    color: #1976D2 !important;
    font-weight: 600;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

    .header_signup_btn:hover {
        background-color: transparent !important;
    }

    .header_signup_btn .ripple-container {
        display: none;
    }

.index_nav .header_signup_btn {
    color: #fff !important;
    font-weight: 400;
}

.header_login_btn {
    color: #fff;
    margin: 0;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 24px;
}

.index_nav.ms-navbar {
    height: 57px;
}

.crush-your-mortgage-section {
    background-color: #235CC5;
    color: #ffffff;
}

    .crush-your-mortgage-section .container {
        height: 160px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -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-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .crush-your-mortgage-section h2 {
        font-size: 38px;
        line-height: 34px;
        font-style: normal;
        font-weight: 600;
        margin: 0;
    }

    .crush-your-mortgage-section .container a {
        width: 250px;
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        margin-left: 20px;
        box-sizing: border-box;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12999999523162842) !important;
        -webkit-transition: -webkit-transform 0.2s,filter 0.2s,box-shadow 0.2s;
        -webkit-transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
        transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
        white-space: normal;
        word-wrap: break-word;
        border: solid #235CC5 1px;
        font-style: normal;
        color: #235CC5 !important;
    }

.buy-to-let-section {
    background: #252551;
    position: relative;
    padding: 60px 20px;
}

    .buy-to-let-section h3 {
        color: #deed88;
        font-size: 38px;
        line-height: 44px;
        margin-bottom: 42px;
        font-weight: 700;
        margin: 0 0 42px;
    }

    .buy-to-let-section .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-right: 16px;
    }

        .buy-to-let-section .content .step {
            width: 25%;
            margin-bottom: 0;
            padding-right: 32px;
        }

            .buy-to-let-section .content .step h5, .buy-to-let-section .content .step p {
                color: #fff;
                font-size: 18px;
                line-height: 25px !important;
                margin: 0 0 8px;
            }

    .buy-to-let-section .btn-section {
        margin-top: 32px;
    }

        .buy-to-let-section .btn-section a {
            min-width: 240px;
            font-size: 20px;
            font-weight: 500;
            border: solid white 1px;
            color: #292E60 !important;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12999999523162842) !important;
        }

.home-about-section {
    background: #fff;
    padding: 40px 20px;
}

    .home-about-section h1 {
        font-size: 32px;
        line-height: 40px;
        color: #252551;
        font-weight: 600;
        max-width: 870px;
    }

    .home-about-section ul {
        margin-bottom: 40px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-left: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
    }

        .home-about-section ul li {
            background: #fff;
            padding: 24px;
            margin-right: 24px;
            border: 1px solid #dbe0eb;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: 0 4px 0 rgba(214,219,232,.4);
            box-shadow: 0 4px 0 rgba(214,219,232,.4);
            border-radius: 8px;
            background-repeat: no-repeat;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwTDkuMTcyIDIuODI5IDE2LjM0NCAxMEgwdjRoMTYuMzQ0bC03LjE3MiA3LjE3M0wxMiAyNGwxMi4wMDEtMTEuOTk5TDEyIDB6IiBmaWxsPSIjMzk1QUI3Ii8+PG1hc2sgaWQ9ImEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwTDkuMTcyIDIuODI5IDE2LjM0NCAxMEgwdjRoMTYuMzQ0bC03LjE3MiA3LjE3M0wxMiAyNGwxMi4wMDEtMTEuOTk5TDEyIDB6IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiMzOTVBQjciIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L2c+PC9zdmc+);
            background-position-y: bottom;
            background-position-x: right;
            background-origin: content-box;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: 100%;
        }

            .home-about-section ul li a {
                display: block;
                width: 100%;
                height: 100%;
            }

            .home-about-section ul li h4 {
                font-size: 24px;
                line-height: 32px;
                -webkit-margin-before: 0;
                margin-block-start: 0;
                -webkit-margin-after: 15px;
                margin-block-end: 15px;
                font-weight: 700;
                color: #252551;
                padding-top: 0;
                position: relative;
            }

            .home-about-section ul li p {
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 24px !important;
                margin: 16px 0;
                margin-bottom: 32px;
                color: #252551;
            }

.lenders-mortgages-section .title {
    font-size: 22px;
    margin-bottom: 50px;
    color: #252551;
}

.lenders-mortgages-section .lenders {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
}

    .lenders-mortgages-section .lenders li {
        margin-top: 0;
        max-width: none;
        margin-right: 35px;
    }

        .lenders-mortgages-section .lenders li img {
            max-height: 40px;
        }

.lenders-mortgages-section .mortgages {
    margin: 85px 0 18px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
}

    .lenders-mortgages-section .mortgages li {
        margin-bottom: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 42px;
        width: 100%;
    }

    .lenders-mortgages-section .mortgages i img {
        padding-bottom: 20px;
    }

    .lenders-mortgages-section .mortgages h3 {
        position: relative;
        padding-top: 24px;
        font-size: 26px;
        margin: 0;
        font-weight: 600;
        color: #252551;
    }

        .lenders-mortgages-section .mortgages h3:before {
            content: "";
            position: absolute;
            top: 0;
            border-top: 4px solid #f97248;
            width: 64px;
        }

    .lenders-mortgages-section .mortgages p {
        margin: 16px 0;
        font-size: 16px;
        line-height: 24px !important;
        color: #252551;
    }

        .lenders-mortgages-section .mortgages p a {
            color: #1976D2;
            font-weight: 500;
        }

.home-diagonal-bk {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMTQ0MCAxMTM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tMTI1IDMwNC43MTNMMTU2Ni0yNHY4MjQuMzY1TC0xMjUgMTE2NHoiIGZpbGw9IiMzOTVBQjciIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==),linear-gradient(180deg,#fff 50%,#fafafa 0);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 80%,cover;
    margin-bottom: 100px;
}

.how-it-works-video-section, .home-comparison-section {
    padding-left: 20px;
    padding-right: 20px;
}

.how-it-works-video-section {
    padding-top: 132px;
}

    .how-it-works-video-section h2 {
        color: #292E60;
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 16px;
        margin: 0;
        text-align: center;
    }

    .how-it-works-video-section .home_video_section {
        max-width: 700px;
    }

    .how-it-works-video-section .btn-section {
        text-align: center;
        margin-top: 50px;
    }

        .how-it-works-video-section .btn-section a {
            font-size: 20px;
            color: #292E60;
            padding: 12px 40px;
            margin-right: 10px;
        }

.home-comparison-section {
    margin-top: 140px;
}

    .home-comparison-section .header .break {
        width: 80px;
        height: 8px;
        background-color: #f97248;
        border-radius: 4px;
        border: none;
        margin: 0;
        text-align: left;
    }

    .home-comparison-section .header h1 {
        margin-bottom: 40px;
        color: #fff;
        margin-top: 60px;
        font-size: 60px;
        line-height: 72px;
        text-rendering: optimizeLegibility;
        font-weight: 600;
    }

    .home-comparison-section .comparison-table {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        white-space: nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

        .home-comparison-section .comparison-table .comparison-tb-magick {
            z-index: 0;
            margin-left: 0;
            margin-right: 0;
            border-radius: 8px;
            padding: 84px 72px;
            background-color: #252551;
            color: #fff;
            -webkit-box-shadow: -2px 4px 15px 0 rgba(0,0,0,.3);
            box-shadow: -2px 4px 15px 0 rgba(0,0,0,.3);
        }

        .home-comparison-section .comparison-table h3 {
            line-height: 26px;
            font-size: 32px;
            margin: 0;
        }

        .home-comparison-section .comparison-table .comparison-tb-magick ul {
            margin: 0;
            font-weight: 700;
            list-style: none;
            padding-left: 0;
        }

            .home-comparison-section .comparison-table .comparison-tb-magick ul li {
                margin-top: 24px;
                font-size: 16px;
            }

                .home-comparison-section .comparison-table .comparison-tb-magick ul li:before {
                    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgNy41NzJMNi4zMTIgMTMgMTkgMCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiNGRkYiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
                    height: 20px;
                    width: 20px;
                    background-repeat: no-repeat;
                    background-position: bottom;
                    content: "";
                    display: inline-block;
                    margin-right: 12px;
                }

        .home-comparison-section .comparison-table .comparison-tb-traditional {
            -webkit-box-shadow: -2px 4px 15px 0 rgba(0,0,0,.3);
            box-shadow: -2px 4px 15px 0 rgba(0,0,0,.3);
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            margin: 12px 0;
            padding: 72px;
            border: 1px solid #e0e0e0;
            background-color: #fff;
            color: #252551;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }

            .home-comparison-section .comparison-table .comparison-tb-traditional ul {
                margin: 0;
                list-style: none;
                padding-left: 0;
            }

                .home-comparison-section .comparison-table .comparison-tb-traditional ul li {
                    margin-top: 24px;
                    font-size: 16px;
                }

                    .home-comparison-section .comparison-table .comparison-tb-traditional ul li:before {
                        background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMyNTI1NTEiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEgMWwxMS4zMTQgMTEuMzE0TTEyLjMxNCAxTDEgMTIuMzE0Ii8+PC9nPjwvc3ZnPg==);
                        background-size: 75%;
                        height: 20px;
                        width: 20px;
                        background-repeat: no-repeat;
                        background-position: bottom;
                        content: "";
                        display: inline-block;
                        margin-right: 12px;
                    }

.home-trust-section {
    margin-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

    .home-trust-section .container {
        display: grid;
        grid-template-columns: 60% 40%;
        margin-bottom: 30px;
    }

        .home-trust-section .container .heading {
            grid-column: 1;
            grid-row: 1;
        }

            .home-trust-section .container .heading .break {
                width: 80px;
                height: 8px;
                background-color: #f97248;
                border-radius: 4px;
                border: none;
                margin: 0;
                text-align: left;
            }

            .home-trust-section .container .heading h2 {
                margin-top: 60px;
                margin-bottom: 40px;
                font-size: 60px;
                line-height: 72px;
                color: #252551;
                text-rendering: optimizeLegibility;
                font-weight: 600;
            }

        .home-trust-section .container .desc {
            grid-column: 1;
            grid-row: 2;
        }

            .home-trust-section .container .desc p {
                margin: 16px 0;
                font-size: 16px;
                line-height: 24px !important;
                color: #252551;
            }

        .home-trust-section .container .pic {
            grid-column: 2;
            grid-row: 1/3;
            -webkit-transform: translate(60px,50px) scale(1.1);
            transform: translate(60px,50px) scale(1.1);
            display: initial;
        }

            .home-trust-section .container .pic img {
                max-width: 450px;
            }

.lenders-page-section {
    padding-bottom: 100px;
}

    .lenders-page-section .title {
        margin-top: 60px;
        margin-bottom: 40px;
        font-size: 50px;
        line-height: 72px;
        text-rendering: optimizeLegibility;
        font-weight: 600;
        color: #252551;
    }

    .lenders-page-section .text {
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 32px;
        max-width: 100%;
        margin: 16px 0;
    }

        .lenders-page-section .text h2 {
            font-size: 40px;
            line-height: 48px;
            padding: 16px 0;
            font-style: normal;
            font-weight: 400;
            margin: 0;
            color: #252551;
        }

        .lenders-page-section .text ol {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-columns: 2;
            -moz-columns: 2;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            margin: 0;
            padding: 5px 20px;
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 32px;
            max-width: 100%;
            color: #252551;
        }

            .lenders-page-section .text ol li {
                padding: 2px 0;
                margin: 8px 0px;
                margin-left: 20px;
                max-width: 100%;
                list-style-type: circle;
            }

        .lenders-page-section .text p {
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 32px !important;
            max-width: 100%;
            margin: 16px 0;
            color: #252551;
        }

.mortgages-intro-section {
    margin-bottom: 22px;
    padding-top: 100px;
}

    .mortgages-intro-section h1 {
        font-size: 40px;
        line-height: 1.5;
        padding: 14px 0 0;
        letter-spacing: -1px;
        margin: 0 0 32px;
        color: #252551;
        font-weight: 600;
    }

        .mortgages-intro-section h1:before {
            content: '';
            position: absolute;
            top: 0;
            left: 15px;
            width: 60px;
            height: 6px;
            background: #f97248;
            border-radius: 2px;
        }

    .mortgages-intro-section p {
        font-size: 16px;
        margin: 0 0 41px;
        color: #252551;
    }

    .mortgages-intro-section .image-holder {
        margin: -45px 2.2% 0 0;
        position: relative;
    }

        .mortgages-intro-section .image-holder img {
            margin: 30px 20px 0 30px;
            -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
            position: relative;
            right: 42px;
            max-width: 100%;
            height: auto;
            vertical-align: top;
        }

.mortgages-guides-section {
    margin-bottom: 48px;
}

    .mortgages-guides-section .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 24px;
    }

    .mortgages-guides-section .guide-block {
        position: relative;
        display: block;
        padding: 2em 1.5em;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 3%;
        background: #f0f0f0;
        border-radius: 5px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .mortgages-guides-section .guide-block:hover {
            -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
            -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.16);
            box-shadow: 0px 2px 10px rgba(0,0,0,0.16);
        }

        .mortgages-guides-section .guide-block h3 {
            color: #1976D2;
            margin-bottom: 16px;
            font-size: 18px;
            font-weight: 600;
        }

        .mortgages-guides-section .guide-block p {
            font-size: 16px;
            margin-bottom: 16px;
            margin: 0 0 41px;
            color: #252551;
        }

        .mortgages-guides-section .guide-block .guide-cover {
            display: block;
            text-indent: -999em;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .mortgages-guides-section .guide-block .guide-cover:after {
                content: '';
                position: absolute;
                bottom: 24px;
                right: 24px;
                width: 12px;
                height: 10px;
                background: url(../img/svg/right-arrow.svg);
            }

        .mortgages-guides-section .guide-block:nth-child(3n) {
            margin-right: 0;
        }

.mortgages-current-section {
    margin-bottom: 143px;
}

    .mortgages-current-section .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .mortgages-current-section article {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 48px 34px;
        width: 49%;
        background-color: #fff;
        border: 1px solid #EBEBEC;
        border-radius: 5px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 2%;
    }

        .mortgages-current-section article.affordability {
            padding-bottom: 12px;
        }

        .mortgages-current-section article .text-holder {
            width: 283px;
            font-size: 16px;
            line-height: 24px;
        }

    .mortgages-current-section h3 {
        font-size: 20px;
        margin-top: 0;
        color: #252551;
        font-weight: 600;
    }

    .mortgages-current-section article .text-holder p {
        width: 250px;
        margin: 0 0 41px;
        color: #252551;
    }

    .mortgages-current-section article .text-holder .calculators a {
        width: 100%;
        max-width: 250px;
    }

    .mortgages-current-section article .image-holder {
        display: auto;
        position: relative;
        height: 100%;
        width: 198px;
        vertical-align: bottom;
    }

        .mortgages-current-section article .image-holder img {
            max-width: 100%;
            height: auto;
            vertical-align: top;
        }

    .mortgages-current-section article.affordability .image-holder img {
        position: absolute;
        bottom: -12px;
        vertical-align: bottom;
    }

    .mortgages-current-section article.rates .image-holder img {
        position: absolute;
        bottom: 0px;
        vertical-align: bottom;
    }

.mortgages-articles-section {
    margin-bottom: 72px;
}

    .mortgages-articles-section h2 {
        font-size: 32px;
        margin-bottom: 28px;
        line-height: 1.333;
        padding: 21px 0 0;
        position: relative;
        letter-spacing: -0.3px;
        margin: 0 0 20px;
        font-weight: 600;
        color: #252551;
    }

        .mortgages-articles-section h2:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 6px;
            background: #f97248;
            border-radius: 2px;
        }

    .mortgages-articles-section .articles-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .mortgages-articles-section article {
        margin-bottom: 32px;
        width: 32%;
        margin-right: 2%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .mortgages-articles-section article:nth-child(3n) {
            margin-right: 0;
        }

    .mortgages-articles-section h3 {
        color: #252551;
        margin: 48px 0 24px;
        font-size: 18px;
        font-weight: 600;
    }

    .mortgages-articles-section ul {
        margin: 0;
        padding: 0;
    }

    .mortgages-articles-section li {
        margin-bottom: 16px;
        list-style-type: none;
    }

    .mortgages-articles-section a {
        color: #252551;
        font-size: 16px;
        line-height: 24px;
    }

        .mortgages-articles-section a:hover {
            text-decoration: underline;
        }

.mortgages-resources-section {
    margin-bottom: 40px;
}

    .mortgages-resources-section .holder {
        background: #3b5bb6;
    }

    .mortgages-resources-section article {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        width: 100%;
        color: #fff;
        padding: 52px 96px;
    }

        .mortgages-resources-section article .flex-col {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-right: 16%;
        }

        .mortgages-resources-section article h2 {
            font-size: 24px;
            line-height: 36px;
            padding-top: 0;
            letter-spacing: -0.3px;
            margin: 0 0 20px;
            font-weight: 600;
        }

        .mortgages-resources-section article p {
            font-size: 18px;
            padding-right: 0;
            margin-bottom: 0;
            line-height: 27px !important;
            font-weight: 400;
        }

        .mortgages-resources-section article .ad-wide {
            font-size: 18px;
            padding-right: 0;
            margin-bottom: 0;
            line-height: 27px !important;
            font-weight: 400;
        }

        .mortgages-resources-section article a {
            padding: 15px 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 18px;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-width: 213px;
        }

.mortgages-cal-intro-section .title {
    font-size: 40px;
    line-height: 1.5;
    padding: 14px 0 0;
    letter-spacing: -1px;
    margin: 0 0 32px;
    color: #252551;
    font-weight: 600;
}

.mortgages-cal-intro-section p {
    font-size: 20px;
    line-height: 32px !important;
    font-style: normal;
    font-weight: normal;
}

.refine-results-section .container-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.refine-results-section .details-content {
    width: 380px;
    background: #ffffff;
    border: 1px solid #dbe0eb;
    box-sizing: border-box;
    box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 24px;
    margin-bottom: 32px !important;
}

    .refine-results-section .details-content .details-body {
        margin-bottom: -24px;
        max-width: 100%;
        box-sizing: content-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: 'row';
        -ms-flex-direction: 'row';
        flex-direction: 'row';
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .refine-results-section .details-content .item {
        width: calc((( (100% + 24px) / (1) ) * 1) - 24px);
        max-width: calc((( (100% + 24px) / (1) ) * 1) - 24px);
        margin-bottom: 24px;
        box-sizing: border-box;
    }

        .refine-results-section .details-content .item h3 {
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            padding: 8px 0;
            margin: 0;
            color: #252551;
        }

    .refine-results-section .details-content .item-content {
        position: relative;
        margin-top: 24px;
    }

        .refine-results-section .details-content .item-content .title {
            margin: 0;
            padding: 0 16px 12px 0;
            font-size: 16px;
            line-height: 24px;
            font-style: normal;
            font-weight: normal;
            color: #292E60;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

.cutom-hover-popover {
    position: absolute;
    top: 0px;
    right: 0;
    display: inline-block;
    cursor: pointer;
}

    .cutom-hover-popover:hover .popover-text-content {
        visibility: visible;
        cursor: pointer;
    }

    .cutom-hover-popover:before {
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTEuNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0RCRTBFQiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjg0NjggNi4zNDEyMUMxMi4wNjk3IDYuMTEzNzQgMTIuMzY2IDYgMTIuNzM3NiA2QzEzLjEzNCA2IDEzLjQzMDMgNi4xMTM3NCAxMy42NTMyIDYuMzQxMjFDMTMuODc2MSA2LjU2ODY4IDE0IDYuODgwMzYgMTQgNy4yNzg0M0MxMy45NzQzIDcuNjQ2OTggMTMuODc2MSA3LjkzMTMyIDEzLjY1MzIgOC4xNTg3OUMxMy40MzAzIDguMzg2MjYgMTMuMTA5MiA4LjUgMTIuNzM3NiA4LjVDMTIuMzkwOCA4LjUgMTIuMDk0NSA4LjM4NjI2IDExLjg0NjggOC4xNTg3OUMxMS42MjM5IDcuOTMxMzIgMTEuNSA3LjY0Njk4IDExLjUgNy4yNzg0M0MxMS41IDYuODgwMzYgMTEuNjIzOSA2LjU2ODY4IDExLjg0NjggNi4zNDEyMVpNMTIuNTY2MSA5LjU0NjA0QzEyLjgwOCA5LjUyMjA3IDEzLjAzMDcgOS41IDEzLjIzMTQgOS41TDEzLjUgOS42ODQ5NkwxMi4xMjk4IDE2LjY3OTlIMTMuMjA2OVYxNy4yNjAyQzEzLjEyNDcgMTcuMzMxOCAxMy4wMjAzIDE3LjM5MDYgMTIuOTA4NyAxNy40NTM1QzEyLjg1NDEgMTcuNDg0MyAxMi43OTc3IDE3LjUxNjEgMTIuNzQxNCAxNy41NTA4QzEyLjU3MDggMTcuNjMwMSAxMi4zNzQ4IDE3LjcwOTMgMTIuMTc4OCAxNy43ODg2QzExLjk4MjggMTcuODY3OSAxMS43ODY4IDE3LjkyMDcgMTEuNTkxNyAxNy45NDcyQzExLjU3NjUgMTcuOTQ5MSAxMS41NjE0IDE3Ljk1MTEgMTEuNTQ2MiAxNy45NTMxQzExLjM2NTUgMTcuOTc2NiAxMS4xODY0IDE4IDExLjAyODEgMThDMTAuNjM3IDE4IDEwLjM5MiAxNy45MjA3IDEwLjI0NSAxNy43NjIyQzEwLjA3MzUgMTcuNjAzNyAxMCAxNy40MTg3IDEwIDE3LjIzNDhDMTAgMTcuMDIzNCAxMC4wMjQ1IDE2LjgxMiAxMC4wNDkgMTYuNjAwNkMxMC4wNjYxIDE2LjQ1MzQgMTAuMDk1MyAxNi4zMDU3IDEwLjEyOCAxNi4xMzk3QzEwLjE0MjEgMTYuMDY4NSAxMC4xNTY4IDE1Ljk5NCAxMC4xNzE1IDE1LjkxNDZMMTEuMTk5NiAxMC44NzNMMTAuMjQ1IDEwLjYzNTJWMTAuMDgxM0MxMC4yNzkyIDEwLjA2OSAxMC4zMTYgMTAuMDU1MyAxMC4zNTU3IDEwLjA0MDVDMTAuNDg3IDkuOTkxNjMgMTAuNjUwNCA5LjkzMDc4IDEwLjg1NjYgOS44Njk5MkMxMS4xMDE2IDkuNzkwNjUgMTEuMzcxMiA5LjczNzggMTEuNjY0MiA5LjY4NDk2QzExLjcwNjcgOS42NzczMyAxMS43NDg2IDkuNjY5NyAxMS43OTAxIDkuNjYyMTVDMTIuMDM2MSA5LjYxNzQxIDEyLjI2NjcgOS41NzU0NSAxMi40OTczIDkuNTUyODVDMTIuNTIwNCA5LjU1MDU3IDEyLjU0MzQgOS41NDgzIDEyLjU2NjEgOS41NDYwNFoiIGZpbGw9IiM2ODc3OTIiLz4KPC9zdmc+Cg==);
        cursor: pointer;
    }

    .cutom-hover-popover .popover-text-content {
        visibility: hidden;
        background-color: #ffffff;
        color: #292E60;
        font-style: normal;
        font-weight: normal;
        border: 1px solid #949AB6;
        font-size: 14px;
        line-height: 16px;
        /*bottom: calc(100% + 8px);*/
        width: calc(100vw - 32px);
        right: -8px;
        max-width: 300px;
        border-radius: 4px;
        position: absolute;
        z-index: 1;
        text-align: left;
        padding: 12px;
        box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    }

        .cutom-hover-popover .popover-text-content p {
            margin: 0;
            padding: 0 0 8px 0;
            font-size: 14px;
            line-height: 20px;
            color: #292E60;
        }

.case-type-custom-hover-popover .case-category {
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
}

.case-type-custom-contents .case-type-custom-hover-popover.active {
    font-weight: 600 !important;
}

.case-type-custom-contents .case-type-custom-hover-popover {
    padding-right: 20px !important;
}

.webpanel .case-type-custom-contents .case-type-custom-hover-popover {
    will-change: unset;
}

.case-type-custom-hover-popover:hover .popover-text-content {
    visibility: visible;
    cursor: pointer;
    display: block;
}

.case-type-custom-hover-popover:before {
    content: url(../img/svg/selectbox-arrow.svg);
    cursor: pointer;
    position: absolute;
    right: 7px;
}

.case-type-custom-hover-popover .popover-text-content {
    visibility: hidden;
    background-color: #ffffff;
    color: #292E60;
    font-style: normal;
    font-weight: normal;
    border: 1px solid #949AB6;
    font-size: 14px;
    line-height: 16px;
    /*bottom: calc(100% + 8px);*/
    width: calc(100vw - 32px);
    /*right: -8px;*/
    left: -1px;
    max-width: 270px;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    text-align: left;
    padding: 0;
    box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    margin: 0;
}

.webpanel .case-type-custom-hover-popover .popover-text-content {
    max-width: 219px;
}

    .webpanel .case-type-custom-hover-popover .popover-text-content.dropdown-menu {
        transform: none;
        top: 50px;
    }

.case-type-custom-hover-popover .popover-text-content p {
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 14px;
    line-height: 20px;
    color: #292E60;
}

.case-type-custom-hover-popover .popover-text-content .dropdown-item {
    padding: 7px 12px;
    border-bottom: 1px solid #bfbfbf;
    background-color: #ffffff;
    color: #181818;
    font-size: 12px;
}

.webpanel .case-type-custom-hover-popover .popover-text-content .dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
}

.case-type-custom-hover-popover .popover-text-content .dropdown-item:hover, .case-type-custom-hover-popover .popover-text-content .dropdown-item.active {
    background-color: #d3d3d3a6;
}

.case-type-custom-hover-popover .popover-text-content .dropdown-item:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.case-type-custom-hover-popover .popover-text-content .dropdown-item:last-of-type {
    border-bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.refine-results-section .details-content .item-content .switch-btn {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

    .refine-results-section .details-content .item-content .switch-btn label {
        margin-top: 0;
        margin-bottom: 8px;
        width: calc( (100% - 8px) / 2);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 48px;
        margin-bottom: 8px;
        -webkit-transition: border-color 0.2s linear;
        transition: border-color 0.2s linear;
        background-color: #292E60;
        border-radius: 4px;
        border: 1px solid #E8E7FA;
        width: 100%;
        box-sizing: border-box;
        cursor: pointer;
    }

.refine-results-section .details-content .item-content .input-content {
    height: 48px;
    min-width: 100%;
    border-radius: 4px;
    border: 1px solid #949AB6;
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-left: auto;
    background-color: #ffffff;
    box-sizing: border-box;
}

    .refine-results-section .details-content .item-content .input-content:focus-within {
        border: 2px solid #FFCC33;
    }

    .refine-results-section .details-content .item-content .input-content .currency {
        font-style: normal;
        font-weight: normal;
        width: 48px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #6D7498;
        background: #F8F7FF;
        border-right: 1px solid #E8E7FA;
        font-size: 16px;
        line-height: 21px;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-height: 10000000px;
        box-sizing: border-box;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .refine-results-section .details-content .item-content .input-content input {
        font-style: normal;
        font-weight: normal;
        color: #292E60;
        padding: 0 16px;
        border: none;
        text-align: left;
        width: calc(100% - 48px);
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 4px;
    }

    .refine-results-section .details-content .item-content .input-content.yrs input {
        width: calc(100% - 70px);
    }

    .refine-results-section .details-content .item-content .input-content.yrs .currency {
        border-right: 0;
        border-left: 1px solid #E8E7FA;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 70px;
        padding-left: 16px;
        padding-right: 16px;
    }

.refine-results-section .details-content .item.last .item-content {
    padding-top: 48px;
    margin-top: 0;
}

.buy-to-let-btn {
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 8px 16px 8px 8px;
    white-space: normal;
    min-height: 48px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12999999523162842);
    -webkit-transition: -webkit-transform 0.2s,background-color 0.2s,box-shadow 0.2s;
    -webkit-transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
    transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    background-color: #ffffff;
    border: solid #F8F7FF 1px;
    font-style: normal;
    font-weight: 500;
    color: #235CC5;
    text-align: left;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEzTDcgN0wxIDEiIHN0cm9rZT0iIzM5NWFiNyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position-y: calc(50% - 1px);
    background-position-x: calc(100% - 16px);
}

    .buy-to-let-btn:hover {
        -webkit-transform: translate(0px,-2px);
        -ms-transform: translate(0px,-2px);
        transform: translate(0px,-2px);
        box-shadow: 0 4px 2px 0 rgba(0,0,0,0.12999999523162842);
        background-color: #F8F7FF transition:transform 0.2s,background-color 0.2s,box-shadow 0.2s;
    }

.refine-results-section .results-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 408px);
    -webkit-align-self: right;
    -ms-flex-item-align: right;
    align-self: right;
}

    .refine-results-section .results-content .sort-results-history {
        box-sizing: border-box;
        box-shadow: rgba(43, 186, 144, 0.4) 0px 4px 0px 0px;
        margin-bottom: 32px;
        background: rgb(183, 238, 219);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(226, 249, 241);
        border-image: initial;
        border-radius: 8px;
        padding: 32px 16px 16px;
        padding-left: 24px;
        padding-right: 24px;
    }

        .refine-results-section .results-content .sort-results-history h3 {
            font-style: normal;
            color: rgb(41, 46, 96);
            font-size: 32px;
            line-height: 40px;
            font-weight: normal;
            display: inline;
            margin: 0px;
            padding: 0px;
        }

        .refine-results-section .results-content .sort-results-history p {
            margin: 16px 0;
            font-style: normal;
            font-weight: normal;
            color: rgb(41, 46, 96);
            font-size: 16px;
            line-height: 24px;
            display: inline;
            padding: 0px;
        }

            .refine-results-section .results-content .sort-results-history p a {
                color: rgb(35, 92, 197);
            }

    .refine-results-section .results-content .search-result-lists {
        background: #ffffff;
        border: 1px solid #dbe0eb;
        box-sizing: border-box;
        box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
        border-radius: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 32px 24px;
        margin-bottom: 32px !important;
    }

        .refine-results-section .results-content .search-result-lists h3 {
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            padding: 8px 0;
            margin: 0;
            color: #252551;
        }

.search-result-lists .search-result-list-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

    .search-result-lists .search-result-list-body .lists-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.search-result-list-body .results-card-box .card-item {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    box-shadow: rgba(214, 219, 232, 0.4) 0px 4px 0px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(248, 247, 255);
    border-image: initial;
    border-radius: 8px;
    padding: 16px;
    margin: 24px 0px;
}

.results-card-box .card-item .item-image {
    display: flex;
    box-sizing: border-box;
    width: 20%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
}

    .results-card-box .card-item .item-image img {
        max-height: 48px;
        max-width: calc(100% - 24px);
        align-self: center;
        margin: 0px;
    }

.results-card-box .card-item .item-btn.first {
    display: none;
}

.results-card-box .card-item .item-mid-contents {
    display: flex;
    flex-direction: row;
    padding-top: 24px;
    margin-right: 20px;
    flex: 1 0 calc(60% - 20px);
}

.results-card-box .card-item .mid-contents-item {
    box-sizing: border-box;
    margin-right: 24px;
    position: relative;
    width: 60%;
    padding: 0px;
}

    .results-card-box .card-item .mid-contents-item .mid-contents-item-body {
        display: flex;
        flex-direction: column;
        margin: 0px;
        padding: 0px;
    }

        .results-card-box .card-item .mid-contents-item .mid-contents-item-body .monthly-repayment {
            color: rgb(41, 46, 96);
            font-style: normal;
            font-size: 20px;
            font-weight: bold;
            user-select: none;
            text-align: left;
            margin: 0px;
            padding: 0px;
            border-style: none;
        }

        .results-card-box .card-item .mid-contents-item .mid-contents-item-body .monthly-repayment-text {
            color: rgb(109, 116, 152);
            font-style: normal;
            font-size: 14px;
            line-height: 18px;
            font-weight: bold;
            text-align: left;
            margin: 0px;
            padding: 0px;
            border-style: none;
        }

        .results-card-box .card-item .mid-contents-item .mid-contents-item-body .initial-rate {
            color: rgb(41, 46, 96);
            font-style: normal;
            font-size: 20px;
            font-weight: normal;
            user-select: none;
            text-align: left;
            margin: 0px;
            padding: 0px;
            border-style: none;
        }

        .results-card-box .card-item .mid-contents-item .mid-contents-item-body .initial-rate-text {
            color: rgb(109, 116, 152);
            font-style: normal;
            font-size: 14px;
            line-height: 18px;
            font-weight: normal;
            text-align: left;
            margin: 0px;
            padding: 0px;
            border-style: none;
        }

.results-card-box .card-item .item-btn {
    width: 20%;
    display: flex;
    align-self: center;
}

    .results-card-box .card-item .item-btn a {
        box-sizing: border-box;
        display: inline-flex;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        white-space: nowrap;
        height: 48px;
        max-height: 48px;
        box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 2px 0px;
        width: 100%;
        cursor: pointer;
        font-size: 16px;
        line-height: 24px;
        background-color: rgb(35, 92, 197);
        color: rgb(255, 255, 255);
        font-style: normal;
        font-weight: 500;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEzTDcgN0wxIDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
        background-position-y: calc(50% - 1px);
        background-position-x: calc(100% - 16px);
        text-align: left;
        min-width: 100px;
        border-radius: 4px;
        transition: transform 0.2s ease 0s, filter 0.2s ease 0s, box-shadow 0.2s ease 0s;
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(35, 92, 197);
        border-image: initial;
        background-repeat: no-repeat;
        max-width: 200px;
    }

        .results-card-box .card-item .item-btn a:hover {
            transform: translate(0px, -2px);
            box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 2px 0px;
            filter: opacity(90%);
            transition: transform 0.2s ease 0s, filter 0.2s ease 0s, box-shadow 0.2s ease 0s;
        }

.compare-more-mortgage-btn {
    max-width: 320px;
    max-height: 48px;
    margin: 24px 0;
    width: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

    .compare-more-mortgage-btn a {
        box-sizing: border-box;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 8px;
        margin-bottom: 8px;
        padding-left: 24px;
        padding-right: 24px;
        white-space: nowrap;
        min-height: 48px;
        border-radius: 4px;
        -webkit-transition: -webkit-transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        -webkit-transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        max-width: 100%;
        overflow-wrap: anywhere;
        cursor: pointer;
        -webkit-text-decoration: none;
        text-decoration: none;
        white-space: normal;
        font-size: 16px;
        line-height: 20px;
        background-color: #ffffff;
        border: solid #E8E7FA 1px;
        font-style: normal;
        font-weight: 500;
        color: #235CC5;
        text-align: center;
    }

        .compare-more-mortgage-btn a:hover {
            -webkit-transform: translate(0px,-2px);
            -ms-transform: translate(0px,-2px);
            transform: translate(0px,-2px);
            box-shadow: 0 4px 2px 0 rgba(0,0,0,0.12999999523162842);
            background-color: #F8F7FF transition:transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        }

.mortgages-cal-intro-section .image-holder {
    margin: -45px 2.2% 0 0;
    position: relative;
}

    .mortgages-cal-intro-section .image-holder img {
        margin: 30px 20px 0 30px;
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
        position: relative;
        right: 42px;
        max-width: 100%;
        height: auto;
        vertical-align: top;
    }

.current-application {
    position: relative;
    padding-top: 60px;
}

    .current-application .container {
        max-width: 980px;
    }

.current-application-steps {
    max-width: 945px;
    margin: 0 auto;
}

    .current-application-steps .title {
        font-size: 52px;
        margin: 0;
        font-weight: 600;
        color: #252552;
        padding-bottom: 10px;
        line-height: 56px;
    }

    .current-application-steps .card-wrapper {
        background: linear-gradient(45deg,transparent 5px,#fff 0),linear-gradient(135deg,transparent 5px,#fff 0),linear-gradient(225deg,transparent 5px,#fff 0),linear-gradient(315deg,transparent 5px,#fff 0);
        background-position: 0 100%,0 0,100% 0,100% 100%;
        background-repeat: no-repeat;
        background-size: 60% 60%;
        margin: 0 0 24px;
        min-height: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

        .current-application-steps .card-wrapper .card-container {
            padding: 0 24px;
            position: relative;
        }

        .current-application-steps .card-wrapper .card-body {
            position: relative;
            font-size: 17px;
        }

            .current-application-steps .card-wrapper .card-body .stage-title {
                color: #000;
                margin-top: 0;
                font-weight: 600;
                margin-bottom: 30px;
            }

            .current-application-steps .card-wrapper .card-body .stage-items {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }

                .current-application-steps .card-wrapper .card-body .stage-items li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    border: 2px solid hsla(0,0%,82.7%,.5);
                    border-radius: 5px;
                    background-color: #f4f4f4;
                    border-color: #f4f4f4;
                    color: #c4c4c4;
                    min-height: 40px;
                    padding: 15px;
                }

                    .current-application-steps .card-wrapper .card-body .stage-items li.active {
                        color: #3d3c3a;
                        border: 2px solid hsla(0,0%,82.7%,.5);
                        background-color: inherit;
                    }

                    .current-application-steps .card-wrapper .card-body .stage-items li:not(:last-child) {
                        margin-bottom: 20px;
                    }

                .current-application-steps .card-wrapper .card-body .stage-items .index {
                    margin: 0 15px 0 0;
                    border-radius: 50%;
                    border: 3px solid;
                    text-align: center;
                    width: 30px;
                    height: 30px;
                    line-height: 25px;
                    font-size: 17px;
                    font-weight: 700;
                }

                .current-application-steps .card-wrapper .card-body .stage-items h4 {
                    margin: 0;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    font-size: 20px;
                    font-weight: 400;
                    line-height: 17px;
                }

                .current-application-steps .card-wrapper .card-body .stage-items li a {
                    cursor: pointer;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    text-decoration: none;
                    display: inline-block;
                    font-weight: 400;
                }

    .current-application-steps .stage-items .button-component-primary {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        text-align: center;
        -webkit-transition: background-color .2s,border-color .2s,color .2s,transform .2s;
        transition: background-color .2s,border-color .2s,color .2s,transform .2s;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background: #1976D2;
        background-position: 0 100%,0 0,100% 0,100% 100%;
        background-repeat: no-repeat;
        background-size: 60% 60%;
        color: #fff;
        height: 35px;
        line-height: 35px;
        border-radius: 4px;
    }

        .current-application-steps .stage-items .button-component-primary .wrapper {
            position: absolute;
            bottom: 3px;
            left: 3px;
            right: 3px;
            top: 3px;
        }

        .current-application-steps .stage-items .button-component-primary .text {
            z-index: 0;
            font-weight: 400;
            text-align: left;
            white-space: nowrap;
            display: inline;
        }

        .current-application-steps .stage-items .button-component-primary .icon {
            background-position: 100%;
            background-repeat: no-repeat;
            background-size: 30%;
            border-left: 1px solid #d3d3d3;
            content: "";
            display: inline-block;
            height: 21px;
            margin-bottom: 2px;
            margin-left: 30px;
            padding-left: 4px;
            width: 23px;
            z-index: 0;
            background-image: url(../img/svg/list-right-arrow.svg);
        }

.factfind-progressbar {
    margin: 24px 16px;
}

.factfind-progressbar-container {
    text-align: center;
    position: relative;
}

.factfind-progressbar .progress-text {
    color: #252551;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

.factfind-progressbar .progress {
    background: #e1f6f0;
    height: 8px;
    max-width: 752px;
    border-radius: 100px;
    margin: 0 auto;
}

    .factfind-progressbar .progress .progress-bar {
        width: 5%;
        background: #82d8bf;
    }

.factfind-main {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 4px;
    -webkit-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.14);
    box-shadow: 2px 3px 4px 0 rgba(0,0,0,.14);
}

    .factfind-main .top-header {
        margin-left: 9.3333%;
        margin-right: 2%;
        margin-top: 65px;
    }

        .factfind-main .top-header .title {
            margin-bottom: 32px;
            font-size: 36px;
            color: #252551;
            text-align: left;
            font-weight: 400;
            margin-top: 8px;
        }

.factfind-main-inner {
    width: calc(50% - 24px);
    /*float: left;*/
    margin-left: calc(8.33333% + 14.66667px);
    padding-top: 65px;
}

.factfind-form-container {
    /*margin-bottom: 50px;*/
}

    .factfind-form-container .title {
        margin-bottom: 32px;
        font-size: 36px;
        color: #252551;
        text-align: left;
        font-weight: 400;
        margin-top: 8px;
    }

.form-section {
    margin-bottom: 48px;
}

    .form-section .title {
        color: #252551 !important;
        font-size: 20px;
        line-height: 25px;
        font-weight: 400;
        text-align: left;
        display: block;
        margin-bottom: 15px;
    }

        .form-section .title.compact {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 3px;
            margin-top: 8px;
            line-height: 20px;
        }

    .form-section .sub-title {
        color: #767673 !important;
        font-size: 16px;
        line-height: 21px;
        font-weight: 400;
        text-align: left;
        display: block;
        margin-top: -10px;
        margin-bottom: 15px;
    }

        .form-section .sub-title.compact {
            font-size: 14px;
            margin-top: -8px;
            margin-bottom: 5px;
        }

.currency-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    width: 100%;
}

.currency-input-symbol {
    display: inline;
    font-size: 16px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 16px;
    border: 1px solid #949492;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    line-height: 48px;
    background-color: #f5f5f5;
    color: #767673;
}

.currency-input .form-control {
    display: inline;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 0px;
    padding: 0px 10px;
    border: 1px solid rgb(118, 118, 115);
    border-radius: 0px 4px 4px 0px;
    color: rgb(37, 37, 81);
    line-height: 19px;
    height: 48px;
    margin-left: 0px;
    -webkit-appearance: none;
    background-image: none !important;
    margin-bottom: 0;
    background: #fff;
}

.radio-group-button .radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

.radio-group-button label {
    color: #fff;
    background-color: #252551 !important;
    /*border-color: #252551;*/
    border: 1px solid #252551;
    padding: 15px;
    font-size: 16px !important;
    line-height: 19px !important;
    font-weight: 400 !important;
    padding-left: 45px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none !important;
    border-radius: 4px;
    height: 48px;
}

.form-group.is-focused .radio-group-button .radio label:hover, .form-group.is-focused .radio-group-button .radio label:focus {
    color: #fff ;
}

.radio-group-button label.not-active {
    color: #252551 !important;
    background-color: #fff !important;
    border: 1px solid #949492;
}

    .radio-group-button label.not-active:hover {
        background-color: #efefef !important;
        border-color: #767673 !important;
    }

.form-group.is-focused .radio-group-button .radio label.not-active:hover, .form-group.is-focused .radio-group-button .radio label.not-active:focus {
    color: #252551 !important;
}

.radio-group-button .radio span, .radio-group-button .radio .circle {
    left: 16px;
    top: 16px;
}

.radio-group-button .radio .circle {
    border: 1px solid rgba(0,0,0,.54) !important;
}

.radio-group-button .radio input[type=radio]:checked ~ .circle {
    border-color: #fff !important;
}

.radio-group-button .radio input[type=radio]:checked ~ .check {
    background-color: #fff;
}

.radio-group-button .radio .check:after {
    background-color: transparent;
}

.repeatable-button {
    font-size: 16px;
    background: none;
    border-radius: 4px;
    border: 3px dotted #1976D2;
    color: #1976D2;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    font-weight: 400;
}

    .repeatable-button .icon {
        background-image: url(../img/svg/circle-plus.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
        -webkit-transition: -webkit-transform .1s;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s,-webkit-transform .1s;
    }

.repeatable-item {
    border: 1px solid #dadad9;
    border-radius: 4px;
    margin-top: 16px;
}

.repeatable-item-summary {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.repeatable-item-summary-primary {
    font-size: 18px;
    font-weight: 700;
    color: #252551;
}

.repeatable-item-summary-secondary {
    margin-top: 2px;
    font-size: 14px;
    color: #767673;
}

.repeatable-item-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #dadad9;
    width: 100%;
}

.repeatable-item-controls-delete, .repeatable-item-controls-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: none;
    border: none;
    padding: 14px;
    cursor: pointer;
    font-size: 16px;
    color: #1976D2;
}

    .repeatable-item-controls-delete:not(:last-child), .repeatable-item-controls-edit:not(:last-child) {
        position: relative;
    }

    .repeatable-item-controls-edit:before {
        background-image: url(../img/edit-icon.svg);
    }

    .repeatable-item-controls-delete:before {
        background-image: url(../img/delete-icon.svg);
        width:24px;
        height:24px;
    }

    .repeatable-item-controls-delete:before, .repeatable-item-controls-edit:before {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        content: "";
        height: 24px;
        width: 24px;
        margin-right: 6px;
    }

    .repeatable-item-controls-delete:not(:last-child):after, .repeatable-item-controls-edit:not(:last-child):after {
        content: "";
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 30%;
        height: 40%;
        width: 100%;
        border-right: 2px solid #dadad9;
    }

.form-alert-notification {
    border: 2px solid;
    border-radius: 4px;
    color: #252551;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-color: #252551;
    margin-bottom: 20px;
}

    .form-alert-notification .icon {
        background-position: 50%;
        background-repeat: no-repeat;
        border-right: 2px solid;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 35px;
        background-color: #252551;
        /*background-image: url(../img/Logo.png);*/
        border-color: #252551;
    }

        .form-alert-notification .icon img {
            margin-top: 25px;
            margin-left: 5px;
        }

    .form-alert-notification .form-alert-text-container {
        margin: 8px 8px 16px;
    }

    .form-alert-notification .form-alert-message {
        font-size: 18px;
        margin: 16px;
        font-weight: 400;
    }

.fact-find-controls {
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    .fact-find-controls .save-btn {
        font-size: 18px;
        border-radius: 4px;
        margin: 0;
        padding-left: 32px;
        padding-right: 32px;
        height: 56px;
        background: #1976D2 !important;
        box-shadow: none !important;
        min-width: 152px;
        width: 100%;
        line-height: 40px;
    }

    .fact-find-controls .back-btn {
        font-size: 18px;
        border-radius: 4px;
        margin: 0;
        padding-left: 32px;
        padding-right: 32px;
        height: 56px;
        background: #fff !important;
        box-shadow: none !important;
        color: #1976D2 !important;
        border: 1px solid #1976D2;
        min-width: 152px;
        margin-right: 16px;
        line-height: 40px;
    }

        .fact-find-controls .save-btn:hover, .fact-find-controls .back-btn:hover {
            -webkit-filter: brightness(90%);
            filter: brightness(90%);
        }

.textbox-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .textbox-input input {
        display: block;
        height: 48px;
        width: 100%;
        padding: 0 10px;
        border: 1px solid #949492 !important;
        border-radius: 4px !important;
        color: #252551;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        text-align: left;
        -webkit-appearance: none;
        background-image: none !important;
        margin-bottom: 0 !important;
        background: #fff;
    }

        .textbox-input input:focus, .currency-input input:focus, .selectbox-input:focus, .textbox-input textarea:focus {
            outline: none !important;
            -webkit-box-shadow: 0 0 0 3px #ffa102 !important;
            box-shadow: 0 0 0 3px #ffa102 !important;
            border-radius: 4px !important;
        }

.selectbox-input {
    display: block;
    height: 48px;
    width: 100%;
    padding: 0 30px 0 10px;
    border: 1px solid #949492 !important;
    border-radius: 4px !important;
    -webkit-appearance: none;
    color: #252551;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    text-align: left;
    background-color: #fff !important;
    background: url(../img/svg/selectbox-arrow.svg) !important;
    background-repeat: no-repeat !important;
    /*background-position: right 50% !important;
    background-origin: content-box !important;*/
    margin-bottom: 0 !important;
    background-position: calc(100% - 8px) 50% !important;
}

    .selectbox-input:invalid {
        color: #949492;
    }

    .selectbox-input:hover, .selectbox-input:focus {
        border-color: #767673 !important;
        background: url(../img/svg/selectbox-active-arrow.svg) !important;
        background-repeat: no-repeat !important;
        /*background-position: right 50% !important;
        background-origin: content-box !important;*/
        background-position: calc(100% - 8px) 50% !important;
    }

.textbox-input textarea {
    display: block;
    /*height: 48px;*/
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #949492 !important;
    border-radius: 4px !important;
    color: #252551;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    text-align: left;
    -webkit-appearance: none;
    background-image: none !important;
    margin-bottom: 0 !important;
}

.tooltip .anchovy-question .icon {
    background-image: url(../img/svg/info.svg);
    width: 40px;
    height: 40px;
    background-size: cover;
    opacity: .3;
}

    .tooltip .anchovy-question .icon:hover, .anchovy-question:hover .icon, .tooltip:hover .icon {
        opacity: 1;
    }

.information-icon {
    background: none;
    border: none;
    background-image: url(../img/svg/info.svg);
    width: 24px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .3;
    -webkit-transition: opacity .2s ease .1s;
    transition: opacity .2s ease .1s;
    /*display: none !important;*/
}

.information-icon-target {
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: unset;
}

.credit-report-information-icon-target {
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    content: "";
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
}

.tooltip-body {
    -webkit-transform: none;
    transform: none;
    left: 100%;
    max-width: 300px;
    margin-left: 24px;
    opacity: 0;
    -webkit-transition: visibility .2s,opacity .2s;
    transition: visibility .2s,opacity .2s;
    visibility: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%) translateY(-12px);
    transform: translateY(-100%) translateY(-12px);
    -webkit-animation: fadein .5s;
    animation: fadein .5s;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    padding: 24px;
    color: #252551;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    border-radius: 4px;
}

    .tooltip-body:before {
        top: 6px;
        left: -11px;
        content: "";
        width: 0;
        border-right: 11px solid #c9c9c9;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        position: absolute;
    }

    .tooltip-body:after {
        bottom: auto;
        right: auto;
        top: 6px;
        left: -9px;
        content: "";
        width: 0;
        border: 9px solid transparent;
        border-right: 11px solid #fff;
        border-left: none;
        position: absolute;
    }

.form-section .title.info {
    padding-right: 24px;
}

.information-icon-target:focus ~ .tooltip-body, .information-icon-target:hover ~ .tooltip-body:focus, .tooltip-body:hover {
    opacity: 1;
    -webkit-transition: visibility 0s,opacity .5s ease .1s;
    transition: visibility 0s,opacity .5s ease .1s;
    visibility: visible;
}

.information-icon:hover, .information-icon-target:focus ~ .information-icon, .information-icon-target:hover ~ .information-icon {
    opacity: 1;
}

.level-term-assurance-panel-top-slider button.btn {
    background-color: #ff7879;
    color: #fff !important;
    border-color: #ec5f60;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 10px;
    margin-top: 20px;
    width: 32px;
    height: 32px;
}

.level-term-assurance-panel-right-slider-btn button.btn {
    background-color: #ff7879;
    color: #fff !important;
    border-color: #ec5f60;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 10px;
    width: 32px;
    height: 32px;
}

.level-term-assurance-panel-left .row:before, .level-term-assurance-panel-left .row:after {
    content: " ";
    display: table;
}

.level-term-assurance-panel-left .row:after {
    clear: both;
}

.y-slider-visible-padding {
    padding-top: 170px;
}

.matrix-y-axis-title-right {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* height: 100%; */
    height: 20px;
    position: absolute;
    white-space: nowrap;
    padding-top: 30px;
    /* z-index: -1; */
    font-size: 14px;
    font-weight: 600;
    color: #54585a;
    text-align: center;
    right: -70px;
    width: 180px;
    top: 50%;
    margin-top: 30px;
}

.level-term-assurance-panel-right {
    margin: 12px 0;
}

    .level-term-assurance-panel-right .vertical-sliders > div {
        height: 195px;
    }

.standard-primary {
    font-size: 18px !important;
    border-radius: 4px;
    margin: 0;
    padding-left: 32px;
    padding-right: 32px;
    height: 56px;
    background: #1976D2 !important;
    box-shadow: none !important;
    min-width: 152px;
    border-color: #2547a7 !important;
}

    .standard-primary:hover {
        -webkit-filter: brightness(90%);
        filter: brightness(90%);
    }

.date-question-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 48px;
    border: 1px solid #949492;
    border-radius: 4px;
}

    .date-question-container input {
        color: #252551;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        background-color: #fff;
        border: none;
        border-radius: 3px;
        text-align: center;
        padding: 0 10px;
        width: 100%;
        -webkit-transform: translate(0);
        transform: translate(0);
        min-width: 0;
        height: 46px;
        /*border-bottom: 1px solid #96969d;*/
    }

        .date-question-container input:not(:focus):not(.date-question-input-error):first-of-type {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-right-color: transparent;
        }

        .date-question-container input:focus {
            z-index: 1;
            border-radius: 4px;
            outline: none;
            -webkit-box-shadow: 0 0 0 1px #949492, 0 0 0 3px #ffa102;
            box-shadow: 0 0 0 1px #949492, 0 0 0 3px #ffa102;
        }

.date-question-interstitial {
    color: #252551;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    min-width: 0;
}

.form-introduction {
    color: #767673;
    font-size: 16px;
    line-height: 24px !important;
    font-weight: 400;
    text-align: left;
    display: block;
    margin-top: 16px;
    padding: 0;
    margin-bottom: 32px;
}

.nudge {
    background-color: #d2d9ed;
    color: #252551;
    border-radius: 4px;
    padding: 33px;
    text-align: left;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}

.nudge-title {
    font-size: 20px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nudge-title, .nudge-body {
    line-height: 24px;
    margin-bottom: 24px;
}

    .nudge-title .nudge-icon {
        color: #252551;
        margin-right: 24px;
        min-width: 36px;
        width: 36px;
        height: 36px;
        background-image: url(../img/svg/favourite.svg);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
    }

.radio-group-button.flat-width .radio {
    display: block;
    width: 100%;
    text-align: left;
}

.radio-group-button.flat-width label {
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.mortgage-broker-section .container-body {
    background: #ffffff;
    border: 1px solid #E8E7FA;
    box-sizing: border-box;
    box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 56px;
}

.mortgage-broker-section .intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .mortgage-broker-section .intro h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        color: #292E60;
        margin: 0;
        padding-bottom: 16px;
    }

    .mortgage-broker-section .intro p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        color: #292E60;
        padding: 0 0 16px 0;
        padding-right: 56px;
    }

    .mortgage-broker-section .intro img.first {
        display: none;
    }

    .mortgage-broker-section .intro img.last {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-height: 200px;
    }

.mortgage-broker-section .action-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .mortgage-broker-section .action-section .fast {
        padding-right: 20px;
        width: 200px;
        padding-bottom: 0;
        padding-top: 8px;
        margin-right: 16px;
        cursor: pointer;
    }

        .mortgage-broker-section .action-section .fast a {
            height: 50px;
            line-height: 35px;
        }

.trustpilot-logo-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: baseline;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 0;
}

    .trustpilot-logo-content .logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .trustpilot-logo-content .logo img {
            height: 20px;
            margin-right: 0;
            margin-bottom: 0;
        }

    .trustpilot-logo-content p {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px !important;
        color: #6D7498;
        margin: 0;
        padding: 0;
    }

.mortgage-broker-section hr {
    border-top: 1px solid #dadee9;
    margin: 24px 0;
}

.mortgage-broker-section .feature-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .mortgage-broker-section .feature-content .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 25%;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 4px;
        padding-bottom: 4px;
    }

        .mortgage-broker-section .feature-content .item img {
            width: 20px;
        }

        .mortgage-broker-section .feature-content .item p {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 0 16px;
            color: #252551;
            padding-left: 4px;
            margin: 0;
        }

.existing-mortgage-section {
    /*background: url(../img/vector-bg.png) no-repeat;*/
    background-color: #fff;
    /*background-color: #f2f5f6;*/
    min-height: 400px;
    background-size: cover;
    color: #fff;
    width: 100%;
}

    .existing-mortgage-section .title {
        color: #2D2D2D;
        font-weight: 600;
        line-height: 56px;
        font-size: 38px;
        margin-top: 0;
    }

    .existing-mortgage-section .sub-title {
        letter-spacing: 0.02em;
        color: #2D2D2D;
        font-size: 16px;
        line-height: 160% !important;
        margin: 35px 0;
    }

    .existing-mortgage-section ul {
        margin: 0;
        list-style: none;
        padding-left: 10px;
        color: #000;
        font-size: 15px;
        line-height: 30px;
    }

        .existing-mortgage-section ul li:before {
            background-image: url(../img/cross-list-icon.png);
            background-size: 75%;
            height: 20px;
            width: 20px;
            background-repeat: no-repeat;
            background-position: bottom;
            content: "";
            display: inline-block;
            margin-right: 12px;
        }

.introducing-mortgage-section .head {
    /*max-width: 750px;*/
    max-width: 1074px;
    margin: 0 auto;
}

    .introducing-mortgage-section .head h1 {
        color: #222;
        font-size: 42px;
        line-height: 52px;
        margin-top: 0;
        font-weight: 400;
    }

    .introducing-mortgage-section .head h3 {
        color: #000;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
    }

    .introducing-mortgage-section .head p {
        font-size: 17px;
        color: #292828;
    }

.introducing-mortgage-section ul {
    margin: 0;
    list-style: none;
    color: #000;
    font-size: 17px;
    padding-left: 0;
}

    .introducing-mortgage-section ul li {
        margin-top: 2px;
    }

        .introducing-mortgage-section ul li:first-child {
            margin-top: 5px;
        }

        .introducing-mortgage-section ul li .ms-icon-feature {
            margin-bottom: 0px;
        }

.introducing-mortgage-section .ms-icon-feature .ms-icon-feature-icon {
    padding-right: 0px;
}

.introducing-mortgage-section .ms-icon-feature .ms-icon-inverse {
    border: 0;
    width: 30px;
    color: #009f3c;
    font-size: 28px;
    line-height: 20px;
}

.introducing-mortgage-section .ms-icon-feature .ms-icon-feature-content {
    font-size: 15px;
}

.platform-mortgage-section {
    /*background-color: #f5f6f6;*/
}

    .platform-mortgage-section .head {
        max-width: 1080px;
        margin: 0 auto;
    }

        .platform-mortgage-section .head h1 {
            color: #222;
            font-size: 42px;
            margin-top: 0;
            text-align: center;
            font-weight: 400;
            line-height: 52px;
        }

        .platform-mortgage-section .head p {
            font-size: 15px;
            color: #222;
            text-align: center;
            line-height: 24px !important;
        }

.explore_platform_thumbnail .thumbnail {
    /*background-color: transparent;*/
    background-color: #f5f5f5;
    border: 0;
    padding-top: 20px;
}

.explore_platform_thumbnail .caption h3 {
    margin-top: 0;
    color: #cb2027;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}

.explore_platform_thumbnail .caption p {
    font-size: 15px;
    min-height: 150px;
    line-height: 24px !important;
}

.explore_platform_thumbnail .icon_card {
    height: 130px;
}

.explore_platform_thumbnail .caption .linkage {
    color: #cb2027;
}

.key-benefits-mortgage-section .container {
    margin: 0 auto;
}

.key-benefits-mortgage-section .head h1 {
    color: #222;
    font-size: 42px;
    margin-top: 0;
    font-weight: 400;
    line-height: 52px;
}

.key-benefits-mortgage-section .head h3 {
    color: #3d107b;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

.key-benefits-mortgage-section .desc {
    /*max-width:380px;*/
}

    .key-benefits-mortgage-section .desc h1 {
        color: #2d2d2d;
        font-weight: 600;
        margin-top: 0;
        font-size: 38px;
    }

    .key-benefits-mortgage-section .desc p {
        font-size: 16px;
        color: #2d2d2d;
        line-height: 160% !important;
        letter-spacing: 0.02em;
    }

.key-benefits-mortgage-section.fully-compliant {
    background-color: #f5f6f6;
}

    .key-benefits-mortgage-section.fully-compliant img, .key-benefits-mortgage-section.making-digital img {
        margin-top: 50px !important;
    }

.key-benefits-mortgage-section.making-digital img {
    margin-top: 50px !important;
}

.mortgage-about-section .explore_platform_thumbnail .icon_card {
    height: inherit;
    margin: -4px -4px 0 -4px;
}

.mortgage-about-section .explore_platform_thumbnail .thumbnail {
    background-color: #f7f7f7;
    padding-top: 0px;
}

.mortgage-about-section .explore_platform_thumbnail .icon_card img {
    width: 100%;
    max-height: 230px;
    min-height: 230px;
    margin: 0 auto;
}

.mortgage-about-section .explore_platform_thumbnail .caption h3 {
    margin-top: 10px;
    color: #464545;
    font-size: 22px;
    line-height: 30px !important;
    font-weight: 600;
}

.mortgage-about-section h1 {
    color: #396bab;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

.footer-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
}

    .footer-body .left-side {
        -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        display: block;
    }

    .footer-body .right-side {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: no-wrap;
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
        -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    }

        .footer-body .right-side .item {
            box-sizing: border-box;
            margin-bottom: 0;
            -webkit-flex: 0%;
            -ms-flex: 0%;
            flex: 0%;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-left: 0px;
            padding-right: 0px;
        }

            .footer-body .right-side .item h4 {
                margin: 0;
                margin-bottom: 20px;
                font-style: normal;
                font-weight: normal;
            }

            .footer-body .right-side .item ul {
                margin: 0;
                padding: 0;
            }

                .footer-body .right-side .item ul li {
                    list-style-type: none;
                    margin-bottom: 10px;
                    /*line-height: 26px;*/
                    padding-right: 12px;
                    min-height: 12px;
                }

                    .footer-body .right-side .item ul li a {
                        font-size: 14px;
                        line-height: 17px;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                        color: #fff;
                    }

.footer-download-content {
    display: inline-block;
    width: 100%;
    /*text-align: right;*/
    padding-left: 15px;
    margin-top: 20px;
}

    .footer-download-content .footer_links {
        padding-left: 0;
        padding-top: 0;
    }

    .footer-download-content .app_stores_columns span {
        color: #fff;
        font-size: 16px;
        margin-right: 10px;
        vertical-align: middle;
    }

.company-copyright {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
}

.become_tasker_section.features {
    background-color: #fff;
}

    .become_tasker_section.features .home_worker_section_text {
        color: #3d107b;
    }

.core-feature-item .ms-icon-feature-icon {
    padding-right: 0px;
}

.core-feature-item .ms-icon {
    border: 0;
    min-width: 80px;
    min-height: 50px;
}

.core-feature-item .ms-icon-feature-content h4 {
    color: #000;
    font-weight: 600;
}

.core-feature-item .ms-icon-feature-content p {
    font-size: 16px;
    color: #333;
}

.core-features-section .container {
    max-width: 900px;
}

.core-features-section h1 {
    font-weight: 800;
    color: #3d107b;
    font-size: 35px;
    margin-bottom: 30px;
    text-align: center;
}

.vector-line {
    background-image: url(../img/vector-line.png);
    /*background-size: cover;
    background-position: bottom center;*/
    background-repeat: no-repeat;
    height: 40px;
    background-color: #fff;
    background-size: 100% 100%;
}

.company_nav {
    background-color: #fff !important;
    /*opacity: 0.8;*/
    height: 80px;
}

.choose-us-section h2 {
    color: #2e353e;
    font-weight: 700;
    text-align: center;
    margin: 32px 0 32px 0;
}

.choose-us-section .item h4 {
    color: #2e353e;
    font-weight: 700;
    margin: 0 0 14px 0;
    letter-spacing: normal;
    line-height: 30px;
}

.key-benefits-mortgage-section.company .container {
    max-width: 920px;
}

.key-benefits-mortgage-section.company .desc {
    max-width: inherit;
}

.company-service-section .head h2 {
    color: #2e353e;
    font-weight: 700;
    text-align: center;
}

.company-service-section .head h4 {
    color: #2e353e;
    text-align: center;
    margin-top: 0;
}

.company-service-section .content h4 {
    color: #2e353e;
    font-weight: 600;
    margin: 0 0 14px 0;
    letter-spacing: normal;
    font-size: 17px;
    text-align: center;
}

.company-service-section .content .withripple img {
    height: 169px;
    width: 100%;
}

.service-page-desc p {
    color: #777;
    line-height: 24px !important;
    margin: 0 0 20px !important;
}

.service-page-desc a, .service-page-desc a:active, .service-page-desc a:hover, .service-page-desc a:focus {
    color: #cc3e1d;
}

.company-service-section .content p {
    color: #2e353e;
    margin: 10px 0 14px 0;
    letter-spacing: normal;
    font-size: 14px;
    text-align: center;
}

.company-footer-right .capt {
    font-size: 11px;
    line-height: 15px !important;
}

.company-footer-right .normal {
    font-size: 12px;
    line-height: 15px !important;
}

.company-index-slogan {
    font-weight: 800;
    color: #3d107b;
    font-size: 40px;
    line-height: 40px;
    margin-top: 100px;
}

.company-index-slogan2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #000;
    line-height: 24px;
}

.dashboard-case-screen-wrapper {
    max-width: 970px;
    margin-left: 0;
    /*padding-left: 20px;
    padding-right: 20px;*/
    background: none;
    background-color: initial;
    /*margin: 0 auto;*/
    min-height: 100%;
}

    .dashboard-case-screen-wrapper .main-title {
        font-size: 30px;
        margin: 0;
        font-weight: 600;
        color: #252552;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .dashboard-case-screen-wrapper .application-card-container {
        border: 1px solid #d3d3d3;
        border-radius: 3px;
        background: #fff;
        padding-bottom: 0;
        margin: 0 0 24px;
        min-height: 30px;
        padding-top: 20px;
    }

        .dashboard-case-screen-wrapper .application-card-container .application-card-title {
            color: #252552;
            font-size: 24px;
            font-weight: 600;
            margin: 20px 20px;
            margin-top: 0;
        }

.application-card-body {
    margin: 20px 20px;
    padding: 20px 15px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.application-card-content {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .application-card-content h2 {
        margin: 0;
        font-size: 24px;
        text-align: center;
        color: #252552;
        font-weight: 600;
        line-height: 105%;
    }

.dashboard-case-screen-wrapper .mortgage:before, .dashboard-case-screen-wrapper .remortgage:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 22px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(../img/svg/mortgage-home-icon.svg);
}

.dashboard-case-screen-wrapper .application-card-content .details {
    margin-left: 10px;
    max-width: 130px;
}

    .dashboard-case-screen-wrapper .application-card-content .details .title {
        color: #9b9b9b;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
    }

    .dashboard-case-screen-wrapper .application-card-content .details p.answer {
        color: #242451;
        margin-top: 5px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
    }

.dashboard-case-screen-wrapper .application-card-content .action {
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .dashboard-case-screen-wrapper .application-card-content .action a {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        display: inline-block;
        font-weight: 400;
        color: #666;
        font-size: 16px;
    }

.dashboard-case-screen-wrapper .application-card-content .button-component-primary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .2s,border-color .2s,color .2s,transform .2s;
    transition: background-color .2s,border-color .2s,color .2s,transform .2s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #1976D2;
    background-position: 0 100%,0 0,100% 0,100% 100%;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    color: #fff;
    height: 60px;
    line-height: 60px;
    border-radius: 6px;
}

    .dashboard-case-screen-wrapper .application-card-content .button-component-primary .wrapper {
        position: absolute;
        bottom: 3px;
        left: 3px;
        right: 3px;
        top: 3px;
    }

    .dashboard-case-screen-wrapper .application-card-content .button-component-primary .text {
        white-space: nowrap;
        z-index: 0;
        font-weight: 400;
        text-align: left;
        line-height: 60px;
    }

.tb-actions a {
    padding: 0 7px;
    border-right: 1px solid #999;
}

    .tb-actions a:last-child {
        border-right: none;
    }

    .tb-actions a:hover {
        color: #23527c;
        text-decoration: underline;
    }

.dashboard-case-screen-wrapper.contacts .application-card-container {
    padding-top: 0px;
    border: 0;
}

.dashboard-case-screen-wrapper.contacts .application-card-body {
    margin: 0;
    padding: 15px 15px;
}

.dashboard-case-screen-wrapper.contacts .application-card-content h2 img {
    width: 60px;
    border-radius: 50%;
}

.dashboard-case-screen-wrapper.cases .application-card-container {
    border: 0;
    padding-top: 0;
}

    .dashboard-case-screen-wrapper.cases .application-card-container .application-card-title {
        margin: 20px 0px;
        margin-top: 0;
    }

.dashboard-case-screen-wrapper.cases .application-card-body {
    margin: 20px 0px;
}

.messages-tab-wrapper {
    box-shadow: none;
    background-color: transparent;
}

    .messages-tab-wrapper .panel-heading {
        background-color: transparent !important;
    }

    .messages-tab-wrapper .nav.nav-tabs {
        margin-bottom: -1px;
        list-style: none;
        position: relative;
        margin: 0;
        padding: 0;
        zoom: 1;
        background-color: transparent;
        /* border-bottom: 1px solid #dae2ed; */
    }

        .messages-tab-wrapper .nav.nav-tabs li {
            margin-right: 4px;
        }

            .messages-tab-wrapper .nav.nav-tabs li.active {
                background-color: #fff !important;
                border-radius: 8px 8px 0 0;
            }

                .messages-tab-wrapper .nav.nav-tabs li.active:before {
                    position: absolute;
                    display: block;
                    content: ' ';
                    top: 0;
                    left: 0;
                    width: 100%;
                    z-index: 1;
                    height: 0;
                    font-size: 0;
                    background: #ff7519;
                }

            .messages-tab-wrapper .nav.nav-tabs li a {
                color: #666 !important;
                width: auto;
                cursor: pointer;
                font-size: 16px;
                padding: 8px 20px;
                display: table-cell;
                vertical-align: middle;
                line-height: 1.2;
                white-space: normal;
                height: 40px;
                background-color: #f4f4f4 !important;
                border: 1px solid #dcdee3 !important;
                border-radius: 8px 8px 0 0;
                /*font-weight: bold;*/
            }

            .messages-tab-wrapper .nav.nav-tabs li.active a {
                background-color: #fff !important;
                color: #f44336 !important;
                border-bottom: 1px solid #fff !important;
            }

    .messages-tab-wrapper .panel-body {
        background-color: #fff;
        border: 1px solid #dae2ee;
    }

    .messages-tab-wrapper .nav.nav-tabs .ms-tabs-indicator {
        display: none;
    }

.dashboard-case-screen-wrapper.contacts .mortgage:before, .dashboard-case-screen-wrapper.contacts .remortgage:before {
    display: none;
}

.dashboard-menu-notifications {
    float: right;
    height: 22px;
    min-width: 20px;
    line-height: 23px;
}

.about_intro.policy {
    background: url(../img/contact_back.jpg) no-repeat;
    background-color: #396596;
    height: 200px;
    background-position: 100% 100%;
}

.about_intro .container {
    /*max-width: 1170px;*/
    /*height: 200px;*/
}

.platform-mortgage-section .bottom-block {
    color: #cb2027;
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    max-width: 580px;
    line-height: 35px;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 40px;
}

.btn-pinterest.blk-bg {
    border: 1px solid #cb2027;
    background-color: #fff !important;
    color: #cb2027 !important;
    font-weight: 600;
}

    .btn-pinterest.blk-bg:hover, .btn-pinterest.blk-bg:focus {
        background-color: #fffbfb !important;
    }

.blog_item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}

.blog_left, .blog_right {
    padding-left: 0;
}

.blog_left, .blog_right {
    padding-left: 0;
}

.blog_title1 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

.blog_des {
    margin-top: 10px;
}

.btn_join {
    text-align: center;
    margin: 15px 0 10px;
}

.news-desc {
    white-space: pre-line;
}

.featured-item {
    padding: 40px 30px;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    z-index: 9;
}

    .featured-item.style-4 {
        background: #ffffff;
        border-radius: 70% 100% 30% 70%;
        overflow: hidden;
        padding: 70px 70px 70px 50px;
        z-index: 9;
        text-align: center;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
        -moz-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
        box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
    }

    .featured-item::before {
        transform: scale(0);
        background: rgb(0,91,234);
        background: linear-gradient(180deg, rgba(0,91,234,1) 0%, rgba(37,117,252,1) 80%);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: -1;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -ms-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

    .featured-item:hover::before {
        transform: scale(1);
    }

    .featured-item .featured-icon {
        display: inline-block;
        position: relative;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -ms-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

.img-center {
    display: inline-block !important;
    max-width: 100%;
}

.featured-title h5 {
    margin: 30px 0 20px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
    line-height: 26px;
    color: #1c1d3e;
}

.featured-desc p {
    font-size: 15px;
}

.featured-item:hover .featured-icon i, .featured-item:hover h5, .featured-item:hover p {
    color: #ffffff;
}

.zoom-fade, .featured-item:after {
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.featured-item:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    background: url(../img/feature-bg.png) no-repeat 0 0;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.featured-item:hover:after {
    opacity: 0.2;
}

.featured-item.cutomize {
    padding: 50px;
    margin-bottom: 40px;
}

    .featured-item.cutomize .featured-icon {
        max-height: 56px;
    }

    .featured-item.cutomize .featured-desc p {
        min-height: 120px;
    }

.bg-animation {
    position: absolute;
    top: -100px;
    left: 0;
}

    .bg-animation img {
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -ms-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

.feature-page-section {
    position: relative;
}

.package-section .container {
    max-width: 850px;
}

.package-section .head h1 {
    color: #cb2027;
    font-weight: 600;
    font-size: 36px;
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
}

.package-section ul {
    margin: 0;
    list-style: none;
    color: #000;
    font-size: 17px;
    max-width: 450px;
    padding-left: 0;
}

    .package-section ul li .ms-icon-feature {
        margin-bottom: 0px;
    }

.package-section .ms-icon-feature .ms-icon-feature-icon {
    padding-right: 0px;
}

.package-section .ms-icon-feature .ms-icon-inverse {
    border: 0;
    width: 30px;
    color: #009f3c;
    font-size: 24px;
    line-height: 20px;
    height: 25px;
    margin-top: -2px;
}

.package-section .ms-icon-feature .ms-icon-feature-content {
    font-size: 17px;
}

.introducing-mortgage-feature-section h1 {
    color: #2D2D2D;
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
}

    .introducing-mortgage-feature-section h1 span {
        color: #ba132c;
    }

.about_vision.magic .container .title {
    color: #cb2027;
    font-weight: 600;
    font-size: 50px;
    margin-top: 0;
    text-align: left;
    margin-bottom: 40px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5%;
}

.mm .top_sub_navbar_container {
    margin-top: 4px;
}

    .mm .top_sub_navbar_container ul .dial {
        line-height: 15px;
        font-size: 17px;
        font-weight: 600;
    }

        .mm .top_sub_navbar_container ul .dial span {
            color: #000;
            vertical-align: middle;
        }

    .mm .top_sub_navbar_container ul .contact {
        line-height: 15px;
        font-size: 17px;
        /*font-weight: 600;*/
        color: #cb2027;
    }

    .mm .top_sub_navbar_container ul .try-btn {
        /*font-weight: 600;*/
        border-radius: 4px;
        padding: 8px 20px;
    }

.mm.ms-navbar {
    height: auto;
    padding: 20px 0;
    background-color: #fff !important;
}

.mm .header_logo {
    margin-top: 0px;
    margin-left: 0 !important;
}

.mm .menu_category .link_category, .mm .menu_user .link_category {
    height: 59px;
    line-height: 47px;
    color: #2d2d2d;
    font-weight: 600;
    font-size: 16px;
}

.ms-icon-feature-content p {
    line-height: 160% !important;
    font-size: 16px !important;
    letter-spacing: 0.02em !important;
    color: #000 !important;
}


.mm .menu_user {
    margin-right: 0;
}

.mm .tasks_link.selected:after, .mm .mytasks_link.selected:after, .mm .messages_link.selected:after, .mm .notifications_link.selected:after {
    background-color: #cb2027;
}

.mm .tasks_link:hover:after, .mm .mytasks_link:hover:after, .mm .messages_link:hover:after, .mm .notifications_link:hover:after {
    background-color: #cb2027;
}

.mm .menu_category a .ripple-container {
    display: none;
}

.join-partner-section .pkg-list {
    margin: 0;
    list-style: none;
    color: #000;
    font-size: 17px;
    /* max-width: 450px; */
    padding-left: 0;
}

    .join-partner-section .pkg-list .ms-icon-feature {
        margin-bottom: 0px;
    }

    .join-partner-section .pkg-list .ms-icon-feature-icon {
        padding-right: 0px;
    }

    .join-partner-section .pkg-list .ms-icon.ms-icon-inverse {
        border: 0;
        width: 30px;
        color: #009f3c;
        font-size: 24px;
        line-height: 20px;
        height: 25px;
        margin-top: -4px;
    }

    .join-partner-section .pkg-list .ms-icon-feature-content {
        font-size: 17px;
    }

.join-partner-section .left-side h1 {
    font-weight: 600;
    font-size: 50px;
    color: #6a625c;
    color: #2d2d2d !important;
}

.join-partner-section .left-side h2 {
    color: #cb2027;
    font-weight: 600;
    margin-top: 0;
    line-height: 35px;
}

.join-partner-section .left-side h3 {
    font-weight: 600;
    color: #000;
    font-size: 30px;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

.join-partner-section .left-side .dial-contact .ms-icon-feature {
    margin: 0 auto;
}

.join-partner-section .left-side .dial-contact .ms-icon.ms-icon-inverse {
    border: 0;
}

.join-partner-section .left-side .dial-contact .ms-icon-feature-content h2 {
    margin: 0;
    color: #000;
    font-weight: 600;
    font-size: 24px;
}

    .join-partner-section .left-side .dial-contact .ms-icon-feature-content h2 span {
        color: #cb2027;
    }

.pricing-page-section .head h1 {
    color: #cb2027;
    font-weight: 600;
    font-size: 36px;
    margin-top: 50px;
}

.pricing-page-section .price-table header .price-table-category {
    font-size: 18px;
}

.pricing-page-section .price-table header h3 {
    font-size: 70px;
}

    .pricing-page-section .price-table header h3 sup {
        font-size: 40px;
    }

    .pricing-page-section .price-table header h3 sub {
        font-size: 20px;
    }

.amount-view-point {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    text-align: right;
}

.user-panel-search-form .form-group {
    max-width: 200px;
    display: inline-block;
}

    .user-panel-search-form .form-group span {
        margin-right: 5px;
    }

    .user-panel-search-form .form-group .form-control {
        max-width: 150px;
        display: inline-block;
        margin-right: 5px;
        min-height: 30px;
        height: 36px;
    }

    .user-panel-search-form .form-group button {
        margin: 0;
        margin-top: -5px;
    }

.feature_news_main_block {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-right: 2%;
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.news_main_block_title {
    font-size: 28px;
    line-height: 1.1;
    margin: 0 0 10px;
    font-weight: 800;
    letter-spacing: -.05em;
}

    .news_main_block_title a {
        color: #000;
    }

        .news_main_block_title a:hover {
            color: #5c5c5c;
        }

.news_main_block_byline {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

    .news_main_block_byline a {
        color: #333;
    }

.mini_view_item {
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .mini_view_item:last-child {
        border-bottom: none;
    }

.mini_view_item_title {
    font-size: 22px;
    margin-bottom: .3em;
    line-height: 1.05;
    letter-spacing: -.5px;
    font-weight: 800;
    color: #000;
}

    .mini_view_item_title a {
        color: #000;
    }

        .mini_view_item_title a:hover {
            color: #5c5c5c;
        }

.post_block {
    position: relative;
    margin-top: 1em;
    margin-bottom: 1.425em;
    padding-top: 1.425em;
    border-top: 2px solid #f1f1f1;
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .2s ease .1s;
    transition: all .2s ease .1s;
    opacity: 1;
}

.post_block_header {
    -webkit-flex-basis: 28%;
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
    min-width: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.post_block_title {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600;
    line-height: 1.09;
    letter-spacing: -.7px;
    color: #000;
}

    .post_block_title a {
        color: #000;
    }

.post_block_meta {
    position: relative;
    bottom: 0;
    left: 0;
}

.river_byline {
    font-size: 13px;
    line-height: 1.54;
}

.river_byline_time {
    display: inline-block;
    margin-right: .8em;
    color: #777;
}

.river_byline_authors {
    font-weight: 700;
    line-height: 1.23;
    color: #333;
}

    .river_byline_authors a {
        color: #000;
    }

.post_block_content {
    font-size: 16px;
    -webkit-flex-basis: 32%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    line-height: 1.43;
    color: #777;
}

    .post_block_content p {
        line-height: 1.43 !important;
    }

.post_block_footer {
    -webkit-flex-basis: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
}

.post_block_media {
    position: relative;
    /*cursor: pointer;*/
    margin: 0;
    opacity: 1;
    max-width: 100%;
    height: auto;
}

.news_river_title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.news_desc {
    font-weight: 400;
    color: #333;
    letter-spacing: -.1px;
    font-size: 16px;
    line-height: 22px;
    white-space: pre-line;
}

.news_details_title {
    font-weight: 800;
    line-height: 1.1;
    color: #000;
    font-size: 26px;
}

.news_details_authors a {
    color: #000;
    font-weight: 500;
    font-size: 16px;
}

.quantity::-webkit-inner-spin-button,
.quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dashboard_task_ctas_bubble svg path {
    fill: rgb(199, 22, 29);
}

.mm-factfind-overview {
    margin-top: 20px;
    margin-bottom: 50px;
}

.mm-factfind-overview-wrapper {
    background-color: #fafafa;
    border-radius: 20px;
}

.mm-factfind-overview-applicants {
    z-index: 50;
}

.mm-factfind-overview-applicants-wrapper {
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.1);
    padding: .1px 32px;
}

.mm-factfind-overview-title {
    color: #000;
    font-weight: 600;
    font-size: 26px;
}

.mm-collapsible {
    margin-top: 16px;
    border-bottom: 1px solid #dadad9;
    padding-bottom: 16px;
}

    .mm-collapsible:last-of-type {
        border: none;
    }

.mm-collapsible-title, mm-collapsible-title > button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mm-readonly-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.mm-readonly-summary-icon {
    margin: 0 16px 0px;
}

    .mm-readonly-summary-icon > img {
        width: 24px;
        height: 24px;
    }

.mm-readonly-summary > .mm-readonly-summary-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .mm-readonly-summary > .mm-readonly-summary-title > h2 {
        margin: 0px 0 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        line-height: 24px;
    }

    .mm-readonly-summary > .mm-readonly-summary-title > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 15px;
        font-weight: 400;
    }

    .mm-readonly-summary > .mm-readonly-summary-title .mm-readonly-summary-status {
        padding: 4px 8px;
        border-radius: 3px;
        margin: 2px 0;
    }

        .mm-readonly-summary > .mm-readonly-summary-title .mm-readonly-summary-status.summary-status-green {
            background-color: #E0F2F1;
            color: #004D40;
            font-size:12px;
        }

        .mm-readonly-summary > .mm-readonly-summary-title .mm-readonly-summary-status.summary-status-orange {
            background-color: #fffae6;
            color: #fe7310;
        }

        .mm-readonly-summary > .mm-readonly-summary-title .mm-readonly-summary-status.summary-status-gray {
            background-color: #eeeff3;
            color: #203da6;
        }

.mm-readonly-summary-edit > a {
    padding: 3px 16px;
    display: inline-block;
    color: #1976D2;
    text-decoration: none;
    font-size:14px;
    font-weight:700;
    line-height:22px;
}

.mm-readonly-summary-collapser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    cursor: pointer;
    justify-self: end;
}

    .mm-readonly-summary-collapser > button {
        display: inline-block;
        width: auto;
        white-space: pre;
        background: none;
        margin: 0;
        border: none;
        cursor: pointer;
        font-size: 16px;
        padding: 12px 0 12px 12px;
        color: #455A64;
        font-size:14px;
        font-weight:500;
        line-height:22px;
    }

    .mm-readonly-summary-collapser:after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 11px;
        margin: 13px 4px 13px 8px;
        border-bottom: 1.5px solid #000;
        border-left: 1.5px solid #000;
        -webkit-transform: translateY(5px) rotate(135deg);
        transform: translateY(5px) rotate(135deg);
    }

    .mm-readonly-summary-collapser.summary-collapsed:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        height:12px;
        width:12px;
    }

.mm-collapsed .mm-collapsible-section {
    margin-bottom: 0;
    max-height: 0;
    padding-top: 0;
    overflow: hidden;
}

.mm-form-readonly {
    margin-top: 20px;
}

    .mm-form-readonly p {
        color: var(--gray-700, #455A64);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin: 0px;
        margin-bottom: 16px;
    }

        .mm-form-readonly p.question-title {
            margin: 0;
            padding: 0;
            margin-top: 0 !IMPORTANT;
            margin-bottom: 4px;
            color: #263238;
            font-size: 14px!important;
            font-style: normal;
            font-weight: 700!important;
            line-height: 22px!important;
        }

        .mm-form-readonly p.question-answer-complete, .mm-form-readonly p.question-answer-incomplete {
            color: #455A64!important;
            font-size:14px!important;
            line-height:22px!important;
            margin-top: 0px !important;
        }

    .mm-form-readonly .repeatable {
        padding-left: 0;
        margin: 0;
        position: relative;
        counter-reset: repeatable;
    }

    .mm-form-readonly .item {
        list-style: none;
    }

        .mm-form-readonly .item > .question:first-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .mm-form-readonly li > .question:first-of-type:before {
        content: counter(repeatable) ".";
        display: inline-block;
        counter-increment: repeatable;
        margin-left: 5px;
        color: #222;
        font-weight: 700;
        font-size: 18px;
    }

    .mm-form-readonly .item > .question:first-of-type > .question:first-of-type > .question-answer-incomplete, .mm-form-readonly .item > .question:first-of-type > .question-title {
        display: inline-block;
    }

    .mm-form-readonly p.question-answer-complete:empty {
        padding: 0;
    }

.mm-readonly-summary-continue > a, .mm-readonly-summary-continue > a:visited {
    text-decoration: none;
}

.mm-readonly-summary-continue button {
    /*background: #1976D2 !important;
    color: #fff !important;*/
    box-shadow: none !important;
    width: auto;
    height: 40px;
    margin: 0;
    min-width: 152px;
    font-size: 18px;
    /*border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;*/

    padding: 8px 20px;
    background: #1976D2 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0em;
    text-align: center !important;
}

.btn-circle .is-verified.zmdi {
    font-size: 18px;
    vertical-align: sub;
}

.affordability-list-table {
    margin-left: calc(8.33333% + 14.66667px);
}

    .affordability-list-table thead {
        background-color: whitesmoke;
    }

        .affordability-list-table thead th, .affordability-list-table tbody td {
            vertical-align: middle !important;
            line-height: 1.4;
        }

    .affordability-list-table .repeatable-item-controls-delete:before, .affordability-list-table .repeatable-item-controls-edit:before {
        margin-right: 4px;
    }

    .affordability-list-table .repeatable-item-controls-delete:not(:last-child):after, .affordability-list-table .repeatable-item-controls-edit:not(:last-child):after {
        bottom: 16%;
        height: 70%;
    }

    .affordability-list-table .repeatable-item-controls-delete, .affordability-list-table .repeatable-item-controls-edit {
        outline: 0;
    }

.mm-factfind-overview-applicants-wrapper.sub {
    border: 1px solid #dadad9;
    box-shadow: none;
    padding: .1px 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.currency-input .form-control[disabled], .textbox-input .form-control[disabled], .selectbox-input .form-control[disabled] {
    border-bottom: 1px solid rgb(118, 118, 115);
}

.admin-modal-row .radio-group-button .radio label {
    /*height: 51px;*/
}

.admin-modal-row .radio-group-button .radio .name {
    left: unset;
    top: unset;
}

.admin-modal-row .form-section .title.info {
    min-height: 24px;
}

.admin-modal-row .information-icon-target {
    right: 10px;
}

.two-column-input .divd-colmn-left {
    padding-right: 5px;
}

.two-column-input .divd-colmn-right {
    padding-left: 5px;
}

.small-text .radio-group-button label {
    font-size: 14px !important;
    white-space: normal;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 51px;
}

.custom-design .btn-group-justified label {
    width: 50%;
    padding-left: 35px;
    padding-right: 5px;
    margin-bottom: 10px !important;
}

    .custom-design .btn-group-justified label:first-of-type {
        margin-right: 5px;
    }

    .custom-design .btn-group-justified label:last-of-type {
        margin-left: 5px;
    }

.custom-design .radio-group-button .radio span, .custom-design .radio-group-button .radio .circle {
    left: 10px;
}

.apps-view .mm-factfind-overview {
    margin-top: 0;
}

.apps-view .mm-factfind-overview-applicants-wrapper {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.user-panel.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.user-panel.card {
    border-radius: 10px;
    box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
    border: 0;
}

.user-panel.sidebar-container {
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.user-panel.chat-sidebar-container {
    height: calc(100vh - 295px);
    min-height: unset;
    border: 1px solid #dadad9;
    border-radius: 10px;
    box-shadow: none !important;
}

.user-panel.sidebar-container .sidebar {
    position: absolute;
    top: 0;
    transition: all .3s ease-in;
    z-index: 60;
}

.user-panel.chat-sidebar-container .chat-sidebar-wrap {
    width: 260px;
}

.user-panel .border-right {
    border-right: 1px solid #dee2e6 !important;
}

.user-panel.chat-sidebar-container .chat-topbar {
    height: 52px;
}

.user-panel .o-hidden {
    overflow: hidden;
}

.user-panel .box-shadow-1 {
    box-shadow: 0 1px 15px 1px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}

.user-panel .pl-3, .user-panel .px-3 {
    padding-left: 16px !important;
}

.user-panel .pr-3, .user-panel .px-3 {
    padding-right: 16px !important;
}

.user-panel .pb-2, .user-panel .py-2 {
    padding-bottom: 8px !important;
}

.user-panel .pt-2, .user-panel .py-2 {
    padding-top: 8px !important;
}

.user-panel .mt-3, .user-panel .my-3 {
    margin-top: 16px !important;
}

.user-panel .pb-3, .user-panel .py-3 {
    padding-bottom: 1rem !important;
}

.user-panel .pt-3, .user-panel .py-3 {
    padding-top: 1rem !important;
}

.user-panel .align-items-center {
    align-items: center !important;
}

.user-panel .d-flex {
    display: flex !important;
}

.user-panel .link-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #47404f;
}

@media (min-width: 768px) {
    .user-panel .d-md-none {
        display: none !important;
    }
}

.user-panel .link-icon i {
    margin: 0 8px;
}

.user-panel .icon-regular {
    font-size: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.user-panel .mr-3, .user-panel .mx-3 {
    margin-right: 1rem !important;
}

.user-panel .flex-grow-1 {
    flex-grow: 1 !important;
}

.user-panel .serach-input {
    outline: initial !important;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #47404f;
    border-radius: 20px;
    padding: 6px 12px;
    margin: 0;
    background-image: none !important;
}

.user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable {
    position: relative;
    height: calc(100vh - 350px);
}

.user-panel .border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.user-panel .font-weight-bold {
    font-weight: 700 !important;
}

.user-panel .align-items-center {
    align-items: center !important;
}

.user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact {
    position: relative;
    cursor: pointer;
    transition: all .15s ease-in;
}

    .user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact:hover, .user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact.selected {
        background: #e7e7e7;
        border-bottom: 1px solid #cdcdcd !important;
    }

    .user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact.online:before {
        background: #4caf50;
    }

    .user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact:before {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        top: calc(50% - 4px);
        right: 30px;
        background: #bbb;
        border-radius: 50%;
    }

.user-panel .avatar-sm {
    width: 36px;
    height: 36px;
}

.user-panel .mr-3, .user-panel .mx-3 {
    margin-right: 16px !important;
}

.user-panel .ml-3, .user-panel .mx-3 {
    margin-left: 16px !important;
}

.user-panel .rounded-circle {
    border-radius: 50% !important;
}

.user-panel.chat-sidebar-container .chat-content-wrap .chat-content {
    padding: 1.5rem 1.5rem 0;
    position: relative;
    height: calc(100vh - 457px);
    overflow-y: auto;
}

    .user-panel.chat-sidebar-container .chat-content-wrap .chat-content .message {
        position: relative;
        background: #f8f9fa;
        border-radius: 10px;
        padding: 16px;
    }

        .user-panel.chat-sidebar-container .chat-content-wrap .chat-content .message:before {
            position: absolute;
            content: "";
            top: 14px;
            right: -5px;
            background: transparent;
            border-style: solid;
            border-width: 0 10px 10px 0;
            border-color: transparent transparent #f8f9fa;
            transform: rotate(-135deg);
        }

    .user-panel.chat-sidebar-container .chat-content-wrap .chat-content .user .message:before {
        left: -5px;
        right: auto;
        transform: rotate(45deg);
    }

.user-panel .btn.btn-rounded, .btn.rounded {
    border-radius: 40px;
}

.user-panel .btn-icon {
    width: 34px;
    height: 34px;
    padding: 0;
}

    .user-panel .btn-icon [class^=i-] {
        vertical-align: middle;
        margin: 0 2px;
        -webkit-font-smoothing: subpixel-antialiased;
    }

.user-panel.sidebar-container .sidebar-content {
    position: relative;
    height: 100%;
    transition: all .3s ease-in;
}

.user-panel .p-3 {
    padding: 16px !important;
}

.user-panel .message-wrap button {
    margin: 10px 0 10px 10px !important;
}

.user-panel .input-area {
    /*float: left;*/
    width: calc(100% - 40px);
}

.user-panel-applicant-list {
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.1);
    padding: 32px;
}

    .user-panel-applicant-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .user-panel-applicant-list ul li {
            display: inline-block;
            position: relative;
            padding: .5rem;
            line-height: 1;
            vertical-align: bottom;
            color: #70657b;
        }

    .user-panel-applicant-list .payment_panel {
        margin: 0px;
        background: #fff;
        cursor: pointer;
        width: 100px;
        border: 1px solid #656565;
    }

    .user-panel-applicant-list .payment_type {
        text-transform: capitalize;
        line-height: 28px;
        font-size: 12px;
        border-bottom: 1px solid #656565;
        background: #656565;
        color: #fff;
        margin-top: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .user-panel-applicant-list .bid_summary .user_info .name {
        white-space: nowrap;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 9px;
    }

    .user-panel-applicant-list .bid_summary .user_info a {
        color: #3e3e3e;
    }

    .user-panel-applicant-list .payment_panel.active {
        border: 1px solid #663399;
    }

        .user-panel-applicant-list .payment_panel.active .payment_type {
            border-bottom: 1px solid #663399;
            background: #663399;
            color: #fff;
            margin-top: 0;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

.document-upload-card {
    border: 1px solid #dadad9 !important;
    box-shadow: none !important;
    border-radius: 10px;
}

    .document-upload-card .ul-widget4__item {
        display: block;
        align-items: center;
        border-bottom: 1px dashed #dee2e6;
        padding: 15px 0;
    }

    .document-upload-card .ul-widget4__pic-icon {
        margin-right: 15px;
        font-size: 25px;
        display: flex;
    }

        .document-upload-card .ul-widget4__pic-icon i {
            margin-right: 10px;
            font-size: 25px;
            color: #7d7d7d;
        }

        .document-upload-card .ul-widget4__pic-icon a {
            color: #70657b;
            font-weight: 700;
            font-size: 15px;
        }

    .document-upload-card .document-item {
        display: flex;
        font-size: 12px;
        line-height: 30px;
        margin: 5px 0;
    }

        .document-upload-card .document-item img {
            width: 30px;
            margin-right: 5px;
        }

        .document-upload-card .document-item a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-decoration: underline;
            font-size: 12px !important;
        }

    .document-upload-card a.ul-widget4__title {
        color: #70657b;
        font-weight: 700;
        font-size: 15px;
    }

    .document-upload-card .card-body {
        flex: 1 1 auto;
        padding: 20px;
    }

    .document-upload-card .ul-widget__head {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        align-items: center;
        padding-bottom: 20px;
    }

    .document-upload-card .btn-primary {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        width: auto;
        height: 40px;
        margin: 0;
        font-size: 18px;
        border-radius: 6px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 14px;
        padding: 8px 20px;
        border: 1px solid #717171 !important;
    }

.cke_editable p {
    margin: 0;
}

.company_nav .menu_category .link_category, .company_nav .menu_user .link_category {
    height: 80px;
    line-height: 75px;
}

.menu_category.for-company {
    float: right;
    margin-right: 20px;
    margin-left: 0;
}

.company-header-contact {
    line-height: 25px !important;
    cursor: initial !important;
}

    .company-header-contact .ripple-container {
        display: none;
    }

    .company-header-contact .header-content-text {
        padding-top: 12px;
        color: #cb2027;
    }

        .company-header-contact .header-content-text i {
            background: #503e63;
            padding: 5px 6px;
            border-radius: 100px;
            width: 22px;
            height: 22px;
            font-size: 12px;
            color: #fff;
            margin-right: 5px;
        }

.company_nav .header_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    align-items: center;
    height: 80px;
    margin: 0 0 0 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .company_nav .header_logo img {
        max-width: 130px;
        max-height: 50px;
    }

.company_nav .user_toggle_menu {
    height: 45px !important;
}

.apps-view .user-panel-applicant-list {
    box-shadow: none;
    border-radius: 0;
}

.mm-factfind-overview.employment {
    margin-left: calc(8.33333% + 14.66667px);
    margin-right: calc(2% + 10px);
}

.about-me-back-btn {
    float: right;
    margin: 4px 0;
    color: #fff !important;
    box-shadow: none !important;
    padding: 8px 20px;
    background: #1976D2 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0em;
    text-align: center !important;
}

.footer-list-icons li {
    margin-bottom: 13px;
    padding-left: 13px;
    position: relative;
    line-height: 24px;
}

.footer-list-icons li {
    margin-bottom: 10px;
    padding-left: 13px;
    position: relative;
    line-height: 24px;
}

    .footer-list-icons li i {
        border: 2px solid #fff;
        margin-right: 5px;
        height: 30px;
        width: 30px;
        border-radius: 200rem;
        line-height: 28px;
        text-align: center;
        padding-left: 2px;
    }

    .footer-list-icons li a:hover {
        color: #fff;
        text-decoration: underline;
    }

.company-footer-right .stay-connected {
    font-size: 15px;
    font-weight: 600;
}

.footer_social_links.evernorth {
    padding: 0;
}

    .footer_social_links.evernorth a {
        background: #fff;
    }

        .footer_social_links.evernorth a:before {
            background-color: #dcdcdc !important;
        }

        .footer_social_links.evernorth a:hover, .footer_social_links.evernorth a:focus {
            background: #dcdcdc !important;
        }

.company-footer-right hr {
    border-top: 0;
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
}

.company-address-info ul {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

    .company-address-info ul li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 13px;
        line-height: 24px;
        font-size: 14px;
    }

        .company-address-info ul li i {
            position: absolute;
            left: 0;
            top: 5px;
            font-size: 16px;
            text-shadow: none;
            color: #e04622;
        }

        .company-address-info ul li a {
            color: #e04622;
        }

            .company-address-info ul li a:hover {
                text-decoration: underline;
            }

.about_intro.policy .container {
    height: 200px;
}

.mm-form-readonly.straight-line-text {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.mm-form-readonly li > .question.not-numbering:first-of-type:before {
    content: "";
    display: inline-block;
    /*counter-increment: repeatable;*/
    margin-left: 0px;
    color: #222;
    font-weight: 700;
    font-size: 18px;
}

.portfolio_item_body.case-documents .portfolio_item {
    border: 0;
    background-color: transparent;
}

    .portfolio_item_body.case-documents .portfolio_item img {
        border: 0;
        background-color: transparent;
        border-radius: 0;
        margin-right: 0;
    }

    .portfolio_item_body.case-documents .portfolio_item .name {
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 11px;
    }

    .portfolio_item_body.case-documents .portfolio_item .edit {
        width: 11px;
        height: 14px;
        z-index: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: absolute;
        bottom: -18px;
        right: 0;
    }

.portfolio_item_body.case-documents .portfolio_item_cross {
    left: 10px;
    right: unset;
    background: #fff;
    border: 1px solid #da251c;
    color: #da251c;
    font-size: 16px;
    width: 24px;
    height: 24px;
}

    .portfolio_item_body.case-documents .portfolio_item_cross:hover, .portfolio_item_body.case-documents .portfolio_item_cross:focus {
        background: #ed1c24;
        color: #fff;
    }

.textbox-input input::-moz-placeholder {
    font-size: 16px;
    line-height: 2.72857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.textbox-input input:-moz-placeholder {
    font-size: 16px;
    line-height: 2.72857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.textbox-input input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.textbox-input input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.currency-input input::-moz-placeholder {
    font-size: 16px;
    line-height: 2.72857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.currency-input input:-moz-placeholder {
    font-size: 16px;
    line-height: 2.72857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.currency-input input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.currency-input input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.42857 !important;
    color: #cad7dc;
    font-weight: 400;
}

.btn-google-plus, .btn-googleplus, .btn-gp, .btn-gplus, .btn-group-social, .btn-icon--social, .btn-icon--social--alt, .btn-instagram, .btn-linkedin, .btn-more-share, .btn-pinterest, .btn-reddit, .btn-reseaux-sociaux, .btn-share, .btn-share-email, .btn-share-facebook, .btn-share-googleplus, .btn-share-linkedin, .btn-share-review, .btn-share-twitter {
    /*display: inline-block !important;*/
}

.facebook_box, .facebook_box_sidebar, .facebook_btn, .facebook_button, .facebook_button_bg, .facebook_cont, .facebook_fanbox, .facebook_follow, .facebook_follower, .facebook_icn, .facebook_icon, .facebook_image, .facebook_indiv_widget, .facebook_large, .facebook_left, .facebook_like, .facebook_like_box, .facebook_like_pane, .facebook_likes_facebook_page, .facebook_logo {
    /*display: inline-block !important;*/
}

.about-me-terms {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 24px;
}

.dashboard-main-title {
    font-size: 41px;
    line-height: 44px;
}

.dashboard-sub-title {
    font-size: 24px;
    line-height: 32px;
    color: rgb(22, 22, 61);
    font-weight: 400;
}

.textbox-input .textbox-input-with-suffix {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    z-index: 1;
    min-width: 0;
}

.textbox-input .input-outer-suffix-label {
    /*z-index: -1;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f5f5f5;
    border: 1px solid #949492;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    color: #767673;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    white-space: nowrap;
}

.radio-group-button.flat-width label:last-of-type {
    margin-bottom: 0px !important;
}

.section-teams .container {
    max-width: 900px;
}

.card-team {
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1), 0px 2px 2px rgba(0,0,0,0.1), 0px 3px 1px rgba(0,0,0,0.1);
    border-radius: 6px;
}

.card-team {
    box-shadow: none;
}

    .card-team img {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        margin: 0 auto;
        display: block;
        position: relative;
        z-index: 1;
    }

    .card-team h4 {
        font-weight: 600;
        color: #2d2d2d;
        font-size: 21px;
        line-height: 31px;
    }

    .card-team .def {
        color: #000;
        font-size: 16px;
        line-height: 160% !important;
        letter-spacing: 0.02em;
        margin: 15px 0;
    }

    .card-team .bio {
        color: #0062ff;
    }

.team-popup-header {
    padding: 10px 24px;
}

.team-bio-title {
    font-weight: 600;
    color: #928700;
    margin-bottom: 2px;
    margin-top: 10px;
}

.team-bio-def {
    margin: 0;
    color: #000;
}

.team-popup-header .media-object-circle {
    margin-top: 5px;
}

.user_agreement_text label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
}

.first-time-buyer-top-banner {
    background: #16163D;
}

    .first-time-buyer-top-banner .container {
        background-size: 300px auto;
        padding-top: 120px;
        padding-bottom: 130px;
        background-position: top 130px right 40px;
        padding-left: 64px;
        padding-right: 64px;
        height: 100%;
        box-sizing: border-box;
        background-image: url(//images.ctfassets.net/df19brv7vyip/37jGOIXlCqc2RJJ8nUqPsY/425a70153c98f711b4397507b0c60ef8/HeroImage.svg);
        background-repeat: no-repeat;
    }

    .first-time-buyer-top-banner h1 {
        max-width: 700px;
        font-size: 83px;
        line-height: 88px;
        font-style: normal;
        font-weight: 600;
        color: #FFFFFF;
        margin: 0;
        width: 100%;
    }

    .first-time-buyer-top-banner h5 {
        max-width: 700px;
        font-size: 32px;
        line-height: 32px;
        font-style: normal;
        font-weight: 400;
        color: #FFFFFF;
        margin: 16px 0 0 0;
    }

.first-time-buyer-calculator .container {
    padding: 32px 32px 0px 32px;
    border-radius: 8px;
    box-sizing: border-box;
    margin: -48px auto 24px auto;
    box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    border: 1px solid #E1E1E1;
    background: #FFFFFF;
}

    .first-time-buyer-calculator .container h5 {
        font-size: 32px;
        line-height: 32px;
        font-style: normal;
        font-weight: normal;
        margin: 0 0 16px 0;
        padding: 0;
        width: 100%;
        color: #16163D;
    }

.first-time-buyer-calculator-form1 {
    padding-bottom: 24px;
    margin-bottom: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .first-time-buyer-calculator-form1.second {
        padding: 0 16px 16px;
        margin: 16px 0;
        border: 1px solid #E1E1E1;
        background-color: #F5F5F5;
        border-radius: 4px;
    }

    .first-time-buyer-calculator-form1 .form-input-body {
        padding-right: 16px;
        width: calc(100% / 2);
    }

        .first-time-buyer-calculator-form1 .form-input-body label.title {
            font-size: 18px;
            line-height: 28px;
            font-style: normal;
            font-weight: normal;
            color: #16163D !important;
        }

        .first-time-buyer-calculator-form1 .form-input-body .currency-input .form-control {
            background-color: #fff;
        }

.aiming-to-buy-content {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.aiming-to-buy-selectbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

    .aiming-to-buy-selectbox select {
        background-color: #fff !important;
    }

.first-time-buyer-calculator-btn {
    width: 160px;
    margin: 16px 0px 16px auto;
}

    .first-time-buyer-calculator-btn a {
        -webkit-transform: translate(0px,-2px);
        -ms-transform: translate(0px,-2px);
        transform: translate(0px,-2px);
        box-shadow: 0 4px 2px 0 rgba(0,0,0,0.12999999523162842);
        -webkit-filter: opacity(90%);
        filter: opacity(90%);
        -webkit-transition: -webkit-transform 0.2s,filter 0.2s,box-shadow 0.2s;
        -webkit-transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
        transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
        font-size: 18px;
        line-height: 28px;
        box-sizing: border-box;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        white-space: nowrap;
        min-height: 48px;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12999999523162842);
        -webkit-transition: -webkit-transform 0.2s,filter 0.2s,box-shadow 0.2s;
        -webkit-transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
        transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
        width: 100%;
        cursor: pointer;
        white-space: normal;
        word-wrap: break-word;
        padding: 0 4px;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        background-color: #235CC5;
        border: solid #235CC5 1px;
        color: #FFFFFF;
        text-align: center;
    }

        .first-time-buyer-calculator-btn a:hover {
            -webkit-transform: translate(0px,-2px);
            -ms-transform: translate(0px,-2px);
            transform: translate(0px,-2px);
            box-shadow: 0 4px 2px 0 rgba(0,0,0,0.12999999523162842);
            -webkit-filter: opacity(90%);
            filter: opacity(90%);
            -webkit-transition: -webkit-transform 0.2s,filter 0.2s,box-shadow 0.2s;
            -webkit-transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
            transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
        }

.mortgage-next-section h4 {
    font-size: 41px;
    line-height: 44px;
    font-style: normal;
    font-weight: 400;
    color: #16163D;
    padding-bottom: 12px;
    margin: auto 0;
}

.mortgage-next-section .mortgage-next-box-content {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto 0;
    padding-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mortgage-next-box-content .mortgage-next-box {
    margin-bottom: 24px;
    width: calc(33.3% - 16px);
    padding: 0;
}

.mortgage-next-box-content .mortgage-next-box-body {
    margin-bottom: 0;
    padding: 32px 32px 24px 32px;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: right 24px bottom 24px;
    box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .mortgage-next-box-content .mortgage-next-box-body.complete {
        padding: 32px;
        margin-top: 0;
        background: #FFFFFF;
        border: 2px solid #36D9AD;
        box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
        position: relative;
    }

        .mortgage-next-box-content .mortgage-next-box-body.complete .head {
            left: 32px;
            font-size: 16px;
            line-height: 24px !important;
            font-style: normal;
            font-weight: normal;
            background: #36D9AD;
            max-width: 200px;
            padding: 6px;
            color: white;
            text-align: center;
            border-radius: 4px;
            position: absolute;
            padding-left: 24px;
            padding-right: 12px;
            top: -16px;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDMuOTEzODVMNC4wNTY4OSA3TDEwIDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
            background-repeat: no-repeat;
            background-position-y: calc(50% - 1px);
            background-position-x: 8px;
        }

    .mortgage-next-box-content .mortgage-next-box-body.recommended {
        padding: 32px;
        margin-top: 0;
        background: #FFFFFF;
        border: 2px solid #16163D;
        box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
        position: relative;
    }

        .mortgage-next-box-content .mortgage-next-box-body.recommended .head {
            left: 32px;
            font-size: 16px;
            line-height: 24px !important;
            font-style: normal;
            font-weight: normal;
            visibility: visible;
            background: #16163D;
            max-width: 100%;
            padding: 6px 12px;
            color: white;
            text-align: center;
            border-radius: 4px;
            position: absolute;
            top: -16px;
        }

    .mortgage-next-box-content .mortgage-next-box-body .title {
        font-size: 20px;
        line-height: 32px !important;
        font-style: normal;
        font-weight: bold;
        color: #16163D;
        margin: 0 0 8px 0;
    }

    .mortgage-next-box-content .mortgage-next-box-body .desc {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 28px;
        font-style: normal;
        font-weight: normal;
        color: #626262;
    }

    .mortgage-next-box-content .mortgage-next-box-body .box-btn {
        padding-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 100%;
    }

        .mortgage-next-box-content .mortgage-next-box-body .box-btn a {
            font-size: 18px;
            line-height: 28px;
            padding-left: 24px;
            padding-right: 24px;
            margin-right: 8px;
            box-sizing: border-box;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-height: 48px;
            border-radius: 4px;
            -webkit-transition: -webkit-transform 0.2s,background-color 0.2s,box-shadow 0.2s;
            -webkit-transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
            transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
            max-width: 100%;
            overflow-wrap: anywhere;
            cursor: pointer;
            -webkit-text-decoration: none;
            text-decoration: none;
            white-space: normal;
            font-style: normal;
            font-weight: normal;
            background-color: #FFFFFF;
            border: solid #E1E1E1 1px;
            color: #235CC5;
            text-align: center;
        }

            .mortgage-next-box-content .mortgage-next-box-body .box-btn a:hover {
                -webkit-transform: translate(0px,-2px);
                -ms-transform: translate(0px,-2px);
                transform: translate(0px,-2px);
                box-shadow: 0 4px 2px 0 rgba(0,0,0,0.12999999523162842);
                background-color: #F5F5F5 transition:transform 0.2s,background-color 0.2s,box-shadow 0.2s;
            }

.first-time-buyer-review-section {
    background: url(../img/buyer-review-section-bg.jpg);
    background-color: #235CC5;
    background-repeat: no-repeat;
    background-size: auto 300px;
    background-position: center top;
}

    .first-time-buyer-review-section .buyer-review {
        width: 40%;
        margin: 0;
        margin-bottom: -60px;
        padding-top: 240px;
        box-sizing: border-box;
    }

    .first-time-buyer-review-section .review-content {
        background: #FFFFFF;
        padding: 48px 32px;
        border-radius: 8px;
        display: inline-block;
        border: 1px solid #dbe0eb;
        box-sizing: border-box;
        box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    }

        .first-time-buyer-review-section .review-content img {
            max-width: 180px;
            padding-bottom: 16px;
        }

        .first-time-buyer-review-section .review-content .desc {
            font-size: 20px;
            line-height: 32px !important;
            font-style: normal;
            font-weight: normal;
            color: #16163D;
            padding-bottom: 16px;
        }

        .first-time-buyer-review-section .review-content .hint {
            font-size: 16px;
            line-height: 24px !important;
            font-style: normal;
            font-weight: normal;
            color: #16163D;
        }

.personal-mortgage-broker {
    background: #235CC5;
    margin-bottom: -80px;
}

.personal-mortgage-broker-first {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 60px 40px 40px 40px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mortgage-broker-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
}

    .mortgage-broker-profile img {
        max-width: 300px;
        height: auto;
        padding-right: 48px;
    }

    .mortgage-broker-profile p {
        font-size: 16px;
        line-height: 24px;
        font-style: normal;
        font-weight: normal;
        margin-top: 16px;
    }

        .mortgage-broker-profile p span {
            font-weight: 900;
        }

.mortgage-broker-details {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .mortgage-broker-details h3 {
        font-size: 41px;
        line-height: 44px;
        font-style: normal;
        font-weight: 400;
        color: #FFFFFF;
        padding-bottom: 12px;
    }

    .mortgage-broker-details p {
        font-size: 16px;
        line-height: 24px;
        font-style: normal;
        font-weight: normal;
        margin-bottom: 0;
    }

    .mortgage-broker-details ul {
        padding-bottom: 0;
        font-size: 16px;
        line-height: 24px;
        font-style: normal;
        font-weight: normal;
        padding: 0 0 20px 0;
    }

        .mortgage-broker-details ul li {
            list-style-type: none;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            margin: 16px 0;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .mortgage-broker-details ul li span {
                font-size: 16px;
                line-height: 24px;
                font-style: normal;
                font-weight: normal;
                padding-left: 8px;
            }

.personal-mortgage-broker-second {
    width: 100%;
    margin: 0;
    /*margin-bottom: -60px;*/
    padding-top: 0px;
    box-sizing: border-box;
}

    .personal-mortgage-broker-second .broker-review {
        background: #FFFFFF;
        padding: 48px 32px;
        border-radius: 8px;
        display: inline-block;
        border: 1px solid #dbe0eb;
        box-sizing: border-box;
        box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    }

        .personal-mortgage-broker-second .broker-review img {
            max-width: 180px;
            padding-bottom: 16px;
        }

        .personal-mortgage-broker-second .broker-review img {
            max-width: 180px;
            padding-bottom: 16px;
        }

        .personal-mortgage-broker-second .broker-review .desc {
            font-size: 20px;
            line-height: 32px !important;
            font-style: normal;
            font-weight: normal;
            color: #16163D;
            padding-bottom: 16px;
        }

        .personal-mortgage-broker-second .broker-review .hint {
            font-size: 16px;
            line-height: 24px !important;
            font-style: normal;
            color: #16163D;
            font-weight: normal;
        }

            .personal-mortgage-broker-second .broker-review .hint span {
                font-weight: 900;
            }

.apply-for-mortgage {
    padding-bottom: 80px;
    padding-top: 180px;
    margin: -40px 0 0 0;
    background: #F5F5F5;
    height: 350px;
    color: #16163D;
}

.apply-for-mortgage-content {
    margin: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .apply-for-mortgage-content h3 {
        font-size: 52px;
        line-height: 56px;
        font-style: normal;
        font-weight: 400;
        color: #16163D;
        padding-bottom: 12px;
        margin: 0;
    }

.apply-for-mortgage-btn {
    padding-top: 0;
    max-height: 48px;
    max-width: 200px;
}

    .apply-for-mortgage-btn a {
        font-size: 18px;
        line-height: 28px;
        padding-left: 24px;
        padding-right: 24px;
        margin-right: 8px;
        box-sizing: border-box;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        white-space: nowrap;
        min-height: 50px;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12999999523162842);
        -webkit-transition: -webkit-transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        -webkit-transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        transition: transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        width: 100%;
        cursor: pointer;
        font-style: normal;
        font-weight: normal;
        background-color: #FFFFFF;
        border: solid #235CC5 1px;
        color: #235CC5;
        text-align: left;
        -webkit-text-decoration: none;
        text-decoration: none;
    }

        .apply-for-mortgage-btn a:hover {
            -webkit-transform: translate(0px,-2px);
            -ms-transform: translate(0px,-2px);
            transform: translate(0px,-2px);
            box-shadow: 0 4px 2px 0 rgba(0,0,0,0.12999999523162842);
            background-color: #F5F5F5 transition:transform 0.2s,background-color 0.2s,box-shadow 0.2s;
        }

.more-first-time-buyer-mortgages-hint {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px !important;
    color: #252551;
}

.how-can-we-help-section .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    height: 100%;
}

.how-can-we-help {
    padding-right: 5%;
    width: calc(50% - 32px);
    margin-right: 32px;
    margin-left: 0px;
    box-sizing: border-box;
    margin-top: 50px;
}

.how-can-we-help-content {
    position: relative;
    max-width: 100%;
}

.how-can-we-help-body {
    position: absolute;
    opacity: 1;
    transition: opacity 0.2s ease-in-out 0s;
}

    .how-can-we-help-body .back-linked {
        font-size: 16px;
        line-height: 24px;
        display: block;
        font-style: normal;
        font-weight: bold;
        color: rgb(22, 22, 61);
        margin-bottom: 32px;
        padding-left: 32px;
        text-decoration: none;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTJIMjIiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDIwTDguMTYwNyAxMi4zNzY5QzguMDU3ODEgMTIuMjc3IDggMTIuMTQxNCA4IDEyQzggMTEuODU4NiA4LjA1NzgxIDExLjcyMyA4LjE2MDcgMTEuNjIzMUwxNiA0IiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) left center no-repeat white;
        background-repeat: no-repeat;
        background-position: left center;
        border-width: initial !important;
        border-style: none !important;
        border-color: initial !important;
        border-image: initial !important;
    }

    .how-can-we-help-body .question-text {
        font-size: 16px;
        line-height: 24px !important;
        font-style: normal;
        font-weight: normal;
        display: inline;
        color: rgb(22, 22, 61);
    }

.why-choose-mortgage-magic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(37.333333333333336% - 32px);
    margin-right: 32px;
    margin-left: calc((12.666666666666668%) - 0px);
    box-sizing: border-box;
}

.why-choose-mortgage-magic-content {
    height: 100%;
    width: 100%;
}

.why-choose-mortgage-magic-body {
    margin: 60px 0 0 0;
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 2px solid #F5F5F5;
}

.why-choose-mortgage-magic-desc {
    padding: 32px 42px 0 42px;
}

    .why-choose-mortgage-magic-desc p {
        font-size: 26px;
        line-height: 40px !important;
        font-style: normal;
        font-weight: bold;
        color: #222;
        margin: 0;
    }

    .why-choose-mortgage-magic-desc ul {
        padding-top: 32px;
        padding-left: 0px;
        list-style: none;
    }

        .why-choose-mortgage-magic-desc ul li {
            margin-bottom: 32px;
        }

            .why-choose-mortgage-magic-desc ul li h5 {
                font-size: 18px;
                line-height: 28px;
                font-style: normal;
                font-weight: bold;
                margin: 0;
                color: #222;
            }

            .why-choose-mortgage-magic-desc ul li p {
                font-size: 18px;
                line-height: 28px !important;
                font-style: normal;
                font-weight: normal;
                color: #222;
                margin: 0;
            }

.how-can-we-help .category_wise_service_title {
    text-align: left;
    font-size: 47px;
    line-height: 56px;
    margin: 0;
    font-style: normal;
    font-weight: 600;
    color: rgb(22, 22, 61);
    margin-bottom: 40px;
}

.how-can-we-help .category_wise_service_tab {
    margin-left: 0;
    margin-right: 0;
}

.how-can-we-help .custom_block {
    width: 70%;
    max-width: 400px;
}

.how-can-we-help .steps-control-btn {
    width: 70%;
    max-width: 400px;
    margin-bottom: 150px;
}

.steps-control-btn .btn-success {
    font-size: 18px;
    line-height: 28px;
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 48px;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 2px 0px !important;
    width: 100%;
    cursor: pointer;
    white-space: normal;
    overflow-wrap: break-word;
    font-style: normal;
    font-weight: normal;
    background-color: #DE2367 !important;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 8px;
    border-radius: 4px;
    transition: transform 0.2s ease 0s, filter 0.2s ease 0s, box-shadow 0.2s ease 0s;
    padding: 0px 4px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #c71757;
    border-image: initial;
}

    .steps-control-btn .btn-success:hover {
        transform: translate(0px, -2px);
        box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 2px 0px !important;
        filter: opacity(90%);
        transition: transform 0.2s ease 0s, filter 0.2s ease 0s, box-shadow 0.2s ease 0s;
    }

.mm-experts-online .category_wise_service_title {
    font-size: 38px;
    line-height: 42px;
}

.mm-experts-online p {
    font-size: 17px;
    line-height: 28px !important;
    font-style: normal;
    font-weight: normal;
    color: rgb(22, 22, 61);
    padding-bottom: 32px;
}

.mm-experts-online img {
    max-width: 300px;
}

.mm-experts-online .steps-control-btn {
    max-width: 260px;
    padding-top: 32px;
    margin-bottom: 0;
}

.speak-expert-section {
    /*padding-bottom: 64px;*/
}

.speak-expert-content {
    margin-bottom: 40px;
}

.speak-expert-body {
    box-shadow: rgba(214, 219, 232, 0.4) 0px 4px 0px;
    box-sizing: border-box;
    margin-bottom: 24px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(225, 225, 225);
    border-image: initial;
    border-radius: 8px;
    padding: 24px 16px;
}

    .speak-expert-body .thum-img {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding-bottom: 8px;
    }

    .speak-expert-body .title {
        font-size: 26px;
        line-height: 40px !important;
        font-style: normal;
        color: rgb(22, 22, 61);
        font-weight: bold;
        padding-bottom: 0;
        margin: 0;
    }

    .speak-expert-body .sub-title {
        font-size: 18px;
        line-height: 28px;
        font-style: normal;
        font-weight: normal;
        color: rgb(98, 98, 98);
        padding-bottom: 16px;
        margin: 0;
    }

    .speak-expert-body .desc {
        font-size: 18px;
        line-height: 28px;
        font-style: normal;
        font-weight: normal;
        color: rgb(22, 22, 61);
        padding-bottom: 16px;
        margin: 0;
    }

    .speak-expert-body .steps-control-btn {
        width: 100%;
        max-width: inherit;
        padding-top: 0;
    }

.how-can-we-help .category_task_post_progress .progress-bar {
    background: rgb(35, 92, 197);
}

.how-it-works ul li {
    padding-bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    position: relative;
    margin-bottom: 0;
}

    .how-it-works ul li:before {
        position: absolute;
        left: 10px;
        z-index: 1;
        top: 0;
        content: '';
        height: 100%;
        width: 0;
        border-left: 1px solid #E1E1E1;
    }

    .how-it-works ul li:first-of-type:before {
        position: absolute;
        left: 10px;
        z-index: 1;
        top: 0;
        content: '';
        height: 100%;
        width: 0;
        border-left: 1px solid #E1E1E1;
    }

    .how-it-works ul li:last-of-type:before {
        height: 30%;
    }

    .how-it-works ul li img {
        margin-right: 20px;
        max-height: 40px;
        max-width: 40px;
        min-height: 40px;
        min-width: 40px;
        margin-left: -10px;
        z-index: 3;
    }

    .how-it-works ul li p {
        font-size: 18px;
        line-height: 28px !important;
        font-style: normal;
        font-weight: bold;
        margin: 0;
    }

    .how-it-works ul li span {
        font-size: 16px;
        line-height: 24px;
        font-style: normal;
        font-weight: normal;
    }

.sign-up-form-content {
    max-width: 330px;
}

    .sign-up-form-content .category_wise_service_title {
        font-size: 26px;
        line-height: 40px;
    }

.how-can-we-help .sign-up-form-content .steps-control-btn {
    width: 100%;
}

.sign-up-form-content .steps-control-btn .btn-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyMy4yNDlDMTguMjEzMiAyMy4yNDkgMjMuMjUgMTguMjEyMiAyMy4yNSAxMS45OTlDMjMuMjUgNS43ODU3OSAxOC4yMTMyIDAuNzQ4OTkzIDEyIDAuNzQ4OTkzQzUuNzg2OCAwLjc0ODk5MyAwLjc1IDUuNzg1NzkgMC43NSAxMS45OTlDMC43NSAxOC4yMTIyIDUuNzg2OCAyMy4yNDkgMTIgMjMuMjQ5WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuOTk5NyAxMi4xNjY1SDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42NjY2MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi44MzM1IDhMMTcgMTIuMTY2NkwxMi44MzM1IDE2LjMzMzEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42NjY2MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right 24px;
    padding: 13px 24px;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.sign-up-form-content .user_agreement_text label {
    margin: 25px 0 !important;
}

.sign-up-form-content .user_agreement_text .agreement_hint {
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
}

.sign-up-form-content.last-step .sub-title {
    font-size: 16px;
    line-height: 24px !important;
    font-style: normal;
    font-weight: normal;
    color: #16163D;
    margin-bottom: 16px;
}

.sign-up-form-content.last-step .email-address {
    font-size: 18px;
    line-height: 28px !important;
    font-style: normal;
    margin-bottom: 16px;
    font-weight: bold;
    color: rgb(22, 22, 61);
}

.sign-up-form-content.last-step .steps-control-btn {
    margin-bottom: 40px;
}

.use-password-instead a {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    margin-bottom: 16px;
    padding-left: 0px;
    color: rgb(32, 61, 166);
    font-style: normal;
    font-weight: bold;
    background: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.sign-up-form-content.last-step .term-hint {
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: normal;
    margin-top: 24px;
    margin-bottom: 100px;
    color: #16163D;
    background-color: #FFFFFF;
}

    .sign-up-form-content.last-step .term-hint a {
        color: #203DA6;
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.sign-up-form-section .why-choose-mortgage-magic {
    width: calc(43.333333333333336% - 32px);
    margin-left: calc((6.666666666666668%) - 0px);
}

.resources-breadcrumbs {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    margin-bottom: 66px;
}

    .resources-breadcrumbs a {
        color: #252551;
        font-size: 14px;
        line-height: 21px;
    }

        .resources-breadcrumbs a + a:before {
            background-image: url(../img/svg/arrow_breadcrumb.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 8px;
            content: ' ';
            display: inline-block;
            height: 10px;
            margin-right: 4px;
            width: 14px;
        }

.resources-content .resources-navigation {
    width: calc(25% - 20px);
    float: left;
    margin-left: 16px;
    background: transparent;
    border: 0;
    padding: 0;
    position: static;
    z-index: 1;
    opacity: 1;
    margin-right: -16px;
    top: 0;
    box-sizing: border-box;
    margin-bottom: 10px;
    transition: opacity 0.25s linear 0s;
}

    .resources-content .resources-navigation ul {
        display: block;
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        list-style-type: none;
        margin: 0;
        padding-inline-start: 0px;
    }

        .resources-content .resources-navigation ul li {
            padding: 10px 0;
        }

            .resources-content .resources-navigation ul li a {
                clip: auto;
                -webkit-clip-path: none;
                clip-path: none;
                height: auto;
                overflow: visible;
                position: static;
                white-space: inherit;
                width: auto;
                color: #252551;
                display: block;
                font-size: 14px;
                line-height: 21px;
            }

                .resources-content .resources-navigation ul li a:hover {
                    text-decoration: underline;
                }

.resources-main {
    margin-left: calc(8.33333% - 17.33333px + 32px);
    width: calc(50% - 24px);
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 60px;
}

    .resources-main .basic .break {
        width: 80px;
        height: 8px;
        background-color: #f97248;
        border-radius: 4px;
        border: none;
        margin: 8px 0px;
        text-align: left;
    }

    .resources-main .basic h1 {
        font-size: 24px;
        line-height: 36px;
        margin-top: 10px;
        margin-bottom: 40px;
        color: #252551;
        text-rendering: optimizeLegibility;
        font-weight: 600;
    }

    .resources-main .basic p {
        font-size: 16px;
        line-height: 24px !important;
        margin: 16px 0;
        color: #252551;
        font-weight: 400;
    }

    .resources-main .basic ul {
        font-size: 16px;
        line-height: 24px !important;
        margin: 16px 0;
        color: #252551;
        font-weight: 400;
    }

.resource-centre-ctas {
    background: #F0F0F0;
    margin: 30px 0 30px;
    padding: 24px;
}

    .resource-centre-ctas .break {
        width: 40px;
        height: 4px;
        background-color: #f97248;
        border-radius: 4px;
        border: none;
        margin-left: 0px;
        text-align: left;
        margin: 8px 0;
    }

    .resource-centre-ctas h3 {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        margin-top: 10px;
        color: #252551;
    }

    .resource-centre-ctas p {
        font-size: 16px;
        line-height: 24px !important;
        margin: 16px 0;
        color: #252551;
    }

    .resource-centre-ctas a {
        font-size: 16px;
        height: 32px;
        justify-content: center;
        line-height: 21px;
        margin: 12px 0;
        min-height: 40px;
        min-width: 130px;
        padding: 0 34px;
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        white-space: nowrap;
        border-radius: 4px;
        border: solid #1976D2 1px;
        background: #1976D2 !important;
        color: #fff !important;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.13) !important;
        transition: transform 0.2s,filter 0.2s,box-shadow 0.2s;
    }

        .resource-centre-ctas a:hover {
            border: solid #1976D2 1px;
            transform: translate(0px,-2px);
            box-shadow: 0 4px 2px 0 rgba(0,0,0,0.13) !important;
            filter: brightness(90%);
        }

.resources-collapsible {
    box-sizing: border-box;
    font-size: 0;
    margin-top: 0px;
    width: 100%;
}

    .resources-collapsible:not(.resources-collapsible-open) .resources-collapsible-header {
        border-bottom: 1px solid #CCC;
    }

    .resources-collapsible .resources-collapsible-header {
        display: block;
        cursor: pointer;
        font-size: 32px;
        position: relative;
        color: #252551;
    }

        .resources-collapsible .resources-collapsible-header h2 {
            box-sizing: border-box;
            color: #1976D2;
            font-size: 18px;
            line-height: 27px;
            margin: 0;
            padding: 20px 30px 20px 0;
            font-weight: 600;
        }

        .resources-collapsible .resources-collapsible-header:after {
            background-image: url(../img/svg/collapsible_arrow.svg);
            background-position: center right;
            background-repeat: no-repeat;
            content: " ";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 16px;
            transform: rotate(180deg);
            transition: transform 0.3s;
        }

    .resources-collapsible:not(.resources-collapsible-open) .resources-collapsible-header:after {
        transform: rotate(0);
    }

    .resources-collapsible:not(.resources-collapsible-open) .resources-collapsible-body {
        font-size: 0;
        height: 0;
        opacity: 0;
        display: none;
    }

.resources-collapsible-body {
    font-size: 16px;
    line-height: 24px;
    opacity: 1;
    display: block;
    transition: font-size 0s,opacity 0.5s;
}

.mortgages-explained-section {
    margin-bottom: 22px;
    padding-top: 50px;
}

.resources-collapsible-body h3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #252551;
    margin: 16px 0;
}

.resources-collapsible-body p {
    font-size: 16px;
    line-height: 24px !important;
    margin: 16px 0;
    color: #252551;
    font-weight: 400;
}

    .resources-collapsible-body p + h3, .resources-collapsible-body ul + h3 {
        margin-top: 48px;
    }

    .resources-collapsible-body p a {
        color: #1976D2;
    }

        .resources-collapsible-body p a:hover {
            text-decoration: underline;
        }

.resources-collapsible-body table, .resources-collapsible-body th, .resources-collapsible-body td {
    border: 1px solid #CCC;
    border-collapse: collapse;
    padding: 16px;
    color: #252551;
    font-weight: 400;
}

    .resources-collapsible-body table .header th {
        text-align: center;
    }

.read-more-resources {
    font-size: 16px;
    line-height: 24px !important;
    margin: 48px 0 16px 0;
    color: #252551;
    font-weight: 400;
}

    .read-more-resources a {
        color: #1976D2;
        text-decoration: underline;
    }

.resources-collapsible-body ul, .resources-collapsible-body ol {
    color: #252551;
}

.offers-notice-section {
    background-color: #cb2027;
    color: #fff;
    text-align: center;
}

    .offers-notice-section .container {
        padding: 8px;
    }

    .offers-notice-section .msg {
        font-size: 20px;
        /*font-family: Roboto,Arial,Helvetica,sans-serif;*/
        -webkit-letter-spacing: 1px;
        -moz-letter-spacing: 1px;
        -ms-letter-spacing: 1px;
        letter-spacing: 1px;
        line-height: 30px;
    }

    .offers-notice-section .msg-link {
        font-size: 14px;
        /*font-family: Roboto,Arial,Helvetica,sans-serif;*/
        -webkit-letter-spacing: 1px;
        -moz-letter-spacing: 1px;
        -ms-letter-spacing: 1px;
        letter-spacing: 1px;
        line-height: 24px;
    }

        .offers-notice-section .msg-link a {
            color: #fff;
            text-decoration: underline;
        }

.agr-question {
    font-size: 18px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    margin: 20px 0;
    color: #222;
}

    .agr-question .agr-answer {
        color: #626262;
        font-weight: 400;
    }

.fee-arrangement-content {
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.1);
    padding: .1px 32px;
}

    .fee-arrangement-content h2 {
        color: #000;
        font-weight: 600;
        font-size: 26px;
    }

.protection-hub-selection ul li {
    padding: 0 !important;
}

.protection-hub-selection .payment_panel {
    border: 1px solid #666a5e;
    width: 156px !important;
    padding: 12px 16px 16px 16px;
}

.protection-hub-selection .payment_budget {
    border: 0;
    background-color: #ffffff;
    min-height: 100px;
    color: var(--Gray-900, #263238);
    text-align: center;
    /* 16-B-24 */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.protection-hub-selection .bid_summary {
    padding: 8px;
}

    .protection-hub-selection .bid_summary .user_info {
        color: #2f372f;
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        min-height: 44px;
    }

.protection-hub-selection .payment_type {
    border-bottom: 0;
    background-color: #ff7879;
    color: #fff !important;
    font-size: 14px !important;
    height: 40px;
    padding: 5px 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.protection-hub-lists {
    /*border: 2px solid #639;*/
    border-radius: 6px;
}

.protection-hub-lists-header {
    background-color: #ECEFF1;
    color: #263238;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-flex-direction: column; */
    -ms-flex-direction: column;
    /* flex-direction: column; */
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border-radius: 6px;
}

    .protection-hub-lists-header .title {
        position: relative;
        width: 50%;
        color: var(--Gray-900, #263238);
       
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
    }

        .protection-hub-lists-header .title.web {
            font-size: inherit;
            color: #fff;
            font-weight: 400;
            line-height: 20px;
            padding-bottom: 0;
        }

    .protection-hub-lists-header .notice {
        text-align: right;
        position: relative;
        width: 50%;
        color: var(--Gray-900, #263238);
        /* 16-B-24 */
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

.protection-hub-lists-content .protection-hub-lists-body {
    background: #f7f7f7;
    margin-bottom: 10px;
    border-top: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
}

    .protection-hub-lists-content .protection-hub-lists-body:last-of-type {
        margin-bottom: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

.protection-hub-btn-header {
    margin-bottom: -10px;
}

.protection-hub-btn-header-options button {
    padding-right: 12px !important;
}

    .protection-hub-btn-header-options button .fa {
        /*font-size: 16px;*/
    }

.protection-hub-btn-header-options .dropdown-toggle:after {
    border: 0;
}

.protection-hub-btn-header-options .dropdown-menu.show {
    right: 0 !important;
    left: auto !important;
}

.protection-hub-dropdown-options .dropdown-toggle {
    display: block;
    line-height: 25px;
}

    .protection-hub-dropdown-options .dropdown-toggle:after {
        border: 0;
    }

.protection-hub-dropdown-options .dropdown-menu.show {
    right: 0 !important;
    left: auto !important;
}

.protection-hub-dropdown-options .dropdown-menu .dropdown-item {
    width: inherit;
    height: inherit;
    border: 0;
    border-radius: 0;
    font-size: inherit;
    color: #4e4e4e;
    text-align: left;
    padding: .42rem 1.5rem;
    margin: 0;
}

.protection-hub-lists-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 16px;
}

    .protection-hub-lists-body .lists-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .protection-hub-lists-body .lists-content .card-item {
            display: flex;
            flex-direction: row;
            -webkit-box-pack: justify;
            justify-content: space-between;
            flex-wrap: wrap;
            box-sizing: border-box;
            /* box-shadow: rgba(214, 219, 232, 0.4) 0px 2px 0px; */
            background: rgb(255, 255, 255);
            border-width: 2px;
            border-style: solid;
            border-color: rgba(214, 219, 232, 0.4);
            border-image: initial;
            border-radius: 8px;
            padding: 16px;
            margin: 12px 0px;
        }

            .protection-hub-lists-body .lists-content .card-item .item-contents {
                display: flex;
                flex-direction: row;
                padding-top: 10px;
                padding-bottom: 10px;
                /*margin-right: 20px;*/
                flex: 1 0 calc(50% - 20px);
            }

                .protection-hub-lists-body .lists-content .card-item .item-contents .item-contents-label {
                    box-sizing: border-box;
                    margin-right: 24px;
                    position: relative;
                    width: 32%;
                    padding: 0px;
                }

            .protection-hub-lists-body .lists-content .card-item .item-contents-body {
                display: flex;
                flex-direction: column;
                margin: 0px;
                padding: 0px;
            }

                .protection-hub-lists-body .lists-content .card-item .item-contents-body .title {
                    color: var(--Gray-900, #263238)!important;
                    font-style: normal;
                    font-size: 14px!important;
                    line-height: 22px!important;
                    font-weight: 400!important;
                    text-align: left;
                    margin: 0px;
                    padding: 0px;
                    border-style: none;
                }

                .protection-hub-lists-body .lists-content .card-item .item-contents-body .payment {
                    color: rgb(41, 46, 96);
                    font-style: normal;
                    font-size: 24px;
                    font-weight: bold;
                    user-select: none;
                    text-align: left;
                    margin: 0px;
                    padding: 0px;
                    border-style: none;
                }

    .protection-hub-lists-body .item-action-btn {
        width: 132px;
        display: flex;
        align-self: center;
    }

        .protection-hub-lists-body .item-action-btn a {
            width: 40px;
            height: 40px;
            border: 2px solid rgba(214, 219, 232, 0.4);
            border-radius: 6px;
            font-size: 20px;
            color: #4e4e4e;
            text-align: center;
            padding: 5px 0;
            margin: 0 2px;
        }

    .protection-hub-lists-body .item-apply-btn {
        display: flex;
        align-self: center;
        margin-right: 10px;
    }

        .protection-hub-lists-body .item-apply-btn a {
            padding: 6px 16px;
            color: #fff;
        }

.taskpaymentred {
    background: #EEEEEE;
}

.taskpaymentgreen {
    background: #D0E4F5;
}

.dashboard-loading.vertical-center {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

    .dashboard-loading.vertical-center:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
    }

    .dashboard-loading.vertical-center > * {
        vertical-align: middle;
        white-space: normal;
        display: inline-block;
    }

.dashboard-loading .text-light {
    color: #f8f9fa !important;
}

.dashboard-loading .w-100 {
    width: 100% !important;
}

#splash {
    transition: all .3s linear
}

    #splash.hidden {
        opacity: 0;
        z-index: -1;
        visibility: hidden;
    }

.dashboard-loading svg {
    overflow: hidden;
    vertical-align: middle;
}

    .dashboard-loading svg.gear {
        animation: dash-loader .5s infinite linear;
    }

.dashboard-loading .font-weight-bold {
    font-weight: 700 !important;
}

.dashboard-loading .text-shadow {
    text-shadow: 0 .5rem 1rem rgba(0,0,0,0.15) !important;
}

.dashboard-loading .text-muted {
    color: #6c757d !important;
}

.dashboard-loading.popups {
    background: linear-gradient(45deg,rgba(34, 36, 40, 0.72),rgba(68, 72, 86, 0.8117647058823529)) !important;
    border-radius: 4px;
}

.dashboard-loading.save {
    background: linear-gradient(45deg,rgba(34, 36, 40, 0.72),rgba(68, 72, 86, 0.8117647058823529)) !important;
}

.company-panel-index-banner {
    background-position: center;
    padding: 9% 0;
    background-color: transparent;
}

.spreadsheet-upload-btn {
    border: 1.4px;
    border-style: dashed;
}

    .spreadsheet-upload-btn:hover, .spreadsheet-upload-btn:active {
        background-color: #f9f9f9 !important;
        color: #47404f !important;
    }

    .spreadsheet-upload-btn:focus {
        box-shadow: none;
    }

    .spreadsheet-upload-btn i {
        font-size: 16px;
        vertical-align: text-top;
    }

.avatar-sm-table {
    width: 20px;
    height: 20px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.case-date-filter.introducer label {
    height: 40px;
    padding: 10px;
    font-size: 14px !important;
}

.case-date-filter.radio-group-button label.not-active {
    color: #665c70 !important;
    background-color: #eee !important;
    border: 1px solid #ced4da;
}

.case-date-filter label span {
    width: 100%;
}

.case-date-filter label .circle, .case-date-filter label .check {
    display: none;
}

.case-date-filter.introducer label span {
    position: initial;
}

.angucomplete-holder {
    position: relative;
    font: 15px Verdana;
}

.angucomplete-dropdown {
    font: inherit;
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 300px;
    padding: 6px;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    top: 36px;
    left: 0px;
    margin-top: -6px;
    background-color: #fff;
    overflow-y: auto;
    max-height: 150px;
}

.angucomplete-searching {
    font: inherit;
    font-size: 85%;
    color: #999;
    letter-spacing: 1px;
}

.angucomplete-row {
    padding: 5px;
    margin-bottom: 4px;
    color: #000;
    clear: both;
}

.angucomplete-selected-row {
    background-color: #428bca;
    color: #fff;
}

.highlight {
    font-weight: bold;
    color: #dc143c;
}

.custom_input.selecbox {
    background: url(../img/svg/selectbox-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 50% !important;
    background-origin: content-box !important;
}

    .custom_input.selecbox:invalid {
        color: #949492;
    }

    .custom_input.selecbox:hover {
        background: url(../img/svg/selectbox-active-arrow.svg) !important;
        background-repeat: no-repeat !important;
        background-position: right 50% !important;
        background-origin: content-box !important;
    }

    .custom_input.selecbox.white-bg {
        background: #fff url(../img/svg/selectbox-arrow.svg) !important;
        background-repeat: no-repeat !important;
        background-position: right 50% !important;
        background-origin: content-box !important;
        background-size: 9px 7px !important;
    }

        .custom_input.selecbox.white-bg:invalid {
            color: #252525;
        }

        .custom_input.selecbox.white-bg:hover {
            background: #fff url(../img/svg/selectbox-active-arrow.svg) !important;
            background-repeat: no-repeat !important;
            background-position: right 50% !important;
            background-origin: content-box !important;
            background-size: 9px 7px !important;
        }

.btn.btn-regular {
    padding: 11px 24px;
}

.index-contact-mortgage-section .form-horizontal {
    border-radius: 20px;
}

.index-contact-mortgage-section .head {
    text-align: center;
}

.quote-results-list .items .summary-collapsed {
    display: none;
}

    .quote-results-list .items .summary-collapsed.active {
        display: block;
    }

        .quote-results-list .items .summary-collapsed.active p {
            background: #fff;
            margin-top: 10px;
            margin-right: -10px;
            margin-left: -10px;
            padding: 10px;
            margin-bottom: -10px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

.quote-results-list .items .collapsed-btn, .quote-results-list .items .items-field-text {
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    height: 100%;
}

    .quote-results-list .items .collapsed-btn button {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

        .quote-results-list .items .collapsed-btn button:focus {
            box-shadow: none !important;
        }

.quote-results-list .items {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 10px;
}

    .quote-results-list .items.active {
        background-color: #d9edf7;
        border-color: #afd9ee;
    }

    .quote-results-list .items .logo-img {
        max-height: 70px;
    }

    .quote-results-list .items .select-btn {
        color: #333 !important;
        background-color: #fff !important;
        border-color: #ccc !important;
        padding: 6px 16px;
    }

        .quote-results-list .items .select-btn:hover, .quote-results-list .items .select-btn:active {
            /*color: #333 !important;*/
            background-color: #ebebeb !important;
            border-color: #adadad !important;
        }

        .quote-results-list .items .select-btn:active {
            -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        }

            .quote-results-list .items .select-btn:focus, .quote-results-list .items .select-btn:active:focus {
                outline: 0 !important;
                box-shadow: none !important;
            }

    .quote-results-list .items.active .select-btn {
        color: #6d7477 !important;
        background-color: #f1f8fc !important;
        border-color: #d0d7db !important;
    }

.quote-results-tabs .nav-item .nav-link:hover, .quote-results-tabs .nav-item .nav-link:active {
    border-color: transparent;
    box-shadow: none;
}

.quote-results-tabs .nav-item .nav-link:focus {
    outline: 0;
}

.quote-results-tabs .nav-item .nav-link {
    padding: 8px 16px !important;
}

.case-applicant-delete {
    background: #fff;
    border: 1px solid #639;
    color: #663399;
    font-size: 16px !important;
    width: 24px;
    height: 24px;
}

    .case-applicant-delete:focus {
        outline: 0;
    }

    .case-applicant-delete:hover {
        background: #f3f3f3;
    }

.user-form-radio.btn-group-justified label {
    height: 40px;
}

.user-form-radio.radio-group-button .radio .circle, .user-form-radio.radio-group-button .radio .check {
    top: 12px;
}

.crm-first-row.posted_location:before {
    background-color: transparent;
}

.ui-timepicker-standard {
    z-index: 9999 !important;
    padding: 0px !important;
    border: 0 !important
}

.due-date-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .due-date-section .date-content, .due-date-section .time-content {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    .due-date-section .title {
        margin: .5rem 1rem 0 1rem;
        vertical-align: center;
    }

.dashboard-feature {
}

.dashboard-feature-body {
    width: 680px;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    top: 0;
    left: 0;
    display: block;
    /*margin-left: auto;
    margin-right: auto;*/
}

    .dashboard-feature-body:after, .dashboard-feature-body:before {
        display: table;
        content: "";
    }

    .dashboard-feature-body:after {
        clear: both;
    }

    .dashboard-feature-body .feature-item {
        outline: none;
        width: 340px;
        display: block;
        float: left;
        min-height: 1px;
    }

    .dashboard-feature-body .feature-card {
        perspective: 1000px;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        -o-perspective: 1000px;
        -ms-perspective: 1000px;
        display: inline-block;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .dashboard-feature-body .card-container {
        position: relative;
        width: 320px;
        height: 200px;
        display: block;
        border: 1px solid #d4d7dc;
        border-radius: 4px;
        transition: .5s ease-out;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        -o-transition: .5s ease-out;
        -ms-transition: .5s ease-out;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
    }

    .dashboard-feature-body .card-content {
        height: 100%;
        width: 100%;
        background-color: #fff;
        position: absolute;
        overflow: hidden;
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    }

        .dashboard-feature-body .card-content .sprite-container {
            position: absolute;
            margin: 20px 20px 0;
            overflow: hidden;
            max-width: 260px;
            max-height: 84px;
        }

            .dashboard-feature-body .card-content .sprite-container .sprite {
                position: relative;
                width: 100%;
                background-repeat: no-repeat;
            }

        .dashboard-feature-body .card-content .card-sliding-body {
            padding-left: 20px;
            padding-right: 20px;
            -moz-transform: translateY(112px);
            -o-transform: translateY(112px);
            -ms-transform: translateY(112px);
            -webkit-transform: translateY(112px);
            transform: translateY(112px);
            display: flex;
            flex-direction: column;
            position: relative;
            width: 100%;
            max-height: 176px;
        }

    .dashboard-feature-body .feature-card:hover .card-content .card-sliding-body {
        animation: slideCardSlideUp .33s ease-in forwards;
        -webkit-animation: slideCardSlideUp .33s ease-in forwards;
        -moz-animation: slideCardSlideUp .33s ease-in forwards;
        -o-animation: slideCardSlideUp .33s ease-in forwards;
        -ms-animation: slideCardSlideUp .33s ease-in forwards;
        background-color: #fff;
    }

    .dashboard-feature-body .card-content .card-sliding-body .card-title {
        color: #393a3d;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        padding-right: 20px;
        text-align: left;
    }

    .dashboard-feature-body .card-content .card-sliding-body .card-body {
        color: #393a3d;
        padding: 4px 20px 16px 0;
        font-size: 14px;
        text-align: left;
        line-height: 18px;
    }

    .dashboard-feature-body .card-content .card-sliding-body .card-bottom {
        display: none;
        position: relative;
        width: 100%;
        height: 110px;
    }

    .dashboard-feature-body .feature-card:hover .card-content .card-sliding-body .card-bottom {
        display: block;
    }

    .dashboard-feature-body .card-content .card-sliding-body .cta-link-component button {
        width: 100%;
        margin-bottom: 16px;
        vertical-align: middle;
        position: relative;
        cursor: pointer;
        box-shadow: none;
        -webkit-font-smoothing: inherit;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 0 !important;
        padding-bottom: 0;
        border-radius: 36px;
        height: auto;
        min-height: 36px;
        min-width: 100px;
        border: 2px solid #393a3d;
        background: 0 0;
        color: #393a3d;
        line-height: 20px;
        font-weight: 600;
        font-size: 16px;
    }

    .dashboard-feature-body .card-content .card-sliding-body .cta-link-component .additional-link {
        color: #0077c5;
        text-decoration: none;
        cursor: pointer;
    }

    .dashboard-feature-body .feature-card .card-static .close-action-button {
        background-repeat: no-repeat;
        background-color: transparent;
        padding: 0;
        width: 16px;
        height: 16px;
        margin: 6px;
        top: 8px;
        right: 8px;
        position: absolute;
        border: thin solid transparent;
        opacity: 0;
    }

    .dashboard-feature-body .feature-card:hover .card-static .close-action-button {
        transition: opacity .5s;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        -ms-transition: opacity .5s;
        opacity: 1;
        cursor: pointer;
    }

    .dashboard-feature-body .feature-card:hover .card-static .hi-close:before {
        content: "\F061";
        color: #999;
    }

.dashboard-alert {
    color: #212121;
    box-shadow: none;
    font-size: 16px;
    padding: 0;
    margin-bottom: 10px;
}

    .dashboard-alert strong {
        vertical-align: middle;
        color: #f54141;
    }

        .dashboard-alert strong i {
            font-size: 21px !important;
        }

    .dashboard-alert a {
        /*color: #212121;*/
        color: #c1272d;
        font-weight: 600;
        text-decoration: underline;
    }

.event-details-view {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 16px;
    padding-top: 0;
}

    .event-details-view .item {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-align-items: center;
        align-items: center;
        outline: none;
        min-height: 32px;
        /*margin-bottom: 12px;*/
    }

        .event-details-view .item:first-of-type {
            margin-bottom: 12px;
        }

        .event-details-view .item .icons {
            max-height: 36px;
            padding-left: 28px;
            width: 68px;
            color: #5f6368;
            -webkit-box-flex: 0;
            box-flex: 0;
            -webkit-flex-grow: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            -webkit-align-items: center;
            align-items: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-self: stretch;
            align-self: stretch;
        }

    .event-details-view .icons .color {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 14px;
        width: 14px;
        /*margin-left: 3px;*/
        margin-top: 3px;
        background-color: #5f6368;
    }

    .event-details-view .icons span {
        margin-left: 3px;
    }

    .event-details-view .event-contents {
        overflow: hidden;
        padding-bottom: 6px;
        padding-top: 6px;
        -webkit-box-flex: 1;
        box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .2px;
        line-height: 20px;
        color: #3c4043;
    }

    .event-details-view .event-contents-body {
        line-height: normal;
        overflow: hidden;
    }

        .event-details-view .event-contents-body .title {
            font-size: 22px;
            font-weight: 400;
            line-height: 28px;
            color: #3c4043;
            max-height: 100px;
            overflow-wrap: break-word;
            word-wrap: break-word;
            overflow: hidden;
            display: -webkit-box;
            /*-webkit-line-clamp: 2;*/
            -webkit-box-orient: vertical;
            overflow-y: auto;
        }

    .event-details-view .item.creator .event-contents-body .title {
        font-size: 14px;
        line-height: 20px;
    }

    .event-details-view .event-contents-body .time {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .2px;
        line-height: 18px;
        color: #3c4043;
        margin-top: 3px;
    }

    .event-details-view .item.creator .event-contents-body .time {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .3px;
        color: #5f6368;
        margin-top: 0;
    }

.diary-calendar {
    outline: 0;
}

.question-menu {
    width: 55px;
    background-color: transparent;
    height: 66px;
}

    .question-menu .link_category {
        background-color: transparent;
        margin-top: 0px;
        width: auto;
    }

    .question-menu .link_category {
        background-color: transparent;
        margin-top: 0px;
        width: auto;
    }

        .question-menu .link_category i {
            font-size: 21px;
        }

    .question-menu .user_nav {
        right: auto;
        color: #505050;
        padding: 15px;
        width: auto;
        max-width: 240px;
    }

        .question-menu .user_nav:before {
            right: auto;
            left: 10px;
        }

        .question-menu .user_nav:after {
            right: auto;
            left: 8px;
        }

        .question-menu .user_nav li {
            border-bottom: 1px solid #b9b9b9;
            padding: 8px 5px !important;
        }

            .question-menu .user_nav li:hover {
                background: transparent;
                color: #505050;
            }

            .question-menu .user_nav li i {
                font-size: 16px;
                margin-right: 5px;
            }

        .question-menu .user_nav h4 {
            color: #292929;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .question-menu .user_nav .btn {
            margin: 0;
            background-color: #4c4c58;
            border-radius: 6px;
            box-shadow: none;
        }

            .question-menu .user_nav .btn:hover, .question-menu .user_nav .btn:focus {
                background-color: #39393e !important;
                box-shadow: none;
            }

.header-right-side.menu_user .link_category {
    color: #4c4c58;
}

    .header-right-side.menu_user .link_category.selected {
        color: #cb2027;
    }

    .header-right-side.menu_user .link_category:hover {
        color: #cb2027;
    }

.navbar-login-mode.ms-navbar {
    height: 66px;
}

.navbar-login-mode .header_logo {
    margin: 6px 0 0 8px;
}

    .navbar-login-mode .header_logo img {
        max-width: 180px;
        max-height: 53px;
    }

.navbar-login-mode .menu_category .header_post_btn {
    margin-top: 10px !important;
    background-color: #f2425a;
}

    .navbar-login-mode .menu_category .header_post_btn:hover {
        background-color: #ef354f !important;
    }

.navbar-login-mode .menu_category .link_category, .navbar-login-mode .menu_user .link_category {
    height: 66px;
    line-height: 66px;
}

.home_featured_section.index .featured_tasks_slide {
    height: auto;
}

.protection-hub-dropdown-options.user-list-option .dropdown-menu.show {
    left: 0 !important;
}

.w-b-content-form {
    width: 100%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 10%;
    padding-left: 5%;
    background-color: #29374d;
    height: 100%;
}

    .w-b-content-form h3 {
        font-size: 28px;
        color: #FFF;
        font-weight: 600;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
        padding: 0px;
        line-height: 31px;
        letter-spacing: -1px;
    }

    .w-b-content-form p {
        font-size: 18px;
        color: #FFF;
    }

.colms-wraper {
    margin-bottom: 20px;
    padding: 0px;
    width: 100%;
}

.f-col2-t45g45 {
    width: 48%;
    margin-right: 4%;
    clear: none;
    padding: 0%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    display: block;
    float: left;
}

    .f-col2-t45g45.last {
        width: 48%;
        margin-right: 0%;
        clear: none;
        padding: 0%;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 0px;
        display: block;
        float: left;
    }

    .f-col2-t45g45 input {
        width: 100%;
        background-color: rgba(255, 255, 255, .1);
        color: #FFF;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        padding: 4%;
        margin-bottom: 15px;
    }

    .f-col2-t45g45 select {
        width: 100%;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        color: #8f96a1;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        background-color: rgba(255, 255, 255, .1);
        padding: 4%;
        margin-bottom: 15px;
    }

.f-col1-t45g45 {
    width: 100%;
    margin-bottom: 0px;
    text-align: left;
}

.anti-spam-question-body {
    font-size: 16px;
    line-height: 19px;
    color: #CCC;
    margin-bottom: 10px;
}

.radio-group-button .search-radio-option label span {
    white-space: nowrap;
    /* width: 100px; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.tickets-attachments a {
    width: 100%;
    border: 2px dashed #bdbdbc;
    border-radius: 6px;
    padding: 15px 18px;
    font-size: 16px;
    color: #717171;
}

    .tickets-attachments a i {
        color: #03A9F4;
        font-size: 18px !important;
    }

.minimal-login-section, .minimal-login-section .wrapper {
    width: auto;
    border: none;
    margin: 0;
    padding: 0px;
    min-height: 100%;
    height: 100%;
}

    .minimal-login-section .wrapper .main {
        /*position: relative;*/
        width: auto;
        border: none;
        margin: 0;
        padding: 0px;
        min-height: 100%;
    }

.minimal-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.minimal-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 0;
    font-style: normal;
    font-weight: 400;
}

.minimal-body {
    max-width: 512px;
    margin: 0px auto 28px auto;
    padding: 62.12px 99px 48px;
    width: 512px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: left;
    background: #ffffff;
}

.brightstarhub-login-page .minimal-body {
    max-width: 400px;
    padding: 32.12px 30px 30px;
    width: 400px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.minimal-body .heading, .minimal-wrapper .heading {
    text-align: center;
    color: #aaaaaa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.minimal-body .minimal-form-frame-logo, .minimal-wrapper .minimal-form-frame-logo {
    margin-bottom: 20px;
}

    .minimal-body .minimal-form-frame-logo img, .minimal-wrapper .minimal-form-frame-logo img {
        max-width: 180px;
        max-height: 180px;
    }

.minimal-body .heading .tagline, .minimal-wrapper .heading .tagline {
    color: #333333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 44px;
}

.brightstarhub-login-page .minimal-wrapper .heading .tagline {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 600;
}

.minimal-login-form ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .minimal-login-form ol li {
        margin-bottom: 6px;
    }

        .minimal-login-form ol li:before, .minimal-login-form ol li:after {
            display: table;
            content: "";
        }

        .minimal-login-form ol li:after {
            clear: both;
        }

        .minimal-login-form ol li.horizontal-row {
            position: relative;
            margin-bottom: 18px;
            margin-top: 17px;
        }

.minimal-login-form .horizontal-text {
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    position: relative;
    color: #ababab;
    font-size: 14px;
    z-index: 1;
    overflow: hidden;
}

    .minimal-login-form .horizontal-text:before, .minimal-login-form .horizontal-text:after {
        width: 50%;
        top: 51%;
        overflow: hidden;
        height: 1px;
        background-color: #d0d0d0;
        content: '\a0';
        position: absolute;
    }

    .minimal-login-form .horizontal-text:before {
        margin-left: -52%;
        text-align: right;
    }

    .minimal-login-form .horizontal-text:after {
        margin-left: 2%;
    }

.minimal-login-form .email-wrapper, .minimal-login-form .password-wrapper {
    position: relative;
}

.minimal-login-form .TextInput {
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    line-height: 1.1875;
    font-size: 16px;
    padding: 12px 16px;
    font-weight: 400;
}

.minimal-login-form .email-wrapper input:focus, .minimal-login-form .password-wrapper input:focus {
    border-color: #dff2e6;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    outline: none;
    -webkit-box-shadow: 0 0 0 1px #dff2e6, 0 0 4px 0 #dff2e6;
    -moz-box-shadow: 0 0 0 1px #dff2e6, 0 0 4px 0 #dff2e6;
    box-shadow: 0 0 0 1px #dff2e6, 0 0 4px 0 #dff2e6;
}

.minimal-login-form .rg_birthday_content .SelectInput {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    color: #333333;
    border: 1px solid #e6e6e6;
    padding: 12px 16px;
}

.minimal-frame .context-switch {
    text-align: center;
    margin-top: 34px;
    font-style: normal;
    font-weight: 400;
}

.minimal-frame .context-switch-explaination {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #737373;
    line-height: 1.63636364;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
}

.minimal-frame .context-switch .switch {
    margin-top: 6px;
}

.brightstarhub-login-page .minimal-frame .context-switch .switch {
    line-height: 32px;
}

.minimal-frame .context-switch .switch .switch-link {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    /*color: #00a82d;*/
    color: #c1272d;
    text-decoration: none;
}

.brightstarhub-login-page .minimal-frame .context-switch .switch .switch-link {
    color: #252528;
    font-weight: normal
}

    .brightstarhub-login-page .minimal-frame .context-switch .switch .switch-link:hover {
        text-decoration: underline;
    }

.brightstarhub-login-page .custom_control_label {
    color: #1e1f1f !important;
    font-weight: 600;
    font-size: 16px !important;
}

.minimal-frame .google_login_btn .abcRioButtonLightBlue {
    background-color: #ffffff;
    border: solid 1px #d0d0d0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    font-size: 16px;
    height: 42px !important;
    padding: 10px 16px;
}

.minimal-frame .btn-facebook {
    box-shadow: none !important;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    width: 100%;
    margin-top: 1px !important;
    font-size: 16px;
    height: 42px !important;
}

    .minimal-frame .btn-facebook svg {
        fill: #fff;
        margin-right: 5px;
    }

.minimal-frame .submitRow button {
    width: 100%;
    box-shadow: none !important;
    height: 46px;
    color: #fff !important;
    /*background-color: #00a82d !important;*/
    background-color: #c1272d !important;
    border-radius: 7px;
    margin-top: 8px !important;
    font-size: 16px;
}

    .minimal-frame .submitRow button:hover {
        /*background-color: #008f26 !important;*/
        background-color: #ab1b21 !important;
    }

.brightstarhub-login-page .minimal-frame .submitRow button {
    background-color: #320B42 !important;
}

    .brightstarhub-login-page .minimal-frame .submitRow button svg {
        vertical-align: middle;
        margin-left: 10px;
    }

    .brightstarhub-login-page .minimal-frame .submitRow button:hover svg {
        margin-left: 15px;
        transition: all .3s ease
    }

.minimal-frame .tos-container label {
    width: 280px;
    line-height: 15px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #a6a6a6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 5px;
}

    .minimal-frame .tos-container label a:visited {
        /*color: #00a82d;*/
        color: #c1272d;
        text-decoration: none;
    }

.css-p4h344j1 {
    display: table;
    width: 100%;
    padding: 5%;
    margin-top: 0px;
    margin-right: 0px;
    /*margin-bottom: 2px;*/
    margin-left: 0px;
    color: #1f2e44;
    font-weight: 400;
    background-color: #edeff0;
}

    .css-p4h344j1 h3, .css-p4h344j2 h3 {
        display: block;
        width: 100%;
        font-size: 30px;
        line-height: 32px;
        font-weight: 700;
        color: #1f2e44;
    }

    .css-p4h344j1 h6, .css-p4h344j2 h6 {
        font-size: 16px;
        font-weight: 400;
        color: #1f2e44;
        margin-bottom: 10px;
        line-height: 23px;
    }

    .css-p4h344j1 a, .css-p4h344j2 a {
        text-decoration: none;
        color: #F42941;
    }

    .css-p4h344j1 p, .css-p4h344j1 p {
        margin-bottom: 0px;
        font-size: 18px;
        color: #1f2e44;
        font-weight: 400;
        line-height: 24px !important;
        margin-top: 18px;
    }

.css-p4h344j2 {
    display: table;
    width: 100%;
    padding: 5%;
    margin-top: 0px;
    margin-right: 0px;
    /*margin-bottom: 2px;*/
    margin-left: 0px;
    color: #1f2e44;
    font-weight: 400;
    background-color: #f6f7f8;
}

    .css-p4h344j1 input, .css-p4h344j2 input {
        width: 100%;
        color: #1f2e44;
        font-size: 16px;
        line-height: 16px;
        text-align: left;
        font-weight: 300;
        background-color: #FFFFFF;
        height: 52px;
        padding-right: 3%;
        padding-left: 3%;
        border: 1px solid #CCC;
    }

    .css-p4h344j1 select, .css-p4h344j2 select {
        width: 100%;
        color: #1f2e44;
        font-size: 16px;
        line-height: 16px;
        font-weight: 400;
        background-color: #FFF;
        height: 52px;
        padding-right: 3%;
        padding-left: 3%;
        margin: 0px;
        border: 1px solid #CCC;
    }

    .css-p4h344j1 .anti-spam-question-body, .css-p4h344j2 .anti-spam-question-body {
        font-size: 16px;
        line-height: 19px;
        color: #1f2e44;
        margin-bottom: 10px;
    }

    .css-p4h344j1 input::-moz-placeholder, .css-p4h344j2 input::-moz-placeholder, .css-p4h344j1 select::-moz-placeholder, .css-p4h344j2 select::-moz-placeholder {
        color: #1f2e44;
    }

    .css-p4h344j1 input:-moz-placeholder, .css-p4h344j2 input:-moz-placeholder, .css-p4h344j1 select:-moz-placeholder, .css-p4h344j2 select:-moz-placeholder {
        color: #1f2e44;
    }

    .css-p4h344j1 input:-ms-input-placeholder, .css-p4h344j2 input:-ms-input-placeholder, .css-p4h344j1 select:-ms-input-placeholder, .css-p4h344j2 select:-ms-input-placeholder {
        color: #1f2e44;
    }

    .css-p4h344j1 input::-webkit-input-placeholder, .css-p4h344j2 input::-webkit-input-placeholder, .css-p4h344j1 select::-webkit-input-placeholder, .css-p4h344j2 select::-webkit-input-placeholder {
        color: #1f2e44;
    }

    .css-p4h344j1 input:focus, .css-p4h344j2 input:focus, .css-p4h344j1 select:focus, .css-p4h344j2 select:focus {
        border: 2px solid #101010 !important;
        border-radius: 4px;
    }

.company-mobile-login-btn {
    border: solid 1px #d0d0d0;
    border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    width: 100%;
    font-size: 16px;
    height: 42px !important;
    color: #757575 !important;
}

    .company-mobile-login-btn:hover {
        border: solid 1px #d0d0d0 !important;
    }

.radio-group-mortgage-category label {
    border: 1px solid #8d9194;
    background-color: #fff !important;
    border-radius: 14px;
    box-shadow: none !important;
    padding: 24px 12px 24px;
    margin: 5px !important;
}

    .radio-group-mortgage-category label.active {
        border: 1px solid #2d2d2d;
    }

    .radio-group-mortgage-category label:hover {
        box-shadow: 0 2px 12px 0 rgba(96,101,105,.2);
    }

    .radio-group-mortgage-category label .svg-container {
        height: 65px;
        margin: auto auto 12px;
        width: 90px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

        .radio-group-mortgage-category label .svg-container img {
            /*display: block;*/
            margin-top: auto;
            width: 100%;
            height: auto;
            max-width: 100%;
        }

        .radio-group-mortgage-category label .svg-container .img-top {
            display: none;
        }

    .radio-group-mortgage-category label.active .svg-container .img-top {
        display: block;
    }

    .radio-group-mortgage-category label.active .svg-container .img-normal {
        display: none;
    }

    .radio-group-mortgage-category label .label-title {
        font-weight: 600;
        color: #272727;
        font-size: 16px;
        margin-bottom: 10px;
    }

.radio-group-mortgage-category .radio span {
    left: 45%;
    top: 130px;
}

.radio-group-mortgage-category .radio .circle {
    border: 1px solid rgba(0,0,0,.54);
}

.radio-group-mortgage-category .radio input[type=radio]:checked ~ .circle {
    border-color: #292929 !important;
}

.radio-group-mortgage-category .radio input[type=radio]:checked ~ .check {
    background-color: #de2367 !important;
}

.radio-group-mortgage-category label.separator-text {
    border: 0;
    font-size: 20px !important;
    font-weight: 600;
    color: #000 !important;
}

.radio-group-mortgage-category .radio .check:after {
    background-color: transparent;
}

.mortgage-apply-section .first-title {
    font-size: 50px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    font-weight: 800;
    color: #0a0c0e;
    line-height: 1.3;
    text-align: center;
}

.mortgage-apply-section .first-sub-title {
    font-size: 28px;
    margin-bottom: 0rem;
    font-weight: 400;
    color: #4a4f53;
    margin: 0;
    line-height: 1.3;
    text-align: center;
}

.mortgage-apply-section .zipcode-text-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    position: relative;
}

    .mortgage-apply-section .zipcode-text-content .input-group {
        flex-wrap: nowrap;
        align-items: stretch;
        display: flex;
        position: relative;
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }

    .mortgage-apply-section .zipcode-text-content .input-wrapper {
        width: auto;
        flex: auto;
        position: relative;
    }

        .mortgage-apply-section .zipcode-text-content .input-wrapper .zipcode-text-input {
            border: .0625rem solid #DE2367;
            height: 70px;
            background-clip: padding-box;
            background-color: #fff;
            background-image: none;
            border-radius: 4px;
            box-shadow: none;
            color: #34393f;
            display: block;
            font-size: 18px;
            line-height: 28px;
            padding: 8px 20px 8px 40px;
            position: relative;
            transition: all .25s ease-in-out;
            width: 100%;
            min-width: 140px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            flex: 1 1 0%;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .mortgage-apply-section .zipcode-text-content .input-wrapper .form-control-icon {
            left: 16px;
            pointer-events: none;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: all .25s ease-in-out;
            z-index: 200;
        }

            .mortgage-apply-section .zipcode-text-content .input-wrapper .form-control-icon svg path {
                fill: #a3a7a9;
                transition: all .25s ease-in-out;
            }

    .mortgage-apply-section .zipcode-text-content .zipcode-text-input:valid ~ .form-control-icon svg path {
        fill: #d2195c;
    }

    .mortgage-apply-section .zipcode-text-content .input-group-append {
        margin-top: 0;
        width: auto;
        display: flex;
    }

        .mortgage-apply-section .zipcode-text-content .input-group-append button {
            padding-right: 60px;
            padding-left: 60px;
            margin: 0;
            width: auto;
            align-items: center;
            background-color: #DE2367;
            border: 1px solid #c71757;
            border-radius: 5px;
            color: #fff;
            cursor: pointer;
            display: inline-flex;
            font-size: 16px;
            font-weight: 500;
            justify-content: center;
            line-height: 22px;
            padding: 23px 34px;
            text-align: center;
            touch-action: manipulation;
            transition: all .25s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap;
            transition: box-shadow .1s cubic-bezier(.4,0,.2,1);
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            position: relative;
            z-index: 2;
            box-shadow: none;
        }

            .mortgage-apply-section .zipcode-text-content .input-group-append button:hover {
                box-shadow: 0 2px 10px 0 rgba(96,101,105,.15);
                background-color: #d2195c !important;
                border-color: #c31253;
            }

            .mortgage-apply-section .zipcode-text-content .input-group-append button:focus {
                background-color: #d2195c !important;
            }

            .mortgage-apply-section .zipcode-text-content .input-group-append button:hover .btn-icon {
                transform: translateX(4px);
            }

        .mortgage-apply-section .zipcode-text-content .input-group-append .btn-icon {
            margin-left: 8px;
            display: inline-block;
            line-height: 1;
            transition: transform .25s ease-in-out;
        }

.mortgage-apply-section .retrieve-quotes {
    font-size: 18px;
    margin-top: 30px;
    font-weight: 400;
    color: #4a4f53;
    text-align: center;
}

.mortgage-category-content {
    max-width: 900px;
    margin: 0 auto;
}

    .mortgage-category-content .radio-group-mortgage-category label.item {
        width: 23%;
        min-width: 130px;
    }

.mortgage-apply-step-slider-body {
    padding: 15px;
}

    .mortgage-apply-step-slider-body .step-main-title {
        text-align: center;
        font-weight: 400;
        line-height: 1.5;
        margin: 0;
        font-size: 35px;
        letter-spacing: 1px;
        color: #252525;
    }

.mortgage-apply-step-slider-row {
    max-width: 970px;
    min-height: 320px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    /*max-width: 100%;*/
    overflow: hidden;
    /*margin-top: 50px;
    margin-bottom:50px;*/
}

.mortgage-apply-step-slider-wrap-inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

    .mortgage-apply-step-slider-wrap-inner .cols3 {
        flex: 33.33333% 1 1;
        margin-top: 4px;
    }

    .mortgage-apply-step-slider-wrap-inner .cols2 {
        flex: 50% 1 1;
        margin-top: 4px;
    }

    .mortgage-apply-step-slider-wrap-inner .cols4 {
        flex: 25% 1 1;
        margin-top: 4px;
    }

    .mortgage-apply-step-slider-wrap-inner .custom-box {
        height: 75px;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 22px;
        justify-content: center;
        letter-spacing: .04em;
        margin: 0 8px 12px;
        text-align: center;
    }

        .mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar {
            width: 98%;
            height: 100%;
            margin: 0;
            display: block;
        }

            .mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar input[type=radio] {
                opacity: 0;
                position: fixed;
                width: 0;
            }

            .mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar label {
                width: 100%;
                max-width: 510px;
                height: 100%;
                padding: 0;
                margin: 0 auto;
                border: none;
                border-radius: 5px;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                border: 1px solid #d6d6d6;
                transition: all .2s ease-out;
                color: #000;
                font-size: 18px;
            }

            .mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar input[type=radio]:checked + label {
                border: 1px solid #c71757;
                box-shadow: 0 0 0 3px rgb(250 76 140 / 39%);
                border-radius: 5px;
            }

    .mortgage-apply-step-slider-wrap-inner .no-box-item label {
        border: 0 !important;
    }

        .mortgage-apply-step-slider-wrap-inner .no-box-item label:hover {
            box-shadow: none !important;
        }

.mortgage-apply-step-slider-body .steps-control-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    max-width: 520px;
    margin: 0 auto;
}

    .mortgage-apply-step-slider-body .steps-control-btn button {
        max-width: 300px;
        min-height: 60px;
        font-size: 19px;
    }

        .mortgage-apply-step-slider-body .steps-control-btn button.back {
            max-width: 150px;
            background-color: #1d1d1d !important;
            border-color: #000000;
            color: #fff !important;
        }

.step-bottom-title {
    text-align: center;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    font-size: 15px;
    letter-spacing: 1px;
    color: #888;
    margin-top: 30px;
    line-height: 24px;
    font-style: italic;
}

.mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar label:hover {
    box-shadow: 0 2px 12px 0 rgba(96,101,105,.2);
}

.mortgage-apply-step-slider-wrap-inner .desc {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
    text-align: center;
    margin-top: 30px;
}

.mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar.with-icon label:before {
    background-color: #fff;
    color: #fff;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: .4s;
    transform: scale(0);
}

.mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar.with-icon label img {
    width: 100px;
    transition-duration: .2s;
    transform-origin: 50% 50%;
    height: 60px;
    margin-right: 10px;
}

.mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar.with-icon label .img-title {
    display: inline-block;
    padding-left: 5px;
    color: #000;
    font-size: 18px;
}

.mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar.with-icon label {
    flex-direction: row;
}

.close-btn {
    position: absolute;
    top: 46%;
    right: 48%;
    box-sizing: border-box;
    width: 4em;
    height: 4em;
    border-radius: 4em;
    border: 1px solid #c2c7cc;
    color: transparent;
    cursor: pointer;
    transition: all ease 0.3s;
}

    .close-btn:before, .close-btn:after {
        position: absolute;
        width: 2em;
        height: 1px;
        left: 50%;
        top: 50%;
        margin-left: -1em;
        content: '';
        background: #8a9199;
        transition: all ease 1s;
    }

    .close-btn:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .close-btn:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .close-btn:hover:before, .close-btn:focus:before, .close-btn:hover:after, .close-btn:focus:after {
        background: red;
    }

    .close-btn:hover, .close-btn:focus {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border-color: #f26a3d;
        background: rgba(242, 106, 61, 0.1);
    }

.close-btn-content {
    display: block;
    position: relative;
    height: 100px;
}

.mortgage-apply-step-slider-body .warning {
    text-align: center;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
    background: #FEE2E2;
    padding: 10px;
    color: #333;
    margin-bottom: 40px;
}

.guest-list-body {
    width: 100%;
    max-width: 300px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    padding-right: 16px;
    box-sizing: border-box;
    align-items: center;
    outline: none;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: background-color 100ms linear;
}

    .guest-list-body:hover {
        background-color: rgba(32,33,36,0.039);
    }

.guest-profile-body {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 40px;
    align-self: stretch;
    font-size: 14px;
    width: 50px;
    padding-left: 16px;
    box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
}

.guest-profile-content {
    width: 24px;
    height: 24px;
    position: relative;
}

    .guest-profile-content .thum {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        color: #80868b;
        fill: #80868b;
        -khtml-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .guest-profile-content .person {
        background-color: #fff;
        background-size: contain;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.guest-email-body {
    padding: 6px 0;
    line-height: 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: line-height 100ms linear;
    font-size: 14px;
    color: #3c4043;
    font-weight: 400;
    box-flex: 1;
    flex-grow: 1;
    align-items: center;
    flex-wrap: wrap;
}

.guest-email-content {
    overflow: hidden;
    line-height: normal;
    font-size: 14px;
    white-space: nowrap;
    color: #3c4043;
    font-weight: 400;
}

    .guest-email-content .css-h5fdy {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        line-height: 20px;
        font-size: 14px;
        white-space: nowrap;
        color: #3c4043;
        font-weight: 400;
    }

        .guest-email-content .css-h5fdy span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
            line-height: 20px;
            font-size: 14px;
            color: #3c4043;
            font-weight: 400;
        }

.guest-delete-body {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 40px;
    width: auto;
    overflow: auto;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: stretch;
}

.guest-delete-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-self: center;
    align-items: center;
    overflow: hidden;
}

    .guest-delete-content .css-h5fdy {
        transition: opacity 100ms linear;
        height: 24px;
        width: 24px;
        -moz-user-select: none;
        -moz-transition: background .3s;
        transition: background .3s;
        border: 0;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        flex-shrink: 0;
        outline: none;
        overflow: hidden;
        position: relative;
        text-align: center;
        z-index: 0;
        padding: 3px;
        padding-left: 4px;
    }

        .guest-delete-content .css-h5fdy:hover {
            background-color: #e4e4e4;
        }

        .guest-delete-content .css-h5fdy i {
            font-weight: 600 !important;
            color: #5f6368;
        }

.ul-widget4__item:last-child {
    border-bottom: 0;
}

.introducer_leads_item_card {
    margin-left: 3px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0;
}

    .introducer_leads_item_card .lead-items {
        display: table;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .introducer_leads_item_card .item-profile {
        display: table-cell;
        vertical-align: top;
        padding-right: 10px;
        width: 60px;
    }

        .introducer_leads_item_card .item-profile .avatar {
            position: relative;
            height: 50px;
            width: 50px;
            font-size: 20px;
            line-height: 42px;
        }

            .introducer_leads_item_card .item-profile .avatar img {
                max-width: 100%;
            }

        .introducer_leads_item_card .item-profile .stage {
            height: 24px;
            max-width: 100%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: .75rem;
            border-radius: 2.25rem;
            padding: 0 4px;
            background-color: var(--chip-background-color,#f0f0f0);
            color: var(--chip-text-color,#242433);
            margin-top: 10px;
        }

            .introducer_leads_item_card .item-profile .stage .text {
                white-space: var(--text-wrap,nowrap);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                text-overflow: var(--text-overflow,ellipsis);
                line-height: 1.5;
                margin-left: 2px;
                font-size: 14px;
            }

            .introducer_leads_item_card .item-profile .stage .slot {
                margin-left: 4px;
                line-height: 0;
                z-index: 1;
            }

                .introducer_leads_item_card .item-profile .stage .slot .status-color {
                    background-color: #fff;
                    border-radius: 50%;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    height: 16px;
                    width: 16px;
                    -webkit-transition: background-color .25s cubic-bezier(.23,1,.32,1);
                    transition: background-color .25s cubic-bezier(.23,1,.32,1);
                }

                    .introducer_leads_item_card .item-profile .stage .slot .status-color.added {
                        background-color: #0097ff;
                    }

                    .introducer_leads_item_card .item-profile .stage .slot .status-color.qualified {
                        background-color: #fe7900;
                    }

                    .introducer_leads_item_card .item-profile .stage .slot .status-color.processing {
                        background-color: #ffc000;
                    }

                    .introducer_leads_item_card .item-profile .stage .slot .status-color.converted {
                        background-color: #3efd00;
                    }

                    .introducer_leads_item_card .item-profile .stage .slot .status-color.junk {
                        background-color: #fe0000;
                    }

    .introducer_leads_item_card .item-content {
        display: table-cell;
        vertical-align: top;
        font-size: 14px;
        color: #332e38;
    }

        .introducer_leads_item_card .item-content .zmdi-email, .introducer_leads_item_card .item-content .zmdi-phone, .introducer_leads_item_card .item-content .fa-clock-o {
            color: #b2b5b5;
        }

.accept-client-agreement-btn[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc !important;
    color: #666666 !important;
}

    .accept-client-agreement-btn[disabled]:hover {
        border-color: #999999;
    }

.lead-stages-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0 16px;
}

.lead-stages-selector {
    position: relative;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .lead-stages-selector .stage {
        position: relative;
        z-index: 2;
        cursor: pointer;
        -webkit-transition: all .25s cubic-bezier(.23,1,.32,1);
        transition: all .25s cubic-bezier(.23,1,.32,1);
        height: 2rem;
        max-width: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .85rem;
        border-radius: 2.25rem;
        padding: 0 .5rem;
        background-color: var(--chip-background-color,#f0f0f0);
        color: var(--chip-text-color,#242433);
        overflow: hidden;
        margin-left: 8px;
    }

.web.lead-stages-selector .stage {
    height: 32px;
    font-size: 14px;
}

.lead-stages-selector .stage:focus {
    outline: 0;
}

.lead-stages-selector .stage:first-of-type {
    margin-left: 0;
}

.lead-stages-selector .stage .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: var(--text-wrap,nowrap);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: var(--text-overflow,ellipsis);
    line-height: 1.5;
    margin: 0 4px;
    z-index: 1;
}

.lead-stages-selector .stage .slot {
    margin-left: 4px;
    line-height: 0;
    z-index: 1;
}

    .lead-stages-selector .stage .slot .status-color {
        border-radius: 50%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 16px;
        width: 16px;
        -webkit-transition: background-color .25s cubic-bezier(.23,1,.32,1);
        transition: background-color .25s cubic-bezier(.23,1,.32,1);
        background-color: #fff;
    }

.lead-stages-selector .stage.active .slot .status-color.added {
    background-color: #0097ff;
}

.lead-stages-selector .stage.active .slot .status-color.qualified {
    background-color: #fe7900;
}

.lead-stages-selector .stage.active .slot .status-color.processing {
    background-color: #ffc000;
}

.lead-stages-selector .stage.active .slot .status-color.converted {
    background-color: #3efd00;
}

.lead-stages-selector .stage.active .slot .status-color.junk {
    background-color: #fe0000;
}

.lead-stages-selector .connecting-line {
    position: absolute;
    top: 16px;
    border-top: .0625rem solid #e6e6e8;
    z-index: 1;
    width: 100%;
}

.lead-client-details .posted_location_area {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lead-client-details .posted_location:first-of-type:before {
    background-color: transparent;
}

.lead-client-details .posted_location:before {
    left: 30px;
}

.lead-client-details .posted_location i {
    font-size: 18px !important;
    margin: 2px 15px 8px 0px;
}

.lead-activity-tabs {
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0 16px;
}

    .lead-activity-tabs .nav-item {
        text-align: center;
        margin-right: 20px;
    }

        .lead-activity-tabs .nav-item .nav-link {
            width: 60px;
            height: 60px;
            background: #fff;
            border-radius: 50%;
            border: 2px solid #e8e8e8;
        }

        .lead-activity-tabs .nav-item.show .nav-link {
            border-color: #e8e8e8;
        }

        .lead-activity-tabs .nav-item .nav-link:focus {
            outline: 0;
        }

        .lead-activity-tabs .nav-item .nav-link svg {
            fill: #565656;
        }

        .lead-activity-tabs .nav-item .title {
            font-size: 16px;
            margin-top: 10px;
        }

        .lead-activity-tabs .nav-item .nav-link.active {
            background: #4c4d54;
            border-color: #4c4d54;
        }

            .lead-activity-tabs .nav-item .nav-link.active svg {
                fill: #eaeaea;
            }

                .lead-activity-tabs .nav-item .nav-link.active svg.phone-call path {
                    stroke: rgb(234, 234, 234);
                }

        .lead-activity-tabs .nav-item .nav-link svg#activities {
            fill: none;
            color: #565656;
        }

        .lead-activity-tabs .nav-item .nav-link.active svg#activities {
            fill: none;
            color: #eaeaea;
        }

.activities-wrapper .activity-items {
    position: relative;
}

    .activities-wrapper .activity-items:before {
        content: "";
        position: absolute;
        display: block;
        width: 2px;
        background-color: #a7a7a7;
        height: 24%;
        left: 20px;
        bottom: 1%;
    }

    .activities-wrapper .activity-items:last-of-type:before {
        background-color: transparent;
    }

    .activities-wrapper .activity-items .activity-item-content {
        display: flex;
        align-items: center;
        padding: 8px 0;
    }

.activity-item-icon p {
    padding: 1.35rem;
    height: 8px;
    width: 8px;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
}

.activity-item-icon svg {
    position: absolute;
    top: 6%;
    content: "";
    left: 22%;
    width: 24px;
    height: 24px;
    fill: #868585;
}

.activity-item-info {
    display: grid;
    margin-left: 20px;
}

    .activity-item-info .title {
        font-weight: 700 !important;
        color: #6f6f6f;
    }

        .activity-item-info .title .name {
            color: #3a3a3a;
        }

        .activity-item-info .title .text-mute {
            color: #bbb;
        }

            .activity-item-info .title .text-mute.time {
                font-weight: 400 !important;
                margin-left: 20px;
                font-size: 12px;
            }

.lead-activity-section {
    max-width: 700px;
    margin: 0 auto;
}

.lead-activity-filter {
    /*margin-top: 20px;*/
    /*margin-left: 10px;*/
    margin-bottom: 20px;
}

    .lead-activity-filter .title {
        padding-top: 5px;
        margin-bottom: 0;
    }

    .lead-activity-filter .col-md-2 {
        max-width: 70px;
        padding: 0;
    }

        .lead-activity-filter .col-md-2 label {
            padding-top: 8px;
            margin-bottom: 0;
        }

    .lead-activity-filter .row {
        margin-left: 0;
        margin-right: 0;
    }

    .lead-activity-filter .activity-title .col-md-6 {
        padding: 0;
    }

.lead-activity-tabs .protection-hub-dropdown-options .dropdown-menu.show {
    right: auto !important;
    left: 0 !important;
}

.lead-activity-section.web .lead-activity-tabs {
    background-color: transparent;
}

.web .lead-activity-tabs .nav-item .nav-link {
    border: 2px solid #e8e8e8 !important;
    padding: 16px;
}

    .web .lead-activity-tabs .nav-item .nav-link.active {
        background: #4c4d54 !important;
        border-color: #4c4d54 !important;
    }

.website-crm-content {
    box-shadow: none;
}

    .website-crm-content .ms-paper-content {
        background: transparent !important;
        border-left: 0 !important;
        padding: 3rem 0 !important;
    }

    .website-crm-content .card.lead-list, .website-crm-content .card.lead-details {
        border-radius: 10px;
        box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
        border: 0;
    }

    .website-crm-content .lead-list-body, .website-crm-content .lead-details-body {
        padding: 20px;
    }

.single-result-lists-view {
    background: #fffbfb !important;
}

    .single-result-lists-view .total-amount {
        text-align: center;
        font-style: normal;
        font-weight: 600;
        /* font-size: 24px; */
        line-height: 32px;
        padding: 8px 0;
        margin: 0;
        color: #DE2367;
        padding-top: 0;
    }

    .single-result-lists-view .total-amount-desc {
        font-style: normal;
        /* font-weight: 600; */
        font-size: 22px;
        line-height: 26px;
        padding: 8px 0;
        color: #252551;
        text-align: center;
        max-width: 350px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .single-result-lists-view .next-step {
        font-style: normal;
        /* font-weight: 600; */
        font-size: 18px;
        line-height: 26px;
        padding: 8px 0;
        margin: 0;
        color: #252551;
        text-align: center;
        /* max-width: 350px; */
        /* margin: 0 auto; */
        margin-top: 40px;
    }

        .single-result-lists-view .next-step .desc {
            max-width: 500px;
            margin: 0 auto;
        }

            .single-result-lists-view .next-step .desc a {
                color: #1d03f4;
            }

        .single-result-lists-view .next-step .apply-now-btn a {
            font-size: 18px;
            line-height: 28px;
            box-sizing: border-box;
            display: inline-flex;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            min-height: 48px;
            box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 2px 0px !important;
            width: 100%;
            max-width: 320px;
            cursor: pointer;
            white-space: normal;
            overflow-wrap: break-word;
            font-style: normal;
            font-weight: normal;
            background-color: #DE2367 !important;
            color: rgb(255, 255, 255) !important;
            text-align: center;
            margin-bottom: 14px;
            margin-top: 8px;
            border-radius: 4px;
            transition: transform 0.2s ease 0s, filter 0.2s ease 0s, box-shadow 0.2s ease 0s;
            padding: 0px 4px;
            text-decoration: none;
            border-width: 1px;
            border-style: solid;
            border-color: #c71757;
            border-image: initial;
        }

            .single-result-lists-view .next-step .apply-now-btn a:hover {
                transform: translate(0px, -2px);
                box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 2px 0px !important;
                filter: opacity(90%);
                transition: transform 0.2s ease 0s, filter 0.2s ease 0s, box-shadow 0.2s ease 0s;
            }

.document-upload-card .btn-primary[disabled] {
    /*border: 1px solid #999999;*/
    background-color: #cccccc !important;
    /*color: #666666 !important;*/
    cursor: not-allowed;
}

.btl-mortgage-calculator-section h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    -webkit-letter-spacing: 0.25px;
    -moz-letter-spacing: 0.25px;
    -ms-letter-spacing: 0.25px;
    letter-spacing: 0.25px;
}

.btl-mortgage-calculator-section .container-content {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 0;
}

.btl-mortgage-calculator-section .details-content {
    display: inherit;
    margin-bottom: 16px;
}

.btl-mortgage-calculator-section .details-body {
    background-color: #FFFFFF;
    border: 1px solid #EBEBEC;
    padding: 40px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 14px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .btl-mortgage-calculator-section .details-body .item-left {
        width: 45%;
        padding-right: 63px;
    }

    .btl-mortgage-calculator-section .details-body .item-right {
        width: 45%;
    }

        .btl-mortgage-calculator-section .details-body .item-right p {
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 28px;
            -webkit-letter-spacing: 0.25px;
            -moz-letter-spacing: 0.25px;
            -ms-letter-spacing: 0.25px;
            letter-spacing: 0.25px;
        }

        .btl-mortgage-calculator-section .details-body .item-right h2 {
            font-style: normal;
            font-weight: 400;
            font-size: 64px;
            line-height: 72px;
            -webkit-letter-spacing: -0.5px;
            -moz-letter-spacing: -0.5px;
            -ms-letter-spacing: -0.5px;
            letter-spacing: -0.5px;
            margin: 0;
        }

    .btl-mortgage-calculator-section .details-body .item-left .item {
        display: block;
    }

        .btl-mortgage-calculator-section .details-body .item-left .item h5 {
            font-style: normal;
            font-weight: 400;
            font-size: 32px;
            line-height: 36px;
            -webkit-letter-spacing: 0.2px;
            -moz-letter-spacing: 0.2px;
            -ms-letter-spacing: 0.2px;
            letter-spacing: 0.2px;
            margin: 0 0 16px 0;
        }

    .btl-mortgage-calculator-section .details-body .item-left .item-content {
        margin-bottom: 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

        .btl-mortgage-calculator-section .details-body .item-left .item-content p {
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 28px;
            -webkit-letter-spacing: 0.25px;
            -moz-letter-spacing: 0.25px;
            -ms-letter-spacing: 0.25px;
            letter-spacing: 0.25px;
        }

    .btl-mortgage-calculator-section .details-body .input-content {
        height: 48px;
        min-width: 100%;
        border-radius: 4px;
        border: 1px solid #E1E1E1;
        -webkit-transition: border-color 0.2s linear;
        transition: border-color 0.2s linear;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: hidden;
        margin-left: auto;
        background-color: #FFFFFF;
        box-sizing: border-box;
    }

        .btl-mortgage-calculator-section .details-body .input-content span {
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 28px;
            -webkit-letter-spacing: 0.25px;
            -moz-letter-spacing: 0.25px;
            -ms-letter-spacing: 0.25px;
            letter-spacing: 0.25px;
            width: 48px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #626262;
            background: #F5F5F5;
            border-right: 1px solid #E1E1E1;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-height: 10000000px;
            box-sizing: border-box;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        .btl-mortgage-calculator-section .details-body .input-content input {
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 28px;
            -webkit-letter-spacing: 0.25px;
            -moz-letter-spacing: 0.25px;
            -ms-letter-spacing: 0.25px;
            letter-spacing: 0.25px;
            color: #16163D;
            padding: 0 16px;
            border: none;
            text-align: left;
            width: calc(100% - 48px);
            margin: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            box-sizing: border-box;
            cursor: pointer;
            border-radius: 4px;
        }

        .btl-mortgage-calculator-section .details-body .input-content:focus-within {
            border: 2px solid #FFCC33;
        }

.comparison-faq-body {
    border: 1px solid #E1E1E1;
    border-bottom: none;
    box-sizing: border-box;
    box-shadow: 0px 4px 0px rgba(214,219,232,0.4);
    border-radius: 8px;
    width: 100%;
}

    .comparison-faq-body .resources-collapsible .resources-collapsible-header h2 {
        padding-left: 16px;
        font-size: 24px;
        line-height: 28px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.15px;
        color: #235CC5;
    }

    .comparison-faq-body .resources-collapsible .resources-collapsible-header:after {
        right: 16px;
    }

    .comparison-faq-body .resources-collapsible:not(.resources-collapsible-open) .resources-collapsible-header {
        border-bottom: 0;
    }

    .comparison-faq-body .resources-collapsible-body {
        padding: 0 16px;
        padding-bottom: 16px;
        margin-bottom: 10px;
    }

        .comparison-faq-body .resources-collapsible-body p {
            margin: 0;
        }

    .comparison-faq-body .resources-collapsible .resources-collapsible-header {
        border-top: 1px solid #E1E1E1;
    }

    .comparison-faq-body .resources-collapsible:first-of-type .resources-collapsible-header {
        border-top: 0;
    }

    .comparison-faq-body .resources-collapsible .resources-collapsible-header {
        margin-bottom: 0;
    }

    .comparison-faq-body .resources-collapsible:last-of-type .resources-collapsible-header {
        margin-bottom: 5px;
    }

.extra-faq-desc .extra-title {
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    -webkit-letter-spacing: 0.25px;
    -moz-letter-spacing: 0.25px;
    -ms-letter-spacing: 0.25px;
    letter-spacing: 0.25px;
    margin: 0;
    color: #16163D;
}

.extra-faq-desc .desc {
    margin: 16px 0;
    color: #16163D;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px !important;
}

    .extra-faq-desc .desc p {
        -webkit-letter-spacing: 0.25px;
        -moz-letter-spacing: 0.25px;
        -ms-letter-spacing: 0.25px;
        letter-spacing: 0.25px;
        margin-bottom: 24px;
    }

    .extra-faq-desc .desc ol {
        list-style: none;
        -webkit-letter-spacing: 0.25px;
        -moz-letter-spacing: 0.25px;
        -ms-letter-spacing: 0.25px;
        letter-spacing: 0.25px;
        margin: 16px 0px;
        max-width: 100%;
        color: #16163D;
        padding-left: 20px;
    }

        .extra-faq-desc .desc ol li {
            list-style-type: circle;
        }

.btl-slider {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    min-height: 1px;
}

.address-selection-message {
    padding: 20px;
    width: 100%;
    background-color: #f2f2f2;
    margin-top: 40px;
    border: 1px solid #d6d6d6;
    text-align: center;
}

    .address-selection-message p {
        color: #363636;
        display: block;
        font-size: 14px;
        letter-spacing: .04em;
        line-height: 1;
        margin-bottom: 10px;
    }

    .address-selection-message .message {
        color: #4a2e9e;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.36;
    }

.phone-dial-content {
    background: #fff;
    /* padding: 6.5px 5px; */
    padding: 5.5px 7.1px 7.5px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    cursor: pointer;
    border: 1px solid #4e4e4e;
}

    .phone-dial-content:focus {
        outline: 0;
    }

    .phone-dial-content .st1 {
        fill: none;
        stroke: #ffffff;
        stroke-width: 2;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
    }

    .phone-dial-content .st2 {
        fill: none;
        stroke: #ffffff;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
    }

    .phone-dial-content i {
        margin: 0 !important;
        float: inherit;
        color: #656565;
        vertical-align: middle;
    }

    .phone-dial-content.end {
        background: #f44336;
        padding: 5.5px 4.9px 7.5px;
    }

.new-leads-button-content {
    text-align: center;
    margin: 15px 0px;
}

.new-leads-button-content {
    text-align: center;
    margin: 15px 0px;
}

    .new-leads-button-content button {
        min-height: 34px;
        height: 34px;
        padding: 4px 30px;
        box-shadow: 4px 6px 8px rgba(187,194,220,.6);
    }

.case-details-main-view {
    /*height: calc(100vh - 106px);*/
    height: calc(221vh - 106px);
}

    .case-details-main-view .scrolling-view-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        z-index: 2;
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s;
        -webkit-transition: left .5s ease-out;
        -o-transition: left .5s ease-out;
        transition: left .5s ease-out;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

.stage-junk .text {
    font-size: 12px;
    padding-top: 6px;
    padding-left: 6px;
}

    .stage-junk .text a {
        color: #000;
    }

.lead-stages-selector .stage.added {
    border: 1px solid #0097ff;
    background: #fff;
    color: #6d6d6d;
}

    .lead-stages-selector .stage.added.active {
        background: #0097ff;
        color: #fff;
    }

.lead-stages-selector .stage .slot .status-color {
    /*background-color: #fff;*/
    border: 1px solid #d6d6d6;
}

.lead-stages-selector .stage.active .slot .status-color {
    background-color: #fff !important;
    border: 1px solid #fff;
}

.lead-stages-selector .stage.qualified {
    border: 1px solid #fe7900;
    background: #fff;
    color: #6d6d6d;
}

    .lead-stages-selector .stage.qualified.active {
        background: #fe7900;
        color: #fff;
    }

.lead-stages-selector .stage.processing {
    border: 1px solid #ffc000;
    background: #fff;
    color: #6d6d6d;
}

    .lead-stages-selector .stage.processing.active {
        background: #ffc000;
        color: #fff;
    }

.lead-stages-selector .stage.converted {
    border: 1px solid #3efd00;
    background: #fff;
    color: #6d6d6d;
}

    .lead-stages-selector .stage.converted.active {
        background: #3efd00;
        color: #fff;
    }

.lead-stages-selector .stage.junk {
    border: 1px solid #000;
    background: #fff;
    color: #6d6d6d;
}

    .lead-stages-selector .stage.junk.active {
        background: #000;
        color: #fff;
    }

.introducer-dash-card-item {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
    border: 0;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
}

    .introducer-dash-card-item .card-item-body {
        display: flex;
        flex: 1 1 auto;
        padding: 20px;
    }

    .introducer-dash-card-item .content {
        text-align: left;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 170px;
        font-size: 24px;
        margin-left: 0;
    }

        .introducer-dash-card-item .content .name {
            font-size: 14px;
            color: #70657b !important;
            margin-bottom: 4px;
            line-height: 15px !important;
        }

        .introducer-dash-card-item .content .count {
            font-size: 24px;
            margin: 0;
        }

    .introducer-dash-card-item i {
        background: #03a9f4;
        padding: 12px;
        font-size: 24px;
        color: #fff;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        height: 56px;
        width: 56px;
        line-height: 30px;
        text-align: center;
    }

    .introducer-dash-card-item.success i {
        background: #4caf50;
    }

    .introducer-dash-card-item.warning i {
        background: #ff9800;
    }

    .introducer-dash-card-item.danger i {
        background: #f44336;
    }

.w-b-content-form.white-bkg {
    background-color: #fff;
}

    .w-b-content-form.white-bkg h3 {
        color: #191792;
    }

    .w-b-content-form.white-bkg p {
        color: #000;
    }

    .w-b-content-form.white-bkg .f-col2-t45g45 input {
        border: 1px solid #a5a5a5;
        color: #3a3a3a;
    }

    .w-b-content-form.white-bkg .f-col2-t45g45 select {
        color: #3a3a3a;
        border: 1px solid #a5a5a5;
    }

    .w-b-content-form.white-bkg .anti-spam-question-body {
        color: #000;
    }

.notification-read-icon {
    width: 8px;
    height: 8px;
    background: green;
    display: inline-block;
    border-radius: 50%;
    margin-left: -11px;
    vertical-align: middle;
    margin-right: -1px;
}

.auto-call-script-container {
    border: 1px solid #839094;
    padding: 15px;
}

.auto-call-script-title {
    color: #000;
    font-size: 24px;
    text-align: center;
}

.auto-call-script-desc {
    margin-top: 10px;
}

.protection-hub-dropdown-options.dial-call-option .dropdown-menu {
    min-width: 250px;
}

    .protection-hub-dropdown-options.dial-call-option .dropdown-menu .dropdown-item {
        color: #252525;
        padding: .42rem 1.2rem;
    }

        .protection-hub-dropdown-options.dial-call-option .dropdown-menu .dropdown-item i {
            color: #2f2f2f;
            font-size: 16px !important;
            margin-right: 6px !important;
        }

    .protection-hub-dropdown-options.dial-call-option .dropdown-menu .show-dial-number {
        overflow: hidden;
        width: 100%;
        flex-shrink: 1;
        text-overflow: ellipsis;
        color: #87929d;
        padding: 0 1.2rem;
        display: inline-block;
        white-space: nowrap;
    }

    .protection-hub-dropdown-options.dial-call-option .dropdown-menu .divider {
        height: 1px;
        background: #dedede;
        display: block;
        margin: 10px 5px;
    }

.call-script-box .ta-scroll-window.form-control, .call-script-box .ta-scroll-window > .ta-bind {
    min-height: 100px;
}

.header-phn-number-search {
    min-width: 350px;
    padding: 3px 20px !important;
    min-height: 200px;
}

    .header-phn-number-search .search-number input {
        border-radius: 4px !important;
    }

        .header-phn-number-search .search-number input:focus {
            border-color: #a679d2 !important;
            box-shadow: 0 0 0 0.1rem rgba(102,51,153,.25) !important;
            outline: none;
        }

    .header-phn-number-search .search-number .input-append button {
        top: auto !important;
        right: 19px !important;
    }

        .header-phn-number-search .search-number .input-append button:focus {
            box-shadow: none !important;
        }

    .header-phn-number-search .phn-number {
        margin-top: 15px;
        padding-bottom: 15px;
        position: relative;
        line-height: 20px;
        border-bottom: 1px solid #dcdcdc;
        height: 40px;
        margin-left: -20px;
        padding-left: 20px;
        margin-right: -20px;
        padding-right: 20px;
        margin-top: 30px;
    }

        .header-phn-number-search .phn-number i {
            float: left;
            color: #4c4b4b;
            font-size: 18px !important;
            margin: 2px 15px 8px 0px;
        }

        .header-phn-number-search .phn-number .desc {
            float: left;
            width: calc(100% - 60px);
            font-size: 14px;
            letter-spacing: .4px;
            font-weight: 600;
            color: #404040;
        }

    .header-phn-number-search .leads {
        margin-top: 15px;
        padding-bottom: 15px;
        position: relative;
        line-height: 20px;
        border-bottom: 1px solid #dcdcdc;
        height: 55px;
        margin-left: -20px;
        padding-left: 20px;
        margin-right: -20px;
        padding-right: 20px;
    }

        .header-phn-number-search .leads i {
            float: left;
            color: #4c4b4b;
            font-size: 18px !important;
            margin: 2px 15px 8px 0px;
        }

        .header-phn-number-search .leads .desc {
            float: left;
            width: calc(100% - 60px);
            font-size: 14px;
            letter-spacing: .4px;
            color: #404040;
        }

            .header-phn-number-search .leads .desc .title {
                color: #000;
            }

            .header-phn-number-search .leads .desc .sub-title {
                font-size: 12px;
                color: #6d6d6d;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .header-phn-number-search .leads .desc .sub-title .dial-icon {
                    float: inherit;
                    font-size: 14px !important;
                    color: #6d6d6d;
                    margin-left: 10px;
                    margin-right: 0px;
                }

.phn-call-dialler-option-bar {
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 52px;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    width: 100%;
    display: flex;
    background-color: #fff;
    box-shadow: 0px 0 5px rgb(177 177 177 / 80%);
}

    .phn-call-dialler-option-bar .caller-info {
        margin-top: 6px;
        position: relative;
        line-height: 20px;
    }

        .phn-call-dialler-option-bar .caller-info i {
            float: left;
            color: #b5b5b5;
            font-size: 20px !important;
            margin: 2px 15px 8px 0px;
            background: #ececec;
            padding: 10px;
            border-radius: 50%;
        }

        .phn-call-dialler-option-bar .caller-info .desc {
            float: left;
            width: calc(100% - 60px);
            margin-top: 8px;
        }

            .phn-call-dialler-option-bar .caller-info .desc p {
                font-size: 12px;
                letter-spacing: .4px;
                margin: 0;
                color: #949494;
                line-height: 15px !important;
            }

                .phn-call-dialler-option-bar .caller-info .desc p:first-of-type {
                    color: #292929;
                }

    .phn-call-dialler-option-bar .caller-options {
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        margin-left: 100px;
    }

        .phn-call-dialler-option-bar .caller-options .timer {
            font-size: 18px;
            color: #000;
        }

        .phn-call-dialler-option-bar .caller-options .divider {
            display: initial;
            height: 22px;
            border-left: 1px solid rgb(177 177 177);
            opacity: 0.5;
            margin-left: 20px;
            margin-right: 20px;
        }

        .phn-call-dialler-option-bar .caller-options .options-section i {
            margin-left: 10px;
            margin-right: 10px;
            color: #636161;
            cursor: pointer;
        }

            .phn-call-dialler-option-bar .caller-options .options-section i:first-of-type {
                margin-left: 0px;
            }

            .phn-call-dialler-option-bar .caller-options .options-section i:last-of-type {
                margin-right: 0px;
            }

        .phn-call-dialler-option-bar .caller-options button {
            height: 28px;
            line-height: 16px;
            margin: 0 8px;
        }

            .phn-call-dialler-option-bar .caller-options button:focus, .phn-call-dialler-option-bar .caller-options button:active:focus, .phn-call-dialler-option-bar .caller-options button:not(:disabled):not(.disabled):active:focus {
                outline: none;
                box-shadow: none;
            }

            .phn-call-dialler-option-bar .caller-options button:first-of-type {
                margin-left: 0px;
            }

            .phn-call-dialler-option-bar .caller-options button:last-of-type {
                margin-right: 0px;
            }

.posted_location_info .edit-phone-number {
    display: flex;
}

    .posted_location_info .edit-phone-number .form-control {
        max-width: 145px;
        height: 28px;
    }

    .posted_location_info .edit-phone-number .phone-dial-content {
        padding: 3px 3.5px 7px 8px;
        margin-top: 1.5px;
        width: 24px;
        height: 24px;
    }

.leads-list-auto-call-locked-content {
    float: right;
    margin-top: -55px;
}

    .leads-list-auto-call-locked-content i {
        font-size: 20px !important;
        /* background: #c5c5c5; */
        /* background: #0097ff; */
        background: #f5696b;
        padding: 5px 7.4px;
        border-radius: 50%;
        color: #fff;
    }

    .leads-list-auto-call-locked-content .lock-icon {
        background: #f5696b;
        padding: 8px 7px 8px 3px;
        border-radius: 50%;
        color: #fff;
        width: 30px;
        height: 30px;
    }

.current-application-steps .title.case-title {
    font-size: 32px;
    line-height: 34px;
    display: table;
    width: 100%;
}

.vertical-table-view .table tr th, .vertical-table-view .table tr td {
    vertical-align: bottom;
    text-align: center;
    padding: 5px 1px !important;
    font-size: 13px;
}

.vertical-table-view .table tr td {
    vertical-align: middle;
}

.vertical-table-view th span, .vertical-table-view td span {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
}

.user-identification-content {
    /*margin-top:20px;*/
}

    .user-identification-content h4 {
        font-size: 18px;
        line-height: 24px;
        color: #484848;
        margin: 0;
    }

    .user-identification-content h3 {
        font-size: 26px;
        line-height: 28px;
        font-weight: bold;
        margin: 0;
        color: #484848;
    }

    .user-identification-content p {
        color: #888888;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .user-identification-content ul {
        list-style-type: decimal;
        margin-left: 15px;
        margin-top: 10px;
        padding-left: 0;
    }

        .user-identification-content ul li {
            padding: 0px;
            padding-left: 10px;
            margin-left: 5px;
            margin-top: 0px !important;
        }

            .user-identification-content ul li.success {
                color: green;
            }

            .user-identification-content ul li.danger {
                color: indianred;
            }

            .user-identification-content ul li.warning {
                color: #ffc107;
            }

    .user-identification-content h6:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 12px;
        height: 8px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #022f32;
    }

    .user-identification-content h6:after {
        content: '';
        position: absolute;
        left: 12px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 3px;
        border-color: transparent transparent transparent #022f32;
    }

.introducer-panel-container .breadcrumb h3 {
    color: #332e38;
    line-height: 1;
    margin-top: 10px;
}

.introducer-panel-container .separator-breadcrumb.border-top {
    margin-bottom: 2rem;
    border-top: 1px solid #dee2e6 !important;
}

.introducer-panel-container .card {
    border-radius: 10px;
    box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
    border: 0;
}

.introducer-panel-container .card-body {
    padding: 20px;
}

.navbar-introducer-mode {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    animation: none !important;
}

    .navbar-introducer-mode .header_logo img {
        max-height: 40px;
        margin-top: 10px;
    }

.introducer-panel-container .card .list-group {
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
}

.introducer-dashboard-month-select {
    position: relative;
    width: 150px;
    margin: 0 auto;
}

    .introducer-dashboard-month-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        color: #005BA6;
        border: 3px solid #E6E6E6;
        padding: 5px 0px 5px 10px;
        -webkit-transition: border-color 0.2s ease, outline 0.2s ease;
        transition: border-color 0.2s ease, outline 0.2s ease;
        outline: none;
    }
    /*.introducer-dashboard-month-select::before, .introducer-dashboard-month-select::after {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
    border: 1px solid transparent;
    width: 0;
    height: 0;
    right: 16px;
    z-index: 2;
}
.introducer-dashboard-month-select::before {
    bottom: 55%;
    border-width: 0 6.5px 8px 6.5px;
    border-bottom-color: #D6D6D6;
}
.introducer-dashboard-month-select::after {
    border-width: 8px 6.5px 0 6.5px;
    border-top-color: #D6D6D6;
    top: 55%;
}*/
    .introducer-dashboard-month-select.two select {
        background-color: #cde4f5;
        border: 3px solid #cde4f5;
        border-radius: 18px;
        color: #444;
        font-size: 16px;
        padding: 5px 0px 5px 15px;
        cursor: pointer;
    }

    .introducer-dashboard-month-select.two::after {
        content: '';
        position: absolute;
        border: 7px solid #3694d7;
        border-color: #3694d7 transparent transparent transparent;
        transition: .4s all ease-in-out;
        right: 12px;
        top: 15px;
    }

div.searchable {
    position: relative;
    flex: 1 1 auto;
    background: #f8f9fa;
}

.searchable input {
    width: 100%;
    height: 48px;
    padding: 10px;
    padding-right: 30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    display: block;
    color: #252551;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #949492;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    /*background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;*/
    /*background: url(../img/svg/selectbox-arrow-slim.svg) no-repeat right .75rem center/8px 10px;*/
    background: url(../img/svg/selectbox-arrow.svg) no-repeat right .75rem center/10px 12px;
}

    .searchable input:focus {
        outline: none !important;
        -webkit-box-shadow: 0 0 0 3px #ffa102 !important;
        box-shadow: 0 0 0 3px #ffa102 !important;
        border-radius: 4px !important;
    }

    .searchable input:hover, .searchable input:focus {
        background: url(../img/svg/selectbox-active-arrow.svg) no-repeat right .75rem center/10px 12px;
        /*-webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);*/
    }

.add-diary-user-lists .searchable input:focus ~ ul {
    display: block;
}

.searchable ul {
    display: none;
    list-style-type: none;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #add8e6;
    border-top: none;
    max-height: 180px;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    z-index: 10;
    position: absolute;
    width: 100%;
}

    .searchable ul li {
        padding: 7px 9px;
        border-bottom: 1px solid #e1e1e1;
        cursor: pointer;
        color: #6e6e6e;
    }

        .searchable ul li:hover, .searchable ul li:active, .searchable ul li:focus {
            outline: none !important;
            background-color: #e8e8e8;
            color: #333;
        }

        .searchable ul li.selected {
            background-color: #e8e8e8;
            color: #333;
        }

        .searchable ul li .list-item {
            margin-top: 5px;
            position: relative;
            line-height: 20px;
            height: 45px;
        }

            .searchable ul li .list-item .user-profile {
                float: left;
                color: #949292;
                font-size: 36px !important;
                margin: 2px 15px 2px 0px;
            }

            .searchable ul li .list-item .desc {
                float: left;
                width: calc(100% - 60px);
                font-size: 14px;
                letter-spacing: .4px;
                color: #404040;
            }

                .searchable ul li .list-item .desc .title {
                    color: #000;
                    text-transform: capitalize;
                }

                .searchable ul li .list-item .desc .sub-title {
                    font-size: 12px;
                    color: #6d6d6d;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .searchable ul li .list-item .desc .email-icon, .searchable ul li .list-item .desc .dial-icon {
                    font-size: 14px;
                    vertical-align: text-bottom;
                    color: #000;
                }

.searchable input::-moz-placeholder {
    font-size: 16px;
    /*line-height: 2.12857 !important;*/
    color: #cad7dc;
    font-weight: 400;
}

.searchable input:-moz-placeholder {
    font-size: 16px;
    /*line-height: 2.72857 !important;*/
    color: #cad7dc;
    font-weight: 400;
}

.searchable input:-ms-input-placeholder {
    font-size: 16px;
    /*line-height: 1.42857 !important;*/
    color: #cad7dc;
    font-weight: 400;
}

.searchable input::-webkit-input-placeholder {
    font-size: 16px;
    /*line-height: 1.42857 !important;*/
    color: #cad7dc;
    font-weight: 400;
}

.searchable .searchbox {
    position: absolute;
    /* top: -1px; */
    /* right: -2px; */
    z-index: 2;
    display: block;
    width: 44px;
    height: 48px;
    left: initial;
    text-align: center;
    line-height: 50px;
    color: #949492;
    font-size: 24px;
}

.assessment-affordability-table .currency-input {
    height: 32px;
    max-width: 180px;
    margin: 0 auto;
}

.assessment-affordability-table .currency-input-symbol {
    line-height: 32px;
    padding: 0 10px;
}

.assessment-affordability-table .currency-input .form-control {
    height: 32px;
    text-align: right;
}

.assessment-affordability-table thead th {
    height: 60px;
}

.assessment-affordability-table thead th, .assessment-affordability-table tbody td {
    font-size: 14px;
}

.header-quick-source-btn {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
    width: auto;
    height: 40px;
    margin: 0;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px !important;
    padding: 8px 20px;
    border: 1px solid #717171 !important;
}

    .header-quick-source-btn:hover, .header-quick-source-btn:active {
        background: #f5f5f5;
    }

.video-slider-wrap {
    position: relative;
    height: 80vh;
    /*float: left;*/
    width: 100%;
    min-height: 400px;
}

    .video-slider-wrap .slider-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        width: 100%;
    }

.slider-container:before, .slider-container:after {
    content: " ";
    display: table;
}
/**, *:before, *:after {
    box-sizing: border-box;
}*/
.video-slider-wrap .slider-container .slide-inner {
    margin-bottom: 1%;
    display: inline-block;
    width: 66.66%;
    text-align: center;
}

    .video-slider-wrap .slider-container .slide-inner h1 {
        text-align: center;
        color: #fff;
        font-size: 52px;
        line-height: 58px;
        margin: 0;
    }

    .video-slider-wrap .slider-container .slide-inner .line-effect {
        text-align: center;
        color: #fff;
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 30px;
    }

        .video-slider-wrap .slider-container .slide-inner .line-effect:after {
            height: 2px;
            display: block;
            width: 80px;
            border-bottom: 3px solid #db088c;
            border-color: #db088c;
            margin: 20px auto 20px auto;
            content: '';
        }

        .video-slider-wrap .slider-container .slide-inner .line-effect p {
            line-height: 30px !important;
        }

.video-slider-wrap .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    margin-top: 0;
}

.video-slider-wrap .slick-slider {
    z-index: 2;
    background: transparent;
    height: 100%;
}

.video-slider-wrap .slick-slide {
    z-index: 2;
    background: rgba(74, 41, 74, 0.4);
    transition: opacity 0.6s linear !important;
    position: relative;
    left: 0px;
    top: 0px;
    justify-content: center;
    display: flex !important;
    height: auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    /*z-index: 998;*/
    /*opacity: 0;*/
}

.video-slider-wrap .slick-active {
    /*z-index: 999;
    opacity: 1;*/
}

.video-slider-wrap .slick-list {
    height: 100%;
    display: flex;
}

.video-slider-wrap .slick-track {
    display: flex;
}

.video-slider-container {
    width: 100%;
    overflow: hidden;
}

.case-status-steps.steps {
    /*margin: 40px;*/
    padding: 0;
    overflow: hidden;
}

    .case-status-steps.steps a {
        color: white;
        text-decoration: none;
    }

    .case-status-steps.steps em {
        display: block;
        font-size: 10px;
        font-weight: bold;
    }

    .case-status-steps.steps li {
        float: left;
        margin-left: 0;
        width: 87px;
        height: 46px;
        list-style-type: none;
        padding: 8px 3px 8px 15px;
        border-right: 1px solid white;
        position: relative;
        text-align: center;
        margin-bottom: 1px;
    }

        .case-status-steps.steps li:first-child {
            padding-left: 5px;
            border-top-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
        }

        .case-status-steps.steps li:nth-child(n+2)::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            border-left: 15px solid white;
            border-top: 23px solid transparent;
            border-bottom: 23px solid transparent;
            width: 0;
            height: 0;
            content: " ";
        }

        .case-status-steps.steps li::after {
            z-index: 1;
            position: absolute;
            top: 0;
            right: -15px;
            display: block;
            border-left: 15px solid #6ed198;
            border-top: 23px solid transparent;
            border-bottom: 23px solid transparent;
            width: 0;
            height: 0;
            content: " ";
        }

    .case-status-steps.steps li {
        background-color: #6ed198;
    }

        .case-status-steps.steps li::after {
            border-left-color: #6ed198;
            /*border-left-color: transparent;*/
        }

        .case-status-steps.steps li.current {
            background-color: #faa936;
        }
        .case-status-steps.steps li.done {
            background-color: #6ed198;
        }

            .case-status-steps.steps li.current::after {
                border-left-color: #faa936;
            }

            .case-status-steps.steps li.current ~ li {
                background-color: #EBEBEB;
            }

                .case-status-steps.steps li.current ~ li a {
                    color: #8e8e8e;
                }

                .case-status-steps.steps li.current ~ li::after {
                    border-left-color: #EBEBEB;
                }

        .case-status-steps.steps li:hover {
            background-color: #696
        }

            .case-status-steps.steps li:hover::after {
                /*border-left-color: #696*/
            }

.dynamic-case-type-view label {
    float: left;
    width: 47.5%;
    margin-right: 3px;
    margin-left: 3px;
}

    .dynamic-case-type-view label:nth-child(odd) {
        margin-right: .5% !important;
        margin-left: .5% !important;
        width: 49%;
    }

    .dynamic-case-type-view label:nth-child(even) {
        margin-left: .5% !important;
        width: 49.5%;
    }

    .dynamic-case-type-view label:nth-child(odd):last-of-type {
        margin-left: 0 !important;
    }

.dynamic-protection-type-view label {
    float: left;
    width: 32.66% !important;
    margin-right: .5% !important;
    margin-left: .5% !important;
}

    .dynamic-protection-type-view label:nth-child(3n+0) {
        margin-right: 0 !important;
    }

    .dynamic-protection-type-view label:nth-child(3n+4), .dynamic-protection-type-view label:nth-child(1) {
        margin-left: 0 !important;
    }

.selected-protection-type.radio-outline-light .checkmark:after {
    background: transparent;
}

.selected-protection-type.radio-outline-light:hover input ~ .checkmark {
    background-color: #fff;
}

.agreement-tooltips {
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 10000;
}

    .agreement-tooltips:focus, .agreement-tooltips .tooltip:focus, .agreement-tooltips .anchovy-question:focus, .agreement-tooltips .icon:focus, .agreement-tooltips-content:focus {
        outline: 0;
    }

    .agreement-tooltips .answer {
        width: auto;
        min-width: 160px;
        text-align: center;
        -ms-transform: translateX(-39%) !important;
        transform: translateX(-39%) !important;
        margin-top: 7px;
    }

        .agreement-tooltips .answer:after {
            left: 50% !important;
        }

    .agreement-tooltips .icon {
        background-image: none !important;
        background: #e4e6eb;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%;
        opacity: 1 !important;
        padding: 4px;
        border: 1px solid #e0e0e0;
    }

.text-editor-colorpicker .sp-replacer {
    padding: 0;
    border: 0;
    vertical-align: initial;
}

.text-editor-colorpicker .sp-preview {
    margin-right: 0;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    border: solid 1px #c5c5c5;
}

.text-editor-colorpicker .sp-dd {
    display: none;
}

.text-editor-colorpicker .fa-font:before {
    display: none;
}

.table-toolbox-span, .cutomer-name-toolbox-span, .header-toolbox-span, .footer-toolbox-span, .adviser-name-toolbox-span {
    display: inline-block;
    padding: 4px 8px;
    background-color: lightblue;
    border: blue;
    border-radius: 4px;
}

.replay-email-content .mm-factfind-overview-title {
    font-size: 20px;
}

.replay-email-content .mm-readonly-summary-title h2 {
    font-size: 16px;
}

.replay-email-content .mm-readonly-summary {
    outline: 0;
}

/**Cookie*/

.cookie-notice {
    background: rgb(7, 2, 2);
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    display: block;
    padding: 24px;
    z-index: 999;
}

/*** FAQ ACCORDION */
.beefup img {
    width: 100%;
}

.beefup p,
.beefup__body {
    line-height: 28px !important;
    font-size: 19px;
    text-align: justify;
    padding: 5px;
}

.beefup__head > button {
    padding: 20px 70px;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    font-size: 22px;
}

.beefup__head::after {
    display: none !important;
}



.beefup__head::before {
    transition: transform 0.2s ease-out;
    content: '\002B';
    transform: none;
    position: absolute;
    top: 50%;
    z-index: 0;
    margin-top: -20px;
    padding: 3px;
    color: #000 !important;
    border: none;
}

.beefup.is-open > .beefup__head::before {
    transition: transform 0.1s ease-out;
    content: '\002D';
    position: absolute;
    top: 50%;
    z-index: 0;
    margin-top: -20px;
    padding: 3px;
    color: #000 !important;
    border: none;
}

.beefup__body {
    /*padding: 5px 20px;*/
}



.beefup {
    border-radius: 4px;
    /*margin: 15px 30px 5px 30px;*/
    border: none;
}

    .beefup:nth-child(2n) {
        background: rgba(0, 0, 0, 0.02) !important;
    }

        .beefup:hover,
        .beefup:nth-child(2n):hover,
        .beefup.is-open {
            background: #de60659c !important;
        }

.customer-rating-review-content {
    background: #fff;
    border-radius: 6px;
    max-width: 700px;
    margin: 30px auto;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%);
}

    .customer-rating-review-content .header {
        background: #1976D2;
        color: #fff;
        padding: 18px 15px;
        text-align: center;
        font-size: 24px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        margin: 0;
    }

.customer-rating-review-body {
    padding: 30px;
}

    .customer-rating-review-body .standard-primary {
        height: 48px;
        /*min-width: 100px;*/
        font-size: 15px !important;
    }

    .customer-rating-review-body .custom_control_label {
        font-size: 16px !important;
        color: #222 !important;
    }

.customer-rating-review-info .name {
    margin: 5px 0;
}

    .customer-rating-review-info .name a {
        color: #2e2f2f;
        font-weight: 700;
        font-size: 16px;
    }

.customer-rating-review-body .line-section {
    height: 1px;
    background: #ddd;
}

.user-details-collapsed a {
    background-color: #fff;
    border-color: #b1b1ba;
    color: #4c4c4c;
    border-radius: 20px;
}

    .user-details-collapsed a:focus, .user-details-collapsed .btn-primary:not(:disabled):not(.disabled):active:focus {
        outline: 0;
        box-shadow: none;
    }

    .user-details-collapsed a:hover, .user-details-collapsed .btn-primary:not(:disabled):not(.disabled):active {
        background-color: #fbfbfb;
        border-color: #b1b1ba;
        color: #4c4c4c;
    }

    .user-details-collapsed a:after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 3px;
        border-bottom: 1.5px solid #000;
        border-left: 1.5px solid #000;
        -webkit-transform: translateY(5px) rotate( 135deg );
        transform: translateY(5px) rotate( 135deg );
    }

.user-details-collapsed.active a:after {
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

.customer-panel-dashboard {
    max-width: 800px;
    margin: 0 auto;
    box-shadow: none;
}

    .customer-panel-dashboard .ms-paper-content {
        background-color: #f6f8fd;
        border: 0;
    }

    .customer-panel-dashboard .dashboard-alert {
        background: transparent;
    }

.customer-panel-dashboard-header {
    background: #fff;
    margin-top: 20px;
}

.customer-panel-dashboard .dashboard-main-title {
    color: #2E0E39;
    font-size: 32px;
}

.customer-enquiry-box {
    margin: 20px 0;
}

    .customer-enquiry-box .ad-content {
        background: #BCEFE6;
        padding: 15px;
    }

        .customer-enquiry-box .ad-content .title {
            color: #2E0E39;
            margin-bottom: 10px;
            font-size: 20px;
        }

        .customer-enquiry-box .ad-content .form-group {
            display: flex;
        }

            .customer-enquiry-box .ad-content .form-group .custom_input {
                width: 70%;
                background: #fff;
                border: 1px solid #99ada9 !important;
                margin: 0 !important;
            }

            .customer-enquiry-box .ad-content .form-group button {
                /*width: 20%;*/
                margin: 0;
                background: #320b42;
                height: 28px;
                padding: 3.5px 15px;
                color: #fff;
                margin-left: 10px;
                border-radius: 4px;
                text-align: left;
                /*max-width: 80px;*/
            }

        .customer-enquiry-box .ad-content .ad-btn {
            margin: 0;
            background: #320b42;
            height: 28px;
            padding: 3.5px 15px;
            color: #fff;
            border-radius: 4px;
            text-align: left;
        }

            .customer-enquiry-box .ad-content .ad-btn:hover {
                background: #4b1561;
            }

            .customer-enquiry-box .ad-content .ad-btn svg {
                margin-left: 5px;
                vertical-align: middle;
            }

    .customer-enquiry-box .ad-btn:focus {
        outline: 0;
        box-shadow: none;
        background: #4b1561;
    }

    .customer-enquiry-box .ad-btn:hover svg {
        margin-left: 15px;
        transition: all .3s ease
    }

.customer-dashboard-table-list .bs-example {
    background: #fff;
    padding: 30px;
    overflow-x: auto;
}

.customer-dashboard-table-list .table thead tr {
    background: #ECEFF1 !important;
    color: #78909C !important;
    /*text-transform: uppercase;*/
    font-size: 13px;
    border-radius: 4px;
}

.customer-dashboard-table-list .table > thead > tr > th {
    border: 0;
    padding: 12px 8px !important;
    color: #455A64 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    background-color: #ECEFF1;
}

.customer-dashboard-table-list .table > tbody > tr > td {
    padding: 4px 8px;
    vertical-align: top;
    line-height: 16px;
}

.customer-dashboard-table-list .table > thead > tr > th:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.customer-dashboard-table-list .table > thead > tr > th:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.brightstarhub-introducer-dashboard-container {
    padding-left: 120px;
    padding-right: 120px;
    margin-bottom: 50px;
}

    .brightstarhub-introducer-dashboard-container .mm-readonly-summary-collapser:after {
        margin: 11px 4px 13px 8px;
    }

.brightstarhub-introducer-dashboard-headline {
    color: #2E0E39;
    margin-top: 15px;
    font-size: 32px;
}

.brightstarhub-introducer-dashboard-desc {
    font-size: 16px;
}

.brightstarhub-introducer-dashboard-container .mm-readonly-summary > .mm-readonly-summary-title > h2 {
    color: #2E0E39;
    font-size: 20px;
    font-weight: normal;
}

.brightstarhub-introducer-dashboard-container .mm-readonly-summary-collapser {
    outline: 0;
}

.brightstarhub-introducer-dashboard-container .ad-btn, .introducer-sponsored-ad-container .ad-btn {
    background: #320b42;
    height: 32px;
    padding: 3.5px 12px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 100 !important;
}

    .brightstarhub-introducer-dashboard-container .ad-btn:hover, .introducer-sponsored-ad-container .ad-btn:hover {
        background-color: #320b42 !important;
    }

    .brightstarhub-introducer-dashboard-container .ad-btn:focus, .introducer-sponsored-ad-container .ad-btn:focus {
        outline: 0;
        box-shadow: none;
    }

    .brightstarhub-introducer-dashboard-container .ad-btn svg, .introducer-sponsored-ad-container .ad-btn svg {
        margin-left: 5px;
        vertical-align: middle;
    }

    .brightstarhub-introducer-dashboard-container .ad-btn:hover svg, .introducer-sponsored-ad-container .ad-btn:hover svg {
        margin-left: 15px;
        transition: all .3s ease
    }

.brightstarhub-introducer-dashboard-container .mm-collapsible-section .desc {
    font-size: 16px;
    color: #252528;
}

.introducer-sponsored-ad-container .card-body {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

    .introducer-sponsored-ad-container .card-body .ad-content h5 {
        font-size: 18px;
        font-weight: normal;
    }

    .introducer-sponsored-ad-container .card-body .ad-content p {
        font-size: 16px;
    }

.slidebar-submenu .panel-collapse {
    background-color: rgb(247 247 247);
}

    .slidebar-submenu .panel-collapse li > a {
        font-size: 15px;
        color: #000000;
    }

    .slidebar-submenu .panel-collapse li:first-of-type > a {
        border-bottom: 1px solid #a29d9d36;
    }

    .slidebar-submenu .panel-collapse li:last-of-type > a {
        border-bottom: 0;
    }

    .slidebar-submenu .panel-collapse li > a:hover {
        background: #C1272D !important;
        color: #fff !important;
    }

    .slidebar-submenu .panel-collapse li:last-child {
        border-bottom: 0;
    }

.account-manage-btn .save-btn {
    font-size: 16px;
    border-radius: 4px;
    padding-left: 32px;
    padding-right: 32px;
    height: 48px;
    background: #FF7A59 !important;
    box-shadow: none !important;
    min-width: 152px;
    max-width: 260px;
    line-height: 32px;
    margin: 0 10px;
}

.account-manage-btn .back-btn {
    font-size: 16px;
    border-radius: 4px;
    padding-left: 32px;
    padding-right: 32px;
    height: 48px;
    background: #fff !important;
    box-shadow: none !important;
    color: #ff7a59 !important;
    border: 1px solid #FF7A59 !important;
    min-width: 152px;
    max-width: 260px;
    line-height: 32px;
    margin: 0 10px;
}

.joint-partner-form .checkbox input[type=checkbox]:checked + .checkbox-material .check, .index-contact-mortgage-section .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    border-color: #fff;
}

    .joint-partner-form .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, .index-contact-mortgage-section .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #fff;
    }

.joint-partner-form .checkbox .checkbox-material .check, .index-contact-mortgage-section .checkbox .checkbox-material .check {
    border: 2px solid #fff;
}

.join-partner-notification-box button {
    margin: 0 !important;
    top: -10px !important;
    font-size: 24px !important;
}

.join-partner-section .join-partner-notification-box h4 {
    margin: 5px;
    color: #fff !important;
}

.navbar-introducer-mode {
    height: 66px !important;
    padding: 0 !important;
}

    .navbar-introducer-mode .question-menu {
        height: 66px !important;
    }

    .navbar-introducer-mode .header-right-side.menu_user .link_category {
        line-height: 66px;
    }

#ssb-container {
    position: fixed;
    top: 30%;
    z-index: 1;
}

.ssb-btns-right {
    right: 0;
}

#ssb-container ul {
    margin-top: 35px;
}

#ssb-container ul {
    padding: 0;
    margin: 0;
}

#ssb-container.ssb-anim-icons ul li {
    transition: transform .1s;
}

#ssb-container ul li {
    line-height: 45px;
}

#ssb-container ul li {
    list-style: none;
    margin: 0;
}

#ssb-btn-0, #ssb-btn-1, #ssb-btn-2, #ssb-btn-3 {
    background: navy;
}

#ssb-container ul li p {
    margin: 0;
}

#ssb-container ul li a {
    padding: 0 15px 0 0;
    display: block;
    line-height: 45px;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
}

#ssb-btn-0 a, #ssb-btn-1 a, #ssb-btn-2 a, #ssb-btn-3 a {
    color: #fff;
}

#ssb-container ul li span {
    line-height: 45px;
    width: 50px;
    text-align: center;
    display: inline-block;
    font-size: 17px !important;
}

#ssb-container.ssb-anim-icons.ssb-btns-right ul li:hover {
    transform: translate(-15px,0);
}

#ssb-container ul li:hover {
    background-color: #90171C;
}

.brightstarhub-web .mm.ms-navbar.navbar-static-top {
    background-color: transparent !important;
    box-shadow: none;
}

.brightstarhub-index-bg-thum {
    background-image: url(../img/index-bg-thum.png);
    background-repeat: no-repeat;
    background-position: right;
    min-height: 600px;
    background-size: contain;
    margin-top: -40px;
}

.web-profile-letter-thum {
    border-radius: 6px;
    height: 30px !important;
    width: 30px;
    /*margin-top: 16px;*/
    box-shadow: none;
    border: 0px;
    text-align: center;
    background: #85868c;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    padding: 3px;
    line-height: 24px !important;
}

.web-profile-letter-thum-two {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    text-align: center;
    background: #85868c;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    padding: 3px;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    margin-left: -5px;
}

.brightstarhub-profile-menu.ms-slidebar .ms-slidebar-menu > li {
    border-bottom: 0;
    border-radius: 0;
}
    /*.brightstarhub-profile-menu.ms-slidebar .ms-slidebar-menu > li > a.link:hover {
        background: #85868c !important;
    }*/
    .brightstarhub-profile-menu.ms-slidebar .ms-slidebar-menu > li > ul li > a {
        border-bottom: 0;
        padding-left: 25px !important;
    }

.brightstarhub-profile-menu .dropdown-submenu {
    background-color: #eee !important;
}
/*.brightstarhub-profile-menu .dropdown-menu .mulsubmenu:hover {
    background-color: #eee !important;
    color: #3a3d3e !important;
}*/
/*.brightstarhub-profile-menu.ms-slidebar .ms-slidebar-menu > li > ul li > a:hover {
    background: #85868c !important;
}*/
.brightstarhub-web .main-content-wrap {
    width: calc(100% - 210px) !important;
}

.brightstarhub-profile-menu.ms-slidebar .ms-slidebar-menu > li > a.mulsubmenu {
    background-color: #d8d8d8;
    color: #000 !important;
}

.brightstarhub-profile-menu.ms-slidebar .ms-slidebar-menu > li > a.collapsed {
    background-color: #fff;
    color: #3a3d3e !important;
}

.brightstarhub-profile-menu.ms-slidebar .ms-slidebar-menu > li > a.mulsubmenu:hover {
    color: #fff !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover, .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover, .datepicker table tr td span.old.disabled {
    color: #777 !important;
}

.chat-sidebar-user-search .searchbox {
    position: absolute;
    z-index: 2;
    display: block;
    width: 34px;
    left: initial;
    text-align: center;
    line-height: 34px;
    color: #b7b7b7;
}

.company-panel-chat-section.chat-sidebar-container .chat-content-wrap .chat-content {
    height: calc(100vh - 435px);
}

.mobile.affordability-list-table .currency-input {
    max-width: unset;
    margin: unset;
}

    .mobile.affordability-list-table .currency-input input {
        width: 150px;
    }

body.keyboard {
    height: calc(100% + 500px); /* add padding for keyboard */
}

.electronic-verification-modal-class .modal-dialog {
    max-width: 1200px;
    margin: 20px auto;
    width: auto;
}

.start-identification-btn {
    padding: 14px 22px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #66BB6A;
    border-radius: 3px;
    border: 2px solid transparent
}

    .start-identification-btn:hover {
        background-color: #3e8e41;
        border: 2px solid transparent;
    }

    .start-identification-btn:active {
        background-color: #3e8e41;
        /*box-shadow: 0 5px #666;
        transform: translateY(4px);*/
    }

.electronic-verification-webcam-modal-class .modal-dialog {
    max-width: 1200px;
    margin: 20px auto;
    width: auto;
}

.electronic-verification-webcam-modal-class .file-upload {
    background-color: #ffffff;
    /*width: 600px;*/
    margin: 0 auto;
    padding: 20px 0;
}

.electronic-verification-webcam-modal-class .file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    /*border-bottom: 4px solid #15824B;*/
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .electronic-verification-webcam-modal-class .file-upload-btn:hover {
        background: #1AA059;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .electronic-verification-webcam-modal-class .file-upload-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.electronic-verification-webcam-modal-class .file-upload-content {
    display: none;
    text-align: center;
    margin-top: 10px;
}

.electronic-verification-webcam-modal-class .file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.electronic-verification-webcam-modal-class .image-upload-wrap {
    margin-top: 20px;
    border: 2px dashed #1FB264;
    position: relative;
}

    .electronic-verification-webcam-modal-class .image-dropping, .electronic-verification-webcam-modal-class .image-upload-wrap:hover {
        background-color: #1FB264;
        border: 2px dashed #ffffff;
    }

        .electronic-verification-webcam-modal-class .image-upload-wrap:hover .drag-text h3 {
            color: #fff;
        }

.electronic-verification-webcam-modal-class .image-title-wrap {
    /*padding: 0 15px 15px 15px;*/
    color: #222;
    margin-top: 20px;
    /*top: 60px;
    right: 25px;*/
    position: absolute;
    margin-left: -50px;
    display: inline-block;
}

.electronic-verification-webcam-modal-class .drag-text {
    text-align: center;
}

    .electronic-verification-webcam-modal-class .drag-text h3 {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824B;
        padding: 60px 0;
        font-size: 18px;
    }

.electronic-verification-webcam-modal-class .file-upload-image {
    max-height: 300px;
    /*max-width: 200px;*/
    margin: auto;
    /*padding: 20px;*/
    max-width: 100%;
    height: auto;
}

.electronic-verification-webcam-modal-class .remove-image {
    /*width: 200px;*/
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    /*padding: 10px;*/
    padding: 5px 10px;
    border-radius: 4px;
    /*border-bottom: 4px solid #b02818;*/
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .electronic-verification-webcam-modal-class .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .electronic-verification-webcam-modal-class .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }

.identification-title {
    font-size: 28px;
    color: #1b3e6f;
}

.identity-step-container .step2-container {
    font-size: 16px;
    line-height: 24px;
    color: #888888;
    list-style: none;
    list-style-type: decimal;
}

    .identity-step-container .step2-container li {
        color: #00202b;
        padding: 2px;
        padding-left: 10px;
        margin-left: 5px;
    }

.identity-step-container #wizard-image {
    margin-top: 26px;
    max-width: 100%;
    height: auto;
}

.identification-doc-type-container .doc-type {
    padding: 25px 40px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.identification-doc-type-container .doc-type-select {
    margin: 10px auto;
    display: block;
}

    .identification-doc-type-container .doc-type-select form {
        text-align: left;
        padding-left: 15px;
    }

.identification-doc-type-container .doc-type-select-item {
    padding-top: 5px;
}

    .identification-doc-type-container .doc-type-select-item h5 {
        margin: 0;
    }

        .identification-doc-type-container .doc-type-select-item h5 label {
            color: #1b3e6f;
            font-weight: 700;
        }

.table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    /* background-color: transparent; */
    position: absolute !important;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #9e9e9e;
    border-radius: 100px;
}

.table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent;
}

body.bd-scroll .home-video-banner {
    top: 0px;
}

.credit-report-dashboard .circles {
    width: 700px;
    height: 400px;
    border: 1px solid black;
}

.credit-report-dashboard ul {
    list-style: none;
}

.credit-report-dashboard .color-score ul {
    width: 80%;
    padding: 0;
    margin: 0 auto;
}

.credit-report-dashboard .color-score li {
    height: 35px;
    /* width: 280px; */
    list-style: none;
    margin-bottom: 10px;
    border: 1px solid #999;
}

.credit-report-dashboard .bar-excellent {
    float: left;
    /* display: block; */
    height: 33px;
    width: 35px;
    background-color: #128b49;
    margin-right: 10px;
    font-weight: 700;
}

.credit-report-dashboard li.active span.tick {
    background-image: url(../img/tick.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
}

.credit-report-dashboard .bar-good {
    float: left;
    height: 33px;
    width: 35px;
    background-color: #55a84e;
    margin-right: 10px;
    font-weight: 700;
}

.credit-report-dashboard .bar-fair {
    float: left;
    height: 33px;
    width: 35px;
    background-color: #fad937;
    margin-right: 10px;
    font-weight: 700;
}

.credit-report-dashboard .bar-poor {
    float: left;
    height: 33px;
    width: 35px;
    background-color: #f17731;
    margin-right: 10px;
    font-weight: 700;
}

.credit-report-dashboard .bar-very-poor {
    float: left;
    height: 33px;
    width: 35px;
    background-color: #c41c2b;
    margin-right: 10px;
    font-weight: 700;
}

.credit-report-dashboard .bar-content {
    float: left;
    height: 33px;
    line-height: 35px;
    font-weight: 700;
    font-size: 1.06em;
}

.credit-report-dashboard .score {
    float: right;
    height: 33px;
    padding-right: 10px;
    font-weight: 700;
    line-height: 35px;
}

.credit-report-dashboard .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin: 8px 2px 8px 8px;
}

.credit-report-dashboard .sidebysideli {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 15px;
    width: 30%;
    list-style: none;
    line-height: normal;
    margin-bottom: 40px;
}

    .credit-report-dashboard .sidebysideli label {
        color: #212529;
        font-weight: 600;
        margin-bottom: 15px;
        height: 35px;
    }

.credit-report-dashboard .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.credit-report-dashboard .number {
    font-size: 28px;
    color: #000;
}

.credit-report-dashboard .view_full_report {
    font-weight: 700;
    font-size: 15px;
    color: #00729a;
    border-bottom: 1px solid #00729a;
}

    .credit-report-dashboard .view_full_report:active, .credit-report-dashboard .view_full_report:focus, .credit-report-dashboard .view_full_report:hover {
        color: #00a6ca;
        text-decoration: none;
        border-bottom-color: #00a6ca;
    }

.credit-report-dashboard #account-info li {
    font-size: 16px;
    color: #212529;
    line-height: 1.5;
}

.credit-report-dashboard #positive-factors h5, .credit-report-dashboard #negative-factors h5 {
    margin-top: 0;
    font-size: 16px;
}

.credit-report-dashboard #positive-factors ul, .credit-report-dashboard #negative-factors ul {
    list-style: disc;
}

    .credit-report-dashboard #positive-factors ul li, .credit-report-dashboard #negative-factors ul li {
        font-size: 16px;
        color: #212529;
        line-height: 1.5;
    }

.credit-report-dashboard .ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

.credit-report-dashboard .li {
    float: left;
}

.credit-report-dashboard .a {
    display: block;
    color: #666;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.credit-report-dashboard li a:hover:not(.active) {
    background-color: #ddd;
}

.credit-report-dashboard .activet {
    color: white;
    background-color: #04AA6D;
}

.credit-report-dashboard .section-title {
    margin-top: 6px;
}

    .credit-report-dashboard .section-title a {
        color: #2d2d2d;
    }

        .credit-report-dashboard .section-title a:hover {
            color: #03455d;
        }

.credit-report-dashboard .section-title-info {
    font-size: 18px;
    color: #999;
    margin-left: 5px;
}

.credit-report-dashboard .my_credit_overview .current-balances {
    margin: 25px 0 30px 35px;
    width: 205px;
    background: #fff;
    box-shadow: 12px 12px 0 rgb(0 0 0 / 15%);
    text-align: center;
    line-height: normal;
}

    .credit-report-dashboard .my_credit_overview .current-balances .amount {
        background-color: #00a6ca;
        font-size: 22px;
        color: #fff;
        padding: 15px;
    }

.current-score-title {
    font-weight: 700;
    color: #212529;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.credit-report-score-simulator .circles {
    width: 700px;
    height: 400px;
    border: 1px solid black;
}

.credit-report-score-simulator ul {
    list-style: none;
}

.credit-report-score-simulator .active {
    /*height: 30px;*/
    width: 280px;
    margin-bottom: 5px;
    border: 1px solid #696969;
}

.credit-report-score-simulator .bar-excellent {
    float: left;
    display: block;
    height: 31px;
    width: 30px;
    background-color: #006200;
}

.credit-report-score-simulator .bar-good {
    float: left;
    display: block;
    height: 31px;
    width: 30px;
    background-color: #00af00;
}

.credit-report-score-simulator .bar-fair {
    float: left;
    display: block;
    height: 31px;
    width: 30px;
    background-color: yellow;
}

.credit-report-score-simulator .bar-poor {
    float: left;
    display: block;
    height: 31px;
    width: 30px;
    background-color: orange;
}

.credit-report-score-simulator .bar-very-poor {
    float: left;
    display: block;
    height: 31px;
    width: 30px;
    background-color: red;
}

.credit-report-score-simulator .bar-content {
    float: left;
    display: block;
    height: 30px;
    width: 100px;
    padding-top: 5px;
    padding-left: 5px;
}

.credit-report-score-simulator .div-padding {
    padding: 30px 15px 0 30px;
}

.credit-report-score-simulator .score {
    float: left;
    display: block;
    height: 30px;
    width: 80px;
    margin-left: 30px;
    padding-top: 5px;
    padding-right: 2px;
}

.credit-report-score-simulator .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin: 8px 2px 8px 8px;
}

.credit-report-score-simulator .sidebysideli {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 8px 2px 8px 0;
    width: 200px;
}

.credit-report-score-simulator .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.credit-report-score-simulator .number {
    font-size: 20px;
    font-weight: bold;
    padding: 4px;
}

.credit-report-score-simulator .ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

.credit-report-score-simulator .li {
    float: left;
}

.credit-report-score-simulator .a {
    display: block;
    color: #666;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.credit-report-score-simulator li a:hover:not(.active) {
    background-color: #ddd;
}

.credit-report-score-simulator .activet {
    color: white;
    background-color: #04AA6D;
}

.credit-report-score-simulator .div-ul-style {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%), 0 2px 5px rgb(0 0 0 / 10%), 0 3px 5px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 10%), 0 2px 5px rgb(0 0 0 / 10%), 0 3px 5px rgb(0 0 0 / 10%);
}

.credit-report-score-simulator .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
}

.credit-report-score-simulator .collapsible {
    background-color: white;
    border: 1px solid #cacaca;
    cursor: pointer;
    padding: 10px 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
    border-left: 6px solid #00a6ca;
}

    .credit-report-score-simulator .collapsible i {
        color: #999;
        font-size: 20px;
    }

    .credit-report-score-simulator .active, .credit-report-score-simulator .collapsible:hover {
        background-color: #555;
        border: 1px solid #cacaca;
        color: azure;
        border-left: 6px solid #00a6ca;
    }

        .credit-report-score-simulator .active i, .credit-report-score-simulator .collapsible:hover i {
            color: #fff;
        }

    .credit-report-score-simulator .collapsible:after {
        border: none;
        font-weight: bold;
        /*float: right;
            margin-left: 5px;*/
    }

.credit-report-financial-account-information .tablink-content {
    margin-top: 30px;
}

    .credit-report-financial-account-information .tablink-content button:first-of-type {
        margin-right: 5px;
    }

    .credit-report-financial-account-information .tablink-content button:last-of-type {
        margin-left: 5px;
    }

.credit-report-financial-account-information .tablink {
    background-color: #f5f5f5;
    color: black;
    float: left;
    border: none;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 17px;
    width: 49%;
    /*margin: 10px;*/
}

.credit-report-financial-account-information .tabcontent {
    color: black;
    display: none;
    padding: 50px 0px;
    height: 100%;
}

.credit-report-financial-account-information .fontstyle {
    font-size: 25px;
}

.credit-report-financial-account-information .collapsible {
    background-color: white;
    border-style: groove;
    cursor: pointer;
    padding: 11px;
    width: 100%;
    /* border-color: #cacaca; */
    text-align: left;
    outline: none;
    font-size: 15px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    margin-top: 18px;
}

.credit-report-financial-account-information .active {
    background-color: #555;
    border: none;
    color: azure;
}

.credit-report-financial-account-information .collapsible:hover {
    background-color: #b3b3b3;
    /*border: none;*/
}

.credit-report-financial-account-information .collapsible:after {
    content: '';
    /*border: none;
        font-weight: bold;*/
    /*float: right;
            margin-left: 5px;*/
    display: inline-block;
    width: 16px;
    height: 13px;
    background: transparent url(../img/arrow_down.png) center top no-repeat;
    background-size: 100%;
    /*margin-bottom: 2px;*/
}

.credit-report-financial-account-information .active:after {
    display: inline-block;
    width: 16px;
    height: 13px;
    background: transparent url(../img/arrow_up.png) center top no-repeat;
    background-size: 100%;
}

.credit-report-financial-account-information .div-style {
    padding: 10px 0;
    background-color: whitesmoke;
    margin: 0;
}

.credit-report-financial-account-information .top-div-style {
    padding: 15px;
    text-align: center;
    /*border-bottom-style: groove;*/
    background-color: #d6d6d6;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.credit-report-financial-account-information .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f5f5f5;
}

.credit-report-financial-account-information .ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

.credit-report-financial-account-information .li {
    float: left;
}

.credit-report-financial-account-information .a {
    display: block;
    color: #666;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.credit-report-financial-account-information li a:hover:not(.active) {
    background-color: #ddd;
}

.credit-report-financial-account-information .activet {
    color: white;
    background-color: #04AA6D;
}

.credit-report-side-menu .ms-collapse-nav li a:hover, .credit-report-side-menu .ms-collapse-nav li a:focus, .credit-report-side-menu .ms-collapse-nav li a.active {
    border-left: 4px solid #04aa6d;
}

.hero-video-bg.hide-for-mobile .plyr__video-wrapper {
    background: #c4282f;
}
/*.one-to-one-customer-chatbox .chatItem {
    position: relative;
    max-width: 600px;
    overflow: hidden;
    clear: both;
    padding: 0 58px 0 0;
    float: right;
}
    .one-to-one-customer-chatbox .chatItem .message {
        background: #7266ba;
        color: #ffffff;
        border-radius: 8px 8px 0 8px;
    }
.one-to-one-customer-chatbox .chat-content .message:before {
    top: unset;
    right: -30px;
    border: 18px solid transparent;
    border-bottom-width: 0;
    border-left-color: #7266ba;
    bottom: 0;
    transform: unset;
}
.one-to-one-customer-chatbox .chat-content .avatar-sm {
    bottom: 36px;
    right: 0;
    position: absolute;
}*/
.one-to-one-customer-chatbox .chatItem .answer {
    position: relative;
    max-width: 600px;
    overflow: hidden;
    clear: both;
}

    .one-to-one-customer-chatbox .chatItem .answer.right {
        padding: 0 58px 0 0;
        text-align: right;
        float: right;
    }

    .one-to-one-customer-chatbox .chatItem .answer.left {
        padding: 0 0 0 58px;
        text-align: left;
        float: left;
    }

.one-to-one-customer-chatbox .chatItem .avatar {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 36px;
}

.one-to-one-customer-chatbox .chatItem .answer.right .avatar {
    right: 0;
}

.one-to-one-customer-chatbox .chatItem .answer.left .avatar {
    left: 0;
}

.one-to-one-customer-chatbox .chatItem .avatar img {
    display: block;
    border-radius: 20px;
    height: 100%;
}

.one-to-one-customer-chatbox .chatItem .avatar .status {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
}

    .one-to-one-customer-chatbox .chatItem .avatar .status.online {
        background: #4caf50;
    }

    .one-to-one-customer-chatbox .chatItem .avatar .status.busy {
        background: #ffc107;
    }

    .one-to-one-customer-chatbox .chatItem .avatar .status.offline {
        background: #ed4e6e;
    }

    .one-to-one-customer-chatbox .chatItem .avatar .status.off {
        border: 1px solid #5a5a5a;
        background: #ffffff;
    }

.one-to-one-customer-chatbox .chatItem .answer.right .avatar .status {
    left: 4px;
}

.one-to-one-customer-chatbox .chatItem .answer.left .avatar .status {
    right: 4px;
}

.one-to-one-customer-chatbox .chatItem .answer .name {
    font-size: 14px;
    line-height: 36px;
}

.one-to-one-customer-chatbox .chatItem .answer .text {
    padding: 12px;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.one-to-one-customer-chatbox .chatItem .answer.right .text {
    background: #7266ba;
    color: #ffffff;
    border-radius: 8px 8px 0 8px;
}

.one-to-one-customer-chatbox .chatItem .answer.left .text {
    background: #ebebeb;
    color: #333333;
    border-radius: 8px 8px 8px 0;
}

.one-to-one-customer-chatbox .chatItem .answer .text:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border: 18px solid transparent;
    border-bottom-width: 0;
}

.one-to-one-customer-chatbox .chatItem .answer.right .text:before {
    right: -30px;
    border-left-color: #7266ba;
    border-left-width: 12px;
}

.one-to-one-customer-chatbox .chatItem .answer.left .text:before {
    left: -30px;
    border-right-color: #ebebeb;
    border-right-width: 12px;
}

.one-to-one-customer-chatbox .chatItem .answer .time {
    font-size: 16px;
    line-height: 36px;
    position: relative;
    padding-bottom: 1px;
}

.one-to-one-customer-chatbox .chatItem .answer.right .time {
    padding-right: 12px;
    color: #333333;
}

.one-to-one-customer-chatbox .chatItem .answer.left .time {
    padding-left: 12px;
    color: #333333;
}

.credit-rating-score-content {
    color: #59B224;
    background: #DEF4D2;
    border-top: 4px solid #59B224;
    margin: 5px;
    padding: 0 11px;
}

    .credit-rating-score-content .credit-rating-title {
        padding: 11px 0;
        width: 100%;
        position: relative;
        font-size: 16px;
    }

        .credit-rating-score-content .credit-rating-title .question-mark {
            border-radius: 50%;
            width: 24px;
            height: 24px;
            padding: 3px;
            border: 1px solid #59B224;
            color: #59B224;
            text-align: center;
            font: 16px Arial, sans-serif;
            font-weight: bold;
            float: right;
            margin-right: 0;
        }

    .credit-rating-score-content .credit-rating-values {
        padding: 11px 0;
        width: 100%;
        position: relative;
    }

        .credit-rating-score-content .credit-rating-values .rating-tile {
            background-color: #fff;
            width: 19px;
            height: 19px;
            border: 1px solid white;
            border-radius: 100px;
            display: inline-block;
        }

            .credit-rating-score-content .credit-rating-values .rating-tile.fill {
                background-color: #59B224;
                border: 1px solid #5fbf27;
            }

        .credit-rating-score-content .credit-rating-values .rating-number {
            font-weight: bold;
            font-size: 24px;
        }

        .credit-rating-score-content .credit-rating-values .rating-small-number {
            font-size: 18px;
        }

    .credit-rating-score-content hr {
        border-color: #59B224;
        margin: 6px 0;
    }

    .credit-rating-score-content .credit-score-summary {
        padding: 5px 0 10px;
    }

        .credit-rating-score-content .credit-score-summary .title {
            font-size: 16px;
        }

        .credit-rating-score-content .credit-score-summary .summary {
            font-size: 24px;
        }

.mm-factfind-overview-title.flatline {
    font-size: 20px;
    line-height:28px;
    color: #263238;
    /*font-weight: normal;*/
    margin-bottom: 10px;
}

.total-user-payment-body {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 28px 24px;
    margin-bottom: 18px;
}

    .total-user-payment-body .user-selected-img {
        width: 60px;
        max-height: 60px;
        text-align: center;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        display: table-cell;
        vertical-align: top;
        font-size: 14px;
        margin-right: 20px;
    }

        .total-user-payment-body .user-selected-img img {
            max-width: 48px;
            max-height: 48px;
        }

    .total-user-payment-body .users-quantity {
        min-width: 120px;
        text-align: center;
        padding-top: 0;
        align-self: center;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        display: table-cell;
        vertical-align: top;
        font-size: 14px;
    }

    .total-user-payment-body .plus-icon, .total-user-payment-body .minus-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        color: #aaa;
        cursor: pointer;
        /* opacity: .35; */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid #868686;
        border-radius: 50%;
        margin: 5px 0;
    }

        .total-user-payment-body .plus-icon .fa-plus, .total-user-payment-body .minus-icon .fa-minus {
            width: 12px;
            height: 12px;
            padding: 0px 1px 15px 1px;
            font-size: 12px;
            vertical-align: middle;
            color: #6f6f6f;
        }

    .total-user-payment-body .total-user-counts {
        font-size: 18px;
        text-align: center;
        /*margin-left: -10px;*/
        display: inline-block;
        min-width: 20px;
    }

    .total-user-payment-body .user-name {
        -webkit-flex-grow: 90;
        flex-grow: 90;
        width: 145px;
        font-size: 14px;
        display: table-cell;
        vertical-align: top;
        padding-left: 5px;
        font-weight: 600
    }

    .total-user-payment-body .user-amount {
        min-width: 110px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        /*width: 75px;*/
        text-align: center;
        vertical-align: middle;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding-left: 5px;
        font-size: 14px;
        padding-top: 5px;
    }

        .total-user-payment-body .user-amount section {
            float: left;
            flex: 1;
        }

        .total-user-payment-body .user-amount .amount-cal {
            font-size: 14px;
            /* text-align: center; */
            margin-top: 5px;
        }

        .total-user-payment-body .user-amount .total-amount {
            font-weight: 600;
        }

.company-user-info-steps {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .company-user-info-steps .step {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .company-user-info-steps .step:after, .company-user-info-steps .step:before {
            position: absolute;
            border: 1px solid;
            height: 1px;
            display: block;
            z-index: 1;
            top: 11px;
            content: '';
        }

        .company-user-info-steps .step:after {
            width: 0%;
            left: 0;
            -webkit-transition: .2s linear;
            -o-transition: .2s linear;
            transition: .2s linear;
        }

        .company-user-info-steps .step:before {
            width: 100%;
        }

        .company-user-info-steps .step:after, .company-user-info-steps .step:before {
            border-color: #EAEAEA;
        }

        .company-user-info-steps .step:after, .company-user-info-steps .step:before {
            border-color: #EAEAEA;
        }

        .company-user-info-steps .step:first-child:after, .company-user-info-steps .step:first-child:before {
            width: 50% !important;
            left: unset;
            right: unset;
            -webkit-transform: translateX(51%);
            -ms-transform: translateX(51%);
            transform: translateX(51%);
        }

        .company-user-info-steps .step.current:after {
            width: calc(50% - 10px);
            -webkit-transition: .2s linear;
            -o-transition: .2s linear;
            transition: .2s linear;
        }

        .company-user-info-steps .step.completed .dot, .company-user-info-steps .step.completed:after, .company-user-info-steps .step.current .dot, .company-user-info-steps .step.current:after {
            border-color: #39c0ba;
        }

        .company-user-info-steps .step.current:first-child:after {
            width: 0% !important;
            -webkit-transition: .2s linear;
            -o-transition: .2s linear;
            transition: .2s linear;
        }

        .company-user-info-steps .step .dot {
            height: 20px;
            width: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            display: inline-block;
            position: relative;
            top: .125em;
            z-index: 2;
            margin: auto;
            border: 1px solid;
        }

        .company-user-info-steps .step .dot {
            border-color: #EAEAEA;
            background-color: #EAEAEA;
        }

            .company-user-info-steps .step .dot:before {
                content: '';
                position: absolute;
                top: -1px;
                left: -1px;
                width: 20px;
                height: 20px;
                -webkit-transform: scale(.75);
                -ms-transform: scale(.75);
                transform: scale(.75);
                -webkit-border-radius: 20px;
                border-radius: 20px;
            }

        .company-user-info-steps .step.current .dot:before {
            background-color: #EAEAEA;
        }

        .company-user-info-steps .step .step-label {
            font-size: 12px;
            display: block;
            margin: .5em 0;
            text-align: center;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .company-user-info-steps .step:last-child:after, .company-user-info-steps .step:last-child:before {
            width: 50% !important;
            left: 0;
        }

.company-user-info-board {
    max-width: 800px;
    margin: 20px auto;
    background: #fff;
    border-radius: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
    border-image: initial;
    overflow: hidden;
}

    .company-user-info-board .board-header {
        border-bottom: 1px solid #eee;
        background: #F5F5F5;
        margin: 0px;
        padding: 20px;
        border-radius: 15px 15px 0 0;
    }

    .company-user-info-board .track-progress {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .company-user-info-board .track-progress ul {
            list-style-type: none;
            text-align: center;
            zoom: 1;
            padding: 0px;
            overflow: hidden;
            margin-bottom: 0px;
        }

            .company-user-info-board .track-progress ul li {
                min-width: 140px;
                display: inline-block;
                padding: 0px;
            }

    .company-user-info-board .line-linkage {
        width: 116px;
        position: relative;
        top: 16px;
        left: 78px;
        z-index: 0;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(160, 160, 160);
        border-image: initial;
    }

    .company-user-info-board .track-progress a {
        color: #616161;
        display: inline-block;
        font-size: 16px;
        margin-right: 10px;
        text-align: center;
        font-weight: 600;
        font-weight: 500;
        line-height: 24px;
    }

        .company-user-info-board .track-progress a.complete span {
            background: rgb(34, 194, 34);
            border: 1px solid #22c222;
            color: white;
        }

        .company-user-info-board .track-progress a.active span {
            background: #699a69;
            color: white;
            border: 1px solid #699a69;
        }

    .company-user-info-board .track-progress span {
        color: rgb(0 0 0);
        display: block;
        height: 30px;
        padding-top: 2px;
        width: 30px;
        /* background: rgb(160, 160, 160); */
        margin: 0px auto 10px;
        border-radius: 50%;
        border: 1px solid black;
    }

    .company-user-info-board form {
        position: relative;
        min-height: 150px;
        overflow: hidden;
        padding: 30px 30px 5px;
    }

.phn-security-code-wrap {
    min-width: 240px;
}

.phn-security-code-container {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.force-ltr {
    direction: ltr;
}

.phn-security-code-container .field-wrap {
    width: 49px;
    height: 49px;
}

.phn-security-code-container .form-textbox {
    font-size: 24px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin: 2px;
    margin-bottom: 14px;
    color: #333;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background: hsla(0,0%,100%,.8);
    background-clip: padding-box;
    background-image: none !important;
    width: 45px;
    height: 45px;
}

.phn-security-code-container .field-wrap .char-field {
    width: 45px;
    height: 45px;
    font-size: 24px;
    padding: 0;
    text-align: center;
}

.phn-security-code-container .field-wrap .form-group {
    margin: 0;
    padding: 0;
}

.company-card-payment-content {
    box-shadow: none;
    border: solid 1px #E0E0E0;
    border-color: #e4e6ed;
    color: #333333;
    background-color: #ffffff;
    border-radius: 18px;
    border-radius: 16px;
    overflow: hidden;
}
    /*.company-card-payment-content .payment-amount {
        padding: 25px 50px;
        background: #f3f4f7;
        color: #333333;
    }*/
    .company-card-payment-content .sub-section-amount label {
        line-height: 18px;
        margin: 16px 0 4px;
        color: #939393;
    }

    .company-card-payment-content .sub-section-amount .checkout-amount {
        margin: 0;
        margin-bottom: 8px;
        color: #333333 !important;
        line-height: 35px;
        font-weight: bold;
        font-size: 30px;
    }

    .company-card-payment-content .card-payment-fields {
        border-top: 1px solid #ebebeb;
        padding: 32px;
    }

    .company-card-payment-content .heading-text-overrides {
        margin: 0 0 4px;
        font-size: 16px;
        color: #333333;
        font-weight: bold;
    }

    .company-card-payment-content .card-payment-fields label {
        margin: 0;
        color: #939393 !important;
    }

    .company-card-payment-content .card-payment-fields input {
        border: 1px solid rgb(204, 204, 204) !important;
        box-shadow: none !important;
        padding: 21px;
        margin: 0 !important;
        margin-bottom: 40px !important;
    }

    .company-card-payment-content .payment-actions {
        padding: 32px;
        border-top: 1px solid #ebebeb;
        margin: 0 !important;
    }

.card-details-input-content {
    box-sizing: border-box;
    width: 100%;
    padding: 21px;
    height: auto;
    height: 65px;
    box-shadow: none;
    font-size: 16px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cccccc;
    color: #333333;
    border-radius: 8px !important;
}

.card-details-input-sub-content {
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    display: block !important;
    background: transparent !important;
    position: relative !important;
    opacity: 1 !important;
}

.for-label-border {
    position: relative;
}

.thisLabel {
    position: absolute;
    top: -8px;
    background-color: white;
    left: 21px;
    font-size: 12px;
    font-weight: 400;
}

.elements-app {
    font-size: 14px;
    line-height: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    color: #333333;
}

    .elements-app > * {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

.card-brand-icon-container {
    height: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    width: 1.5em;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    pointer-events: none;
    z-index: 2;
    left: 0;
}

    .card-brand-icon-container .card-brand-icon {
        position: relative;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transition: -webkit-transform .5s cubic-bezier(.075,.82,.165,1);
        transition: transform .5s cubic-bezier(.075,.82,.165,1);
        transition: transform .5s cubic-bezier(.075,.82,.165,1),-webkit-transform .5s cubic-bezier(.075,.82,.165,1);
        transition-timing-function: cubic-bezier(.075,.82,.165,1);
        height: 100%;
    }

.card-brand-icon-inner {
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    width: 1.5em;
    z-index: 2;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.card-field-input-wrapper {
    /*position: absolute;
    left: 2em;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    transition: .4s cubic-bezier(.25,.46,.45,.94);
    transition-property: left,right;*/
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 24px;
    margin-top: -4px;
    /*left: 2em;*/
}

.form-step1 {
    -webkit-flex-grow: 20;
    flex-grow: 20;
    display: table-cell;
}

.form-step2 {
    -webkit-flex-grow: 5;
    flex-grow: 5;
    display: table-cell;
}

.form-step3 {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    display: table-cell;
}

.company-payment-secure {
    padding-bottom: 15px;
}

    .company-payment-secure .card-well {
        min-height: 20px;
        color: #999;
        line-height: 20px;
        text-align: center;
        padding: 9px;
        margin: 40px 8% 20px;
        margin-top: 20px;
        margin-bottom: 10px;
        background: none;
        border: none;
        box-shadow: none;
    }

        .company-payment-secure .card-well img {
            margin-right: 5px;
            top: -1px;
            position: relative;
        }

.new-lead-dropdown .dropdown-menu {
    margin-top: 14px;
}

    .new-lead-dropdown .dropdown-menu li {
        border-bottom: 1px solid rgb(162 157 157 / 21%);
    }

        .new-lead-dropdown .dropdown-menu li:last-of-type {
            border-bottom: 0;
        }

.custom-solid-btn {
    background: #fff;
    border: 1px solid #000;
    color: #000 !important;
    border-radius: 6px;
}

    .custom-solid-btn:hover, .custom-solid-btn:active {
        background: #f5f5f5;
        text-decoration: underline;
    }

    .custom-solid-btn:focus {
        box-shadow: none;
    }

.otp-verification-custom-btn {
    background: #fff !important;
    border: 1px solid #989898 !important;
    color: #000 !important;
    box-shadow: none !important;
    font-size: 16px;
    font-weight: 600;
}

    .otp-verification-custom-btn:hover {
        text-decoration: underline;
        background-color: #fbfbfb !important;
    }

.continue-onboarding-btn {
    background: #C1272D !important;
    border: 1px solid #C1272D !important;
    color: #fff !important;
    border-radius: 6px;
    min-width: 202px;
    padding: 6px 10px;
    font-size: 16px;
    height: 66px;
    font-weight: 700;
    line-height: 24px;
    transition: 0.15s;
}

    .continue-onboarding-btn:hover {
        color: #FFFFFF !important;
        border-color: #C1272D !important;
        background-color: #C1272D !important;
    }

.back-onboarding-btn {
    background: #fff !important;
    border: 1px solid #9e9e9e !important;
    color: #616161 !important;
    border-radius: 6px;
    min-width: 202px;
    padding: 6px 10px;
    font-size: 18px;
    height: 66px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 !important;
}

    .back-onboarding-btn:hover {
        color: #FFFFFF !important;
        border-color: #C1272D !important;
        background-color: #C1272D !important;
    }

.alert.alert-danger {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

    .alert.alert-danger h4 {
        color: #fff !important;
        margin-bottom: 5px;
    }

.set-footer-bottom-content {
    min-height: calc(100vh - 570px);
    /*min-height: 100vh;*/
}

.company-onboarding-decision-radio-btn .radio-group-button .radio .circle, .company-onboarding-decision-radio-btn .radio-group-button .radio .check {
    top: 24px;
}

.faq-basic-search {
    margin-bottom: 5px;
    /* box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%); */
    border: 1px solid #c7c7c7;
    border-radius: 4px;
}

    .faq-basic-search .input-field {
        width: 100%;
        position: relative;
    }

        .faq-basic-search .input-field .icon-wrap {
            position: absolute;
            top: 0;
            left: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -ms-flex-align: center;
            align-items: center;
            width: 60px;
            height: 100%;
        }

            .faq-basic-search .input-field .icon-wrap svg {
                width: 34px;
                height: 34px;
                fill: #ccc;
            }

        .faq-basic-search .input-field .form-control {
            padding: 10px 10px 10px 70px;
            border: 0;
            background: #fff;
            display: block;
            width: 100%;
            font-size: 18px;
            border-radius: 3px;
            height: 70px;
            color: #555;
            margin: 0;
        }

.lender-product-create-form .currency-input {
    height: 36px;
    max-width: 220px;
}

.lender-product-create-form .currency-input-symbol {
    line-height: 36px;
}

.lender-product-create-form .currency-input .form-control {
    height: 36px;
}

.empty-chat-item-content {
    align-items: center;
    background-color: transparent;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    /*height: calc(100vh - 64px);*/
    justify-content: center;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.empty-chat-item-body {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    /*height: 320px;*/
    justify-content: center;
    width: 320px;
}

.empty-chat-item-content .empty-chat-icon {
    background-image: url(../img/svg/empty-chat.svg);
    background-size: cover;
    height: 100px;
    width: 100px;
    text-align: center;
}

.empty-chat-item-content h3 {
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #202124;
    font-weight: 400;
    margin-block-end: 8px;
    margin-block-start: 8px;
}

.user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .case-chat-item .contact {
    min-height: 85px;
}

    .user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .case-chat-item .contact .rounded-circle {
        width: 44px;
        height: 44px;
        object-fit: cover;
        line-height: 40px;
        background: #fff;
        border: 1px solid #e5e5e5;
        text-align: center;
        line-height: 38px;
    }

    .user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .case-chat-item .contact:before {
        /*display:none;*/
        left: 50px;
        /*bottom: 32px;*/
        top: 61%;
        right: unset;
    }

.user-panel.chat-sidebar-container .chat-sidebar-wrap .contacts-scrollable .contact .case-msg-unread .zmdi-check-all {
    /*color: #03a9f4;*/
}

.case-chat-item .case-msg-body .zmdi-check-all {
    font-size: 17px;
    margin-right: 4px;
    color: #03a9f4;
}

.case-chat-item .case-msg-body {
    overflow: hidden;
}

    .case-chat-item .case-msg-body .case-title {
        font-size: 16px;
    }

    .case-chat-item .case-msg-body .case-id {
        color: #6a6a6a;
    }

    .case-chat-item .case-msg-body.case-msg-unread .case-title, .case-chat-item .case-msg-body.case-msg-unread .case-id, .case-chat-item .case-msg-body.case-msg-unread .msg-message, .case-chat-item .case-msg-body.case-msg-unread .msg-date {
        color: #000;
    }

.case-chat-item .case-type-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.case-chat-item .msg-content {
    font-weight: 500;
    font-size: 13px;
    display: flex;
}

.case-chat-item .msg-message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6a6a6a;
}

.case-chat-item .msg-date {
    color: #6a6a6a;
    margin-left: 3px;
    /*position: absolute;
    top: 10px;
    right: 5px;*/
}

    .case-chat-item .msg-date:before {
        /*content: "•";
        margin-right: 2px;*/
    }
/*.chat-collapse-title .fa fa-sort-down {
    vertical-align: text-top;
    margin-right: 4px;
}
.chat-collapse-title .fa fa-sort-down {
    -webkit-transform: rotate( -90deg );
    transform: rotate( -90deg );
    vertical-align: inherit;
}
.chat-collapse-title .fa-sort-down:before{
    content: "\f0dd";
}*/

.chat-collapse-title.collapsed svg {
    -webkit-transform: rotate( -90deg );
    transform: rotate( -90deg );
}

.chat-collapse-title .total-chat-count {
    /*font-size: 14px;*/
    letter-spacing: .3px;
    background-color: #fbe9e7;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #c53929;
    font-weight: bold;
    margin-left: 8px;
    padding: 0 4px;
    position: relative;
    z-index: 1;
    margin-left: 10px;
}

.case-chat-item .case-msg-body .unread-icon {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 17px;
    right: 8px;
    background: #d93025;
    border-radius: 50%;
}

.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .form-switch i {
        position: relative;
        display: inline-block;
        margin-right: .5rem;
        width: 86px;
        height: 44px;
        /*background-color: #e6e6e6;*/
        border-radius: 23px;
        vertical-align: text-bottom;
        transition: all 0.3s linear;
        border: 1px solid #e6e6e6;
    }

        .form-switch i::before {
            content: "";
            position: absolute;
            left: 0;
            width: 80px;
            height: 38px;
            /*background-color: #fff;*/
            border-radius: 20px;
            transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
            transition: all 0.25s linear;
        }

        .form-switch i::after {
            content: "";
            position: absolute;
            left: 0;
            width: 38px;
            height: 38px;
            background-color: #fff;
            border-radius: 20px;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44);
            transform: translate3d(1px, 2px, 0);
            transition: all 0.2s ease-in-out;
        }

    .form-switch:active i::after {
        width: 38px;
        transform: translate3d(2px, 2px, 0);
    }

    .form-switch:active input:checked + i::after {
        transform: translate3d(42px, 2px, 0);
    }

    .form-switch input {
        display: none;
    }

        .form-switch input:checked + i {
            background-color: #4BD763;
        }

            .form-switch input:checked + i::before {
                transform: translate3d(42px, 2px, 0) scale3d(0, 0, 0);
            }

            .form-switch input:checked + i::after {
                transform: translate3d(42px, 2px, 0);
            }

    .form-switch span {
        color: #252552;
        line-height: 44px;
        vertical-align: top;
        font-size: 18px;
    }

.chat-sidebar-item-body {
    height: calc(100vh - 348px);
    /* height: 413px; */
    -moz-box-shadow: inset -1px 0 0 rgba(100,121,143,0.122);
    box-shadow: inset -1px 0 0 rgb(100 121 143 / 12%);
    margin-top: 0;
    position: relative;
    min-height: 1px;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    max-width: 300px !important;
    min-width: 300px !important;
    transition-duration: .15s;
    transition-property: background-color,box-shadow;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    -moz-user-select: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column nowrap;
}

.chat-sidebar-item-container {
    display: contents;
    padding-right: 0;
    max-width: 300px;
    min-width: 300px;
}

.chat-sidebar-item-contents {
    flex-grow: 0.728507;
    border-bottom: solid 1px rgba(100,121,143,0.122);
    overflow-x: hidden;
    overflow-y: auto;
    height: 0;
    transition-duration: .3s;
    transition-property: flex;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    flex-grow: 1;
}

.chat-sidebar-item-contents1 {
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    position: relative;
}

.chat-sidebar-item-contents2 {
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.chat-sidebar-item-contents3 {
    height: -moz-calc(100% + 0.5px);
    height: calc(100% + 0.5px);
    border: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow-y: hidden;
}

.chat-sidebar-item-contents4 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 1;
}

.chat-sidebar-item-contents5 {
    background: transparent;
    overflow-y: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    z-index: 1;
}

.chat-sidebar-item-contents6 {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    overflow-y: auto;
    /*overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;*/
}

    .chat-sidebar-item-contents6::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        position: absolute !important;
    }

    .chat-sidebar-item-contents6::-webkit-scrollbar-thumb {
        background-color: #9e9e9e;
        border-radius: 100px;
    }

    .chat-sidebar-item-contents6::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent;
    }

.chat-sidebar-item-contents7 {
    position: relative;
    z-index: 1;
    height: 100%;
}

.chat-sidebar-item-contents8 {
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    width: 100%;
}

.chat-sidebar-item-contents9 {
    margin-top: 0;
    transform: translate3d(0,0,0);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    box-flex: 1;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    /*scrollbar-color: transparent transparent;*/
}

.chat-sidebar-item-contents10 {
    /*margin-right: 5px;*/
    flex-grow: 1;
}

.chat-list-loadmore-frame {
    background: #68a36a;
    border-radius: 4px;
    box-shadow: 4px 6px 8px rgb(187 194 220 / 60%);
    color: #fff;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin: 10px auto;
    text-align: center;
    width: 120px;
    cursor: pointer;
}

.mortgage-protection-info-list .table > tbody > tr > td, .mortgage-protection-info-list .table > tbody > tr > th, .mortgage-protection-info-list .table > tfoot > tr > td, .mortgage-protection-info-list .table > tfoot > tr > th, .mortgage-protection-info-list .table > thead > tr > td, .mortgage-protection-info-list .table > thead > tr > th {
    padding: 4px 14px !important;
}

.case-invitation-notification-content {
    background-color: #feea90 !important;
}

    .case-invitation-notification-content .mm-factfind-overview-applicants-wrapper {
        border-color: #feea90 !important;
        background-color: #feea90;
    }

    .case-invitation-notification-content .mm-readonly-summary-icon .zmdi-info {
        font-size: 32px !important;
        color: #5a5a5a;
    }

    .case-invitation-notification-content .mm-readonly-summary-collapser:after {
        /*border-bottom: 2px solid #000;
        border-left: 2px solid #000;
        margin: 10px 4px 13px 8px;*/
    }

.case-invitation-notification-to-body {
    z-index: 5;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
}

.introducer-search .searchable input {
    background-color: #f8f9fa !important;
    border: 1px solid #ced4da;
    font-size: 14px;
    height: 35px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #665c70;
    background: url(../img/svg/selectbox_down_arrow.svg) no-repeat right 0.75rem center/10px 8px;
}

    .introducer-search .searchable input:focus {
        border-color: #a679d2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(166 121 210 / 50%) !important;
    }

    .introducer-search .searchable input::-moz-placeholder {
        font-size: 14px;
        /*line-height: 2.12857 !important;*/
        color: #cad7dc;
        font-weight: 400;
    }

    .introducer-search .searchable input:-moz-placeholder {
        font-size: 14px;
        /*line-height: 2.72857 !important;*/
        color: #cad7dc;
        font-weight: 400;
    }

    .introducer-search .searchable input:-ms-input-placeholder {
        font-size: 14px;
        /*line-height: 1.42857 !important;*/
        color: #cad7dc;
        font-weight: 400;
    }

    .introducer-search .searchable input::-webkit-input-placeholder {
        font-size: 14px;
        /*line-height: 1.42857 !important;*/
        color: #cad7dc;
        font-weight: 400;
    }

.dropdown-lead-type.show .show-arow svg, .dropdown-stage.show .show-arow svg, .dropdown-status.show .show-arow svg, .dropdown-more.show .show-arow svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*------------------//////////////////////-           Media Query     Start       ----/////////////////////-----------------------------*/
@media (max-width:1200px) {
    .how_it_works_container .phase.phase-3 img:nth-of-type(2) {
        position: absolute;
        top: 55px;
        left: 130px;
    }

    .task_list_full {
        width: 100%;
    }

    .public_profile_page_content {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-top: -40px;
    }

    .edit_icon {
        right: 0px;
    }

    .featured-item.style-4 {
        padding: 40px 30px 40px 30px;
    }

    .mortgage-next-box-content .mortgage-next-box-body.complete .head, .mortgage-next-box-content .mortgage-next-box-body.recommended .head {
        font-size: 14px;
        line-height: 20px !important;
    }

    .mortgage-next-box-content .mortgage-next-box-body .box-btn a {
        font-size: 16px;
        line-height: 24px;
    }

    .mortgage-next-box-content .mortgage-next-box-body .title {
        font-size: 18px;
        line-height: 28px !important;
    }

    .how-can-we-help .category_wise_service_title {
        font-size: 40px;
        line-height: 44px;
    }

    .how-can-we-help {
        width: calc(50% - 16px);
        margin-right: 16px;
    }

    .why-choose-mortgage-magic {
        width: calc(47.333333333333336% - 16px);
        margin-right: 16px;
        margin-left: calc((2.666666666666668%) - 0px);
    }
}

@media (min-width:1200px) {
    .application-card-content .mortgage {
        max-width: 200px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .about_intro_container h1 {
        font-size: 34px;
    }

    .about_intro_container h4 {
        font-size: 18px;
    }

    .business_task_suggestion .container {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .business_task_suggestion .container-inner .task.tall {
        width: 160px;
        height: 290px;
    }

    .business_task_suggestion .container-inner .task {
        width: 160px;
        height: 140px;
        margin-right: 10px;
    }

        .business_task_suggestion .container-inner .task img {
            width: 100%;
        }

        .business_task_suggestion .container-inner .task.wide {
            margin-top: 4px;
            width: 330px;
        }

    .business_task_suggestion .multi-level.two-stack {
        width: 165px;
    }

        .business_task_suggestion .multi-level.two-stack .task {
            margin-bottom: 4px;
        }
}

@media (min-width: 992px) and (max-width:1200px) {
    .earn_money_section .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .profile_dateofbirth_input input {
        /*padding-right: 297px;*/
    }

    .get-mortgage-section .container {
        padding-right: 16px;
        padding-left: 16px;
        padding-top: 120px;
        background-size: 140px auto,auto 400px;
        background-position-x: 280px,left;
        background-position-y: calc(100% - 420px + 30px),bottom;
        min-height: 540px;
        width: 100%;
        max-width: inherit;
    }

        .get-mortgage-section .container .content {
            max-width: calc(100% - 380px);
        }

            .get-mortgage-section .container .content h2 {
                font-size: 48px;
                line-height: 58px;
            }

    .ms-hero-img-keyboard.home_top_banner {
        /*background-image: url(../img/index-banner-bg-2x.jpg);*/
    }
}

@media(min-width:768px) and (max-width:991px) {
    .basic_info {
        /*text-align: center;*/
    }

    .brightstarhub-index-bg-thum {
        min-height: 400px;
    }

    .profile_Rating_info {
        margin-top: 30px !important;
    }

    .basic_info .summary {
        width: 100% !important;
        /*float: left;*/
    }

    .profile_Rating_info .more-options {
        /*text-align: center;*/
        /*position: inherit !important;*/
        /*top: 0 !important;*/
    }

    .profile_Rating_info .stats {
        margin-top: 20px;
        width: 100% !important;
    }

    .asTaskerReviewBody .completion_rate, .asPosterReviewBody .completion_rate {
        text-align: center;
    }

    .top_nav_container {
        width: 100% !important;
        padding-right: 0;
        padding-left: 0;
    }

    .bid_summary .bid_price .price {
        margin: 0px;
    }

    .bid_summary .bid_price {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
    }

    .offer_action_btn {
        padding: 8px 14px;
        font-size: 11px;
    }

    .bid_summary .owner_name {
        font-size: 16px;
    }

    .tasker_stats {
        flex-direction: column;
    }

        .tasker_stats .user_completion_rate {
            margin: 0px;
        }

    .user_completion_rate .completion_rate_container .tooltip {
        display: none;
    }

    .sub_nav_menu .container {
        width: 100%;
    }

    .categories_page_body .container {
        width: 100%;
    }

    .categories_floating_menu {
        width: 240px;
    }

    .categories_section_button .hoverArrow {
        left: 214px;
    }

    .ms-footbar .container {
        width: 100%;
    }

    .categories_nav_wrapper {
        position: fixed;
        /* top: 58px; */
        width: 100%;
        left: 0px;
        right: 0px;
        margin: 0px;
    }

    .get-mortgage-section .container {
        padding-right: 16px;
        padding-left: 16px;
        padding-top: 120px;
        background-size: 140px auto,auto 400px;
        background-position-x: 280px,left;
        background-position-y: calc(100% - 420px + 30px),bottom;
        min-height: 540px;
        width: 100%;
        max-width: inherit;
    }

        .get-mortgage-section .container .content {
            max-width: calc(100% - 380px);
        }

            .get-mortgage-section .container .content h2 {
                font-size: 48px;
                line-height: 58px;
            }

            .get-mortgage-section .container .content .items div {
                font-size: 16px;
                width: 40px;
                height: 40px;
                line-height: 40px;
                min-width: 40px;
                min-height: 40px;
                max-height: 40px;
                max-width: 40px;
            }

            .get-mortgage-section .container .content .items li {
                font-size: 16px;
                line-height: 24px;
            }

    .crush-your-mortgage-section .container {
        height: 130px;
    }

    .crush-your-mortgage-section h2 {
        font-size: 28px;
    }

    .crush-your-mortgage-section .container a {
        width: 200px;
        font-size: 16px;
    }

    .buy-to-let-section .container, .lenders-mortgages-section .container, .home-trust-section .container {
        width: 100%;
    }

    .ms-hero-img-keyboard.home_top_banner {
        /*background-image: url(../img/index-banner-bg-3x.jpg);*/
    }

    .factfind-main-inner {
        width: calc(75% - 24px);
        padding-top: 35px;
    }
}

@media(max-width:991px) {

    .review_order_select {
        margin: 0 auto;
        margin-bottom: 20px;
        width: 250px !important;
    }

    .search_menu_full {
        width: 100%;
    }

    .task_list_full {
        width: 100%;
    }

    .home_worker_section {
        display: block;
    }

    .home_worker_section_text {
        padding: 15px 0 0;
        width: calc(100% - 300px);
        font-size: 22px;
    }

    .home_worker_section_image {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 0;
        -ms-transform: scale(1);
        transform: scale(1);
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
    }

    .home_worker_section_btn {
        margin: 15px 0 0px;
        padding-bottom: 10px;
    }

    .home_how_it_works_container {
        display: block;
    }

        .home_how_it_works_container .home_how_it_works_step {
            position: relative;
            width: 300px;
            display: block;
            margin: 0 auto 24px;
        }

    .home_breakdown_container {
        position: relative;
        text-align: center;
    }

    .home_breakdown_contents {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home_breakdown_container_text {
        margin-bottom: 24px;
    }

    .home_taskers_tabs_body .tab-content, .home_taskers_tabs_section {
        height: auto;
    }

    .home_taskers_tabs_image {
        width: 100%;
        height: 500px;
        background: #3a3d3e;
        border-radius: 8px 8px 0 0;
        display: block;
    }

        .home_taskers_tabs_image img {
            width: 100%;
            height: auto;
        }

    .home_taskers_tabs_contents {
        width: calc(100% - 80px);
        height: auto;
        margin: 32px 40px;
        display: block;
    }

    .how_it_work_top .how_it_works_container {
        position: static !important;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .earn_money_section .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .community_guidelines_top {
        height: auto;
        text-align: center;
    }

    .community_guidelines_top_left p {
        margin: 8px auto;
    }

    .community_guidelines_top_left {
        width: 100%;
        float: none;
    }

    .community_guidelines_top_right {
        width: 100%;
        float: none;
    }

    .policy_card {
        margin: 10px 10px;
    }

    .community_guidelines_top.cg_child {
        height: auto;
    }

    .community_guidelines_top.for_business .community_guidelines_top_left, .community_guidelines_top.for_business .community_guidelines_top_right {
        float: left;
    }

    .become_tasker_section .home_worker_section_image {
        height: 220px;
    }

    .service-packages-body {
        height: auto;
        max-height: initial;
        flex-direction: column;
        margin-bottom: 16px;
        border-color: rgb(249, 249, 249);
    }

        .service-packages-body img {
            width: 100%;
            height: calc(50%);
            border-radius: 8px 8px 0px 0px;
        }

    .service-packages-body-right {
        -webkit-box-pack: end;
        justify-content: flex-end;
        padding: 16px;
        max-height: none;
    }

    .home-about-section .container, .lenders-mortgages-section .container {
        width: 100%;
    }

    .home-trust-section .container .heading {
        grid-column: 1/3;
        grid-row: unset;
    }

        .home-trust-section .container .heading h2 {
            font-size: 40px;
        }

    .home-trust-section .container .desc {
        grid-column: unset;
        grid-row: unset;
    }

    .home-trust-section .container .pic {
        grid-column: unset;
        grid-row: unset;
    }

        .home-trust-section .container .pic img {
            max-width: 350px;
        }

    .mortgages-intro-section h1 {
        font-size: 24px;
        margin: 0 0 23px;
    }

    .mortgages-current-section article .text-holder {
        width: 100%;
    }

        .mortgages-current-section article .text-holder .calculators a {
            max-width: initial;
        }

    .mortgages-current-section article .image-holder {
        display: none;
    }

    .mortgages-cal-intro-section .container, .refine-results-section .container, .mortgage-broker-section .container, .current-application.case-list .container, .dashboard_container, .current-application .container {
        width: 100%;
    }

    .results-card-box .card-item .item-image {
        width: 50%;
    }

    .results-card-box .card-item .item-btn.first {
        width: 180px;
        max-width: 50%;
        display: flex;
    }

    .results-card-box .card-item .item-btn.last {
        display: none;
    }

    .results-card-box .card-item .item-mid-contents {
        margin-right: 0;
        flex: 1 0 100%;
    }

    .featured-item.style-4 {
        padding: 50px 60px 50px 60px;
    }

    .feature-page-section .container {
        max-width: 540px;
        margin: 0 auto;
    }

    .two-column-input .row {
        margin: 0;
    }

    .two-column-input .divd-colmn-left {
        padding: 0;
    }

    .two-column-input .divd-colmn-right {
        padding: 0;
    }

    .brightstarhub-introducer-dashboard-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(min-width:992px) {
    .ms-paper > .row .ms-paper-menu-left-container.col-md-3 {
        width: 20%;
    }

    .ms-paper > .row .ms-paper-content-container.col-md-9 {
        width: 80%;
    }
}

@media(min-width:991px) {
    .feature_news {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mini_view {
        padding-bottom: 0;
        border-bottom: none;
        margin-left: 0;
        margin-right: 0;
        -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    }

    .feature_news_main_block {
        -webkit-flex-basis: 63%;
        -ms-flex-preferred-size: 63%;
        flex-basis: 63%;
        border-bottom: 0;
        padding-bottom: 0;
    }
}

@media(min-width:768px) {

    .sb-slidebar.sb-active {
        display: none;
    }

    .earn_money_top .earn_money_header_col {
        padding: 0 30px;
    }

        .earn_money_top .earn_money_header_col.col_2 h1 {
            font-weight: 300;
            font-size: 29px;
        }

    .how_start_earning .get_started_block {
        max-width: 750px;
        margin: 30px auto;
    }

        .how_start_earning .get_started_block:nth-of-type(odd) {
            margin-left: 60px;
        }

    .how_start_earning .how_to_left {
        max-width: 300px;
    }

    .how_start_earning .how_to_right {
        width: 100%;
        padding: 20px 10px;
    }

        .how_start_earning .how_to_right, .how_start_earning .how_to_right .how_to_right_desc {
            height: 300px;
        }

    .categories_floating_menu {
        display: inline-block;
    }

    .dashboard_task_ctas_items_content {
        margin: 0px;
    }

    .dashboard_task_ctas_item {
        display: inline-block;
        width: auto;
        margin: 20px 16px 0px;
    }

    .dashboard_task_ctas_bubble {
        width: 100px;
        height: 100px;
    }

        .dashboard_task_ctas_bubble svg {
            left: calc(50% - 16px);
            top: calc(50% - 16px);
            width: 32px;
            height: 32px;
        }

    .dashboard_task_ctas_text {
        width: 100px;
        font-size: 13px;
        position: static;
        text-align: center;
        top: 0px;
        left: 0px;
        display: block;
    }

    .values_intro {
        height: 710px;
    }

    .values_intro_main_container p {
        font-size: 13px;
    }

    .values_intro_main_container h1 {
        font-size: 55px;
        line-height: 60px;
        max-width: 590px;
    }

    .intro_our_values_container {
        text-align: left;
    }

    .intro_our_values_icons img {
        height: 80px;
        width: 80px;
    }

    .intro_our_values_title {
        font-size: 32px;
        line-height: 40px;
    }

    .intro_our_values_description {
        padding: 20px 0px;
    }

    .full_page_carousel_text_wrapper {
        display: inline-block;
        width: 50%;
        height: 100%;
        vertical-align: middle;
        position: relative;
        padding: 0px;
    }

    .full_page_carousel_text_block {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: left;
    }

    .full_page_carousel_img {
        height: 80px;
        width: 80px;
    }

    .full_page_carousel_title {
        font-size: 32px;
        line-height: 40px;
    }

    .full_page_carousel_description {
        font-size: 24px;
    }

    .full_page_carousel_img_wrapper {
        display: inline-block;
        width: 50%;
        height: 100%;
        vertical-align: middle;
    }

    .full_page_carousel_block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .business_page_quote_right {
        -ms-transform: translate(0);
        transform: translate(0);
        height: 340px;
    }

    .business_page_quote_left {
        height: 340px;
    }

        .business_page_quote_left img {
            -ms-transform: translate(-50%);
            transform: translate(-50%);
            opacity: 1;
            position: absolute;
            bottom: 0;
            left: 50%;
        }

    .pocketbook {
        margin-top: 70px;
    }

        .pocketbook .email_block {
            -ms-transform: translate(-50%,-70%);
            transform: translate(-50%,-70%);
            position: absolute;
            left: 50%;
            top: 50%;
        }

        .pocketbook .pocketbook_guys {
            position: absolute;
            bottom: 10px;
            left: 250px;
        }

        .pocketbook .img1 {
            position: absolute;
            z-index: 1;
            left: 20px;
            bottom: 0;
        }

        .pocketbook .img2 {
            position: absolute;
            right: 20px;
            bottom: 0;
        }

    .task_details_content {
        /*padding-left: 0;*/
    }

    .task_card_items_content {
        padding-right: 0;
    }

    .custom_admin_menu .logo {
        background: #930b0b !important;
        padding-top: 4px !important;
        /*text-align: left !important;*/
        height: 60px !important;
    }

    .first-time-buyer-review-section {
        background-size: contain;
    }
}

@media(max-width:767px) {
    .apps-view .factfind-main {
        border: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none;
    }

    .fixed-bottom-btn {
        position: sticky;
        z-index: 1;
        bottom: 0;
        padding-bottom: 30px;
        background: #fff;
        padding-top: 20px;
    }

    .brightstarhub-index-bg-thum {
        min-height: 250px;
    }

    .home_top_banner {
        /*padding: 100px 0 50px !important;*/
    }

    .home_play_store_btn {
        /*padding-top: 100px;*/
        margin-top: -50px;
    }

        .home_play_store_btn img {
            width: 120px;
        }
    /*.task_post_input {
        width: 80% !important;
    }*/

    .basic_info {
        text-align: center;
    }

    .profile_Rating_info {
        margin-top: 30px !important;
    }

    .basic_info .summary {
        width: 100% !important;
        /*float: left;*/
    }

    .profile_Rating_info .more-options {
        text-align: center;
        position: inherit !important;
        top: 0 !important;
    }

    .profile_Rating_info .stats {
        margin-top: 20px;
        width: 100% !important;
        float: inherit;
    }

    .asTaskerReviewBody .completion_rate, .asPosterReviewBody .completion_rate {
        text-align: center;
    }

    .web_nav {
        display: none;
    }

    .navbar-introducer-mode .web_nav {
        display: block;
    }

    .mobile_nav {
        display: block;
    }

    .navbar-introducer-mode .mobile_nav {
        display: none;
    }

    .mobile_nav .header_logo {
        display: block;
        transition: opacity .3s ease-out;
        margin: 10px 0 0;
        opacity: 1;
        width: 100%;
        text-align: center;
    }

    .brightstarhub-web .mobile_nav .header_logo {
        margin: 0
    }

    .brightstarhub-web .mm.ms-navbar {
        padding: 0
    }

    .mobile_nav .header_logo img {
        width: 150px !important;
    }

    .company_nav .header_logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
    }

    .mob_header_post_btn {
        font-size: 26px;
        width: 35px;
        height: 35px;
        line-height: 10px;
        transition: width .5s ease-in-out;
        margin: 0;
        position: absolute;
        right: 15px;
        top: 10px;
        padding: 9px 9px;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12) !important;
        text-align: center;
    }

        .mob_header_post_btn i {
            margin-right: 0;
            line-height: 15px;
        }

    .mobile_sub_menu {
        position: absolute !important;
        left: 20px;
        /*top: 10px !important;*/
        font-size: 30px !important;
        /*color: #888888 !important;*/
        /*color: #fff !important;*/
        color: #383838 !important;
    }

    .ms-slidebar .ms-slidebar-header {
        background-image: none;
        background: #313d71;
        min-height: 55px;
    }

    .mobile_post_btn {
        padding: 7px 10px !important;
        margin-top: 12px;
        margin-left: 10px;
        font-size: 12px;
        width: 100px !important;
        display: block;
        float: left;
    }

    .mobile_sub_menu_close {
        /* text-align: right; */
        font-size: 20px;
        /* padding-right: 0; */
        width: 32px !important;
        height: 32px;
        background: #fff;
        border-radius: 50%;
        padding: 5px 5px !important;
        color: #000 !important;
        display: block !important;
        float: right;
        margin-top: 11px;
        margin-right: 10px;
        opacity: .9;
        /* font-weight: bold; */
        line-height: 26px;
    }

    .custom_dialog {
        margin: 0px !important;
    }

    .notification_des {
        display: block;
    }

    .notification_options {
        display: block;
        margin: 10px 0;
        text-align: center;
    }

    /*.task-search-right {
        width: 200px;
        margin: 0 auto;
        float: none !important;
        position: relative !important;
    }*/

    /*.task-search-left {
        float: right !important;
        margin-right: 20px;
    }*/

    .comment_des_hint {
        margin-left: 0;
    }

    .post_area_body .user_avatar {
        display: table-cell;
    }

    .task_list_hide {
        display: none;
    }

    .task_details_hide {
        display: none;
    }

    .task_list_card {
        max-width: 500px;
        margin: 0 auto;
        overflow: hidden;
        max-height: none;
        /*padding-right: 0;*/
    }

    .task_searchbar_hide {
        display: none;
    }

    .task_list_full {
        margin-top: 12px;
    }

    .bid_summary .bid_price .price {
        margin: 0px;
    }

    .bid_summary .bid_price {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
    }

    .offer_action_btn {
        padding: 8px 14px;
        font-size: 11px;
    }

    .bid_summary .owner_name {
        font-size: 16px;
    }

    .tasker_stats {
        flex-direction: column;
    }

        .tasker_stats .user_completion_rate {
            margin: 0px;
        }

    .user_completion_rate .completion_rate_container .tooltip {
        display: none;
    }

    .categories_list_item {
        width: 50%;
        text-align: center;
    }

    .categories_list_content .page_header_title {
        text-align: center;
    }

    .categories_list_more_dropdown {
        text-align: center;
    }

    .categories_list_content {
        text-align: center;
    }

    .home_worker_section_text {
        text-align: center;
        width: 100%;
        max-width: none;
    }

    .home_worker_section_image {
        display: none;
    }

    .home_worker_section_btn {
        text-align: center;
    }

    .task_ctas_task_bubble {
        width: 64px;
        height: 64px;
    }

        .task_ctas_task_bubble svg {
            height: 32px;
            width: 32px;
            left: 16px;
            top: 16px;
        }

    .task_ctas_task_text {
        font-size: 16px;
        display: inline-block;
        text-align: left;
        position: relative;
        width: 200px;
        top: -44px;
        left: 20px;
    }

    .task_ctas_section {
        max-width: calc(100% - 16px);
    }

    .task_ctas_task_item_body {
        margin: 24px 0px 0px;
    }

    .task_ctas_task_item {
        width: 100%;
        margin: 0;
    }

    .home_how_it_works {
        padding: 24px 0 24px;
    }

    .home_taskers_tabs_image {
        height: 300px;
    }

    .home_taskers_tabs_contents_extras_left, .home_taskers_tabs_contents_extras_right {
        width: 100%;
    }

    .home_taskers_tabs_contents_extras_right {
        padding-left: 0;
    }

        .home_taskers_tabs_contents_extras_right:after {
            background-color: transparent;
        }

    .home_things_group_container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto;
        text-align: center;
        max-width: 465px;
    }

    .home_things_group.first_div {
        width: 100%;
        -ms-flex-order: 2;
        order: 2;
        padding: 16px 0;
        padding-bottom: 0;
    }

    .home_things_group.second_div {
        width: 100%;
        -ms-flex-order: 1;
        order: 1;
        padding: 16px 0;
        padding-top: 0;
    }

    .home_things_group_container h4, .home_things_group_container p {
        padding: 0 24px;
    }

    .home_things_group_container h4 {
        font-weight: 300;
    }

    .home_taskers_header_tabs .nav.nav-tabs li a {
        font-size: 16px;
        padding: 7px 10px;
    }

    .how_it_works_top_title {
        font-size: 30px;
        margin-bottom: 70px;
        padding: 0 20px;
        max-width: inherit;
    }

    .how_it_works_video_btn {
        font-size: 16px;
        height: 60px;
        line-height: 60px;
        width: 290px;
        padding-left: 140px;
        margin: 70px auto 90px;
    }

        .how_it_works_video_btn .image_wrapper {
            width: 100px;
            height: 73px;
        }

        .how_it_works_video_btn p {
            line-height: 60px !important;
        }

    .how_it_work_top .how_it_works_container .phase {
        display: block;
        width: 100%;
        margin-bottom: 0;
        height: 500px;
    }

    .insurance_container_inner {
        position: relative;
    }

    .shohokari_feature_column:first-child {
        margin-top: 360px;
    }

    .shohokari_feature_column {
        display: block;
    }

    .saver_beach_column {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block;
    }

        .saver_beach_column .animate {
            -ms-transform: translateY(0);
            transform: translateY(0);
            transition: none;
            width: auto;
            display: block;
            margin: 0 auto;
            transition: transform 2s;
        }

    #private_coms {
        position: relative;
        margin-top: -110px;
    }

        #private_coms .insurance_container_inner {
            position: relative;
        }

    .private_coms_desc {
        margin: 460px auto 60px;
        display: block;
    }

    .private_coms_screenshort {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
    }

    .hw_work_profiles .insurance_container_inner {
        position: relative;
        margin: 0;
    }

    .shohokari_profiles_card {
        margin: 0 auto;
        margin-top: 80px;
        display: block;
    }

        .shohokari_profiles_card .cards {
            display: block;
            width: 188px;
        }

    .apps_section .smart_phone_apps img {
        display: none;
    }

    .earn_money_top .earn_money_header_col .handyman {
        display: none;
    }

    .earn_money_top .earn_money_header_col.col_2 {
        width: 100%;
        padding-bottom: 50px;
    }

        .earn_money_top .earn_money_header_col.col_2 h1 {
            margin: 0 auto;
            text-align: center;
            font-size: 35px;
            padding: 10px;
            max-width: 400px;
        }

        .earn_money_top .earn_money_header_col.col_2 #sign-up-panel {
            text-align: center;
        }

        .earn_money_top .earn_money_header_col.col_2 .disclaimer {
            text-align: center;
            margin: 0 auto;
        }

        .earn_money_top .earn_money_header_col.col_2 h2 {
            display: block;
            padding: 0 20px;
            padding-bottom: 20px;
            margin: 0 auto;
            text-align: center;
            font-size: 20px;
            font-weight: 300;
            margin-top: 20px;
            max-width: 400px;
            text-shadow: 1px 1px 1px rgba(0,0,0,.2);
            color: #fff;
        }

    .how_start_earning .how_to_left {
        width: 100%;
        display: block;
    }

    .how_start_earning .how_to_right {
        width: 100%;
        padding: 20px 10px;
    }

    .how_start_earning .get_started_block {
        padding: 20px 0;
    }

    .apps_section {
        padding: 40px 0;
    }

        .apps_section .apps_desc {
            margin: 0 auto;
        }

    .earn_money_section .worker_how_it_works {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .how_it_works_container .phase.phase-3 .animation-box {
        display: inline-block;
    }

    .page_header_content .ms-site-title {
        font-size: 36px;
    }

    .menu_folder_items {
        display: none;
    }

    .active .menu_folder_items {
        display: inline;
    }

        .active .menu_folder_items ul {
            margin-left: -15px;
            padding-left: 15px;
            margin-right: -15px;
            padding-right: 15px;
            background: rgba(255, 255, 255, 0.05);
        }

    .menu_folder h2 {
        border-bottom: 1px solid #455a64;
        padding-bottom: 0;
        font-size: 16px;
        padding: 20px 0;
    }

        .menu_folder h2:after {
            content: "+";
            color: white;
            width: 20px;
            height: 20px;
            /*background: #999;*/
            display: inline-block;
            text-align: center;
            float: right;
            border-radius: 50px;
            line-height: 19px;
            background: #4a6472;
        }

        .menu_folder h2:hover:after {
            background: #516978;
        }

    .active.menu_folder h2:after {
        content: "-";
        background: #516978;
        font-size: 26px;
    }

    .menu_folder_items li a {
        line-height: 40px;
        color: #cad7dc;
        font-size: 14px;
    }

    .menu_hierarchy {
        display: block;
    }

    .top_taskers_card {
        width: 100%;
        max-width: inherit;
        height: inherit;
    }

    .page_header_content .ms-site-sub-title {
        font-size: 26px;
    }

    .about_intro_container {
        max-width: 65%;
    }

    .about_vision .container .text {
        float: none;
        width: 100%;
        padding: 0 5%;
    }

    .about_vision .container .quote {
        float: none;
        width: 100%;
        margin-top: 30px;
    }

        .about_vision .container .quote p {
            text-align: center;
            margin: 0 auto;
            padding-left: 10%;
        }

    .about_faq .how_to_faq_block {
        padding: 10px 25px;
    }

    .careers_intro_container h1 {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 30px;
    }

    .careers_intro {
        height: 500px;
    }

    .intro_our_values_icons {
        text-align: center;
    }

    .intro_our_values_container .container .row {
        display: inherit;
    }

    .community_guidelines_top.for_business .community_guidelines_top_left, .community_guidelines_top.for_business .community_guidelines_top_right {
        width: 100%;
        float: none;
    }

        .community_guidelines_top.for_business .community_guidelines_top_left h1 {
            margin-top: 50px;
            font-size: 32px;
        }

        .community_guidelines_top.for_business .community_guidelines_top_right img {
            margin-bottom: -20px;
            margin-right: auto;
            margin-left: auto;
            position: static;
            max-width: 200px;
            width: 80%;
        }

    .community_guidelines_top.for_business {
        height: 690px;
    }

    .business_task_suggestion {
        padding: 50px 0;
    }

        .business_task_suggestion .container-inner {
            display: block !important;
            padding: 0 !important;
        }

            .business_task_suggestion .container-inner .task.tall:hover, .business_task_suggestion .container-inner .task.wide:hover, .business_task_suggestion .container-inner .task:hover {
                box-shadow: 0 2px 12px 6px rgba(0,0,0,.1);
            }

            .business_task_suggestion .container-inner .task, .business_task_suggestion .container-inner .task.tall, .business_task_suggestion .container-inner .task.wide {
                display: block;
                float: none;
                background-color: #fff;
                width: auto;
                height: auto;
                min-width: 0;
                min-height: 0;
                margin: 0;
                border-bottom: 1px solid #f5f9fb;
                box-shadow: none;
            }

                .business_task_suggestion .container-inner .task:hover {
                    box-shadow: 0 2px 12px 6px rgba(0,0,0,.1);
                    transition: all .4s cubic-bezier(.49,-.015,.27,1);
                    -ms-transform: translateY(-1px) scale(1.01);
                    transform: translateY(-1px) scale(1.01);
                    z-index: 1;
                }

            .business_task_suggestion .container-inner > div:first-of-type {
                border-top: 1px solid #f5f9fb;
            }

            .business_task_suggestion .container-inner .task.tall img, .business_task_suggestion .container-inner .task.wide img, .business_task_suggestion .container-inner .task img {
                display: none;
            }

        .business_task_suggestion .multi-level, .business_task_suggestion .single-level {
            display: block;
            margin: 0;
        }

            .business_task_suggestion .multi-level.two-stack {
                width: 100%;
            }

                .business_task_suggestion .multi-level.two-stack .task {
                    margin-bottom: 0;
                }

        .business_task_suggestion .container-inner .task .details, .business_task_suggestion .container-inner .task.tall .details, .business_task_suggestion .container-inner .task.wide .details {
            position: static;
            padding: 18px 20px;
        }

            .business_task_suggestion .container-inner .task .details .title, .business_task_suggestion .container-inner .task.tall .details .title, .business_task_suggestion .container-inner .task.wide .details .title {
                font-size: 16px;
            }

    .pocketbook {
        padding: 0;
    }

        .pocketbook .email_block {
            padding: 60px 20px;
            position: static;
            margin: 0 40px;
        }

            .pocketbook .email_block h3 {
                font-size: 19px;
                font-weight: 300;
            }

        .pocketbook .pocketbook_guys {
            background: rgba(0,0,0,.4);
            position: absolute;
            text-align: center;
            padding: 10px;
            color: #fff;
            width: 100%;
            bottom: 0;
        }

            .pocketbook .pocketbook_guys strong {
                color: #fff;
            }

            .pocketbook .pocketbook_guys i {
                font-size: 13px;
                color: #fff;
            }

        .pocketbook .img1, .pocketbook .img2 {
            width: 48%;
            margin-bottom: -6px;
        }

    .business_custom_profiles .title {
        margin-bottom: 10px;
    }

    .business_custom_profiles .benefit_content .benefit_title, .business_custom_profiles .benefit_content .benefit_desc {
        max-width: 330px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .business_custom_profiles .cards_img_content {
        margin: 40px 0;
    }

        .business_custom_profiles .cards_img_content .cards {
            max-width: 300px;
            margin: 0 auto;
        }

    .business_custom_profiles {
        background-image: linear-gradient(0deg,#fff 45%,#10c6df 64%,#0eb8d5 75%,#0798bf);
        padding-bottom: 850px;
        margin-bottom: -870px;
    }

    .business_custom_profiles_divided hr {
        margin: 10px 50px;
    }

    .home_tasks_title {
        text-align: center;
    }

    .home_floating_tasks_nav_tab .nav.nav-tabs {
        font-size: 16px;
        text-align: center;
    }

    .home_tasks_subtitle {
        text-align: center;
    }

    .public_profile_banner .img-avatar-circle {
        margin-left: auto;
    }

    .how_it_work_modal .modal-dialog {
        width: 100%;
    }

    .public_profile_avatar_uploader {
        top: auto;
        text-align: center;
    }

    .public_profile_avatar_img {
        margin-top: 60px;
        position: static;
    }

    .attachment_avatar_uploader {
        position: static;
    }

    .attachment_avatar_uploader_btn {
        position: absolute;
        top: 105px;
        z-index: 2;
        width: 100%;
        /* margin-left: -50%; */
        left: 47%;
    }

    .become_tasker_section .home_worker_section_text {
        margin: 0 auto;
    }

    .get-mortgage-section .container {
        padding-top: 60px;
        padding-bottom: 350px;
        background-size: auto 90px,auto 280px;
        background-position-x: calc(50% + 110px),center;
        background-position-y: calc(100% - 280px + 30px),bottom;
        min-height: inherit;
        padding-right: 16px;
        padding-left: 16px;
    }

        .get-mortgage-section .container .content {
            width: 100%;
            max-width: inherit;
        }

            .get-mortgage-section .container .content h2 {
                font-size: 37px;
                line-height: 43px;
            }

            .get-mortgage-section .container .content ul {
                padding-top: 0px;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .get-mortgage-section .container .content ul .items {
                    -webkit-flex-direction: row;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-align-items: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding-top: 30px;
                    width: 100%;
                }

            .get-mortgage-section .container .content .items li {
                font-size: 18px;
                line-height: 27px;
                padding-left: 17px;
                padding-top: 0px;
            }

    .get-mortgage-section {
        background-image: linear-gradient(to bottom,white,white,transparent),url(../img/resolve-robbed-mobile-cropped.jpg);
    }

    .crush-your-mortgage-section .container {
        height: 230px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .crush-your-mortgage-section h2 {
        font-size: 24px;
        line-height: 42px;
    }

    .crush-your-mortgage-section .container a {
        width: 200px;
        font-size: 16px;
        margin-top: 20px;
        margin-left: 0;
    }

    .buy-to-let-section h3 {
        font-size: 28px;
    }

    .buy-to-let-section .content {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .buy-to-let-section .content .step {
            width: 100%;
            margin-bottom: 16px;
        }

    .home-about-section ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .home-about-section ul li {
            margin-bottom: 24px;
            flex-basis: inherit;
            -ms-flex-positive: inherit;
            flex-grow: inherit;
        }

    .lenders-mortgages-section .lenders {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .lenders-mortgages-section .lenders li {
            max-width: 120px;
            margin-top: 24px;
            margin-right: 10px;
        }

    .lenders-mortgages-section .mortgages {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .lenders-mortgages-section .mortgages li {
            flex-basis: inherit;
            -ms-flex-positive: inherit;
            flex-grow: inherit;
            margin-bottom: 24px;
        }

        .lenders-mortgages-section .mortgages h3 {
            font-size: 20px;
        }

    .home-comparison-section .comparison-table {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .home-comparison-section .comparison-table .comparison-tb-magick {
            padding: 24px 48px;
        }

        .home-comparison-section .comparison-table .comparison-tb-traditional {
            margin: 0;
            margin-left: 20px;
            margin-right: 20px;
            border-top-right-radius: 0;
            padding: 24px;
        }

    .home-trust-section .container {
        display: block;
        grid-template-columns: unset;
    }

        .home-trust-section .container .heading {
            grid-column: unset;
        }

            .home-trust-section .container .heading h2 {
                margin-top: 30px;
                margin-bottom: 20px;
            }

        .home-trust-section .container .pic {
            display: none;
        }

    .mortgages-guides-section .container {
        display: block;
    }

    .mortgages-guides-section .guide-block {
        width: 100%;
        margin-right: 0;
        padding: 18px;
    }

        .mortgages-guides-section .guide-block h3 {
            margin: 0;
            padding-right: 30px;
        }

        .mortgages-guides-section .guide-block p {
            display: none;
        }

    .mortgages-articles-section h2 {
        font-size: 24px;
    }

    .mortgages-articles-section article {
        width: 100%;
        margin: 0;
    }

    .mortgages-resources-section .holder {
        background-position-x: 60%;
    }

    .mortgages-resources-section article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
        padding: 40px 24px 48px 24px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .mortgages-resources-section article .flex-col {
            padding-right: 0;
            margin-bottom: 24px;
        }

    .mortgages-current-section article .text-holder .calculators a {
        padding: 10px 20px;
    }

    .factfind-main-inner {
        width: calc(100% - 32px);
        margin-left: 16px;
        padding-top: 16px;
    }

    .mm-factfind-overview.employment {
        margin-left: 16px;
        margin-right: 16px;
    }

    .radio-group-button.mobile .radio {
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .radio-group-button.mobile label {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .refine-results-section .container-content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .refine-results-section .details-content {
        width: 100%;
    }

    .refine-results-section .results-content {
        width: 100%;
    }

    .mortgage-broker-section .intro {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mortgage-broker-section .action-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

        .mortgage-broker-section .action-section .fast {
            padding-bottom: 16px;
        }

    .mortgage-broker-section .feature-content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .mortgage-broker-section .feature-content .item {
            width: 100%;
        }

    .mortgage-broker-section .intro img.first {
        max-height: 100px;
        max-width: 100%;
        padding-bottom: 16px;
        display: block;
    }

    .mortgage-broker-section .intro img.last {
        display: none;
    }

    .factfind-main .top-header {
        margin-left: 16px;
    }

    .footer-body {
        display: inherit;
    }

        .footer-body .left-side {
            width: 100%;
            margin-bottom: 50px;
        }

            .footer-body .left-side img {
                margin: 0 auto;
            }

        .footer-body .right-side {
            width: 100%;
        }

    .introducing-mortgage-section ul {
        margin: 0 auto;
        margin-top: 50px;
    }

    .introducing-mortgage-section .head h1 {
        font-size: 26px;
    }

    .introducing-mortgage-section .head h3 {
        font-size: 22px;
    }

    .key-benefits-mortgage-section .desc {
        margin: 0 auto;
    }

    .application-card-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 5px;
    }

        .application-card-content h2 {
            margin-bottom: 5px;
        }

    .dashboard-case-screen-wrapper .application-card-content .details {
        margin-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

        .dashboard-case-screen-wrapper .application-card-content .details .title {
            margin-top: 1px !important;
            width: 60%;
        }

        .dashboard-case-screen-wrapper .application-card-content .details p.answer {
            width: 40%;
            margin-top: 1px !important;
        }

    .dashboard-case-screen-wrapper .application-card-content .action {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

        .dashboard-case-screen-wrapper .application-card-content .action a, .dashboard-case-screen-wrapper .application-card-content .button-component-primary {
            width: 100%;
        }

    .ms-hero-img-keyboard.home_top_banner {
        background-image: url(../img/index-banner-bg-4x.jpg);
    }

    .featured-item.style-4 {
        padding: 50px 110px 50px 110px;
    }

    .post_block_header {
        -webkit-flex-basis: 69%;
        -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
    }

    .post_block_content {
        display: none;
    }

    .mm-form-readonly {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .information-icon-target {
        display: none;
    }

    .affordability-list-table {
        margin-left: 16px;
    }

    .mortgage-next-box-content .mortgage-next-box {
        width: 100%;
    }

    .mortgage-next-box-content .mortgage-next-box-body {
        margin-bottom: 24px;
        margin-top: 8px;
        padding: 24px;
    }

    .mortgage-next-section h4 {
        font-size: 27px;
        line-height: 28px;
    }

    .how-can-we-help {
        width: calc(100% - 16px);
    }

    .why-choose-mortgage-magic {
        display: none;
    }

    .mortgage-apply-step-slider-wrap-inner {
        flex-direction: column;
        padding: 3px;
    }

        .mortgage-apply-step-slider-wrap-inner .custom-box {
            height: 40px;
            margin: 0 8px 8px;
        }

    .btl-mortgage-calculator-section .details-body .item-left, .btl-mortgage-calculator-section .details-body .item-right {
        width: 100%;
    }

    .mortgage-category-content {
        max-width: 430px;
    }

    .mortgage-apply-step-slider-row.user-name-content {
        max-width: 530px;
        padding-bottom: 10px;
    }

    .mortgage-category-content .radio-group-mortgage-category label.item {
        width: 47.2%;
    }

    .radio-group-mortgage-category label {
        padding: 12px 12px 12px;
    }

        .radio-group-mortgage-category label .svg-container {
            height: 40px;
            margin-bottom: 0;
            margin-top: -2px;
        }

            .radio-group-mortgage-category label .svg-container img {
                max-width: 54px;
                margin: 0 auto;
            }

        .radio-group-mortgage-category label .label-title {
            font-size: 14px;
        }

    .radio-group-mortgage-category .radio span {
        /*left: 12px;*/
        top: 70px;
    }

    .mortgage-apply-section .first-title {
        font-size: 30px;
    }

    .mortgage-apply-section .first-sub-title {
        font-size: 18px;
    }

    .mortgage-apply-section .zipcode-text-content .input-wrapper .zipcode-text-input {
        height: 54px;
    }

    .mortgage-apply-section .zipcode-text-content .input-group-append button {
        padding: 15px 22px;
    }

    .mortgage-apply-section .zipcode-text-content .input-wrapper .form-control-icon {
        top: 54%;
    }

    .mortgage-category-content .custom_block {
        margin-top: 10px;
    }

    .mortgage-apply-step-slider-body {
        margin-top: 0px !important;
    }

        .mortgage-apply-step-slider-body .step-main-title {
            font-size: 24px;
            margin-bottom: 10px !important;
            line-height: 24px;
        }

    .mortgage-apply-step-slider-row {
        min-height: 200px;
        margin-bottom: 20px !important;
    }

    .mortgage-apply-step-slider-body .steps-control-btn button {
        min-height: 44px;
        font-size: 17px;
    }

    .mortgage-apply-step-slider-wrap-inner .no-box-item.no-cont {
        display: none;
    }

    .mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar label {
        font-size: 17px;
    }

    .step-bottom-title {
        font-size: 14px;
        margin-top: 20px;
        line-height: 18px;
    }

    .mortgage-apply-step-slider-wrap-inner .custom-box .radio-toolbar label .textbox-input textarea {
        height: 48px;
        margin-top: 3px;
    }

    .mortgage-apply-step-slider-wrap-inner .desc {
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 24px;
        margin-top: 0px;
    }

    .form-submit-section {
        max-width: 600px;
        margin: 0 auto;
    }

    .mortgage-apply-last-step .step-main-title {
        font-size: 20px !important;
    }

    .mortgage-apply-last-step .steps-control-btn .btn {
        max-width: 300px !important;
        min-height: 44px !important;
        font-size: 17px !important;
    }

    .mc-page-section.refine-results-section .details-content .item {
        margin-bottom: 0px;
    }

    .current-application {
        padding-top: 20px;
    }

    .current-application-steps .title {
        font-size: 32px;
        line-height: 34px;
    }

    .mobile_nav.auth .mobile_sub_menu {
        top: 10px !important;
    }

    .mobile_nav.auth .mob_header_post_btn {
        margin-top: 7px;
    }

    .dashboard_pic_content {
        margin-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .dashboard-main-title {
        font-size: 32px;
        line-height: 34px;
    }

    .dashboard_pic_content img {
        width: 100px;
        height: 100px;
    }

    .factfind-form-container .title {
        font-size: 30px;
    }

    .video-slider-wrap {
        background: url(https://brightstarhub.co.uk/wp-content/themes/brightstar/assets/img/fallback.jpg) 50%/cover;
    }

        .video-slider-wrap .bg-video {
            display: none;
        }
}

@media screen and (max-width: 1023px) and (min-width: 601px) {
    .seo_breadcrumb_container .breadcrumb {
        margin-left: 16px;
    }
}

@media screen and (max-width: 991px) and (min-width: 601px) {
    .ratings_widget_container {
        width: calc(50% - 16px);
        display: inline-block;
        vertical-align: top;
        margin-right: 14px;
    }

    .why_shohokari_widget_container {
        width: calc(50% - 16px);
        display: inline-block;
        vertical-align: top;
        margin-left: 14px;
        margin-top: 0;
    }

    .sidebar_links_container.services_links {
        width: calc(50% - 16px);
        display: inline-block;
        vertical-align: top;
        margin-right: 14px;
    }

    .sidebar_links_container.services_area_links {
        width: calc(50% - 16px);
        display: inline-block;
        vertical-align: top;
        margin-left: 14px;
    }

    .become_a_tasker_widget {
        width: calc(50% - 16px);
        display: inline-block;
        vertical-align: top;
        margin-right: 14px;
    }
}

@media screen and (max-width: 600px) {
    .seo_breadcrumb_container .breadcrumb {
        margin: 6px 0 6px 16px;
        line-height: 20px;
        opacity: .6;
        font-size: 14px;
    }

    .mortgages-current-section .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mortgages-current-section article {
        width: 100%;
        margin-bottom: 16px;
    }

    .user-panel-search-form .form-group {
        display: block;
    }

        .user-panel-search-form .form-group span {
            min-width: 34px;
            display: inline-block;
        }

        .user-panel-search-form .form-group button {
            margin-left: 60px;
            margin-top: 2px;
        }
}

@media (min-width: 575px) {
    .categories_category_img {
        height: 200px;
    }

    .categories_subcategories_list a {
        width: 200px;
    }
}

@media(max-width:550px) {

    .home_top_banner {
        /*padding: 100px 0 50px !important;*/
    }

        .home_top_banner h1 {
            font-size: 25px !important;
            line-height: 35px !important;
        }

        .home_top_banner h2 {
            font-size: 20px !important;
        }

    .home_play_store_btn {
        /*padding-top: 100px;*/
        margin-top: -50px;
    }

        .home_play_store_btn img {
            width: 120px;
        }

    .task_post_input {
        width: 90% !important;
    }

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

    .bottom_wrapper .message_input_wrapper {
        width: calc(100% - 90px);
    }

    .bottom_wrapper .send_message {
        width: 80px;
    }

    .page_header_content .ms-site-title {
        font-size: 34px;
    }

    .seo_page_header_img {
        left: inherit;
        right: -70%;
    }

    .footer_social_links {
        display: block;
        padding-top: 15px;
    }

    .app_stores_columns {
        width: 100%;
        text-align: center;
    }

    .business_page_quote_right {
        min-height: 0;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .business_page_quote_left {
        min-height: 0;
        margin-bottom: -80px;
        width: 100%;
        box-sizing: border-box;
    }

    .top_sub_navbar_content .top_sub_navbar_lng {
        margin-left: 0px;
    }

    .apps-view .current-application-steps .card-wrapper .card-body .stage-items h4 {
        font-size: 17px;
    }

    .apps-view .current-application-steps .stage-items .button-component-primary {
        padding-left: 10px;
        padding-right: 10px;
    }

        .apps-view .current-application-steps .stage-items .button-component-primary .icon {
            background-size: 50%;
            border-left: 0;
            margin-bottom: 0;
            margin-left: 0;
            padding-left: 0;
            width: 10px;
        }

    .apps-view .current-application-steps .card-wrapper .card-body .stage-title {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .apps-view .current-application-steps .card-wrapper {
        padding-top: 20px;
    }

    .apps-view .current-application-steps .card-wrapper {
        margin-bottom: 0;
        padding-bottom: 1px;
    }

    .about-me-step-section.apps-view .container {
        padding: 0;
    }

    .apps-view .factfind-main {
        border: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none;
    }

    .factfind-form-container .title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .form-section {
        margin-bottom: 28px;
    }

    .fact-find-controls .save-btn {
        font-size: 17px;
        padding-left: 22px;
        padding-right: 22px;
        height: 48px;
        line-height: 30px;
    }

    .fact-find-controls .back-btn {
        font-size: 17px;
        padding-left: 22px;
        padding-right: 22px;
        height: 48px;
        min-width: 110px;
        line-height: 30px;
    }

    .form-section .title {
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }

        .form-section .title.compact {
            font-size: 16px !important;
            font-weight: 400;
        }

    .apps-view .container {
        box-shadow: none;
    }

    .apps-view .card.mobile {
        box-shadow: none;
        margin-bottom: 0;
    }

    .apps-view .task_list_full {
        margin-top: 0;
    }

    .apps-view .task-category-title {
        margin-left: 0;
        margin-right: 0;
        font-size: 15px;
    }

    .messages-tab-wrapper .nav.nav-tabs li a {
        padding: 8px 10px;
    }

    .mm-factfind-overview-applicants-wrapper {
        padding: .1px 16px;
    }

    .mm-readonly-summary-continue button {
        min-width: 80px;
        /*padding: 6px 10px;
        font-size: 14px;
        height: 35px;*/
        padding: 8px 20px;
        background: #1976D2 !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        letter-spacing: 0em;
        text-align: center !important;
    }

    .mm-readonly-summary > .mm-readonly-summary-title > h2 {
        font-size: 15px;
    }

    .mm-readonly-summary-collapser > button {
        font-size: 14px;
    }

    .mm-factfind-overview-title {
        font-size: 22px;
    }

    .mm-form-readonly p {
        font-size: 15px;
    }

    .mm-factfind-overview {
        margin-bottom: 10px;
    }

    .mortgage-apply-step-slider-body .steps-control-btn button {
        max-width: 150px;
        line-height: 20px;
    }
}

@media (max-width: 460px) {
    .mortgage-category-content {
        max-width: 340px;
    }

        .mortgage-category-content .radio-group-mortgage-category label.item {
            width: 45.5%;
        }

    .mortgage-apply-section .first-title {
        font-size: 26px;
    }

    .mc-case-type-radio.radio-group-button .radio {
        display: block;
    }

        .mc-case-type-radio.radio-group-button .radio label:last-of-type {
            margin-left: 0 !important;
            margin-top: 10px;
        }

    .mc-initial-period-radio.radio-group-button label {
        padding-left: 30px;
        padding-right: 10px;
    }

    .mc-initial-period-radio.radio-group-button .radio span, .mc-initial-period-radio.radio-group-button .radio .circle {
        left: 10px;
    }

    .mob_header_post_btn {
        display: none;
    }
}
/*------------------//////////////////////-              Media Query     End       ----/////////////////////-----------------------------*/
@keyframes tickAnimate {
    0% {
        height: 0;
        width: 0
    }

    35% {
        height: 0;
        width: 5px
    }

    to {
        height: 10px;
        width: 5px
    }
}

@keyframes tickBackgroundBounce {
    0% {
        transform: scale(.1);
        opacity: 1
    }

    30% {
        transform: scale(1.0125);
        opacity: .8
    }

    60% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes fadePhaseIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bubbleAnimation {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes tasksCharacterLastAnimation {
    0% {
        transform: translateX(0);
        opacity: 0
    }

    to {
        transform: translateX(-40px);
        opacity: 1
    }
}

@keyframes pop-in {
    0 {
        opacity: 0;
        transform: scale(.5)
    }

    70% {
        opacity: 1;
        transform: scale(1.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes slide {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-1920px,0,0)
    }
}

@keyframes slideReverse {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(1920px,0,0)
    }
}

@keyframes bouncy {
    15% {
        transform: scale(.98)
    }

    40% {
        transform: scale(.99)
    }

    45% {
        transform: scale(1)
    }
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes dash-loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes slideCardSlideUp {
    0% {
        -moz-transform: translateY(117px);
        -o-transform: translateY(117px);
        -ms-transform: translateY(117px);
        -webkit-transform: translateY(117px);
        transform: translateY(117px)
    }

    to {
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-moz-keyframes slideCardSlideUp {
    0% {
        -moz-transform: translateY(117px);
        -o-transform: translateY(117px);
        -ms-transform: translateY(117px);
        -webkit-transform: translateY(117px);
        transform: translateY(117px)
    }

    to {
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-o-keyframes slideCardSlideUp {
    0% {
        -moz-transform: translateY(117px);
        -o-transform: translateY(117px);
        -ms-transform: translateY(117px);
        -webkit-transform: translateY(117px);
        transform: translateY(117px)
    }

    to {
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes slideCardSlideUp {
    0% {
        -moz-transform: translateY(117px);
        -o-transform: translateY(117px);
        -ms-transform: translateY(117px);
        -webkit-transform: translateY(117px);
        transform: translateY(117px)
    }

    to {
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.constrained {
    margin: 10px;
    padding: 10px;
    height: 200px;
    overflow: auto;
    border: 1px solid lightgray;
}

/*** About Page*/
.about_quote {
    border-bottom: 1px solid #DFE4EA;
    padding: 60px 0;
}

    .about_quote h1 {
        font-size: 50px;
        font-weight: 600;
        text-align: left;
        line-height: 75px;
        width: 60%;
        margin: 0 auto;
        color: #2d2d2d;
        border-left: 12px solid;
        padding-left: 60px;
        box-sizing: border-box;
    }

.about_us_section {
    padding: 100px 0;
    background: #fff;
    border-bottom: 1px solid #DFE4EA;
}

.about_details {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radious: 47px;
    border-radius: 10px;
    font-size: 16px;
    color: #000;
    background: #F4F4F4;
}

    .about_details p {
        line-height: 160% !important;
        color: #000;
        font-size: 16px;
        left: 0.02em;
    }

.about_title-box {
    height: 300px;
    display: flex;
    align-items: center;
}

.about_us_title {
    font-size: 50px;
    font-weight: 600;
    color: #2d2d2d;
}

.about_us_sub_title {
    font-size: 38px;
    font-weight: 600;
    line-height: 57px;
    margin: 0px;
    color: #2d2d2d;
}

.about_us_section hr {
    display: block;
    border-top: 4px solid #2D2D2D;
    margin: 8px 0;
    width: 19%;
}

.section-teams .card-team {
    background: #F4F4F4;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
}

.section-teams hr {
    width: 10%;
    height: 4px;
    margin: 0 auto;
    background: #2D2D2D;
    margin-bottom: 100px;
}

.contact-left hr,
.common-divider {
    width: 10%;
    height: 4px;
    background: #2D2D2D;
}

.section-teams h1 {
    font-size: 50px;
    margin: 0 !important;
    padding: 100px 0 20px 0;
}


/** Contact Page*/

.join-partner-section .card.contact {
    /*background: #00A1F1;*/
    /*box-shadow: 0px 8px 20px rgba(0, 161, 241, 0.3);*/
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #E0E0E0;
}

.contact form input,
.contact form select.custom_input,
.contact form select.custom_input:hover {
    color: #252525 !important;
}

.contact form input,
.contact form select.custom_input {
    margin-bottom: 15px !important;
    width: 100%;
}

.contact form label {
    margin-bottom: 10px;
}


.contact form .agreement_hint,
.contact form p {
    color: black;
}

.contact form .checkbox-material .check {
    border-color: black;
}

.contact form {
    margin: auto;
}

    .contact form .contact-button button {
        padding: 16px;
        width: 40% !important;
        color: #fff !important;
        border-radius: 7px !important;
        box-shadow: 0px 10px 20px rgba(193, 39, 45, 0.15) !important;
        background: linear-gradient(94.79deg, #C1272D 2.91%, #A01E23 101.47%) !important;
        font-weight: bold !important;
    }

.join-partner-section h1,
.join-partner-section h4 {
    color: #000 !important;
}

.contact .checkbox input[type=checkbox]:checked + .checkbox-material .check,
.contact .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
    color: black !important;
    border-color: #E0E0E0;
}

.airbnd-input {
    padding: 21px;
    width: 100%;
    height: 66px;
    border-radius: 8px;
    font-size: 16px;
    border: 1px solid #E0E0E0;
    color: #333333;
    margin-bottom: 24px;
}

.airbnd-textarea {
    padding: 8px;
    width: 100%;
    border-radius: 6px;
    font-size: 15px;
    border: 1px solid #bfbfbf;
    color: #333333;
}

.airbnd-input-label {
    left: 24px;
    position: absolute;
    font-size: 15px;
    top: -22px;
    z-index: 10;
    background: white;
}

.common-darkpink-button {
    background-color: rgb(206,15,101);
    color: #fff;
    padding: 15px 39px;
    display: inline-block;
    border-radius: 8px;
    margin: 35px 0px;
    font-size: 20px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 30px;
}

.airbnb-photo-button {
    background-color: #e4514a;
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    border-radius: 6px;
    height: auto !important;
    font-size: 15px;
    border: none;
    margin-bottom: 15px;
}

.transparent-button-grey-border {
    color: black;
    background-color: white;
    border: 2px solid;
    border-color: gray;
    padding: 17px 42px !important;
    border-radius: 7px;
    margin-left: 30px;
    font-size: 20px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 500;
}

.common-red-button {
    background: linear-gradient(94.79deg, #C1272D 2.91%, #A01E23 101.47%);
    color: #fff;
    padding: 17px 42px;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0px 12px 20px 4px rgba(193, 39, 45, 0.2);
    margin: 35px 0px;
    font-size: 20px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 30px;
}

    .common-red-button i {
        margin-right: 13px;
    }

    .common-red-button:hover {
        background: #4c4949 !important;
        color: #fff !important;
    }

.common-transparent-button {
    color: #C1272D;
    border: 2px solid #545454;
    padding: 17px 48px !important;
    border-radius: 7px;
    margin-left: 30px;
    font-size: 20px;
    font-weight: 500;
}

    .common-transparent-button:hover {
        background: #4c4949;
        color: #fff;
    }

.slick-dots {
    bottom: -60px !important;
}

/*** CODED BY SAGAR ROY */

.web_nav {
    display: block;
}

.header_logo {
    float: left;
    position: relative;
    margin: 10px 0 0 8px;
}

.menu_category {
    margin-left: 160px;
    float: left;
}

    .menu_category .link {
        float: left;
        padding: 0 10px;
    }

    .menu_category .link_category,
    .menu_user .link_category {
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 17px;
        height: 70px;
        letter-spacing: 0.4px;
        line-height: 65px;
        position: relative;
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

.menu_user {
    float: right;
    margin-right: 5px;
}

    .menu_user .nav_link {
        float: right;
        padding: 0 10px;
        text-align: center;
    }

.mobile_nav {
    display: none;
}

.tasks_link:hover:after {
    background-color: #f9a600;
    bottom: 0px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 1000;
}

.header_logo .ripple-container {
    display: none;
}

.mm.ms-navbar {
    height: auto;
    padding: 20px 0;
    background-color: #fff !important;
}

.mm .header_logo {
    margin-top: 0px;
}

.mm .menu_category .link_category,
.mm .menu_user .link_category {
    height: 60px;
    line-height: 47px;
    color: #2d2d2d;
    font-weight: 600;
}

.mm .menu_user {
    margin-right: 0;
}

.mm .tasks_link:hover:after {
    background-color: #cb2027;
}

.mm .menu_category a .ripple-container {
    display: none;
}

.header-right-side.menu_user .link_category {
    color: #4c4c58;
}

    .header-right-side.menu_user .link_category:hover {
        color: #cb2027;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .top_nav_container {
        width: 100% !important;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .affordability-list-table.mobile .table-responsive > .table > tbody > tr > td, .affordability-list-table.mobile .table-responsive > .table > tbody > tr > th, .affordability-list-table.mobile .table-responsive > .table > tfoot > tr > td, .affordability-list-table.mobile .table-responsive > .table > tfoot > tr > th, .affordability-list-table.mobile .table-responsive > .table > thead > tr > td, .affordability-list-table.mobile .table-responsive > .table > thead > tr > th {
        white-space: unset;
    }

    .mobile.affordability-list-table .currency-input input {
        width: 80px;
    }

    .web_nav {
        display: none;
    }

    .mobile_nav {
        display: block;
    }

        .mobile_nav .header_logo {
            display: block;
            transition: opacity 0.3s ease-out;
            /*margin: 10px 0 0;*/
            opacity: 1;
            width: 100%;
            text-align: center;
        }

            .mobile_nav .header_logo img {
                width: 150px !important;
            }

    .mobile_sub_menu {
        position: absolute !important;
        left: 20px;
        font-size: 30px !important;
        color: #383838 !important;
    }

    .mm.navbar-login-mode.ms-navbar {
        min-height: 90px;
        padding: 12px 0;
    }
}

.common-transparent-button {
    color: #c1272d;
    border: 2px solid #545454;
    padding: 17px 42px !important;
    border-radius: 7px;
    margin-left: 30px;
    font-size: 20px;
    font-weight: 500;
}

    .common-transparent-button:hover {
        background: #4c4949;
        color: #fff;
    }

.header-right-side .dropdown {
    position: relative !important;
}

.header-right-side .dropdown-menu {
    /*left: 7px !important;
    min-width: 190px;*/
}

.menu_category .dropdown-item,
.header-right-side .dropdown .dropdown-item {
    padding: 1rem 1.5rem;
}

.desktop.dropdown-menu::before {
    content: "";
    position: absolute;
    left: 41%;
    transform: translateX(-50%);
    width: 95px;
    height: 0px;
    top: -6px;
    border: 2px solid #cb2027;
}

.menu_category {
    margin-left: 60px;
}

.navbar .dropdown-menu {
    border-radius: 10px;
}

.dropdown .dropdown-toggle.common-transparent-button {
    padding: 12px 24px !important;
    border: 1px solid #C1272D;
    color: #C1272D;
    border-radius: 4px;
    margin: 0px;
    font-weight: 600;
    font-size: 16px;
}

.navbar .dropdown-menu li > a {
    font-weight: 600;
}

.dropdown .dropdown-toggle.common-transparent-button:hover,
.dropdown .dropdown-toggle.common-transparent-button:focus,
.dropdown .dropdown-toggle.common-transparent-button:active {
    color: #fff;
    background: #c1272d;
    border: 2px solid #c1272d;
}

.dropdown-menu li:hover {
    background: #c1272d;
    color: #fff;
}

.dropdown-menu li a:hover {
    background: #c1272d !important;
    color: #fff !important;
}

@media all and (max-width: 1020px) {
    .header_logo {
        display: inline;
        transition: opacity 0.3s ease-out;
        margin: 10px 0 0;
        opacity: 1;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 40%;
        transform: translateX(-49%);
    }

    .ms-navbar .btn-navbar-menu {
        display: inline-block;
        color: #fff;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        position: initial;
        font-size: 21px;
        float: left;
    }

    .header_logo {
        float: none !important;
    }

    .dropdown.new {
        float: right;
    }

    .web_nav {
        display: none;
    }

    .mobile_nav {
        display: block;
        width: 90%;
        margin: auto;
    }
}

@media all and (max-width: 644px) {
    .dropdown .dropdown-toggle.common-transparent-button {
        font-size: 12px;
    }
}

@media all and (max-width: 768px) {
    .container {
        /*max-width: 88% !important;*/
    }

    .common-transparent-button {
        margin-left: 0px !important;
        margin-bottom: 25px !important;
        display: inline-block;
    }
}

@media all and (max-width: 598px) {
    @media all and (max-width: 530px) {
        .ms-navbar .container .btn-navbar-menu {
            display: inline-block;
            text-align: inherit;
            font-size: 20px !important;
        }

        .mobile_nav .header_logo img {
            width: 25% !important;
            text-align: left;
            margin-top: 8px;
        }

        .dropdown .dropdown-toggle.common-transparent-button {
            padding: 3px 7px !important;
            border: 2px solid #2d2d2d;
            border-radius: 8px;
            margin: 0px;
            font-weight: 600;
            font-size: 11px !important;
            margin-top: 15px;
            margin-bottom: 0px !important;
        }

        .dropdown-menu > li > a {
            font-size: 12px;
        }
    }
}




/**Home page start*/



.hero-video-bg .plyr video {
    width: 100%;
    /*height: 700px;*/
    object-fit: fill;
}

.hero-video-bg .plyr__controls {
    display: none !important;
}

.hide-for-desktop {
    display: none !important;
}

.home-video-banner {
    position: absolute;
    top: 110px;
    height: 635px;
}
/**
.modal {
    top: 100px !important;
}

**/
.modal-backdrop {
    z-index: inherit !important;
}
/*** Feature Page*/
.features-section {
    padding-top: 180px;
    padding-bottom: 80px;
}

    .features-section .feature-box {
        background: #F6F6F6;
        box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
        border-radius: 10px;
        min-height: 300px;
        margin-bottom: 27px;
        padding: 10px;
    }

.feature-box .img-center {
    display: block !important;
    max-width: 20% !important;
    margin: 30px auto !important;
}

.features-container h2 {
    font-size: 50px;
    line-height: 75px;
    font-weight: 600;
    color: #2d2d2d;
}

.feature-box h2 {
    font-size: 21px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #2d2d2d;
}

.feature-box p {
    font-size: 14px;
    color: #2d2d2d;
    line-height: 140% !important;
    letter-spacing: 0.04em;
    font-weight: normal;
}


.zmdi-check:before {
    content: '\25C9' !important;
    color: #2d2d2d;
}

.feature-box ul {
    padding: 80px 0 !important;
}

.solution {
    padding: 100px 0;
}

    .solution .container {
        display: flex;
        align-items: center;
    }

    .solution .card-box {
        background: #fff;
        border-radius: 20px;
        box-shadow: 0px 10px 36px rgb(0 0 0 / 10%);
        min-height: 290px;
        padding: 20px 10px 10px 10px;
        transition: 1s;
    }

        .solution .card-box h4 a {
            color: #545454;
        }

            .solution .card-box h4 a:hover {
                text-decoration: underline;
            }

        .solution .card-box p {
            text-align: center;
            font-size: 14px;
            letter-spacing: 0.04em;
            color: #545454;
            font-weight: normal;
            line-height: 140% !important;
        }

        .solution .card-box:hover {
            box-shadow: 1px 5px 13px rgb(234 23 23 / 21%);
        }

.join-partner .join-partner-card {
    width: 400px;
    background: #F4F4F4;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.join-partner-card img {
    width: 20%;
    margin: auto;
    display: block;
}

.join-partner-card p {
    font-size: 21px;
    font-weight: 600;
    line-height: 32px !important;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 20px;
    color: #000;
    margin-bottom: 60px;
}

.join-partner-card h3 {
    text-align: center;
    color: #2d2d2d;
    font-weight: 600;
}

.join-partner-card a {
    color: #000;
}

.header-button {
    color: #000 !important;
    border: 2px solid #545454;
    padding: 0px 48px !important;
    border-radius: 30px;
    margin-right: 30px;
}

    .header-button:hover {
        background-image: linear-gradient( 45deg, #C1272D, #A01E23);
        color: #fff !important;
        box-shadow: 0px 8px 12px -8px #c1272d;
        border: none;
    }

.checkbox .checkbox-material .check {
    /*border: 2px solid #fff;*/
}


.ui-state-active #ui-id-1,
.ui-state-active #ui-id-2,
.ui-state-active #ui-id-3,
.ui-state-active #ui-id-4 {
    width: 100% !important;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: linear-gradient(127.35deg, #4285F4 0%, #00A1F1 100%) !important;
    color: #fff;
    margin-right: 0;
}

#ui-id-1:hover,
#ui-id-2:hover,
#ui-id-3:hover,
#ui-id-4:hover {
    background: linear-gradient(127.35deg, #4285F4 0%, #00A1F1 100%) !important;
    color: #fff;
}

#ui-id-1,
#ui-id-2,
#ui-id-3,
#ui-id-4 {
    width: 100% !important;
    padding: 5px 17px;
    font-size: 20px;
    line-height: 30px;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    margin-right: 22px;
    color: #90A0AB;
}

.plyr__play-large {
    width: 94px;
    height: 94px;
    border: none;
    background: #fff;
}

plyr__play-large svg {
    left: 29px !important;
    fill: #DFE4EA !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /*background: transparent !important;*/
    border: none !important;
    text-align: center;
}

.ui-widget.ui-widget-content {
    /*border: none !important;*/
    /*background: transparent !important;*/
}

.ui-widget-header {
    /*border: none !important;*/
    /*background: transparent !important;*/
}

.ui-tabs .ui-tabs-nav li {
    margin: 1px 5.2em 0 0 !important;
}

.img-fluid {
    width: 100%;
}

/**Header*/

.header-right-side .dropdown {
    position: relative !important;
}

.header-right-side .dropdown-menu {
    /*left: 7px !important;
    min-width: 190px;*/
}

.menu_category .dropdown-item,
.header-right-side .dropdown .dropdown-item {
    padding: 1rem 1.5rem;
}

.desktop.dropdown-menu::before {
    content: '';
    position: absolute;
    left: 18%;
    transform: translateX(-50%);
    width: 95px;
    height: 0px;
    top: -6px;
    border: 2px solid #cb2027;
}

.desktop-fix-bottom.dropdown-menu::before {
    content: '';
    position: absolute;
    left: 18%;
    transform: translateX(-50%);
    width: 95px;
    height: 0px;
    top: -6px;
    border: 2px solid #cb2027;
}


.menu_category {
    margin-left: 60px;
}

.navbar .dropdown-menu {
    border-radius: 10px;
}

.dropdown .dropdown-toggle.common-transparent-button {
    padding: 10px 25px !important;
    border: 1px solid #C1272D;
    color: #C1272D;
    border-radius: 8px;
    margin: 0px;
    font-weight: 600;
}

.navbar .dropdown-menu li > a {
    font-weight: 600;
}

.dropdown .dropdown-toggle.common-transparent-button:hover,
.dropdown .dropdown-toggle.common-transparent-button:focus,
.dropdown .dropdown-toggle.common-transparent-button:active {
    color: #fff;
    background: #C1272D;
    border: 2px solid #C1272D;
}



.dropdown-menu li:hover {
    background: #C1272D;
    color: #fff;
}

.dropdown-menu li a:hover {
    background: #C1272D !important;
    color: #fff !important;
}


.ms-slidebar .btn.btn-raised.btn-pinterest {
    color: #2d2d2d;
    background-color: #fff !important;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
    border: transparent;
    box-shadow: none;
}


/***Mobile menu design*/
.ms-slidebar .ms-slidebar-menu > li > a.link {
    background-color: #fff !important;
    color: #2d2d2d;
    font-weight: 600;
    padding: 20px;
}

.ms-slidebar .ms-slidebar-menu > li {
    border-bottom: 1px solid #a29d9d36;
}

.ms-slidebar {
    /*background-color: #FFF !important;*/
}

.ms-slidebar {
    /*background-color: #fff;*/
    width: 330px !important;
}

.sub-menu.dropdown-menu {
    width: 100% !important;
    background: transparent !important;
    position: initial;
    float: none;
}

.ms-slidebar .ms-slidebar-menu > li > ul li > a {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2d;
    background-color: transparent;
    border-bottom: 1px solid #a29d9d36;
    padding: 20px;
}

.ms-slidebar .ms-slidebar-menu > li > a.link:hover {
    background: #C1272D !important;
    color: #fff;
}

.ms-slidebar .ms-slidebar-menu > li > a:after {
    display: none;
}

.mob-flex {
}
/***Responsive design of mortgage magic new version*/

@media all and (max-width: 788px) {
}

@media all and (max-width: 1020px) {

    .header_logo {
        display: inline;
        transition: opacity .3s ease-out;
        margin: 10px 0 0;
        opacity: 1;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 40%;
        transform: translateX(-49%);
    }

    .ms-navbar .btn-navbar-menu {
        display: inline-block;
        color: #fff;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        position: initial;
        font-size: 21px;
        float: left;
    }

    .mobile_sub_menu {
        position: absolute !important;
        left: 20px;
        font-size: 30px !important;
        color: #383838 !important;
    }

    .header_logo {
        float: none !important;
    }

    .dropdown.new {
        float: right;
    }

    .header-logo {
        float: left;
    }

    .web_nav {
        display: none;
    }

    .mobile_nav {
        display: block;
        width: 90%;
        margin: auto;
    }

    .sb-slidebar.sb-active {
        display: block;
    }

    .ms-slidebar .ms-slidebar-header {
        background: #C1272D !important;
        min-height: 63px !important;
    }

    .mobile_post_btn {
        padding: 7px 10px !important;
        margin-top: 12px;
        margin-left: 10px;
        font-size: 12px;
        width: 100px !important;
        display: block;
        float: left;
    }

    .ms-slidebar .ms-slidebar-header .ms-slidebar-login {
        /*display: flex;*/
        width: 100%;
        padding: 10px;
    }

    .mobile_sub_menu_close {
        /* text-align: right; */
        font-size: 20px;
        /* padding-right: 0; */
        width: 32px !important;
        height: 32px;
        background: #fff;
        border-radius: 50%;
        padding: 5px 5px !important;
        color: #000 !important;
        display: block !important;
        float: right;
        margin-top: 11px;
        margin-right: 10px;
        opacity: .9;
        /* font-weight: bold; */
        line-height: 26px;
        margin-left: 11px;
        margin-bottom: 11px;
    }

    .mm.navbar-login-mode.ms-navbar {
        min-height: 90px;
    }

        .mm.navbar-login-mode.ms-navbar.navbar-introducer-mode {
            min-height: auto;
        }

    .navbar-login-mode.ms-navbar .header_logo {
        left: 50%;
    }
}

@media all and (max-width:644px) {
    .dropdown .dropdown-toggle.common-transparent-button {
        font-size: 12px;
    }
}


@media all and (max-width: 1300px) {
    .home-video-banner {
        position: absolute;
        top: 96px;
    }
}

@media all and (max-width: 994px) {
    .hero-video-bg .plyr video {
        height: auto;
        object-fit: fill;
    }

    .hide-for-mobile {
        display: none;
    }

    .hide-for-desktop {
        display: block !important;
    }


        .hide-for-desktop.ms-hero-page {
            background: #cf2c33;
        }

    .ms-hero-page {
        padding: 0;
        height: 425px !important;
    }



        .ms-hero-page h1 {
            font-size: 40px !important;
            line-height: 50px !important;
        }
}

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

    .container {
        /*max-width: 88% !important;*/
    }

    .ms-slidebar .ms-slidebar-header {
        background: #C1272D !important;
        min-height: 63px !important;
    }


    /**Index Page*/

    .home-page-hero .common-transparent-button {
        margin-left: 15px !important;
    }

    .how-it-work-section .row {
        display: block !important;
        height: auto !important;
        padding-bottom: 15px;
    }

    .common-red-button {
        display: inline-block;
        margin-bottom: 25px;
    }

    .home_worker_section_text {
        width: 100% !important;
    }

    .common-transparent-button {
        margin-left: 0px !important;
        margin-bottom: 25px !important;
        display: inline-block;
    }

    .ms-hero-img-keyboard {
        background: linear-gradient( 45deg, #d10505, #c20c0c85);
        !important;
    }

    .ms-hero-page .home-page-hero {
        display: block !important;
    }

        .ms-hero-page .home-page-hero img {
            display: block;
            margin: auto;
        }

    .mob-margin-top-100 {
        margin-top: 100px;
    }

    .solution .container {
        display: block !important;
    }

    .solution .card-box {
        width: 100%;
        margin-bottom: 10px;
        padding: 70px;
    }

    .solution .mobile-margin {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }

    .key-benefits-mortgage-section .desc h1 {
        font-size: 36px;
        line-height: 40px;
        margin-top: 40px;
    }

    .pb-6 {
        padding-bottom: 0px !important;
    }


    video#ocScreencapVideo {
        margin-top: 21px;
        display: block;
        width: 100%;
        height: 200px;
    }

    .home_worker_section .home_worker_section_text {
        max-width: 100% !important;
    }

        .home_worker_section .home_worker_section_text hr {
            margin: 0 auto !important;
        }

    .home-page-hero .mobile-button {
        display: inline-block;
        margin-bottom: 12px;
        margin-left: 0;
    }

    /*** FEATURES PAGE*/

    .introducing-mortgage-feature-section h1 {
        font-size: 44px;
        text-align: center;
    }

    h1, h2, h3

    .features-container .row {
        display: block !important;
    }

    .features-section {
        padding-top: 50px;
        padding-bottom: 80px;
    }

        .features-section .feature-box {
            width: 90%;
            margin: 20px auto;
            padding-top: 5px;
        }


    /**About Page*/

    .about_quote h1 {
        width: 90%;
        margin: 0 auto;
        font-size: 30px;
    }

    .about_us_title {
        text-align: center;
        margin-bottom: 13px !important;
    }

    .about_title-box .title_container {
        width: 100%;
    }

    .about_title-box .about_us_sub_title {
        text-align: center;
    }

    .about_title-box .about_us_title,
    .about_us_section hr {
        display: block;
        margin: auto;
    }

    .footer-body {
        display: block !important;
    }

    .about-me-step-section.apps-view .container {
        padding: 0;
    }

    .apps-view .factfind-main {
        border: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

@media all and (max-width: 598px) {

    .hero-video-bg {
        margin-top: -10px;
    }

    .package-section .head h1, .package-section .head h2 {
        font-size: 40px !important;
        line-height: 57px;
    }

    .ms-hero-page h1 {
        font-size: 40px !important;
    }

    .ms-hero-page .common-transparent-button,
    .ms-hero-page .common-red-button {
        font-size: 15px;
    }


    /**Featured Page */
    .introducing-mortgage-feature-section h1 {
        font-size: 44px;
        text-align: center;
    }

    .feature-box h2 {
        font-size: 21px !important;
    }

    .home_worker_section p {
        font-size: 30px !important;
    }

    /**About Page */

    .about_quote h1 {
        font-size: 40px !important;
        line-height: 61px;
    }
}

@media all and (max-width: 530px) {

    .ms-navbar .container .btn-navbar-menu {
        display: inline-block;
        text-align: inherit;
        font-size: 20px !important;
    }

    .mobile_nav .header_logo img {
        width: 25% !important;
        text-align: left;
        margin-top: 8px;
    }

    .dropdown .dropdown-toggle.common-transparent-button {
        padding: 3px 7px !important;
        border: 2px solid #2d2d2d;
        border-radius: 30px;
        margin: 0px;
        font-weight: 600;
        font-size: 11px !important;
        margin-top: 15px;
        margin-bottom: 0px !important;
    }

    .ms-hero-page h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .ms-hero-page .common-transparent-button {
        padding: 7px 36px !important;
        font-size: 14px !important;
    }

    .ms-hero-page .common-red-button {
        font-size: 14px;
        padding: 4px 17px !important;
    }

    .dropdown-menu > li > a {
        font-size: 12px;
    }

    .existing-mortgage-section .title {
        font-size: 34px;
    }

    .apps-view .radio-group-button label {
        font-size: 14px !important;
        padding-left: 35px;
    }
}

.pl-bg {
    padding-bottom: 4rem;
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, rgb(243, 244, 245) 45%);
}

.logo-section img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
    padding: 3rem 0px;
}

.pl-title h2 {
    text-align: center;
    margin: 0px 0px 2rem;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.125em;
    letter-spacing: -0.025em;
    color: rgb(25, 28, 31);
}

.sub-content p {
    line-height: 1.65em;
    color: rgb(139, 149, 158);
    text-align: center;
}


.sub-content {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: rgb(25, 28, 31);
    text-align: center;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.sub-content2 {
    margin-top: 14px;
    font-size: 12px;
    text-align: center;
    line-height: 1.65em;
    color: rgb(139, 149, 158);
}

    .sub-content2 p {
        line-height: 1.65em;
        color: rgb(139, 149, 158);
        text-align: center;
    }

.pl-mini-title {
    text-align: center;
    margin: 4rem 0px 2rem;
    font-size: 28px;
}

    .pl-mini-title h3 {
        font-weight: 600;
        line-height: 1.125em;
        letter-spacing: -0.025em;
        color: rgb(25, 28, 31);
        font-size: 2rem;
        margin: 0px;
    }

.news {
    padding: 4.8px 0 9.6px 0;
    text-align: center;
}

.news-heading {
    font-size: 44px;
    line-height: 1.4;
    color: #333;
}

.news p {
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 12px;
    line-height: 1.8;
}

.pl-newlatter input[type="text"] {
    display: inline-block;
    width: 40%;
    padding: 18px 36px;
    margin: 8px 0;
    border: 1px solid #ccc !important;
    box-sizing: border-box;
    height: 70px;
    margin-top: 18px;
    border-radius: 50px;
    border: none;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.06);
}

.pl-newlatter .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
    left: 343px;
}

.pl-newlatter .intl-tel-input .country-list {
    left: 340px;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent !important;
}

.pl-newlatter .intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent;
}

    .pl-newlatter .intl-tel-input.separate-dial-code .selected-flag:hover {
        background-color: transparent !important;
    }

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    left: 5px !important;
}


input,
input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 3;
}

.pl-newlatter .bt {
    margin-left: -160px;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    padding: 16px 32px;
    border-radius: 20px;
    /* Only necessary for .btn */
    border: none;
    cursor: pointer;
    background-color: rgb(25, 28, 31);
    color: #fff;
    position: absolute;
    right: 356px !important;
    top: 146px;
}

.all-card {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
    max-width: 890px;
    margin: 20px auto;
}

.pl-card-single {
    background: rgb(255, 255, 255);
    box-shadow: rgb(25 28 31 / 6%) 0px 3px 6px, rgb(25 28 31 / 6%) 0px 1px 2px, rgb(25 28 31 / 4%) 0px -1px 0px;
    border-radius: 8px;
    margin-bottom: 30px;
    min-height: 380px;
    padding: 32px;
}

.pl-card-icon {
    display: block;
    margin-bottom: 1.25rem;
    width: 48px;
    height: 48px;
    padding: 12px;
    background: rgb(229, 241, 252);
    border-radius: 50%;
}

.pl-card-title {
    margin: 25px 0px 0.5em !important;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 600;
    line-height: 1.125em !important;
    letter-spacing: -0.025em;
    color: rgb(25, 28, 31);
}

.pl-card-content {
    line-height: 1.65em !important;
    color: rgb(139, 149, 158);
    font-size: 17px;
}

.pl-all-content {
    margin: 1.5rem 0px;
}



@media screen and (max-width: 992px) {
    .pl-newlatter input[type="text"] {
        width: 70%;
    }

    .pl-newlatter .intl-tel-input .selected-flag {
        left: 100px;
    }

    .pl-newlatter .bt {
        right: 270px !important;
        top: inherit;
        margin-top: 20px;
    }

    .sub-content2 {
        margin-top: 74px;
    }
}

@media screen and (max-width: 600px) {
    .pl-newlatter input[type="text"] {
        width: 80%;
    }

    .pl-newlatter .intl-tel-input .selected-flag {
        left: 50px;
    }

    .pl-newlatter .bt {
        right: 165px !important;
        top: inherit;
        margin-top: 20px;
    }

    .sub-content2 {
        margin-top: 74px;
    }
}


.cookie-alert {
    position: fixed !important;
    bottom: 120px !important;
    right: 180px !important;
    width: 520px !important;
    margin: 0 !important !important;
    z-index: 9999 !important;
    transform: translateY(100%) !important;
    transition: all 500ms ease-out !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 20px !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
    box-shadow: 0 4px 16px hsl(0deg 0% 0% / 16%) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    opacity: 0 !important;
}

    .cookie-alert h5 {
        line-height: 36px !important;
        font-size: 28px !important;
        font-weight: 500 !important;
        color: #000000 !important;
    }

    .cookie-alert p {
        font-size: 14px !important;
    }

    .cookie-alert.show {
        transform: translateY(0%) !important;
        transition-delay: 1000ms !important;
        opacity: 1 !important;
    }

.cookie-setting-tab {
    height: 110px !important;
}

    .cookie-setting-tab input[type=checkbox] {
        width: 60px !important;
        height: 14px !important;
    }

.cookie-option {
    margin-top: 10px !important;
}

.hide-setting {
    display: none !important;
}

.reject-btn {
    margin-right: 10px !important;
}

.accept-cookies {
    background-color: #000000 !important;
    border: none !important;
    color: #fff !important;
}

.reject-btn {
    background-color: #EEEEEE !important;
    border: none !important;
    color: #000000 !important;
}

.cookie-setting {
    color: #000000 !important;
}

.ts-page {
    padding: 100px 0;
}

.left-title {
    padding: 150px 0;
}

.left-title-new {
    color: #4A4B7C;
    font-size: 90px;
    font-weight: 600;
    text-align: center;
}

.left-title h4 {
    text-align: center;
    color: #4A4B7C;
    font-weight: 600;
}

.right-image-fixed {
    background-image: url(https://tanjirsugar.com/wp-content/uploads/2022/06/tanjir-2.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 35% auto;
    background-attachment: fixed;
    height: 700px;
    width: 100%;
}

.left-image-fixed {
    background-image: url(https://tanjirsugar.com/wp-content/uploads/2022/06/1516970753793.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: auto;
    height: 500px;
    background-attachment: fixed;
}

.left-side-2ndtext h2 {
    color: #4A4B7C;
    font-size: 50px;
    font-weight: 600;
}

.left-side-2ndtext p {
    text-align: justify;
    color: #6A6969;
    font-weight: normal;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 30%);
    font-size: 18px;
}

.ts-image-two {
    padding: 120px 0;
    background: white;
}

    .ts-image-two img {
        width: 100%;
        border-radius: 20px;
    }

.p-left-image {
    padding-left: 100px;
}

.p-right-image {
    padding-right: 100px;
}

.ts-quote-section {
    padding: 50px 0;
    background: #d5cdcd;
}

.left-quote-text p {
    color: #3E3E3E;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px !important;
}

.left-quote-text h3 {
    color: #3E3E3E;
    font-size: 23px;
    font-weight: 400;
}

.left-image-quote img {
    border-radius: 27px 27px 27px 27px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    width: 100%;
}

.left-quote-text {
    padding: 70px 0px 0 70px;
}

.left-quote-text2 p {
    color: #3E3E3E;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px !important;
    margin-top: 20px;
}

.left-quote-text2 {
    padding: 70px 20px 0 0;
}

.client-logo-slide {
    padding: 50px 0;
}

.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slider {
    background: none;
}

.profile-content-section {
    background: #f3e9f1;
    margin-top: 5rem;
    padding: 3rem 2.5rem;
}

.profile-content2 {
    margin-top: 1.5rem;
    margin-left: -5rem;
}

    .profile-content2 p {
        margin-top: 1.3rem;
    }

.work-profile-section {
    background: #ededed;
}

.profile-content-section h2 {
    margin-top: 5rem;
    font-size: 3rem;
    color: #4A4B7C;
    font-weight: 600;
}

.profile-content-logo img {
    height: auto;
    max-width: 65%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-top: 1.6rem;
}



.profile-img-section img {
    width: 80%;
    height: 100%;
    margin-top: 21rem;
    margin-left: 4rem;
}





/*---------responsive-----------*/

@media only screen and (max-width: 768px) {
    .profile-content-section h2 {
        margin-top: 5rem;
        font-size: 2.7rem;
    }

    .profile-content-section {
        background: #f3e9f1;
        margin-top: 5rem;
        padding: 2rem 1.5rem;
    }

    .profile-content2 {
        margin-top: 1.5rem;
        margin-left: -2rem;
    }

    .profile-content-logo img {
        height: auto;
        max-width: 80%;
    }
}

@media only screen and (max-width: 576px) {
    .profile-content2 {
        margin-top: -3rem;
        margin-left: -2rem;
        padding: 2rem;
    }

    .profile-content-logo img {
        margin-top: 0;
    }
}

@media only screen and (max-width: 350px) {
    .profile-img-section img {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .profile-content-section h2 {
        margin-top: 0rem;
        font-size: 2.5rem;
    }
}

/*.new-input-design .form-section .title.compact {
   
    text-align: right !important;
}*/
.new-input-design .currency-input .form-control {
    height: 35px !important;
}

.new-input-design .currency-input {
    height: 35px !important;
}

.new-input-design .currency-input-symbol {
    line-height: 35px !important;
}

.new-input-design .textbox-input input {
    height: 35px !important;
}

.new-input-design .textbox-input .input-outer-suffix-label {
    height: 35px !important;
    line-height: 35px !important;
}

.new-input-design .selectbox-input.large {
    height: 35px !important;
}

.faq-title {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    /* identical to box height */
    text-align: center;
    letter-spacing: -0.01em;
    /* Font color dark */
    color: #2D2D2D;
}

.faq-sub {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */
    text-align: center;
    letter-spacing: -0.01em;
    color: #545454;
    margin-bottom: 40px;
}

.about-faq-sec .accordion {
    color: #444;
    cursor: pointer;
    height: 50px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    background: #FFFFFF;
    border: 0.5px solid rgba(84, 84, 84, 0.2);
}



.panelss p {
    margin: 0 0 0px !important;
    margin-left: 10px !important;
    padding: 0px 0 20px 0;
}

.about-faq-sec .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 25px;
}

.about-faq-sec .active:after {
    content: "\2212";
    font-size: 25px;
}

.about-faq-sec .panelss {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background: #FFFFFF;
    border-radius: 8px;
}

    .about-faq-sec .panelss.pactive {
    }

.about-faq-sec .accordion.active {
    border: none;
    border-radius: inherit !important;
}

.faq-pricing {
    padding: 10px 0px 50px 0 !important;
}

.for-company-type {
    background: #fff;
}

    .for-company-type h2 {
        font-style: normal;
        font-weight: 600;
        font-size: 50px;
        line-height: 75px;
        text-align: center;
        letter-spacing: -0.01em;
        color: #2D2D2D;
    }

.chose-solution h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 75px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #2D2D2D;
    padding: 20px 0;
}

.bd-example ul {
    background: #E5E5E5;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
    padding: 3px 5px
}

    .bd-example ul .active a {
        color: #201b1b;
        background-color: #ffffff;
    }

.bd-example {
    display: grid !important;
}

    .bd-example ul li a {
        color: #545454;
    }

.chose-solution {
    background: white;
}

.single-pricing-item1 {
    border-top: 3px solid #FEA143;
    padding: 15px 20px;
    border-radius: 10px;
}

.single-pricing-item2 {
    border-top: 3px solid #FF645F;
    padding: 15px 20px;
    border-radius: 10px;
}

.single-pricing-item3 {
    border-top: 3px solid #4F66C2;
    padding: 15px 20px;
    border-radius: 10px;
}

.single-pricing-item h3 {
    margin-top: 0;
    color: #2D2D2D;
    font-weight: 800;
}

.single-pricing-item h4 {
    color: #2D2D2D;
    font-weight: 800;
}

.single-pricing-item1 .chose-btn-a {
    background: #FEA143;
    border-radius: 8px;
    padding: 10px 80px;
    color: white;
    margin: 50px 0;
    display: inline-block;
}

.single-pricing-item2 .chose-btn-a {
    background: #FF645F;
    border-radius: 8px;
    padding: 10px 80px;
    color: white;
    margin: 50px 0;
    display: inline-block;
}

.single-pricing-item3 .chose-btn-a {
    background: #4F66C2;
    border-radius: 8px;
    padding: 10px 80px;
    color: white;
    margin: 50px 0;
    display: inline-block;
}

.icon-content {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.icon-only {
    margin-right: 13px;
}

.show-all-fetu-btn {
    text-align: center;
    margin: 30px 0;
}

    .show-all-fetu-btn a {
        color: #2D2D2D;
        font-weight: 600;
    }

.main-item-fetur {
    min-height: 370px;
}

.single-pricing-title {
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 43px;
    /* identical to box height, or 86% */
    letter-spacing: -0.72px;
    color: #2D2D2D;
    margin-top: 0;
    text-align: center;
    margin-bottom: 50px;
}

.single-pri-first {
    margin-top: 60px;
}

.single-inc-ferures-page a {
    border: 1px solid #ffe4e5;
    padding: 10px 20px;
    color: #223140;
}

.include-feture i {
    color: #A62323;
}

.inc-fetures-list ul {
    padding: 0;
}

    .inc-fetures-list ul li {
        list-style-type: none;
        line-height: 55px;
    }

.single-pricing-fetures h2 {
    margin-top: 0;
}

.single-pri-2nd {
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
}

.single-pri-3rd {
    border-right: 1px solid black;
    text-align: center;
}

.single-pri-4th {
    text-align: center;
}

.single-pricing-fetures h2 {
    color: #AE2525;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
}

.single-fetures-btn-sec {
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-fet-2nd-btn a {
    background: #FEA143;
    border-radius: 8px;
    padding: 10px 40px;
    color: white;
}

.single-fet-3rd-btn a {
    background: #FF645F;
    border-radius: 8px;
    padding: 10px 40px;
    color: white;
}

.single-fet-4th-btn a {
    background: #4F66C2;
    border-radius: 8px;
    padding: 10px 40px;
    color: white;
}

.pricing-details-page .hide {
    border: 0;
    background: none;
}

.inc-fetures-2nd li i {
    color: #FEA143;
    font-size: 18px;
}

.inc-fetures-3rd li i {
    color: #FF645F;
    font-size: 18px;
}

.inc-fetures-4th li i {
    color: #4F66C2;
    font-size: 18px;
}

.reco-btn a {
    background: #A62323;
    border-radius: 8px;
    padding: 10px 40px;
    color: white;
}

.reco-btn {
    text-align: center;
    margin-left: 230px;
    margin-bottom: 30px;
}

.Features-btn {
    background: #FFE4E5;
    padding: 10px 20px;
    color: #223140;
    border-radius: 5px;
}

.single-inc-first-btn {
    margin-bottom: 20px;
}
/*Tooltip design start*/
.tooltip-wrapper {
    display: inline-flex;
}

    .tooltip-wrapper .icon {
        margin: 0px 5px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        z-index: 2;
    }

        .tooltip-wrapper .icon span {
            top: 8px;
            position: relative;
            height: 27px;
            width: 22px;
            display: block;
            background-color: #fff;
            z-index: 2;
            box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
            border-radius: 50%;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.68, -0.55,0.265,1.55);
        }

            .tooltip-wrapper .icon span img {
                height: 27px;
                width: 22px;
            }

    .tooltip-wrapper:hover .icon span {
        background-color: #d9d9d9;
    }

    .tooltip-wrapper .icon span i {
        font-size: 17px;
        line-height: 23px;
        transition: all 0.4s cubic-bezier(0.68, -0.55,0.265,1.55);
        color: #c43137;
    }

    .tooltip-wrapper .icon:hover span i {
        color: black;
    }

    .tooltip-wrapper .icon .tooltip-text {
        position: absolute;
        bottom: 0px;
        background-color: #fff;
        box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
        font-size: 18px;
        padding: 10px 18px;
        border-radius: 20px;
        opacity: 0;
        pointer-events: none;
        transition: all 0.4s cubic-bezier(0.68, -0.55,0.265,1.55)
    }

    .tooltip-wrapper .icon:hover .tooltip-text {
        bottom: -60px;
        opacity: 1;
        pointer-events: auto;
    }

    .tooltip-wrapper .icon .tooltip-text:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        background-color: #fff;
        top: -8px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg)
    }

    .tooltip-wrapper .icon:hover span, .tooltip-wrapper .icon:hover .tooltip-text {
        text-shadow: 0px -1px 0px rgba(0,0,0,0.4)
    }

th.freeze-action:last-child {
    position: sticky;
    z-index: 2;
    right: 0;
    text-align: center;
    background: #7d7d7d !important;
}

td.freeze-action:last-child {
    position: sticky;
    z-index: 1;
    right: 0;
    text-align: center;
    /*background: #dbdbdbbd;*/
}

td.freeze-action:last-child {
    /*position: sticky;
    z-index: 1;
    right: 0;
    text-align: center;*/
    background: #dbdbdbbd;
    /*content:"";*/
}

.portfolio_item {
    display: flex !important;
}

@media only screen and (max-width: 1200px) {
    .common-red-button {
        padding: 12px 25px !important;
        margin-left: 10px;
        font-size: 17px;
    }

    .common-transparent-button {
        padding: 12px 25px !important;
        margin-left: 10px;
        font-size: 17px;
    }
}

@media (min-width: 640px) {
    .pricing-details-page ul {
        display: none;
    }

    .pricing-details-page td, th {
        display: table-cell !important;
    }

    .pricing-details-page td, th {
        width: 330px;
    }

        .pricing-details-page td + td, th + th {
            width: auto;
        }
}

@media (max-width: 850px) {
    .scrollDiv {
        height: inherit !important;
    }
}

@media (max-width: 600px) {
    .portfolio_item h3 {
        font-size: 16px;
    }

    .portfolio_item img {
        width: 80px;
        height: 80px;
    }

    .back-onboarding-btn {
        font-size: 12px !important;
        padding: 5px;
        max-width: inherit;
        display: block;
        width: 100%;
    }

    .modal .modal-content .modal-body h3 {
        font-size: 14px;
        text-align: center;
    }

    .modal .modal-content .modal-body p {
        margin-top: 20px;
        font-size: 10px;
        text-align: center;
        max-width: 100%;
    }
    /*.modal-dialog {
        max-width: 378px !important;
        margin: 30px auto;
    }*/
    .modal-content {
        width: 400px !important;
        margin-left: 0px !important;
    }

    .portfolio_item {
        display: flow-root !important;
    }
}

.SolutionsMain {
    position: relative !important;
    display: inline-block;
}


.SolutionsDropdownMenu {
    display: none !important;
}

.SolutionsMain:hover .SolutionsDropdownMenu {
    display: block !important;
}

.SolutionsDropdownMenu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 10px;
}

    .SolutionsDropdownMenu li a {
        font-size: 16px;
        padding: 16px 16px !important;
        font-weight: 600;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        display: block;
    }

        .SolutionsDropdownMenu li a:hover {
            color: white !important;
            background-color: #C1272D;
        }

.SolutionsMain:hover:after {
    background-color: #cb2027;
    bottom: 0px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 1000;
}


/* new custom code fahim */

body {
    font-family: Roboto !important;
    background-color: white !important;
}

.color-white {
}

p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: #263238;
}

.pt-3 {
    padding-top: 1.5rem !important;
}

.mb-3 {
    margin-bottom: 1.5rem !important;
}

.px-2 {
    padding: 0 10px;
}

.ms-footbar p {
    font-size: 12px !important;
    line-height: 18px !important;
    color: #FAFAFA !important;
}


.paddingTop-80 {
    padding-top: 80px
}

.paddingBottom-80 {
    padding-bottom: 80px
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}


.whiteLinktBtn {
    color: #C1272D !important;
    border-color: #C1272D !important;
    display: inline-block !important;
    width: 180px !important;
    border: 2px solid #C1272D;
    padding: 16px 16px !important;
    border-radius: 7px !important;
    font-size: 16px !important;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
    margin: 0;
    background-color: white;
}

.redLinktBtn {
    color: #FFFFFF !important;
    border-color: #C1272D !important;
    background-color: #C1272D !important;
    display: inline-block !important;
    width: 180px !important;
    border: 2px solid #C1272D;
    padding: 16px 16px !important;
    border-radius: 7px !important;
    font-size: 16px !important;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
    margin-right: 20px !important;
    font-weight: 600 !important;
}

    .redLinktBtn:hover {
        color: #FFFFFF !important;
        border-color: #90171C !important;
        background-color: #90171C !important;
    }

.whiteLinktBtn:hover {
    color: #FFFFFF !important;
    border-color: #C1272D !important;
    background-color: #C1272D !important;
}

@media (max-width: 999px) {
    .button-flex {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }


    .redLinktBtn {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .whiteLinktBtn {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

.herosTitle {
    font-size: 56px;
    font-weight: 700;
    line-height: 68px;
}

.marginTop-4 {
    margin-top: 4%;
}

.existing-mortgage-title {
    max-width: 900px !important;
    text-align: center;
    margin: 0 auto !important;
    padding-bottom: 35px !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 56px !important;
}

.solutions-header-title {
    font-size: 40px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 56px !important;
    color: #212121 !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding-top: 80px !important;
}

/*fingerTipSection*/
@media screen and (max-width: 700px) {
    .fingerTitle {
        font-size: 28px !important;
        font-weight: 700 !important;
        text-align: center !important;
        color: #2d2d2d;
        margin-bottom: 40px !important;
        line-height: 36px !important;
    }

    .home_featured_section {
        padding-bottom: 60px !important;
    }

    .existing-mortgage-title {
        max-width: 900px;
        text-align: center;
        margin: 0 auto !important;
        padding-bottom: 30px !important;
        font-size: 28px !important;
        font-weight: 700;
        line-height: 36px !important;
    }

    .solutions-header-title {
        font-size: 28px !important;
        font-weight: 700 !important;
        text-align: center !important;
        line-height: 36px !important;
        color: #212121 !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        padding-top: 40px !important;
    }
}

.fingerTitle {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #2d2d2d;
    margin-bottom: 64px;
    line-height: 56px;
}

.fingerTipSection .owl-item img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.fingerTipSection .owl-item h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    max-width: 100px;
    margin: auto;
    margin-top: 14px;
}

/*Video*/
.plyr--video .plyr__controls {
    display: none !important;
}

/*solutionsSection*/
.sectionTitle {
    font-size: 40px !important;
    color: #2d2d2d;
    font-weight: 700 !important;
    margin-bottom: 40px;
    margin-right: 0 !important;
}

.solutionsSection .leftSideP {
    margin-bottom: 30px;
    max-width: 350px;
}



@media screen and (min-width: 1200px) {
    .menuListWidth {
        width: 52%;
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .contactLoginDiv {
        width: 24.5%;
    }
}

@media screen and (max-width: 1050px) {
    .redLinktBtn {
        margin-right: 0px !important;
    }

    .padding-margin-0 {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 992px) {
    .backofficeCardPr {
        padding-right: 10px !important;
    }

    .backofficeCardPl {
        padding-left: 10px !important;
    }

    .paddingLeft-50 {
        padding-left: 50px;
    }

    .paddingRight-50 {
        padding-right: 50px;
    }
}

/*company sing up*/
.company-titel {
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    margin-top: 0;
}

.see-demo-div {
    background-color: #F5F5F5;
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .see-demo-div p {
        font-size: 20px !important;
        font-weight: 400;
    }

    .see-demo-div a {
        display: inline-block;
        background-color: #000000;
        color: #FFFFFF;
        font-weight: 500;
        padding: 12px;
        border-radius: 8px;
    }

.payment-title {
    padding: 32px !important;
    background: #f3f4f6;
    margin-top: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 0;
}

.payment-card-images {
    border-radius: 8px;
    padding: 18px;
    position: relative;
    border: 1px solid #E0E0E0;
    margin-bottom: 32px;
    display: inline-block;
}

    .payment-card-images p {
        position: absolute;
        top: -15px;
        background-color: white;
        color: #BDBDBD;
        font-weight: 700 !important;
        left: 32px;
    }


    .payment-card-images img:not(:last-child) {
        margin-right: 16px;
    }

.items-justify-center-bt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.brokersCard {
    margin-bottom: 32px;
    border: 1px solid #E0E0E0;
    padding: 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    font-size: 16px;
    font-weight: 400;
}

.fqaTitels {
    color: black !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.showSmDevice {
    display: none !important;
}

.nav-d-none {
    display: none;
}

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

@media screen and (max-width: 1200px) {
    .tabe-display-none {
        display: none !important;
    }

    .tabe-display-full {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .showSmDevice {
        display: block !important;
    }
}

.admin-animation:hover {
    background-color: #d9d5d580 !important;
    transform: scale(1.01);
    cursor: pointer;
    color: black !important;
}

.admin-animation2:hover {
    background-color: #d9d5d580 !important;
}

.brows-view-card:hover {
    transform: scale(0.98);
    display: block;
}

.case-info-hover:hover {
    background-color: #d9d5d580 !important;
    transform: scale(1.02);
    cursor: pointer;
    color: black !important;
    padding: 0;
    border-radius: 10px;
}

.activ-light-gray {
    background-color: #D3D3D3 !important;
}
/*@media screen and (min-width: 0500px) {

    .custom-design .btn-group-justified label:last-of-type {
        padding-left: 10% !important;
    }
}*/

table tbody tr td a {
    color: #1564B2 !important;
}

table tbody tr td .btn {
    color: initial !important;
}