/* MAIN STYLE SHEET - WHOLESALECENTRAL.COM - REDESIGN 2022 */


/* updated: 11/18/22 CP */


/* TABLE OF CONTENTS
*  ------------------------------------
*  BASE TAG STYLES
*    # Font Styles (HTML, Body)
*    # Link Colors
*  CLASSES and IDS
*    - Core Styles
*    - Font Sizes
*    - Font Weights
*    - Font Colors
*    - Background Colors
*    - Border Colors
*    - Utilities
*    - Header Styles
*    - Buttons OLD SITE
*    - Home Page
*    - Category Search Result Page & Product Search Results Page
*    - Add Seller Page
*    - Login and Signup Pages
*    - Seller Profile Page
*    - Run of Site Banners
*    - Subscribe
*    - Footer
*    - Global Styles
*/


/* ====================================
/* # BASE TAG STYLES
======================================= */


/* # Font Styles - Set font size to 62.5% so: .9em = 9px, 1em = 10px etc.
---------------------------------------- */

html {
    font-size: 62.5%;
    /* 3 */
    /* -ms-text-size-adjust: 62.5%;
   -webkit-text-size-adjust: 62.5%; */
}

body {
    font-size: 1.5rem;
    line-height: 1.4em;
    font-weight: 400;
    font-family: Inter, Tahoma, Verdana, sans-serif;
    /* 1 */
    color: #000;
}


/* # Link colors
---------------------------------------- */

a:link {
    color: #1d6ae5;
    text-decoration: none;
}

a:visited {
    color: #1d6ae5;
}

a:active {
    color: #1d6ae5;
}

a:hover {
    color: #1d6ae5;
    text-decoration: underline;
}


/* # Other Base Tags
---------------------------------------- */

h1 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin-top: 12px;
    margin-bottom: 12px;
}

h2 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.0rem;
    margin-top: 8px;
    margin-bottom: 8px;
}

h3 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.9rem;
    margin-top: 6px;
    margin-bottom: 6px;
}

h4 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.8rem;
    margin-top: 4px;
    margin-bottom: 4px;
}

p {
    margin-bottom: 15px;
}


/* ====================================
   # CLASSES and IDS
======================================= */


/* Core styles
--------------------------------------------------- */


/* UNORDERED LISTS - OLD SITE STYLES
.ul-default {
    display: block;
    margin: 0 0 15px 20px;
    list-style-position: outside;
    padding-left: 20px;
}

.ul-default li {
    padding-bottom: 5px;
}
*/


/* UL LIST ITEMS  - OLD SITE STYLES
.ul-default li:before {
    color: #FE9A29;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: inherit;
    margin-left: -20px;
    margin-right: 5px;
    width: 15px;
}
*/


/* FONT SIZES
-------------------------------------------- */

.hideit {
    display: none;
}

.showit {
    display: block;
}

.text9 {
    font-size: 9px;
    font-size: .9rem;
    line-height: 150%;
}

.text10 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 150%;
}

.text11 {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 150%;
}

.text12 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 150%;
}

.text13 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 150%;
}

.text14 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 150%;
}

.text15 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 150%;
}

.text16 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 150%;
}

.text18 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 150%;
}

.text21 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 150%;
}

.text24 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 150%;
}


/* FONT WEIGHTS
-------------------------------------------- */

.weight300 {
    font-weight: 300;
}

.weight400 {
    font-weight: 400;
}

.weight500 {
    font-weight: 500;
}

.weight600 {
    font-weight: 600;
}

.weight700 {
    font-weight: 700;
}

.weight800 {
    font-weight: 800;
}


/* FONT COLORS
-------------------------------------------- */

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.color-grey {
    color: #899baa;
}

.color-dark-grey {
    color: #6e7b86;
}

.color-body-grey {
    color: #343a40;
}

.color-CTA-blue {
    color: #1d6ae5;
}

.color-arrow-black {
    color: #0d0d0d;
}


/* BACKGROUND COLORS
------------------------------------- */

.bg-primary-blue {
    background-color: #050e40;
}

.bg-secondary-blue {
    background-color: #0e1850;
}

.bg-card-blue {
    background-color: #1d2a78;
}

.bg-gold {
    background-color: #dd9713;
}

.bg-CTA-blue {
    background-color: #1d6ae5;
}

.bg-gradient-flood {
    background: linear-gradient(90.35deg, #4281e2 8.76%, #8296ee 100%);
}


/* BORDER COLORS
------------------------------------- */


/* UTILITIES
----------------------------------*/

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.no-wrap {
    white-space: nowrap;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-right {
    text-align: right;
}

.full-wrapper {
    width: 100%;
}

.round-image {
    border-radius: 50%;
}

.center-element {
    margin-left: auto;
    margin-right: auto;
}


/* Smaller than mobile */

@media (max-width: 550px) {
    .mobile-center {
        text-align: center;
    }
}


/* HEADER 
------------------------ */


/* global header and subheader styles */
.loginBlueButtonLink a{color:#fff;}

#mainLogin,
#adminDefault,
#adminBuyerOnly,
#adminSupplierOnly,
#adminBuyerActive,
#adminSupplierActive,
#hamburgerDefault,
#hamburgerBuyerOnly,
#hamburgerSupplierOnly,
#hamburgerBuyerSupplier,
#remainingCategories,
#viewLessCategories {
    display: none;
}

header {
    padding: 20px 0 15px 0;
}

header .buyerSignup {
    background: #DD9713;
    text-align: center;
    border-radius: 3px;
}

header .buyerSignup:hover {
    background: #c68711;
}

header .supplierSignup {
    background: #1D6AE5;
    text-align: center;
    border-radius: 3px;
}

header .supplierSignup:hover {
    background: #1653b6;
}

header .buyerSignup a,
header .supplierSignup a {
    color: #fff;
    text-decoration: none;
}

header .fa-bars,
header .mobileSearch .fa-times,
header .mobileSearch .fa-search,
header .searchBox .fa-times,
header .searchBox .fa-search {
    color: #fff;
    cursor: pointer;
}

header .searchBoxWhite {
    border-radius: 5px;
    background: #ffffff;
}

header .searchBoxWhite .fa-search {
    border-left: 1px solid rgba(52, 58, 64, 23%);
    margin: 5px;
    padding: 10px 20px 10px 15px;
    float: right;
}

header .searchBoxWhite input[type="search"] {
    border: none;
    background: none;
    padding: 10px;
    color: #000;
    margin: 4px 0 0 5px;
    font-size: 14px;
}


/* clears the ‘X’ from Internet Explorer */

header .searchBoxWhite input[type=search]::-ms-clear,
header .searchBoxWhite input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}


/* clears the ‘X’ from Chrome */

header .searchBoxWhite input[type="search"]::-webkit-search-decoration,
header .searchBoxWhite input[type="search"]::-webkit-search-cancel-button,
header .searchBoxWhite input[type="search"]::-webkit-search-results-button,
header .searchBoxWhite input[type="search"]::-webkit-search-results-decoration {
    display: none;
    width: 0;
    height: 0;
}

header .searchBox {
    border-radius: 5px;
    background: #fff;
}

header .searchBox .fa-search {
    border-left: 1px solid rgba(52, 58, 64, 23%);
    margin: 5px;
    padding: 10px 20px 10px 15px;
    float: right;
}

header .searchBox input[type="search"] {
    border: none;
    background: none;
    -webkit-appearance: none;
    padding: 10px;
    color: #64699E;
    margin: 4px 0 0 5px;
    font-size: 14px;
}

header .searchBox:focus {
    outline: none;
    background: #fff;
}

header .searchBox:hover {
    background: #fff;
    color: #343A40;
}

header .searchBox:hover .fa-search {
    border-left: 1px solid rgba(52, 58, 64, 23%);
    color: #1D6AE5;
}

header .searchBoxWhite input[type=search]:focus {
    outline: none;
    background: #fff;
}


/* clears the ‘X’ from Internet Explorer */

header .searchBox input[type=search]::-ms-clear,
header .searchBox input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}


/* clears the ‘X’ from Chrome */

header .searchBox input[type="search"]::-webkit-search-decoration,
header .searchBox input[type="search"]::-webkit-search-cancel-button,
header .searchBox input[type="search"]::-webkit-search-results-button,
header .searchBox input[type="search"]::-webkit-search-results-decoration {
    display: none;
    width: 0;
    height: 0;
}


/* Changes color of placeholder in Firefox, Internet Explorer 10-11,Microsoft Edge */


/*
header ::placeholder,
header :-ms-input-placeholder,
header ::-ms-input-placeholder {
    color: #777fae;
    color: #fff;
}*/


/* WebKit, Blink, Edge */

header input:hover::-webkit-input-placeholder {
    color: #343A40;
}


/* Firefox < 19 */

header input:hover:-moz-placeholder {
    color: #343A40;
}


/* Firefox > 19 */

header input:hover::-moz-placeholder {
    color: #343A40;
}


/* Internet Explorer 10 */

header input:hover:-ms-input-placeholder {
    color: #343A40;
}

header input:hover::placeholder {
    /* Most modern browsers support this now. */
    color: #343A40;
}


/* WebKit, Blink, Edge */

header input:focus::-webkit-input-placeholder {
    color: #64699E;
}


/* Firefox < 19 */

header input:focus:-moz-placeholder {
    color: #64699E;
}


/* Firefox > 19 */

header input:focus::-moz-placeholder {
    color: #64699E;
}


/* Internet Explorer 10 */

header input:focus:-ms-input-placeholder {
    color: #64699E;
}

header input:focus::placeholder {
    /* Most modern browsers support this now. */
    color: #64699E;
}

header ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #64699E;
}

header :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #64699E;
    opacity: 1;
}

header ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #64699E;
    opacity: 1;
}

header :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #64699E;
}

header ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #64699E;
}

header ::placeholder {
    /* Most modern browsers support this now. */
    color: #64699E;
}

header .loggedInAdminMenu {
    float: right;
    margin-top: 6px;
}

header .loggedInAdminMenu strong {
    font-size: 16px;
}

header .loggedInAdminMenu ul li {
    font-size: 14px;
}

header .loggedInAdminMenu img {
    width: 14px;
    padding: 0 5px 3px 0;
    vertical-align: middle;
}

header .companyIcon {
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    padding: 10px 15px;
    background: #cfd9e0;
    color: #000;
}

header .buyerOnlyAdminMenuHeader .companyIcon,
header .supplierOnlyAdminMenuHeader .companyIcon,
header .buyerActiveAdminMenuHeader .companyIcon,
header .supplierActiveAdminMenuHeader .companyIcon {
    margin: 0 5px 0 15px;
}

header .switchLogin .companyIcon,
header .switchLogin .companyIcon {
    margin: 0 10px 0 0;
}

header .companyName {
    color: #fff;
    cursor: pointer;
}

header .buyerOnlyAdminMenuHeader .companyName,
header .supplierOnlyAdminMenuHeader .companyName {
    margin-left: 10px;
}

header .menu-content {
    position: absolute;
    background-color: #fff;
    color: #000;
    min-width: 250px;
    margin-top: 10px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    right: 0;
    border-radius: 4px;
}

