@font-face {
    font-family: 'Pangea Text';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/resources/fonts/PangeaText-Regular.woff) format('woff2')
}

@font-face {
    font-family: 'Pangea Text Medium';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: local('Pangea Text Medium'),local('PangeaText-Medium'),url(/resources/fonts/PangeaText-Medium.otf) format('woff2')
}

:root {
    --red-theme-color: #cc1011;
    --red-theme-color-darker: #b71c1c;
    --navy-theme-color: #0C1C31;
    --light-navy-theme-color: #162F50;
    --gray-theme-color-accessibility: #737373;
    --gray-800-theme-color: #1D2939;
    --gray-300-theme-color: #D0D5DD;
    --gray-400-theme-color: #98A3B3;
    --gray-200-theme-color: #f5f5f5;
    --light-grey-theme-color: #EAECF0;
    --light-grey-line-color: #DADADA;
    --light-blue-theme-color: #B2DDFF;
    --light-blue-tag-bg: #EEF8FF;
    --dark-blue-tag-color: #1664C0;
    --hero-image-overlay-red: rgba(204, 16, 17, 0.9);
    --hero-image-overlay-light-red: rgba(204, 16, 17, 0.8);
    --color-ui-background-navy: #051E33;
    --color-ui-background-grey: #F1F1F1;
    --color-ui-background-grey-light: #F5F5F5;
    --color-ui-background-grey-extra-light: #F1F2F6;
    --color-ui-background-light-grey: #FCFCFC;
    --ui-primary-button-hover-pink: #FDECEA;
    --color-mini-barchart: #C4D4E8;
    --color-mini-barchart-active: #104080;
    --ui-indicator-foreground-positive: #12B76A;
    --ui-indicator-background-positive: #E6F8EE;
    --ui-indicator-background-informational: #EAF3FF;
    /*figma*/
    --ui-primary-text-grey: #344054;
    --ui-primary-navigation-red: #DF1616;
    --ui-primary-navigation-red-hover: #C62828;
    --ui-primary-navigation-red-lighter: #FF5050;
    --ui-primary-navigation-red-light: #FFB2B3;
    --ui-primary-deep-blue: #0C1C31;
    --ui-primary-deep-blue-highlight: #162F50;
    --ui-indicator-form-input-blue: #F7FCFF;
    --ui-data-bg-grey: #F9FAFA;
    --ui-data-light-grey: #F9F9FA;
    --ui-data-lighter-grey: #f5f5f9;
    --ui-data-medium-medium-grey: #ECEFF1;
    --ui-data-medium-grey: #EBEBEB;
    --ui-data-medium-light-grey: #F9FAFB;
    --ui-data-dark-grey: #6F7174;
    --ui-data-link-dark-grey: #5a5a61;
    --ui-data-banner-heading-grey: #475467;
    --ui-data-border: #D9D9D9;
    --ui-carts-diverging-01-deep-indigo: #104080;
    --palette-grey-500: #607D8B;
    --palette-blue: #8FC9F9;
    --palette-light-blue: #E3F2FD;
    --palette-primary-grey: #607D8B;
    --palette-light-grey: #CFD8DC;
    --ui-indicator-foreground-call-out: #104080;
    --ui-indicator-background-call-out: #EAF3FF;
    --ui-indicator-error: #D31212;
    --ui-data-light-pink: #FEE4E2;
    /*Pills*/
    --ui-data-pill-negative-color: #DC150A;
    --ui-data-pill-negative-background: #FEF0EC;
    --ui-data-pill-positive-color: #0E814B;
    --ui-data-pill-positive-background: #F3FCF7;
    /*design system*/
    --color-ui-text-grey-label: #999;
    --color-ui-navigation-red-primary: #df1616;
    --color-ui-bg-grey-slide: #F8F8F8;
    --color-ui-white: #FFF;
    --color-ui-rose: #FFEBEE;
    --color-ui-maroon: #7A1315;
    --color-ui-azure: #1186c3;
    --color-bed-green: #099aa4;
    --color-ui-green: #42D048;
    --color-light-blue: #E7F2FE;
    --color-ui-blue: #00A1E0;
    /*design system - chart*/
    --color-chart-azure: #1186c3;
    --color-chart-deep-indigo: #104080;
    --color-chart-deep-purple: #5741ac;
    --color-chart-magenta: #d2376f;
    --color-chart-burnt-orange: #f44336;
    --color-chart-dark-salmon: #ee534f;
    --color-chart-light-salmon: #e47373;
    --color-chart-salmon: #ed7774;
    --color-chart-rose: #f3a0a0;
    --color-chart-rose-gold: #f4c4b9;
    --color-chart-light-grey: #cfd8dc;
    /*bootstrap*/
    --bs-backdrop-opacity: 0.2;
    --font-family: 'Pangea Text', Helvetica, Arial, sans-serif;
    /*Swiper*/
    --swiper-pagination-bullet-horizontal-gap: 0.7rem;
    --swiper-pagination-bullet-size: 0.8rem;
    /*transition */
    interpolate-size: allow-keywords;
}


html {
    background-color: #ffffff;
    min-height: 100%;
    position: relative;
}

* {
    transition: width, height 0.5s ease;
}

body {
    font-family: 'Pangea Text', Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    color: var(--ui-primary-text-grey);
}


/*input[type=text]:focus {
    border: none !important;
}*/

a {
    color: var(--ui-primary-navigation-red);
}

    a.no-decor {
        text-decoration: none;
    }

h1 {
    font-size: 48px;
    line-height: 58px;
}

h2 {
    font-size: 31px;
    line-height: 38px;
}

h3 {
    font-size: 26px;
    line-height: 38px;
}

h4 {
    font-size: 20px;
    line-height: 26px;
}

h1, h2, h3, h4 {
    font-weight: bold;
    letter-spacing: 0px;
}

p {
    font-size: 16px !important;
    line-height: 25px;
}

    p.size2 {
        font-size: 18px !important;
        line-height: 26px;
    }

.bg-white {
    background-color: #ffffff !important;
}

.bg-light-gray {
    background-color: #F3F3F3 !important;
}

.bg-gray {
    background-color: #BDBDBD !important;
}

.bg-brown {
    background-color: var(--navy-theme-color);
    !important;
}

.bg-light-black {
    background-color: #303030 !important;
}

.bg-maroon {
    background-color: #7A1315 !important;
}

.bg-orange {
    background-color: var(--ui-primary-navigation-red) !important;
}

.bg-blue {
    background-color: #415C81 !important;
}

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

.text-light-gray {
    color: #F3F3F3 !important;
}

.text-gray {
    color: #BDBDBD !important;
}

.text-brown {
    color: var(--navy-theme-color);
    !important;
}

.text-light-black {
    color: #303030 !important;
}

.text-brown {
    color: #7A1315 !important;
}

.text-orange {
    color: var(--ui-primary-navigation-red) !important;
}

.text-blue {
    color: #415C81 !important;
}

.text-black {
    color: #2b2b2b !important;
}

.text-teal {
    color: #5AB6AE;
}

