html { scroll-behavior: smooth; }


:root { --item-width: 380px; --max-per-row: 4; --max-width: calc( var(--max-per-row) * ( var(--item-width) + 1px) ); }

.breadcrumb { margin: 0 !important; }

.gc-overview-wrapper { text-align: left; }
    .gc-overview-wrapper > div { margin: 0 10px; }
    .gc-overview-wrapper hr { border-bottom: 1px solid #777; width: 100%; height: 1px; background: none; margin-top: 20px; margin-bottom: 20px; }
    .gc-overview-wrapper p, .gc-overview-wrapper li, .gc-overview-wrapper div, .gc-overview-wrapper h3 { font-size: 16px; line-height: 22px; }
    .gc-overview-wrapper div { }
    .gc-overview-wrapper p { text-align: left; margin: 10px 0; padding: 0; }
    .gc-overview-wrapper li { }
    .gc-overview-wrapper h2 { margin: 20px 0; line-height: normal; }
    .gc-overview-wrapper h3 { font-size: 18px; line-height: 27px; font-weight: 700; }
        .gc-overview-wrapper h3 span { color: #fa0000; }
    .gc-overview-wrapper h4 { text-align: center; }
.gc-mobile-only { display: none; }
.gc-desktop-only { display: none; }

.gc-header { padding: 20px 0; display: flex; justify-content: center; align-items: center; }
    .gc-header .gc-logo img { max-width: 60vw; }
    .gc-header .gc-desktop-only img { max-width: 35vw; }


.gc-customer-quotes-wrapper { margin: 0 5%; text-align: left; display: flex; flex-flow: row nowrap; justify-content: center; }
.gc-customer-quotes-title { }
.gc-slideshow-wrapper { display: flex; flex-flow: row nowrap; }
    .gc-slideshow-wrapper #slideshow { margin: 0; }
    .gc-slideshow-wrapper .ss-author { text-align: right; }
    .gc-slideshow-wrapper .ss-title { text-align: right; }
    .gc-slideshow-wrapper .ss-location { text-align: right; font-weight: 400; color: #006cb7; }

.gc-video { text-align: center; margin: 20px 0; }
    .gc-video iframe { }

.globalcom-categories { text-align: center; margin: 20px 0; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; }
.short-categories { max-width: var(--max-width); display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
.tall-categories { max-width: 360px; }

.category-card { margin: 10px; padding-top: 20px; font-weight: 700; box-shadow: 2px 2px 3px 2px #aaa; width: calc( var(--item-width) - 20px) /*20px due to margin: 10 left & 10 right*/; }

.gc-section-wrapper { }
.gc-infographic-section { border-left: 1px solid #777; border-radius: 0; margin-left: -70px; }
.gc-infographic-bullets { display: flex; flex-flow: row nowrap; margin-left: -70px; }
    .gc-infographic-bullets ul { margin-left: 15px; }
    .gc-infographic-bullets li { }
.gc-infographic-title { text-align: left; font-size: 1.25em; font-weight: 500; margin: 27px 0; }
.gc-gradient-1 { color: #008edf; }
.gc-gradient-2 { color: #006cb3; }
.gc-gradient-3 { color: #005b8b; }
.gc-gradient-4 { color: #014972; }


.gc-overview-wrapper .gc-section-cards { max-width: 1000px; margin: 0 auto; font-family: 'Montserrat', sans-serif; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; }
    .gc-overview-wrapper .gc-section-cards > * { margin: 0 5px 20px; }
    .gc-overview-wrapper .gc-section-cards * { font-size: 14px; line-height: normal; }
    .gc-overview-wrapper .gc-section-cards h2 { font-size: 20px; }
.gc-section-card-text { background-color: #086db6; color: #fff; padding: 10px 5px; max-width: 180px; }
    .gc-section-card-text ul { list-style: disc; }
    .gc-section-card-text li { margin: 10px 0; }
.gc-section-card-image { max-width: 180px; }
    .gc-section-card-image img { max-width: 100%; }
.gc-section-card-title { }

.gc-section-text-block { max-width: 1000px; margin: 0 auto; padding: 0 20px; }


.gc-flex-cards { }
    .gc-flex-cards h2 { text-align: center; font-size: 20px; }
.gc-action-buttons { text-align: center; }
.src-cards p { text-align: center; }





.page .iso-wrapper { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 1.3vw; line-height: 1.3vw; }
.iso-wrapper hr { margin-top: 20px; margin-bottom: 20px; background: #0058af; height: 5px; width: 90px; }
.iso-wrapper p { line-height: 1.5em; margin: 20px auto; padding: 0 10px; color: #8a8a8a; }
.iso-wrapper .text-grey { color: #8a8a8a; }

.iso-video { margin: 40px auto; }

.iso-productstyles { display: flex; flex-flow: row nowrap; justify-content: center; }
.iso-productstyle { max-width: 40%; margin: 40px 0; }
    .iso-productstyle:first-child { border-right: 2px solid #8a8a8a; }
    .iso-productstyle img { max-width: 100%; height: auto; }

.iso-cats { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.iso-cat-card { padding: 0 20px; max-width: 300px; border-bottom: 2px solid #8a8a8a; font-size: 1.4em; }
    .iso-cat-card:not(:last-child) { border-right: 2px solid #8a8a8a; }
    .iso-cat-card img { max-width: 100%; height: auto; }


ul.iso-cat-card-options { display: flex; flex-flow: row nowrap; justify-content: center; list-style: none; }
    ul.iso-cat-card-options li { padding: 0 10px; }
        ul.iso-cat-card-options li:not(:last-child) { border-right: 1px solid #8a8a8a; }

.iso-banner { position: relative; background-size: cover; }
    .iso-banner .iso-gradient { position: absolute; width: 100%; height: 15px; top: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); }

.iso-banner-body { position: relative; height: 100%; display: flex; align-items: center; }
    .iso-banner-body .iso-textarea { width: 45%; margin: 0 2%; }
    .iso-banner-body.text-light .iso-transparency { padding: 20px 3%; background: rgba(0,0,0,0.2); }
    .iso-banner-body.text-dark .iso-transparency { padding: 20px 3%; background: rgba(255,255,255,0.2); }
    .iso-banner-body a.iso-golow { display: block; margin: 40px 0 0; }
    .iso-banner-body.text-right { justify-content: flex-end; }
    .iso-banner-body.text-left { justify-content: flex-start; }
    .iso-banner-body.text-dark * { color: #8a8a8a; }
    .iso-banner-body.text-light * { color: #fff; }

    .iso-banner-body.text-dark .iso-smalltitle { color: #000; }

.iso-title, .iso-smalltitle { font-weight: 300; margin: 15px 0; text-transform: uppercase; }
.iso-title { /*font-size: 3em;*/ font-size: 2.5em; }
.iso-banner-body .iso-smalltitle { font-size: 0.9em; font-weight: 700; }
.iso-boldlogo { font-weight: 700; }
.iso-bluelogo { color: #0058af; font-weight: 700; font-size: 1.3em; }


.iso-flyer { padding: 40px 0; background-color: #ddd; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
    .iso-flyer .iso-flyer-textarea { max-width: 500px; display: flex; flex-flow: column nowrap; align-items: center; }
        .iso-flyer .iso-flyer-textarea > * { }
    .iso-flyer .iso-flyer-text { text-transform: uppercase; font-size: 1.4em; font-weight: 500; display: flex; flex-flow: row nowrap; align-items: center; }
    .iso-flyer .iso-flyer-buttons { display: flex; flex-flow: row nowrap; justify-content: center; margin: 20px 0; }
        .iso-flyer .iso-flyer-buttons a { width: 140px; background: #0468b6; padding: 5px 10px; margin: 0 20px; color: #fff; border-radius: 10px; font-size: 1.2em; }
            .iso-flyer .iso-flyer-buttons a:hover { background: #0058af; text-decoration: none; box-shadow: 1px 1px 2px 2px #8a8a8a; }
            .iso-flyer .iso-flyer-buttons a:active { background: #0058af; text-decoration: none; box-shadow: 2px 2px 1px 1px #8a8a8a; }


@media all and (min-width: 961px) {
    .iso-banner .iso-mobile { display: none; }
    .iso-driver { background-image: url('/c/isoflare/IsoFlare-Driver.jpg'); height: 41.67vw; max-height: 800px; }
    .iso-finedining { background-image: url('/c/isoflare/Fine-Dining-Banner.jpg'); height: 52.08vw; max-height: 1000px; }
    .iso-toolfree { background-image: url('/c/isoflare/Tool-Free-Clamp.jpg'); height: 41.67vw; max-height: 800px; }
    .iso-luxuryhotel { background-image: url('/c/isoflare/Luxury-Hotel-Banner.jpg'); height: 52.08vw; max-height: 1000px; }
    .iso-magneticgrilles { background-image: url('/c/isoflare/Edgeless-Magnetic-Grilles-Anim.gif'); height: 41.67vw; max-height: 800px; }
    .iso-casinos { background-image: url('/c/isoflare/Casino-Banner.jpg'); height: 52.08vw; max-height: 1000px; }
    .iso-crossovercomponents { background-image: url('/c/isoflare/Crossover-Components.jpg'); height: 41.67vw; max-height: 800px; }
    .iso-upscalebars { background-image: url('/c/isoflare/Upscale-Bars-Banner.jpg'); height: 52.08vw; max-height: 1000px; }
    .iso-surroundtechnology { background-image: url('/c/isoflare/Fluted-Surround.jpg'); height: 41.67vw; max-height: 800px; }
    .iso-retailspaces { background-image: url('/c/isoflare/Retail-Spaces-Banner.jpg'); height: 52.08vw; max-height: 1000px; }
}

@media all and (max-width: 960px) {
    .page .iso-wrapper { font-size: 12px; }
    .iso-cats { flex-flow: row wrap; }
    .iso-cat-card { border: none; border-radius: 5px; box-shadow: 2px 2px 3px 2px #aaa; margin: 8px; }
    .iso-swoosh { display: block !important; width: 100%; margin: 0 0 20px; }
    .iso-banner .iso-gradient { width: 0; height: 0; top: 0; background: none; }

    .iso-banner { background: none; height: auto; flex-direction: column-reverse; }
        .iso-banner .iso-mobile { display: block !important; background-size: cover; height: 51.28vw; max-width: 100%; }
    .iso-banner-body a.iso-golow { display: none; }
    .iso-banner-body.text-light * { color: #8a8a8a; }
    .iso-banner-body.text-light .iso-smalltitle { color: #000; }
    .iso-banner-body .iso-textarea { width: 100%; }
    .iso-banner-body.text-dark .iso-transparency, .iso-banner-body.text-light .iso-transparency { background: none; }

    .iso-driver .iso-mobile { background-image: url('/c/isoflare/IsoFlare-Driver-mobile.jpg'); }
    .iso-finedining .iso-mobile { background-image: url('/c/isoflare/Fine-Dining-mobile.jpg'); }
    .iso-toolfree .iso-mobile { background-image: url('/c/isoflare/Tool-Free-Clamp-mobile.jpg'); }
    .iso-luxuryhotel .iso-mobile { background-image: url('/c/isoflare/Luxury-Hotel-mobile.jpg'); }
    .iso-magneticgrilles .iso-mobile { background-image: url('/c/isoflare/Edgeless-Magnetic-Grilles-Anim-mobile.gif'); }
    .iso-casinos .iso-mobile { background-image: url('/c/isoflare/Casino-mobile.jpg'); }
    .iso-crossovercomponents .iso-mobile { background-image: url('/c/isoflare/Crossover-Components-mobile.jpg'); }
    .iso-upscalebars .iso-mobile { background-image: url('/c/isoflare/Upscale-Bars-mobile.jpg'); }
    .iso-surroundtechnology .iso-mobile { background-image: url('/c/isoflare/Fluted-Surround-mobile.jpg'); }
    .iso-retailspaces .iso-mobile { background-image: url('/c/isoflare/Retail-Spaces-mobile.jpg'); }
}

@media all and (max-width: 1248px) {
    .iso-banner-body a.iso-golow { display: none; }
}

@media all and (min-width: 1920px) {
    .page .iso-wrapper { font-size: 18px; }
}


/*@media all and (min-width: 1920px) {
    .iso-wrapper { font-size: 20px; }
}
*/
@media all and (min-width: 501px) {
    .gc-desktop-only { display: block; }
    .gc-section-wrapper { background-repeat: no-repeat; background-size: cover; background-position: center center; }
        .gc-section-wrapper > * { max-width: 45%; }
        .gc-section-wrapper img { max-width: 45vw; height: auto; }
    .gc-section-body { background: rgba(255,255,255,0.7); padding: 20px; margin: 20px 0; border-radius: 5px; }
        .gc-section-body.gc-infographic-section { border-radius: unset; }
    .gc-text-left, .gc-text-right { padding: 20px 5%; display: flex; align-items: center; }
    .gc-text-left { justify-content: flex-start; }
    .gc-text-right { justify-content: flex-end; }
    .gc-text-left .gc-section-body { }
    .gc-text-right .gc-section-body { }
    .gc-double { display: flex; align-items: center; justify-content: space-around; }
        .gc-double > * { max-width: 45%; }
    .gc-header { background-image: url('//c.atlasied.com/uploaded/globalcom/Header-Pattern-Background.jpg'); background-repeat: no-repeat; background-size: cover; }
    .gc-intelligibility { background-image: url('//c.atlasied.com/uploaded/globalcom/Intelligibility-Background.jpg'); min-height: 26vw; }
    .gc-scalability { background-image: url('//c.atlasied.com/uploaded/globalcom/Scalability-Background.jpg'); min-height: 26vw; }
    .gc-visibility { background-image: url('//c.atlasied.com/uploaded/globalcom/Visibility-Background.jpg'); min-height: 43vw; }
    .gc-capability { background-image: url('//c.atlasied.com/uploaded/globalcom/Capability-Background.jpg'); min-height: 56vw; }
    .gc-integration { background-image: url('//c.atlasied.com/uploaded/globalcom/Integration-background.jpg'); min-height: 26vw; }
    .gc-dependability { align-items: center; }
}

@media all and (max-width: 1000px) {
    .gc-slideshow-wrapper { flex-flow: column-reverse nowrap; }
}

@media all and (max-width: 500px) {
    img { max-width: 100%; }
    .gc-mobile-only { display: block; }
    img.gc-mobile-only { width: 100%; height: auto; }
    .gc-header { background-image: url('//c.atlasied.com/uploaded/globalcom/Header-Pattern-Mobile-Background.jpg'); background-repeat: no-repeat; background-size: cover; }
    .gc-customer-quotes-title { display: flex; flex-flow: row nowrap; }
    .gc-slideshow-quote-image { text-align: center; }
    .tall-categories { max-width: initial; }
    .gc-dependability { display: flex; flex-direction: column-reverse; }
        .gc-dependability img { max-width: 100%; height: auto; }
    .gc-infographic-section { margin-left: 20px; padding-top: 20px; }
    .gc-infographic-bullets { margin-left: -30px; }
}


/* Customer Quotes Slideshow */
#slideshow { font-size: 19px; line-height: 24px; }
#slideshow { margin: 0 auto; max-width: 800px; width: 100%; /*height: 200px;*/ padding: 10px; font-weight: 300; display: flex; align-items: center; justify-content: center; }
    #slideshow > div { }
    #slideshow .hide { display: none; }
.ss-quote { font-style: italic; color: #0468b6; margin: 0 auto 15px; }
    .ss-quote::before { content: open-quote; }
    .ss-quote::after { content: close-quote; }
.ss-title, .ss-location, .ss-author { color: #777; line-height: 1.2em; }
.ss-author { text-transform: uppercase; font-weight: 400; }
    .ss-author::before { content: '\2014'; }

@media only screen and (max-width: 480px) {
    #slideshow { /*height: 350px;*/ }
}

@media only screen and (max-width: 768px) {
    #slideshow { font-size: 14px; line-height: 19px; }
}
/* End Customer Quotes Slideshow */