header .userLoggedInMenuHeader {
    background: #E9F3FF;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

header .userLoggedInMenuHeader .fa-times {
    float: right;
}

header .menu-content ul {
    padding: 0;
    margin: 0 15px;
}

header .menu-content ul li {
    margin-top: 20px;
}

header .menu-content ul li a {
    color: #000;
}

header .logoutLink {
    border-top: 1px solid #E9EBED;
    border-bottom: 1px solid #E9EBED;
    padding: 15px;
    margin-top: 20px;
    cursor: pointer;
}

header .logoutLink a {
    color: #FA675C;
}

header .blueLoginButton {
    background: #1d6ae5;
    padding: 13px 0;
    border-radius: 3px;
    text-align: center;
}

header .blueLoginButton a {
    color: #fff;
}

header .adminLoginGrayBg {
    background: #f7f9fa;
    padding: 15px;
    border: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

header .switchLogin {
    font-size: 14px;
    color: #6E7B86;
    cursor: pointer;
}


/*****drop down mobile menu - hamburger menu - start******/

.overlay .overlay-head-nav-mobile,
.overlay .logo {
    float: left;
}

.overlay .fa-times {
    padding: 8px 10px 0 20px;
    cursor: pointer;
}

.overlay {
    color: #000;
}

.overlayMainNav ul {
    text-align: left;
    padding: 0;
}

.overlayMainNav ul li {
    padding: 20px 0 15px 0;
}

.borderTop li {
    padding: 20px 0 15px 0;
    border-top: 1px solid #e5e5e5;
}

.overlayMainNav .noBorder li:last-child {
    border-bottom: none;
}

.overlayMainNav .borderBottom li {
    border-bottom: 1px solid #e5e5e5;
}

.overlayMainNav a {
    color: #000;
    padding-left: 25px;
}

.overlay .ctaButtonsBuyer,
.overlay .ctaButtonsBuyerSolo {
    margin-top: 15px;
    width: 75%;
}

.overlay .ctaButtonsSupplier,
.overlay .ctaButtonsSupplierSolo {
    margin: 15px 0;
    width: 75%;
}

.overlay .ctaButtonsBuyerSolo a,
.overlay .ctaButtonsSupplierSolo a {
    color: #fff;
}

.overlay .ctaButtonsBuyer,
.overlay .ctaButtonsBuyerSolo,
.overlay .ctaButtonsSupplier,
.overlay .ctaButtonsSupplierSolo {
    padding: 10px;
}

.overlay .loginButtons {
    border: 1px solid #e5e5e5;
    width: 75%;
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
}

.overlay .fa-home {
    color: #1D6AE5;
    margin-right: 15px;
    vertical-align: middle;
}

.overlayHomeSection {
    background: #e9f3ff;
    padding: 5px 20px;
    margin: 20px 0 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    cursor: pointer;
}

.overlay-head-nav-mobile {
    display: inline-block;
}

.overlayHelpSection {
    padding: 5px 25px;
}

.overlayHelpSection a,
.overlayHomeSection a {
    color: #000;
}
.overlayMainNav li{
    cursor: pointer;
}



/* The Overlay (background) */

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
    overflow-x: hidden;
}

.overlay-content {
    background-color: #fff;
    padding: 20px 0 0 0;
    position: relative;
    height: 100vh;
    width: 60%;
    text-align: center;
}

.overlay .buyerSignup,
.overlay .supplierSignup {
    text-align: center;
    border-radius: 3px;
    margin: 15px 15px 0 15px;
    padding: 10px 5px;
}

.overlay .buyerSignup a,
.overlay .supplierSignup a {
    color: #fff;
}

.overlay .buyerSignup {
    background: #DD9713;
}

.overlay .supplierSignup {
    background: #1D6AE5;
}


/*****drop down mobile menu - hamburger menu - end******/


/***** subcategory styles - begin******/

.subHeader {
    padding: 15px 0 10px 0;
}

.subHeader .categoryMenu,
.subHeader .mainNav {
    float: left;
}

.subHeader .dropdown {
    float: right;
}

.subHeader .mainNav a {
    color: #E9F3FF;
}

.subHeader .mainNav ul {
    margin: 0;
    padding: 10px 0 10px 10px;
}

.subHeader .mainNav ul li {
    display: inline-block;
    padding: 0 10px 0 5px;
    border-right: 1px solid #677096;
}

.subHeader .mainNav ul li:last-child {
    border-right: none;
}


/***** subcategory styles - end******/


/***** category menu button - begin ******/

.categoryMenu {
    position: relative;
    display: inline-block;
}

.categoriesListViewLink {
    color: #1D6AE5;
    padding: 30px 25px 15px 25px;
    cursor: pointer;
}

.categoriesListViewLink:hover {
    text-decoration: underline;
}

.categoryMenuButton {
    background: #1D2A78;
    color: #fff;
    border: none;
    border-radius: 3px;
    max-width: 150px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}

.categoryMenuButton:hover {
    text-decoration: underline;
}

.category-white-bg {
    background: #fff;
    color: #1D6AE5;
}

.category-dropdown-content {
    display: none;
    background-color: #fff;
    padding: 0;
    margin-top: -5px;
    z-index: 1;
}

.categoryMenu .fa-list-ul {
    margin-right: 5px;
}

.categoryMenuButton:hover .category-dropdown-content {
    display: block;
}

.popularCategoriesHeader {
    padding: 20px 25px 15px 25px;
}

.majorCategory {
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.majorCategory a {
    color: #000;
}

.subCatViewAllLink a {
    color: #1d6ae5;
}

.majorCategory ul {
    margin: 0;
    padding: 0;
}

.majorCategory:hover {
    background: #F7F9FA;
}

.majorCategoryIcons {
    width: 21px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}


/* not in font-awesome.css file  */

.majorCategory .fa-category-icon-open,
.majorCategory .fa-category-icon-close {
    float: right;
}

.majorCategoryTitle {
    font-size: 14px;
    color: #000;
}

.majorCategoryTitle:hover {
    text-decoration: underline;
}

.subCategory {
    display: none;
    background: #F7F9FA;
    z-index: 1;
}

.subCategoryIcons {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.subCatHeader {
    font-size: 1.75rem;
    font-weight: 600;
    padding: 5px 0 15px 0;
    color: #0E1850;
    vertical-align: middle;
}

.subCategoryList ul {
    margin: 0;
    padding: 0;
}

.subCategoryList ul li {
    padding: 10px 0;
    font-weight: 500;
    font-size: 14px;
}

.subCategoryList a {
    color: #000;
}

.subCategory .banner {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 0;
    height: 137px;
    width: 305px;
}

.subCategory .bannerText {
    float: left;
    clear: left;
    padding: 0 0 0 11px;
}

.subCategory .bannerCompanyName {
    width: 150px;
}

.subCategory .bannerImage img {
    float: right;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


/***** category menu - end ******/


/***** login button - begin ******/

.dropdown {
    position: relative;
    display: inline-block;
}

.dropbtn::after {
  content: " \f107";
  font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
}

.dropbtn {
    background-color: #0E1850;
    color: #fff;
    padding: 10px 25px;
    border: none;
    border: 1px solid #fff;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    right: 0;
    font-size: 14px;
    border-radius: 3px;
}

.dropdown-content a:hover {
    background-color: #E9F3FF;
}

.dropdown .fa-angle-down {
    padding: 0 0 0 5px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.show {
    display: block;
}


/***** login button - end ******/


/************ MEDIA QUERIES **************/

.mediaSize {
    width: 1000px;
}


/* mobile - ex: smaller than iphone */

@media (max-width: 399px) {
    header .searchBoxWhite {
        width: 90%;
        margin-top: 18px;
    }
    header .searchBoxWhite input[type="search"] {
        width: 70%;
    }
    header .searchBox {
        width: 90%;
        margin-top: 18px;
    }
    header .searchBox input[type="search"] {
        width: 70%;
    }
    header .mobileSearch .fa-search {
        margin: 0 5px;
    }
    header .loggedInAdminMenu .companyName {
        display: none;
    }
    .subHeader .categoryMenuButton {
        padding: 12px 20px;
    }
    .subHeader .mainNav {
        display: none;
    }
    .category-dropdown-content {
        position: absolute;
        height: 600px;
        top: 100%;
        width: 102vw;
        transform: translate(calc(-100vw + 95%), -1%);
        overflow-y: auto;
        height: 100vh;
    }
    .subCategory .banner {
        margin: 0 0 15px 0;
        float: left;
        /* width: 325px;*/
    }
    .innerSubCat, .outerSubCat {
        padding: 20px;
    }
}


/* mobile - ex: specifically iphone sizes */

@media(min-width: 400px) and (max-width: 549px) {
    header .searchBoxWhite {
        width: 95%;
        margin-top: 18px;
    }
    header .searchBox {
        width: 95%;
        margin-top: 18px;
    }
    header .mobileSearch .fa-search {
        margin: 0 5px;
    }
    header .loggedInAdminMenu .companyName {
        display: none;
    }
    .subHeader .categoryMenuButton {
        padding: 12px 20px;
    }
    .subHeader .mainNav {
        display: none;
    }
    .category-dropdown-content {
        position: absolute;
        height: 600px;
        top: 100%;
        width: 102vw;
        transform: translate(calc(-100vw + 89%), -1%);
        overflow: scroll;
        height: 400px;
    }
    .subCategory .banner {
        margin-bottom: 15px;
        float: left;
    }
    .subHeader .mainNav {
        display: none;
    }
    .innerSubCat{
        padding: 20px;
    }
    .outerSubCat {
        padding: 20px 25px;
    }
}


/* phablet - ex: specifically iphone plus sizes */

@media (min-width: 550px) and (max-width: 749px) {
    header .searchBoxWhite {
        width: 95%;
        margin-top: 18px;
    }
    header .searchBoxWhite input[type="search"] {
        width: 85%;
    }
    header .searchBox {
        width: 95%;
        margin-top: 18px;
    }
    header .searchBox input[type="search"] {
        width: 85%;
    }
    .subHeader .categoryMenuButton {
        padding: 12px 20px;
    }
    .subCatHeader {
        display: none;
    }
    .category-dropdown-content {
        position: absolute;
        left: 2%;
        height: 600px;
        top: 100%;
        width: 102vw;
        transform: translate(calc(-100vw + 89%), -1%);
        overflow: scroll;
        height: 400px;
    }
    .subCategory {
        padding: 20px;
    }
    .subCategory .banner {
        display: inline-block;
    }
    .subHeader .mainNav {
        display: none;
    }
}


/* mobile - devices up to 749px - ex: iphones/ipads */

@media (max-width: 749px) {
    header .head-nav-mobile {
        float: left;
    }
    header .head-nav-mobile {
        margin: 5px 10px 0 5px;
    }
    header .logo {
        float: left;
    }
    header .searchBox {
        display: none;
        clear: left;
    }
    header .mobileSearch {
        float: right;
        margin-top: 5px;
    }
    header .mobileSearch .fa-times {
        display: none;
        margin: 27px 0 0 0;
    }
    header .ctaButtons {
        display: none;
    }
    .majorCategory {
        padding: 20px 3px;
    }
    .majorCategory .fa-category-icon-open,
    .majorCategory .fa-category-icon-close {
        margin-right: 25px;
    }
    .majorCategory .fa-category-icon-open:before {
        content: "\f106";
    }
    .majorCategory .fa-category-icon-close:before {
        content: "\f107";
    }
    .majorCategoryIcons {
        margin-left: 20px;
    }
    .subCatHeader {
        display: none;
    }
    .subCatViewAllLink {
        margin: 20px 0;
    }
    .category-dropdown-content {
        height: 500px;
        overflow-y: auto;
    }
    .mediaSize {
        width: 500px;
    }
}


/* tablet - ex: ipad mini */

@media (min-width: 750px) and (max-width: 999px) {
    header .fa-bars {
        display: none;
    }
    header .logo {
        float: left;
    }
    header .searchBoxWhite {
        display: none;
        margin: 15px 0 0 5px;
        width: 95%;
    }
    header .searchBoxWhite input[type="search"] {
        width: 89%;
    }
    header .searchBox {
        display: none;
        margin: 15px 0 0 5px;
        width: 95%;
    }
    header .searchBox input[type="search"] {
        width: 89%;
    }
    header .mobileSearch .fa-times {
        display: none;
    }
    header .mobileSearch .fa-search {
        margin: 8px 5px 0 10px;
    }
    header .mobileSearch .fa-times {
        margin: 28px 5px 0 10px;
    }
    header .ctaButtons {
        float: right;
        margin-top: 5px;
    }
    header .buyerSignup {
        margin-right: 10px;
    }
    header .buyerSignup,
    header .supplierSignup {
        display: inline;
        padding: 8px 15px;
    }
    .majorCategory {
        padding: 20px 3px;
    }
    .majorCategoryIcons {
        margin-left: 20px;
    }
    .majorCategory .fa-category-icon-open,
    .majorCategory .fa-category-icon-close {
        margin-right: 25px;
    }
    .majorCategory .fa-category-icon-open:before {
        content: "\f106";
    }
    .majorCategory .fa-category-icon-close:before {
        content: "\f107";
    }
    .subHeader .categoryMenuButton {
        padding: 12px 10px;
    }
    .subCatHeader {
        display: none;
    }
    .subCatViewAllLink {
        padding: 20px 0 20px 20px;
    }
    .subCategoryList {
        margin-left: 20px;
    }
    .category-dropdown-content {
        width: 670px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 20%);
        position: absolute;
        height: 500px;
        overflow-y: auto;
    }
    .subCategory .banner {
        margin-right: 5px;
        float: left;
    }
    .mediaSize {
        width: 500px;
    }
}

@media (max-width:999px) {
    header .searchBox .fa-search {
        color: #000;
    }
}


/* desktop min size */

@media (min-width: 1000px) {
    header .searchBox .fa-search {
        color: #000;
    }
    header .fa-bars {
        display: none;
    }
    header .logo {
        margin-top: 5px;
    }
    header .logo,
    header .searchBoxWhite {
        float: left;
    }
    header .searchBoxWhite {
        width: 40%;
    }
    header .searchBox {
        float: left;
    }
    header .searchBox {
        width: 40%;
    }
    header .mobileSearch .fa-search,
    header .mobileSearch .fa-times {
        display: none;
    }
    header .ctaButtons {
        margin-top: 2px;
        float: right;
    }
    header .buyerSignup {
        margin-right: 10px;
    }
    header .buyerSignup,
    header .supplierSignup {
        display: inline-block;
        padding: 8px 18px;
    }
    .majorCategory {
        padding: 20px 25px;
    }
    .majorCategory .fa-category-icon-open:before {
        content: "\f104";
    }
    .majorCategory .fa-category-icon-close:before {
        content: "\f105";
    }
    .subHeader .categoryMenuButton {
        padding: 12px 20px;
    }
    .innerCatDropDownBox {
        border-radius: 3px;
        height: 500px;
        overflow: auto;
        margin: 25px 0;
    }
    .category-dropdown-content {
        border-radius: 3px;
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 20%);
        position: absolute;
        height: 550px;
    }
    .subCatViewAllLink {
        padding: 20px 0;
    }
    .innerSubCat {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        height: 500px;
        overflow: auto;
    }
    .subCategory {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        height: 500px;
        z-index: 1;
        margin-top: -5px;
        padding: 25px 0 25px 25px;
    }
}


/* desktop - specific min to max sizes */

@media (min-width: 1000px) and (max-width: 1199px) {
    header .logo {
        width: 22%;
    }
    header .searchBoxWhite input[type="search"] {
        width: 80%;
    }
    header .searchBox input[type="search"] {
        width: 80%;
    }
    .category-dropdown-content {
        width: 280px;
    }
    .subCategory {
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 20%);
        clip-path: inset(0px -8px -9px 0);
        left: 280px;
        width: 600px;
        margin-left: -2px;
        position: absolute;
    }
    .subCategory .banner {
        margin: 10px 0 0 0;
        float: left;
    }
}


/* desktop hd */

@media (min-width: 1200px) {
    header .logo {
        width: 20%;
    }
    header .searchBoxWhite input[type="search"] {
        width: 84%;
    }
    header .searchBox input[type="search"] {
        width: 84%;
    }
    .category-dropdown-content {
        width: 350px;
    }
    .subCategory {
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 20%);
        clip-path: inset(0px -8px -9px 0);
        left: 350px;
        width: 750px;
        margin-left: -1px;
        position: absolute;
    }
    .subCategory .banner {
        margin-right: 10px;
        float: left;
    }
}


/* BUTTONS - OLD SITE BUTTONS
----------------------------------*/

.button {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    margin: 2px;
    outline: none;
    padding: 6px 10px;
    text-align: center;
    text-shadow: none;
    vertical-align: bottom;
    zoom: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
}

a.button,
button.button {
    text-decoration: none;
}

a.button:link {
    color: #000;
    text-decoration: none;
}

a.button:visited {
    color: #000;
}

a.button:active {
    color: #000;
}

.button:hover,
a.button:hover {
    background-color: #ddd;
    color: #000;
    text-decoration: none;
}


/* Button Sizes
------------------------ */

.btn-xsmall,
a.btn-xsmall {
    font-size: .6em;
    padding: 5px 8px;
    line-height: 12px;
}

.btn-small,
a.btn-small {
    font-size: .8em;
    padding: 6px 10px;
    line-height: 16px;
}

.btn-medium,
a.btn-medium {
    font-size: 1em;
    padding: 8px 14px;
    line-height: 18px;
}

.btn-large,
a.btn-large {
    font-size: 1.2em;
    padding: 10px 14px;
    line-height: 22px;
}

.btn-xlarge,
a.btn-xlarge {
    font-size: 1.4em;
    padding: 10px 16px;
    line-height: 24px;
}

.btn-full,
a.btn-full {
    display: block;
    margin: 2px auto;
    width: 85%;
}


/* Gray Button Color
------------------------ */

.btn-gray,
a.btn-gray,
button.btn-gray,
input[type="submit"].btn-gray,
input[type="reset"].btn-gray,
input[type="button"].btn-gray {
    background-color: #ccc;
    border-color: #aaa;
    color: #000;
}

a.btn-gray:link {
    color: #000;
    text-decoration: none;
}

a.btn-gray:visited {
    color: #000;
}

a.btn-gray:active {
    color: #000;
}

.btn-gray:hover,
a.btn-gray:hover,
button.btn-gray:hover,
input[type="submit"].btn-gray:hover,
input[type="reset"].btn-gray:hover,
input[type="button"].btn-gray:hover {
    background-color: #aaa;
    color: #000;
    text-decoration: none
}


/* Dark Blue Button Color
------------------------ */

.btn-dk-blue,
a.btn-dk-blue,
button.btn-dk-blue,
input[type="submit"].btn-dk-blue,
input[type="reset"].btn-dk-blue,
input[type="button"].btn-dk-blue {
    background-color: #134c69;
    border-color: #134c69;
    color: #fff;
}

a.btn-dk-blue:link {
    color: #fff;
    text-decoration: none;
}

a.btn-dk-blue:visited {
    color: #fff;
}

a.btn-dk-blue:active {
    color: #fff;
}

.btn-dk-blue:hover,
a.btn-dk-blue:hover,
button.btn-dk-blue:hover,
input[type="submit"].btn-dk-blue:hover,
input[type="reset"].btn-dk-blue:hover,
input[type="button"].btn-dk-blue:hover {
    background-color: #537c91;
    border-color: #134c69;
    color: #fff;
    text-decoration: none;
}


/* Yellow Gold Button Color
------------------------ */

.btn-yellow-gold,
a.btn-yellow-gold,
button.btn-yellow-gold,
input[type="submit"].btn-yellow-gold,
input[type="reset"].btn-yellow-gold,
input[type="button"].btn-yellow-gold {
    background: #ffd889;
    border-color: #e8be5d;
    color: #134c69;
}

a.btn-yellow-gold:link {
    color: #134c69;
    text-decoration: none;
}

a.btn-yellow-gold:visited {
    color: #134c69;
}

a.btn-yellow-gold:active {
    color: #134c69;
}

.btn-yellow-gold:hover,
a.btn-yellow-gold:hover,
button.btn-yellow-gold:hover,
input[type="submit"].btn-yellow-gold:hover,
input[type="reset"].btn-yellow-gold:hover,
input[type="button"].btn-yellow-gold:hover {
    /* background: #e8be5d; */
    background: #ffd889;
    border-color: #e8be5d;
    color: #134c69;
    text-decoration: none;
}


/* smaller than phablet */

@media (max-width: 550px) {
    .btn-bottom-margin {
        margin-bottom: 20px;
    }
}

.button-row {
    padding: 10px 0;
}


/* ------------------------------------
HOME PAGE
------------------------------------- */


/* Home page styles for multiple sections - begin */
/* start temporary fix to display all major categories and remove view more/view less buttons */
.homeViewAllCategories, .homeViewLessCategories, .homeViewAllCategoriesWrapper .four.columns hr, .homeViewLessCategoriesWrapper .four.columns hr {
    display: none !important;
}

#remainingMajorCatID, .remainingCategories {
    display:block !important;
    margin-bottom: 50px;
}
/* end temporary fix to display all major categories and remove view more/view less buttons */