.btn {
    height: auto;
    position: relative;
    z-index: 100;
}

    .btn:active {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

.btn-ibis {
    background-color: var(--ui-primary-navigation-red) !important;
    font-size: 16px;
    padding: 6px 20px;
    border: 1px solid #F44336;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 100px;
    text-transform: none;
}

    .btn-ibis.large {
        font-size: 17px !important;
        min-width: 100px !important;
    }

    .btn-ibis:hover {
        background-color: var(--ui-primary-navigation-red-hover) !important;
        color: #ffffff !important;
    }

    .btn-ibis:focus {
        color: #ffffff !important;
    }

.btn-ibiswhite {
    background-color: #FFFFFF !important;
    color: var(--ui-primary-navigation-red);
    font-size: 16px;
    padding: 6px 20px;
    border: 1px solid #F44336;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 100px;
    text-transform: none;
}

    .btn-ibiswhite:hover {
        background-color: #F3F3F3 !important;
        color: var(--ui-primary-navigation-red);
        text-decoration: none;
    }

    .btn-ibiswhite:focus {
        color: var(--ui-primary-navigation-red) !important;
    }

.btn-ibisblue {
    background-color: #3578EF !important;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

    .btn-ibisblue.compact {
        padding: 3px 10px 3px 10px;
        min-width: 120px !important;
    }

.btn-ibisgreen {
    background-color: #39B54A !important;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

    .btn-ibisgreen:hover {
        background-color: #4FC12D !important;
        color: #FFFFFF;
        text-decoration: none;
    }

    .btn-ibisgreen:focus {
        color: #39B54A !important;
    }

    .btn-ibisgreen.big {
        padding: 20px 15px;
    }

.btn-ibisclear {
    background-color: transparent;
    box-shadow: none;
    color: var(--ui-primary-navigation-red);
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}

    .btn-ibisclear:hover {
        background: none;
        border: none;
        box-shadow: none;
    }

    .btn-ibisclear.simple {
        text-transform: capitalize;
    }

    .btn-ibisclear:hover, .btn-ibisclear.simple {
        color: #e4551f;
    }

    .btn-ibis.compact, .btn-ibiswhite.compact, .btn-ibisclear.compact {
        padding: 3px;
        min-width: 95px !important;
    }

.ripple {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.ripple-effect {
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fdad98;
    animation: ripple-animation 3.5s;
    z-index: -1;
}

.ripple-light .ripple-effect {
    background: #c0c0c0 !important;
}

@keyframes ripple-animation {
    from {
        transform: scale(1);
        opacity: 0.4;
    }

    to {
        transform: scale(100);
        opacity: 0;
    }
}

.watch-link {
    color: var(--ui-primary-navigation-red);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

    .watch-link > .fa {
        font-size: 20px;
        vertical-align: middle;
    }

    .watch-link:hover {
        color: #E4551F;
        text-decoration: none;
    }

a, button {
    /*outline: none !important;*/
}

.outer-btn-box {
    padding: 10px;
    text-align: center;
}

.btn-box {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
    border-bottom: 1px solid #8c8c8c;
    border-left: 4px solid #7A1315;
    color: #7A1315;
    display: block;
    font-weight: 500;
    height: 72px;
    padding: 15px;
    text-align: left;
    text-decoration: none;
    transition: .1s cubic-bezier(0, 0, 1, 0.38);
}

a.btn-box:hover {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    color: var(--ui-primary-navigation-red);
    text-decoration: none;
}

.btn-box.procurement {
    border-left-color: #415C81;
    color: #415C81;
}

a.btn-box.procurement:hover {
    color: #4a89c7;
}

.btn-box.type1 {
    font-size: 14px;
    height: 85px;
    padding: 8px 15px 40px;
}

.btn-box.type2 {
    height: 104px;
}

.cart-button-icon {
    margin-right: 5px;
    vertical-align: text-bottom;
}

.text-normal {
    font-weight: normal !important;
}

.text-400 {
    font-weight: 400 !important;
}

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

.text-bold, b {
    font-weight: bold !important;
}
/* End: Web Guide Definition */

/* Begin: Common Styles not in Style guide */
/* Place here commonly used styles used across many or all pages */

:target:before {
    /* Purpose: adjust the in-page anchor targeting given for website with fixed header */
    /*content: "";*/
    /*display: block;*/
    /*height: 170px;*/ /* fixed header height*/
    /*margin: -170px 0 0;*/ /* negative fixed header height */
}

.scroll {
    height: 100%;
    overflow: scroll;
}

.no-scroll {
    overflow: hidden;
}

.desktop-hide {
    display: none !important;
}

.relative {
    position: relative;
}

ol {
    margin: 0;
    padding: 0;
}

    ol li {
        margin-left: 20px;
    }

.login-panel .section ol {
    margin-bottom: 25px;
}

ul.compact-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

dl.desc-list {
}

    dl.desc-list dt {
        margin-bottom: 2px;
    }

    dl.desc-list dd {
        margin-bottom: 40px;
    }

    dl.desc-list.sub-dl {
        margin-left: 30px;
    }

        dl.desc-list.sub-dl dt {
            margin-bottom: 2px;
        }

        dl.desc-list.sub-dl dd {
            margin-bottom: 20px;
        }

ul.inline {
}

    ul.inline li {
        display: inline-block;
        vertical-align: top;
    }

.display-table {
    display: table;
    width: 100%;
}

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

.va-text-top {
    vertical-align: text-top !important;
}

.arrow-right:after {
    content: " ";
    float: right;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 0px 4px 6px;
    border-left-color: #000;
}

.arrow-left:after {
    content: " ";
    float: right;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 6px 4px 0px;
    border-right-color: #000;
}

.quick-nav-bar {
    background-color: #FFFFFF;
    border-bottom: 1px solid #797979;
    height: 60px;
    left: 0;
    margin: 0 auto;
    min-height: 60px;
    padding: 16px 0;
    position: fixed;
    right: 0;
    z-index: 200;
}

    .quick-nav-bar.sticky {
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.46);
    }

    .quick-nav-bar .inner-pad {
        margin: 0 auto;
        max-width: 1170px;
    }

        .quick-nav-bar .inner-pad > strong {
            display: inline-block;
            margin-top: -6px;
            max-width: 400px;
            /*overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;*/
        }

    .quick-nav-bar.qn-industry, .quick-nav-bar.qn-industry a:not(.btn) {
        color: #7A1315;
    }

    .quick-nav-bar.qn-procurement, .quick-nav-bar.qn-procurement a:not(.btn) {
        color: #415C81;
    }

    .quick-nav-bar > strong {
        font-size: 18px;
    }

    .quick-nav-bar .ntp {
        cursor: pointer;
        display: none;
    }

        .quick-nav-bar .ntp > label {
            font-size: 16px;
            font-weight: normal;
        }

        .quick-nav-bar .ntp > .toggle {
        }

    .quick-nav-bar ul.quick-links {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .quick-nav-bar ul.quick-links li {
            display: inline;
            font-size: 15px;
        }

            .quick-nav-bar ul.quick-links li.mobile-only {
                display: none;
            }

    .quick-nav-bar .quick-links li:not(:last-child) {
        margin-right: 20px;
    }

.banner.first {
    background: var(--red-theme-color-darker) url(/img/home/home-hero-bg.png) no-repeat;
    background-position: left top;
    display: table;
    height: 320px;
    padding-left: 10%;
    padding-right: 10%;
    position: relative;
    width: 100%;
}

    .banner.first.home {
        height: 500px;
    }

    .banner.first:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

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

    .banner.first h1 {
        color: #FFFFFF;
        margin: 0;
        padding-bottom: 25px;
        position: relative;
        text-align: center;
        text-shadow: 1px 2px 2px rgba(0,0,0,0.37);
    }

    .banner.first.no-sub-text h1 {
        /*padding-top: 190px;*/
    }

    .banner.first .sub-text {
        color: #FFFFFF;
        font-size: 24px;
        line-height: 32px;
        margin: auto;
        max-width: 740px;
        position: relative;
        text-align: center;
    }

    .banner.first.bg-home {
        background: url(/resources/img/bg/homepage.jpg);
        background-position: 50% 20%;
        background-size: cover;
    }

        .banner.first.bg-home:before {
            background-color: rgba(0, 0, 0, 0.4);
        }

    .banner.first.bg-industry {
        background: url(/resources/img/bg/industry_solutions.jpg);
        background-position-y: 55%;
        background-size: cover;
    }

        .banner.first.bg-industry:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

    .banner.first.bg-your-industry {
        background: url(/resources/img/bg/for_your_industry.jpg);
        background-position-y: 30%;
        background-size: cover;
    }

        .banner.first.bg-your-industry:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

    .banner.first.bg-your-role {
        background: url(/resources/img/bg/for_your_role.jpg);
        background-position-y: 50%;
        background-size: cover;
    }

        .banner.first.bg-your-role:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

    .banner.first.bg-specialized {
        background: url(/resources/img/bg/specialized_industry.jpg);
        background-position-y: 60%;
        background-size: cover;
    }

        .banner.first.bg-specialized:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

    .banner.first.bg-international {
        background: url(/resources/img/bg/international_industries.jpg);
        background-position-y: 60%;
        background-size: cover;
    }

        .banner.first.bg-international:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

    .banner.first.bg-procurement {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 45%;
        background-size: cover;
    }

        .banner.first.bg-procurement:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.first.bg-sourcing-stage {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

        .banner.first.bg-sourcing-stage:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.first.bg-achieve-goal {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

        .banner.first.bg-achieve-goal:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.first.bg-membership {
        background: url(/resources/img/bg/membership.jpg);
        background-position: 100% 95%;
        background-size: cover;
    }

        .banner.first.bg-membership:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.first.bg-industry-membership, .banner.first.bg-procurement-membership {
        background: url(/resources/img/bg/membership.jpg);
        background-position: 100% 95%;
        background-size: cover;
    }

        .banner.first.bg-industry-membership:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

        .banner.first.bg-procurement-membership:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.first.bg-about-us, .banner.first.bg-procurement-about-us {
        background: url(/resources/img/bg/about_us.jpg);
        background-position: 50%;
        background-size: cover;
    }

        .banner.first.bg-about-us:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

        .banner.first.bg-procurement-about-us:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.first.bg-contact-us {
        background: url(/resources/img/bg/contact_us.jpg);
        background-position: 50%;
        background-size: cover;
    }

        .banner.first.bg-contact-us:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.first.bg-industry-contact-us, .banner.first.bg-procurement-contact-us {
        background: url(/resources/img/bg/contact_us.jpg);
        background-position: 50%;
        background-size: cover;
    }

        .banner.first.bg-industry-contact-us:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

        .banner.first.bg-procurement-contact-us:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.first.bg-help-support {
        background: url(/resources/img/bg/help_and_support.jpg);
        background-position: 50%;
        background-size: cover;
    }

        .banner.first.bg-help-support:before {
            background-color: rgba(91, 81, 79, 0.65);
        }


banner.second, .banner.third {
    background-color: #a24329;
    display: table;
    height: 320px;
    padding-left: 10%;
    padding-right: 10%;
    position: relative;
    width: 100%;
}

    .banner.second.home, .banner.third.home {
        height: 500px;
    }

.banner.second:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.banner.second .banner-cell, banner.third .banner-cell {
    display: table-cell;
    vertical-align: middle;
    /*padding-top: 100px;*/
}

.banner.second h1, .banner.second h2 {
    color: #FFFFFF;
    margin: 0;
    position: relative;
    text-align: right;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.37);
    padding-top: 130px;
}

.banner.third h1 {
    color: #FFFFFF;
    margin: 0;
    position: relative;
    text-align: right;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.37);
    padding-top: 50px;
}

.banner.third h2 {
    color: #FFFFFF;
    margin: 0;
    position: relative;
    text-align: right;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.37);
    padding-top: 60px;
}

.banner.second h1 a, .banner.second h2 a {
    color: #FFFFFF;
    text-decoration: underline;
}

.banner.second.no-sub-text h1 {
    /*padding-top: 190px;*/
}

.banner.second .sub-text {
    color: #FFFFFF;
    font-size: 48px;
    line-height: 32px;
    margin: auto;
    /*max-width: 740px;*/
    position: relative;
    text-align: right;
    padding-top: 100px;
}


.banner.second.bg-callprepinsights {
    background: url(/resources/img/bg/callprepinsights.jpg);
    background-position: 50% 20%;
    background-size: cover;
}

    .banner.second.bg-callprepinsights:before {
        background-color: rgba(91, 81, 79, 0.65);
    }



/*.banner.third.bg-top500-company {
    background: url(/resources/img/bg/afr_top500_banner.png);
    background-position: 50% 20%;
    background-size: cover;
}*/

/*.banner.third .banner-cell h1 {
    font-size: 50px !important;
    text-shadow: 1px 1px 1px #C0C0C0;
    margin-top: 0 !important;
    margin-bottom: 10px;
}

.banner.third .stamp img:hover {
    position: relative;
    right: 2px;
    top: -2px;
}*/


.banner.second, .banner.third {
    padding-left: 10%;
    padding-right: 10%;
    display: table;
    width: 100%;
}

    .banner.second h1 {
        /*padding-top: 140px;*/
        padding-top: 50px;
    }

    .banner.second .sub-text {
        font-size: 20px;
    }

    .banner.second.no-sub-text h1 {
        /*padding-top: 205px;*/
    }


    .banner.third.bg-top500-company .banner-cell {
        text-align: right;
        margin-top: 10vh;
    }

        .banner.third.bg-top500-company .banner-cell div.text {
            vertical-align: top;
            color: #fff;
        }


        .banner.third.bg-top500-company .banner-cell div.stamp {
            display: inline-block;
        }

.dark-red {
    color: #7A1315;
}

@media (min-width: 1200px) {
    .myContainer {
        width: 960px;
        margin: 0 auto;
    }

    .myleftBlock-should-collapse {
        float: none;
        width: 100%;
    }
}


/*Salesforce app banner*/
.sf.banner.first {
    /*background-color: #a24329;*/
    display: table;
    height: 350px;
    padding-left: 10%;
    padding-right: 10%;
    position: relative;
    width: 100%;
}

    .sf.banner.first.home {
        height: 350px;
        background-image: url(/resources/img/bg/majorIndustryTrends.png);
    }

    .sf.banner.first:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .sf.banner.first .banner-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .sf.banner.first h1 {
        color: #FFFFFF;
        margin: 0;
        padding-bottom: 25px;
        position: relative;
        text-align: center;
        text-shadow: 1px 2px 2px rgba(0,0,0,0.37);
    }

    .sf.banner.first.no-sub-text h1 {
        /*padding-top: 190px;*/
    }

    .sf.banner.first .sub-text {
        color: #FFFFFF;
        font-size: 24px;
        line-height: 32px;
        margin: auto;
        max-width: 740px;
        position: relative;
        text-align: center;
    }

    .sf.banner.first.bg-home {
        background: url(/resources/img/bg/homepage.jpg);
        background-position: 50% 20%;
        background-size: cover;
    }

        .sf.banner.first.bg-home:before {
            background-color: rgba(0, 0, 0, 0.4);
        }

.sf.banner.second, .sf.banner.third, .sf.banner.fourth {
    /*background-color: #a24329;*/
    display: table;
    height: 350px;
    padding-left: 10%;
    padding-right: 10%;
    position: relative;
    width: 100%;
}

    .sf.banner.second.home {
        background-image: url(/resources/img/bg/industryStructure.png);
    }

    .sf.banner.third.home, .sf.banner.fourth.home {
        height: 350px;
    }

    .sf.banner.second:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .sf.banner.second .banner-cell, .sf.banner.third .banner-cell, .sf.banner.fourth .banner-cell {
        display: table-cell;
        vertical-align: middle;
        /*padding-top: 100px;*/
    }

    .sf.banner.second h1, .sf.banner.second h2 {
        color: #FFFFFF;
        margin: 0;
        position: relative;
        text-align: right;
        text-shadow: 1px 2px 2px rgba(0,0,0,0.37);
        padding-top: 130px;
    }

        .sf.banner.second h1 a, .sf.banner.second h2 a {
            color: #FFFFFF;
            text-decoration: underline;
        }

    .sf.banner.second.no-sub-text h1 {
        /*padding-top: 190px;*/
    }

    .sf.banner.second .sub-text {
        color: #FFFFFF;
        font-size: 48px;
        line-height: 32px;
        margin: auto;
        /*max-width: 740px;*/
        position: relative;
        text-align: right;
        padding-top: 100px;
    }


    .sf.banner.second.bg-callprepinsights {
        background: url(/resources/img/bg/callprepinsights.jpg);
        background-position: 50% 20%;
        background-size: cover;
    }

    .sf.banner.third .banner-cell h1, .sf.banner.fourth .banner-cell h1 {
        font-size: 50px !important;
        text-shadow: 1px 1px 1px #C0C0C0;
        margin-top: 0 !important;
        /*text-align: right;*/
        margin-bottom: 10px;
    }

    .sf.banner.third .stamp img:hover, .sf.banner.fourth .stamp img:hover {
        position: relative;
        right: 2px;
        top: -2px;
    }


.sf.banner.second, .sf.banner.third, .sf.banner.fourth {
    padding-left: 10%;
    padding-right: 10%;
    display: table;
    width: 100%;
}

    .sf.banner.second h1 {
        /*padding-top: 140px;*/
    }

    .sf.banner.second .sub-text {
        font-size: 20px;
    }

    .sf.banner.second.no-sub-text h1 {
        /*padding-top: 205px;*/
    }

/*salesforce app end*/

.banner.page-title {
    display: table;
    height: 280px;
    position: relative;
    width: 100%;
}

    .banner.page-title:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .banner.page-title .banner-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .banner.page-title h1 {
        margin: 0 auto;
        max-width: 1240px;
        padding: 0 20px;
        position: relative;
        text-align: center;
    }

    .banner.page-title h2 {
        margin: 0 auto;
        max-width: 1240px;
        padding-top: 20px;
        position: relative;
        text-align: center;
        font-size: 24px;
        font-weight: normal;
    }

    .banner.page-title.no-sub-text h1 {
        /*margin-top: 190px;*/
    }

    .banner.page-title .sub-text {
        font-size: 24px;
        line-height: 32px;
        margin: 0 15px;
        position: relative;
        text-align: center;
    }

    .banner.page-title.override {
        height: 20px;
    }

    .banner.page-title.bg-industry {
        background: url(/resources/img/bg/industry_solutions.jpg);
        background-position-y: 55%;
        background-size: cover;
    }

        .banner.page-title.bg-industry:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

    .banner.page-title.bg-procurement {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

        .banner.page-title.bg-procurement:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.page-title.bg-our-products {
        background: url(/resources/img/bg/our_products.jpg);
        background-position-y: 75%;
        background-size: cover;
    }

        .banner.page-title.bg-our-products:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-our-clients {
        background: url(/resources/img/bg/our_clients.jpg);
        background-position-y: 80%;
        background-size: cover;
    }

        .banner.page-title.bg-our-clients:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-our-team {
        background: url(/resources/img/bg/our_team.jpg);
        background-position-y: 30%;
        background-size: cover;
    }

        .banner.page-title.bg-our-team:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-career {
        background: url(/resources/img/bg/career.jpg);
        background-position-y: 50%;
        background-size: cover;
    }

        .banner.page-title.bg-career:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-callprepinsights {
        background: url(/resources/img/bg/vertical_business_development.jpg);
        background-position-y: 50%;
        background-size: cover;
    }

        .banner.page-title.bg-callprepinsights:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-free-demo {
        background: url(/resources/img/bg/free_demo.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

        .banner.page-title.bg-free-demo:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-industry-free-demo, .banner.page-title.bg-procurement-free-demo {
        background: url(/resources/img/bg/free_demo.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

        .banner.page-title.bg-industry-free-demo:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

        .banner.page-title.bg-procurement-free-demo:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    .banner.page-title.bg-newsletter {
        background: url(/resources/img/bg/newsletter.jpg);
        background-position-y: 45%;
        background-size: cover;
    }

        .banner.page-title.bg-newsletter:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-faq {
        background: url(/resources/img/bg/faq.jpg);
        background-position-y: 45%;
        background-size: cover;
    }

        .banner.page-title.bg-faq:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-faq {
        background: url(/resources/img/bg/faq.jpg);
        background-position-y: 10%;
        background-size: cover;
    }

        .banner.page-title.bg-faq:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-glossary {
        background: url(/resources/img/bg/glossary.jpg);
        background-position: 50% 75%;
        background-size: cover;
    }

        .banner.page-title.bg-glossary:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    .banner.page-title.bg-video {
        background: url(/resources/img/bg/video.jpg);
        background-position-y: 20%;
        background-size: cover;
    }

        .banner.page-title.bg-video:before {
            background-color: rgba(91, 81, 79, 0.65);
        }

    /*Vertical banner images */
    .banner.page-title.bg-vertical-academics {
        background: url(/resources/img/bg/vertical_academic.jpg);
        background-position-y: 50%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-accounting {
        background: url(/resources/img/bg/vertical_accounting.jpg);
        background-position-y: 50%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-business-development {
        background: url(/resources/img/bg/vertical_business_development.jpg);
        background-position-y: 50%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-business-valuation {
        background: url(/resources/img/bg/vertical_business_valuation.jpg);
        background-position-y: 45%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-consulting {
        background: url(/resources/img/bg/vertical_consulting.jpg);
        background-position-y: 35%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-government {
        background: url(/resources/img/bg/vertical_government.jpg);
        background-position-y: 45%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-investment {
        background: url(/resources/img/bg/vertical_investment.jpg);
        background-position-y: 55%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-law-firm {
        background: url(/resources/img/bg/vertical_law_firm.jpg);
        background-position-y: 82%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-market {
        background: url(/resources/img/bg/vertical_market.jpg);
        background-position-y: 50%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-private-equity {
        background: url(/resources/img/bg/vertical_private_equity.jpg);
        background-position-y: 55%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-procurement {
        background: url(/resources/img/bg/vertical_procurement.jpg);
        background-position-y: 70%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-specialized-librarian {
        background: url(/resources/img/bg/vertical_specialized_librarian.jpg);
        background-position-y: 60%;
        background-size: cover;
    }

        .banner.page-title.bg-vertical-academics:before,
        .banner.page-title.bg-vertical-accounting:before,
        .banner.page-title.bg-vertical-business-development:before,
        .banner.page-title.bg-vertical-business-valuation:before,
        .banner.page-title.bg-vertical-consulting:before,
        .banner.page-title.bg-vertical-government:before,
        .banner.page-title.bg-vertical-investment:before,
        .banner.page-title.bg-vertical-law-firm:before,
        .banner.page-title.bg-vertical-market:before,
        .banner.page-title.bg-vertical-private-equity:before,
        .banner.page-title.bg-vertical-procurement:before,
        .banner.page-title.bg-vertical-specialized-librarian:before {
            background-color: rgba(122, 19, 21, 0.80);
        }

    /* Vertical: Sourcing Stage */
    .banner.page-title.bg-vertical-category-profile {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-evaluating-marketplace {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-assessing-suppliers {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-strategy {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-negotiating-purchase {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-vertical-measuring-purchase {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

        .banner.page-title.bg-vertical-category-profile:before,
        .banner.page-title.bg-vertical-evaluating-marketplace:before,
        .banner.page-title.bg-vertical-assessing-suppliers:before,
        .banner.page-title.bg-vertical-strategy:before,
        .banner.page-title.bg-vertical-negotiating-purchase:before,
        .banner.page-title.bg-vertical-measuring-purchase:before {
            background-color: rgba(43, 53, 92, 0.80);
        }

    /* Vertical: Goals */
    .banner.page-title.bg-save-time {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-save-money {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-reduce-risk {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-improve-credibility {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

    .banner.page-title.bg-set-strategy {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-position-y: 25%;
        background-size: cover;
    }

        .banner.page-title.bg-save-time:before,
        .banner.page-title.bg-save-money:before,
        .banner.page-title.bg-reduce-risk:before,
        .banner.page-title.bg-improve-credibility:before,
        .banner.page-title.bg-set-strategy:before {
            background-color: rgba(43, 53, 92, 0.80);
        }



.banner.membership {
    background-color: #312d2d;
    background: url(/resources/img/bg/membership.jpg) no-repeat;
    background-position: 100% 95%;
    background-size: cover;
    display: table;
    height: 380px;
    position: relative;
    width: 100%;
}

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

    .banner.membership:before {
        background-color: rgba(0, 0, 0, 0.5);
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .banner.membership h2 {
        color: #ffffff;
        font-weight: 500;
        line-height: 38px;
        margin: 0;
        position: relative;
    }

    .banner.membership p {
        color: #ffffff;
        display: block;
        line-height: 26px;
        margin: 25px auto;
        max-width: 580px;
        padding: 0 20px;
        position: relative;
        text-align: center;
        text-shadow: 1px 2px 2px rgba(0,0,0,0.37);
    }

.section {
    margin: 50px 0;
}

    .section.override {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .section .section-lead {
    }

        .section .section-lead header {
            color: #757575;
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .section .section-lead hr {
            border: 1px solid #2B2B2B;
            box-sizing: border-box;
            display: inline-block;
            height: 2px;
            width: 75px;
        }

    .section article {
    }

        .section article h2 {
            color: #2B2B2B;
            line-height: 38px;
            margin-top: 0px;
        }

        .section article p {
            color: #2B2B2B;
            margin: 25px 0;
        }

.section-ibisclients {
    margin: 50px 0;
}

    .section-ibisclients ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .section-ibisclients ul li {
            display: inline-block;
            margin: 15px 23px;
        }

.list-type {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-type li {
        border-bottom: 1px solid #c0c0c0;
        padding: 14px 20px;
    }

        .list-type li a {
            color: #2b2b2b;
            font-size: 16px;
        }

        .list-type li.list-head {
            font-weight: bold;
            padding: 20px;
            text-align: center;
        }

        .list-type li:not(.list-head) {
        }

.client-placeholder,
.client-placeholder-sm,
.client-placeholder-xs {
    background-color: #fefefe;
    margin: 0 auto;
    position: relative;
}

.client-placeholder {
    height: 50px;
    width: 140px;
}

.client-placeholder-sm {
    height: 110px;
    width: 190px;
}

.client-placeholder-xs {
    height: 55px;
    width: 95px;
}

    .client-placeholder img,
    .client-placeholder-sm img,
    .client-placeholder-xs img {
        bottom: 0;
        height: auto;
        left: 0;
        position: relative;
        vertical-align: bottom;
        width: 100%;
    }

.video-box {
    display: block;
    background: url('../_temp/sample-puzzles.jpeg');
    background-position: 50%;
    background-size: 114%;
    height: 520px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .video-box:after {
        content: "";
        background-color: rgba(0, 0, 0, 0.47);
        display: block;
        height: 100%;
        width: 100%;
    }

    .video-box label {
        color: #FFFFFF;
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 520px;
        position: absolute;
        text-align: center;
        width: 100%;
    }

        .video-box label > .fa {
            font-size: 25px;
            font-weight: 400;
            margin-left: 10px;
            vertical-align: middle;
        }

#sectionContactUs {
}

    #sectionContactUs #lnkContactUsPhoneNumber {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 10px;
    }

    #sectionContactUs #lnkIndustryContactUs {
        width: 205px;
        margin-bottom: 10px;
    }

    #sectionContactUs a:hover {
        text-decoration: none;
    }

    #sectionContactUs .icn-phone {
        color: var(--ui-primary-navigation-red);
        font-size: 32px;
        margin-right: 5px;
        vertical-align: -8px;
    }

    #sectionContactUs .phone-no {
        color: var(--ui-primary-navigation-red);
        font-size: 24px;
        font-weight: 500;
    }

        #sectionContactUs .phone-no:hover {
            text-decoration: underline;
        }

.dont-know-text {
    font-size: 25px;
    font-weight: 500;
    line-height: 32px;
}

#lnkTopAnchor {
    background: var(--ui-primary-navigation-red);
    bottom: -60px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
    display: inline-block;
    height: 50px;
    position: fixed;
    right: 120px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    transition: bottom 0.3s ease-out;
    z-index: 2100;
}

    #lnkTopAnchor:hover {
        background-color: var(--ui-primary-navigation-red-hover);
    }

    #lnkTopAnchor > span {
        color: #ffffff;
        line-height: 45px;
        font-size: 25px;
    }

#youtubeVideoBox {
    background: rgba(0,0,0,0.8);
    bottom: 0;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2110;
}

    #youtubeVideoBox .display-table {
        height: 100%;
        width: 100%;
    }

    #youtubeVideoBox .display-table-cell {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        #youtubeVideoBox .display-table-cell .icn-clear {
            color: #fcfcfc;
            cursor: pointer;
            left: 30px;
            position: absolute;
            top: 35px;
        }

            #youtubeVideoBox .display-table-cell .icn-clear:hover {
                color: #e4551f;
            }


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

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

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.font-27 {
    font-size: 27px;
}

.font-30 {
    font-size: 30px;
}

.font-32 {
    font-size: 32px;
}

.font-34 {
    font-size: 34px;
}

.font-36 {
    font-size: 36px;
}

.no-padding {
    padding: 0;
}

.abspos-bottom-10 {
    bottom: 10px;
    position: absolute;
}

.abspos-bottom-20 {
    bottom: 20px;
    position: absolute;
}

.no-margin {
    margin: 0 !important;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.margin-top-0 {
    margin-top: 0px !important;
}

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

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

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

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

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

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

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

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.container-600 {
    display: block;
    margin: 0 auto;
    max-width: 670px;
}

.container-900 {
    display: block;
    margin: 0 auto;
    max-width: 900px;
}

.outer-box {
    margin-top: 20px;
}

.box {
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    border: 1px solid #F3F3F3;
    overflow: hidden;
    position: relative;
}

.bg-holder-maroon {
    background: -moz-linear-gradient(45deg, rgba(122,19,21,1) 0%, rgba(97,16,17,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(122,19,21,1)), color-stop(100%, rgba(97,16,17,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(122,19,21,1) 0%, rgba(97,16,17,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(122,19,21,1) 0%, rgba(97,16,17,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(122,19,21,1) 0%, rgba(97,16,17,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(122,19,21,1) 0%, rgba(97,16,17,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#611011', endColorstr='#7A1315',GradientType=1 ); /* ie6-9 */
}

.bg-holder-procurement {
    background: #3179b7; /* Old browsers */
    background: -moz-linear-gradient(top, #3179b7 0%, #255789 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3179b7 0%,#255789 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3179b7 0%,#255789 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3179b7', endColorstr='#255789',GradientType=0 ); /* IE6-9 */
}

.form-section {
}

    .form-section .row {
        /*margin-bottom: 20px;*/
    }
/* End: Common Styles used across pages */



/* Begin: Header Section */
.main-header {
    background-color: #FFFFFF;
    /*border-bottom: 1px solid #F3F3F3;*/
    width: 100%;
    position: fixed;
    z-index: 2000;
}

    .main-header.no-shadow {
        border: none !important;
        box-shadow: none !important;
    }

.xnav-full {
}

    .xnav-full li a, .xnav-full li a * {
        line-height: 19px;
        text-decoration: none;
    }

    .xnav-full .xnavbar-top {
        border-bottom: 1px solid #EAEAEA;
        padding: 0px 0 10px;
        text-align: right;
    }

    .xnav-full .xnavbar-top, .xnav-full .xnavbar-main, .xnav-full .xnavbar-bottom {
        transition: height, margin, padding 0.5s ease !important;
        /*transition: none !important;*/ /* remove transaition because it causes un-sync animation between main menu sticky and quick nav bar sticky */
    }

    .xnav-full .xnavbar-top-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .xnav-full .xnavbar-top-menu li {
            display: inline;
            margin: 0 0 0 30px;
        }

        .xnav-full .xnavbar-top-menu a {
            color: #231F20;
            font-size: 14px;
        }

            .xnav-full .xnavbar-top-menu a:hover {
                color: var(--ui-primary-navigation-red);
            }

        .xnav-full .xnavbar-top-menu li .icn-phone {
            font-size: 22px;
            margin: 0 0 0 30px;
            vertical-align: middle;
        }

        .xnav-full .xnavbar-top-menu li .phone-no {
            color: var(--ui-primary-navigation-red) !important;
            font-size: 15px;
            font-weight: bold;
            margin-left: 10px;
        }

        .xnav-full .xnavbar-top-menu li .icn-selector {
            background-color: var(--ui-primary-navigation-red);
            background: url('/resources/img/icn-flag-usa.png') no-repeat;
            background-position: 50%;
            background-size: 100%;
            display: inline-block;
            height: 30px;
            margin-right: 10px;
            position: relative;
            top: 11px;
            width: 30px;
        }

        .xnav-full .xnavbar-top-menu li .icn-selector-none {
            display: inline-block;
            height: 30px;
            margin-right: 10px;
            position: relative;
            top: 11px;
            width: 30px;
        }

        /* menu-list dropdown */
        .xnav-full .xnavbar-top-menu li.menu-key {
        }

            .xnav-full .xnavbar-top-menu li.menu-key .menu-list {
                background: #eaeaea;
                box-shadow: 1px 3px 2px 0 rgba(0,0,0,0.5);
                display: none;
                height: 0;
                left: 0px;
                overflow: hidden;
                padding-top: 15px;
                position: absolute;
                top: 37px;
                z-index: 1;
            }

                .xnav-full .xnavbar-top-menu li.menu-key .menu-list li {
                    color: var(--ui-primary-navigation-red);
                    display: block;
                    margin: 0;
                    padding: 3px 10px;
                    text-align: left;
                }

                    .xnav-full .xnavbar-top-menu li.menu-key .menu-list li a {
                        font-size: 16px;
                    }

            .xnav-full .xnavbar-top-menu li.menu-key:hover .menu-list {
                display: block;
                animation-duration: .5s;
                animation-fill-mode: forwards;
                animation-name: kf-menu-drop;
                -webkit-animation-duration: .5s;
                -webkit-animation-fill-mode: forwards;
                -webkit-animation-name: kf-menu-drop;
            }

            .xnav-full .xnavbar-top-menu li.menu-key .menu-list li:hover {
                background-color: #dcdcdc;
            }

                .xnav-full .xnavbar-top-menu li.menu-key .menu-list li:hover a {
                    color: var(--ui-primary-navigation-red);
                }

@keyframes kf-menu-drop {
    0% {
        height: 0px;
    }

    100% {
        height: 80px;
    }
}


.xnav-full .xnavbar-main {
    display: block;
    height: 80px;
    position: relative;
}

    .xnav-full .xnavbar-main .xnavbar-main-menu-left {
        display: inline-block;
        float: left;
        margin-top: 10px;
        position: relative;
        z-index: 10;
    }

        .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-toggle {
            background: transparent;
            border: none;
            font-size: 16px;
            font-weight: bold;
            height: 38px;
            left: 0px;
            line-height: 4px;
            margin: 0;
            padding: 5px;
            position: absolute;
            z-index: 100;
        }

            .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-toggle:hover {
                color: var(--ui-primary-navigation-red);
            }

                .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-toggle:hover .icon-bar {
                    background: var(--ui-primary-navigation-red);
                }

            .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-toggle > div {
                display: inline-block;
                width: 27px;
            }

                .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-toggle > div .icon-bar {
                    background: #303030;
                    display: block;
                    height: 3px;
                    margin: 5px 0 0;
                    width: 100%;
                }

            .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-toggle > span {
                margin-left: 5px;
                vertical-align: 3px;
            }

        .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-search {
            cursor: pointer;
            position: absolute;
            right: 0;
            z-index: 100;
        }

        .xnav-full .xnavbar-main .xnavbar-main-menu-left .icn-search {
            color: #202020;
            float: right;
            font-size: 45px;
            top: 16px;
        }

            .xnav-full .xnavbar-main .xnavbar-main-menu-left .icn-search:hover {
                color: var(--ui-primary-navigation-red);
            }

        .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-brand img {
            height: 60px;
        }

        .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-brand .header-logo {
            background: url('/img/logo-ibisworld-industry-now.png') no-repeat;
            background-position: 50%;
            background-size: 100%;
            display: none;
            height: 50px;
            width: 139px;
        }

    .xnav-full .xnavbar-main #navMenuMainListOverlay {
        background: rgba(0, 0, 0, 0.35);
        display: none;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .xnav-full .xnavbar-main .xnavbar-main-menu-mid {
        /*background-color: #f0f0f0;*/
        position: absolute;
        text-align: center;
        width: 100%;
        padding-left: 145px;
        padding-right: 270px;
    }

    .xnav-full .xnavbar-main .xnavbar-main-menu-right {
        float: right;
    }

/*.xnav-full*/ .xnavbar-bottom {
    padding: 0 0 10px 0;
    text-align: right;
}

.xnav-full .xnavbar-top.pad-side {
    padding-left: 40px;
    padding-right: 40px;
}

.xnav-full .xnavbar-main.pad-side, /*.xnav-full*/ .xnavbar-bottom.pad-side {
    margin-left: 40px;
    margin-right: 40px;
}

.xnav-full .xnavbar-main .parent {
    background-color: white;
    left: 0 !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

.search-and-selector {
    display: inline-block;
    height: 30px;
    position: relative;
    top: 20px;
}

    .search-and-selector #txtMainSearchField {
        display: inline-block;
        width: 180px;
    }

        .search-and-selector #txtMainSearchField:focus {
            /*border-bottom: 1px solid #9e9e9e !important;*/
        }

    .search-and-selector #btnMainSearch {
        margin-left: 8px;
        min-width: 46px !important;
        padding: 12px;
        width: auto;
    }
/*.search-and-selector .search-group {
            display: inline-block;
            position: relative;
        }
            .search-and-selector .search-group .icn-search {
                color: #231F20;
                cursor: pointer;
                font-size: 35px !important;
                float: left;
                height: 35px;
                width: 35px;                
            }
                .search-and-selector .search-group .icn-search:hover {
                    color: #e4551f;
                }
            .search-and-selector .search-group #txtMainSearchField {
                display: inline;
                float: right;
                height: 30px;
                margin: 0;
                padding: 0;
                padding-right: 25px;
                transition: height 0.2s ease;
                visibility: hidden;
                width: 0;
            }
            .search-and-selector .search-group .icn-search-close {
                cursor: pointer;
                display: none;
                position: absolute;
                right: 0;
                top: 4px;
            }
            .search-and-selector .search-group .icn-search-close:hover {
                color: #757575;
            }*/

.xnavbar-spacer {
    margin-top: 157px;
    transition: margin 0.5s ease
}

/* Sticky mode */
.main-header.sticky {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.46);
}

    .main-header.sticky .xnav-full .xnavbar-top,
    .main-header.sticky .xnav-full .xnavbar-bottom {
        border: 0;
        height: 0;
        padding-bottom: 0;
        padding-top: 0;
        margin: 0;
        overflow: hidden;
    }

    .main-header.sticky .xnav-full .xnavbar-main {
        height: 60px;
    }

        .main-header.sticky .xnav-full .xnavbar-main .xnavbar-main-menu-left .xnavbar-brand img {
            margin-top: -3px;
            height: 50px;
        }

        .main-header.sticky .xnav-full .xnavbar-main .xnavbar-main-menu-left {
            margin-top: 8px;
        }

    .main-header.sticky .xnav-full .xdrop-menu > li {
        padding-bottom: 19px;
        padding-top: 19px;
    }

    .main-header.sticky .search-and-selector {
        top: 10px;
    }
/* End: [Header Section] Main Navigation Bar */


/* Begin: [Header Section] Breadcrumbs */

.breadcrumbs {
    background-color: var(--navy-theme-color);
    border-radius: 0;
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
    margin: 0;
    padding: 5px 0 5px;
    min-height: 40px;
    text-transform: uppercase;
}

    .breadcrumbs.bc-industry {
        background-color: #7A1315;
    }

    .breadcrumbs.bc-procurement {
        background-color: #506E96;
    }

    .breadcrumbs.bc-procurementiq {
        /*background-color: #00B4DF;*/
        background-color: rgb(0, 90, 131)
    }

    .breadcrumbs .link {
        color: #ffffff;
    }

    .breadcrumbs .current {
        font-weight: 500;
    }
/* End: [Header Section] Breadcrumbs */

/* End: Header Section */


/* Begin: Footer Section */
.banner-footer {
    background: var(--navy-theme-color);
    padding: 40px 0;
}

    .banner-footer footer {
    }

        .banner-footer footer .footer-head {
            color: #ffffff;
            font-weight: 500;
            letter-spacing: 1px;
            margin-bottom: 14px;
            text-transform: uppercase;
        }

        .banner-footer footer a {
            color: #d2d2d2;
            display: inline-block;
            margin-bottom: 10px;
        }

        .banner-footer footer .footer-head.follow-us {
            margin-top: 20px;
        }

        .banner-footer footer .icn-social {
            /*border-radius: 5px;*/
            display: inline-block;
            height: 31px;
            width: 31px;
        }

            .banner-footer footer .icn-social:first-child {
                margin-right: 15px;
            }

            .banner-footer footer .icn-social.facebook {
                background: url('/resources/img/icn-facebook-100.png') no-repeat;
                background-position: 50%;
                background-size: 100%;
            }

            .banner-footer footer .icn-social.twitter {
                background: url('/resources/img/icn-twitter-100.png') no-repeat;
                background-position: 50%;
                background-size: 100%;
            }

            .banner-footer footer .icn-social.linkedin {
                background: url('/resources/img/icn-linkedin-100.png') no-repeat;
                background-position: 50%;
                background-size: 100%;
            }

.foot-bar {
    background-color: #ffffff;
    line-height: 60px;
    margin-top: 50px;
    position: absolute;
    width: 100%;
}

    .foot-bar * {
        color: var(--navy-theme-color);
        !important;
    }

    .foot-bar #copyright {
        text-align: left;
    }

    .foot-bar #footlinks {
        text-align: right;
    }

/* End: Footer Section */




/* Begin: Homepage */
.section-solution {
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    /*border: 1px solid #F3F3F3;*/
    margin-bottom: 25px;
    min-height: 870px;
}

    .section-solution .solution-lead {
        height: 250px;
        position: relative;
    }


    .section-solution.industry {
    }

        .section-solution.industry .solution-lead {
            background: url(/resources/img/bg/industry_solutions.jpg);
            background-size: cover;
        }

            .section-solution.industry .solution-lead:before {
                background-color: rgba(122, 19, 21, 0.80);
                content: " ";
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
            }

    .section-solution.procurement .solution-lead {
        background: url(/resources/img/bg/procurement_research.jpg);
        background-size: cover;
    }

        .section-solution.procurement .solution-lead:before {
            background-color: rgba(80, 110, 150, 0.70);
            content: " ";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

    .section-solution .solution-lead h2 {
        bottom: 20px;
        color: #FFFFFF;
        font-weight: 500;
        left: 20px;
        line-height: 38px;
        margin: 0px;
        position: absolute;
    }

    .section-solution article {
        margin: 20px 35px;
        padding-bottom: 20px;
    }

        .section-solution article .link-set {
            margin: 35px 0;
        }

        .section-solution article p {
            margin: 10px 0;
        }

        .section-solution article h4 {
            font-weight: 500;
            margin: 25px 0 10px;
        }

.section-whyibis {
    margin: 50px 0;
}

    .section-whyibis h2 {
        color: #2B2B2B;
        font-weight: 500;
        line-height: 38px;
        margin-bottom: 45px;
        text-align: center;
    }

    .section-whyibis .why-ibis-item {
    }

        .section-whyibis .why-ibis-item > div {
            background-color: #d8d8d8;
            display: block;
            height: 98px;
            margin: 10px auto;
        }

            .section-whyibis .why-ibis-item > div.icn-independent {
                background: url('/resources/img/icn-report-page-maroon.png') no-repeat;
                background-position: 50%;
                background-size: 100%;
                width: 75px;
            }

            .section-whyibis .why-ibis-item > div.icn-accurate {
                background: url('/resources/img/icn-check.png') no-repeat;
                background-position: 50%;
                background-size: 100%;
                width: 60px;
            }

            .section-whyibis .why-ibis-item > div.icn-breadth {
                background: url('/resources/img/icn-breadth.png') no-repeat;
                background-position: 50%;
                background-size: 80%;
                width: 126px;
            }

        .section-whyibis .why-ibis-item img {
            border: 1px solid #c0c0c0;
            margin: auto;
            width: 150px;
        }

        .section-whyibis .why-ibis-item label {
            color: var(--navy-theme-color);
            font-size: 21px;
            font-weight: 500;
            line-height: 32px;
            margin: 20px 0;
            text-align: center;
            width: 100%;
        }

        .section-whyibis .why-ibis-item p {
            padding: 0 62px;
            text-align: left;
        }

.home-form input.form-control {
    display: inline-block;
    max-width: 300px !important;
}

.home-form .btn {
    display: inline-block;
    margin-left: 8px;
    min-width: 46px !important;
    padding: 12px;
    width: auto;
}
/* End: Homepage */

/* Begin: (Checkout) Industry / Procurement */
.checkout-box {
    margin-left: 10px;
    margin-right: 10px;
    background-color: #F3F3F3;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    padding: 10px;
}

.menu-box {
    float: left;
    width: 20%;
    padding: 19px 0px;
    text-align: center;
    height: 58.84px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

#checkout-nav .prev {
    background-color: #7A1315;
    color: #FFFFFF;
}

#checkout-nav .active {
    border-bottom: 3px solid #7A1315;
}

/* End: (Checkout) Industry / Company */

/* Begin: (Solutions Homepage) Industry / Company */

#frmIndustryHome .box {
    position: relative;
    margin-bottom: 25px;
}

    #frmIndustryHome .box .link-set {
        bottom: 20px;
        position: absolute;
    }

.brochure-list {
    margin: -25px 30px 10px;
}

    .brochure-list > .icon-box {
        /*background-color: #d0d0d0;*/
        display: block;
        height: 100px;
        margin: 10px auto 30px;
        position: relative;
        text-align: center;
        width: 60px;
    }

    .brochure-list > .icon-industry-box img {
        height: 100%;
    }

    .brochure-list > .icon-role-box img {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .brochure-list > p {
        margin: 5px 0 5px !important;
        padding: 0 !important;
    }

    .brochure-list .brochure-list-box {
        padding: 0 90px;
    }

        .brochure-list .brochure-list-box.wider {
            padding: 0 60px;
        }

.common-industry {
    margin-top: 110px !important;
}
/* End: (Solutions Homepage) Industry / Procurement */


/* Begin: (Industry Overview) */
.sector-keystat {
}

    .sector-keystat .block-title {
        color: #7A1315;
        font-size: 21px;
        font-weight: bold;
        line-height: 28px;
        padding: 30px 25px 0;
    }

    .sector-keystat .stat-table .row {
        padding: 25px;
    }

        .sector-keystat .stat-table .row.header {
            border-bottom: 1px solid #A0A0A0;
        }

            .sector-keystat .stat-table .row.header > div {
                font-size: 18px;
            }

        .sector-keystat .stat-table .row.tr {
            padding: 8px 25px;
        }

            .sector-keystat .stat-table .row.tr > div {
                display: table;
            }

                .sector-keystat .stat-table .row.tr > div label {
                    font-weight: 500;
                }

                .sector-keystat .stat-table .row.tr > div span {
                    color: #303030;
                    display: table-cell;
                    font-size: 15px;
                    height: 50px;
                    vertical-align: middle;
                }

            .sector-keystat .stat-table .row.tr.last {
                margin-bottom: 15px;
            }

/* End: (Industry Overview) */


/* Begin: (Report Pages) */
#snapshot {
    color: #7A1315;
    background: #F3F3F3;
}

    #snapshot .box {
        min-height: 290px;
    }

    #snapshot .item {
        margin-bottom: 20px;
    }

        #snapshot .item .item-label {
            font-weight: 500;
            margin-bottom: 10px;
            /*margin-top: 15px;*/
        }

            #snapshot .item .item-label.two-line {
                height: 40px;
            }

        #snapshot .item .item-value {
            color: #2B2B2B;
            font-weight: bold;
        }

.no-market-share {
    color: #231F20;
    font-weight: bold;
}

#table-of-content li {
    list-style-type: none;
    padding-left: 10px;
}

#whyBuy li {
    list-style-type: circle;
    margin-left: 30px;
}

.box.type1 {
    min-height: 345px !important;
}

    .box.type1 .item .item-label {
        height: 50px !important;
    }

#downloadSample {
    background: #7A1315;
    color: #FFFFFF;
    padding: 50px 0;
}

    #downloadSample.procurement {
        background: #415C81;
    }

    #downloadSample .img-box {
        text-align: center;
    }

        #downloadSample .img-box img {
            height: 170px;
            width: auto;
        }

    #downloadSample .heading-box {
    }

        #downloadSample .heading-box h3 {
            margin: 0;
        }

#myTabs {
    background: var(--navy-theme-color);
    border: 0;
    text-align: center;
}

.nav-tabs > li {
    border-bottom-width: 3px;
    margin-bottom: 0px;
}

    .nav-tabs > li.active {
        border-bottom: 3px solid var(--ui-primary-navigation-red);
    }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            background: var(--navy-theme-color);
            color: #FFFFFF;
        }

    .nav-tabs > li > a {
        color: #FFFFFF;
        border: 1px solid transparent !important;
    }

        .nav-tabs > li > a:hover {
            background: var(--navy-theme-color);
            border: 1px solid transparent !important;
        }

.sub-heading {
    font-weight: 800;
    margin-top: 30px;
}

.IndustryRetail_Heading {
    font-weight: 900;
    margin-top: 30px;
}

#overview ul, #overview li {
    list-style-type: circle;
}

.report-stat-lock {
    border-radius: 2px;
    color: #858585;
    font-size: 18px;
    font-weight: 500;
    padding: 2px 4px;
    transition: all 0.2s ease-in;
}

    .report-stat-lock:hover {
        background: #eaeaea;
        color: #5f5f5f;
        text-decoration: none;
    }

    .report-stat-lock > i {
        color: var(--ui-primary-navigation-red);
        font-size: 20px;
        vertical-align: text-top;
    }

.report-publish-info {
    display: inline-block;
    font-size: 13px;
    margin-top: 20px;
}
/* End: ( Report Pages )  */

/* Begin: (Procurement) */
.procurement-about-icon {
    margin: 25px 0;
}

    .procurement-about-icon .icon-box {
        height: auto;
        margin: 0 auto;
        position: relative;
        width: auto;
    }

        .procurement-about-icon .icon-box > img {
            height: auto;
        }
/* End: (Procurement) */

/* Begin: Vertial Page (Brochure-type Page) */

.brochure-explore-more .box {
    margin-bottom: 20px
}

    .brochure-explore-more .box .link-set {
        bottom: 30px;
        position: absolute;
    }

.brochure-testimonies {
    margin: 150px auto;
    text-align: center;
    max-width: 600px;
}

    .brochure-testimonies header {
        font-size: 29px;
        font-weight: bold;
        margin-bottom: 50px;
    }

    .brochure-testimonies .img-box {
        height: 85px;
        margin: 0 auto;
        max-width: 350px;
        position: relative;
        width: 100%;
    }

        .brochure-testimonies .img-box img {
            bottom: 0;
            left: 0;
            margin: auto auto;
            position: absolute;
            right: 0;
            top: 0;
        }

    .brochure-testimonies p {
        color: #415C81 !important;
        font-size: 22px !important;
        font-weight: 500;
        line-height: 29px;
        margin: 20px !important;
        text-align: center;
    }

    .brochure-testimonies i {
        display: inline-block;
        color: #415C81 !important;
        font-size: 22px !important;
        line-height: 29px;
        margin-bottom: 90px;
    }
/* End: Vertial Page (Brochure-type Page) */

/* Begin: FAQs Pages */
.faq-links {
}

    .faq-links li {
        margin: 7px 0;
    }

        .faq-links li a {
            color: var(--ui-primary-navigation-red);
            font-weight: 500;
        }

            .faq-links li a:hover {
                color: #e4551f;
            }
/* End: FAQs Pages */

/* Begin: About Pages */
.about-product article {
    margin-bottom: 65px;
}

.about-career p {
    margin-top: 0 !important;
}

.profile-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .profile-list .box.profile {
        border-radius: 2px;
        border: none;
        border-top: 1px solid #f7f7f7;
        height: 300px;
        margin-bottom: 20px;
        margin-right: 20px;
        width: 190px;
    }

        .profile-list .box.profile .photo-frame {
            background-color: #f0f0f0;
            height: 200px;
            overflow: hidden;
        }

            .profile-list .box.profile .photo-frame > img {
                position: relative;
                top: -10px;
                width: 100%;
            }

            .profile-list .box.profile .photo-frame .holder-male {
                left: -33px;
                width: 135%;
            }

            .profile-list .box.profile .photo-frame .holder-female {
                left: -33px;
                top: -25px;
                width: 135%;
            }

            .profile-list .box.profile .photo-frame .bio-matthewf {
                left: -60px;
                top: -20px;
                width: 150%;
            }

            .profile-list .box.profile .photo-frame .bio-taraf {
                left: -170px;
                top: -105px;
                width: 270%;
            }

            .profile-list .box.profile .photo-frame .bio-danielr {
                left: -35px;
                top: 0;
                width: 130%;
            }

            .profile-list .box.profile .photo-frame .bio-michaeld {
                top: 0;
                width: 100%;
            }

            .profile-list .box.profile .photo-frame .bio-neilr {
                top: 0;
                width: 105%;
            }

            .profile-list .box.profile .photo-frame .bio-jasonf {
                top: 0;
                width: 110%;
                left: -10px;
            }

            .profile-list .box.profile .photo-frame .bio-carmenm {
                left: -10px;
                top: 0;
                width: 110%;
            }

            .profile-list .box.profile .photo-frame .bio-jocelynp {
                left: -40px;
                top: -20px;
                width: 140%;
            }

            .profile-list .box.profile .photo-frame .bio-jasonb {
                left: -18px;
                top: 0px;
                width: 110%;
            }

            .profile-list .box.profile .photo-frame .bio-karend {
                left: -10px;
                top: 0;
                width: 110%;
            }

            .profile-list .box.profile .photo-frame .bio-harveyj {
                left: -65px;
                top: -25px;
                width: 145%;
            }

            .profile-list .box.profile .photo-frame .bio-jodys {
                top: -15px;
            }

            .profile-list .box.profile .photo-frame .bio-damianm {
                top: -15px;
            }

            .profile-list .box.profile .photo-frame .bio-gavins {
                left: -60px;
                top: 0;
                width: 155%;
            }

            .profile-list .box.profile .photo-frame .bio-robbk {
                left: -25px;
                top: -10px;
                width: 130%;
            }

            .profile-list .box.profile .photo-frame .bio-jordanh {
                left: -35px;
                top: -20px;
                width: 135%;
            }

            .profile-list .box.profile .photo-frame .bio-philr {
                left: -130px;
                top: 0;
                width: 240%;
            }

            .profile-list .box.profile .photo-frame .bio-justinr {
                left: -15px;
                top: -45px;
                width: 120%;
            }

            .profile-list .box.profile .photo-frame .bio-geoffw {
                left: -52px;
                top: -5px;
                width: 150%;
            }

            .profile-list .box.profile .photo-frame .bio-rogers {
                top: -10px;
            }

            .profile-list .box.profile .photo-frame .bio-bernw {
                left: -18px;
                top: -10px;
                width: 120%;
            }

            .profile-list .box.profile .photo-frame .bio-lyleds {
                left: -180px;
                top: -50px;
                width: 300%;
            }

            .profile-list .box.profile .photo-frame .bio-vincentr {
                left: -130px;
                top: -65px;
                width: 230%;
            }

            .profile-list .box.profile .photo-frame .bio-kevinc {
                left: -140px;
                top: -50px;
                width: 230%;
            }

            .profile-list .box.profile .photo-frame .bio-herleens {
                left: -95px;
                top: -90px;
                width: 200%;
            }

            .profile-list .box.profile .photo-frame .bio-kerrynr {
                left: -18px;
                top: 5px;
                width: 120%;
            }




        .profile-list .box.profile .profile-name {
            padding: 12px 10px;
        }

            .profile-list .box.profile .profile-name > span {
                display: block;
                font-size: 14px;
            }

.opportunity-box {
    margin-bottom: 50px;
    overflow: hidden;
}

    .opportunity-box .place {
        background-position: 50% !important;
        background-size: cover !important;
        height: 165px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .opportunity-box .place.new-york {
            background: url('/resources/img/bg/place-us.jpg');
        }

        .opportunity-box .place.los-angeles {
            background: url('/resources/img/bg/place-us2.jpg');
        }

        .opportunity-box .place.london {
            background: url('/resources/img/bg/place-uk.jpg');
        }

        .opportunity-box .place.melbourne {
            background: url('/resources/img/bg/place-uk2.jpg');
        }

    .opportunity-box > div:first-child label {
        color: #ffffff;
        background-color: rgba(0,0,0,0.47);
        display: block;
        font-size: 26px;
        line-height: 165px;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 10;
    }

    .opportunity-box > div:first-child img {
        left: -25%;
        position: relative;
        top: -42%;
    }

    .opportunity-box > div:last-child {
        padding-top: 10px;
    }

        .opportunity-box > div:last-child > span {
            display: block;
            padding-top: 10px;
        }
/* End: About Pages */


/* Begin: Membership Pages */

/* End: Membership Pages */

/* Begin: Complete Reports List */
.all-reports-list {
}

    .all-reports-list .sector-line {
    }

        .all-reports-list .sector-line .btn-box {
            position: relative;
        }

        .all-reports-list .sector-line .btn-box {
            cursor: pointer;
            margin: 0;
            font-size: 15px;
            font-weight: bold;
        }

            .all-reports-list .sector-line .btn-box .toggle {
                font-size: 30px;
                font-weight: bold;
                position: absolute;
                right: 30px;
                top: 18px;
            }

    .all-reports-list ul.reports-list {
        list-style: none;
        padding: 0;
        margin: 12px 12px;
    }

        .all-reports-list ul.reports-list li {
            font-size: 13px;
            padding: 12px;
            position: relative;
        }

            .all-reports-list ul.reports-list li a {
                display: block;
            }

            .all-reports-list ul.reports-list li > a > .fa {
                font-size: 20px;
                font-weight: bold;
                position: absolute;
                right: 20px;
            }
/* End: Complete Reports List */


/* Begin: International Reports */
.ibis-sites-list {
}

    .ibis-sites-list .box {
        border: 0;
        border-radius: 2px;
        display: inline-block;
        margin: 8px;
        width: 100% !important;
    }

        .ibis-sites-list .box > .section-lead {
            background-color: var(--navy-theme-color);
            !important;
            background-position: 50% !important;
            background-size: cover !important;
            height: 235px !important;
            position: relative;
            cursor: pointer;
        }

            .ibis-sites-list .box > .section-lead:after {
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
                content: " ";
                display: block;
                height: 100%;
                width: 100%;
            }

            .ibis-sites-list .box > .section-lead.uk {
                background: url('/resources/img/bg/place-uk.jpg');
            }

            .ibis-sites-list .box > .section-lead.australia {
                background: url('/resources/img/bg/place-australia.jpg');
            }

            .ibis-sites-list .box > .section-lead.canada {
                background: url('/resources/img/bg/place-canada.jpg');
            }

            .ibis-sites-list .box > .section-lead.china {
                background: url('/resources/img/bg/place-china.jpg');
            }

            .ibis-sites-list .box > .section-lead.nz {
                background: url('/resources/img/bg/place-new-zealand.jpg');
            }

            .ibis-sites-list .box > .section-lead.germany {
                background: url('/resources/img/bg/place-germany.jpg');
            }


            .ibis-sites-list .box > .section-lead h2 {
                bottom: 30px;
                color: #ffffff;
                left: 30px;
                margin: 0;
                position: absolute;
            }

        .ibis-sites-list .box .link {
            padding: 15px;
        }
/* End: International Reports */


/* Begin: Thank You */
#frmThankYou {
}

    #frmThankYou .banner {
        height: auto;
    }

        #frmThankYou .banner .done-icon {
            background-color: #5AB6AE;
            border-radius: 50%;
            display: inline-table;
            height: 100px;
            margin-top: 60px;
            text-align: center;
            width: 100px;
        }

        #frmThankYou .banner h1 {
            font-size: 36px;
            font-weight: 500;
            line-height: 48px;
            margin-top: 60px;
        }

        #frmThankYou .banner .done-icon .material-icons {
            color: #ffffff;
            display: table-cell;
            font-weight: normal;
            vertical-align: middle;
        }

    #frmThankYou .got-question {
        font-weight: normal;
        margin: 60px 0 10px 0;
    }
/* End: Thank You */


/* Begin: Login */
#frmLogin {
}

    #frmLogin #forgotPassword {
        color: var(--ui-primary-navigation-red) !important;
        cursor: pointer;
        display: block;
        font-size: 13px;
        margin-top: -10px;
        text-decoration: underline;
    }

        #frmLogin #forgotPassword:hover {
            color: #e4551f !important;
        }

    #frmLogin .login-message {
        margin: 40px 0 0;
    }

        #frmLogin .login-message > * {
            text-align: center !important;
        }
