#snackbarApp[data-v-0b09667c] {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 15px;
    border-radius: 5px;
    z-index: 1000;
}
.snackbarAppClose[data-v-0b09667c] {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}
.snackbarAppText[data-v-0b09667c] {
    text-align: center;
}
.snackbarAppSpan[data-v-0b09667c] {
    font-size: 16px;
    font-weight: bold;
}
.snackbarAppImage[data-v-0b09667c] {
    width: 120px;
}
  
/*
Theme Name: CX Group
Author: Phire Group
Author URI: http://thephiregroup.com/
Version: 1.1
*/

html{
    background: #ececec;
}

.mockLink {
    text-decoration: underline;
}

.generalText {
    /* border: 1px solid black; */
    border-radius: 8px;
    padding: 10px;
    font-size: 16pt;
    margin-bottom: 30px;
    /* margin-left: 10%;
    margin-right: 10%; */
    margin-top: 15px;
    padding-left: 10px;
    line-height: 32px;
}

.myAccountInput {
    max-width: 80% !important;
}

.saveDiv i {
    padding-left:10px;
    font-size: 16px;
}

.editDiv i {
    padding-left:10px;
    font-size: 16px;
}


.map-icon-label i {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 55px;
    text-align: center;
    white-space: nowrap;
}

.resultMsgDiv {
    border: 1px solid #f37f2a;
    margin-bottom: 30px;
    width: 100%;
    padding: 20px;
    background-color: rgba(239, 239, 239, 0.3) !important;
    border-radius: 5px;
    color: #f37f2a;
    text-shadow: 1px 1px #ececec;
    background: url(https://shopperhub.cxgroup.com/img/resultMsgDiv_IMAGE.98b0ad55.png) no-repeat left transparent;
    visibility: hidden;
    background-position: 20px;
    padding-left: 70px;
    display: none;
}

.resultMsgDivVisible {
    border: 1px solid #f37f2a;
    margin-bottom: 30px;
    width: 100%;
    padding: 20px;
    background-color: rgba(239, 239, 239, 0.3) !important;
    border-radius: 5px;
    color: #f37f2a;
    text-shadow: 1px 1px #ececec;
    background: url(https://shopperhub.cxgroup.com/img/resultMsgDiv_IMAGE.98b0ad55.png) no-repeat left transparent;
    visibility: visible;
    background-position: 20px;
    padding-left: 70px;
    display: block;
}

.resultMsgDivWhite {
    border: 1px solid #f37f2a;
    margin-bottom: 30px;
    width: 100%;
    padding: 20px;
    background-color: white !important;
    border-radius: 5px;
    color: #f37f2a;
    text-shadow: 1px 1px #ececec;
    background: url(https://shopperhub.cxgroup.com/img/resultMsgDiv_IMAGE.98b0ad55.png) no-repeat left transparent;
    visibility: hidden;
    background-position: 20px;
    padding-left: 70px;
    display: none;
}

.resultMsgDivWhiteVisible {
    border: 1px solid #f37f2a;
    margin-bottom: 30px;
    width: 100%;
    padding: 20px;
    background-color: white !important;
    border-radius: 5px;
    color: #f37f2a;
    text-shadow: 1px 1px #ececec;
    background: url(https://shopperhub.cxgroup.com/img/resultMsgDiv_IMAGE.98b0ad55.png) no-repeat left transparent;
    visibility: visible;
    background-position: 20px;
    padding-left: 70px;
    display: block;
}

@media screen {

    /* RESETS */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup, main,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }

    article, aside, details, figcaption, figure,
    footer, header, hgroup, main, menu, nav, section {
        display: block;
    }

    body {
        line-height: 1;
    }

    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        width:100%;
    }


    /* WORDPRESS CLASSES */

    .alignnone {
        margin: 5px 20px 20px 0;
    }

    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    .alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignnone {
        margin: 0 20px 20px 0;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption {
        background-color: #fafafa;
        border: 1px #d9d9d9 dotted;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 5px 0 5px;
        text-align: center;
        border-radius: 3px;
    }

        .wp-caption.alignnone {
            margin: 5px 20px 20px 0;
        }

        .wp-caption.alignleft {
            margin: 5px 20px 20px 0;
        }

        .wp-caption.alignright {
            margin: 5px 0 20px 20px;
        }

        .wp-caption img {
            border: 0 none;
            height: auto;
            margin: 0;
            max-width: 98.5%;
            padding: 0;
            width: auto;
        }

        .wp-caption p.wp-caption-text {
            font-size: 11px;
            line-height: 17px;
            margin: 0 !important;
            padding: 0 0 10px 0;
        }

        .wp-caption p {
            margin: 0 !important;
        }

    /* Text meant only for screen readers. */
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

        .screen-reader-text:focus {
            background-color: #f1f1f1;
            border-radius: 3px;
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            clip: auto !important;
            color: #21759b;
            display: block;
            font-size: 14px;
            font-size: 0.875rem;
            font-weight: bold;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000; /* Above WP toolbar. */
        }


    /* GLOBAL */

    body {
        background-color: #ffffff !important;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #253746;
        text-align: center;
        position: relative;
        max-width: 100vw;
        overflow-x: hidden; /* carlo */
    }

    *, *:before, *:after {
        box-sizing: border-box;
    }

    .main {
        max-width: 1920px;
        margin: 0 auto;
        overflow: hidden;
    }

    .row {
        margin: 0 auto;
        width: 1165px;
        text-align: left;
    }

    .row_770 {
        margin: 0 auto;
        width: 770px;
        text-align: left;
    }

    .row_970 {
        margin: 0 auto;
        width: 970px;
        text-align: left;
    }


    .clearfix::after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: '';
    }

    p {
        margin-bottom: 1.5em;
    }

    a {
        text-decoration: none;
        color: #00274c;
    }

    .centered {
        text-align: center;
    }

    .teal {
        color: #00a7b5;
    }

    .orange {
        color: #f37f2a;
    }

    .red {
        color: #e35205;
    }

    .white {
        color: #ffffff;
    }

    .grey_bkg, .bkg_grey {
        background-color: #ececec;
    }

    .white {
        color: #ffffff;
    }



    .hide_on_desktop {
        display: none;
    }

    h1 {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 38px;
    }

    h2 {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 32px;
        color: #323e48;
        margin-bottom: 30px;
    }

    h3 {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 1em;
        color: #323e48;
        margin-bottom: 10px;
    }

    h4 {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 24px;
        line-height: 32px;
    }

    h5 {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 30px;
    }


    b, strong {
        font-family: 'Wavehaus128', sans-serif;
    }


    /* HEADER */

    header {
        background-color: #ffffff;
        height: 115px;
    }

        header .row {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
        }

    .logo_desktop {
        height:100px;
        padding-top: 15px;
        flex-grow: 1;
    }

    .logo_desktop img {
        height: 100%;
    }

    .menus {
        text-align: right;
        font-family: 'Wavehaus128', sans-serif;
        flex-grow: 1;
    }

    .secondary_menu {
        padding: 30px 0 16px 0;
    }

        .secondary_menu li {
            display: inline-block;
            margin-left: 20px;
        }

    .primary_menu li {
        display: inline-block;
        margin-left: 17px;
        cursor:pointer;
    }

        .primary_menu li.current-menu-item a, .primary_menu li.current-page-item a, .primary_menu li.current-page-ancestor a {
            background-repeat: no-repeat;
            background-size: 9px;
            background-position: left top;
            cursor:pointer;
        }

    .secondary_menu a {
        font-size: 14px;
        line-height: 1em;
        color: rgba(37, 55, 70, 0.75);
        transition: all .1s ease-in;
        text-transform: lowercase;
    }

    .header_phone, a[href^=tel] {
        font-size: 16px;
        line-height: 1em;
        color: rgba(37, 55, 70, 0.75);
    }

    .primary_menu a {
        font-size: 16px;
        line-height: 25px;
        color: #253746;
        transition: all .1s ease-in;
        text-transform: lowercase;
        padding: 5px 0 0 12px;
    }

    .menu-item-expandable {
        padding-right: 15px;
        background-image: url(https://shopperhub.cxgroup.com/img/down_arrow_orange_2x.598940ab.png);
        background-repeat: no-repeat;
        background-size: 10px 6px;
        background-position: right bottom 8px;
        cursor: pointer;
    }

    .secondary_menu a:hover, .primary_menu a:hover {
        color: #f37f2a;
    }



    .icon_search {
        vertical-align: top;
        cursor: pointer;
    }

    #menu-item-20 a {
        color: #f37f2a;
    }

    #menu-item-16 a {
        padding-left: 15px;
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: left center;
    }

        #menu-item-16 a:hover {
        }

    #menu-item-17 a {
        padding-left: 15px;
        background-repeat: no-repeat;
        background-size: 11px 10px;
        background-position: left center;
    }

        #menu-item-17 a:hover {
        }

    #menu_shops, #menu_help, #menu_myaccount {
        display:block;
        position: absolute;
        top: 115px;
        left: 0;
        width: 100%;
        z-index: 1;
    }

        #menu_shops .row, #menu_help .row, #menu_myaccount .row {
            background-color: #ececec;
            z-index: 7;
            padding: 40px;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
        }

    .super_left {
        width: 395px;
        margin-right: 30px;
    }

    #menu_shops h4, #menu_help h4, #menu_myaccount h4 {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 1em;
        letter-spacing: 0.15em;
        color: #f37f2a;
        padding-bottom: 10px;
        border-bottom: 1px #babfc2 solid;
        margin-bottom: 20px;
    }

    .super_menu li {
        margin-bottom: 15px;
        cursor:pointer;
    }

        .super_menu li a {
            font-family: 'Wavehaus128', sans-serif;
            font-size: 18px;
            line-height: 1em;
            color: #323e48;
            transition: all .1s ease-in;
            text-transform: lowercase;
            cursor:pointer;
        }

        .super_menu li span {
            font-size: 15px;
            font-family: 'Wavehaus66', sans-serif;
            text-transform: lowercase;
            cursor:pointer;
        }

        .super_menu li a:hover {
            color: #f37f2a;
        }

        .super_menu li:last-of-type {
            margin-bottom: 0;
        }

        .super_menu li a.all_prod {
            color: #f37f2a;
            padding-right: 12px;
            background-repeat: no-repeat;
            background-size: 5px 10px;
            background-position: right bottom 6px;
        }

            .super_menu li a.all_prod:hover {
                filter: saturate(2);
            }

    .you_might_also_like {
        flex-grow: 1;
    }

    .ymal {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .ymal_case_study {
        width: 330px;
        padding-right: 30px;
    }

    .ymal_blog {
        flex-grow: 1;
    }

    .ymal_entry {
        max-width: 300px;
        margin-bottom: 20px;
    }

    .ymal_img {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 150px;
        margin-bottom: 30px;
    }

    .ymal_entry a {
        display: block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 18px;
        line-height: 1em;
        color: #323e48;
        margin-bottom: 10px;
        transition: color .1s linear;
    }

        .ymal_entry a:hover {
            color: #f37f2a;
        }

    .ymal_entry span {
        font-family: 'Wavehaus128', sans-serif;
        color: #f37f2a
    }




    /* SEARCH */

    #search {
        display: none;
        width: 100%;
        height: 100vh;
        background-color: #f37f2a;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    .search_header {
        display: flex;
        flex-direction: row;
        height: 110px;
    }

    .logo_search {
        padding-top: 35px;
        flex-grow: 1;
    }

    .search_close {
        text-align: right;
        padding-top: 52px;
        flex-grow: 1;
    }

        .search_close img {
            cursor: pointer;
        }

    .search_area {
        padding-top: 220px;
        text-align: center;
    }

    .search_block {
        margin: 0px auto;
        width: 346px;
        padding-left: 46px;
        background-size: 26px 25px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }

    .search_field {
        width: 300px;
        border-top: 0;
        border-right: 0;
        border-bottom: 1px #ffffff solid;
        border-left: 0;
        background-color: #f37f2a;
        padding: 10px;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        color: #ffffff;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: none;
    }

        .search_field::-moz-placeholder {
            color: #ffffff;
        }

        .search_field::placeholder {
            color: #ffffff;
        }

    .search_results {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 18px;
        line-height: 1em;
        margin-bottom: 30px;
    }

    .search_result {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 18px;
        line-height: 1em;
        margin-bottom: 30px;
    }

        .search_result .post_type {
        }

        .search_result a {
            color: #f37f2a;
        }


    /* GENERAL LAYOUT */

    .image_header {
        height: 500px;
    }

        .image_header .row {
            height: 500px;
            position: relative;
        }

    .big_bracket_login {
        position: absolute;
        left: 0;
        bottom: -60px;
    }

    .big_bracket {
        position: relative;
        left: 0;
        width: 100%;
        top: 20px;
        height: 0px
    }

    .crumbs {
        padding: 25px 0 20px 150px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 1em;
        color: #ffffff;
        float: right;
    }

        .crumbs h1 {
            display: inline-block;
            font-family: 'Wavehaus66', sans-serif;
            font-size: 16px;
            line-height: 1em;
            text-transform: lowercase;
        }

        .crumbs.product_crumbs h1 {
            text-transform: none;
        }

            .crumbs.product_crumbs h1 span {
                text-transform: lowercase;
            }

    .tagline {
        padding: 25px 0 0 100px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 48px;
        line-height: 1.2em;
        color: #ffffff;
        position:relative;
        top:-10px;
    }

        .tagline h1 {
            font-family: 'Wavehaus128', sans-serif;
            font-size: 48px;
            line-height: 1.2em;
            color: #ffffff;
        }

    .sl_mcr {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin: 60px 0 60px 0;
    }

    .sidebar_left {
        width: 300px;
        padding: 0 30px 0 70px;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .submenu_type {
        width: 135px;
        font-size: 14px;
        line-height: 20px;
        color: #253746;
        letter-spacing: 0.15em;
        padding-bottom: 6px;
        border-bottom: 1px #babfc2 solid;
        margin-bottom: 18px;
    }

    .submenu li {
        padding: 0 0 12px 0;
    }

        .submenu li a {
            display: inline-block;
            font-family: 'Wavehaus128', sans-serif;
            font-size: 18px;
            line-height: 21px;
            color: #323e48;
            transition: all .1s ease-in;
            padding: 0 10px 0 0;
            text-transform: lowercase;
        }

            .submenu li a:hover {
                color: #f37f2a;
            }

        .submenu li.current-menu-item a {
            background-repeat: no-repeat;
            background-size: 9px 9px;
            background-position: right top;
            color: #f37f2a;
        }

    .sidebar_left h4 {
        padding: 30px 0 0 30px;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: left top;
    }

    .main_content_right {
        flex-grow: 1;
        font-size: 16px;
        line-height: 24px;
    }

    .wide_image {
        overflow: hidden;
    }

        .wide_image .sl_mcr {
            margin: 0 0 20px 0;
        }


    .mcl_sr {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin: 60px 0 60px 0;
    }

    .main_content_left {
        flex-grow: 1;
        font-size: 16px;
        line-height: 24px;
        padding: 0 30px 0 100px;
    }

    .sidebar_right {
        width: 400px;
        padding: 0 100px 0 30px;
        flex-grow: 0;
        flex-shrink: 0;
    }

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

    .main_content_left ul, .main_content_right ul {
        margin-top: 20px;
    }

        .main_content_left ul li, .main_content_right ul li {
            list-style-type: disc;
            margin: 0 0 10px 30px;
        }

        .main_content_left ul + p, .main_content_right ul + p {
            margin-top: 30px;
        }


    .sidebar_right h4 {
        width: 200px;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #253746;
        letter-spacing: 0.1em;
        padding-bottom: 6px;
        border-bottom: 1px #babfc2 solid;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .orange_link {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 28px;
        color: #f37f2a;
        transition: all .1s linear;
    }

        .orange_link:hover {
            filter: saturate(2);
        }

    #menu-item-59 a {
        text-transform: none;
    }

    .submenu li.menu-item-59 a {
        text-transform: none;
    }



    /* CASE STUDIES */

    .related_case_studies {
        background-color: #ececec;
        padding: 100px 0 100px 0;
    }

        .related_case_studies h3 {
            margin-bottom: 55px;
        }

    .case_studies {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .case_study {
        width: 470px;
        height: 247px;
        background-color: #ffffff;
        box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.21);
        margin: 0 0 30px 0;
    }

        .case_study img {
            width: 100%;
            height: auto;
            display: block;
        }

        .case_study:last-of-type:nth-of-type(odd) {
            margin: 0 auto 30px auto;
        }

    .case_study_block {
        width: 100%;
        height: 247px;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        transition: background-color 0.1s linear, color 0.15s linear;
        overflow: visible;
    }

    .case_study_image {
        width: 470px;
        height: 247px;
        z-index: 1;
    }

    .case_study_text {
        width: calc(100% - 470px);
        height: 247px;
        padding: 35px;
        position: relative;
        z-index: 2;
        background-color: #ececec;
        clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
    }

    .rel_list {
        font-size: 14px;
        line-height: 28px;
    }

    .case_study_text .read_more {
        font-family: 'Wavehaus128', sans-serif;
        color: #f37f2a;
    }

    .case_study_block:hover .case_study_image {
        box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.21);
    }

    .filter_by {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 1em;
        margin-bottom: 15px;
    }

    .filter {
        margin-bottom: 40px;
    }

        .filter li {
            margin-bottom: 15px;
            display: flex;
            flex-direction: row;
        }

        .filter input {
            margin: 4px 10px 0 0;
            border-radius: 0;
            width: 14px;
            height: 14px;
            flex-grow: 0;
            flex-shrink: 0;
        }

        .filter label {
            font-family: 'Wavehaus128', sans-serif;
            font-size: 18px;
            line-height: 1em;
            text-transform: lowercase;
        }

    .client_quote {
        margin: 70px 0 40px 0;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 48px;
        line-height: 58px;
    }

    .client_name {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 1.2em;
    }

    .client_title {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 1.2em;
        color: #f28b00;
        padding-bottom: 20px;
    }

    .cs_logo {
        padding: 25px 0 0 100px;
    }


    /* HOME */

    .home_top {
        height: 700px;
        background-repeat: no-repeat;
        background-position: center center;
        text-align: center;
    }

    .home_tagline {
        padding: 260px 0 30px 0;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 90px;
        line-height: 1em;
        color: #ffffff;
    }

    .blue_box {
        margin: -140px auto 60px auto;
        width: 843px;
        height: 280px;
        background: rgb(37,55,70);
        background: linear-gradient(45deg, rgba(37,55,70,1) 0%, rgba(37,55,70,1) 95%, rgba(37,55,70,0) 95%, rgba(37,55,70,0) 100%);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        line-height: 30px;
        color: #ffffff;
        padding: 0 100px 0 100px;
    }

        .blue_box h3 {
            font-size: 30px;
            color: #ffffff;
            margin: 0;
        }

    .home_solution .row {
        text-align: center;
        padding-bottom: 70px;
    }

    .cta_orange {
        display: inline-block;
        border-radius: 25px;
        width: 300px;
        height: 50px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 50px;
        letter-spacing: .15em;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        background-color: #f37f2a;
        margin: 0 auto 0 auto;
        border: 0;
        cursor: pointer;
        transition: all .15s linear;
        -webkit-appearance: none;
    }

        .cta_orange:hover {
            border: 1px #f37f2a solid;
            color: #f37f2a;
            background-color: #ffffff;
        }

    .cta_white {
        display: block;
        border: 1px #ffffff solid;
        border-radius: 25px;
        width: 300px;
        /* height: 50px; */
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 50px;
        letter-spacing: .15em;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        margin: 0px auto;
        transition: all .1s linear;
        background-color: rgba(255, 255, 255, 0);
        -webkit-appearance: none;
    }

        .cta_white:hover {
            background-color: #ffffff;
            color: #253746;
        }

    .find_sol {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: .15em;
        color: #f37f2a;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    .sol_finder {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 60px;
        margin-bottom: 40px;
    }

    .sol_select {
        border-top: 0;
        border-right: 0;
        border-bottom: 1px #f37f2a solid;
        border-left: 0;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 28px;
        padding: 9px 40px 9px 20px;
        margin: 0 12px 0 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(https://shopperhub.cxgroup.com/img/down_arrow_orange_2x.598940ab.png);
        background-repeat: no-repeat;
        background-position: right 11px center;
        background-size: 10px 6px;
        background-color: #ffffff;
        border-radius: 0;
        -moz-text-align-last: center;
             text-align-last: center;
    }



    .home_case_studies {
        background-color: #ececec;
        padding: 100px 0 100px 0;
    }

        .home_case_studies h3 {
            text-align: center;
            margin-bottom: 50px;
        }

    .home_logos {
        margin: 0px auto 50px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .home_logos img {
            display: inline-block;
            margin: 0 45px 0 45px;
        }

    .home_case_study_blocks {
        width: 862px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto 40px auto;
    }

    .home_case_study_block {
        width: 254px;
        height: 214px;
        padding: 37px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 24px;
        line-height: 1.2em;
        background: rgb(255,255,255);
        background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%);
        text-align: left;
    }

    .home_solutions {
        padding: 100px 0 100px 0;
    }

        .home_solutions h3 {
            text-align: center;
            margin-bottom: 40px;
        }

    .home_solution_block {
        width: 100%;
        height: 375px;
        background-color: #ececec;
        margin-bottom: 40px;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        background-repeat: no-repeat;
        /* transition: background-position 0.7s ease-in-out, opacity 1s linear; */
        transition: background-position 1.5s cubic-bezier(0.35, 0.26, 0.00, 1.00), opacity 1s cubic-bezier(0.35, 0.26, 0.00, 1.00);
        /* transition-timing-function: ; */
        opacity: 0.25;
    }

        .home_solution_block.from_right {
            /* background-position: right -1165px center; */
            background-position: 1165px 0;
            background-origin: content-box;
        }

        .home_solution_block.from_left {
            /* background-position: left -1165px center; */
            background-position: -1165px 0;
            background-origin: content-box;
        }

        .home_solution_block.sol_show {
            background-position: center center;
            opacity: 1;
        }

    .hsb_text {
        width: 565px;
        padding: 84px 100px 0 100px;
        font-size: 20px;
        line-height: 24px;
    }

    .hsb_image {
        width: 600px;
    }

    .hsb_head {
        display: inline-block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 60px;
        line-height: 1em;
        margin-bottom: 15px;
        padding: 15px 20px 0 0;
        position: relative;
    }

        .hsb_head span {
            font-size: 16px;
            vertical-align: top;
        }

    .learn_more {
        display: inline-block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 20px;
        padding-right: 12px;
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: right bottom 6px;
        margin-top: 40px;
        transition: all .1s linear;
    }

        .learn_more.orange {
            color: #f37f2a;
        }

        .learn_more.teal {
            color: #00a7b5;
        }

        .learn_more.red {
            color: #e35205;
        }

        .learn_more.blue {
            color: #00617f;
        }

        .learn_more.purple {
            color: #861f41;
        }

        .learn_more.grey {
            color: #b2b3b2;
        }

            .learn_more.grey:hover {
                color: #a1a3a1;
            }

    .hsb_text .learn_more:hover {
        filter: saturate(2);
    }

    .ind_orange {
        position: absolute;
        top: 0;
        left: 0;
        width: 470px;
        height: 5px;
        background-color: #f37f2a;
    }

    .ind_teal {
        position: absolute;
        top: 0;
        right: 0;
        width: 470px;
        height: 5px;
        background-color: #00a7b5;
    }

    .ind_red {
        position: absolute;
        top: 0;
        left: 0;
        width: 470px;
        height: 5px;
        background-color: #e35205;
    }

    .ind_blue {
        position: absolute;
        top: 0;
        right: 0;
        width: 470px;
        height: 5px;
        background-color: #00617f;
    }

    .ind_purple {
        position: absolute;
        top: 0;
        left: 0;
        width: 470px;
        height: 5px;
        background-color: #861f41;
    }

    .ind_grey {
        position: absolute;
        top: 0;
        right: 0;
        width: 470px;
        height: 5px;
        background-color: #b2b3b2;
    }

    .blog_latest {
        padding: 100px 0 100px 0;
    }

        .blog_latest .row_970 {
            text-align: center;
        }

    .view_all {
        display: inline-block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 20px;
        line-height: 1em;
        color: #f37f2a;
        margin: 0 auto 45px auto;
        transition: color .1s linear;
        padding-right: 12px;
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: right bottom 4px;
    }

        .view_all:hover {
            color: rgba(227,82,5,1);
        }

    .blog_blocks {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .blog_block {
        position: relative;
        width: 300px;
        height: 300px;
        text-align: left;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 24px;
        line-height: 1em;
        color: #ffffff;
        transition: all .1s linear;
    }

        .blog_block a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 35px;
            color: #ffffff;
        }

        .blog_block:nth-of-type(1) {
            background: rgb(243,127,42);
            background: linear-gradient(45deg, rgba(243,127,42,1) 0%, rgba(243,127,42,1) 95%, rgba(243,127,42,0) 95%, rgba(243,127,42,0) 100%);
        }

        .blog_block:nth-of-type(2) {
            background: rgb(0,167,181);
            background: linear-gradient(45deg, rgba(0,167,181,1) 0%, rgba(0,167,181,1) 95%, rgba(0,167,181,0) 95%, rgba(0,167,181,0) 100%);
        }

        .blog_block:nth-of-type(3) {
            background: rgb(227,82,5);
            background: linear-gradient(45deg, rgba(227,82,5,1) 0%, rgba(227,82,5,1) 95%, rgba(227,82,5,0) 95%, rgba(227,82,5,0) 100%);
        }

    .read_more {
        position: absolute;
        left: 35px;
        bottom: 35px;
        font-size: 20px;
        color: #ffffff;
        padding-right: 12px;
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: right bottom 6px;
    }

    .blog_block:hover {
        transform: scale(1.05);
        /* box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.21); */
        filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.21));
    }

    .human_approach {
        height: 600px;
        background-repeat: no-repeat;
        background-position: calc(50% - 365px) center;
    }

        .human_approach .row {
            height: 600px;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
        }

    .video_play {
        width: calc(100% - 395px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .video_play img {
            cursor: pointer;
            opacity: 0.9;
        }

            .video_play img:hover {
                filter: drop-shadow(0 0 30px #333333);
                opacity: 1;
            }

    .video_bracket {
        margin-top: 78px;
        width: 395px;
        height: 445px;
        display: flex;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 395px 445px;
        font-size: 16px;
        line-height: 22px;
    }

    .video_text {
        width: 300px;
        height: auto;
        text-align: left;
        padding-left: 130px;
    }

        .video_text h4 {
            margin-bottom: 20px;
            line-height: 1em;
        }

        .video_text .learn_more {
            margin-top: 0;
        }

            .video_text .learn_more:hover {
                filter: saturate(2);
            }




    /* PRODUCT */

    .bkg_webm {
        width: 500px;
        height: 500px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .product_header {
        height: 90px;
        background-color: #f37f2a;
    }

        .product_header .row {
            /*height: 500px;*/
            position: relative;
            background-repeat: no-repeat;
            background-size: 500px 500px;
            background-position: right center;
        }

    .product_main {
        overflow: hidden;
    }

    .product_text {
        max-width: 770px;
    }

    .product_wide_image {
        padding-top: 70px;
    }

    .snapshot_tools {
        width: 100%;
        margin-left: -75px;
    }

    .tools .sl_mcr {
        margin: 40px 0 0 0;
    }

    .product_cta .sl_mcr {
        margin: 0 0 60px 0;
    }

    .product_cta_text {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 40px;
    }

    .snapshot_tools {
        margin-top: 50px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .snapshot_tool {
        width: 268px;
        margin: 0 0 90px 0;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .st_icon {
        width: 75px;
    }

    .st_name_text {
        width: 193px;
    }

    .st_name {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 24px;
        line-height: 1em;
        color: #f37f2a;
        margin-bottom: 20px;
    }

    .adtl_content h4 {
        margin-bottom: 30px;
    }

    .snapshot_tool.last-of-type {
        height: 0;
    }

    .info_block {
        width: 768px;
        height: 311px;
        background-repeat: no-repeat;
        background-position: left top;
        padding: 100px 80px 0 200px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .cta_orange.dynamic {
        width: auto;
        padding: 0 35px 0 35px;
        margin-bottom: 40px;
    }

    .shopper {
        display: none;
    }


    /* INDUSTRY */

    .solution_blocks {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 40px;
    }

    a.solution_block.snapshot {
        display: block;
        width: calc(calc(100% - 60px) / 3);
        height: 230px;
        padding: 40px 40px 30px 30px;
        position: relative;
        overflow: hidden;
        border-left: 2px solid #f37f2a;
        margin-bottom: 30px;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 20px;
        line-height: 24px;
        transition: color .1s linear;
    }

        a.solution_block.snapshot:before {
            width: 100%;
            height: 30px;
            top: 0px;
            border: 2px solid #f37f2a;
            border-width: 2px 2px 0px 0px;
            transform: skewX(45deg);
            -webkit-transform: skewX(45deg);
            transform-origin: right bottom;
            -webkit-transform-origin: right bottom;
        }

        a.solution_block.snapshot:after {
            width: 100%;
            height: calc(100% - 30px);
            bottom: 0px;
            border: 2px solid #f37f2a;
            border-width: 0px 2px 2px 0px;
        }

        a.solution_block.snapshot:hover {
            background-color: #f37f2a;
            color: #ffffff;
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
        }

    a.solution_block.engage {
        width: calc(calc(100% - 60px) / 3);
        height: 230px;
        padding: 40px 40px 30px 30px;
        position: relative;
        overflow: hidden;
        border-left: 2px solid #00a7b5;
        margin-bottom: 30px;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 20px;
        line-height: 24px;
        transition: color .1s linear;
    }

        a.solution_block.engage:before {
            width: 100%;
            height: 30px;
            top: 0px;
            border: 2px solid #00a7b5;
            border-width: 2px 2px 0px 0px;
            transform: skewX(45deg);
            -webkit-transform: skewX(45deg);
            transform-origin: right bottom;
            -webkit-transform-origin: right bottom;
        }

        a.solution_block.engage:after {
            width: 100%;
            height: calc(100% - 30px);
            bottom: 0px;
            border: 2px solid #00a7b5;
            border-width: 0px 2px 2px 0px;
        }

        a.solution_block.engage:hover {
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
            background-color: #00a7b5;
            color: #ffffff;
        }

    a.solution_block.scout {
        width: calc(calc(100% - 60px) / 3);
        height: 230px;
        padding: 40px 40px 30px 30px;
        position: relative;
        overflow: hidden;
        border-left: 2px solid #e35205;
        margin-bottom: 30px;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 20px;
        line-height: 24px;
        transition: color .1s linear;
    }

        a.solution_block.scout:before {
            width: 100%;
            height: 30px;
            top: 0px;
            border: 2px solid #e35205;
            border-width: 2px 2px 0px 0px;
            transform: skewX(45deg);
            -webkit-transform: skewX(45deg);
            transform-origin: right bottom;
            -webkit-transform-origin: right bottom;
        }

        a.solution_block.scout:after {
            width: 100%;
            height: calc(100% - 30px);
            bottom: 0px;
            border: 2px solid #e35205;
            border-width: 0px 2px 2px 0px;
        }

        a.solution_block.scout:hover {
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
            background-color: #e35205;
            color: #ffffff;
        }

    a.solution_block.hive {
        width: calc(calc(100% - 60px) / 3);
        height: 230px;
        padding: 40px 40px 30px 30px;
        position: relative;
        overflow: hidden;
        border-left: 2px solid #00617f;
        margin-bottom: 30px;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 20px;
        line-height: 24px;
        transition: color .1s linear;
    }

        a.solution_block.hive:before {
            width: 100%;
            height: 30px;
            top: 0px;
            border: 2px solid #00617f;
            border-width: 2px 2px 0px 0px;
            transform: skewX(45deg);
            -webkit-transform: skewX(45deg);
            transform-origin: right bottom;
            -webkit-transform-origin: right bottom;
        }

        a.solution_block.hive:after {
            width: 100%;
            height: calc(100% - 30px);
            bottom: 0px;
            border: 2px solid #00617f;
            border-width: 0px 2px 2px 0px;
        }

        a.solution_block.hive:hover {
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
            background-color: #00617f;
            color: #ffffff;
        }

    a.solution_block.joyx {
        width: calc(calc(100% - 60px) / 3);
        height: 230px;
        padding: 40px 40px 30px 30px;
        position: relative;
        overflow: hidden;
        border-left: 2px solid #861f41;
        margin-bottom: 30px;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 20px;
        line-height: 24px;
        transition: color .1s linear;
    }

        a.solution_block.joyx:before {
            width: 100%;
            height: 30px;
            top: 0px;
            border: 2px solid #861f41;
            border-width: 2px 2px 0px 0px;
            transform: skewX(45deg);
            -webkit-transform: skewX(45deg);
            transform-origin: right bottom;
            -webkit-transform-origin: right bottom;
        }

        a.solution_block.joyx:after {
            width: 100%;
            height: calc(100% - 30px);
            bottom: 0px;
            border: 2px solid #861f41;
            border-width: 0px 2px 2px 0px;
        }

        a.solution_block.joyx:hover {
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
            background-color: #861f41;
            color: #ffffff;
        }

    a.solution_block.catapult {
        width: calc(calc(100% - 60px) / 3);
        height: 230px;
        padding: 40px 40px 30px 30px;
        position: relative;
        overflow: hidden;
        border-left: 2px solid #b2b3b2;
        margin-bottom: 30px;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 20px;
        line-height: 24px;
        transition: color .1s linear;
    }

        a.solution_block.catapult:before {
            width: 100%;
            height: 30px;
            top: 0px;
            border: 2px solid #b2b3b2;
            border-width: 2px 2px 0px 0px;
            transform: skewX(45deg);
            -webkit-transform: skewX(45deg);
            transform-origin: right bottom;
            -webkit-transform-origin: right bottom;
        }

        a.solution_block.catapult:after {
            width: 100%;
            height: calc(100% - 30px);
            bottom: 0px;
            border: 2px solid #b2b3b2;
            border-width: 0px 2px 2px 0px;
        }

        a.solution_block.catapult:hover {
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
            background-color: #b2b3b2;
            color: #ffffff;
        }

    a.solution_block:after, a.solution_block:before {
        position: absolute;
        content: '';
        width: calc(100% - 2px);
        left: 0px;
    }

    a.solution_block:hover .lil_bracket {
    }

    .sol_head {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 36px;
        line-height: 1em;
        margin-bottom: 15px;
        position: relative;
        padding: 15px 20px 0 0;
        display: inline-block;
    }

        .sol_head span {
            font-size: 14px;
            vertical-align: top;
        }

    .industry_logos {
        display: flex;
        align-items: center;
    }

        .industry_logos img {
            display: inline-block;
            margin: 0 60px 40px 0;
            opacity: 0.7;
        }



    /* SOLUTIONS */

    .solution_header {
        height: 500px;
        background-repeat: no-repeat;
        background-position: center center;
    }

        .solution_header .row {
            height: 500px;
            position: relative;
            text-align: center;
            color: #ffffff;
            padding: 145px 0 0 0;
        }

        .solution_header.bkg_orange {
            background-color: #f37f2a;
            background-blend-mode: multiply;
        }

        .solution_header.bkg_teal {
            background-color: #00a7b5;
            background-blend-mode: multiply;
        }

        .solution_header.bkg_red {
            background-color: #e35205;
            background-blend-mode: multiply;
        }

        .solution_header.bkg_blue {
            background-color: #00617f;
            background-blend-mode: multiply;
        }

        .solution_header.bkg_purple {
            background-color: #861f41;
            background-blend-mode: multiply;
        }

        .solution_header.bkg_grey {
            background-color: #b2b3b2;
            background-blend-mode: multiply;
        }

        .solution_header .sol_select {
            border-bottom: 0;
        }

    #show_me {
        display: none;
    }

    .solution_page {
        margin-top: -100px;
        padding-bottom: 100px;
    }

        .solution_page .row {
            position: relative;
        }

    .solution_page_product_block {
        width: 860px;
        height: 375px;
        margin: 0 0 100px 0;
        background-color: #ececec;
        padding: 84px 100px 0 100px;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .solution_tagline {
        position: absolute;
        top: 160px;
        right: 0;
        width: 395px;
        height: auto;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 24px;
        line-height: 1em;
        padding: 95px 75px 95px 130px;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 181px 181px;
    }

    .st_bf {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 181px;
        height: 181px;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 181px 181px;
        transform: rotate(180deg);
    }

    .solution_specific {
        width: 860px;
        /* height: 375px; */
        padding: 0 100px 0 100px;
    }

        .solution_specific .industry_logos {
            margin: 50px 0 50px 0;
        }

    .solution_page_product_block .ind_orange, .solution_page_product_block .ind_teal, .solution_page_product_block .ind_red, .solution_page_product_block .ind_blue, .solution_page_product_block .ind_purple, .solution_page_product_block .ind_grey {
        width: 297px;
        left: 0;
    }

    .sol_sol_head {
        display: inline-block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 60px;
        line-height: 1em;
        margin-bottom: 15px;
        padding: 15px 20px 0 0;
        position: relative;
    }

        .sol_sol_head span {
            font-size: 16px;
            vertical-align: top;
        }

    .short_desc {
        max-width: 300px;
    }

    .lil_bracket {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px 20px;
        transform: rotate(90deg);
    }

    .sol_cta {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 24px;
        line-height: 32px;
    }



    /* ABOUT */

    .about_quote .row {
        display: flex;
    }

    .aq_left {
        width: 270px;
    }

    .aq_quote {
        width: 530px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 1em;
        padding: 30px;
        position: relative;
    }

    .aq_open {
        position: absolute;
        top: 0;
        left: 0;
    }

    .aq_close {
        position: absolute;
        bottom: 0;
        right: 0;
        transform: rotate(180deg);
    }

    .aq_image {
        width: 200px;
        margin-left: 70px;
        position: relative;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 20px;
    }

        .aq_image img {
            display: block;
            width: 200px;
            height: 200px;
            margin-bottom: 20px;
            clip-path: polygon(calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%, 0 0);
        }

    /*
	.aq_tri {
		position: absolute;
		top: -15px;
		right: -15px;
		width: 30px;
		height: 30px;
		background-color: #ffffff;
		transform: rotate(45deg);
		z-index: 1;
	}
	*/

    .wide_image_dyn {
        width: 100%;
        max-width: 1920px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        margin-bottom: 70px;
    }

    .wi_left {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .wi_right {
        width: calc(50vw + 272px);
        position: relative;
        flex-grow: 0;
        flex-shrink: 0;
    }

        .wi_right img {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
        }

            .wi_right img.video_still.hide_on_desktop {
                display: none;
            }

    .video_play_about {
        width: 70px;
        height: 70px;
        position: absolute;
        top: calc(50% - 35px);
        left: calc(50% - 35px);
        cursor: pointer;
    }

    .stewards {
        background-color: #253746;
        margin-top: 55px;
        color: #ffffff;
    }

        .stewards .row_770 {
            padding: 100px 0 50px 0;
        }

        .stewards h2 {
            color: #ffffff;
        }

        .stewards .row {
            padding: 0 0 100px 0;
        }

    .steward_logos {
        margin: 0px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .steward_logos img {
            display: inline-block;
            margin: 0 25px 0 25px;
        }



    /* OUR TEAM */

    .person_blocks {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .person_block {
        width: 200px;
        margin-bottom: 35px;
        font-family: 'Wavehaus128', sans-serif;
        margin-right: 85px;
        line-height: 20px;
    }

        .person_block img {
            display: block;
            width: 200px;
            height: 200px;
            margin-bottom: 25px;
            clip-path: polygon(calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%, 0 0);
        }



    /* BLOG */

    .blog_header {
        height: 138px;
        padding-top: 60px;
    }

        .blog_header .row {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
        }

    .blog_header_left {
    }

    .blog_header h1 {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 48px;
        line-height: 1em;
    }

    .blog_header_right {
        text-align: right;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 42px;
    }

    .featured_post {
        height: 375px;
        background-color: #b1b1b3;
        padding: 95px 65px 0 65px;
        margin: 30px auto 40px auto;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
    }

        .featured_post h2 {
            max-width: 600px;
        }

        .featured_post .cta_white {
            margin: 0;
        }

    .blog_page {
        padding: 0 0 50px 0;
    }

    .main_content_right .blog_blocks {
        flex-wrap: wrap;
    }

    .sidebar_left.no_left_padding {
        padding-left: 0;
    }

    .blog_block_blog_page {
        position: relative;
        width: 30%;
        height: 260px;
        text-align: left;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 24px;
        line-height: 1em;
        color: #ffffff;
        transition: all .1s linear;
        margin-bottom: 35px;
    }

        .blog_block_blog_page a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 35px;
            color: #ffffff;
        }

        .blog_block_blog_page:hover {
            transform: scale(1.05);
            /* box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.21); */
            filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.21));
        }

        /*
	.blog_page .blog_blocks .blog_block {
		margin-bottom: 35px;
		background: rgb(0,167,181);
		background: linear-gradient(45deg, rgba(0,167,181,1) 0%, rgba(0,167,181,1) 95%, rgba(0,167,181,0) 95%, rgba(0,167,181,0) 100%);
	}
	*/

        .blog_block_blog_page.bb_orange {
            background: rgb(243,127,42);
            background: linear-gradient(45deg, rgba(243,127,42,1) 0%, rgba(243,127,42,1) 95%, rgba(243,127,42,0) 95%, rgba(243,127,42,0) 100%);
        }

        .blog_block_blog_page.bb_teal {
            background: rgb(0,167,181);
            background: linear-gradient(45deg, rgba(0,167,181,1) 0%, rgba(0,167,181,1) 95%, rgba(0,167,181,0) 95%, rgba(0,167,181,0) 100%);
        }

        .blog_block_blog_page.bb_purple {
            background: rgb(139,30,65);
            background: linear-gradient(45deg, rgba(139,30,65,1) 0%, rgba(139,30,65,1) 95%, rgba(139,30,65,0) 95%, rgba(139,30,65,0) 100%);
        }

        .blog_block_blog_page.bb_red {
            background: rgb(227,82,5);
            background: linear-gradient(45deg, rgba(227,82,5,1) 0%, rgba(227,82,5,1) 95%, rgba(227,82,5,0) 95%, rgba(227,82,5,0) 100%);
        }

        .blog_block_blog_page.bb_blue {
            background: rgb(0,97,127);
            background: linear-gradient(45deg, rgba(0,97,127,1) 0%, rgba(0,97,127,1) 95%, rgba(0,97,127,0) 95%, rgba(0,97,127,0) 100%);
        }

    .post_header.bb_orange {
        background: rgb(243,127,42);
    }

    .post_header.bb_teal {
        background: rgb(0,167,181);
    }

    .post_header.bb_purple {
        background: rgb(139,30,65);
    }

    .post_header.bb_red {
        background: rgb(227,82,5);
    }

    .post_header.bb_blue {
        background: rgb(0,97,127);
    }

    .blog_block_empty {
        width: 300px;
        height: 1px;
    }

    .post_header .row {
        padding: 55px 0 55px 0;
        margin-bottom: 2em;
    }

    .post_crumbs {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 15px;
    }

        .post_crumbs a, .post_header h1 {
            color: #ffffff;
        }

    .post_feature {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
        text-transform: lowercase;
    }

        .post_feature a {
            color: #00a7b5;
        }

    .addthis_inline_share_toolbox {
        margin-bottom: 50px;
    }



    /* PAGINATE */

    .paginate {
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

    .page-numbers {
        width: 35px;
        line-height: 16px;
        text-align: left;
        text-decoration: none;
        display: inline-block;
        color: #00a7b5;
        transition: color .15s ease-in-out;
    }

        .page-numbers:hover {
            color: #000000;
        }

        .page-numbers.current {
            font-family: 'Wavehaus128', sans-serif;
            color: #000000;
        }

    .prev.page-numbers {
        width: 35px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: left bottom 1px;
    }

    .next.page-numbers {
        width: 35px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: left bottom 1px;
    }

        .prev.page-numbers:hover, .next.page-numbers:hover {
            filter: saturate(0);
        }



    /* TEAM MEMBER */

    .bio_single h2 {
        margin-bottom: 5px;
    }

    .job_title {
        font-family: 'Wavehaus128', sans-serif;
        color: #f37f2a;
        margin-bottom: 25px;
    }

    .bio_single {
        display: flex;
    }

    .bio_image {
    }

        .bio_image img {
            width: 200px;
            height: 200px;
            clip-path: polygon(calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%, 0 0);
            margin-right: 70px;
        }

    .bio_text {
    }



    /* BLOG POST */

    .blog_post p a {
        text-decoration: underline;
    }


    /* CAREERS */

    .lobby {
        margin-bottom: 100px;
    }

        .lobby img {
            display: block;
        }

    div.career_block {
        width: 270px;
        padding: 30px;
        position: relative;
        overflow: hidden;
        border-left: 2px solid #f37f2a;
        margin-bottom: 40px;
        transition: color 0.15s linear;
    }

        div.career_block:before {
            width: 100%;
            height: 30px;
            top: 0px;
            border: 2px solid #f37f2a;
            border-width: 2px 2px 0px 0px;
            transform: skewX(45deg);
            transform-origin: right bottom;
        }

        div.career_block:after {
            width: 100%;
            height: calc(100% - 30px);
            bottom: 0px;
            border: 2px solid #f37f2a;
            border-width: 0px 2px 2px 0px;
        }

        div.career_block:after, div.career_block:before {
            position: absolute;
            content: '';
            /* width: calc(100% - 2px); */
            left: 0px;
            /* z-index: -1; */
        }

        div.career_block:hover {
            background-color: #f37f2a;
            color: #ffffff;
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
        }

        div.career_block p:last-of-type {
            margin-bottom: 0;
        }

    .jobs_link {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 20px;
        line-height: 2em;
        color: #f37f2a;
    }



    /* LANDING */

    .landing_page .cta_orange {
        width: auto;
        padding: 0 20px 0 20px;
    }

    .landing_cities {
        -moz-column-count: 3;
        column-count: 3;
        margin-bottom: 50px;
        line-height: 36px;
    }



    /* CONTACT */

    .gform_fields {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 35px;
    }

    .main_content_left ul.gform_fields li {
        list-style-type: none;
        margin: 0 0 30px 0;
    }

    .gform_fields label {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 12px;
        line-height: 24px;
        transition: opacity .15s linear;
        opacity: 0;
    }

    #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6 {
        width: 300px;
        margin: 0 0 30px 0 !important;
        list-style-type: none;
    }

    #field_1_7, #field_1_8 {
        width: 100%;
        margin-bottom: 30px;
        list-style-type: none;
    }

    .gfield input[type=text] {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px #f37f2a solid;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        padding: 10px;
        border-radius: 0;
    }

    .ginput_container_textarea {
        width: 100%;
        height: 180px;
        border-left: 1px solid #f37f2a;
        position: relative;
        overflow: hidden;
        clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
        border-radius: 0;
    }

        .ginput_container_textarea:before {
            height: 30px;
            top: 0px;
            border: 1px solid #f37f2a;
            border-width: 1px 1px 0px 0px;
            transform: skew(45deg);
            transform-origin: right bottom;
        }

        .ginput_container_textarea:after {
            height: calc(100% - 30px);
            bottom: 0px;
            border: 1px solid #f37f2a;
            border-width: 0px 1px 1px 0px;
        }

        .ginput_container_textarea:after, .ginput_container_textarea:before {
            position: absolute;
            content: '';
            width: calc(100% - 1px);
            left: 0px;
            /* z-index: -1; */
        }

    .gfield textarea {
        border: 0;
        padding: 10px;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        background-color: rgba(255, 255, 255, 0);
        width: 100%;
        height: 180px !important;
        z-index: 3;
        position: absolute;
        top: 0;
        left: 0;
        clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
        border-radius: 0;
    }

    .main_content_left ul.gfield_checkbox li {
        margin-bottom: 10px;
    }

        .main_content_left ul.gfield_checkbox li label {
            font-size: 16px;
            line-height: 24px;
        }

    .gfield_checkbox {
        -moz-column-count: 2;
             column-count: 2;
        -moz-column-width: 200px;
             column-width: 200px;
    }

    #field_1_8 label {
        font-family: 'Wavehaus66', sans-serif;
        font-size: 24px;
        line-height: 32px;
        opacity: 1;
    }

    .gfield_required {
        color: #f37f2a;
    }

    #field_1_8 .gfield_checkbox label {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        opacity: 1;
    }

    .gform_wrapper .gform_footer input[type=submit] {
        display: inline-block !important;
        border-radius: 25px;
        width: 300px !important;
        height: 50px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 50px;
        letter-spacing: .15em;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        background-color: #f37f2a;
        margin: 50px auto 0 auto;
        border: 0;
        cursor: pointer;
        -webkit-appearance: none;
    }

        .gform_wrapper .gform_footer input[type=submit]:hover {
            border: 1px #f37f2a solid;
            background-color: #ffffff;
            color: #f37f2a;
        }

    #field_2_1, #field_2_2, #field_2_3, #field_2_4, #field_2_5, #field_2_6 {
        width: 300px;
        margin: 0 0 30px 0 !important;
        list-style-type: none;
    }

    #field_2_7, #field_2_8, #field_2_9, #field_2_10 {
        width: 100%;
        margin-bottom: 30px;
        list-style-type: none;
    }

    #field_2_7 {
        margin-bottom: 0;
    }

    #field_2_9 label:first-of-type, #field_2_8 label:first-of-type {
        font-family: 'Wavehaus66', sans-serif;
        font-size: 24px;
        line-height: 32px;
        opacity: 1;
    }

    #field_2_9 .gfield_checkbox label, #field_2_8 .gfield_checkbox label {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 24px;
        opacity: 1;
    }


    #field_2_10 label {
        display: none;
    }

        #field_2_10 label#label_2_10_1 {
            display: inline;
            font-family: 'Wavehaus66', sans-serif;
            opacity: 1;
        }


    /* HUBSPOT FORMS */

    .hs-fieldtype-text {
        float: left;
        width: calc(50% - 10px);
    }

    .jtjf .hs-fieldtype-text {
        float: none;
        width: 100%;
    }

        .jtjf .hs-fieldtype-text:nth-of-type(odd) {
            margin-right: 0;
        }

    .hs-fieldtype-text:nth-of-type(odd) {
        margin-right: 20px;
    }

    /*.hs-fieldtype-text label, .hs-fieldtype-textarea label {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 12px;
        line-height: 24px;
        transition: opacity .15s linear;
        opacity: 0;
    }*/

    .no-list.hs-error-msgs.inputs-list {
        margin: 0 0 20px 0;
        -moz-column-count: 1;
             column-count: 1;
        color: rgb(227,82,5);
    }

        .no-list.hs-error-msgs.inputs-list label {
            line-height: 1em;
            opacity: 1;
        }

    .hs-fieldtype-radio label, .hs-fieldtype-checkbox label {
        font-family: 'Wavehaus66', sans-serif;
        font-size: 24px;
        line-height: 32px;
        transition: opacity .15s linear;
        opacity: 1;
    }

    .hs-fieldtype-textarea label {
    }

    .hs-fieldtype-text input {
        width: 300px;
        margin: 0 0 30px 0 !important;
        list-style-type: none;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px #f37f2a solid;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        padding: 10px;
        border-radius: 0;
    }

    .hs-form-required {
        color: #f37f2a;
    }

    form ul.inputs-list li {
        list-style-type: none;
        margin: 0 0 10px 0;
    }

    ul.inputs-list {
        -moz-column-count: 2;
             column-count: 2;
        -moz-column-gap: 20px;
             column-gap: 20px;
    }

    .hs-form-radio label {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        opacity: 1;
    }

    .hs-fieldtype-checkbox {
        margin-top: 20px;
    }

    .hs-form-checkbox label {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        opacity: 1;
    }

        .hs-form-radio label span, .hs-form-checkbox label span {
            padding-left: 5px;
        }

    .hs_your_company_size, .hs_your_industry {
        clear: both;
    }

    .hs-fieldtype-textarea {
        margin-top: 15px;
    }

        .hs-fieldtype-textarea div {
            width: 100%;
            height: 180px;
            border-left: 1px solid #f37f2a;
            position: relative;
            overflow: hidden;
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
            border-radius: 0;
        }

            .hs-fieldtype-textarea div:before {
                height: 30px;
                top: 0px;
                border: 1px solid #f37f2a;
                border-width: 1px 1px 0px 0px;
                transform: skew(45deg);
                transform-origin: right bottom;
            }

            .hs-fieldtype-textarea div:after {
                height: calc(100% - 30px);
                bottom: 0px;
                border: 1px solid #f37f2a;
                border-width: 0px 1px 1px 0px;
            }

            .hs-fieldtype-textarea div:after, .hs-fieldtype-textarea div:before {
                position: absolute;
                content: '';
                width: calc(100% - 0px);
                left: 0px;
                /* z-index: -1; */
            }

    textarea.hs-input {
        border: 0;
        padding: 10px;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        background-color: rgba(255, 255, 255, 0);
        width: 100%;
        /*height: 180px !important;*/
        height: 178px !important;
        z-index: 3;
        position: absolute;
        top: 0;
        left: 0;
        clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
        border-radius: 0;
        outline: none;
    }

    .hs-button {
        display: inline-block !important;
        border-radius: 25px;
        width: 300px !important;
        height: 50px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 50px;
        letter-spacing: .15em;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        background-color: #f37f2a;
        margin: 50px auto 0 auto;
        border: 0;
        cursor: pointer;
        -webkit-appearance: none;
    }



    /* CTA BAR */

    .cta_bar {
        height: 100px;
        font-family: 'Wavehaus128', sans-serif;
        background-color: #253746;
        font-size: 24px;
        line-height: 100px;
        color: #ffffff;
    }

    .cta_footer {
        float: right;
        display: inline-block;
        border: 1px #ffffff solid;
        border-radius: 25px;
        width: 300px;
        height: 50px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 46px;
        letter-spacing: .15em;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        margin-top: 25px;
        transition: all 0.1s linear;
    }

        .cta_footer:hover {
            background-color: #ffffff;
            color: #253746;
        }




    /* VIDEO */

    .whole_thing {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.75); /* Black w/ opacity */
    }

    .video_modal {
        position: fixed;
        z-index: 99998; /* Sit on top */
        top: calc(50% - 253px);
        left: calc(50% - 450px);
        width: 900px;
        height: 506.25px;
        /* overflow: hidden; Enable scroll if needed */
        background-color: #000000;
        box-sizing: border-box;
        box-shadow: 0 0 35px #333344;
    }

        .video_modal iframe {
            width: 100%;
            height: 100%;
        }

    .video_close {
        position: absolute;
        top: calc(50% - 303px);
        right: calc(50% - 490px);
        /* font-family: 'Sofia-Pro-Regular', sans-serif; */
        font-size: 48px;
        color: #ffffff;
        z-index: 99998; /* Sit on top */
        cursor: pointer;
    }



    /* FOOTER */

    footer {
        background-color: #ececec;
        padding: 80px 0 80px 0;
        max-width: 100%;
    }

        footer .row {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
        }

    .foot_phone {
        width: 180px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 20px;
        line-height: 1em;
        color: #323e48;
    }

    .foot_subscribe {
        width: 360px;
    }

        .foot_subscribe a {
            font-family: 'Wavehaus128', sans-serif;
            font-size: 20px;
            line-height: 1em;
            color: #f37f2a;
        }

    .foot_social {
        width: 140px;
    }

    .foot_logo {
        width: 485px;
        text-align: right;
        padding-right: 60px;
    }

    .social {
        display: inline-block;
        margin-right: 6px;
        /* transition: all .1s linear; */
    }

        .social:hover {
            filter: hue-rotate(355deg) brightness(.9);
        }

    .footer_menus {
        padding: 35px 0 55px 0;
    }

    .foot_wwd {
        width: 180px;
    }

    .foot_industries {
        width: 180px;
    }

    .foot_about {
        width: 180px;
    }

    .foot_else {
    }

    .footer_menu li {
        margin-bottom: 10px;
        line-height: 1em;
    }

        .footer_menu li a {
            font-size: 14px;
            color: #000000;
            text-transform: lowercase;
            transition: color .1s linear;
        }

    .footer_menu.misc li a {
        display: block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 1em;
        color: #f37f2a;
        margin-bottom: 18px;
        text-transform: lowercase;
        transition: color .1s linear;
    }

        .footer_menu li a:hover, a.foot_menu_head:hover, .footer_menu.misc li a:hover, .foot_subscribe a:hover {
            color: #e35205;
        }

    a.foot_menu_head {
        display: block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 1em;
        color: #f37f2a;
        margin-bottom: 15px;
        text-transform: lowercase;
    }

    .row.logos img {
        display: inline-block;
        margin-right: 30px;
    }

    .copyright {
        font-size: 12px;
        letter-spacing: .15em;
        color: #253746;
        text-transform: uppercase;
        padding: 20px 0 0 0;
    }



    /* CTA */

    .cta {
        position: fixed;
        top: 40%;
        right: -320px;
        width: 320px;
        height: auto;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: flex-start;
        transition: all .25s ease-in-out;
    }

        .cta.open {
            right: 0;
        }

    .cta_btn {
        display: none;
        position: fixed;
        top: 40%;
        right: 0;
        height: 36px;
        width: auto;
        background: linear-gradient(45deg, rgba(0,167,181,1) 0%, rgba(0,167,181,1) 95%, rgba(0,167,181,0) 95%, rgba(0,167,181,0) 100%);
        z-index: 8;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 36px;
        color: #ffffff;
        padding: 0 20px 0 20px;
        border: 0;
        flex-shrink: 0;
        flex-grow: 0;
        cursor: pointer;
        transition: all .25s ease-in-out;
    }

        .cta_btn.open {
            right: 320px;
        }

    .cta_icon {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: center center;
    }

        .cta_icon.cta_opened {
        }

    .cta_block {
        width: 320px;
        height: auto;
        background-color: #ffffff;
        z-index: 7;
        box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.21);
        flex-shrink: 0;
        flex-grow: 0;
        padding: 40px;
        text-align: left;
    }

    .cta_headline {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .cta_desc {
        font-size: 16px;
        line-height: 25px;
    }

    .cta_link {
        display: block;
        font-family: 'Wavehaus128', sans-serif;
        color: #00a7b5;
        margin-top: 50px;
    }


    /* 404 */

    #p_404 {
        height: 600px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .h_404 {
        padding: 165px 0 0 0;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 120px;
        line-height: 120px;
    }

    .not_found {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        padding-bottom: 35px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

    .row {
        width: calc(100vw - 50px);
        margin: 0 auto;
        text-align: left;
    }

        .row.centered {
            text-align: center;
        }

    .main_content_right {
        padding-right: 25px;
    }

    .crumbs {
        padding: 30px 0 20px 50px;
    }

    .tagline {
        padding: 25px 0 0 50px;
        font-size: 36px;
        top:0px;
    }

    .big_bracket {
        top: 30px;
    }


    /* HOME */

    .home_tagline {
        font-size: 70px;
    }

    .human_approach {
        
        background-position: calc(50% - 335px) center;
    }


    /* PRODUCTS */

    .product_header .crumbs {
        /*width: 500px;*/
    }

    .info_block {
        width: 100%;
        font-size: 24px;
        line-height: 30px;
    }

    .product_wide_image {
        width: calc(100% + 100px);
        height: auto;
    }

    .product_cta_text {
        font-size: 42px;
        line-height: 48px;
    }


    /* SOLUTIONS */

    .solution_page_product_block {
        position: relative;
        margin: 0 auto 50px auto;
    }

    .short_desc {
        width: 300px;
    }

    .solution_tagline {
        position: relative;
        top: 0;
        left: 0;
        margin: 0px auto 50px auto;
        padding: 95px 75px 95px 95px;
    }

    .st_bf {
    }

    .solution_specific {
        margin: 0px auto;
    }


    /* CASE STUDIES */

    .case_study_blocks {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .case_study_block {
        width: 300px;
        height: auto;
        margin-bottom: 50px;
        display: block;
    }

    .case_study_image {
        width: 300px;
        height: auto;
    }

        .case_study_image img {
            width: 300px;
            height: auto;
        }

    .case_study_text {
        width: 300px;
        height: auto;
        background-color: #ffffff;
        padding: 15px 25px 0 25px;
    }

        .case_study_text h4 {
            line-height: 28px;
        }

        .case_study_text .read_more {
            display: inline-block;
            position: static;
            margin-top: 30px;
        }


    /* INDUSTRIES */

    a.solution_block.snapshot, a.solution_block.engage, a.solution_block.scout, a.solution_block.hive, a.solution_block.joyx, a.solution_block.catapult {
        width: calc(calc(100% - 30px) / 2);
    }

    .industry_logos {
        flex-direction: row;
        flex-wrap: wrap;
    }

    /* BLOG */

    .featured_post {
        margin: 0 auto 70px auto;
    }

    /* FORMS */

    #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6 {
        width: 220px;
    }

    #field_2_1, #field_2_2, #field_2_3, #field_2_4, #field_2_5, #field_2_6 {
        width: 220px;
    }

    .gfield input[type=text] {
        width: 200px;
    }

    .hs-fieldtype-text input {
        width: 200px;
    }
}

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


    .hide_on_desktop {
        display: block;
    }

    .hide_on_mobile {
        display: none !important;
    }

    .row, .row_770, .row_970 {
        width: calc(100vw - 50px);
        margin: 0 auto;
        text-align: left;
    }

        .row.centered, .row_770.centered, .row_970.centered {
            text-align: center;
        }

    .header_mobile {
        display:block;
        width: 100%;
        height: 80px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        z-index: 9998;
        border-bottom: 1px #babfc2 solid;
    }

    .main_cont {
        /*margin-top: 64px;*/
        /*padding-top: 30px;*/
    }

    .logo_mobile {
        height: 68px;
        padding: 0 0 0 12px;
        flex-grow: 1;
        text-align: left;
    }

    .search_mobile {
        width: 44px;
        height: 44px;
        background-image: url(https://shopperhub.cxgroup.com/img/icon_search_mobile_2x.b9ad262c.png);
        background-repeat: no-repeat;
        background-size: 22px 21px;
        background-position: center center;
        flex-grow: 0;
    }

    .hamburger {
        width: 46px;
        height: 46px;
        padding: 0 12px 0 14px;
        background-image: url(https://shopperhub.cxgroup.com/img/hamburger_2x.6da6967b.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        flex-grow: 0;
        margin-right: 20px;
    }

    #mobile_menu {
        display: block;
        position: fixed;
        top: 79px;
        left: 0;
        width: 100vw;
        height: auto;
        min-height: 100vh;
        background-color: #ececec;
        padding-bottom: 40px;
        z-index: 9999;
    }

    .big_orange {
        margin-bottom: 30px;
    }

    #mobile_menu .big_orange li {
        margin: 15px 0 15px 0;
        border-radius: 10px;
        text-align: center;
        height: 38px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 12px;
        line-height: 38px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        background-color: #f37f2a;
        border-radius: 18px;
    }

    .big_orange li a {
        color: #ffffff;
    }

    #mobile_menu .big_orange li a {
        text-transform: uppercase;
    }

    .header_mobile_dropped {
        display:block;
        width: 100%;
        height: 80px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    .burger_close {
        width: 46px;
        height: 46px;
        padding: 0 12px 0 14px;
        background-image: url(https://shopperhub.cxgroup.com/img/burger_close.892cfc51.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        flex-grow: 0;
        margin-right: 20px;
    }

    #mobile_menu ul {
        width: 100%;
        padding-left:30px;
        padding-right:30px;
    }

    #mobile_menu li {
        border-top: 1px #babfc2 solid;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 60px;
    }

        #mobile_menu li:last-of-type {
            border-bottom: 1px #babfc2 solid;
        }

        #mobile_menu li a {
            text-transform: lowercase;
        }

        #mobile_menu li#menu-item-641 a {
            text-transform: none;
        }

    #mobile_menu .sub-menu li {
        border-top: 0;
        line-height: 28px;
    }

    .sub-menu {
        display: block;
    }

        .sub-menu li a {
            padding-left: 20px;
            font-size: 16px;
            cursor: pointer;
        }

    #mobile_menu .sub-menu li:last-of-type {
        border-bottom: 0;
        margin-bottom: 10px;
    }

    #mobile_menu .menu-item-has-children a {
        padding-right: 15px;
        background-image: url(https://shopperhub.cxgroup.com/img/icon_menu_drop_2x.23820d46.png);
        background-repeat: no-repeat;
        background-size: 9px 5px;
        background-position: right center;
    }

        #mobile_menu .menu-item-has-children a.dropped {
            background-image: url(https://shopperhub.cxgroup.com/img/icon_menu_drop_rev_2x.fadec00b.png);
        }

            #mobile_menu .menu-item-has-children a.dropped + .sub-menu a, #mobile_menu .menu-item-has-children a + .sub-menu a {
                background-image: none;
            }

    #mobile_menu .sub-menu #menu-item-651 a {
        color: #f37f2a;
        padding-right: 10px;
        background-repeat: no-repeat;
        background-size: 3px 6px;
        background-position: right center;
    }

    #search_mobile {
        display: none;
        width: 100%;
        height: 100vh;
        background-color: #f37f2a;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    .search_area {
        padding-top: 180px;
    }

    .search_close_mobile {
        width: 46px;
        height: 46px;
        padding: 0 12px 0 14px;
        background-image: url(https://shopperhub.cxgroup.com/img/search_close_mobile_2x.8d7b40d7.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        flex-grow: 0;
    }

    .search_block {
        width: 100%;
    }

    .search_field_mobile {
        width: 100%;
        border-top: 0;
        border-right: 0;
        border-bottom: 1px #ffffff solid;
        border-left: 0;
        background-color: #f37f2a;
        padding: 10px;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        color: #ffffff;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: none;
    }

        .search_field_mobile::-moz-placeholder {
            color: #ffffff;
        }

        .search_field_mobile::placeholder {
            color: #ffffff;
        }


    /* GENERAL */

    .image_header {
        height: 400px;
        background-size: auto 400px;
        background-position: center center;
    }

        .image_header .row {
            height: 400px;
        }

    .crumbs {
        padding: 0 0 20px 25px;
        line-height: 1.5em;
    }

    .tagline {
        padding: 0 25px 0 25px;
        font-size: 30px;
        line-height: 35px;
        top:0px;
    }



    .sl_mcr {
        display: block;
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .sidebar_left {
        width: 100%;
        padding: 0 0 30px 0;
        text-align: left;
    }

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

    .submenu_type {
        text-align: center;
        margin: 0px auto 0px auto;
    }

    .submenu {
        text-align: center;
    }

        .submenu li {
            display: inline-block;
            padding: 0 20px 0 20px;
        }

            .submenu li a {
                display: inline-block;
                font-size: 21px;
                line-height: 24px;
            }

    .fadebox {
        position: relative;
        width: 100vw;
        height: 62px;
        margin: 0 0 0 -25px;
        -webkit-mask: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
        transition: background-color .25s linear;
        z-index: 7;
    }

        .fadebox.fixed {
            position: fixed;
            left: 0;
            top: 64px;
        }

    .submenu.sm_wwd, .submenu.sm_ind {
        width: 100vw;
        height: 62px;
        overflow-x: scroll;
        text-align: left;
        z-index: 1;
        line-height: 62px;
    }

    .submenu.sm_about {
        height: 62px;
        z-index: 1;
        line-height: 62px;
    }

    .submenu.sm_wwd ul, .submenu.sm_ind ul {
        white-space: nowrap;
    }

    .fadebox.stuck {
        position: fixed;
        width: 100vw;
        top: 64px;
        background-color: #253746;
        -webkit-mask: none;
    }

        .fadebox.stuck .submenu a {
            color: #929ba3;
        }

        .fadebox.stuck .submenu li.current-menu-item a {
            color: #f37f2a;
        }

    .submenu.stuck {
        -webkit-mask: linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%);
    }

    #fader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 26px;
        z-index: 3;
    }

    .mcl_sr {
        display: block;
        margin: 45px 0 45px 0;
    }

    .main_content_left {
        width: 100%;
        padding: 0;
    }

    .sidebar_right {
        width: 100%;
        padding: 45px 0 0 0;
        text-align: center;
    }

        .sidebar_right h4 {
            margin: 0 auto 20px auto;
        }

    h3 {
        font-size: 22px;
    }

    .filter_by {
        text-align: center;
    }

    .select_a_product, .select_an_industry {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin: 15px 0 20px 0;
        background-image: url(https://shopperhub.cxgroup.com/img/down_arrow_orange_2x.598940ab.png);
        background-repeat: no-repeat;
        background-size: 8px 5px;
        background-position: right 23px center;
        border-bottom: 1px #f37f2a solid;
    }

        .select_a_product.expanded, .select_an_industry.expanded {
            background-color: #f37f2a;
            color: #ffffff;
            clip-path: polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);
        }

    .filters_wwd, .filters_ind {
        padding-left: 15px;
        display: none;
    }

    .cta, .cta_btn {
        display: none !important;
    }



    /* HOME */

    .home_top {
        height: 400px;
        background-size: cover;
        background-position: center center;
    }

    .home_tagline {
        padding: 120px 0 30px 0;
        font-size: 45px;
    }

    .blue_box {
        margin: -75px auto 45px auto;
        width: 270px;
        height: auto;
        font-size: 16px;
        line-height: 20px;
        padding: 45px 35px 45px 35px;
    }

        .blue_box h3 {
            font-size: 22px;
            width: 150px;
            margin: 0px auto;
        }

    .sol_finder {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 40px;
    }

    .home_case_studies {
        background-color: #ececec;
        padding: 45px 0 45px 0;
    }

        .home_case_studies .row {
            width: 100%;
        }

            .home_case_studies .row .cta_orange {
                width: calc(100% - 50px);
                margin: 0px auto;
            }

    .home_logos {
        display: block;
        text-align: center;
    }

        .home_logos img {
            display: block;
            margin: 0 auto 40px auto;
        }

    .home_case_study_blocks {
        width: 100%;
        overflow-x: scroll;
    }

    .home_case_study_block {
        width: 170px;
        height: 170px;
        padding: 30px;
        font-size: 16px;
        line-height: 20px;
        margin: 0 15px 0 15px;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .cta_white {
        width: calc(100% - 50px);
    }

    .cta_orange {
        width: 100%;
        /* max-width: 300px; */
    }

    .home_solutions {
        padding: 45px 0 45px 0;
    }

    .home_solution .sol_finder .sol_select {
        border-bottom: 1px #f37f2a solid;
        color: #253746;
        background-image: url(https://shopperhub.cxgroup.com/img/down_arrow_orange_2x.598940ab.png);
    }

    .home_solution_block {
        height: 220px;
        background-size: auto 220px;
    }

    .sol_finder {
        margin-bottom: 40px;
    }

    .home_solution .sol_select {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

        .home_solution .sol_select option {
            text-align: center;
        }

    .ind_orange, .ind_teal, .ind_red, .ind_blue, .ind_purple, .ind_grey {
        width: 50vw;
    }

    .hsb_image {
        width: 50%;
    }

    .hsb_text {
        width: 50%;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    .from_left .hsb_text {
        padding: 0 25px 0 0;
    }

    .from_right .hsb_text {
        padding: 0 25px 0 25px;
    }

    .hsb_text .learn_more {
        margin-top: 20px;
    }

    .hsb_head {
        font-size: 30px;
    }

    .home_solutions .row {
        width: 100%;
    }

    .human_approach {
        height: auto;
        background-position: top center;
        background-size: auto 100vw;
    }

        .human_approach .row {
            width: 100vw;
            height: auto;
            display: block;
        }

    .video_play {
        width: 100vw;
        height: 100vw;
    }

    .video_bracket {
        width: calc(100vw - 50px);
        height: auto;
        margin: 30px auto 30px auto;
        display: block;
    }

    .video_text {
        width: 100%;
        padding: 50px;
    }

    .cta_bar {
        height: auto;
        font-size: 22px;
        line-height: 26px;
        padding: 40px 0 40px 0;
    }

        .cta_bar .row {
            text-align: center;
        }

    .cta_footer {
        float: none;
        width: 100%;
        max-width: 300px;
        margin-top: 50px;
    }


    /* SOLUTIONS */

    .solution_header {
        background-image: none !important;
    }

    .solution_page {
        margin-top: 0;
    }

        .solution_page .row {
            width: 100%;
        }

    .solution_header .row {
        padding: 0;
    }

    .find_the_right {
        padding: 65px 0 25px 0;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 12px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

    .sol_finder .sol_select {
        background-color: rgba(255, 255, 255, 0);
        border-bottom: 1px #ffffff solid;
        color: #ffffff;
        margin-bottom: 20px;
        text-align: center;
        -moz-text-align-last: center;
             text-align-last: center;
    }

        .sol_finder .sol_select option {
            color: #253746;
            text-align: center;
            margin: 0px auto;
        }

    .solution_page_product_block {
        width: 100%;
        height: 220px;
        position: relative;
        margin: 40px 0 50px 0;
        padding: 30px 0 0 25px;
        background-position: left -60px center;
        background-size: auto 220px;
        background-color: #f4f4f6;
        line-height: 1.2em;
    }

    .sol_sol_head {
        font-size: 30px;
    }

    .short_desc {
        width: 150px;
    }

    .solution_page_product_block .learn_more {
        margin-top: 20px;
        background-position: right bottom 3px;
    }

    .solution_tagline {
        position: static;
        width: calc(100vw - 50px);
        height: auto;
        margin: 50px auto 50px auto;
        padding: 70px 50px 50px 50px;
        background-size: 120px 120px;
        position: relative;
        top: 0;
    }

        .solution_tagline br {
            display: none;
        }

        .solution_tagline .learn_more {
            margin-top: 20px;
        }

    .solution_page_product_block .ind_orange, .solution_page_product_block .ind_teal, .solution_page_product_block .ind_red, .solution_page_product_block .ind_blue, .solution_page_product_block .ind_purple, .solution_page_product_block .ind_grey {
        width: 50vw;
    }

    .solution_specific {
        width: calc(100% - 50px);
        height: auto;
        padding: 0;
        margin: 0px auto;
        padding-bottom: 30px;
    }

    .st_bf {
        background-size: 120px 120px;
        transform: rotate(180deg);
    }






    /* PRODUCTS */

    .product_header {
        height: 165px;
    }

        .product_header .row {
            background-image: none !important;
            height: auto;
        }

    .snapshot_tools {
        margin-left: 0;
    }

    .snapshot_tool {
        width: 100%;
        display: block;
        margin: 0 0 35px 0;
    }

    .st_icon, .st_name_text {
        width: 100%;
    }

    .info_block {
        width: calc(100vw - 50px);
        height: calc(100vw - 50px);
        background: linear-gradient(45deg, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 95%, rgba(236,236,2361,0) 95%, rgba(236,236,236,0) 100%);
        font-size: 22px;
        line-height: 26px;
        padding: 30px;
        margin: 0;
    }

    .info_block_mobile {
        width: calc(100vw - 50px);
        height: 118vw;
        position: relative;
    }

        .info_block_mobile img {
            z-index: 1;
            position: absolute;
            right: 30px;
            bottom: 40px;
        }

    .product_wide_image {
        padding-top: 30px;
        width: 100vw;
        height: auto;
        margin-left: -25px;
    }

    .tools .sl_mcr {
        margin: 0;
    }

    .tools .sidebar_left, .product_cta .sidebar_left {
        height: 0;
        padding: 0;
    }

    .product_cta_text {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 30px;
    }



    /* INDUSTRIES */

    a.solution_block.snapshot, a.solution_block.engage, a.solution_block.scout, a.solution_block.hive, a.solution_block.joyx, a.solution_block.catapult {
        width: 100%;
    }

    .industry_logos {
        display: block;
        text-align: center;
    }

        .industry_logos img {
            display: block;
            margin: 0 auto 40px auto;
        }



    /* ABOUT */

    .about_quote .row {
        display: block;
    }

    .aq_left {
        display: none;
    }

    .aq_quote {
        width: 100%;
        margin-bottom: 30px;
    }

    .aq_image {
        width: 100%;
        margin: 0;
    }

        .aq_image img {
            width: 100%;
            height: auto;
            max-width: 600px;
            clip-path: polygon(calc(90%) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
        }

    .wide_image_dyn {
        margin-bottom: 30px;
    }

    .wi_left {
        display: none;
    }

    .wi_left {
        display: none;
    }

    .wi_right {
        width: 100%;
    }

    .stewards .row_770 {
        padding: 45px 0 20px 0;
        text-align: center;
    }

    .stewards .row {
        padding: 0 0 50px 0;
    }

    .steward_logos {
        display: block;
    }

        .steward_logos img {
            display: block;
            margin: 0 auto 30px auto;
        }

    .wi_right img.video_still.hide_on_desktop {
        display: block;
    }


    /* OUR TEAM */

    .person_blocks {
        display: block;
    }

    .person_block {
        width: 100%;
        margin: 0 0 45px 0;
        font-size: 20px;
        line-height: 24px;
    }

        .person_block img {
            width: 100%;
            height: auto;
            max-width: 600px;
            clip-path: polygon(calc(90%) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
            margin-bottom: 15px;
        }

    .bio_single {
        display: block;
    }

    .bio_image img {
        width: 100%;
        height: auto;
        max-width: 600px;
        clip-path: polygon(calc(90%) 0, 100% 10%, 100% 100%, 0 100%, 0 0);
        margin-bottom: 15px;
    }

    .bio_single h2, .job_title {
        font-size: 20px;
        line-height: 22px;
    }


    /* CAREERS */

    div.career_block {
        width: 100%;
    }

    .lobby {
        margin-bottom: 40px;
    }

        .lobby img {
            width: 100%;
            height: auto;
        }



    /* CASE STUDIES */

    .related_case_studies {
        padding: 50px 0 50px 0;
    }

    .sidebar_left h4 {
        display: inline-block;
        text-align: left;
        padding: 15px 0 0 15px;
    }

    .case_study {
        width: 100%;
        height: auto;
        max-width: 470px;
    }

    .case_study_block {
        display: block;
        height: auto;
    }

    .case_study_image {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.21);
        z-index: 1;
    }

        .case_study_image img {
            display: block;
            width: 100%;
            height: auto;
        }

    .case_study_text {
        width: 100%;
        height: auto;
        padding: 15px 0 30px 0;
        background-color: rgba(255, 255, 255, 0);
        clip-path: none;
        z-index: 0;
    }

        .case_study_text .read_more {
            position: static;
            display: inline-block;
            padding-top: 20px;
        }

    .main.bkg_grey {
        background-color: #ececec;
    }

    .cs_logo {
        padding: 25px 0 0 25px;
    }




    /* BLOG */

    .blog_header {
        height: auto;
        padding-top: 45px;
    }

        .blog_header .row {
            display: block;
        }

    .blog_header_right {
        text-align: left;
    }

    .sol_select {
        margin: 0;
        font-size: 18px;
    }

    .row.featured_post {
        width: 100vw;
        height: 100vw;
        margin: 25px 0 50px 0;
        padding: 65px 25px 0 25px;
    }

    .featured_post {
        background-size: cover;
    }

        .featured_post .cta_white {
            width: 100%;
        }

    .blog_latest {
        padding: 50px 0 50px 0;
    }

    .blog_blocks {
        display: block;
    }

    .blog_block, .blog_block_blog_page {
        width: 100%;
        height: calc(100vw - 50px);
        margin-bottom: 25px;
    }

    .blog_block_empty {
        width: 100%;
        height: 1px;
    }

    .page-numbers {
        width: 20px;
    }

    .shopper {
        display: block;
    }



    /* LANDING */

    .landing_page .cta_orange {
        width: 100%;
        padding: 0;
    }

    .landing_cities {
        -moz-column-count: 1;
        column-count: 1;
    }



    /* CONTACT */

    .gform_fields {
        display: block;
    }

    #field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6 {
        width: 100%;
    }

    #field_2_1, #field_2_2, #field_2_3, #field_2_4, #field_2_5, #field_2_6 {
        width: 100%;
    }

    .gform_wrapper .gform_footer input[type=submit] {
        margin: 0px auto;
        width: 100% !important;
    }

    .gfield input[type=text] {
        width: 100%;
    }

    .gform_footer.top_label {
        text-align: center;
    }

    .hs-fieldtype-text {
        float: none;
        width: 100%;
    }

        .hs-fieldtype-text input {
            width: 100%;
        }

    .hs-button {
        margin: 0px auto;
        width: 100% !important;
    }



    /* SEARCH */



    /* 404 */

    #p_404 {
        height: 380px;
        background-position: left bottom;
        background-size: 280px auto;
        margin-bottom: 45px;
    }

    .h_404 {
        padding: 30px 0 0 0;
        font-size: 60px;
        line-height: 60px;
        text-align: center;
    }

    .not_found {
        font-size: 16px;
        text-align: center;
    }

    #p_404 .learn_more.orange {
        text-align: center;
        margin: 0px auto;
    }



    /* VIDEOS */

    .whole_thing {
        background-color: rgba(0,0,0,1);
    }

    .video_modal {
        width: 100vw;
        height: calc(100vw * .5625);
        top: calc(50% - calc(50vw * .5625));
        left: 0;
    }

        .video_modal iframe {
            width: 100%;
            height: 100%;
        }

    .video_close {
        top: 80px;
        right: 10px;
    }



    /* FOOTER */

    footer {
        background-color: #ececec;
        padding: 25px 0 25px 0;
    }

        footer .row {
            display: block;
        }

    .foot_phone, .foot_subscribe {
        width: 100%;
        text-align: center;
        line-height: 1.4em;
    }

    .foot_menu_mobile {
        width: 100%;
        text-align: center;
        padding: 30px 0 25px 0;
    }

        .foot_menu_mobile li {
            margin-bottom: 10px;
        }

        .foot_menu_mobile a {
            font-family: 'Wavehaus128', sans-serif;
            font-size: 16px;
            line-height: 16px;
            color: #f37f2a;
            text-transform: lowercase;
        }

    .foot_social {
        width: 100%;
        padding: 0 0 40px 0;
        text-align: center;
    }

    .social {
        display: inline-block;
        margin: 0 5px 0 5px;
    }

    .foot_logo {
        display: none;
    }

    footer .row.footer_menus {
        display: none;
    }

    footer .row.logos {
        text-align: center;
        margin: 0px auto;
    }

    .row.logos img {
        margin: 0 15px 0 15px;
    }

    .row .copyright {
        width: 100%;
        text-align: center;
        line-height: 16px;
    }



    /* CTA */

    .cta_mobile {
        position: fixed;
        bottom: -500px;
        left: 25px;
        width: calc(100vw - 50px);
        height: auto;
        filter: drop-shadow(0 0 21px rgba(0, 0, 0, 0.2));
        transition: all .25s ease-in-out;
        text-align: left;
        z-index: 888;
    }

    .cta_mobile_btn {
        height: 36px;
        width: auto;
        background: linear-gradient(45deg, rgba(0,167,181,1) 0%, rgba(0,167,181,1) 95%, rgba(0,167,181,0) 95%, rgba(0,167,181,0) 100%);
        z-index: 8;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 36px;
        color: #ffffff;
        padding: 0 20px 0 20px;
        border: 0;
        cursor: pointer;
        transition: all .25s ease-in-out;
    }

    .cta_mobile_icon {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: center center;
    }

        .cta_mobile_icon.cta_opened {
        }

    .cta_mobile_block {
        width: 100%;
        height: auto;
        background-color: #ffffff;
        z-index: 7;
        padding: 40px;
        text-align: left;
    }

    .cta_mobile_headline {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .cta_mobile_desc {
        font-size: 16px;
        line-height: 24px;
    }

    .cta_mobile_link {
        display: block;
        font-family: 'Wavehaus128', sans-serif;
        color: #00a7b5;
        margin-top: 15px;
    }

    .from_right .hsb_text {
        padding: 0 20px 0 20px;
        width: 50%;
        font-size: 14px;
        line-height: 18px;
    }

    .from_left .hsb_text {
        padding: 0 20px 0 0;
        width: 50%;
        font-size: 14px;
        line-height: 18px;
    }

    .hsb_text .learn_more {
        font-size: 16px;
    }

    .tagline {
        padding: 110px 25px 0 10px;
        font-size: 26px;
        line-height: 30px;
        top:0px;
    }
}

@media only screen and (max-width: 480px) {
    .tagline {
        font-size: 20px;
        padding-left: 0;
        top:0px;
    }
}

/* ************************************************************************* CARL ************************* */

.initiallyHidden {
    visibility: hidden;
    display: none
}

#app {
    overflow:hidden;
}

.app_content {
    min-height: 500px;
}

/* start custom checkbox/radio  */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-bottom: 10px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 100% !important;
}

    /* hide  default radio button */
    .container input {
        /*position: absolute;*/
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmarkRadio {
    position: absolute;
    /* top: 10px; */
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #58595B;
}

.container input:checked ~ .checkmarkRadio {
    background-color: #018BEA;
}

.checkmarkRadio:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmarkRadio:after {
    display: block;
}

.container .checkmarkRadio:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.checkmarkCheckbox {
    position: absolute;
    top: 0px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #58595B;
    border-radius: 5px;
}

.container input:checked ~ .checkmarkCheckbox {
    background-color: #018BEA;
}

.checkmarkCheckbox:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmarkCheckbox:after {
    display: block;
}

.container .checkmarkCheckbox:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* end custom checkbox/radio  */

#dvButtonHolderCancel {
    visibility: hidden;
    display: none;
    padding-top: 30px;
}