.homeWrapper {
    width: 100%;
    margin-top: 60px;
}

.homeSectionTitle {
    display: inline-flex;
    align-items: center;
}

.homeHorizontalBar {
    border: none;
    border-bottom: 1px solid rgba(110, 123, 134, 0.3);
}


/* Home page styles for multiple sections - end */


/* Home Search Section - begin */

#remainingMajorCatID,
#homeViewLessCategoriesID {
    display: none;
}

.homeSearchWrapper {
    max-width: 1076px;
    margin: 0 auto;
}

.homeSearchWrapper a {
    color: #fff;
}

.homeSearchSubline {
    font-size: 17px;
}

.homePopularCatHeader {
    color: #CFD9E0;
    margin-top: 50px;
    letter-spacing: 1px;
}

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

.homeCategoryCardWrapper a {
    text-decoration: none;
}

.homeCategoryCard {
    border-radius: 5px;
    height: 71px;
    text-align: left;
    margin: 10px 14px 5px 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
    vertical-align: top;
}

.homeCategoryCard:hover {
    background: #20319B;
    text-decoration: none;
}

.homeCategoryCard div:nth-child(5n+1) {
    margin-right: 0;
}

.homeCategoryCard img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.homeCategoryCard span {
    width: 110px;
    text-align: left;
    padding: 0 0 0 10px;
}

.homeCategoryCard .wholesaleProductDirectory{
    text-align: center;
    padding:0 10px;
    width:100%;
}

.homeCategoryList {
    margin-bottom: 20px;
}

.homeCategoryList img{
    margin-right: 10px;
    margin-bottom: -6px;
}


.homeSearchWrapper hr {
    border: none;
    border-bottom: 1px solid #6E7493;
    margin-top: 45px;
}

.homeSearchWrapper .fa-angle-down,
.homeSearchWrapper .fa-angle-up {
    margin-left: 10px;
}

.homeViewAllCategories,
.homeViewLessCategories {
    background-color: #DD9713;
    color: #fff;
    border: none;
   /* border: 1px solid #fff;*/
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 35px;
    z-index: 0;
    position: relative;
}

.remainingMajorCatHeader {
    color: #CFD9E0;
    margin-top: 35px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}

.remainingMajorCat {
    margin: 20px 15px 0 0;
    width: 25%;
    max-width: 250px;
}


/* Home Search Section - end */


/* Featured Suppliers Carousel Section - begin */

.homeslides div {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    background: #CFD9E0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 20px 5px;
    cursor: pointer;
}

.homeBanners {
    width: 420px;
    text-align: center;
    margin: auto;
    display: inline-block;
}

.homeBanners a {
    text-decoration: none;
}

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

.homeFeaturedSuppliersBanner {
    border-radius: 5px;
    border: 2px solid #E9EBED;
    padding: 8px;
    /*margin: 50px 15px 0 0;*/
    width: 350px;
    margin-top: 10px !important;
}

.homeFeaturedSupplierBannerImage {
    width: 100%;
}

.homeFeaturedSuppliersBanner .searchListingLogo img{
    margin: 14px 10px 0 0 !important;
}

.homeCompanyLogoLetter {
    background: #CFD9E0;
    border-radius: 50%;
    width: 30px;
    padding: 24px 20px;
    margin: 15px 15px 15px 0 !important;
    text-align: center;
    color: #000;
}

.homeCompanyLogoImage {
    border-radius: 50%;
    border: 1px solid #E9EBED;
    object-fit: none;
    width: 70px;
    height: 70px;
}

.homeCompanyNameWrapper {
    float: left;
    width: 70%;
    height: 100px;
    margin-left: -10px;
}


.homeCompanyName {
    padding: 20px 0 2px 5px;
    text-align: left;
}

