@import url(https://fonts.googleapis.com/css?family=Monda:400,700);
body{
    font-family: 'Monda', sans-serif;
    background-color: white;
    position: relative;
    margin: 0;
}
.main-listings {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-template-areas:
        "feats"
        "scroll";
    margin-left: auto;
    margin-right: auto;
    max-width: 99%;
    margin-bottom: 1%;
}
html, body {
    min-height: 100vh;
}
.page-content{
    min-height: 100vh;
}
/*
.listings-list {
    width: 44%;
    max-width: 735px;
    margin: auto;
}
*/
.listings-list h1{
    text-align:center;
    color:white;
    font-size: 27px;
}
.listing-details h4 {
    margin: 0!important;
}
.regName{
    font-size: 20px;
    text-decoration: underline;
}
.listing-item.priority {
    background-color: #fcd26f;
}
.listing-item {
    padding: 10px 8px;
    margin-bottom: 16px;
    border: 1px solid;
    display: grid;
    word-break: break-word;
    grid-template-columns: minmax(auto, 144px) auto auto;
    /*background-color: rgb(0, 87, 45, 0.3);*/
    grid-template-areas: "l-logo l-details l-logos";
}
.listing-item.member .member-logo, .listing-item.basic .listing-logo, .listing-item.basic h4, .listing-item.basic h4 a {
    display: block;
}
.listing-logos {
    flex: 0 1 auto;
}
/* .listing-logos .member-logo {
    max-width: 100%;
} */
.listing-logos img.member-logo {
    height: 70px;
}
.listing-item .listing-logo {
    width: 145px;
    margin-right: 10px;
    display: none;
    grid-area: l-logo;
}
.listing-item.member .member-logo, .listing-item.basic .listing-logo, .listing-item.basic h4, .listing-item.basic h4 a, .listing-item.Basic .listing-logo, .listing-item.Basic h4, .listing-item.Basic h4 a {
    display: block;
}
.listing-item .member-logo {
    display: none;
    text-align: right;
}
a.Adv_links {
    font-size: inherit!important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.listing-item .listing-logo img {
    max-width: 145px;
    width: 100%;
}
.listing-details h3 {
    margin-top: 0;
}
.listing-details ul {
    list-style-type: none;
    padding: 0;
}
.listings-list h4, .listings-list h4 a {
    color: black;
    cursor: pointer;
    text-decoration: none;
    width: fit-content;
    display: none;
}
.listing-item .member-logo img {
    max-height: 60px;
    width: auto;
    max-width: 130px;
    /* filter: grayscale(1) invert(1) contrast(2); */
}
.listing-item.associate .listing-details {
    grid-column: 1 / 3;
}
.listing-item .member-logo {
    display: none;
    text-align: right;
}
.page-numbers ul.quick-nav {
    text-align: center;
    overflow-x: auto;
}
.page-numbers ul {
    margin: 8px;
    display: block;
    padding: 0;
}
.page-numbers li {
    display: inline-block;
    margin: 0 4px;
    color:white;
}
.page-numbers li a{
    color:white;
}
.AssocHeader {
    grid-area: assocheader;
    grid-template-columns: auto 72%;
    grid-template-areas: "logo guiname";
    display: flex;
    background: black;
}
.top-bar{
    width: 100%;
    box-sizing: border-box;
    display: block;
    /* grid-template-columns: 20% 60% 20%;
    grid-template-areas: "logo banner guiname" "navbar navbar navbar"; */
    grid-template-columns: auto;
    grid-template-areas:
                        "assocheader"
                        "navbar"
                        "banner";
    background-color: rgba(250,255,253,1);
}
button.navbar-toggle {
    background-color: #4465AB;
}
.scat-list a, .scat-list h1 {
    color: black;
    text-decoration: none;
    margin-left: 2%;
}
.scats {
    display: grid;
    text-align: start;
    background-color: #eeeeee;
}
.scat-list .body_header {
    background-color: #00572d!important;
}
.media-scroll h1 {
    COLOR: black;
}
.aboutOurGuideText:after{content:"The Buyers Guide is the first resource that everyone in the industry turns to when they are looking to purchase any products or services.  The reason everyone gets involved is because the Buyers Guide is not only available on the home page of the trade association's website, but it is also emailed to members of the Association trade show/convention attendees.  For that reason, this is the single best way for you to enhance your image and keep your name out in front of all the key decision makers throughout the industry.";}
.aboutOurGuideText {
    color: black;
}
.media-scroll strong, .media-scroll p {
    color: black;
}
.media-scroll {
    grid-area: scroll;
}
.showMemberInfo{
    padding: 0 6px;
}
.advertisewithus-scroll h1 {
    color: black;
    text-align:center;
    margin: 0px 0px 22px 0px;
}
.contactus-scroll h1 {
    color: black;
    text-align:center;
    margin: 0px 0px 22px 0px;
    
}
.advertisewithus img{
    width: 25px;
    height: 25px;
    padding-right: 3px;
    vertical-align: text-bottom;
}
.contactusAdvertiseWUs img{
    width: 25px;
    height: 25px;
    padding-right: 3px;
    vertical-align: text-bottom;
}
.requestInfo form {
    color: black;
}
.requestInfo form #capImg{
    width: 150px;
    height: auto;
}
.requestInfo form button {
    width: 10%;
    height: 25px;
}
h4.pg-ads-title a {
    color: black;
    text-decoration: none;
}

h4.spotlights_headers a {
    color: black;
    text-decoration: none;
}

ul.media-list {
    padding: 0;
}

.searchheading {
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
}
.requestInfo form input[type=text] {
    display: block;
    width: 35%;
    height: 25px;
    padding: 5px 9px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.result_custommeta, .result_title, .infoline {
    display: none;
}
span.error {
    color: red;
}
.requestInfo form input[type=text]:focus  {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.advertisewithus {
    color: black;
    float: left;
    grid-area: advertisewrapper;
}
.contactusAdvertiseWUs {
    color: black;
    float: left;
    grid-area: advertisewrapper;
}
.gmap {
    float: right;
    grid-area: gmap;
    justify-self: right;
}
.advertisewithus a{
    color:black;
    text-decoration:none;
}
.advertisewithus a:hover{
    color:#00572d;
    text-decoration:underline;
}
.contactusAdvertiseWUs a{
    color:black;
    text-decoration:none;
}
.contactus {
    float: left;
    grid-area: contuswrapper;
    color: black;
}
.contactus a{
    color: black;
    text-decoration:none;
}
.cmap {
    float: right;
    grid-area: cmap;
    justify-self: right;
}
.cname {
    font-size: larger;
    font-weight: bold;
    margin-bottom: 10px;
}
.contactus img{
    width: 25px;
    height: 25px;
    padding-right: 3px;
    vertical-align: text-bottom;
}
.contactus-scroll {
    grid-template-areas:
        "ptitle"
        "advertisewus"
        "contus";
    display: grid;
}
.ptitle {
    grid-area: ptitle;
}
.advertisewithusWrapper {
    grid-area: advertisewus;
    display: grid;
    grid-template-areas: "advertisewrapper gmap";
    grid-template-columns: 50% 50%;
}
.contusWrapper {
    grid-area: advertisewus;
    display: grid;
    grid-template-areas: "advertisewrapper cmap";
    grid-template-columns: 50% 50%;
}
.contactusWrapper {
    grid-area: contus;
    grid-template-areas: "contuswrapper cmap";
    display: grid;
    grid-template-columns: 50% 50%;
}
.gui-logo {
    margin: auto;
    grid-area: logo;
}
.gui-logo-name{
    grid-area: guiname;
    display: block;
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    align-self: center;
    color: white;
}
.nav_banner.mobile{
    display: none;
}
.banner-ad{
    grid-area: banner;
    background-color: #4c4d4f;
}
.mobileban{
    display: none !important;
}
.footer_nav li {
    list-style-type: none;
    display: inline;
    text-decoration: none;
}
.footer_nav li a{
    text-decoration: none;
}
.footer_nav li + li {
    background: url(../images/separator.jpg) no-repeat left;
    padding-left: 10px;
}
.well_footer {
    background-color: #00572D;
    padding: 6px;
}
ul.footer_nav {
    padding-left: 1%;
}
.footer_text {
    grid-area: footer_text;
}
.footer_logo {
    grid-area: footer_logo;
}
.footer_nav a:hover {
    text-decoration: underline;
}
.footer {
    grid-template-areas: "footer_logo footer_text";
    grid-template-columns: 28% 72%;
    display: grid;
    margin-left: 4%;
}
.banner-ad img{
    width: 99%;
    max-width: 990px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1%;
    border: 1px solid;
}
.foot_banner .banner-ad img{
    margin-bottom: 1%;
}
.banner-foot{
    width: 100%;
    background-color: #aaba89;
    display: block;
    border-color: inherit;
    border-width: 6px 0 6px;
}
.banner-foot a img{
    border: 1px solid #26526D;
    border-bottom: 0;
    border-radius: 15px 15px 0 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 750px;
    display: block;
    margin: auto;
}
#bottom-banner .showSVM{
    display: none;
}
.text-muted {
    color: #4c4d4f;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    margin-top: 16px;
    /* margin-bottom: 16px; */
    font-size: 13px;
}
.nav-area{
    grid-area: navbar;
    display: block;
    background-color: #00572d;
}
button.navbar-toggle{
    display: none;
}
.nav-menu.collapse{
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
.menu-area {
    grid-template-areas: "nmenu nsearch";
    grid-template-columns: auto auto;
    display: grid;
}
.nav-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    grid-area: nmenu;
}
.nav_search {
    grid-area: nsearch;
    margin: auto 5px;
}
nav.menu-area {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.nav-menu.collapse {
    flex: 0 0 fit-content !important;
}
.nav_search {
    flex: 0 !important;
}
.search_icon {
    background-color: black;
    width: 23px;
    height: 100%;
}
.SearchDiv.onpagesearch {
    display: inline-flex;
    border: 1px inset rgb(215,215,215);
    width: 100%;
}
.nav-li{
    display: inline-block;
    border: 1px solid #00572D;
    text-align: center;
    /*background-color: rgba(106,139,127,.8);*/
    color: white;
    box-sizing: border-box;
    margin: 0;
    width: auto;
    font-size: 20px;
    position: relative;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.sub-li {
    margin: 0;
    text-align: left;
    white-space: nowrap;
}
.sub-li a:hover{
    top: 0px!important;
    color: white;
    background-color: #00572d;
}
.sub-li a {
    padding: 3px 20px!important;
    display: inline-block;
}
.nav-li:hover{
    color: #fff;
    cursor: pointer;
}
.main-content.main-single {
    position: relative;
    display: grid;
    grid-template-areas: "showcase-grid";
    grid-template-columns: 100%;
}
.showcase-grid {
    grid-area: showcase-grid;
}
.feature-footer {
    position: relative;
    align-self: end;
}
.main-single h3 {
    text-align: center;
}

.listing-details a {
    color: black;
    text-decoration:none;
    font-size: 17px;
}
.website a {
    color: #333333;
    text-decoration: none;
    font-size: inherit;
}
h4.spots_header a {
    color: white!important;
}
.showcase-grid h4 {
    color: black;
    padding: 10px;
    font-size: 18px;
}

.main-content.search-listings {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%;
}
.panel-heading {
    color: #ffffff;
    background-color: #00572D;
    border-color: #4c4d4f;
    font-family: 'Montserrat', sans-serif;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 6px;
}
.summary {
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
}
a.Adv_links {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
.zoom_searchform {
    padding: 15px;
}
.media-list {
    padding-left: 0;
    list-style: none;
}
.nav-li.active {
    color: #fff;
    background-color: #999999;
}
.nav-menu a {
    text-decoration: none;
    color: inherit;
    display:block;
    padding: 10px 15px;
}
.nav-menu .nav-li > a:hover {
    color: white;
    background-color: #999999;
}
.nav-menu .explore-sub {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding-left: 0;
    margin-top: 1px;
    transition: opacity .2s ease-in;
}
.nav-menu .showSubmenu {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease-in;
    z-index: 3;
    background-color: white;
    margin-top: 1%;
    list-style: none;
    font-size: 14px;
    border: 1px solid #00572d;
    background-color: #999999;
    color: white;
}
.nav-li a:focus{
    color: white;
    background-color: #999999;
}
.Adv_links {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.main-body{
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-template-areas:
        "feats"
        "scroll";
    margin-left: auto;
    margin-right: auto;
    max-width: 99%;
    margin-bottom: 1%;
}
/* .featured_ads {
    grid-area: feats;
    grid-template-columns: auto auto;
    grid-template-areas:
        "feat_header feat_header feat_header"
        "feats1 feats2 feats3"
        "browse_text browse_text browse_text";
    display: grid;
    border: 1px solid #e3e3e3;
    border-width: 1px 0;
    background: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    margin-top:1%
} */
.featured_ads {
    grid-area: feats;
    display: block;
    border: 1px solid #e3e3e3;
    border-width: 1px 0;
    background: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    margin-top:1%
}
.featured_ads .featured-ads {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
p.browse_text {
    margin-bottom: 3px;
    margin-top: 3px;
    color: #4c4d4f;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: center;
}
.featuredbtn.pull-right {
    float: none !important;
    margin: 4px auto 10px;
    background-color: #00572D;
    border-color: #4c4d4f;
    color: #ffffff;
    border-radius: 0 !important;
    min-width: 8%;
    height: 30px;
    border-style: outset;
    border-width: 2px;
}
.btn-primary:hover{
    color: #ffffff;
    background-color: #4c4d4f;
    border-color: #00572D;
}
.featured_browse {
    grid-area: browse_text;
}
h4{
    text-align: center;
    margin: 0;
}
.featured_title{
    grid-area:feat_header;
    padding: 0 0 4px 0;
    background-color: #00572d;
    color: white;
    margin-bottom: 1%;
}
.cornerslant {
    width: 100%;
    height: 6px;
    background-color: #C1570B;
    position: relative;
    margin-bottom: 23px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    line-height: 2.2;
    font-weight: 500;
}
.featured_header {
    color: white;
    text-decoration: none;
}
.featured_header:hover{
    color: #999999;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff;
}
.cornerslant::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 0 30px;
    border-color: #FFF transparent transparent transparent;
}
.featured.feat1{
    grid-area: feats1;
}
.featured.feat2{
    grid-area: feats2;
}
.featured.feat3{
    grid-area: feats3;
}
div#pgCont {
    max-width: 1000px;
    margin: auto;
    display: block;
    border-width: 0 2px;
    border-style: solid;
    border-color: #0a64ab8c;
}
div#pgCont.wide-features{
    max-width: 1200px;
}
.wide-features .showcase-grid.showcase-listing, .wide-features .showcase-grid.showcase-product {
    max-width: 1000px;
    margin: auto;
    width: 100%;
}
.featured img{
    width: auto;
    max-width: 100%;
    margin: auto;
    position: relative;
    display: block;
    height: auto;
    max-height: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
}
.scroll-body{
    grid-area: scroll;
    display: grid;
    grid-template-columns: 59% 39%;
    grid-template-areas: "cats spots";
    gap: 2%;
}
.scroll-body.spotlightshome-class{
    grid-template-columns: 30% 40% 30%;
    grid-template-areas: "spots2 cats spots";
    gap: 0;
}
.wide-features .scroll-body.spotlightshome-class{
    grid-template-columns: 25% 50% 25%;
}
.spotlightshome-class .spotscontainer{
    max-width: 285px;
    box-sizing: border-box;
}
.scats a:hover {
    text-decoration: underline;
}
.glogo img {
    width: auto;
    height: auto;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    margin-bottom: 6%;
}
.clogo img {
    width: auto;
    height: auto;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    margin-bottom: 3%;
}
.scroll-body h4{
    margin: 8px auto 4px;
}
.homespots{
    grid-area: spots;
}
.spotlightshome-class .homespots{
    margin: 0 0 0 auto;
}
.homespots2{
    grid-area: spots2;
    margin: 0 auto 0 0;
}
.features, .spotlights{
    width: 65%;
}
.features, .spotlights.spotlights_list{
    /* display: grid;
    grid-template-columns: repeat(2, 1fr); */
    /* grid-gap: 8px; */
    display: flex;
    flex-wrap: wrap;
    gap: 15px 15px;
    padding: 4px;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    width: auto;
    /* margin-left: 2%;
    margin-right: 2%; */
    margin-bottom: 2%;
}
/* .spotlights.spotlights_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 15px;
    width: auto;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
} */
.spot-prod.case-item {
    display: flex;
    flex: 0 1 calc(50% - 14px);
    box-sizing: border-box;
    border: 1px solid;
    padding: 8px;
    /*background-color: rgb(0, 87, 45, 0.3);*/
}
/* .spotlights{
    display: grid;
    grid-area: spots;
} */
.spot_list {
    padding-top: 4px;
    padding-bottom: 6px;
}
.spot_list:first-of-type{
    padding-top: 0;
}
.spots img{
    width: 100%;
    max-width: 285px;
    border: 1px solid #000;
    box-sizing: border-box;
}
/***FOR SPOTLIGHT HOME LAYOUT***/
.spotlight-home .spotscontainer.spotstop div#spots {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3px;
    width: 100%;
    box-sizing: border-box;
}
.spotlight-home .spotscontainer.spotstop li.spot_list {
    flex: 0 1 49%;
    box-sizing: border-box;
}
.spotlight-home.spotscontainer.bottomspots {
    grid-area: none;
    width: 99%;
    position: relative;
    display: block;
    margin: auto;
}
.spotlight-home.bottomspots div#spots {
    gap: 4px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
    justify-content: center;
}
.spotlight-home.bottomspots li.spot_list {
    flex: 0 0 20%;
    margin-bottom: 4px;
}
.spotlight-home .spotscontainer .spot_list{
    padding-bottom: 0;
    padding-top: 4px;
}
.spotlight-home .spots img{
    max-width: 225px;
    box-sizing: border-box;
}

.case-item .listing-logo img {
    max-width: 150px;
}
.listing-details {
    color: #333333;
    padding: 0 10px;
    font-size:14px;
    grid-area: l-details;
}
.listing-logo {
    width: 145px;
    margin-right: 10px;
}
.listing-details h3 {
    margin: 10px 0 10px 0;
    text-align: left;
}
.listing-details p {
    margin: 0px;
}
.listing-details h6 {
    margin: 5px 0 5px 0px;
    font-size: 12px;
}
.sideSpots{
    display: block;
    margin: 0.7em auto 0;
    max-height: 48%;
    width: 100%;
}
.fixed-feat .sideSpots a {
    display: inline-block;
    height: 100%;
    max-height: 85%;
    max-width: 48%;
    margin: auto 3px;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
div#cse_more {
    text-align: center;
}
a.page-nav {
    color: black;
    text-decoration: none;
}
a.page-nav.active {
    text-decoration: underline;
}
.sideSpots img{
    display: block;
    max-width: 100%;
    margin: auto 3px;
    box-sizing: border-box;
}
.results .company-name {
    margin-bottom: 15px;
}
input#zoom_searchbox {
    outline: none;
    min-width: 250px;
    width: inherit;
}
button.parent-sub:focus {
    outline: none;
}
button.parent-sub {
    color: inherit;
    background-color: inherit;
    border: none;
    font-size: inherit;
    cursor: pointer;
}
input#ZoomBtn:focus {
    outline: none;
}
.fixed-feat a {
    color: white;
    text-decoration: none;
    height: unset;
    max-height: 55%;
}
.main-home .SearchDiv{
    margin-left: 33%;
}