div#spinner {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	height: 100%;
    display: none;
}
#spinnerInner {
	width: 100px;
	height: 100px;
	background-size: 30px 30px !important;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: center;
	padding-top: 30px;
	font:
		normal 16px Tahoma,
		Geneva,
		sans-serif;
	margin-left: -50px;
	margin-top: -50px;
	z-index: 2147483647;
	overflow: auto;
	background: transparent;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}
/* CSS spinner */
.css-spinner {
	margin: 0 auto 10px auto;
	width: 30px;
	height: 30px;
	border: 4px solid rgba(52, 152, 219, 0.3);
	border-top-color: #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
/* Spin animation */
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

#dvErrorMessage {
    color: #f37f2a;
    font-size: 100%;
}

#clarificationDiv {
    font-size: 18px;
    color: #f37f2a
}

/* ************************************************************************* CARL ************************* */
@media screen {
    /* APPLICATION */
    .app_header {
        height: 400px;
        background-size: auto 400px;
        background-image: url(https://shopperhub.cxgroup.com/img/hero_shopper_app.a841aae8.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

        .app_header .row {
            height: 400px;
            width:100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

            .app_header .row h1 {
                font-family: 'Wavehaus128', sans-serif;
                font-size: 50px;
                line-height: 60px;
                color: #ffffff;
            }

    .row_870 {
        width: 870px;
        /*width: 982px;*/
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .row_982 {
        width: 982px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    /* start login page only */
    .row_1070 {
        max-width: 1070px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-top: 50px;
        background-color: white!important;
    }

    .login_fullwidth {
        padding: 0!important;
        background-color: white!important;
    }

    .login_linkImages {
        float:left;
        padding-left:100px;
    }

    /* .login_main {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: white!important;
    } */

    /* .login_logoDivider {
        text-align: center;
        padding-top:50px;
    } */

    .login_logoDivider {
        display: flex;
        justify-content: space-between; /* Spreads images across full width */
        align-items: center; /* Vertically centers images */
        width: 90%; /* Ensures container spans full width */
        padding: 0 20px; /* Optional: adds padding to prevent images from touching edges */
        box-sizing: border-box; /* Ensures padding is included in width */
        padding-top:50px!important;
      }
      
      .login_linkImages {
        margin: 0;
        padding: 0;
        text-decoration: none;
      }
      
      .app_logo {
        display: block;
        height: 80px;
        width: auto; /* Adjust as needed for image size */
        max-width: 100%; /* Ensures responsiveness */
      }

    .login_mapview {
        height: 300px;
    }

    .login_left {
        padding-right:100px;
    }

    .login_right {
        /* padding-left:75px; */
    }

    /* end login page only */

    .app_left {
        /*width: 630px;*/
        width: 730px;
        flex: 0 0 auto;
        text-align: left;
        padding: 30px 0 60px 0;
    }

    .app_right {
        width: 170px;
        flex: 0 0 auto;
        padding: 116px 0 60px 0;
        text-align: center;
    }

    .app_logo {
        display: block;
        margin: 0 auto 40px auto;
    }

    .app_left ol {
        margin: 0 0 50px 30px;
        list-style-type: decimal;
    }

    .two_col_fields {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
    }

    .lower_error_label {
        margin-bottom: 30px !important;
    }

    .lower_error_label label {
        font-size: 16px !important;
        color: red;
    }

    .app_left label {
        font-family: 'Wavehaus128', sans-serif;
        font-size: 12px;
        line-height: 24px;
        width: 300px;
        flex: 0 0 auto;
        display: inline-block;
        margin-bottom: 30px;
    }

    .two_col_fields label {
        width: 300px;
        flex: 0 0 auto;
        display: inline-block;
        margin-bottom: 30px;
    }

    .errorLabel {
        display: inline-block;
        margin-bottom: 0;
        color: #f37f2a;
        font-weight: bold;
        width: auto !important;
        margin-bottom: 0px !important;
        padding-left: 10px !important;
        text-transform: uppercase;
    }




    .app_fullwidth input[type=date], .app_fullwidth input[type=text], .app_fullwidth input[type=email], .app_fullwidth input[type=password] {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px #f37f2a solid;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        padding: 10px;
        border-radius: 0;
        width: 100%;
        outline: none;
    }

        .app_fullwidth input[type=date]::-webkit-clear-button {
            font-size: 18px;
            height: 30px;
            position: relative;
        }

        .app_fullwidth input[type=date]::-webkit-inner-spin-button {
            height: 28px;
        }

        .app_fullwidth input[type=date]::-webkit-calendar-picker-indicator {
            font-size: 15px;
        }





    .app_left input[type=date], .app_left input[type=text],.app_left input[type=number], .app_left input[type=email], .app_left input[type=password] {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px #f37f2a solid;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        padding: 10px;
        border-radius: 0;
        width: 100%;
        outline: none;
    }

    .app_left input[type=date]::-webkit-clear-button {
        font-size: 18px;
        height: 30px;
        position: relative;
    }

    .app_left input[type=date]::-webkit-inner-spin-button {
        height: 28px;
    }

    .app_left input[type=date]::-webkit-calendar-picker-indicator {
        font-size: 15px;
    }

    .app_left select {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px #f37f2a solid;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        padding: 10px;
        border-radius: 0;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #ffffff;
        background-image: url(https://shopperhub.cxgroup.com/img/down_arrow_orange_2x.598940ab.png);
        background-repeat: no-repeat;
        background-position: right 11px center;
        background-size: 10px 6px;
        /* outline-color: #ececec!important; */
        outline-color: #f37f2a!important;
        outline-width:1px;
    }

    .app_fullwidth select {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px #f37f2a solid;
        font-family: 'Wavehaus66', sans-serif;
        font-size: 18px;
        line-height: 32px;
        padding: 10px;
        border-radius: 0;
        width:100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #ffffff;
        background-image: url(https://shopperhub.cxgroup.com/img/down_arrow_orange_2x.598940ab.png);
        background-repeat: no-repeat;
        background-position: right 11px center;
        background-size: 10px 6px;
        /* outline-color: #ececec!important; */
        outline-color: #f37f2a!important;
        outline-width:1px;
    }

    .btn_orange {
        text-decoration: none;
        display: inline-block;
        border-radius: 25px;
        width: 300px;
        height: 50px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 50px;
        letter-spacing: .15em;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        background-color: #f37f2a;
        margin: 0 auto 0 auto;
        border: 0;
        cursor: pointer;
        transition: all .15s linear;
        -webkit-appearance: none;
        outline: none;
    }

        .btn_orange:hover {
            text-decoration: none;
            border: 1px #f37f2a solid;
            color: #f37f2a;
            background-color: #ffffff;
            outline: none;
        }

    form .btn_orange {
        text-decoration: none;
        margin: 30px 0 40px 0;
        outline: none;
    }

    .signup_facebook {
        display: inline-block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 20px;
        padding: 0 10px 0 25px;
        background-image: url(https://shopperhub.cxgroup.com/img/icon_facebook_small_2x.2dbeda6a.png), url(https://shopperhub.cxgroup.com/img/arw_right_2x.f69dfef8.png);
        background-repeat: no-repeat, no-repeat;
        background-size: 9px 18px, 5px 10px;
        background-position: left center, right center;
        margin-top: 20px;
        cursor:pointer;
    }

    .signup_google {
        display: inline-block;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        line-height: 20px;
        padding: 0 10px 0 25px;
        background-image: url(https://shopperhub.cxgroup.com/img/icon_google_small_2x.2002692b.png), url(https://shopperhub.cxgroup.com/img/arw_right_2x.f69dfef8.png);
        background-repeat: no-repeat, no-repeat;
        background-size: 15px 15px, 5px 10px;
        background-position: left center, right center;
        cursor: pointer;
    }

    .app_notes {
        border-top: 1px #c8cdd1 solid;
        padding: 40px 0 0 0;
        font-style: italic;
        margin: 90px 0 0 0;
        font-size: 16px;
        line-height: 24px;
        color: #253746;
    }

        .app_notes a {
            color: #f37f2a;
        }

    .app_left .ol_indent {
        margin: 20px 0 25px 15px;
    }

    .cta_orange {
        border: 1px #f37f2a solid;
    }

    .cta_orange_border {
        display: inline-block;
        border-radius: 25px;
        width: 300px;
        height: 50px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 14px;
        line-height: 50px;
        letter-spacing: .15em;
        color: #f37f2a;
        text-transform: uppercase;
        text-align: center;
        background-color: #ffffff;
        margin: 0 auto 0 auto;
        border: 0;
        cursor: pointer;
        transition: all .15s linear;
        -webkit-appearance: none;
        border: 1px #f37f2a solid;
    }

        .cta_orange_border:hover {
            border: 1px #f37f2a solid;
            color: #ffffff;
            background-color: #f37f2a;
        }
}

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

    /* APPLICATION */

    .app_header {
        height: 400px;
        background-size: auto 400px;
        background-position: center center;
    }

        .app_header .row {
            height: 400px;
        }

            .app_header .row h1 {
                font-size: 50px;
                line-height: 60px;
            }

    .row_870 {
        width: calc(100vw - 50px);
        display: block;
    }

    .row_982 {
        width: calc(100vw - 50px);
        display: block;
    }

    .app_left {
        width: 100%;
        padding: 30px 0 30px 0;
    }

    .app_right {
        width: 100%;
        padding: 30px 0 30px 0;
    }

    .two_col_fields {
        display: inline-block;
    }

        .two_col_fields label {
            width: 100%;
        }

    .app_left label {
        width: 100%;
    }

    .app_left input[type=date], .app_left input[type=text],.app_left input[type=number], .app_left input[type=email], .app_left input[type=password], .app_left select {
        width: 100%;
    }

    .btn_orange, .cta_orange_border {
        text-decoration: none;
        width: 100%;
    }
}


@media screen and (max-width: 1210px) {
    .big_bracket_login {
        display:none;
    }
}

.tableRow {
    line-height:35px;
    cursor: pointer;
}

.tableHeader{
    line-height:35px;
    cursor: pointer;
    background: #828995;
    color:white;
    font-weight: 500;
}



.tableRow hover {
    background-color: #f37f2a !important;
    cursor: pointer;
}

tr hover {
    background-color: #f37f2a !important;
    cursor: pointer;
}



.tableColumn {
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid white;
    font-size: 12px;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tableColumn span {
    cursor: pointer;
}

.headerColumn {
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid white;
    font-size: 12px;
    line-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-wrap: nowrap;
}

.headerColumn span {
    cursor: pointer;
}

.skeleton {
    position: relative;
    overflow: hidden;   
    text-decoration: none;
    display: inline-block;
    width: 100%; 
    height: 50px;
    font-family: 'Wavehaus128', sans-serif;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: .15em;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    background-color: #f37f2a;
    margin: 0 auto 0 auto;
    border: 0;
    cursor: pointer;
    transition: all .15s 
    linear;
    -webkit-appearance: none;
    outline: none;
    opacity: .8;
  }
  
  .skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.4),
      transparent
    );
    animation: shimmer 1.25s infinite;
  }
  
  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }


/* *********************************** MOBILE DETECTION BEGIN */
#snackbarApp {
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 24px 0 32px 0;
    position: fixed;
    z-index: 2147483647;
    left: 0px;
    bottom: 0px;
    margin: auto;
    width: 100%;
    background-color: #253746;
    border-top: 4px solid white;
    text-shadow: 1px 1px slategray;
    font-size: 16px;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbarApp a {
    color: #fff;
    text-shadow: 1px 1px slategray;
    font-size: 16px;
    text-decoration: none;
}

.snackbarAppClose {
    float: right;
    margin-right: 20px;
    margin-top: -5px;
    text-decoration: none;
    border: 1px solid red;
    padding: 0px 6px 3px 5px;
    color: red !important;
    background-color: white;
    font-weight: bold;
    font-size: 20px;
}

.snackbarAppClose hover {
    text-decoration: none;
}

.snackbarAppText a {
    text-decoration: underline !important;
}

.snackbarAppImage {
    width: 300px;
}

.snackbarAppSpan {
    font-size: 22px;
    padding-left: 40px;
    line-height: 28px;
}
/* *********************************** MOBILE DETECTION END */




#listDiv {
    overflow-x: hidden !important;
    display: inline-block;
    padding-bottom: 31px;
    left: 0px;
    width: 100%;
}

.paraHdr {
    color: #58595B;
    font-weight: 700;
    text-transform:uppercase;
}

.paraHdrRed {
    color: orangered !important;
}

.buttonDiv {
    width:100%;
    float:left;
    padding-top:40px;
    /* padding-right: 20px; */
    /* padding-left: 20px; */
}

.listDiv {
    /* padding-top: 20px; */
    /* height: 100%; */
    display: inline-block;
}

.listDivInner {
    /* padding-left: 20px;
    padding-right: 20px; */
}

h4{
    font-family: 'Wavehaus128', sans-serif;
    font-size: 30px;
    line-height: 32px;
    color: #323e48;
}

.listItemWithCheckbox{
    width: 100% !important;
    padding-top: 0px !important;
    padding-left: 20px !important;
    margin-left: 20px !important;
    /* margin-top: 20px; */
    /* margin-bottom: 10px !important; */
    font-size: 18px !important;
    line-height: 28px !important;
}

.paymentTotalDiv {
    background: black;
    padding: 10px;
    color: white;
    text-align: center;
    font-weight: bold;
}

.sortDiv {
    text-align: center;
    background-color: #ececec;
    padding: 10px 0;
}

.listDivInner a {
    color: #212529;
}

.assignmentButton {
    float: left;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #828995;
}

.shopDateButton {
    float: left;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #828995;
}

.verifyLocationButton {
    float: left;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #828995;
}

.resendConfirmationButton {
    float: none;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #828995;
}

.viewMapButton {
    float: left;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #828995;
}

.instructionsButton {
    float: left;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #828995;
}

.moreButton {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #828995;
}

.hr {
    height: 1px;
    display: block;
    background-color: #fff;
    width: 100%;
    margin: 10px 0
}

.dvProfileCompletion {
    padding-bottom:23px;
}

.stat {
    font-weight: 700
}

.initiallyHidden {
    visibility: hidden;
    display: none
}

.star-rating {
    padding-top: 10px;
    /* padding-left: 22px; */
}

.star-rating-dash {
    padding-top: 10px;
    padding-left: 22px;
}

.titleBox {
    float: right
}

.iconAnchor {
    padding: 8px;
    background: #ebebe4
}

[class^="icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(https://shopperhub.cxgroup.com/css/images/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat
}

.icon-save {
    background-position: -288px 0
}

.icon-cancel {
    background-position: -310px 0
}

.icon-search {
    background-position: -336px 0
}

input[type=checkbox] {
    height: 20px;
    width: 20px
}

input[type="select"]:disabled {
    background: #ebebe4 !important;
    background-color: #ebebe4 !important
}

.textBox {
    max-width: 80% !important;
}

.addressTextBox {
    max-width: 80% !important;
}

.dropDown {
    max-width: 75% !important;
}

.dvTopMessage {
    color: #fff;
    /* padding: 20px; */
    background: #828995;
    font-size: 20px;
    text-align:center;
    /* visibility: hidden;
    display: none */
}

.questionnaireSection {
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;
    line-height: 30px;
    padding: 20px;
    color: #fff;
    background: #828995;
    border-radius: 5px;
    font-size: 26px;
    /*box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);*/
}

.numberLabel {
    font-weight: bold;
    letter-spacing: 2px;
    padding-right: 5px;
}

.instructionText {
    font-style: italic;
    color: #828995;
    font-size: 16px;
    font-weight: bold;
}

.questionResponseWrapper {
    padding-left: 20px;
    padding-right: 20px;
}

.listItemWithCheckboxProfile {
    margin-left: 0!important;
    margin-top:0;
}

.selectProfile {
    background-color: inherit!important;
}

.inputProfile {
    background-color: inherit!important;
}

.questionnaireTextArea {
    background-color: white !important;
    /*position: inherit !important;*/
    top: 1px !important;
    left: -1px !important;
    height: 179px !important;
}

.errorText {
    display: block !important;
    padding: 5px 0 10px 0;
    color: red;
    width: auto !important;
}

.message_grey {
    color: #fff;
    padding: 20px 20px 20px 70px;
    margin: 0 0 20px;
    background: #828995 url(https://shopperhub.cxgroup.com/img/info.eb0919ae.png) 20px center no-repeat;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    position: relative;
    font-size: 22px;
    line-height: 30px;
    float: left;
    width: 100%;
}

    .message_grey a {
        font-weight: 700;
        color: #fff
    }

.message_grey_noimage {
    color: #fff;
    padding: 20px;
    margin: 0 0 20px;
    background: #828995;
    border-radius: 5px;
    font-size: 22px;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    position: relative;
    line-height: 30px;
    float: left;
    width: 100%;
}

    .message_grey_noimage a {
        font-weight: 700;
        color: #fff
    }

.message_lightgrey {
    color: #253746;
    padding: 20px 20px 20px 70px;
    margin: 0 0 20px;
    background: #ececec url(https://shopperhub.cxgroup.com/img/info.eb0919ae.png) 20px center no-repeat;
    border-radius: 5px;
    min-width: 320px;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    position: relative;
    font-size: 22px;
    line-height: 30px;
    float: left;
    width: 100%;
}

    .message_lightgrey a {
        font-weight: 700;
        color: #253746
    }

.message_lightgrey_noimage {
    color: #253746;
    padding: 20px;
    margin: 0 0 20px;
    background: #ececec;
    border-radius: 5px;
    min-width: 320px;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    position: relative;
    font-size: 22px;
    line-height: 30px;
    float: left;
    width: 100%;
}

    .message_lightgrey_noimage a {
        font-weight: 700;
        color: #253746
    }

.contractorAgreements {
    color: #253746;
    padding: 10px;
    margin: 0 0 20px;
    background: rgba(239, 239, 239, 0.3);
    border-radius: 5px;
    min-width: 280px;
    /*box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);*/
    position: relative;
    font-size: 22px;
    line-height: 30px;
    float: left;
    width: 100%;
}

.feedback {
    margin-top: 5px;
    font-weight: 700 !important;
    color: #253746 !important;
    line-height: 32pt;
    visibility: hidden;
    display: none
}

    .feedback input {
        margin-right: 10px
    }

    .feedback label {
        position: relative;
        top: 5px;
        font-family: 'Wavehaus128', sans-serif;
        font-size: 16px;
        /* line-height: 24px; */
        width: 85%;
        flex: auto;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: top;
        font-weight: normal;
    }

#dvErrorWrapperFeedback {
    visibility: hidden;
    display: none;
}

.demoResponseWrapper {
    padding-top: 15px
}

.app_fullwidth {
    min-height:180px; 
    width: 100%;
    flex: 0 0 auto;
    text-align: left;
    padding: 30px 15px 0px 15px;
    background-color: #ececec;
    min-height: 500px;
}


.dash_fullwidth {
    width: 100%;
    flex: 0 0 auto;
    text-align: left;
    padding: 20px 0;
}

.dash_announcement {
    /* padding-right:10px!important; */
}

.dRowMainWhite {
    background-color: #fff;
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 30px;
    padding: 10px
}

.dRowMainGray {
    background-color: #ececec;
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 30px;
    padding: 10px
}

.dRowMainWhiteProfile {
    background-color: #fff;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    /* padding: 10px; */
    padding-left:0;
    padding-right:0;
    padding-top:10px;
    float:left;
}

.qEleZero {
    padding-bottom:10px;
}

.qEleOne {
     float: left; 
    width: 1%;
    /* margin-left: 10px; */
}

.qEleTwo {
    float: none;
    width: 95%;
    margin-left: 15px;
}

.dRowMainGrayProfile {
    background-color: #ececec;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    padding: 10px;
    padding-left:0;
    padding-right:0;
    padding-top:20px;
    float:left;
}

.dGrayWhiteInnerProfile {
    /* padding:10px; */
}

.dGrayWhiteInnerQuestionnaire {
    /* padding: 10px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.dHelpdeskFAQHeader {
    font-size: 19px;
    padding: 20px;
    background-color: #ececec;
    /* color: white; */
    font-weight: 500;
    display: inline-block;
    width: 100%;
}

.buttonDivProfile {
    padding-left:15px;
    padding-bottom:20px;
}

.fontPixBold {
    font-size: 14px;
    font-weight: 700
}

.agreeDiv {
    float: right;
    display: block;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: right
}

.clear {
    clear: both
}

.green {
    color: #f37f2a !important
}

.dash-my-shop-status {
    width: 973px;
    background: #FFF;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    margin: 0 auto;
    overflow-x: hidden;
    float: left;
    position: relative
}

#dash-L {
    width: 973px;
    float: left;
    position: relative;
    margin: 0
}

.dash-L-Header {
    display: block;
    background-color: #253746;
    height: 84px;
    color: #fff
}


.dash-announcement {
    width: 100%;
    color: #fff;
    padding: 20px 20px 20px 70px;
    margin: 0 0 20px;
    background: #828995 url(https://shopperhub.cxgroup.com/img/info.eb0919ae.png) 20px center no-repeat;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    position: relative;
    cursor: pointer;
    padding-right:12px!important;
    /*left: -10px;*/
}

    .dash-announcement a {
        cursor: pointer;
        font-weight: 700;
        color: #fff
    }

#db_wrap_a {
    margin-left: 10px;
    padding-top: 15px
}

.dash-L-a {
    float: left;
    width: 20%
}

.dash-L-b {
    float: left;
    margin-left: 16px;
    width: 75%
}

.divide-a {
    width: 1px;
    height: 150px;
    clear: both;
    float: right;
    text-align: center;
    position: relative;
    background-color: #9aa3b4;
    margin: -180px -4px 0 0
}

.divide-b {
    width: 1px;
    height: 150px;
    clear: both;
    float: right;
    text-align: center;
    position: relative;
    background-color: #9aa3b4;
    margin: -180px -4px 0 0
}

.divide-c {
    width: 1px;
    height: 150px;
    clear: both;
    float: right;
    text-align: center;
    position: relative;
    background-color: #9aa3b4;
    margin: -180px -4px 0 0
}

.divide-d {
    width: 1px;
    height: 150px;
    clear: both;
    float: right;
    text-align: center;
    position: relative;
    background-color: #9aa3b4;
    margin: -180px -4px 0 0
}

.value-label-a {
    font-size: 14px !important;
    font-weight: bold;
    color: #f37f2a;
    text-align: center;
    text-transform: uppercase;
    clear: both;
    float: none;
    position: relative;
    margin: 0 auto 0 5px !important
}

.value-a {
    font-size: 80px !important;
    color: rgba(37,55,70,0.75) !important;
    clear: both;
    float: left;
    text-align: center;
    width: 100%;

    /* for PRODUCTION */
    height: 55px;
    margin-top: 30px;
}

.go-button-div {
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom:10px;
}

.dash-capsule {
    width: 237px;
    height: 250px;
    background: #FFF;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    display: inline-block;
    clear: both;
    margin: 20px 8px 0 0
}

    .dash-capsule h16 {
        height: 36px
    }

    .dash-capsule h10 {
        height: 36px
    }

    .dash-capsule a {
        color: #f37f2a !important;
        text-decoration: none
    }

        .dash-capsule a:hover {
            color: #FFF !important
        }

.rank-btn {
    border-radius: 4px;
    font-size: 12px;
    padding: 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    text-align: left !important;
    width: 172px;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-indent: 5px;
    letter-spacing: 1px;
    background-color: #828995;
    margin: 5px;
    margin-top: 48px;
    display: inline-block;
    margin-left: 25px;
    float: left;
    position: relative;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
}

    .rank-btn:hover {
        background-color: #f37f2a
    }

.profile-btn {
    border-radius: 4px;
    font-size: 12px;
    padding: 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    text-align: left !important;
    width: 172px;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-indent: 5px;
    letter-spacing: 1px;
    background-color: #828995;
    margin: 5px;
    margin-top: 20px;
    display: inline-block;
    margin-left: 25px;
    float: left;
    position: relative;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
}

    .profile-btn:hover {
        background-color: #f37f2a
    }

.geo-btn {
    border-radius: 4px;
    font-size: 12px;
    padding: 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    text-align: left !important;
    width: 172px;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-indent: 5px;
    letter-spacing: 1px;
    background-color: #828995;
    display: inline-block;
    margin-left: 25px;
    float: left;
    position: relative
}

    .geo-btn:hover {
        background-color: #828995
    }

h9 {
    color: rgba(37,55,70,0.75) !important;
    font-size: 42px;
    clear: both;
    float: left;
    text-align: left;
    position: relative;
    /* margin: 5px 0 30px 30px !important; */
    /* for PRODUCTION */
    margin: 30px 0 30px 30px !important;
    width: 920px
}

.dash-btn {
    border-radius: 4px;
    font-size: 12px;
    padding: 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    text-align: center !important;
    width: 55px;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-indent: 5px;
    letter-spacing: 1px;
    background-color: #828995;
    margin: 5px;
    display: inline-block;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    cursor: pointer;
}

    .dash-btn:hover {
        background-color: #828995
    }

h10 {
    color: #FFF !important;
    width: 100px;
    font-size: 16px;
    line-height: 18px;
    clear: both;
    float: left;
    text-align: left;
    position: relative;
    margin: 20px 0 15px 20px !important;
    text-transform: uppercase
}

h16 {
    color: rgba(37,55,70,0.75) !important;
    width: 165px;
    font-size: 16px;
    line-height: 18px;
    clear: both;
    float: left;
    text-align: left;
    position: relative;
    margin: 20px 0 15px 20px !important;
    text-transform: uppercase;
    font-weight: 700
}

h12 {
    color: rgba(37,55,70,0.75) !important;
    font-size: 60px;
    clear: both;
    float: right;
    position: relative;
    margin-left: 60px;
    margin-right: -30px;
    font-weight: 700;
    /* margin-top: -77px; */
    /* for PRODUCTION */
    margin-top: -40px;
    height: 70px;
    width: 120px
}

.white-rule {
    background-color: #FFF;
    height: 1px;
    width: 194px;
    float: left;
    position: relative;
    margin: 5px 0 5px 20px
}

.blue-rule {
    background-color: rgba(37,55,70,0.75);
    height: 1px;
    width: 194px;
    float: left;
    position: relative;
    margin: 5px 0 5px 20px
}

.trans-btn {
    font-size: 14px;
    padding: 7px 10px;
    text-decoration: none;
    display: inline-block;
    color: rgba(37,55,70,0.75) !important;
    text-align: left !important;
    width: 150px;
    text-decoration: none !important;
    text-indent: 5px;
    float: left;
    position: relative;
    background: transparent url(https://shopperhub.cxgroup.com/images/dashboard/Dashboard-arrow.png) 100% 50% no-repeat
}

    .trans-btn:hover {
        color: #f37f2a !important
    }

.icon {
    width: 22px;
    height: 28px;
    float: left;
    position: relative;
    margin: 6px 0 0 20px
}

.icon2 {
    width: 64px;
    height: 61px;
    float: left;
    position: relative;
    margin: 20px 0 0 30px;
    display: block
}

.geoicon {
    width: 100px;
    height: 100px;
    float: left;
    position: relative;
    margin: 5px 0 0 60px;
    display: block
}

.dash-tile-btn {
    border-radius: 6px;
    font-size: 12px;
    padding: 7px 10px;
    text-decoration: none;
    display: inline-block;
    color: #FFF !important;
    text-align: left !important;
    width: 172px;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-indent: 5px;
    letter-spacing: 1px;
    background-color: #828995;
    margin-left: 20px;
    float: left;
    position: relative;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
    text-align:center !important;
    cursor: pointer;
}

    .dash-tile-btn:hover {
        background-color: #f37f2a
    }

.shop-box {
    width: 194px;
    height: 70px;
    float: left;
    position: relative;
    margin-bottom: 50px
}

.dashboardItemTableColumn_LoadingImage {
    position: relative;
    top: -60px;
    left: 52px;
    padding-top: 121px
}

.progress-pie-chart {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #e5e5e5;
    position: relative
}

    .progress-pie-chart.gt-50 {
        background-color: #f37f2a
    }

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    clip: rect(0px,80px,80px,40px)
}

    .ppc-progress .ppc-progress-fill {
        content: "";
        position: absolute;
        border-radius: 50%;
        left: calc(50% - 40px);
        top: calc(50% - 40px);
        width: 80px;
        height: 80px;
        clip: rect(0px,40px,80px,0px);
        background: #f37f2a;
        transform: rotate(60deg)
    }

.gt-50 .ppc-progress {
    clip: rect(0px,40px,80px,0px)
}

    .gt-50 .ppc-progress .ppc-progress-fill {
        clip: rect(0px,80px,80px,40px);
        background: #e5e5e5
    }

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 70px/2);
    top: calc(50% - 70px/2);
    width: 70px;
    height: 70px;
    background: #828995;
    text-align: center;
    display: table
}

    .ppc-percents span {
        display: block;
        font-size: 2em;
        font-weight: 700;
        color: #fff
    }

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle
}