.homeCompanyName a{color: #000;}

.homeBannerCompanyCategory {
    width: 45%;
}

.homeBannerCompanyCategory,
.homeBannerCompanyYearJoined {
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.homeslides div.active {
    background: #6E7B86;
}

.homeslides div.inactive {
    background: #CFD9E0;
}

.homeBannerGrayTitles {
    color: #899BAA;
}

.homeBlueCTA {
    width: 100%;
    background: #1D6AE5;
    border-radius: 3px;
    padding: 10px 0;
    margin-top: 20px;
    color: #fff;
}

.homeBlueCTA a{
    color: #fff;
}

.homeBlueCTA:hover {
    background: #1653B6;
}


/* Featured Suppliers Carousel Section - end */


/* Homepage center/side banner - begin */

.homeCenterBanner {
    border-radius: 5px;
    color: #fff;
    float: left;
    width: 70%;
}



.homeCenterBanner a{
    color: #fff;
}

.homeCenterBannerTitle {
    font-size: 48px;
    line-height: 56px;
    margin: 90px 50px 20px 30px;
}

.homeCenterBannerHeadText p {
    font-size: 20px;
    line-height: 28px;
    margin: 0 30px;
}

.homeCenterBannerCTA {
    background: #F7F9FA;
    border: 1px solid #CFD9E0;
    margin: 30px 70px 20px 30px;
    border-radius: 3px;
    padding: 12px 25px;
    text-align: center;
    max-width: 200px;
    color: #000;
}

.homeCenterBannerCTA:hover {
    background: #DEE0E1;
}

.homeCenterBannerCTA a {
    color: #000;
    text-decoration: none;
}

.homeSideBannersContainer {
    float: right;
}

.homeSideBanner {
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 0;
    height: 144px;
    width: 305px;
    margin-bottom: 11px;
    clear: both;
    display: flex;
    align-items: center;
}

.homeSideBannerText {
    float: left;
    clear: left;
    padding: 0 0 0 11px;
    width: 161px;
    /*margin-top: -7px;*/
}

.homeSideBannerImage img {
    float: right;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


/* Homepage center/side banner - end */


/* recommended suppliers banners - begin */

.recommendedSuppliersBanners a {
    text-decoration: none;
}

.homeRecommendedSuppliersBanners {
    border-radius: 5px;
    border: 2px solid #E9EBED;
    padding: 8px;
    /*margin: 50px 15px 0 0;*/
    width: 350px !important;
    margin-top: 10px !important;
}


/* recommended suppliers banners - end */


/* List Your Business - begin */

.homeListYourBusiness {
    background-image: linear-gradient(to right, #4281E2, #8296EE);
    border-radius: 5px;
}

.homeListYourBusinessLogo {
    margin: 20px 20px 0 25px;
}

.homeListYourBusinessCopy {
    color: #fff;
    padding: 15px 20px 0 25px;
}

.homeListYourBusinessCopyLines {
    margin: 5px 0 0 0;
}

.homeListYourBusinessCTA {
    background: #F7F9FA;
    border: 1px solid #CFD9E0;
    margin: 30px 50px 20px 25px;
    border-radius: 3px;
    padding: 12px 25px;
    text-align: center;
    max-width: 200px;
    float: left;
    color: #000;
}

.homeListYourBusinessCTA:hover {
    background: #DEE0E1;
}

.homeListYourBusinessCTA a {
    text-decoration: none;
}


/* List Your Business - end */


/* Testimonials - begin */

.homeTestimonialsSection {
    background-color: #0e1850;
    padding: 45px 5px 80px 0;
    margin-top: 50px;
}

.homeTestimonialsSection .homeSectionTitle{
    color:#fff;
}

.homeTestimonialsSection hr{
    border:none;
    border-bottom: 1px solid #fff;
}

.homeTestimonialCopyWrapper {
    margin: 50px 0 -20px 0;
}

.homeTestimonialCopyWrapper a{
    color:#fff;
}

.homeTestimonialCopyWrapper a:hover{
    text-decoration: none;
}

.homeTestimonialTop {
    background-color: #fff;
    padding: 50px 50px;
    filter: drop-shadow(0 5px 4px #ccc);
}

.homeTestimonialBottom {
    width: 0;
    height: 0;
    border-top: 50px solid #fff;
    border-right: 50px solid transparent;
    filter: drop-shadow(0 5px 4px #ccc);
}

.homeTestimonialCompanyLogo {
    border-radius: 50%;
    object-fit: cover;
    width: 72px;
    height: 72px;
}

.homeTestimonialCustomer {
    text-align: left;
}


/* Testimonials - end */


/* For Buyers - begin */

.homeBuyersBg {
    background-color: #E9F3FF;
    padding: 50px 0;
}

.homeBuyersBg hr {
    border: none;
    border-bottom: 1px solid rgba(110, 123, 134, 0.3);
    margin-bottom: 50px;
}

.homeForBuyersImage {
    width: 100%;
    height: 475px;
    border-radius: 5px;
    object-fit: cover;
}

.homeForBuyersTitle {
    font-size: 48px;
    line-height: 56px;
}

.homeForBuyersCopy {
    font-size: 22px;
    line-height: 33px;
}

.homeForBuyersCTABlue {
    background-color: #1D6AE5;
    margin-top: 10px;
    margin-right: 10px;
    padding: 9px 0;
    border-radius: 3px;
    width: 125px;
    text-align: center;
    color: #fff;
}

.homeForBuyersCTABlue:hover {
    background: #1653B6;
}

.homeForBuyersCTAWhite {
    background-color: #ffffff;
    margin-top: 10px;
    padding: 9px 0;
    border-radius: 3px;
    width: 125px;
    text-align: center;
}

.homeForBuyersCTAWhite:hover {
    background: #fafafa;
}

.homeBuyersBannerCardsSection {
    margin-top: 50px;
}

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

.homeBuyersBannerCardsSection a {
    color: #fff;
    text-decoration: none;
}
/*
.homeBuyersBannerCardsSection img {
    transform: rotate(-40deg);
}
*/
.homeDealsBannerCardWrapper,
.homeLocatorBannerCardWrapper,
.homeTradeshowBannerCardWrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 20px;
}

.homeDealsBannerCardWrapper {
    background-color: #E47546;
}

.homeLocatorBannerCardWrapper {
    background-color: #244b4c;
}

.homeTradeshowBannerCardWrapper {
    background-color: #4787CF;
}

.homeDealsBannerCard,
.homeLocatorBannerCard,
.homeTradeshowBannerCard {
    background-repeat: no-repeat;
    background-size: 55px 55px;
    height: 55px;
    width: 55px;
}

.homeDealsBannerCard {
    border: 10px solid #FF8E5F;
    background-color: #FF8E5F;
    background-image: url('../images/deals_white_30px.svg');
    border-radius:5px;
}

.homeLocatorBannerCard {
    border: 10px solid #3A6364;
    background-color: #3A6364;
    background-image: url('../images/Vector.svg');
    border-radius:5px;
}

.homeTradeshowBannerCard {
    border: 10px solid #609ADC;
    background-color: #609ADC;
    background-image: url('../images/tradeshow_white_30px.svg');
    border-radius:5px;
}


/* For Buyers - end */


/* media queries - begin */

@media (max-width:549px) {
    .swoopOuter {
        background: #0e1850;
    }
    .swoopInner {
        background: #0e1850 url("../images/swoosh-mobile.svg") 0 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .homeSearchWrapper h1 {
        font-size: 46px;
        line-height: 54px;
        margin: 75px 30px 0 30px;
    }
/*
    .homeRecommendedSuppliersBanners .homeCompanyNameWrapper{
        margin:-10px 0 0 15px !important;
    }*/
}

@media (min-width:550px) {
    .homeFeaturedSuppliersBanner {
        width: 436px;
    }
    .homeRecommendedSuppliersBanners {
        width: 318px !important;
    }
    /* popular categories section - begin */
    .swoopOuter {
        background: none;
    }
    .swoopInner {
        background: #0e1850 url("../images/swoosh-mobile.svg") 0 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .homeSearchWrapper h1 {
        font-size: 42px;
        line-height: 56px;
        margin: 100px 20px 0 20px;
    }
    .homeCategoryCard {
        width: 46%;
    }
    .homeViewAllCategories,
    .homeViewLessCategories {
        margin: 25px 0;
    }
    /* popular categories section - end */
}

@media (max-width:749px) {
    .homeViewAllCategoriesWrapper .four.columns,
    .homeViewLessCategoriesWrapper .four.columns {
        width: 100%;
    }
    .homeSearchWrapper hr {
        display: none;
    }
    .homeViewAllCategories,
    .homeViewLessCategories {
        width: 100%;
        padding: 12px 0;
        margin: 10px 0;
    }
    .homeCenterBanner {
        width: 100%;
    }
    .homeCenterBannerTitle {
        font-size: 46px;
        line-height: 54px;
        margin-left: 25px;
        margin-right: 20px;
        margin-top: 35px;
    }
    .homeCenterBannerHeadText {
        float: none;
        width: 100%;
        padding: 10px 0 50px 0;
    }
    .homeCenterBannerHeadText p {
        margin: 0 25px;
    }
    .homeCenterBannerCTA {
        margin-left: 25px;
        margin-right: 20px;
    }
    .homeCenterBanner img {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: -5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0;
    }
    .homeSideBannersContainer {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .homeFeaturedSupplierBannerImage {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        margin-bottom: -5px;
    }
    /* for buyers - begin */
    .homeBuyersBannerCardsSection .four.columns {
        width: 100%;
    }
    /* for buyers - end */
}

@media (min-width: 750px) and (max-width: 820px){
    .dropbtn {
      padding: 10px 3px !important;
    }
}

@media (min-width: 750px) and (max-width: 775px){
    .subHeader .mainNav ul{
    padding: 10px 0 10px 5px;
    }
    .subHeader .mainNav ul li {
    padding: 0 10px 0 3px;
    }
}

@media (min-width:750px) {
    /* popular categories section - begin */
    .swoopOuter {
        background: #0e1850 url("../images/swoosh-desktop.svg") no-repeat 25px 20px;
        background-size: 80%;
    }
    .swoopInner {
        background: none;
    }
    .homeSearchWrapper h1 {
        font-size: 42px;
        line-height: 56px;
        margin-top: 120px;
    }
    .homeCategoryCard {
        width: 30%;
        max-width: 198px;
    }
    .remainingCategories {
        column-count: 4;
    }
    .homeViewAllCategories,
    .homeViewLessCategories {
        margin: 25px 0;
    }
    /* popular categories section - end */
    /* featured banners and recommended suppliers - begin */
    .homeCompanyLogoImage {
        margin: 22px 0 7px 0;
    }
    .homeBannerCompanyCategory {
        width: 150px;
        height: 70px;
    }
    .recommendedSuppliersBanners {
        margin: 0 auto;
        text-align: center;
    }
    /* featured banners and recommended suppliers - end */
    /* List Your Business - begin */
    .homeListYourBusinessCTA {
        float: left;
        margin-left: 25px;
    }
    /* List Your Business - end */
    /* for buyers - begin */
    .homeBuyersBannerCardsTitle {
        height: 60px;
    }
    .homeBuyersBannerCardsSection p {
        height: 150px;
    }
    /*.homeDealsBannerCardWrapper,
    .homeLocatorBannerCardWrapper,
    .homeTradeshowBannerCardWrapper {
        height: 400px;
    }*/
    /* for buyers - end */
    /* testimonials - BEGIN */
   /* .homeCategoryList{
        display:flex;
    }*/
    .moreCategoriesList {
        width:80%;
    }
    /* testimonials - END /*
    /* */
}

@media (min-width:750px) and (max-width:999px) {

    .homeRecommendedSuppliersBanners .homeCompanyNameWrapper{
        margin:5px 0 0 10px !important;
    }

    .homeCenterBannerTitle {
        font-size: 40px;
        line-height: 56px;
        margin: 100px 50px 20px 50px;
    }
    .homeCenterBanner {
        width: 100%;
    }
    .homeFeaturedSupplierBannerImage {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        margin-bottom: -5px;
    }
    .homeSideBanner {
        clear: none;
        left: 0;
        margin-right: 10px;
    }
    .homeSideBannersContainer {
        float: left;
        margin-top: 20px;
    }
}

@media (min-width:1000px) {

    .homeRecommendedSuppliersBanners .homeCompanyNameWrapper{
        margin:5px 0 0 10px !important;
    }
.categorySearchResultsPageContact{
    width: 145px;
}

    /* featured banners and recommended suppliers - begin */
    .homeCompanyLogoImage {
        margin: 20px 0 8px 0;
    }
    .homeCompanyName {
        padding: 20px 0 2px 5px;
    }
    /* featured banners and recommended suppliers - end */
    /* Homepage center/side banner - begin */
    .homeCenterBannerHeadText {
        float: left;
        width: 35%;
        border-top-left-radius: 5px;
    }

    .homeCenterBannerImage {
        width: auto;
        float: right;
    }

    .homeCenterBanner {
        width: 100%;
    }
    .homeCenterBanner img {
        float: right;
        margin: 0;
        padding: 0;
        object-fit: contain;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .homeSideBannersContainer {
        float: left;
        margin-top: 20px;
    }
    /* Homepage center/side banner - end */
    /* testimonials - begin */
    .homeTestimonialTop,
    .homeTestimonialBottom {
        margin: 0 25%;
    }
    .homeTestimonialCustomer {
        margin: 0 25%;
    }
    /* testimonials - end */
    /* for buyers - begin */
    .homeForBuyersCopyCTA {
        padding: 70px 0 0 0;
    }
    .homeBuyersBannerCardsTitle {
        height: 50px;
    }
    .homeBuyersBannerCardsSection a {
        width: 33%;
        display: inline-block;
    }
    .homeBuyersBannerCardsSection p {
        height: 112px;
    }
    .homeDealsBannerCardWrapper,
    .homeLocatorBannerCardWrapper,
    .homeTradeshowBannerCardWrapper {
        height: 350px;
        margin: 4px;
    }
    /* for buyers - end */
}

@media (min-width:1200px) {
    .homeCompanyLogoImage {
        margin: 17px 10px 10px 0;
    }
    .homeSideBanner {
        float: left;
        clear: none;
    }
    .homeListYourBusinessCTA {
        float: right;
    }
    .homeDealsBannerCardWrapper,
    .homeLocatorBannerCardWrapper,
    .homeTradeshowBannerCardWrapper {
        height: 325px;
    }
    .homeBuyersBannerCardsSection p {
    height: 100px;
    }
}

@media (min-width:1300px) {
    .homeSideBannersContainer {
        margin: 0 0 0 14px;
    }
    .homeCenterBanner {
        width: 70%;
    }
    .homeSideBanner {
        clear: both;
    }
    .homeCenterBannerCTA {
    margin: 30px 50px 20px 30px;
}
    .homeCenterBanner img {
        object-fit: cover;
        height: auto;
    }
    .homeCenterBannerImage {
        width: 65%;
    }
}

@media (min-width: 1400px){

    .homeCenterBanner img {
        object-fit: cover;
        height: 497px;
    }
    .homeCenterBannerImage {
        width: 65%;
    }

    .homeBuyersBannerCardsTitle {
        height: 30px
    }
    .homeBuyersBannerCardsSection p {
    height: 110px;
    }
}

@media (min-width:1500px) {
    /* popular categories section - begin */
    .swoopOuter {
        background: none;
    }
    .swoopInner {
        background: #0e1850 url("../images/swoosh-desktop.svg") no-repeat 50px 20px;
        background-size: 1090px 410px;
    }
    .homeSearchWrapper h1 {
        margin-top: 120px;
    }
    /* popular categories section - end */
    /* mid side banner - begin */
    .homeSideBannersContainer {
        margin: 0 0 0 60px;
    }
    /* mid side banner - end */
.homeCenterBannerImage {
    width: auto;
}
    .homeCenterBanner img {
        object-fit: contain;
    }
}



@media (min-width:1600px) {
    /* mid side banner - begin */
    .homeSideBannersContainer {
        margin: 0 0 0 65px;
    }
    /* mid side banner - end */
}


/* media queries END */


/* ------------------------------------
CATEGORY SEARCH RESULT PAGE & PRODUCT SEARCH RESULTS PAGE
------------------------------------- */

/*** Removes Left Border on the page where all items for 1 company are shown and no filters column BEGIN ***/
 .searchPgNoBorder{border-left:0 !important; padding:0 50px!important;}

/*** Removes Left Border on the page where all items for 1 company are shown and no filters column END ***/

.arrow_active {
    cursor: pointer !important;
}

.arrow_inactive {
    cursor: default !important;
    background: #f7f9fa !important;
    color: #999 !important;
}

.searchPgPhoneIcon {
    margin-top: 3px;
}

.searchPgPhoneIcon img {
    margin: 0 2px -2px 0;
}

.seeAllMatchesLink,
.seeAllMatchesLink:hover {
    text-decoration: none;
}

.mobileFilterLocations input:first-of-type {
    margin: 3px 5px 0 15px;
}

.mobileFilterLocations .fa-category-icon-open,
.mobileFilterLocations .fa-category-icon-close {
    margin: 0 15px 0 0;
}


/* global styles BEGIN */

.searchResultsPageGrayText {
    color: #6E7B86;
}

.searchResultsPageLinkedBlackText a {
    color: #000;
    text-decoration: none;
}

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

.searchResultPageBlueButton {
    background: #1D6AE5;
    border-radius: 3px;
    padding: 13px 20px 12px 20px;
    color: #fff;
    cursor: pointer;
}

.clearFilter {
    margin-top: 10px;
    text-decoration: underline;
}

.searchPageWrapper {
    margin: 0 auto;
    width: 98%;
    max-width: 1400px;
}

.text20 {
    font-size: 20px;
}

.letter-spacing {
    letter-spacing: 1px;
}

.underline-text {
    text-decoration: underline;
}


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


/* move classes to utilities? - CP NOTE */

.fa-category-icon-open:before {
    content: "\f106";
}

.fa-category-icon-close:before {
    content: "\f107";
}

.fa-category-icon-open,
.fa-category-icon-close {
    cursor: pointer;
}

.fa-visit-website-arrow:before {
    content: "\00bb";
    font-weight: 900;
}

.sponsored {
    color: #1d6ae5;
    padding: 40px 0 15px 0;
    font-size: 12px;
    letter-spacing: 1px;
}

.homeSideBannersContainer .sponsored {
    padding: 0;
}

.featuredLabel {
    border-radius: 500px;
    background: #FDF3CE;
    padding: 5px 10px;
    color: #DD9713;
    margin: 5px 5px 0 0;
    float: left;
    clear: both;
}

.featuredLabel .fa-star {
    color: #DD9713;
}

.premiumSupplierLabel {
    border-radius: 500px;
    background: #FDF3CE;
    padding: 5px 10px;
    color: #DD9713;
    margin: 5px 5px 0 0;
    float: left;
    clear: both;
}

.premiumSupplierLabel img {
    margin-bottom: -3px;
}

.verifiedLabel {
    border-radius: 500px;
    background: #E9F3FF;
    padding: 5px 10px;
    color: #424C66;
    margin-top: 5px;
    float: left;
    clear: both;
}

.verifiedLabel img {
    margin-bottom: -3px;
}

.powerSellerLabel {
    background: #D2F3E6;
    border-radius: 500px;
    padding: 5px 13px 5px 10px;
    color: #444A68;
    margin-top: 5px;
    float: left;
    clear: both;
}

.powerSellerLabel img {
    float: left;
    margin: 3px 5px 0 0;
}


/* move classes to utilities? - CP NOTE */


/* global styles END */


/* breadcrumbs and filter button BEGIN */

.searchPageBreadcrumbs {
    border-bottom: 1px solid #E9EBED;
    padding: 5px 0 13px 0;
}

.searchPageBreadcrumbsLinks {
    padding: 10px 0 0 0;
}

.mobileLocationFilter ul li input {
    margin: 3px 5px 3px 0;
}


/* breadcrumbs and filter button END */


/* filter checkboxes BEGIN */

.searchResultsSection {
    background: #f7f9fa;
}

.searchResultsSection input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: 3px;
}

.searchResultsPageFilterTitle {
    padding: 10px 0 0 0;
    /* background: #fff;*/
    font-size: 12px;
    color: #6E7B86;
    letter-spacing: 1px;
}

.searchPageFilters {
    float: left;
    /*width: 18%;*/
    padding: 0 5px 0 0;
}

.searchPageFilters ul {
    padding: 0;
}

.searchPageFilters ul li {
    margin-bottom: 13px;
    /* display: flex;
    align-items: center;*/
}


.searchPageFilters ul li a {
    color: #000;
}

.categorySearchPageFilters {
    float: left;
    width: 18%;
    max-width: 376px;
    padding: 0 5px 0 0;
}

.categorySearchPageFilters ul {
    padding: 0;
}

.categorySearchPageFilters ul li {
    margin-bottom: 13px;
    /*clear: both;*/
    /* display: flex;
    align-items: center;*/
}

.categorySearchPageFilters ul li a {
    color: #000;
}

.searchPgViewMore,
.searchPgViewLess {
    color: #1D6AE5;
    cursor: pointer;
}

.searchPgMoreCategories,
.searchPgViewLess {
    display: none;
}

.searchPageFilters ul li div {
    width: 80%;
    margin-bottom: 13px;
}

.categorySearchPageFilters ul li div {
    width: 80%;
    margin-bottom: 13px;
}

.mobileFilterLocations li {
    list-style: none;
    padding: 10px 0 0 0;
}

.filterOverlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    /*transition: 0.5s;*/
}

.filterOverlay ul {
    margin: 0;
    padding: 0;
}

.filterOverlay ul li {
    padding: 10px 15px;
    clear: both;
}

.mobileFilterUS li {
    margin: 5px 0 0 15px;
}

.filterOverlay-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.filterClose {
    background: #fff;
    border-top-left-radius: 10px;
    text-align: right;
    padding: 20px 10px;
    border-top-right-radius: 10px;
}

.filtersMobileOnly {
    background: #fff;
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
    height: 500px;
    overflow-y: scroll;
    text-align: left;
    padding: 0 20px;
}

.filterResetSave {
        border-top: 1px solid #E9EBED;
    margin: 10px 0 0 0;
    box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 20%);
    height: 50px;
    bottom: 0;
    padding: 15px 20px 10px 20px;
    margin: 40px -20px 0 -20px;
}

.filterResetSave .mobileResetFilter{
    margin: 10px;
}

.filterResetSave .mobileResetFilter a{
    color: #000; 
    text-decoration: underline;
}

.mobileSubcatList  li {
    padding:0 0 10px 0 !important;
}
.mobileSubcatList  li a{
    color: #000;
}

/* filter checkboxes END */


/* search results page ads BEGIN */

.searchPageResultsCompanyIcon {
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    padding: 24px 29px;
    background: #cfd9e0;
    color: #000;
    display: block;
}

.searchPageResults {
    /*background: #F7F9FA;*/
    float: left;
}

.categorySearchPageResults {
    /* background: #f7f9fa;*/
    float: left;
}


    .catSearchBrandAwarenessLink, .catSearchBrandAwarenessLink:hover{
        text-decoration: none;
    }


.catSearchBrandAwareness:hover{
        transition-property: outline,border-color,box-shadow;
        transition-duration: 200ms;
        transition-timing-function: ease-out;
        border-radius: 8px;
}
    .catSearchBrandAwareness{
        border-radius:5px; 
        border:1px solid #E5E5E5; 
        background:#fff; 
        padding: 30px;
        text-decoration: none;
    }
    .catSearchBrandAwareness:hover{ 
        border:1px solid #6e7b86; 
    }
    .brandCopy {
        position:relative;
    }
    .brandLogo{
        border-radius:5px; 
        border:2px solid #00448b;
        display: flex; 
        align-items: center; 
        justify-content: center;
        padding:20px 0;
    }
    .brandCopyHeadline{
        line-height:22px; 
        font-size:18px;
        color:#191f27;
        margin-top:24px;
    }
    .brandCopyText{
        color:#6e7b86; 
        /*margin:10px 0 40px 0;*/
        margin-top:10px;
    }
    .brandCopyUrlCta{        
        position: absolute;
        bottom: 0;   
        right: 0;

    }
    .catSearchBrandAwarenessAd{
        color:#6e7b86;
        margin-top:16px;
    }
    .catSearchBrandAwarenessCTA{
        border:1px solid #1d6ae5; 
        padding:10px 20px; 
        border-radius:5px;
        text-align: center;
    }
    .catSearchBrandAwarenessCTA:hover{
        background:#1D6AE5;
        color:#fff;
    }

.searchPageResultsSingleSupplier {
    background: #F7F9FA;
    float: left;
    width: 100%;
}

.categorySearchResultsPageAd {
margin-top:20px;
}

.categorySearchResultsPageAd img {
    width: 100%;
    max-width: 958px;
    border-radius: 3px;
}


/*
.categorySearchResultsPageAd {
    background-color: #fff;
}

.categorySearchResultsPageAdImage img {
    width: 100%;
}

.categorySearchResultsPageAdText p {
    padding: 0 20px;
}

.categorySearchResultsPageAd a:hover {
    text-decoration: none;
}*/

.searchResultsPageGrayText img {
    margin-bottom: -2px;
}


/*
.searchResultsPageLocation span {
    line-height: 20px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #CFD9E0;
    padding: 10px 20px;
    margin: 0 5px;
}*/

.companySearchTitle {
    margin-top:30px;
}

.searchResultsPageTitle h1 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.searchResultsPageTitle h2 {
    color: #808993;
    margin: 0;
    padding: 0;
}

.searchResultsPageTitle p {
    color: #808993;
    margin: 0;
    padding: 0;
}


/* search results page ads END */


/* sort/location drop down BEGIN */

.locationbtn {
    border: none;
    cursor: pointer;
}

.locationDropDownList {
    overflow-y: scroll;
    height: 313px;
    margin: 4px 0 0 0;
    padding: 0;
}

.locationDropdown {
    position: relative;
    display: inline-block;
    line-height: 20px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #CFD9E0;
    padding: 14px 20px 13px 20px;
    margin: 0 5px;
    color: #000;
}

.locationDropdownActive {
    position: relative;
    display: inline-block;
    line-height: 20px;
    border-radius: 50px;
    background: #0E1850;
    border: 1px solid #0E1850;
    padding: 10px 20px;
    margin: 0 5px;
    color: #fff;
}

.locationHeader {
    margin: 15px 0 30px 0;
    /*position: absolute;
    width: 90%;
    top: 0;
    background: #fff;*/
}

.locationTitle {
    color: #6E7B86;
}

.clearAll {
    cursor: pointer;
    color: #1D6AE5;
}

.location-dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 280px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin: 0 0 0 -100px;
    text-align: left;
    border-radius: 4px;
    height: 386px;
}

.location-dropdown-last-li {
    border-top: 1px solid #E9EBED;
    margin: 10px 0 0 0;
    box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.2);
    height: 50px;
    position: absolute;
    width: 90%;
    bottom: 0;
}

.location-dropdown-content li {
    padding: 10px 15px 5px 15px;
    color: #000;
}

.location-dropdown-content li:first-child {
    padding: 10px 15px 5px 15px;
}

.location-dropdown-content li ul {
    padding: 0;
}

.locationshow,
.mobilelocationshow {
    display: block;
}


/* sort/location drop down BEGIN */


/* selected filters section BEGIN */

.searchResultsPageAppliedFilters {
    margin-top: 20px;
}

.searchResultsPageAppliedFilters div:first-child {
    letter-spacing: 1px;
}

.searchResultsPageSelectedFilter {
    background: #0E1850;
    color: #fff;
    margin-left: 10px;
    /*padding: 11px 2px 11px 15px;*/
    display: inline-block;
    margin-top: 10px;
    border-radius: 3px;
}

.searchResultsPageFilterName {
    float: left;
    padding: 11px 8px 11px 18px;
}

.searchResultsPageRemoveFilter {
    border-left: 1px solid #E9EBED;
    padding: 11px 10px 11px 12px;
    margin-left: 6px;
    float: left;
    cursor: pointer;
}

.searchResultsPageAppliedFilters .fa-chevron-left,
.searchResultsPageAppliedFilters .fa-chevron-right {
    color: #6E7B86;
    background: #fff;
    border: 1px solid #6e7b86;
    border-radius: 3px;
    margin-top: 10px;
    cursor: pointer;
}

.searchResultsPageAppliedFilters .fa-chevron-left {
    padding: 13px 14px 11px 11px;
}

.searchResultsPageAppliedFilters .fa-chevron-right {
    padding: 13px 11px 11px 14px;
}

.searchResultsPageAppliedFilters ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
    margin: 0 10px;
    width: calc(100% - 90px);
    display: inline-block;
}

.searchFilterRightArrow {
    position: absolute;
    display: inline-block;
}


/* selected filters section END */


/* search results listings BEGIN */

.searchResultsPageListings {
    margin-top: 20px;
}

.searchListing {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #E9EBED;
}

.searchListingCompanyInitial {
    float: left;
    margin-right: 15px;
    background: #CFD9E0;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    /*padding: 20px;*/
    margin: 15px 15px 15px 0;
    text-align: center;
}

.searchListingCompanyInitial div {
    padding: 24px 0 0 0;
}

.searchListingLogo {
    margin-right: 15px;
}

.searchListingLogo a,
.searchListingLogo a:hover {
    text-decoration: none;
}

.searchListingLogo img {
    border-radius: 50%;
    border: 1px solid #E9EBED;
    object-fit: none;
    width: 70px;
    height: 70px;

}

.searchListingCompanyName a {
    font-size: 20px;
    line-height: 32px;
    color: #191F27;
    text-decoration: none;
    overflow-wrap: break-word;
}

.searchListingCompanyName a:hover{
    text-decoration: underline;
}

.searchListingLocation {
    line-height: 30px;
    color: #191F27;
    display: inline-flex;
    align-items: center;
}

.categorySearchListingDetails p {
    color: #343A40;
    line-height: 24px;
}

.searchListingCTA a:first-child {
    color: #fff;
    text-decoration: none;
}

.searchResultsPageContact {
    background: #1D6AE5;
    border: 1px solid #1d6ae5;
    /*width: 170px;*/
    padding: 10px 20px;
    border-radius: 3px;
    margin-bottom: 10px;
    color: #fff;
}


/*
.searchResultsPageContact a:hover {
    text-decoration: none;
}*/

.searchResultsPageContact:hover {
    background-color: #1653B6;
}

.searchResultsPageContact img {
    margin: 0 5px -4px 0;
}

.categorySearchResultsPageContact {
    background: #1D6AE5;
    border: 1px solid #1d6ae5;
    /*width: 170px;*/
    padding: 10px 20px;
    border-radius: 3px;
    margin-bottom: 10px;
    color: #fff;
}

.categorySearchResultsPageContact:hover {
    background-color: #1653B6;
}

.categorySearchResultsPageContact img {
    margin: 0 5px -4px 0;
}

.searchResultsPagePhone {
    border: 1px solid #C4D0D8;
    /* width: 170px;*/
    border-radius: 3px;
    padding: 10px 20px;
    color: #1D6AE5;
}

.searchResultsPagePhone img {
    margin-bottom: -5px;
}

.searchResultsPagePhone span:hover {
    text-decoration: underline;
}

.categorySearchResultsPagePhone {
    border: 1px solid #C4D0D8;
    /*width: 145px;*/
    border-radius: 3px;
    padding: 10px 20px;
    color: #1D6AE5;
}

.categorySearchResultsPagePhone img {
    margin-bottom: -5px;
}

.categorySearchResultsPagePhone span:hover {
    text-decoration: underline;
}

.yearJoinedBullet {
    padding: 0 5px;
}


/* category search results listings END */


/* power sellers BEGIN */

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

.powerSellersWrapper .fa {
    margin-top: 50px;
    color: #6E7B86;
}

.powerSellersWrapper .fa:hover {
    cursor: pointer;
    color: #d1d1d1;
}

.powerSellers {
    overflow: hidden;
    padding: 0;
    margin: 0 10px;
    width: calc(104% - 83px);
    display: inline-block;
}

.powerSellerBanner {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #CFD9E0;
    width: 302px;
    height: 95px;
    padding: 12px;
    display: inline-block;
    margin: 0px 10px;
}

.powerSellerDetails {
    text-align: left;
    width: 175px;
    white-space: normal;
}

.powerSellerCompanyName a {
    color: #000;
}

.powerSellerMatches {
    margin-top: 3px;
    text-align: center;
}

.powerSellerMatches a {
    text-decoration: underline;
    color: #6E7B86;
}


/* power sellers END */


/* product search results listings BEGIN */

.productSearchResults {
    border-radius: 4px;
    border: 1px solid #C4D0D8;
    margin-bottom: 20px;
    background: #fff;
}

.productSearchListingDetails {
    width: 100%;
}

.searchResultProduct {
    border-top: 1px solid #ccc;
}

.searchResultProductImgContainer {
    float: left;
    width: 50%;
}

.searchResultProductImg {
    float: left;
    width: 100%;
    object-fit: cover;
    height: 320px;
    border-right: 1px solid #c4d0d8;
    /*margin-bottom: -21px;*/
    /* border-right: 1px solid #c4d0d8;*/
}

.searchResultProductDescContainer {
    width: 50%;
    float: left;
}

.searchResultProductDesc {
    padding: 10px 20px;
    border-left: 1px solid #c4d0d8;
    /*height: 360px;*/
    overflow-wrap:  break-word;
}

.searchResultProductDescText {
    color: #343A40;
    line-height: 26px;
}

.searchResultSeeAll {
    border-top: 1px solid #CFD9E0;
    padding: 20px 20px 0 20px;
    margin-left: 1px;
    margin-top: 21px;
    clear: both;
    color: #0E1850;
}

.searchResultSeeAll a {
    color: #0E1850;
}

.searchResultProductDesc .productTitle {
    margin: 20px 0 10px 0;
    line-height: 30px;
}

.productTitle a:hover{
    text-decoration: underline;
}

.searchMatches a:hover {
    text-decoration: underline;
    color: #1d6ae5;
}

.productSearchResults .searchResultsPageContact {
    /*width: 120px;*/
    padding: 20px 20px;
}

.productSearchResults .searchResultsPagePhone {
    /*width: 120px;*/
    padding: 20px 20px;
    white-space: nowrap;
}


/* product search results listings END */


/* search page banners BEGIN */

.searchResultsPageBanner {
    margin-right: 13px;
}

.searchResultsPageBannerText {
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 0 10px;
    height: 135px;
    width: 160px;
}


/*
.searchResultsPageBannerVisitWebsite {
    margin: 0;
}
.searchResultsPageBannerCompanyName{
    margin-bottom: 5px;
}*/

.searchResultsPageBannerCompanyName a {
    color: #000;
}

.searchResultsPageBannerPhoneNumber {
    color: #6E7B86;
    /*margin: 5px 0 10px 0;*/
}

.searchResultsPageBannerPhoneNumber a {
    color: #6E7B86;
}

.searchResultsPageBannerImage img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 135px;
}