/* End: Login */


/* Begin: Search Results */
#frmSearchResults .left-inner-addon {
    position: relative;
}

    #frmSearchResults .left-inner-addon input {
        padding-left: 40px;
    }

    #frmSearchResults .left-inner-addon i {
        position: absolute;
        padding: 7px 8px;
        pointer-events: none;
    }

#frmSearchResults .btn-go {
    min-width: 46px !important;
    margin-left: 10px;
    padding: 12px;
}

#frmSearchResults #searchTabs {
    border: 0 !important;
}

    #frmSearchResults #searchTabs > li {
        margin: 3px 15px 0 !important;
    }

        #frmSearchResults #searchTabs > li > a {
            color: #231F20;
        }

            #frmSearchResults #searchTabs > li.active > a,
            #frmSearchResults #searchTabs > li.active > a:focus,
            #frmSearchResults #searchTabs > li.active > a:hover,
            #frmSearchResults #searchTabs > li > a:hover,
            #frmSearchResults #searchTabs > li > a:focus {
                background: #F3F3F3;
                color: #231F20;
            }

#frmSearchResults #WaitArea {
    /*display: none;*/
}

    #frmSearchResults #WaitArea img {
    }

    #frmSearchResults #WaitArea label {
    }

#frmSearchResults #IndustryResultsPosition1 > .row:first-child,
#frmSearchResults #ProcurementResultsPosition1 > .row:first-child {
    margin-bottom: 40px;
}