.progress-pie-chart {
    margin: 100px auto 0
}

.row_dash {
    max-width: 982px;
    min-width: 320px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

#dvLoginMessage {
    float: left;
    padding-right: 20px
}

#dvProfilePicture {
    float: right;
    height: 1px
}

    #dvProfilePicture img {
        border-radius: 50%;
        position: relative;
        top: -25px;
        border: 1px solid #f37f2a;
        height: 50px;
        width: 50px
    }

@media only screen and (max-width: 1023px) {
    .app_fullwidth {
        width: 100%;
        flex: 0 0 auto;
        text-align: left;
        padding: 60px 0
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .app_fullwidth {
        padding: 30px 0 0px;
        max-width: 1024px
    }

    .dash_fullwidth {
        padding: 20px 0 60px 15px;
        max-width: 1024px
    }

    .dash-my-shop-status {
        width: 738px !important;
        border-radius: 6px;
        font-size: 12px;
        float: left;
        position: relative;
        margin: 0 auto;
        overflow-x: hidden;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
    }

    #dash-L {
        width: 740px;
        float: left;
        position: relative;
        margin: 0
    }

    

    #db_wrap_a {
        margin-left: 10px !important;
        padding-top: 15px
    }

    .dash-L-a {
        float: left;
        width: 20%
    }

    .dash-L-b {
        float: left;
        margin-left: 10px
    }

    .divide-a {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-b {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-c {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-d {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .value-label-a {
        font-size: 14px !important;
        font-weight: bold;
        color: #f37f2a;
        text-align: center;
        text-transform: uppercase;
        clear: both;
        float: none;
        position: relative;
        margin: 0 auto 0 5px !important;
        white-space: nowrap
    }

    .value-a {
        font-size: 80px !important;
        color: rgba(37,55,70,0.75) !important;
        clear: both;
        float: left;
        text-align: center;
        width: 100%;
    }

    .dash-capsule {
        width: 235px;
        height: 250px;
        background: #FFF;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        margin: 20px 16px 0 0;
        float: none;
        clear: right !important
    }

        .dash-capsule h16 {
            height: 36px
        }

        .dash-capsule h10 {
            height: 36px
        }

    #dash-my-report-center {
        width: 232px;
        height: 250px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        margin: 20px 16px 0 0;
        float: none;
        clear: right !important
    }

        #dash-my-report-center a {
            color: #f37f2a !important;
            text-decoration: none
        }

            #dash-my-report-center a:hover {
                color: #FFF !important
            }

    #dash-my-ranking {
        width: 232px;
        height: 250px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        margin: 20px 16px 0 0
    }

    #dash-my-profile {
        width: 232px;
        height: 250px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        margin: 20px 16px 0 0
    }

    .progress-pie-chart {
        margin-left: 103px !important;
        margin-top: 80px !important
    }

    #dash-referral {
        width: 232px;
        height: 250px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        margin: 20px 16px 0 0
    }

    #dash-location-checkin {
        width: 232px;
        height: 250px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        margin: 20px 16px 0 0;
        float: none
    }

    h9 {
        color: rgba(37,55,70,0.75) !important;
        font-size: 32px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 5px 0 30px 30px !important;
        width: 720px
    }

    .dash-btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 10px;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        text-align: center !important;
        width: 75px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        margin: 5px;
        display: inline-block
    }

        .dash-btn:hover {
            background-color: #f37f2a
        }

    h10 {
        color: #FFF !important;
        width: 100px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 15px 20px !important;
        text-transform: uppercase
    }

    h16 {
        color: rgba(37,55,70,0.75) !important;
        width: 165px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 15px 20px !important;
        text-transform: uppercase;
        font-weight: 700
    }

    h12 {
        color: rgba(37,55,70,0.75) !important;
        font-size: 60px;
        clear: both;
        float: right;
        position: relative;
        margin-left: 60px;
        margin-right: -30px;
        font-weight: 700;
        margin-top: -77px;
        height: 70px;
        width: 120px
    }

    .white-rule {
        background-color: #FFF;
        height: 1px;
        width: 194px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .blue-rule {
        background-color: rgba(37,55,70,0.75);
        height: 1px;
        width: 194px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .trans-btn {
        font-size: 14px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: rgba(37,55,70,0.75) !important;
        text-align: left !important;
        width: 150px;
        text-decoration: none !important;
        text-indent: 5px;
        float: left;
        position: relative;
        background: transparent url(https://shopperhub.cxgroup.com/images/dashboard/Dashboard-arrow.png) 100% 50% no-repeat
    }

        .trans-btn:hover {
            color: #f37f2a !important
        }

    .icon {
        width: 22px;
        height: 28px;
        float: left;
        position: relative;
        margin: 6px 0 0 20px
    }

    .icon2 {
        width: 64px;
        height: 61px;
        float: left;
        position: relative;
        margin: 20px 0 0 40px;
        display: block
    }

    .dash-tile-btn {
        border-radius: 6px;
        font-size: 12px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: #FFF !important;
        text-align: left !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        margin-left: 20px;
        float: left;
        position: relative;
        text-align:center !important;
    }

        .dash-tile-btn:hover {
            background-color: #f37f2a
        }

    .geo-btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        text-align: left !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        display: inline-block;
        margin-left: 25px;
        float: left;
        position: relative
    }

    .profile-btn {
        margin-top: 10px;
        margin-left: 28px
    }

    .progress-pie-chart {
        margin-left: 80px !important;
        margin-top: 110px !important
    }

    .rank-btn {
        text-align: left !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        margin-left: 25px;
        float: left;
        position: relative
    }

    .shop-box {
        width: 194px;
        height: 70px;
        float: left;
        position: relative;
        margin-bottom: 50px
    }

    .star-rating {
        padding-top: 10px
    }

    .dvProfileCompletion {
        margin-top:-10px;
    }
}

@media only screen and (max-width: 768px) {
    .app_fullwidth {
        padding: 30px 0 0px;
        max-width: 768px
    }

    .dash_fullwidth {
        padding: 20px 0 60px 15px;
        max-width: 768px
    }

    .dash-my-shop-status {
        width: 715px !important;
        border-radius: 6px;
        font-size: 12px;
        float: left;
        position: relative;
        margin: 0 auto;
        overflow-x: hidden;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
    }

    #dash-L {
        width: 715px;
        float: left;
        position: relative;
        margin: 0
    }

    #db_wrap_a {
        margin-left: 10px !important;
        padding-top: 15px
    }

    .dash-L-a {
        float: left;
        width: 20%
    }

    .dash-L-b {
        float: left;
        margin-left: 10px
    }

    .divide-a {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-b {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-c {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-d {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .value-label-a {
        font-size: 14px !important;
        font-weight: bold;
        color: #f37f2a;
        text-align: center;
        text-transform: uppercase;
        clear: both;
        float: none;
        position: relative;
        margin: 0 auto 0 5px !important;
        white-space: nowrap
    }

    .value-a {
        font-size: 80px !important;
        color: rgba(37,55,70,0.75) !important;
        clear: both;
        float: left;
        text-align: center;
        width: 100%;
    }

    h9 {
        color: rgba(37,55,70,0.75) !important;
        font-size: 32px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 5px 0 30px 15px !important;
        width: 700px
    }

    .dash-capsule {
        width: 345px;
        height: 220px;
        background: #FFF;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: left;
        margin: 20px 20px 0 0
    }

    #dash-my-report-center {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: left;
        margin: 20px 20px 0 0
    }

    #dash-my-ranking {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

    #dash-my-profile {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

    #dash-referral {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

        #dash-referral .shop-box {
            height: 70px
        }

    #dash-location-checkin {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

    .geo-btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        text-align: left !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        display: inline-block;
        margin-left: 140px;
        float: left;
        position: relative
    }

    .dash-tile-btn {
        border-radius: 6px;
        font-size: 12px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: #FFF !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        margin-left: 140px;
        margin-top: -20px;
        float: left;
        position: relative;
        text-align:center !important;
    }

    .profile-btn {
        margin-top: 12px;
        margin-left: 138px
    }

    .progress-pie-chart {
        margin-left: 183px !important;
        margin-top: 80px !important
    }

    .rank-btn {
        text-align: left !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        margin-left: 140px;
        margin-top: 30px;
        float: left;
        position: relative
    }

    .trans-btn {
        font-size: 14px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: rgba(37,55,70,0.75) !important;
        text-align: left !important;
        width: 250px;
        text-decoration: none !important;
        text-indent: 5px;
        float: left;
        position: relative;
        background: transparent url(https://shopperhub.cxgroup.com/images/dashboard/Dashboard-arrow.png) 100% 50% no-repeat
    }

    .white-rule {
        background-color: #FFF;
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .blue-rule {
        background-color: rgba(37,55,70,0.75);
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .shop-box {
        width: 194px;
        height: 70px;
        float: left;
        position: relative;
        margin-bottom: 50px;
        margin-left: 110px
    }

    h10 {
        color: #FFF !important;
        width: 300px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase
    }

    h16 {
        color: rgba(37,55,70,0.75) !important;
        width: 260px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase;
        font-weight: 700
    }

    .icon {
        width: 22px;
        height: 28px;
        float: left;
        position: relative;
        margin: 6px 0 0 20px
    }

    .icon2 {
        width: 64px;
        height: 61px;
        float: left;
        position: relative;
        margin: 20px 0 0 40px;
        display: block
    }

    .dvProfileCompletion {
        padding-bottom:33px;
    }

    .geoicon img {
        width:85px;
        height:85px;
        margin-left:15px;
    }
}

@media only screen and (max-width: 680px) {
    .app_fullwidth {
        padding: 30px 0 0px;
        max-width: 680px
    }

    .dash_fullwidth {
        padding: 20px 0 60px 15px;
        max-width: 680px
    }

    .dash-my-shop-status {
        width: 605px !important;
        border-radius: 6px;
        font-size: 12px;
        float: left;
        position: relative;
        margin: 0 auto;
        overflow-x: hidden;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
    }

    #dash-L {
        width: 605px;
        float: left;
        position: relative;
        margin: 0
    }

    #db_wrap_a {
        margin-left: 10px !important;
        padding-top: 15px
    }

    #divide_four {
        visibility: hidden
    }

    .dash-L-a {
        float: left;
        width: 25%;
        padding-bottom: 30px
    }

    .dash-L-b {
        float: left;
        margin-left: 10px
    }

    .divide-a {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-b {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-c {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0
    }

    .divide-d {
        width: 1px;
        height: 150px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -180px 10px 0 0;
        display: none;
    }

    .value-label-a {
        font-size: 14px !important;
        font-weight: bold;
        color: #f37f2a;
        text-align: center;
        text-transform: uppercase;
        clear: both;
        float: none;
        position: relative;
        margin: 0 auto 0 5px !important
    }

    .value-a {
        font-size: 80px !important;
        color: rgba(37,55,70,0.75) !important;
        clear: both;
        float: left;
        text-align: center;
        width: 100%;
    }

    h9 {
        color: rgba(37,55,70,0.75) !important;
        font-size: 32px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 5px 0 30px 15px !important;
        width: 600px
    }

    .dash-capsule {
        width: 345px;
        height: 220px;
        background: #FFF;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: left;
        margin: 20px 20px 0 0
    }

        .dash-capsule h16 {
            height: 36px
        }

        .dash-capsule h10 {
            height: 36px
        }

    #dash-my-report-center {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: left;
        margin: 20px 20px 0 0
    }

    #dash-my-ranking {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

    #dash-my-profile {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

    #dash-referral {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

    #dash-location-checkin {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 20px 0 0
    }

    .dash-tile-btn {
        border-radius: 6px;
        font-size: 12px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: #FFF !important;
        text-align:center !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        margin-left: 140px;
        margin-top: -20px;
        float: left;
        position: relative;
    }

    .trans-btn {
        font-size: 14px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: rgba(37,55,70,0.75) !important;
        text-align: left !important;
        width: 250px;
        text-decoration: none !important;
        text-indent: 5px;
        float: left;
        position: relative;
        background: transparent url(https://shopperhub.cxgroup.com/images/dashboard/Dashboard-arrow.png) 100% 50% no-repeat
    }

    .white-rule {
        background-color: #FFF;
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .blue-rule {
        background-color: rgba(37,55,70,0.75);
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .shop-box {
        width: 194px;
        height: 70px;
        float: left;
        position: relative;
        margin-bottom: 50px;
        margin-left: 110px
    }

    h10 {
        color: #FFF !important;
        width: 300px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase
    }

    h16 {
        color: rgba(37,55,70,0.75) !important;
        width: 260px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase;
        font-weight: 700
    }

    .icon {
        width: 22px;
        height: 28px;
        float: left;
        position: relative;
        margin: 6px 0 0 20px
    }

    .icon2 {
        width: 64px;
        height: 61px;
        float: left;
        position: relative;
        margin: 20px 0 0 40px;
        display: block
    }

    .dvProfileCompletion {
        padding-bottom:33px;
    }
}

@media only screen and (max-width: 620px) {
    .app_fullwidth {
        padding: 20px 0 0px;
        max-width: 620px
    }

    .dash_fullwidth {
        padding: 20px 0 60px 15px;
        max-width: 620px
    }

    .dash-my-shop-status {
        width: 565px !important;
        border-radius: 6px;
        font-size: 12px;
        float: left;
        position: relative;
        margin: 0 auto;
        overflow-x: hidden;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
    }

    #dash-L {
        width: 565px !important;
        float: left;
        position: relative;
        margin: 0
    }

    #db_wrap_a {
        margin-left: 10px !important;
        padding-top: 15px
    }

    #divide_four {
        visibility: visible
    }

    .dash-L-a {
        float: left;
        width: 25%
    }

    .dash-L-b {
        float: left;
        margin-left: 10px
    }

    .divide-a {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0
    }

    .divide-b {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0
    }

    .divide-c {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0
    }

    .divide-d {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0;
        display: none;
    }

    .value-label-a {
        font-size: 14px !important;
        font-weight: bold;
        color: #f37f2a;
        text-align: center;
        text-transform: uppercase;
        clear: both;
        float: none;
        position: relative;
        margin: 0 auto 0 5px !important
    }

    .value-a {
        font-size: 60px !important;
        color: rgba(37,55,70,0.75) !important;
        clear: both;
        float: left;
        text-align: center;
        width: 100%;
    }

    h9 {
        color: rgba(37,55,70,0.75) !important;
        font-size: 28px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 5px 0 30px 15px !important
    }

    .dash-capsule {
        width: 345px;
        height: 220px;
        background: #FFF;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

        .dash-capsule h16 {
            height: 36px
        }

        .dash-capsule h10 {
            height: 36px
        }

    #dash-my-report-center {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

    #dash-my-ranking {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

    #dash-my-profile {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

    #dash-referral {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

    #dash-location-checkin {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

    .geoicon {
        width: 100px;
        height: 100px;
        float: left;
        position: relative;
        margin: 5px 0 0 50px;
        display: block
    }

    .geo-btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        text-align: left !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        display: inline-block;
        margin-left: 140px;
        float: left;
        position: relative
    }

    .dash-tile-btn {
        border-radius: 6px;
        font-size: 12px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: #FFF !important;
        text-align:center !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        margin-left: 140px;
        margin-top: -20px;
        float: left;
        position: relative
    }

    .trans-btn {
        font-size: 14px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: rgba(37,55,70,0.75) !important;
        text-align: left !important;
        width: 250px;
        text-decoration: none !important;
        text-indent: 5px;
        float: left;
        position: relative;
        background: transparent url(https://shopperhub.cxgroup.com/images/dashboard/Dashboard-arrow.png) 100% 50% no-repeat
    }

    .white-rule {
        background-color: #FFF;
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .blue-rule {
        background-color: rgba(37,55,70,0.75);
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .shop-box {
        width: 194px;
        height: 70px;
        float: left;
        position: relative;
        margin-bottom: 50px;
        margin-left: 110px
    }

    h10 {
        color: #FFF !important;
        width: 300px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase
    }

    h16 {
        color: rgba(37,55,70,0.75) !important;
        width: 260px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase;
        font-weight: 700
    }

    .icon {
        width: 22px;
        height: 28px;
        float: left;
        position: relative;
        margin: 6px 0 0 20px
    }

    .icon2 {
        width: 64px;
        height: 61px;
        float: left;
        position: relative;
        margin: 20px 0 0 40px;
        display: block
    }

    .dvProfileCompletion {
        padding-bottom:33px;
    }
}

@media only screen and (max-width: 480px) {
    .app_fullwidth {
        padding: 20px 0 0px;
        max-width: 480px
    }

    .dash_fullwidth {
        padding: 30px 0 60px 15px;
        max-width: 480px
    }

    .dash-my-shop-status {
        width: 345px !important;
        border-radius: 6px;
        font-size: 12px;
        float: left;
        position: relative;
        margin: 0 auto;
        overflow-x: hidden;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
    }

    #dash-L {
        width: 345px !important;
        float: left;
        position: relative;
        margin: 0
    }

    #db_wrap_a {
        margin-left: 10px !important;
        padding-top: 15px
    }

    #divide_three {
        visibility: hidden
    }

    #divide_four {
        visibility: visible
    }

    .dash-L-a {
        float: left;
        width: 33%;
        padding-bottom: 20px
    }

    .dash-L-b {
        float: left;
        margin-left: 10px
    }

    .divide-a {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 1px 0 0
    }

    .divide-b {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 1px 0 0
    }

    .divide-c {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 1px 0 0;
        display: none;
    }

    .divide-d {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 1px 0 0;
        display: inline-block;
    }

    .value-label-a {
        font-size: 14px !important;
        font-weight: bold;
        color: #f37f2a;
        text-align: center;
        text-transform: uppercase;
        clear: both;
        float: none;
        position: relative;
        margin: 0 auto 0 5px !important
    }

    .value-a {
        font-size: 60px !important;
        color: rgba(37,55,70,0.75) !important;
        clear: both;
        float: left;
        text-align: center;
        width: 100%;
    }

    h9 {
        color: rgba(37,55,70,0.75) !important;
        font-size: 20px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 5px 0 30px 15px !important
    }

    .dash-capsule {
        width: 345px;
        height: 220px;
        background: #FFF;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

        .dash-capsule h16 {
            height: 36px
        }

        .dash-capsule h10 {
            height: 36px
        }

    #dash-my-report-center {
        width: 345px;
        height: 220px;
        border: 1px solid #2e3d59;
        border-radius: 6px;
        font-size: 12px;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);
        display: inline-block;
        clear: both;
        margin: 20px 8px 0 0
    }

    .dash-tile-btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        text-align:center !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        display: inline-block;
        margin-left: 140px;
        float: left;
        position: relative
    }

    .trans-btn {
        font-size: 14px;
        padding: 7px 10px;
        text-decoration: none;
        display: inline-block;
        color: rgba(37,55,70,0.75) !important;
        text-align: left !important;
        width: 250px;
        text-decoration: none !important;
        text-indent: 5px;
        float: left;
        position: relative;
        background: transparent url(https://shopperhub.cxgroup.com/images/dashboard/Dashboard-arrow.png) 100% 50% no-repeat
    }

    .white-rule {
        background-color: #FFF;
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .blue-rule {
        background-color: rgba(37,55,70,0.75);
        height: 1px;
        width: 300px;
        float: left;
        position: relative;
        margin: 5px 0 5px 20px
    }

    .shop-box {
        width: 194px;
        height: 70px;
        float: left;
        position: relative;
        margin-bottom: 50px;
        margin-left: 110px
    }

    h10 {
        color: #FFF !important;
        width: 250px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase
    }

    h16 {
        color: rgba(37,55,70,0.75) !important;
        width: 260px;
        font-size: 16px;
        line-height: 18px;
        clear: both;
        float: left;
        text-align: left;
        position: relative;
        margin: 20px 0 5px 20px !important;
        text-transform: uppercase;
        font-weight: 700
    }

    .icon {
        width: 22px;
        height: 28px;
        float: left;
        position: relative;
        margin: 6px 0 0 20px
    }

    .icon2 {
        width: 64px;
        height: 61px;
        float: left;
        position: relative;
        margin: 20px 0 0 40px;
        display: block
    }

    .dvProfileCompletion {
        padding-bottom:33px;
    }
}

@media only screen and (max-width: 320px) {
    .app_fullwidth {
        max-width: 320px
    }

    .dash_fullwidth {
        padding: 30px 0 60px 15px;
        max-width: 320px
    }

    .profile-btn {
        margin-top: 12px;
        margin-left: 38px
    }

    .progress-pie-chart {
        margin-left: 90px !important
    }

    #dash-my-ranking .shop-box {
        margin-left: 10px
    }

    #dash-location-checkin .shop-box {
        margin-left: 80px
    }

    #dash-referral .shop-box {
        margin-left: 80px
    }

    #dash-my-ranking .star-rating {
        padding-right: 40px
    }

    .tools {
        width: 275px !important
    }

    .dash-my-shop-status {
        width: 270px !important;
        border-radius: 6px;
        font-size: 12px;
        float: left;
        position: relative;
        margin: 0 auto;
        overflow-x: hidden;
        box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2)
    }

    #dash-L {
        width: 270px !important;
        float: left;
        position: relative;
        margin: 0
    }

    #db_wrap_a {
        margin-left: 10px !important;
        padding-top: 15px
    }

    #divide_three {
        visibility: hidden
    }

    #divide_four {
        visibility: visible
    }

    .dash-L-a {
        float: left;
        width: 33%;
        padding-bottom: 20px
    }

    .dash-L-b {
        float: left;
        margin-left: 10px
    }

    .divide-a {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0
    }

    .divide-b {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0
    }

    .divide-c {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0;
        display: none;
    }

    .divide-d {
        width: 1px;
        height: 100px;
        clear: both;
        float: right;
        text-align: center;
        position: relative;
        background-color: #9aa3b4;
        margin: -130px 0 0;
        display: inline-block;
    }

    .value-label-a {
        font-size: 12px !important;
        font-weight: bold;
        color: #f37f2a;
        text-align: center;
        text-transform: uppercase;
        clear: both;
        float: none;
        position: relative;
        margin: 0 auto 0 5px !important
    }

    .value-a {
        font-size: 30px !important;
        color: rgba(37,55,70,0.75) !important;
        clear: both;
        float: left;
        text-align: center;
        width: 100%;
    }

    .rank-btn {
        margin-left: 38px
    }

    .dash-btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        text-align: left !important;
        width: 42px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 3px;
        letter-spacing: 1px;
        background-color: #828995;
        margin: 5px;
        display: inline-block
    }

        .dash-btn:hover {
            background-color: #f37f2a
        }

    .dash-capsule {
        width: 270px !important
    }

        .dash-capsule h16 {
            height: 36px
        }

        .dash-capsule h10 {
            height: 36px
        }

    #dash-my-report-center {
        width: 270px !important;
        height: 220px !important
    }

    #dash-my-ranking {
        width: 270px !important
    }

    #dash-my-profile {
        width: 270px !important
    }

    #dash-referral {
        width: 270px !important
    }

    #dash-location-checkin {
        width: 270px !important
    }

    .geoicon {
        margin-left: 0
    }

    .geo-btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        text-align: left !important;
        width: 172px;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-indent: 5px;
        letter-spacing: 1px;
        background-color: #828995;
        display: inline-block;
        margin-left: 40px;
        float: left;
        position: relative
    }

    .trans-btn {
        width: 185px !important
    }

    .white-rule {
        width: 230px !important
    }

    .blue-rule {
        width: 230px !important
    }

    .shop-box {
        width: 180px !important
    }

    h12 {
        margin-right: 30px !important
    }

    .icon2 {
        margin: 20px 0 0 -40px !important
    }

    .dash-tile-btn {
        margin-left: 35px !important
    }

    .dvProfileCompletion {
        padding-bottom:33px;
    }
    
}