.searchSmallBannerSection {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fff;
    width: 342px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px auto;
}

.searchSmallBannerText {
    float: left;
    width: 60%;
    margin: 0 5px 0 15px;
    height: 144px;
}

.searchSmallBannerText p {
    padding: 0;
    margin-bottom: 13px;
}

.searchSmallBannerImage {
    float: right;
    margin-bottom: -5px;
}

.searchSmallBannerImage img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* search page banners END */


/* pagination BEGIN */

.searchResultsPagePagination .fa-chevron-left {
    color: #343A40;
    background: #fff;
    border: 1px solid #6e7b86;
    border-radius: 3px;
    padding: 10px 15px 8px 10px;
    z-index: 1;
    margin-right: 5px;
    cursor: pointer;
}

.searchResultsPagePagination .fa-chevron-right {
    color: #343A40;
    background: #fff;
    border: 1px solid #6e7b86;
    border-radius: 3px;
    padding: 10px 12px 8px 15px;
    z-index: 1;
    margin-left: 5px;
    margin-bottom: -1px;
    cursor: pointer;
}

.searchResultsPagePagination span {
    color: #343A40;
    background: #fff;
    border: 1px solid #6e7b86;
    border-radius: 3px;
    padding: 7px 15px 7px 15px;
    margin: 0 5px;
    z-index: 1;
    cursor: pointer;
}