#frmSearchResults .pagination {
    margin: 0;
}

    #frmSearchResults .pagination > li {
        margin: 0 5px;
    }

        #frmSearchResults .pagination > li > a,
        #frmSearchResults .pagination > li > span {
            border: 0px;
            border-radius: 0px !important;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            padding: 0 3px;
        }

    #frmSearchResults .pagination li.active {
        background-color: transparent;
    }

        #frmSearchResults .pagination li.active a {
            color: var(--ui-primary-navigation-red) !important;
            background-color: transparent;
            border-bottom: 2px solid var(--ui-primary-navigation-red);
            font-weight: bold;
        }

    #frmSearchResults .pagination > .active > a,
    #frmSearchResults .pagination > .active > a:focus,
    #frmSearchResults .pagination > .active > a:hover,
    #frmSearchResults .pagination > .active > span,
    #frmSearchResults .pagination > .active > span:focus,
    #frmSearchResults .pagination > .active > span:hover {
        color: inherit !important;
        background-color: transparent;
    }

    #frmSearchResults .pagination li a[data-target=next],
    #frmSearchResults .pagination li a[data-target=prev] {
        color: var(--ui-primary-navigation-red) !important;
        padding: 0 5px;
    }

    #frmSearchResults .pagination .arrow-left {
        display: inline-block;
        height: 8px;
        vertical-align: middle;
        width: 12px;
    }

        #frmSearchResults .pagination .arrow-left:after {
            border-right-color: var(--ui-primary-navigation-red);
        }

    #frmSearchResults .pagination .arrow-right {
        display: inline-block;
        height: 8px;
        vertical-align: middle;
        width: 10px;
    }

        #frmSearchResults .pagination .arrow-right:after {
            border-left-color: var(--ui-primary-navigation-red);
        }