/*! CSS Used from: https://shopperhub.cxgroup.com/css/gallery.css */

.expDateErrorLabel {
    border-bottom-color: rgb(243, 127, 42);
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(243, 127, 42);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(243, 127, 42);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(243, 127, 42);
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(243, 127, 42);
    display: inline-block;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: "Wavehaus128", sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 16px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: left;
    vertical-align: baseline;
    visibility: visible;
    width: 65.7833px;
}
.expDateLabel {
    border-bottom-color: rgb(37, 55, 70);
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(37, 55, 70);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(37, 55, 70);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(37, 55, 70);
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(37, 55, 70);
    display: block;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: "Wavehaus128", sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 16px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: left;
    vertical-align: baseline;
    width: 300px
}

.expDateTextBox {
    border-bottom-color: rgb(243, 127, 42);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(0, 0, 0);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(0, 0, 0);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    font-family: "Wavehaus66", sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 18px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: 400;
    line-height: 32px;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: start;
    width: 300px
}


.galleryControls {
    margin: auto;
    text-align: center;
    padding-top: 36px;
    background-color: #ececec;
    /* margin-top: 16px; */
}

.galleryMessage {
    padding-bottom: 10px;
}

.blueHover:hover {
    background-color: #828995;
    color: #fff;
}


.greenHover:hover {
    background-color: #828995;
}