.searchResultsPagePagination span:hover,
.searchResultsPagePagination .fa-chevron-right:hover,
.searchResultsPagePagination .fa-chevron-left:hover {
    color: #fff;
    background: #1D6AE5;
}

.searchResultsPagePagination span.active {
    background: none;
    color: #000;
    cursor: default;
}

.ellip,
.ellip:hover,
.ellip.active {
    background: none !important;
    border: none !important;
    cursor: default !important;
    padding: 0 8px !important;
    margin: 0 !important;
    color: #000 !important;
}


/* pagination END */


/* request begin */

.searchPageHr {
    border: none;
    border-top: 1px solid #6E7B86;
    opacity: 0.5;
}


/* request END */


/* Tool Tip BEGIN */

.tooltip {
    position: relative;
    /*display: inline-block;
  border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 165px;
    height: 104px;
    background-color: rgb(61, 65, 73, 95%);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px 0 10px;
    margin: 5px 0 0 -60px;
    white-space: normal;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/* Tool Tip END */


/****** slick slider and other spacing fixes *****/


.homeFeaturedBannerContainer .slick-slide div:first-child{
    margin: 0 2px;
}

.recommendedSuppliersBanners .slick-slide div:first-child {
    margin: 0 3px;
}

.powerSellersWrapper .slick-slider {
    width: 88%;
    float: left;
}

@media (max-width: 389px){

.powerSellersWrapper .slick-slider {
    width: 85%;
    }
}

@media (max-width: 549px){
    .homeFeaturedBannerContainer .slick-slide div:first-child {
        margin: 10px 14px 0 2px;
    }
    .homeFeaturedBannerContainer .slick-slide .homeFeaturedSuppliersBanner {
        width: 323px;
    }
    .homeFeaturedSuppliersBanner .searchListingLogo{
        margin-right: 5px;

    }
    .homeFeaturedSuppliersBanner .searchListingLogo img{
        margin-right: 10px;

    }

    .homeFeaturedSuppliersBanner .homeCompanyName{
        margin: 0 !important;
    }
    .recommendedSuppliersBanners .slick-slide div:first-child {
        margin: 10px 14px 0 2px;
    }
    .recommendedSuppliersBanners .slick-slide .homeRecommendedSuppliersBanners {
        width: 317px !important;
    }
    .recommendedSuppliersBanners .homeCompanyNameWrapper {
        margin: -22px 1px 0 15px;
    }
}

@media (min-width: 550px) and (max-width:749px) {
    .powerSellersWrapper .slick-slider {
        width: 91%;
    }
    .categoryCompanyMobileDisplay {
        width: 70%;
    }
}

@media (max-width:749px){
    .brandCopy{
        margin-bottom:0;
    }

    .brandCopyUrlCta{
        position:relative;
        margin-top:30px;
    }
}

@media (min-width:750px){    
    .brandCopy{
        height:200px;
    }
    .brandCopyUrlCta{
        left:3px;
    }
}

@media (min-width: 750px) and (max-width:999px) {
    .powerSellersWrapper .slick-slider {
        width: 94%;
    }
    .categoryCompanyMobileDisplay {
        width: 85%;
    }
}

@media(min-width: 1000px) {
    .powerSellersWrapper .slick-slider {
        width: 93%;
    }
    .categoryCompanyMobileDisplay {
        width: 75%;
    }
}

@media(min-width: 1200px) {
    .powerSellersWrapper .slick-slider {
        width: 94%;
    }
    .categoryCompanyMobileDisplay {
        width: 80%;
    }
    .brandCopy{        
        height: 162px;
        margin-bottom:-21px;
    }
    .brandCopyUrlCta{         
        left: 245px;
    }
}

@media(min-width: 1300px) {
    .powerSellersWrapper .slick-slider {
        width: 95%;
    }
    .categoryCompanyMobileDisplay {
        width: 85%;
    }
}


/****** slick slider and other spacing fixes *****/


/* media queries BEGIN */

@media (max-width:549px) {
    .mobileMemberSince {
        font-size: 15px;
    }/*
    .mobileBadgeLabel {
        margin-top: 12px !important;
    }*/
    .searchListingCompanyName {
        margin-bottom: 2px;
    }
    .categorySearchResultsPageContact {
        padding: 20px;
        margin-bottom: 20px;
    }
    .categorySearchResultsPagePhone {
        padding: 20px;
    }
    .categorySearchListingDetails p {
        font-size: 13px;
    }
    .categorySearchResultsPagePhone {
        font-size: 16px;
    }
    .categorySearchHr {
        margin: 0 -20px;
        border: none;
        border-top: 1px solid #E9EBED;
    }
    .mobileClear {
        clear: both;
        margin-bottom: 2px;
    }
    .featuredLabel,
    .premiumSupplierLabel,
    .verifiedLabel {
        clear: none;
    }
    .mobileHideSearchPg {
        display: none;
    }
    .hideInMobile {
        display: none;
    }
    .searchPgMobileSpacer {
        margin-top: 10px;
    }
    .searchListingLocation {
        line-height: 25px;
    }
    .categoryCompanyMobileDisplay {
        width: 63%;
    }
}

@media (min-width:550px) and (max-width:999px) {
    /*
    .categorySearchResultsPageAdSmallImage {
        width: 40%;
    }*/
    .categorySearchHr {
        display: none;
    }
    .categorySearchResultsPagePhone {
        font-size: 14px;
    }
    .mobileClear {
        display: none;
        margin: 0;
        padding: 0;
    }
    .featuredLabel,
    .premiumSupplierLabel,
    .verifiedLabel {
        clear: none;
    }
    .searchSmallBannerSection {
        width: 272px;
        display: inline-flex;
        margin: 1% 20%;
        /*align-items: center;*/
    }
    .searchSmallBannerText {
        width: 56%;
    }
    .searchResultsPageContact,
    .searchResultsPagePhone,
    .categorySearchResultsPagePhone,
    .categorySearchResultsPageContact {
        display: inline-block;
        max-width: 200px;
        width: 98%;
        padding: 10px 5px;
    }
    .searchResultProductImg {
        height: 370px;
    }
    .searchResultProductImgContainer {
        width: 30%;
    }
    .searchResultProductDescContainer {
        width: 70%;
    }
    .desktopHide {
        display: none;
    }
}

@media (max-width:999px) {
    .searchMobileMargin {
        margin: 0 6px;
    }
    .categorySearchMobileMargin {
        margin: 0 20px;
    }
    .searchResultsSection .searchPageWrapper {
        width: 100%;
    }
    .searchPageFilters,
    .categorySearchPageFilters {
        display: none;
    }
    .searchPageResults {
        width: 99%;
    }
    .categorySearchPageResults {
        width: 100%;
    }
    /*
    .categorySearchResultsPageAdSmallImage {
        float: left;
    }
    .categorySearchResultsPageAdText {
        padding: 10px 0 0 0;
    }*/
    /* .searchResultsPageTitle {
        padding: 0 50px;
    }*/
    .searchResultsPageLocation {
        display: none;
    }
    .searchResultsPageAppliedFilters {
        margin-right: 6px;
    }
    /*.searchResultsPageListings {
        margin: 0 50px;
    }*/
    .searchListing {
        padding: 30px 20px 10px 20px;
    }
    /*
    .categorySearchListingDetails p {
        padding: 0 0 0 90px;
    }*/
    .searchPageBanners {
        text-align: center;
    }
    /*
    .searchSmallBannerSection {
        width: 272px;
        display: inline-block;
        margin: 1% 25%;
    }*/
    .searchSmallBannerText {
        text-align: left;
    }
    .searchPgMobileFilterTitle {
        border-bottom: 1px solid #CFD9E0;
        padding: 15px 0;
        margin-bottom: 15px;
    }
    .powerSellersWrapper {
        padding: 20px;
    }
    .searchListingCTA {
        padding: 20px 0 0 0;
        clear: both;
        text-align: center;
    }
    /*
    .productSearchResults .searchResultsPageContact,
    .productSearchResults .searchResultsPagePhone {
        max-width: 150px;
        width: 98%;
        padding: 10px 5px;
    }*/
    .searchResultProductDesc .productTitle {
        line-height: 20px;
        font-size: 18px;
    }
}

@media(min-width:750px){

    .catSearchBrandAwareness{
        border-radius:5px; 
        border:1px solid #E5E5E5; 
        background:#fff; 
        padding: 30px;
        text-decoration: none;
    }
    .catSearchBrandAwareness:hover{ 
        border:1px solid #6e7b86; 
    }
    .brandLogo{
        float:left; 
        height:125px; 
        width:230px; 
        margin-right:10px; 
    }

    .brandCopyHeadline{
        line-height:32px; 
        color:#191f27;
        font-size:20px;
        margin-top:0;
    }
    .brandCopyText{
        color:#6e7b86; 
        /*margin:10px 0 61px 0;*/
    }
    .catSearchBrandAwarenessAd{
        float:left; 
        margin-top:0;
    }
    .catSearchBrandAwarenessCTA{
         float:right; 
        margin-top:-23px; 
        width:145px;
    }
}
/*
@media (min-width:756px) and (max-width:999px){
    .brandCopyText{
        margin:10px 0 80px 0;
    }
}*/

@media(max-width:749px){
    .catSearchBrandAwareness{
    padding:30px 30px 5px 30px;
    }
}

@media(max-width:999px){
    .catSearchBrandAwareness{margin-top:20px;}
}

@media(min-width:1000px) {

.locationDropdown {
    padding: 10px 20px;
}

    .headlineSortWrapper {
    display: flex;
}


.searchResultsPageLocation {
    display: flex;
    align-items: flex-end;
}
    .categorySearchResultsPageAd{
        margin:23px 0 -5px 0;
    }
    .tooltip .tooltiptext {
        width: 271px;
        height: 66px;
        margin: 5px 0 0 -30px;
    }
    .categorySearchHr {
        display: none;
    }
    .categorySearchResultsPagePhone {
        font-size: 14px;
    }
    .mobileClear {
        display: none;
        margin: 0;
        padding: 0;
    }
    .mobileLocationFilter {
        display: none;
    }


    .brandLogo{
        padding:0;
        height:159px;
    }

    .searchPageFilters ul li label{
        display: flex;
    }
    .searchPageResults {
        width: 73%;
    }
    .categorySearchPageResults {
        width: 81%;
        max-width: 1064px;
    }
    .searchResultsPageAndAds {
        padding: 50px;
        border-left: 1px solid #E9EBED;
    }
    .categorySearchResultsPageAndAds {
        padding: 2px 53px 53px 53px;
        border-left: 1px solid #E9EBED;
    }
    .categorySearchResultsPagePhone {
        width: 145px;
    }
    .searchResultsPageTitle {
        width: 75%;
    }

    .searchPageFilters ul li {
    margin-bottom: 0;
    }

    /*
    .searchResultsPageLocation {
        text-align: right;
        margin-top: 30px;
        width: 50%;
    }*/
    .productSearchResults .searchListingCTA {
        width: 35%;
    }
    .searchListing {
        padding: 30px;
    }
    .categorySearchListingDetails {
        float: left;
        width: 65%;
    }
    .searchListingCTA {
        float: right;
    }
    .searchPageBanners {
        text-align: center;
        margin-bottom: 20px;
    }
    .searchSmallBannerText {
        text-align: left;
        width: 56%;
    }
    .searchSmallBannerSection {
        width: 272px;
        display: flex;
        /*margin: 1% 10%;
        align-items: center;*/
    }
    .featuredLabel,
    .premiumSupplierLabel,
    .verifiedLabel {
        clear: none;
    }
    #mobileSarchPageFilters {
        display: none;
    }
    .searchListingInfo {
        width: 65%;
    }
    .productSearchListingDetails {
        width: 70%;
    }
    .searchResultProductImg {
        height: 345px;
    }
    .searchResultProductImgContainer {
        width: 30%;
    }
    .searchResultProductDescContainer {
        width: 70%;
    }
    .desktopHide {
        display: none;
    }
    .productSearchPgBlueBg:hover {
        background: #E9F3FF;
        padding: 20px 20px 21px 20px;
        margin-bottom: -21px;
    }
}