#frmSearchResults .search-result-item {
    margin: 0 0 35px;
}

    #frmSearchResults .search-result-item .report-title {
        color: #7A1315;
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
        margin-bottom: 5px;
    }

        #frmSearchResults .search-result-item .report-title a {
            color: #7A1315 !important;
        }

    #frmSearchResults .search-result-item.procurement .report-title a {
        color: #415C81 !important;
    }

    #frmSearchResults .search-result-item p {
        line-height: 20px;
        margin: 0 0 5px;
    }

    #frmSearchResults .search-result-item .view-report {
        color: var(--ui-primary-navigation-red);
        font-weight: 500;
    }
/* End: Search Results */


/* Begin: Purchase Option Page */
#frmPurchaseOption .option-description {
    padding: 10px 0;
    cursor: pointer;
    margin: 0px;
    border-bottom: 1px solid #979797;
    min-height: 75px;
}

#frmPurchaseOption .option-heading {
    border-bottom: 1px solid #979797;
    margin: 0px !important;
}

#frmPurchaseOption .first-box {
    border-bottom: 1px solid #979797;
    height: 110px;
    margin: 0px !important;
}

#frmPurchaseOption .section article p {
    margin: 10px 0;
}

#frmPurchaseOption .option-box {
    padding-top: 10px;
    margin-bottom: 20px;
}