.redHover:hover {
    background-color: #828995;
}

#uploadPanel {
    visibility: visible;
    display: block;
    height: auto;
    float: none;
}

.editableCanvasInner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f37f2a;
    margin-top: 0;
    margin-bottom: 10px;
}

.uploadBoxInner {
    padding-top: 25px;
    height: 250px;
    font-size: 14px;
}

.header {
    font-size: 10pt;
    margin: 0;
    word-spacing: 0;
    vertical-align: top;
    text-indent: 0;
    text-align: center;
    border-style: none;
    padding: 0;
}

.wrapSingle {
    scroll: auto;
    display: inline-block;
    background-color: #ececec;
    width: 100%;
    min-height:500px;
}

.wrapMultiple {
    scroll: auto;
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block; 
    background-color: #ececec;
    padding-left: 60px;
    width: 100%;
    min-height:500px;
}

.box {
    float: left;
    position: relative;
    width: 20%;
    padding-bottom: 15%;
    height:216px;
    width: 287px;
}

.boxInner {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    overflow: hidden;
    background: #828995 !important;
    border: 2px solid #667064;
    border-radius: 5px 5px 5px 5px;
    box-shadow: -2px -2px 15px #888;
}

    .boxInner .titleBox {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #000;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        padding-top: 0px;
        padding-bottom: 2px;
        text-align: right;
    }