.main-body .search-bar {
    width: 50%!important;
}

.scroll-body .search-bar{
    width: 75%;
    margin: auto;
    display: block;
    border-radius: 15px;
    padding: 6px;
    box-sizing: border-box;
    text-align: center;
}
h4.body_header.cat_header.listings_header {
    width: 100%!important;
    display: block;
    background-color: #00572d;
}
.page-numbers {
    background-color: #00572d;
}
.body_header {
    width: 100%;
    text-align: center;
    background-color: #C1570B;
    color: white!important;
    font-weight: bold;
    text-transform: uppercase;
}
.cats{
    text-align: center;
    color:white;
    grid-area: cats;
}
.cats-row{
    text-align: left;
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 15px; */
    display: flex;
    box-sizing: border-box;
    width: 100%;
    opacity: 0.9;
}
/* .spotlightshome-class .cats-row{
    gap: 0 10px;
} */

.cat-dropbox:hover a, .cat-dropbox a:hover{
    color: #1609d6;
    text-decoration: none;
    /* text-shadow: 1px 1px 1px #313131, 0px 0px 1px #313131; */
    text-shadow: none !important;
    font-family: inherit !important;
    font-weight: bold;
}

.cat-dropbox a {
    cursor: pointer;
    color: black;
    text-decoration: none;
    flex: 1 1 95%;
}
.cat-dropbox a{
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.cats-row > div {
    flex: 1;
    width: 50%;
    box-sizing: border-box;
}
.catcol-1 {
    padding-right: 5px;
}
.catcol-2 {
    padding-left: 5px;
}
.cat-dropbox:hover, .cat-dropbox:hover a, .cat-dropbox:hover .cat-drop.multi-cats {
    background: white;
    overflow: visible;
    min-width: fit-content;
    z-index: 1000;
    position: relative;
}

.cat-dropbox {
    padding: 10px 8px;
    border-radius: 2px;
    box-sizing: border-box;
    border: 1px solid black;
    font-size: 16px;
    display: flex;
}
.spots > li:nth-child(odd) {
    background-color: #4c4d4f;
}
.spots > li:nth-child(even) {
    background-color: #00572D;
}
.spot_list {
    text-align: center;
    display: block;
}
li {
    list-style-type: none;
}
.listing-desc.long-desc .company-desc li {
    list-style-type: initial;
}
.listing-desc.long-desc .catlist.company-desc li {
    list-style-type: none;
}
.spots > li a {
    color: initial;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-size: 10px;
    display: block;
    max-width: 285px;
    margin: auto;
}
.spots > li a:hover {
    text-decoration: underline;
    color: #78aad1;
}
.spot_list a.prodName{
    display: none;
}
.sub-cat {
    padding: 0 10px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    width: 85%;
    margin: 3px auto;
    font-weight: normal;
    background: #ececec;
}

.sub-cat a {
    display: block;
    cursor: pointer;
    text-decoration: none;
}
.sub-cat a:hover {
    text-decoration: underline;
}
.cat-drop.multi-cats, .cat-drop.single-cat {
    flex: 1 0 5%;
    /* margin: 0px 6px 0 0; */
    min-height: 22px;
    margin: auto;
    align-self: center;
    cursor: pointer;
    color: #000000;
}
.multi-cats::before {
    content: '\002B';
    font-weight: bold;
}

.multi-cats.active::before {
    content: "\2212";
}
.company-desc font, .company-desc span, .company-desc a {
    color: black;
    text-decoration: none!important;
    background-color: transparent!important;
}
.company-desc a, .company-desc a * {
    color: #0000FF;
    text-decoration: none!important;
    background-color: transparent!important;
}
.company-desc a:hover * {
    color: inherit;
}
.desc_boarder{
    border: 1px solid #00572D;
    border-radius: 4px;
}
.company-desc {
    background-color: #eeeeee;
    padding: 15px;
	overflow: auto;
}
.desc_header {
    color: #ffffff;
    background-color: #00572D;
    border-color: #4c4d4f;
    font-family: 'Montserrat', sans-serif;
    padding: 6px;
    border-bottom: 1px solid transparent;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
  }
.desc_boarder.showcats .company-desc.catlist.collapse{
    display: none !important;
    height: 0 !important;
}
.glyphicon{
    font-family: 'Glyphicons Halflings';
    color: #FFF;
    float: right;
    cursor: pointer;
}
.glyphicon-chevron-down{
    margin: 4px 8px 0;
}
.glyphicon-chevron-up{
    margin: 0px 8px 4px;
}
.glyphicon-chevron-down:before {
    content: "\e114";
}
.glyphicon-chevron-up:before {
    content: "\e113";
}
.catlist.collapse.in{
    display: block !important;
}
.catlist.collapsing {
    position: relative;
    margin: auto;
    height: 0;
    max-height: 235px;
    padding:15px 15px 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease-in;
            transition: height 0.35s ease-in;
}
.desc_boarder.showcats {
    margin-top: 1em;
}
.desc_boarder.showcats .company-desc.catlist.collapse.in {
    height: auto !important;
    max-height: 220px !important;
    min-height: 75px !important;
    overflow: auto;
    display: block !important;
}
@media print{
    .desc_boarder.showcats .company-desc.catlist.collapse.in {
        height: fit-content !important;
        max-height: unset !important;
        overflow: auto;
        display: block !important;
    }
    .int-guidenotes{
        display: none !important;
    }
}
dl.licat {
    margin: 0;
}
.licat dt {
    font-weight: bold;
    display: inline-block;
}
.licat dt::after {content: "::";margin: 0 6px;}
.licat dd {
    display: inline-block;
    margin: auto;
}
h4.li-cat-sec {
    font-size: 16px;
    text-align: left;
    padding: 0;
    width: fit-content;
    margin: 6px 0;
    text-decoration: underline;
}
ul.sub-cat-list li{
    font-weight: bold;
}
h5.li-pcat {
    font-size: 14px;
    margin: 6px 4px;
    width: fit-content;
}
h5.li-pcat::after {
    content: ':';
}
.licat ul li:before {
    content: '\2012';
    margin-right: 3px;
}

.main-single .listing-grid {
    display: grid;
    grid-template-columns: minmax(auto, 100%);
    grid-template-areas:
        "topRow"
        "bottomRow";
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 0 10px;
}
.listing_row.top_row {
    grid-area: topRow;
    display: grid;
    grid-template-areas: "dImages dInfo";
    grid-template-columns: 50% 50%;
    margin-bottom: 1em;
}
.listing_row.bottom_row {
    grid-area: bottomRow;
    grid-template-areas: "dDesc dMap";
    grid-auto-columns: minmax(auto, 85%) minmax(auto, 15%);
    display: grid;
}
.sponsor-logo img {
    max-width: 73px;
}
.sponsor-logo {
    text-align: end;
}
.listing-desc .sponsor-logos img {
    margin-left: 5px;
}
.listing-grid .image-container {
    grid-area: dImages;
}
.listing-grid .company-info {
    grid-area:dInfo
}
.listing-grid .listing-imgs.single-img {
    width: 100%;
    max-width: 480px;
    margin: auto;
    display: block;
}
.listing-grid .listing-imgs.extra-imgs {
    width: 100%;
    max-width: 480px;
    display: grid;
    margin: 6px auto 3px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3px;
    gap: 4px;
    align-content: space-between;
}
.listing-grid .listing-imgs.extra-imgs img {
    width: 100%;
    box-sizing: border-box;
}
.listing-grid .listing-desc {
    padding: 0 16px 0 8px;
    color: #000000;
    font-size: 1em;
    height: fit-content;
}
.listing-grid .long-desc {
    grid-area: dDesc;
}
/* .company-name h2 {
    float: left;
} */
.associate .descr {
    display: none;
}
.associate .company-name a {
    cursor: pointer;
    pointer-events: none;
}
.listing-grid .listing-desc h2 {
    margin-top: 0;
    line-height: 1;
    font-size: 32px;
    margin-bottom: 15px;
    margin-right:5px;
}
.listing-logos {
    /* margin-left: auto; */
    grid-area: l-logos;
}
.company-name .member-logo img {
    width: auto;
    height: auto;
}
.listing-grid .display-map {
    grid-area: dMap;
}
.displayfalse {
    display: none !important;
}

a.listing-link {
    grid-area: l-link;
    align-self: flex-end;
}
.product-link {
    grid-area: l-link;
    align-self: flex-end;
    justify-self: right;
}
.listing-desc.company-info {
    padding: 0;
    display: block;
    min-width: fit-content;
    word-break: break-word;
    max-width: 100%;
    margin: 0 8px;
    /* grid-template-areas:
        "dName dName"
        "dContact ."
        "dsmi l-link";
    grid-auto-columns: fit-content(100%) auto; */
}
/*
.listing-grid .listing-desc {
    padding: 0 16px 0 8px;
    color: var(--gen-font-color, #ffffff);
    font-size: 1em;
}
    */

.listing-desc.company-info .company-contact li {
    margin: 3px 0;
}
.listing-desc.company-info .company-smi {
    grid-area: dsmi;
}
.listing-desc.company-info ul {
    margin: auto 0 0;
    padding: 0 16px 0 8px;
    list-style-position: inside;
    list-style-type: none;
    gap: 19px;
}
.listing-desc.company-info .company-smi li {
    margin-top: 2px;
    padding: 0 3px;
}
.company-contact img {
    width: 25px;
    height: 25px;
    padding-right: 3px;
    vertical-align: text-bottom;
}
.listing-desc.company-info .company-smi img {
    width: 37px;
    vertical-align: text-bottom;
    padding-bottom: 8px;
}
.listing-desc.company-info .company-smi li img:hover {
    /* filter: invert(1); */
    border-bottom: 2px solid blue;
    padding-bottom: 6px;
    cursor: pointer;
}
.company-contact a {
    color:black;
    text-decoration:none;
}
a.bodytext.hyperlinks {
    color: white!important;
    text-decoration:none;
}
ul.company-smi {
    /* display: grid;
    grid-template-columns: 40px 40px 40px 40px;
    grid-template-rows: 40px 40px;
    grid-auto-flow: column; */
    display: flex;
}
.company-name {
    grid-area: dName;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}
ul.company-contact {
    grid-area: dContact;
}

.requestInfo input[type="submit"] {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.requestInfo input[type="submit"] {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.requestInfo input[type="submit"]:hover {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.scroll-btns{
    cursor:pointer;margin:auto; -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
    color: #1609d6;
}

.report-page h1.ptitle {
    text-align-last: center;
}

@media (max-width: 1254px) {
    .gui-logo-name {
       font-size:  30px!important
    }
}

@media (max-width: 948px) {
    .gui-logo-name {
       font-size:  23px!important
    }
}
.int-guidenotes{
    position:absolute;bottom:0;left:0;display:block;padding:3px;font-size:40px;
}
.int-guidenotes a{
    border:1px dashed red;width:55px;height:55px;display:inline-block;
}
.int-guidenotes .gndesc{
    font-size: 15px;
    display: inline-block;
    padding: 5px;
    font-weight: bold;
    text-shadow: 0px 1px white, -1px 0px white, 0px -1px white, 0px -1px white, 1px 0px white;
}
.int-guidenotes a:hover{
    border-color: blue;
    background-color: aquamarine;
}

/*** HIDE STYLES FOR PFDing/PRINTING ***/
.proofpdf .usp-style{
    display: none;
}
@media print {
    .usp-style{
        display: none !important;
    }
    body{
        transform: scale(.9);
    }
    .homepopup{
        display: none;
    }
    .proofpdf .usp-style + br, .usp-style + br {
        display: none;
    }
}


.membrochure-scroll .ptitle {
    color: black;
    text-align: center;
    margin: 0px 0px 20px 0px;
    margin-top: 20px;
}
.membrochureWrapper object {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.membrochureWrapper iframe {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}


.assoc {
    margin-top: 30px;
}
img.cimg {
    width: 200px;
}