#frmPurchaseOption #membership-plus {
    background-color: #F3F3F3;
}

#frmPurchaseOption #membership {
    z-index: 1;
    box-shadow: -2px 1px 5px -1px rgba(0,0,0,0.5) /*0 2px 4px 0 rgba(0,0,0,0.5)*/;
}
/* End: Purchase Option Page */


/* Begin: Custom Menu */
.xdrop-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .xdrop-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .xdrop-menu > li {
        display: inline-block;
        padding: 28px 25px 28px 20px;
        position: relative;
    }

        .xdrop-menu > li:hover {
            background-color: #F3F3F3;
        }

            .xdrop-menu > li:hover > a {
                color: var(--ui-primary-navigation-red);
            }

        .xdrop-menu > li > a {
            /*background: #f9baaa;*/
            color: #231F20;
            font-size: 17px;
            font-weight: 500;
        }

    .xdrop-menu .menu-list {
        background-color: #FFFFFF;
        border: 0;
        border-radius: 0;
        box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
        height: 0;
        min-width: 300px;
        opacity: 0;
        position: absolute;
        white-space: nowrap;
        z-index: 2000;
    }

    .xdrop-menu .menu-key {
    }

        .xdrop-menu .menu-key.point-down > .menu-list {
            left: 0;
            top: 100%;
        }

        .xdrop-menu .menu-key.point-right > .menu-list {
            left: 100%;
            top: 0;
        }

    .xdrop-menu .menu-list ul {
        display: none;
        overflow: visible;
    }

        .xdrop-menu .menu-list ul li {
            position: relative;
            text-align: left;
            white-space: normal;
            /*width:300px;*/
        }

            .xdrop-menu .menu-list ul li.substi-link,
            .xdrop-menu .menu-list ul li.substi-link a {
                /*display: none;*/
                font-weight: 700;
            }

                .xdrop-menu .menu-list ul li.substi-link.empty {
                    height: 30px;
                }

            .xdrop-menu .menu-list ul li:not(.empty):hover {
                background-color: #F3F3F3;
            }

                .xdrop-menu .menu-list ul li:not(.empty):hover > a > .menu-arrow {
                    color: var(--ui-primary-navigation-red);
                }

            .xdrop-menu .menu-list ul li:hover > a:after {
                border-left-color: var(--ui-primary-navigation-red);
            }

            .xdrop-menu .menu-list ul li a {
                color: #231F20;
                display: block;
                font-size: 15px;
                padding: 17px 15px;
            }

            .xdrop-menu .menu-list ul li empty {
                font-size: 15px;
                padding: 10px 15px;
            }

    /* on dropdown hover, show menu list */
    .xdrop-menu:not(.mobile) .menu-key:hover > .menu-list {
        /*display: flex;*/ /* flex make sure to contain the floating sub-sub in a two-col format. */
        transition: height ease;
    }

    .xdrop-menu .menu-key .menu-arrow {
        /*background: #c0c0c0;*/
        cursor: pointer;
        display: inline-block;
        float: right;
        height: 20px;
        font-size: 12px;
        /*position: absolute;
        right: 15px;*/
        text-align: center;
    }

    .xdrop-menu .menu-key.point-down > a > .menu-arrow {
        height: 20px;
        /*padding-left: 10px;*/
        padding-top: 2px;
        /*width: 18px;*/
    }

    .xdrop-menu .menu-key.point-right > a > .menu-arrow {
        /*top: -4px*/
    }

    .xdrop-menu .menu-key .menu-arrow.down {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Safari */
        transform: rotate(0deg);
    }

    .xdrop-menu .menu-key .menu-arrow.right {
        -ms-transform: rotate(270deg); /* IE 9 */
        -webkit-transform: rotate(270deg); /* Safari */
        transform: rotate(270deg);
        right: 5;
    }

    .xdrop-menu .menu-key .menu-arrow.up {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari */
        transform: rotate(180deg);
    }

    .xdrop-menu .menu-key .menu-arrow.left {
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Safari */
        transform: rotate(360deg);
    }

    .xdrop-menu .menu-key.point-right > a {
        padding-right: 0px;
    }

    .xdrop-menu .two-col {
        padding: 0px 0;
        min-width: 600px;
    }

        .xdrop-menu .two-col .sub-sub {
            float: left;
            height: 100%; /* [Scorch]: full height for the sub-sub column separator. */
            max-width: 300px;
        }

    .xdrop-menu .sub-sub {
        /*padding:10px 15px !important;*/
        padding-top: 10px;
    }
    /*'[Scorch] Ricky : Hiding it for now*/
    /**/ .xdrop-menu .two-col .sub-sub:not(:last-child) {
        border-right: 1px solid #e8e8e8;
    }

    .xdrop-menu .two-col .sub-sub a {
        color: var(--ui-primary-navigation-red);
        font-size: 14px;
        font-weight: normal;
        padding: 5px 15px !important;
    }

    .xdrop-menu .sub-sub a {
        padding: 10px 15px !important;
    }

    .xdrop-menu .line-bottom {
        border-bottom: 1px solid #c0c0c0;
    }

    .xdrop-menu .line-top {
        border-top: 1px solid #c0c0c0;
    }