.iconAnchor {
    padding: 8px;
    background: lightgray;
    width: 35px;
    float: right;
    padding-right:10px;
}

[class^="icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(https://shopperhub.cxgroup.com/css/images/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-search {
    background-position: -336px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-pencil {
    background-position: 0 -72px;
}

@media only screen and (max-width: 480px) {
    .box {
        width: 100%;
        padding-bottom: 70%;
    }
}

@media only screen and (max-width: 650px) and (min-width: 481px) {
    .box {
        width: 50%;
        padding-bottom: 40%;
    }
}

@media only screen and (max-width: 1050px) and (min-width: 651px) {
    .box {
        width: 33.3%;
        padding-bottom: 24.3%;
    }
}

@media only screen and (max-width: 1290px) and (min-width: 1051px) {
    .box {
        width: 25%;
        padding-bottom: 19%;
    }
}

.iconAnchor {
    cursor: pointer;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-rotate-right:before {
    content: "\f01e";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-rotate-left:before {
    content: "\f0e2";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.header {
    position: relative;
    z-index: 0;
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #666;
}

@media (min-width: 768px) {
    .header {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.main {
    position: absolute;
    top: 184px;
    right: 0;
    bottom: 0;
    left: 0;
    color: #333;
    background-color: lightgray;
}

.menu {
    float: right;
}

.menu__button {
    float: left;
    display: block;
    width: 48px;
    height: 48px;
    border-width: 0;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

    .menu__button:focus {
        outline: none;
    }

    .menu__button:hover {
        background-color: #828995;
        color: #fff;
    }

.menu__button--success:hover {
    background-color: #828995;
}

.menu__button--danger:hover {
    background-color: #828995;
}

.toolbar {
    bottom: 16px;
    z-index: 2015;
    width: 100%;
    height: 48px;
    color: #D0D2D3;
    margin-left: auto;
    margin-right: auto;
    line-height: 48px;
    top: 157px;
    background-color: #ececec;
    font-weight: bold;
}

.toolbar__button {
    float: left;
    display: block;
    width: 25%;
    height: 48px;
    font-size: 16px;
    text-align: center;
    background-color: #D0D2D3;
    color: #58595b;
    cursor: pointer;
    border: 2px solid #58595B;
    margin-top: -36px;
}

    .toolbar__button:focus {
        outline: none;
    }

    .toolbar__button:hover {
        background-color: #828995;
        color: #fff;
    }

.upload {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .upload > p {
        display: table-cell;
        color: #21365a !important;
        text-align: center;
        vertical-align: middle;
    }

.browse {
    margin-left: 4px;
    color: #0074d9;
    cursor: pointer;
}

    .browse:hover {
        color: #828995;
        text-decoration: underline;
    }

.canvas {
    width: 100%;
    height: 100%;
}

.editor {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

    .editor > img {
        display: block;
        max-width: 90%;
        max-height: 90%;
    }

.menu__button {
    width: 100px !important;
}

.menu__button_return {
    width: 250px !important;
}
/*! CSS Used from: https://shopperhub.cxgroup.com/js/cropper/css/font-awesome.min.css */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-rotate-right:before {
    content: "\f01e";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-rotate-left:before {
    content: "\f0e2";
}
/*! CSS Used from: https://shopperhub.cxgroup.com/js/cropper/css/main.css */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}



@media (min-width: 768px) {
    .header {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.main {
    position: absolute;
    top: 184px;
    right: 0;
    bottom: 0;
    left: 0;
    color: #333;
    background-color: lightgray;
}

.menu {
    float: right;
}

.menu__button {
    float: left;
    display: block;
    width: 48px;
    height: 48px;
    border-width: 0;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

    .menu__button:focus {
        outline: none;
    }

    .menu__button:hover {
        background-color: #828995;
        color: #fff;
    }

.menu__button--success:hover {
    background-color: #828995;
}

.menu__button--danger:hover {
    background-color: #828995;
}

.toolbar {
    bottom: 16px;
    z-index: 2015;
    width: 100%;
    height: 48px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    line-height: 48px;
    top: 157px;
    background-color: #ececec;
    font-weight: bold;
}

.toolbar__button {
    float: left;
    display: block;
    width: 25%;
    height: 48px;
    font-size: 16px;
    text-align: center;
    background-color: #D0D2D3;
    color: #58595b;
    cursor: pointer;
    border: 2px solid #58595B;
}

    .toolbar__button:focus {
        outline: none;
    }

    .toolbar__button:hover {
        background-color: #828995;
        color: #fff;
    }

.upload {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .upload > p {
        display: table-cell;
        color: #21365a !important;
        text-align: center;
        vertical-align: middle;
    }

.browse {
    margin-left: 4px;
    color: #0074d9;
    cursor: pointer;
}

    .browse:hover {
        color: #828995;
        text-decoration: underline;
    }

.canvas {
    width: 100%;
    height: 100%;
}

.editor {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

    .editor > img {
        display: block;
        max-width: 90%;
        max-height: 90%;
    }
/*! CSS Used from: Embedded */
.menu__button {
    width: 100px !important;
}

.menu__button_return {
    width: 250px !important;
}
/*! CSS Used fontfaces */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.eot#iefix&v=4.5.0') format('embedded-opentype'), url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.eot#iefix&v=4.5.0') format('embedded-opentype'),url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('https://shopperhub.cxgroup.com/js/cropper/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "UTF-8";

/*!
	Zocial Butons
	http://zocial.smcllns.com
	by Sam Collins (@smcllns)
	License: http://opensource.org/licenses/mit-license.php

	You are free to use and modify, as long as you keep this license comment intact or link back to zocial.smcllns.com on your site.

  The GitLab logo is derived from https://gitlab.com/gitlab-com/gitlab-artwork/blob/a3aaa39c184e49bb3a0ba0d8be74718b3d5b887b/logo/logo-square.svg which is released under CC BY-NC-SA 4.0.
*/


/* Button structure */

.zocial,
a.zocial {
    /*border: 1px solid #777;
    border-color: rgba(0,0,0,0.2);
    border-bottom-color: #333;
    border-bottom-color: rgba(0,0,0,0.4);*/
    color: #fff;
    /*-moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
    -webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
    box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);*/
    cursor: pointer;
    display: block;
    font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif;
    padding: 0 .95em 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    border-radius: .5em;
}

    .zocial:before {
        content: "";
        border-right: 0.075em solid rgba(0,0,0,0.1);
        float: left;
        font: 120%/1.65 zocial;
        font-style: normal;
        font-weight: normal;
        margin: 0 0.5em 0 0;
        padding: 0 0.5em;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
        -moz-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

    .zocial:active {
        /*outline: none;  outline is visible on :focus */
    }

    .zocial:hover,
    .zocial:focus {
        /*color: #fff;*/
    }

    /* Buttons can be displayed as standalone icons by adding a class of "icon" */

    .zocial.icon {
        overflow: hidden;
        max-width: 2.4em;
        padding-left: 0;
        padding-right: 0;
        max-height: 2.15em;
        white-space: nowrap;
    }

        .zocial.icon:before {
            padding: 0;
            width: 2em;
            height: 2em;
            box-shadow: none;
            border: none;
        }

/* Gradients */

/*.zocial {
    background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
    background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
}

    .zocial:hover, .zocial:focus {
        background-image: -moz-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
        background-image: -ms-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
        background-image: -o-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), color-stop(49%, rgba(255,255,255,.15)), color-stop(51%, rgba(0,0,0,.1)), to(rgba(0,0,0,.15)));
        background-image: -webkit-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
        background-image: linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
    }

    .zocial:active {
        background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
        background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
        background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, transparent), to(rgba(0,0,0,.1)));
        background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
        background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(255,255,255,0) 30%, transparent 50%, rgba(0,0,0,.1));
    }*/

    /* Adjustments for light background buttons */

    .zocial.acrobat,
    .zocial.bitcoin,
    .zocial.cloudapp,
    .zocial.dropbox,
    .zocial.email,
    .zocial.eventful,
    .zocial.github,
    .zocial.gitlab,
    .zocial.gmail,
    .zocial.instapaper,
    .zocial.itunes,
    .zocial.ninetyninedesigns,
    .zocial.openid,
    .zocial.plancast,
    .zocial.pocket,
    .zocial.posterous,
    .zocial.reddit,
    .zocial.secondary,
    .zocial.stackoverflow,
    .zocial.viadeo,
    .zocial.weibo,
    .zocial.wikipedia,
    .zocial.www {
        border: 1px solid #aaa;
        border-color: rgba(0,0,0,0.3);
        border-bottom-color: #777;
        border-bottom-color: rgba(0,0,0,0.5);
        box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    }

        /* :hover adjustments for light background buttons */

        .zocial.acrobat:focus,
        .zocial.acrobat:hover,
        .zocial.bitcoin:focus,
        .zocial.bitcoin:hover,
        .zocial.dropbox:focus,
        .zocial.dropbox:hover,
        .zocial.email:focus,
        .zocial.email:hover,
        .zocial.eventful:focus,
        .zocial.eventful:hover,
        .zocial.github:focus,
        .zocial.github:hover,
        .zocial.gitlab:focus,
        .zocial.gitlab:hover,
        .zocial.gmail:focus,
        .zocial.gmail:hover,
        .zocial.instapaper:focus,
        .zocial.instapaper:hover,
        .zocial.itunes:focus,
        .zocial.itunes:hover,
        .zocial.ninetyninedesigns:focus,
        .zocial.ninetyninedesigns:hover,
        .zocial.openid:focus,
        .zocial.openid:hover,
        .zocial.plancast:focus,
        .zocial.plancast:hover,
        .zocial.pocket:focus,
        .zocial.pocket:hover,
        .zocial.posterous:focus,
        .zocial.posterous:hover,
        .zocial.reddit:focus,
        .zocial.reddit:hover,
        .zocial.secondary:focus,
        .zocial.secondary:hover,
        .zocial.stackoverflow:focus,
        .zocial.stackoverflow:hover,
        .zocial.twitter:focus,
        .zocial.viadeo:focus,
        .zocial.viadeo:hover,
        .zocial.weibo:focus,
        .zocial.weibo:hover,
        .zocial.wikipedia:focus,
        .zocial.wikipedia:hover,
        .zocial.www:focus,
        .zocial.www:hover,
        .zocial.houzz:focus,
        .zocial.houzz:hover,
        .zocial.pandora:focus,
        .zocial.pandora:hover {
            background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
        }

        .zocial.gitlab:focus,
        .zocial.gitlab:hover {
            color: #d3371e;
        }

        /* :active adjustments for light background buttons */

        .zocial.acrobat:active,
        .zocial.askfm:active,
        .zocial.bitcoin:active,
        .zocial.dropbox:active,
        .zocial.email:active,
        .zocial.eventful:active,
        .zocial.github:active,
        .zocial.gitlab:active,
        .zocial.gmail:active,
        .zocial.instapaper:active,
        .zocial.itunes:active,
        .zocial.ninetyninedesigns:active,
        .zocial.openid:active,
        .zocial.plancast:active,
        .zocial.pocket:active,
        .zocial.posterous:active,
        .zocial.reddit:active,
        .zocial.secondary:active,
        .zocial.stackoverflow:active,
        .zocial.viadeo:active,
        .zocial.weibo:active,
        .zocial.wikipedia:active,
        .zocial.www:active {
            background-image: linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
        }

        /* Button icon */
        .zocial.acrobat:before {
            content: "\f100";
        }

    .zocial.amazon:before {
        content: "\f101";
    }

    .zocial.android:before {
        content: "\f102";
    }

    .zocial.angellist:before {
        content: "\f103";
    }

    .zocial.aol:before {
        content: "\f104";
    }

    .zocial.appnet:before {
        content: "\f105";
    }

    .zocial.appstore:before {
        content: "\f106";
    }

    .zocial.askfm:before {
        content: "\f107";
    }

    .zocial.betaseries:before {
        content: "\f108";
    }

    .zocial.bitbucket:before {
        content: "\f109";
    }

    .zocial.bitcoin:before {
        content: "\f10a";
    }

    .zocial.blogger:before {
        content: "\f10b";
    }

    .zocial.buffer:before {
        content: "\f10c";
    }

    .zocial.cal:before {
        content: "\f10d";
    }

    .zocial.call:before {
        content: "\f10e";
    }

    .zocial.cart:before {
        content: "\f10f";
    }

    .zocial.chrome:before {
        content: "\f110";
    }

    .zocial.cloudapp:before {
        content: "\f111";
    }

    .zocial.creativecommons:before {
        content: "\f112";
    }

    .zocial.delicious:before {
        content: "\f113";
    }

    .zocial.deviantart:before {
        content: "\f114";
    }

    .zocial.digg:before {
        content: "\f115";
    }

    .zocial.discordapp:before {
        content: "\f116";
    }

    .zocial.disqus:before {
        content: "\f117";
    }

    .zocial.dribbble:before {
        content: "\f118";
    }

    .zocial.dropbox:before {
        content: "\f119";
    }

    .zocial.drupal:before {
        content: "\f11a";
    }

    .zocial.dwolla:before {
        content: "\f11b";
    }

    .zocial.email:before {
        content: "\f11c";
    }

    .zocial.eventasaurus:before {
        content: "\f11d";
    }

    .zocial.eventbrite:before {
        content: "\f11e";
    }

    .zocial.eventful:before {
        content: "\f11f";
    }

    .zocial.evernote:before {
        content: "\f120";
    }

    .zocial.facebook:before {
        content: "\f121";
    }

    .zocial.fivehundredpx:before {
        content: "\f122";
    }

    .zocial.flattr:before {
        content: "\f123";
    }

    .zocial.flickr:before {
        content: "\f124";
    }

    .zocial.forrst:before {
        content: "\f125";
    }

    .zocial.foursquare:before {
        content: "\f126";
    }

    .zocial.github:before {
        content: "\f127";
    }

    .zocial.gitlab:before {
        content: "\f128";
    }

    .zocial.gmail:before {
        content: "\f129";
    }

    .zocial.google:before {
        content: "\f12a";
    }

    .zocial.apple:before {
        content: url(https://shopperhub.cxgroup.com/img/apple_small.2e936e8b.png);
    }

    .zocial.googleplay:before {
        content: "\f12b";
    }

    .zocial.googleplus:before {
        content: "\f12c";
    }

    .zocial.gowalla:before {
        content: "\f12d";
    }

    .zocial.grooveshark:before {
        content: "\f12e";
    }

    .zocial.guest:before {
        content: "\f12f";
    }

    .zocial.houzz:before {
        content: "\f130";
    }

    .zocial.html5:before {
        content: "\f131";
    }

    .zocial.ie:before {
        content: "\f132";
    }

    .zocial.instagram:before {
        content: "\f133";
    }

    .zocial.instapaper:before {
        content: "\f134";
    }

    .zocial.intensedebate:before {
        content: "\f135";
    }

    .zocial.itunes:before {
        content: "\f136";
    }

    .zocial.joinme:before {
        content: "\f137";
    }

    .zocial.klout:before {
        content: "\f138";
    }

    .zocial.lanyrd:before {
        content: "\f139";
    }

    .zocial.lastfm:before {
        content: "\f13a";
    }

    .zocial.lego:before {
        content: "\f13b";
    }

    .zocial.linkedin:before {
        content: "\f13c";
    }

    .zocial.lkdto:before {
        content: "\f13d";
    }

    .zocial.logmein:before {
        content: "\f13e";
    }

    .zocial.macstore:before {
        content: "\f13f";
    }

    .zocial.meetup:before {
        content: "\f140";
    }

    .zocial.myspace:before {
        content: "\f141";
    }

    .zocial.ninetyninedesigns:before {
        content: "\f142";
    }

    .zocial.openid:before {
        content: "\f143";
    }

    .zocial.opentable:before {
        content: "\f144";
    }

    .zocial.pandora:before {
        content: "\f16e";
    }

    .zocial.paypal:before {
        content: "\f145";
    }

    .zocial.persona:before {
        content: "\f146";
    }

    .zocial.pinboard:before {
        content: "\f147";
    }

    .zocial.pinterest:before {
        content: "\f148";
    }

    .zocial.plancast:before {
        content: "\f149";
    }

    .zocial.plurk:before {
        content: "\f14a";
    }

    .zocial.pocket:before {
        content: "\f14b";
    }

    .zocial.podcast:before {
        content: "\f14c";
    }

    .zocial.posterous:before {
        content: "\f14d";
    }

    .zocial.print:before {
        content: "\f14e";
    }

    .zocial.quora:before {
        content: "\f14f";
    }

    .zocial.reddit:before {
        content: "\f150";
    }

    .zocial.rss:before {
        content: "\f151";
    }

    .zocial.scribd:before {
        content: "\f152";
    }

    .zocial.skype:before {
        content: "\f153";
    }

    .zocial.slack:before {
        content: "\f154";
    }

    .zocial.smashing:before {
        content: "\f155";
    }

    .zocial.songkick:before {
        content: "\f156";
    }

    .zocial.soundcloud:before {
        content: "\f157";
    }

    .zocial.spotify:before {
        content: "\f158";
    }

    .zocial.stackoverflow:before {
        content: "\f159";
    }

    .zocial.statusnet:before {
        content: "\f15a";
    }

    .zocial.steam:before {
        content: "\f15b";
    }

    .zocial.stripe:before {
        content: "\f15c";
    }

    .zocial.stumbleupon:before {
        content: "\f15d";
    }

    .zocial.tumblr:before {
        content: "\f15e";
    }

    .zocial.twitch:before {
        content: "\f15f";
    }

    .zocial.twitter:before {
        content: "\f160";
    }

    .zocial.viadeo:before {
        content: "\f161";
    }

    .zocial.vimeo:before {
        content: "\f162";
    }

    .zocial.vk:before {
        content: "\f163";
    }

    .zocial.weibo:before {
        content: "\f164";
    }

    .zocial.wikipedia:before {
        content: "\f165";
    }

    .zocial.windows:before {
        content: "\f166";
    }

    .zocial.wordpress:before {
        content: "\f167";
    }

    .zocial.www:before {
        content: "\f168";
    }

    .zocial.xing:before {
        content: "\f169";
    }

    .zocial.yahoo:before {
        content: "\f16a";
    }

    .zocial.ycombinator:before {
        content: "\f16b";
    }

    .zocial.yelp:before {
        content: "\f16c";
    }

    .zocial.youtube:before {
        content: "\f16d";
    }

    /* Button color */
    .zocial.acrobat:before {
        color: #FB0000;
    }

    .zocial.bitcoin:before {
        color: #f7931a;
    }

    .zocial.deviantart:before {
        color: #05cc47;
    }

    .zocial.dropbox:before {
        color: #1f75cc;
    }

    .zocial.drupal:before {
        color: #fff;
    }

    .zocial.email:before {
        color: #312c2a;
    }

    .zocial.eventasaurus:before {
        color: #9de428;
    }

    .zocial.eventful:before {
        color: #0066CC;
    }

    .zocial.fivehundredpx:before {
        color: #29b6ff;
    }

    .zocial.forrst:before {
        color: #50894f;
    }

    .zocial.gmail:before {
        color: #f00;
    }

    .zocial.itunes:before {
        color: #1a6dd2;
    }

    .zocial.lego:before {
        color: #fff900;
    }

    .zocial.ninetyninedesigns:before {
        color: #f50;
    }

    .zocial.openid:before {
        color: #ff921d;
    }

    .zocial.pocket:before {
        color: #ee4056;
    }

    .zocial.persona:before {
        color: #fff;
    }

    .zocial.reddit:before {
        color: red;
    }

    .zocial.scribd:before {
        color: #00d5ea;
    }

    .zocial.stackoverflow:before {
        color: #ff7a15;
    }

    .zocial.statusnet:before {
        color: #fff;
    }

    .zocial.viadeo:before {
        color: #f59b20;
    }

    .zocial.weibo:before {
        color: #e6162d;
    }

    .zocial.houzz:before {
        color: #ffffff;
    }

    .zocial.slack:before {
        color: #fff;
    }

    .zocial.pandora:before {
        color: #fff;
    }

    /* Button background and text color */

    .zocial.acrobat {
        background-color: #fff;
        color: #000;
    }

    .zocial.amazon {
        background-color: #ffad1d;
        color: #030037;
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }

    .zocial.android {
        background-color: #a4c639;
    }

    .zocial.angellist {
        background-color: #000;
    }

    .zocial.aol {
        background-color: #f00;
    }

    .zocial.appnet {
        background-color: #3178bd;
    }

    .zocial.appstore {
        background-color: #000;
    }

    .zocial.askfm {
        background-color: #fd6547;
    }

    .zocial.betaseries {
        background-color: #0099e1;
    }

    .zocial.bitbucket {
        background-color: #205081;
    }

    .zocial.bitcoin {
        background-color: #efefef;
        color: #4d4d4d;
    }

    .zocial.blogger {
        background-color: #ee5a22;
    }

    .zocial.buffer {
        background-color: #232323;
    }

    .zocial.call {
        background-color: #008000;
    }

    .zocial.cal {
        background-color: #d63538;
    }

    .zocial.cart {
        background-color: #333;
    }

    .zocial.chrome {
        background-color: #006cd4;
    }

    .zocial.cloudapp {
        background-color: #fff;
        color: #312c2a;
    }

    .zocial.creativecommons {
        background-color: #000;
    }

    .zocial.delicious {
        background-color: #3271cb;
    }

    .zocial.deviantart {
        background-color: #475c4d;
    }

    .zocial.digg {
        background-color: #164673;
    }

    .zocial.discordapp {
        background-color: #7289da;
        color: #fff;
    }

    .zocial.disqus {
        background-color: #5d8aad;
    }

    .zocial.dribbble {
        background-color: #ea4c89;
    }

    .zocial.dropbox {
        background-color: #fff;
        color: #312c2a;
    }

    .zocial.drupal {
        background-color: #0077c0;
        color: #fff;
    }

    .zocial.dwolla {
        background-color: #e88c02;
    }

    .zocial.joinme {
        background-color: #FF8E00;
    }

    .zocial.email {
        background-color: #f0f0eb;
        color: #312c2a;
        width: 375px;
        height: 40px;
        padding-top: 3px;
        border-radius: 7px;
    }

    .zocial.eventasaurus {
        background-color: #192931;
        color: #fff;
    }

    .zocial.eventbrite {
        background-color: #ff5616;
    }

    .zocial.eventful {
        background-color: #fff;
        color: #47ab15;
    }

    .zocial.evernote {
        background-color: #6bb130;
        color: #fff;
    }

    .zocial.facebook {
        background-color: #4863ae;
        width: 375px;
        height: 40px;
        padding-top: 3px;
        border-radius: 7px;
    }

    .zocial.fivehundredpx {
        background-color: #333;
    }

    .zocial.flattr {
        background-color: #8aba42;
    }

    .zocial.flickr {
        background-color: #ff0084;
    }

    .zocial.forrst {
        background-color: #1e360d;
    }

    .zocial.foursquare {
        background-color: #44a8e0;
    }

    .zocial.github {
        background-color: #fbfbfb;
        color: #050505;
    }

    .zocial.gitlab {
        background-color: #fff;
        color: #e14329;
    }

    .zocial.gmail {
        background-color: #efefef;
        color: #222;
    }

    .zocial.google {
        background-color: #4e6cf7;
        width: 375px;
        height: 40px;
        padding-top: 3px;
        border-radius: 7px;
    }

    .zocial.apple {
        background-color: black;
        width: 375px;
        height: 40px;
        padding-top: 3px;
        border-radius: 7px;
    }

    .zocial.googleplay {
        background-color: #000;
    }

    .zocial.googleplus {
        background-color: #dd4b39;
    }

    .zocial.gowalla {
        background-color: #ff720a;
    }

    .zocial.grooveshark {
        background-color: #111;
        color: #eee;
    }

    .zocial.guest {
        background-color: #1b4d6d;
    }

    .zocial.html5 {
        background-color: #ff3617;
    }

    .zocial.ie {
        background-color: #00a1d9;
    }

    .zocial.instapaper {
        background-color: #eee;
        color: #222;
    }

    .zocial.instagram {
        background-color: #3f729b;
    }

    .zocial.intensedebate {
        background-color: #0099e1;
    }

    .zocial.klout {
        background-color: #e34a25;
    }

    .zocial.itunes {
        background-color: #efefeb;
        color: #312c2a;
    }

    .zocial.lanyrd {
        background-color: #2e6ac2;
    }

    .zocial.lastfm {
        background-color: #dc1a23;
    }

    .zocial.lego {
        background-color: #fb0000;
    }

    .zocial.linkedin {
        background-color: #0083a8;
    }

    .zocial.lkdto {
        background-color: #7c786f;
    }

    .zocial.logmein {
        background-color: #000;
    }

    .zocial.macstore {
        background-color: #007dcb
    }

    .zocial.meetup {
        background-color: #ff0026;
    }

    .zocial.myspace {
        background-color: #000;
    }

    .zocial.ninetyninedesigns {
        background-color: #fff;
        color: #072243;
    }

    .zocial.openid {
        background-color: #f5f5f5;
        color: #333;
    }

    .zocial.opentable {
        background-color: #990000;
    }

    .zocial.paypal {
        background-color: #fff;
        color: #32689a;
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }

    .zocial.persona {
        background-color: #1258a1;
        color: #fff;
    }

    .zocial.pinboard {
        background-color: blue;
    }

    .zocial.pinterest {
        background-color: #c91618;
    }

    .zocial.plancast {
        background-color: #e7ebed;
        color: #333;
    }

    .zocial.plurk {
        background-color: #cf682f;
    }

    .zocial.pocket {
        background-color: #fff;
        color: #777;
    }

    .zocial.podcast {
        background-color: #9365ce;
    }

    .zocial.posterous {
        background-color: #ffd959;
        color: #bc7134;
    }

    .zocial.print {
        background-color: #f0f0eb;
        color: #222;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    }

    .zocial.quora {
        background-color: #a82400;
    }

    .zocial.reddit {
        background-color: #fff;
        color: #222;
    }

    .zocial.rss {
        background-color: #ff7f25;
    }

    .zocial.scribd {
        background-color: #231c1a;
    }

    .zocial.skype {
        background-color: #00a2ed;
    }

    .zocial.smashing {
        background-color: #ff4f27;
    }

    .zocial.songkick {
        background-color: #ff0050;
    }

    .zocial.soundcloud {
        background-color: #ff4500;
    }

    .zocial.spotify {
        background-color: #60af00;
    }

    .zocial.stackoverflow {
        background-color: #fff;
        color: #555;
    }

    .zocial.statusnet {
        background-color: #829d25;
    }

    .zocial.steam {
        background-color: #000;
    }

    .zocial.stripe {
        background-color: #2f7ed6;
    }

    .zocial.stumbleupon {
        background-color: #eb4924;
    }

    .zocial.tumblr {
        background-color: #374a61;
    }

    .zocial.twitter {
        background-color: #46c0fb;
    }

    .zocial.twitch {
        background-color: #6441A5;
    }

    .zocial.viadeo {
        background-color: #fff;
        color: #000;
    }

    .zocial.vimeo {
        background-color: #00a2cd;
    }

    .zocial.vk {
        background-color: #45688E;
    }

    .zocial.weibo {
        background-color: #faf6f1;
        color: #000;
    }

    .zocial.wikipedia {
        background-color: #fff;
        color: #000;
    }

    .zocial.windows {
        background-color: #0052a4;
        color: #fff;
    }

    .zocial.wordpress {
        background-color: #464646;
    }

    .zocial.www {
        background-color: #fff;
        color: #000;
    }

    .zocial.xing {
        background-color: #0a5d5e;
    }

    .zocial.yahoo {
        background-color: #a200c2;
    }

    .zocial.ycombinator {
        background-color: #ff6600;
    }

    .zocial.yelp {
        background-color: #e60010;
    }

    .zocial.youtube {
        background-color: #f00;
    }

    .zocial.houzz {
        background-color: #9ac641;
        color: #fff;
    }

    .zocial.slack {
        background-color: #3eb890;
        color: #fff;
    }

    .zocial.pandora {
        background-color: #4e9cca;
        color: #fff;
    }

    /*
The Miscellaneous Buttons
These button have no icons and can be general purpose buttons while ensuring consistent button style
Credit to @guillermovs for suggesting
*/

    .zocial.primary, .zocial.secondary {
        margin: 0.1em 0;
        padding: 0 1em;
    }

        .zocial.primary:before, .zocial.secondary:before {
            display: none;
        }

    .zocial.primary {
        background-color: #333;
    }

    .zocial.secondary {
        background-color: #f0f0eb;
        color: #222;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    }

/* Any browser-specific adjustments */

button:-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Reference icons from font-files
** Base 64-encoded version recommended to resolve cross-site font-loading issues
*/

@font-face {
    font-family: "zocial";
    src: url(https://shopperhub.cxgroup.com/fonts/zocial.847f217e.eot);
    src: url(https://shopperhub.cxgroup.com/fonts/zocial.847f217e.eot?#iefix) format("embedded-opentype"), url(data:application/x-font-woff;charset=utf-8;base64,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), url(https://shopperhub.cxgroup.com/fonts/zocial.0e769ed0.woff) format("woff"), url(https://shopperhub.cxgroup.com/fonts/zocial.12b4cbdc.ttf) format("truetype"), url(https://shopperhub.cxgroup.com/img/zocial.6382b964.svg#zocial) format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "zocial";
        src: url(https://shopperhub.cxgroup.com/img/zocial.6382b964.svg#zocial) format("svg");
    }
}


#app {
    min-height: 100vh;
}
.helpBox {
    border: 3px solid #253746;
    margin-top: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.iframe-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.iframe-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 1;
}
.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #e0e0e0;
    border-top: 6px solid #253746;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.iframe-loading p {
    margin-top: 15px;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
@keyframes spin {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(360deg);
}
}
.iframe-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ff0000;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15;
    transition: background-color 0.2s;
    font-weight: bold;
    font-size: 17px;
}
.iframe-close-button:hover {
    background: #cc0000;
}