/*
@media (min-width:1000px) and (max-width:1036px){
    .brandCopyText{
        margin:10px 0 58px 0;
    }
}

@media (min-width:1037px) {
    .brandCopyText{
        margin:10px 0 76px 0;
    }
}*/

/*
@media (min-width:1105px) {
    .productSearchPgBlueBg:hover {
        padding: 20px 20px 64px 20px;
    }
}*/

@media (min-width:1200px) {
    
    .searchResultsPageTitle {
        width: 84%;
    }
    .searchListingInfo {
        width: 72%;
    }
    .productSearchResults .searchResultsPageContact {
        float: right;
        margin-left: 10px;
        margin-top: 10px;
    }
    .productSearchResults .searchResultsPagePhone {
        float: right;
        margin-top: 10px;
    }
    .productSearchListingDetails {
        width: 65%;
    }
    .searchResultProductImg {
        height: 305px;
    }
    .productSearchPgBlueBg:hover {
        padding: 20px 20px 21px 20px;
        margin-bottom: -21px;
    }
    .categorySearchListingDetails {
        width: 70%;
    }
    .searchPageResults {
        width: 79%;
    }
}

@media (min-width: 1300px) {
    .searchResultsPageTitle {
        width: 85%;
    }
    .searchPageResults {
        width: 80%;
    }
}