/* Custom Menu: Mobile mode */
#ulMainMenuListScroller.mobile {
    padding-bottom: 150px;
}

.xdrop-menu.mobile {
}

    .xdrop-menu.mobile > li {
        padding: 5px;
    }

        .xdrop-menu.mobile > li a, .xdrop-menu.mobile > li > div {
            padding-left: 20px;
        }

        .xdrop-menu.mobile > li:hover > a {
            color: initial;
        }

    .xdrop-menu.mobile li {
        display: block;
        padding: 10px 0;
    }

        .xdrop-menu.mobile li a {
            display: block;
            line-height: 18px;
            padding: 0px 15px !important;
        }

            .xdrop-menu.mobile li a:hover {
                text-decoration: underline;
            }

    .xdrop-menu.mobile .menu-list {
        background-color: transparent;
        box-shadow: none;
        height: 0;
        margin-top: 15px;
        opacity: 1;
        overflow: hidden;
        position: relative;
    }

        .xdrop-menu.mobile .menu-list.open {
            display: block;
            transition: none;
        }

        .xdrop-menu.mobile .menu-list ul {
            display: block;
        }

            .xdrop-menu.mobile .menu-list ul li {
                padding: 8px 0;
            }

                .xdrop-menu.mobile .menu-list ul li.substi-link {
                    display: block;
                }

                    .xdrop-menu.mobile .menu-list ul li.substi-link.empty {
                        display: none;
                    }

                    .xdrop-menu.mobile .menu-list ul li.substi-link a {
                        font-weight: 700;
                    }

                .xdrop-menu.mobile .menu-list ul li a {
                    padding-top: 0;
                }

        .xdrop-menu.mobile .menu-list .sub-sub {
            padding-left: 20px;
        }

    .xdrop-menu.mobile .menu-key .menu-arrow {
        /*height:30px;*/
        font-size: 15px;
        /*line-height: 30px;*/
        padding-top: 0px;
        right: 0 !important;
        width: 35px;
    }

    .xdrop-menu.mobile .menu-key.point-down > a > .menu-arrow {
        height: 30px;
        padding: 0;
        padding-top: 6px;
        width: 35px;
    }

    .xdrop-menu.mobile .menu-key.point-right > a > .menu-arrow {
        top: 10px;
    }

    .xdrop-menu.mobile .menu-key.point-right > .menu-list {
        left: 0;
        margin-top: 10px;
    }

    .xdrop-menu.mobile .menu-key.point-right > a {
        /*padding-right: 30px;*/
    }


    .xdrop-menu.mobile .menu-key .menu-arrow i.em {
        font-size: 28px;
        font-weight: 700;
    }

    .xdrop-menu.mobile .two-col {
        padding: 0;
    }

        .xdrop-menu.mobile .two-col .sub-sub {
            border: none;
            float: none;
            max-width: 100%;
        }

            .xdrop-menu.mobile .two-col .sub-sub li {
                padding: 3px 0px;
            }

            .xdrop-menu.mobile .two-col .sub-sub a {
                padding-top: 0px !important;
            }

    .xdrop-menu.mobile .menu-key > .menu-arrow {
        left: auto;
        right: 15px;
    }

    .xdrop-menu.mobile .line-top {
        margin-left: -15px;
        padding-left: 15px !Important;
    }
/* End: Custom Menu */



/* Begin: Library Overrides */
input.form-control {
    background: #fff;
    border: 1px solid var(--ui-data-border);
    border-radius: 8px;
    width: 100%;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px;
    height: 42px;
    outline: none;
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: none !important;
}



.input-field {
    margin-bottom: 20px;
}

    .input-field label {
        padding-left: 15px;
    }
        .input-field label:not(.active) {
            left: 1rem;
            top: 1.25rem;
        }

        .input-field label.active {
            color: #5AB6AE;
            padding-left: 15px;
        }
    
.select-dropdown.dropdown-content {
    transition: ease;
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
select{
    background: #fff;
    border: 1px solid var(--ui-data-border);
    border-radius: 8px;
    color: #303030 !important;
    font-size: 16px;
    font-weight: 500 !important;
    transition: none;
    padding: 0 1rem;
    margin: 0.5rem 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
textarea.materialize-textarea {
    background: #fff;
    border: 1px solid var(--ui-data-border);
    padding: 1rem;
    margin: 0.5rem 0;
    border-radius: 8px;
}
.select-wrapper input.select-dropdown {
    font-size: 16px;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    /*border-bottom: 1px solid #5AB6AE !important;*/
    box-shadow: none;
}

input:not([type]).valid, input:not([type]):focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime].valid,
input[type=datetime]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
}

input:not([type]).invalid, input:not([type]):focus.invalid,
input[type=text].invalid,
input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime].invalid,
input[type=datetime]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search].invalid,
input[type=search]:focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid,
.select-wrapper.invalid input.select-dropdown {
    /*border-bottom: 1px solid #F44336 !important;*/
    box-shadow: none !important; /*0 1px 0 0 #F44336;*/
}


.input-field label {
    font-weight: normal;
    width: 85%;
}

input:not([type]) + label:after,
input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search] + label:after,
textarea.materialize-textarea + label:after {
    top: 60px;
}


.has-feedback-left {
}

    .has-feedback-left label ~ .form-control-feedback {
        left: 0;
        right: auto;
    }

    .has-feedback-left .form-control {
        padding-left: 42.5px;
        padding-right: 13px;
    }

    .has-feedback-left input {
        /*width: 80%;*/
    }

.form-control-feedback {
    top: 5px !important;
}

.form-group input.form-control:focus {
    /*border-bottom: 1px solid #9e9e9e !important;*/
}

.select-wrapper > .caret {
    border-top: none;
    right: 10px !important;
}


body.modal-open {
    overflow: auto !important;
    padding: 0px !important;
}

.modal-backdrop {
    display: none;
    z-index: 2040;
}

.modal-open .modal {
    z-index: 2050;
}
/* End: Library Overrides */

/* Algolia */
#searchLayout {
    border-spacing: 0px;
    border-collapse: collapse;
}

@media (min-width: 1278px) {
    .filterFacet {
        display: none !important;
    }

    .searchLeft {
        width: 280px;
    }

    .searchRight {
        margin-left: 300px;
    }
}



/*----------------------------------------------
            MEDIA QUERIES BELOW
----------------------------------------------*/
/* MEDIA QUERY BREAKPOINT: 1278 */
@media (max-width: 1278px) {
    /* Algolia */
    .filterFacet {
        display: block;
    }

    .searchLeft {
        z-index: 2;
        position: absolute;
        width: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        overflow: hidden;
        transition: 0.5s;
    }

    .searchRight {
        margin-left: 20px;
    }

    :target:before {
        /* Purpose: adjust the in-page anchor targeting given for website with fixed header */
        content: "";
        display: block;
        height: 80px; /* fixed header height*/
        margin: -80px 0 0; /* negative fixed header height */
    }

    .desktop-hide {
        display: block !important;
    }

    .main-header {
        /*box-shadow: 0 2px 6px 0 rgba(0,0,0,0.46);*/
        height: 68px;
    }

    .xnavbar-brand {
        left: 0;
        position: absolute;
        width: 100%;
    }

        .xnavbar-brand img {
            height: 50px !important;
            margin-top: -2px;
        }

    .xnavbar-spacer {
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.46);
        margin-top: 68px;
    }

    .xnavbar-top, .xnavbar-main-menu-right, .xnavbar-bottom {
        display: none;
    }

    .xnav-full .xnavbar-main {
        height: auto;
    }

        .xnav-full .xnavbar-main .xnavbar-main-menu-left {
            display: block;
            float: none;
            text-align: center;
        }

    .xnavbar-sidebar-top {
        padding: 0 12px /*0 20px*/;
        overflow: hidden;
    }

        .xnavbar-sidebar-top .sidebar-close {
            cursor: pointer;
            font-size: 25px;
            margin: 10px 5px 15px;
        }

            .xnavbar-sidebar-top .sidebar-close:hover {
                color: var(--ui-primary-navigation-red);
            }

        .xnavbar-sidebar-top > .form-group {
            display: inline-block;
            vertical-align: top;
        }

        .xnavbar-sidebar-top > button.btn-ibis {
            margin-left: 8px;
            min-width: 46px !important;
            padding: 12px;
            width: auto;
        }

    .xdrop-menu .menu-list {
        min-width: 100%;
    }

    .xnavbar-sidebar-bottom {
        padding: 20px;
    }

    .xnav-full .xnavbar-main .xnavbar-main-menu-mid {
        background-color: #F3F3F3;
        border-right: 1px solid #e0e0e0;
        box-shadow: 5px 0px 57px -15px #000000;
        height: 100%;
        left: 0;
        margin: 0;
        min-width: 320px;
        max-width: 370px;
        padding: 15px 0 /*25px 0*/;
        position: fixed;
        text-align: left;
        top: 0;
        visibility: hidden;
        width: 96%;
        z-index: 1000;
    }

    .breadcrumbs {
        display: none !important;
    }

    .quick-nav-bar {
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.46);
    }

        .quick-nav-bar .inner-pad > strong {
            display: none !important;
        }

        .quick-nav-bar ul.quick-links {
            float: none;
            text-align: center;
        }
}

/* MEDIA QUERY BREAKPOINT: 992px */
@media only screen and (max-width: 992px) {

    .menu-box {
        width: 100%;
    }

    .first-box {
        height: auto !important;
    }
}