@media (min-width:1350px) {
    .searchSmallBannerSection {
        /*width: 290px;*/
        display: inline-flex;
        margin: 0 10px 0 0;
        /*align-items: center;*/
    }
    .searchPageResults {
        width: 81%;
    }
}

@media (min-width:1400px) {
    /* .searchResultsPageLocation {
        width: 80%;
    }*/
    .searchSmallBannerSection {
        margin: 0 5px 0 0;
    }
    .searchSmallBannerSection:nth-child(2) {
        margin: 0 3%;
    }
    .productSearchListingDetails {
        width: 75%;
    }
}


/* media queries END */


/* ------------------------------------
ADD SELLER PAGE
------------------------------------- */


/* ------------------------------------
LOGIN AND SIGNUP PAGE
------------------------------------- */

.color-alert {
    color: #fa675c;
}

.border-alert {
    border-color: #fa675c;
}

.mobileHide {
    display: none;
}


/* –––––––––––––––––––––––––––––––––––––––––––––––––– */


/* WC Form */


/* –––––––––––––––––––––––––––––––––––––––––––––––––– */

.wc-form {
    width: 100%;
}

.mobileLoginPgImage img {
    width: 100%;
}

.loginLogo {
    margin: 25px 30px 15px 35px;
}

.loginForm {
    margin: 10%;
}

.desktopLoginPgImage {
    display: none;
}

.wc-form .fa-exclamation-circle {
    font-size: 20px;
}

.wc-form h1 {
    font-size: 2.6rem;
    line-height: 3.0rem;
    font-weight: 500;
    color: #000;
}

.wc-form h2 {
    margin-bottom: 30px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #6e7b86;
}

.wc-form h2 a {
    font-weight: 500;
    color: #1d6ae5;
}

.wc-form .field-error {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
}

.wc-form label {
    font-size: 1.4rem;
    padding: 0 0 15px 0;
    color: #6e7b86;
    display: block;
}

.wc-form input:not([type=submit]),
.wc-form select {
    display: block;
    padding: 6px 8px;
    margin-bottom: 20px;
    height: 28px;
    font-size: 1.6rem;
    color: #000;
    border-radius: 3px;
    border-width: 0.92px;
    border-style: solid;
    border-color: #808c95;
}

.wc-form input:focus,
.wc-form textarea:focus {
    box-shadow: 0 0 5px rgba(0, 84, 165, .35);
    transition: all 0.3s;
}

.wc-form textarea {
    display: block;
    padding: 5px;
    width: 90%;
    max-width: 500px;
    min-height: 70px;
    resize: vertical;
    border-radius: 3px;
    border-width: 0.92px;
    border-style: solid;
    border-color: #808c95;
}

.wc-form button {
    cursor: pointer;
}


/* Input type attributes
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.wc-form input[type="email"],
.wc-form input[type="password"],
.wc-form input[type="search"],
.wc-form input[type="tel"],
.wc-form input[type="text"] {
    border: 1px solid #808c95;
    width: 97%;
}

.wc-form input[type="submit"],
.wc-form input[type="reset"],
.wc-form input[type="button"] {
    /* from button class */
    vertical-align: bottom;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0 5px 0;
    padding: 20px 0;
    border: none;
    background-color: #1d6ae5;
    color: #fff;
    cursor: pointer;
    width: 100%;
    /* end from button class */
}


/* float radio button labels next to the field */


/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.signUpReceiveEmail {
    float: left;
    margin-top: -3px;
    margin-right: 5px;
}


/* Blue Column - Begin  */

.signUpBlueDiv {
    background: #0E1850 url('../images/swoosh-desktop.svg') no-repeat -95px 0;
    background-size: 1250px;
    color: #fff;
    flex: 1;
    padding: 1em;
    border: solid;
    padding: 80px 125px;
}

.signUpBlueDiv ul {
    margin-top: 20%;
    padding: 0;
    font-size: 20px;
    line-height: 28px;
}

.signUpBlueDiv ul li i {
    color: #DD9713;
}

.signUpBlueDiv hr {
    border: 0;
    border-top: 1px solid #fff;
}

.signUpBlueDiv p {
    line-height: 24px;
}


/* Blue Column - End  */

@media (min-width:750px) {
    .signupContainer {
        display: flex;
    }
    .signUpPage {
        width: 60%;
    }
    .signUpBlueDiv {
        padding: 65px;
    }
    .signUpBlueDiv ul {
        margin-top: 50%;
    }
}

@media (min-width: 1000px) {
    .wc-form input[type="email"],
    .wc-form input[type="password"],
    .wc-form input[type="search"],
    .wc-form input[type="tel"],
    .wc-form input[type="text"] {
        width: 96%;
    }
    .wc-form {
        width: 75%;
    }
    .mobileLoginPgImage {
        display: none;
    }
    .loginPageWrapper {
        width: 80%;
        max-width: 1400px;
        margin: 0 auto;
    }
    .loginPage {
        float: left;
        width: 60%;
    }
    .loginLogo {
        margin-top: 30px;
    }
    .desktopLoginPgImage {
        display: block;
        float: right;
        width: 40%;
    }
    .desktopLoginPgImage img {
        max-height: 850px;
    }
}


/* ------------------------------------
SELLER PROFILE PAGE
------------------------------------- */


/* ------------------------------------
RUN OF SITE BANNERS
------------------------------------- */


/* run of site banners - begin */

.runOfSite {
    margin: 30px 10px 20px 0;
    text-align: center;
}

.runOfSite .sponsored {
    margin: 40px 0 20px 40px;
}

.botBannerAdContainer {
    display: flex;
    align-items: center;
    width: 305px;
    height: 144px;
    margin-left: 27px;
    border-radius: 5px;
    border: 1px solid #E3E6E8;
}

.botBannerAdText {
    flex: 1;
    text-align: left;
    padding: 0 5px 0 12px;
}

.botBannerAdImage {
    flex: 1;
}

.botBannerAdImage img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    float: right;
}

.runOfSiteWrapper {
    margin: auto;
    max-width: 1380px;
}

.runOfSiteContainer {
    padding: 0;
    margin: 0 10px;
    width: calc(100% - 25px);
    display: inline-block;
}

.runOfSiteBannerText {
    float: left;
    clear: left;
    padding: 0 0 0 11px;
}


/*
.runOfSiteBannerCompanyName {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin-top: 10px;
}

.runOfSiteBannerCompanyName a {
    color: #000;
}
*/


/* run of site banners - begin */


/* ------------------------------------
SUBSCRIBE
------------------------------------- */


/* subscribe - begin */

.subscribe {
    background-image: linear-gradient(to right, #4281E2, #8296EE);
    color: #fff;
    padding: 33px 0;
}

.subscribeToNewsletter {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #E9EBED;
    height: 47px;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 0 12px;
    color: #000;
    font-size: 14px;
    width: 50%;
}

.subscribeToNewsletter ::placeholder {
    color: #808993;
}

.subscribe input[type="submit"] {
    background: #1D6AE5;
    height: 50px;
    border: none;
    color: #fff;
    padding: 0 45px;
    margin-bottom: -5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
}

.subscribe input[type="submit"]:hover {
    background: #1653B6;
}

@media (max-width:549px) {
    .subscribeToNewsletter {
        font-size: 12px;
    }
    .subscribe input[type="submit"] {
        font-size: 12px;
    }
}

@media(min-width:1000px) {
    .subscribeGetTheLatest,
    .subscribeAgreement {
        width: 30%;
    }
    .subscribeEmailField {
        width: 40%;
    }
    .subscribeToNewsletter {
        width: 40%;
    }
}


/* subscribe - end */


/* ------------------------------------
FOOTER
------------------------------------- */


/* footer - begin */

.footer-main {
    width: 100%;
    margin: 0;
    padding: 40px 0;
}

.footer-main h3 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #fff;
    text-align: left;
}

@media (max-width: 500px) {
    .footer-main h3 {
        margin-top: 30px;
    }
}

@media (min-width: 550px) {
    .footerSocialMedia {
        text-align: right;
    }
}

.footer-main p {
    color: #b7baca;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 150%;
}

.footer-main a:link,
.footer-main a:visited,
.footer-main a:active {
    color: #b7baca;
    text-decoration: none;
}

.footer-main a:hover {
    color: #b7baca;
    text-decoration: underline;
}

.footer-main ul {
    display: table-row;
}

.footer-main li {
    font-weight: 400;
    font-size: 1.4rem;
    list-style-type: none;
    text-align: left;
    line-height: 2em;
}


/* footer - end */


/* ------------------------------------
GLOBAL STYLES
------------------------------------- */


/* global styles - begin */

.clear {
    clear: both;
}

.fa-visit-website-arrow:before {
    content: "\00bb";
    font-weight: 900;
}

.sponsored {
    text-align: left;
    color: #1d6ae5;
    font-size: 12px;
}

.phoneNumber a,
.phoneNumber a:visited {
    color: #6E7B86;
    font-size: 14px;
    text-decoration: none;
}

.phoneNumber a:active,
.phoneNumber a:hover {
    text-decoration: underline;
}

.bannerCompanyName a {
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

.visitWebsite {
    font-size: 14px;
    font-weight: 500;
}

.featuredLabel {
    border-radius: 500px;
    background: #FDF3CE;
    padding: 5px 10px;
    color: #DD9713;
    margin: 5px 5px 0 0;
    float: left;
    /*clear: both;*/
}

.featuredLabel .fa-star {
    color: #DD9713;
}

.premiumSupplierLabel {
    border-radius: 500px;
    background: #FDF3CE;
    padding: 5px 10px;
    color: #DD9713;
    margin: 5px 5px 0 0;
    float: left;
    clear: both;
}

.premiumSupplierLabel img {
    margin-bottom: -3px;
}

.verifiedLabel {
    border-radius: 500px;
    background: #E9F3FF;
    padding: 5px 10px;
    color: #424C66;
    margin-top: 5px;
    float: left;
    /*clear: both;*/
}

.verifiedLabel img {
    margin: 3px 2px 0 0;
    float: left;
}

.blackText {
    color: #000;
}

.marginLeft15 {
    margin-left: 15px;
}


/* global styles - end */