/* MEDIA QUERY BREAKPOINT: 768px */
@media only screen and (max-width : 768px) {
    .btn.full-mobile {
        /* This will make buttons full width and centered */
        display: block;
        margin: 0 auto;
        width: 98%;
    }

    .outer-btn-box {
        padding: 0px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    }

    .btn-box {
        margin-bottom: 1px;
        border-radius: 0px;
        padding-top: 15px;
        padding-left: 15px;
    }

    .xnav-full .xnavbar-top.pad-side {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .xnav-full .xnavbar-main.pad-side, .xnav-full .xnavbar-bottom.pad-side {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .xnav-full .xnavbar-main .xnavbar-main-menu-mid {
        width: 96%;
    }

    .section {
        margin: 25px auto;
    }

    .section-solution article {
        margin: 20px 15px !important;
    }

    .section-whyibis .why-ibis-item p {
        padding: 0 10px !important;
    }

    .brochure-list {
        margin: 10px 0px !important;
    }

        .brochure-list .brochure-list-box {
            padding: 0 !important;
        }

    .breadcrumbs {
        display: none;
    }

    .banner.first {
        padding-left: 5%;
        padding-right: 5%;
    }

        .banner.first h1 {
            /*padding-top: 140px;*/
        }

        .banner.first .sub-text {
            font-size: 20px;
        }

        .banner.first.no-sub-text h1 {
            /*padding-top: 205px;*/
        }

    /* TODO: Make dynamic using JavaScript */
    .video-box {
        height: 350px;
    }

        .video-box label {
            line-height: 350px;
        }

    .quick-nav-bar {
        color: #FFFFFF !important;
        background-color: var(--navy-theme-color);
        border-bottom: none;
        height: auto;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }

        .quick-nav-bar.qn-industry {
            background-color: #7A1315;
            border-bottom: 1px solid #8c4243;
        }

        .quick-nav-bar.qn-procurement {
            background-color: #415C81;
            border-bottom: 1px solid #415C81;
        }

        .quick-nav-bar > strong {
            display: none;
        }

        .quick-nav-bar .ntp {
            display: block;
            margin-top: 3px;
        }

            .quick-nav-bar .ntp > label {
                margin: 0 0 0 10px;
            }

            .quick-nav-bar .ntp > .toggle {
                margin-right: 15px;
                margin-top: 5px;
            }

        .quick-nav-bar ul.quick-links {
            display: none;
            float: none;
            margin-left: 40px;
            margin-bottom: 20px;
            text-align: left;
        }

            .quick-nav-bar ul.quick-links li {
                display: block;
                margin-top: 20px;
            }

                .quick-nav-bar ul.quick-links li.mobile-only {
                    display: block;
                }

                .quick-nav-bar ul.quick-links li.desktop-only {
                    display: none;
                }

                .quick-nav-bar ul.quick-links li a {
                    color: #FFFFFF !important;
                }

    #downloadSample .heading-box {
        text-align: center;
        margin-top: 50px;
    }

        #downloadSample .heading-box p {
            text-align: center;
        }

    .profile-list .box.profile {
        margin: 10px;
        width: 150px;
    }

        .profile-list .box.profile .photo-frame .holder-male {
            width: 140%;
        }

        .profile-list .box.profile .photo-frame .holder-female {
            top: -9px;
            width: 140%;
        }

        .profile-list .box.profile .photo-frame .bio-matthewf {
            left: -60px;
            top: -15px;
            width: 170%;
        }

        .profile-list .box.profile .photo-frame .bio-taraf {
            left: -60px;
            top: -15px;
            width: 170%;
        }

        .profile-list .box.profile .photo-frame .bio-danielr {
            left: -45px;
            top: 0;
            width: 155%;
        }

        .profile-list .box.profile .photo-frame .bio-michaeld {
            left: -25px;
            top: 0;
            width: 125%;
        }

        .profile-list .box.profile .photo-frame .bio-neilr {
            left: -18px;
            top: 0;
            width: 130%;
        }

        .profile-list .box.profile .photo-frame .bio-jasonf {
            left: -25px;
            top: 0;
            width: 130%;
        }

        .profile-list .box.profile .photo-frame .bio-carmenm {
            left: -38px;
            top: 0;
            width: 140%;
        }

        .profile-list .box.profile .photo-frame .bio-jocelynp {
            left: -47px;
            top: -20px;
            width: 165%;
        }

        /*.profile-list .box.profile .photo-frame .bio-toonv {
            top: 0;
        }
        .profile-list .box.profile .photo-frame .bio-morriso {
            top: 0;
        }
        .profile-list .box.profile .photo-frame .bio-narens {
            top: 0;
        }
        .profile-list .box.profile .photo-frame .bio-katec {
            top: 0;
        }
        .profile-list .box.profile .photo-frame .bio-nonnab {
            top: 0;
        }*/

        .profile-list .box.profile .photo-frame .bio-jasonb {
            left: -35px;
            top: 0px;
            width: 140%;
        }

        .profile-list .box.profile .photo-frame .bio-karend {
            left: -25px;
            top: 0;
            width: 140%;
        }

        .profile-list .box.profile .photo-frame .bio-harveyj {
            left: -80px;
            top: -27px;
            width: 175%;
        }

        .profile-list .box.profile .photo-frame .bio-jodys {
            left: -25px;
            top: -15px;
            width: 130%;
        }

        .profile-list .box.profile .photo-frame .bio-damianm {
            left: -23px;
            top: -15px;
            width: 130%;
        }

        .profile-list .box.profile .photo-frame .bio-gavins {
            left: -85px;
            top: 0px;
            width: 200%;
        }

        .profile-list .box.profile .photo-frame .bio-robbk {
            left: -45px;
            top: -15px;
            width: 170%;
        }

        .profile-list .box.profile .photo-frame .bio-jordanh {
            left: -50px;
            top: -20px;
            width: 170%;
        }

        .profile-list .box.profile .photo-frame .bio-philr {
            left: -130px;
            top: 0;
            width: 285%;
        }

        .profile-list .box.profile .photo-frame .bio-justinr {
            left: -35px;
            top: -45px;
            width: 150%;
        }

        .profile-list .box.profile .photo-frame .bio-geoffw {
            left: -70px;
            top: -10px;
            width: 195%;
        }

        .profile-list .box.profile .photo-frame .bio-rogers {
            left: -15px;
            top: -13px;
            width: 120%;
        }

        .profile-list .box.profile .photo-frame .bio-bernw {
            left: -40px;
            top: -15px;
            width: 150%;
        }

        .profile-list .box.profile .photo-frame .bio-kerrynr {
            left: -25px;
            top: -2px;
            width: 145%;
        }


    /* Begin: Footer Section */
    .foot-bar {
    }

        .foot-bar * {
            color: var(--navy-theme-color);
            !important;
            text-align: center !important;
        }
    /* End: Footer Section */


    /* Begin: Search Results */
    #frmSearchResults #searchTabs {
        margin-top: 10px;
    }

        #frmSearchResults #searchTabs > li {
            margin: 3px 5px 0 !important;
        }

            #frmSearchResults #searchTabs > li > a {
                padding: 10px 10px;
            }
    /* End: Search Results */

}


/* MEDIA QUERY BREAKPOINT: 736px */
@media only screen and (max-width : 736px) {


    h1 {
        font-size: 31px;
        line-height: 42px;
    }

    h2 {
        font-size: 26px;
        line-height: 38px;
    }

    h3 {
        font-size: 20px;
        line-height: 24px;
    }

    h4 {
        font-size: 18px;
        line-height: 20px;
    }

    .banner.first {
        height: 250px;
    }

        .banner.first .sub-text {
            font-size: 16px;
            line-height: 20px;
        }

    .banner.page-title {
        height: 250px;
    }

        .banner.page-title .sub-text {
            font-size: 16px;
            line-height: 20px;
        }

    /* Begin: Search Results */
    #frmSearchResults #searchTabs {
        margin-top: 10px;
        width: 100%;
    }

        #frmSearchResults #searchTabs > li {
            display: table;
            height: 70px;
            margin: 0px !important;
            text-align: center;
            width: 33%;
        }

            #frmSearchResults #searchTabs > li > a {
                display: table-cell;
                padding: 10px 0px;
                vertical-align: middle;
            }
    /* End: Search Results */

    .home-form input.form-control {
        max-width: 250px !important;
    }

    .home-form .btn {
    }

    #youtubeVideoBox .display-table-cell .icn-clear {
        font-size: 2rem;
        left: 10px;
        top: 10px;
    }
}


/* MEDIA QUERY BREAKPOINT: 544px */
@media only screen and (max-width : 544px) {

    /*.all-reports-list .sector-line .btn-box .toggle, .all-reports-list ul.reports-list li > a > .fa {
                display: none;
            }*/
}

/* MEDIA QUERY BREAKPOINT: 320px */
@media only screen and (max-width : 320px) {

    .xnavbar-brand img {
        height: 38px !important;
        margin-top: 0;
    }

    .profile-list {
        margin: 0 -10px;
    }

        .profile-list .box.profile {
            margin: 5px;
            width: 143px;
        }

            .profile-list .box.profile > div:first-child > img {
                top: 0;
            }

    .home-form input.form-control {
        display: block;
        max-width: 260px !important;
    }

    .home-form .btn {
        display: block;
        margin: 0;
    }

    .sector-keystat .stat-table .row.header > div {
        font-size: 14px;
    }

    .sector-keystat .stat-table .row.tr > div span {
        font-size: 14px;
    }
}

/* table of contents acordian */

.panel-group-toc {
    margin-bottom: 20px;
}

    .panel-group-toc .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group-toc .panel + .panel {
            margin-top: 5px;
        }

    .panel-group-toc .panel-heading {
        border-bottom: 0;
    }

        .panel-group-toc .panel-heading + .panel-collapse > .panel-body,
        .panel-group-toc .panel-heading + .panel-collapse > .list-group {
            border-top: 0;
        }

    .panel-group-toc .panel-footer {
        border-top: 0;
    }

        .panel-group-toc .panel-footer + .panel-collapse .panel-body {
            border-bottom: 0;
        }

.panel-toc {
    /*border-color: #ddd;*/
}

    .panel-toc > .panel-heading {
        color: #7A1315;
        background-color: transparent;
        border-color: #ddd;
        border-bottom-style: solid;
        border-bottom-width: thin;
    }

        .panel-toc > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: none;
        }

        .panel-toc > .panel-heading .badge {
            color: #f5f5f5;
            /*background-color: #333;*/
        }

    .panel-toc > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: none;
    }



.panel-o {
    border-color: #ddd;
}

    .panel-o > .panel-heading {
        color: #7A1315;
        border-color: #ddd;
        border-bottom-style: solid;
    }

        .panel-o > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: none;
        }

        .panel-o > .panel-heading .badge {
            color: #f5f5f5;
            /*background-color: #333;*/
        }

    .panel-o > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: none;
    }

.accordion .panel-heading {
    cursor: pointer;
}


/*.carousel-inner > .item > img{
height:auto!important;
position:relative!important;
}
.carousel .item{
overflow:hidden!important;
height:auto;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}*/

.proc-checklist .check-item {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

    .proc-checklist .check-item .check-mark {
        background-color: #00B4DF;
        border-radius: 50%;
        color: #ffffff;
        float: left;
        font-weight: 500;
        height: 26px;
        margin-bottom: 28px;
        margin-right: 18px;
        width: 26px;
    }

.toc-links {
    margin-bottom: 15px;
}

    .toc-links a {
        display: block;
    }

/* Algolia Search Autocomplete */

.aa-dropdown-menu {
    background-color: #fff;
    border: 3px solid rgb(150, 150, 150);
    box-sizing: border-box;
    margin-top: -20px;
    min-width: 300px !important;
    left: -100px !important;
    right: -2px !important;
}

.aa-suggestion {
    padding: 12px;
    cursor: pointer;
}

    .aa-suggestion + .aa-suggestion {
        border-top: 1px solid rgba(228, 228, 228, 0.6);
    }

    .aa-suggestion:hover, .aa-suggestion.aa-cursor {
        background-color: rgba(241, 241, 241, 0.35);
    }

.marketoForm {
    display: block;
    margin: 0 auto;
    max-width: 430px;
}


.list-override {
    padding: 0 0 0px 40px !important;
}

    .list-override li {
        list-style-type: disc !important;
        padding: 5px 0 5px 0 !important;
    }

#cookieMessage {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 8px;
    z-index: 99999999;
    background-color: white;
    padding-right: 50px;
    padding-left: 50px;
    line-height: 40px;
    box-shadow: 0px -10px 10px -5px rgba(0,0,0,0.3);
}

    #cookieMessage p {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-top: 10px !important;
        font-size: 15px !important;
        /*line-height: unset;*/
    }

/**  Page Specific Custom Styles **/
/* Recaptcha */
.frm-captcha {
    text-align: center;
}

.g-recaptcha.g-recaptcha {
    display: inline-block;
    position: relative;
    margin-top: 25px;
}