﻿html { scroll-behavior: smooth; }
.page.landing-page { /*font-family: "Montserrat", Arial, Helvetica, sans-serif !important;*/ }

    .page.landing-page .heading { font-size: clamp(18px, 1.8vw, 30px); }
    .page.landing-page .subheading { font-weight: 500; }
    .page.landing-page .title { font-size: clamp(15px, 1.1vw, 18px); font-weight: 700; justify-content: center; }
.landing-description h1, .landing-description h2, .landing-description h3 { font-weight: 300; margin: 0 0 15px 0; text-transform: uppercase; font-size: 3.5em; color: #000; }

/*.categoryTitleBarWrapper { height: 26.04vw !important; }*/

hr.flat-grey { margin-top: 20px; margin-bottom: 20px; background: #ddd; height: 2px; width: 80%; }
hr.iso-blue-line { margin-top: 20px; margin-bottom: 20px; background: #0058af; height: 3px; width: 65px; }
hr.iso-long-blue-line { margin-top: 20px; margin-bottom: 20px; background: #0058af; height: 1px; width: 200px; }

/*.page .iso-wrapper { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 300; }*/
.page .iso-wrapper { /*font-family: "Montserrat", Arial, Helvetica, sans-serif;*/ font-size: clamp(16px, 1.3vw, 18px); font-weight: 300; }
/*.iso-wrapper hr { margin-top: 20px; margin-bottom: 20px; background: #0058af; height: 5px; width: 60px; }*/
.iso-wrapper p { line-height: 1.4em; margin: 20px auto; padding: 0 10px; color: #8a8a8a; max-width: 1000px; font-weight: 400; }

.text-grey { color: #8a8a8a !important; }

.iso-video { margin: 40px auto; }
.iso-fullwidth { }
    .iso-fullwidth p { max-width: 800px; margin: 0 auto; }

/* flexbox */
.iso-sbs-container { display: flex; flex-flow: column wrap; gap: 1rem; align-items: stretch; justify-content: space-evenly; max-width: 100%; padding: 1rem; width: 100%; }
.iso-sbs-item { flex: 1; padding: 1rem; font-weight: 500; text-transform: uppercase; }
    .iso-sbs-item img { max-width: 100%; }
.iso-sbs-title { font-weight: 500; font-size: 0.8em; text-transform: uppercase; color: #000 !important; }

@media screen and (min-width: 600px) {
    .iso-sbs-container { flex-direction: row; align-items: center; }
    .iso-sbs-item { max-width: 48%; }
}

/* two items */
.two-items::before { align-self: stretch; content: ''; border: 1px solid #8a8a8a; }
.two-items .iso-sbs-item:first-child { order: -1; }


.iso-productstyles { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-evenly; gap: 1rem; }
.iso-productstyle { margin: 20px 0; padding: 0 20px; }
    .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-weight: 500; }
    .iso-cat-card:not(:last-child) { border-right: 2px solid #8a8a8a; }
    .iso-cat-card img { max-width: 100%; width: 250px; height: 250px; }
    .iso-cat-card .iso-cat-card-name { margin: 10px auto; }


ul.iso-cat-card-options { margin-bottom: 10px; 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-transparency > * { margin: 20px auto; }

.iso-banner-body { position: relative; height: 100%; display: flex; align-items: center; overflow: hidden; }
    .iso-banner-body .iso-textarea { width: clamp(600px, 45%, 65%); 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: 700; margin: 15px 0; text-transform: uppercase; }
.iso-banner-body .iso-smalltitle { font-weight: 700; }
.iso-boldlogo { font-weight: 500; }
.iso-bluelogo { color: #0058af; font-weight: 500; 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.1em; 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: 200px; background: #0468b6; padding: 5px 10px; margin: 0 20px; color: #fff; border-radius: 10px; }
            .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; }





.topgolf-invite { background-image: url('/content/images/uploaded/Events/TopGolf-Invitation-bg.jpg'); background-repeat: no-repeat; background-position-x: left; background-size: contain; font-size: 2em; font-family: "Montserrat", Arial, Helvetica, sans-serif; line-height: 1.4em; }
    .topgolf-invite span { font-weight: 500; }
.topgolf-details { background: rgba(255,255,255,0.4); margin: 0 auto; width: 800px; max-width: 100%; padding: 40px; }
.topgolf-schedule, .topgolf-body { margin-bottom: 40px; }
.topgolf-datetimewrapper { width: 400px; max-width: 100%; margin: 0 auto; }
.topgolf-datetime { display: flex; flex-flow: row nowrap; justify-content: center; border-top: 2px solid #8a8a8a; }
    .topgolf-datetime > div:first-child { border-right: 2px solid #8a8a8a; }
    .topgolf-datetime > div { padding: 0 40px; }
.topgolf-rsvp-form { }

.atmosphere-firmware-wrapper { margin-bottom: 50px; }
/* Support Pages */
.support-header.design { background-image: url('/i/support/Design-Header-Mobile.jpg'); }
.support-header.support { background-image: url('/i/support/Support-Header-Mobile.jpg'); }
.support-header { background-size: contain; width: 100%; height: 32.8125vw; max-height: 400px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: start; }
    .support-header > * { margin: 1.5vw 0; }
    .support-header img { max-width: 150px; }
    .support-header h1 { font-weight: 400; color: #fff; white-space: nowrap; font-size: clamp(30px, 3vw, 60px); margin-left: 40px; }

.platinum_checks ul { list-style-image: url('/i/Solutions/CheckMark.png') }

.breadcrumb { margin: 0; }

.support-card-wrapper { margin-bottom: -20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; }
.support-card { min-width: 350px; max-width: 350px; background-color: #dadada; margin: 20px 0; display: flex; flex-direction: column; flex: 1; }
    .support-card .support-card-image { display: flex; justify-content: center; align-items: center; }
        .support-card .support-card-image img { max-width: 100%; height: auto; }
    .support-card .support-card-text { background-color: #0468b6; padding: 30px 20px; display: flex; flex: 1; justify-content: center; align-items: center; }
        .support-card .support-card-text * { color: #fff; }
.support-card-wrapper.design .support-card { max-width: clamp(375px, 500px, 500px); }
.support-card-wrapper.design .support-card-text { background-color: #2d2d2d; justify-content: flex-start; }
.support-card-wrapper.ticket .support-card-image img { max-width: 75%; margin: 0 auto; }
.support-card-wrapper.ticket .support-card-text, .support-card-wrapper.design .support-card-text { display: flex; flex-direction: column; }
.support-card-wrapper.design .support-body { text-align: left; }
.support-card-wrapper.ticket .support-card-text, .support-card-wrapper.ticket .support-body { padding: 5px 10px; }
.support-card-wrapper.ticket span, .support-card-wrapper.design span { white-space: nowrap; }

.support-card-wrapper.ticket .support-card { background: transparent; }
    .support-card-wrapper.ticket .support-card .support-card-text { background-color: transparent; max-width: 75%; margin: 0 auto; }
        .support-card-wrapper.ticket .support-card .support-card-text * { color: #000; }

.support-heading { font-size: clamp(16px, 1.5vw, 24px); font-weight: 400; }
.support-body { font-size: clamp(14px, 1.3vw, 18px); padding: 10px; }
.support-disclaimer { font-size: clamp(14px, 1.3vw, 20px); font-weight: 300; padding: 10px; }

.support-section { margin: 10px auto; text-align: left; }
    .support-section.dark { background: #222; }
        .support-section.dark * { color: #fff; }
    .support-section.plain { background: transparent; }
    .support-section.center { text-align: center; }
    .support-section.grey { background: #dadada; }
    .support-section .support-subsection { margin: 0 auto; text-align: center; }
    .support-section span { white-space: nowrap; }


.support-side-by-side { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .support-side-by-side.image-right { flex-direction: column-reverse }
.support-sbs-text { padding: 10px; }
    .support-sbs-text > * { margin-bottom: 10px; }
.support-sbs-image { width: 100%; height: 62.5vw; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#resource-library .support-heading { font-size: clamp(22px, 3vw, 35px); }
#resource-library .support-sbs-image { background-image: url('/i/support/Resource-Library-Sidebar.jpg'); }
#customer-service .support-sbs-image { background-image: url('/i/support/Customer-Service-Sidebar-Mobile.jpg'); }
#technical-support .support-sbs-image { background-image: url('/i/support/Tech-Support-Sidebar-Mobile.jpg'); }
#warranty .support-sbs-image { background-image: url('/i/support/Warranty-Sidebar-Mobile.jpg'); }



.support-buttons { display: flex; flex-flow: row wrap; }
.support-button { display: inline-block; padding: 8px 20px; border-radius: 30px; text-transform: uppercase; text-align: center; margin: 5px; transition: background-color 0.5s ease; flex: 1 0 0px; }
    .support-button.blue { background: #0468b6; color: #fff !important; }
a.support-button.blue:hover { background: #0058af; text-decoration: none; }
a.support-button.blue:active { background: #0058af; text-decoration: none; }
.support-button.black { background: #222; color: #fff !important; }
a.support-button.black:hover { background: #777; text-decoration: none; }
a.support-button.black:active { background: #777; text-decoration: none; }
div.support-button { font-size: clamp(14px, 1.3vw, 18px); }

.support-accordion { background: #fff; }
    .support-accordion.ui-accordion .ui-accordion-header { margin: 10px 0; background: #0468b6; color: #fff; border-radius: 30px; }
        .support-accordion.ui-accordion .ui-accordion-header span { position: absolute; left: 20px; top: 9px; }
            .support-accordion.ui-accordion .ui-accordion-header span:before { content: ''; display: block; width: 0; height: 0; top: 5px; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; border: 5px solid; border-color: transparent transparent transparent #fff; }
        .support-accordion.ui-accordion .ui-accordion-header.ui-state-active span { left: 17px; top: 11px; }
            .support-accordion.ui-accordion .ui-accordion-header.ui-state-active span:before { border-color: #fff transparent transparent transparent; }
    .support-accordion .ui-icon, .spt-accordion .ui-widget-content .ui-icon { background-image: none; }
    .support-accordion * { text-align: left; }
    .support-accordion p { margin: 10px 0; }
    .support-accordion h3 { text-align: center; }
    .support-accordion ul { margin: 10px 20px; }
        .support-accordion ul li { margin: 10px 0; }

.support-section ul { margin: 10px 20px; list-style: disc; font-size: clamp(14px, 1.3vw, 18px); font-weight: 400; }
.support-section li { margin: 5px 10px; }

.firmware-wrapper { margin-bottom: 20px; }
.firmware-tables { display: flex; flex-flow: row wrap; justify-content: center; }
    .firmware-tables .firmware-table { margin: 0 10px; width: clamp(350px, 30%, 100%); }
        .firmware-tables .firmware-table a { font-weight: 200; }
        .firmware-tables .firmware-table > div { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
            .firmware-tables .firmware-table > div:nth-child(even) { background-color: #e5e5e5; }
            .firmware-tables .firmware-table > div > div { padding: 5px 10px; }

/*Aimline*/
.aimline-wrapper { color: #fff; }
.al-vid-wrap { margin: 50px 0; display: flex; flex-flow: row nowrap; justify-content: space-evenly; align-items: center; }
.al-awd { display: flex; flex-direction: column; }
    .al-awd img { width: clamp(100px, 17vw, 200px); }
.al-vid { }
    .al-vid iframe { width: 60vw; height: 33.75vw; max-width: 1300px; max-height: 731px; }
.landing-description .aimline-wrapper h3 { font-size: clamp(22px, 3.3vw, 38px); /*2.75em*/ /*39*/ color: #fff; text-transform: none; font-weight: 700; text-align: left; }
.aimline-wrapper p { font-size: clamp(16px, 1.3vw, 18px); /*clamp(16px, 2.5vw, 28px);*/ /*2em*/ /*28*/ line-height: 1.4em; text-align: left; }
.aimline-wrapper .al-prod { background: #202020; padding: 5% 15%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; position: relative; }
    .aimline-wrapper .al-prod h1 { color: #fff; font-size: clamp(36px, 8vw, 80px) !important; }
.aimline-wrapper .al-desc-wrap { position: absolute; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; }
    .aimline-wrapper .al-desc-wrap > * { margin-top: clamp(5px, 2vw, 40px); margin-bottom: clamp(5px, 1vw, 40px); margin-left: clamp(5px, 5vw, 20px); margin-right: clamp(5px, 5vw, 20px); padding: 5px; }
.al-side { width: clamp(100px, 15vw, 175px); }
.al-dante { width: clamp(60px, 13vw, 177px); }
.aimline-wrapper .al-prod .al-explore-btn { background: #006cb7; padding: 10px 8px; color: #fff; display: inline-block; font-size: clamp(16px, 2.5vw, 28px); text-decoration: none; transition: background-color 0.5s ease; }
    .aimline-wrapper .al-prod .al-explore-btn:hover { background: #0058af; }
    .aimline-wrapper .al-prod .al-explore-btn:active { background: #0058af; }

.al-itm-wrp { background-size: cover; position: relative; min-height: 300px; background-color: #202020; }

    .al-itm-wrp .al-itm { position: relative; width: 100%; background-size: cover; }
    .al-itm-wrp .al-desc { position: absolute; width: clamp(350px, 40vw, 700px); top: 50%; transform: translateY(-50%); }

    .al-itm-wrp.al-even-dist .al-itm { background-image: url('/content/images/uploaded/aimline/even-distribution-background.jpg'); height: 55.91vw; max-height: 1073px; }
    .al-itm-wrp.al-even-dist .al-desc { left: 5%; }

    .al-itm-wrp.al-wide-horiz .al-itm { background-image: url('/content/images/uploaded/aimline/wide-horizontal-background.jpg'); height: 55.68vw; max-height: 1069px; }
    .al-itm-wrp.al-wide-horiz .al-desc { right: 5%; }

    .al-itm-wrp.al-scalable .al-itm { background-image: url('/content/images/uploaded/aimline/scalable-and-modular-background.jpg'); height: 56.25vw; max-height: 1080px; }
    .al-itm-wrp.al-scalable .al-desc { top: 15%; left: 5%; transform: none; }

    .al-itm-wrp.al-architect .al-itm { background-image: url('/content/images/uploaded/aimline/architecturally-friendly-background.jpg'); height: 55.88vw; max-height: 1073px; }
    .al-itm-wrp.al-architect .al-desc { top: unset; bottom: 15%; left: 5%; transform: none; }

    .al-itm-wrp.al-superior .al-itm { background-image: url('/content/images/uploaded/aimline/superior-intelligibility-background.jpg'); height: 56.09vw; max-height: 1077px; }
    .al-itm-wrp.al-superior .al-desc { right: 5% }

@media all and (max-width: 800px) {
    .al-vid-wrap { flex-direction: column; margin: 15px 0; }
    .al-awd { flex-direction: row; margin: 0 0 10px 0; }
    .al-vid iframe { width: 100vw; height: 56.25vw; }

    .al-itm-wrp { display: flex; flex-direction: column; justify-content: center; align-items: center; }
        .al-itm-wrp .al-desc { position: relative; top: -40px !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: flex; flex-flow: column nowrap; background: rgba(0, 0, 0, 0.5); transform: none; justify-content: center; padding: 10px; border-radius: 5px; width: 90%; }
    .aimline-wrapper .al-desc-wrap > * { background: rgba(0,0,0,0.2); }
}

/*Webinar Start*/
.webinar-wrapper { max-width: 1200px; margin: 0 auto; text-align: left; }
    .webinar-wrapper .subscribe { max-width: 100%; width: 800px; text-align: center; font-size: 1.2em; padding: 10px 30px; margin: 10px auto; background-color: #2d2d2d; color: #fff; border-radius: 10px; }
    .webinar-wrapper hr { margin-top: 0; margin-bottom: 0; height: 6px; background: #fff; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; }
    .webinar-wrapper p { font-size: 1.2em; margin: 20px 0; padding: 0 10px; }
.cr-wrapper { display: flex; flex-flow: column nowrap; gap: 10px; background: #ccc; border: 2px solid #000; max-width: 800px; margin: 0 auto; }
    .cr-wrapper .cr-item { background: #eee; display: flex; flex-flow: row wrap; align-items: center; }
        .cr-wrapper .cr-item > * { }
.cr-item .cr-image { width: clamp(400px, 50%, 50%); }
    .cr-item .cr-image .mobile { display: none; }
    .cr-item .cr-image .desk { display: block; }
    .cr-item .cr-image img { width: 100%; height: auto; }
.cr-item .cr-body { margin-left: 20px; max-width: 45%; }
    .cr-item .cr-body p { }
    .cr-item .cr-body a { }
.bluBtn { background-color: #0b6db8; padding: 5px 15px; color: #fff !important; border-radius: 10px; }
    .bluBtn img { }
.webinar-logos { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
    .webinar-logos > a { margin: 10px; }
    .webinar-logos img { width: 125px; height: 125px; }

@media all and (max-width: 720px) {
    .cr-wrapper, .cr-wrapper .cr-item { flex-direction: column; }
    .cr-item .cr-body > * { margin: 5px 0; }
    .cr-wrapper .cr-item > * { text-align: center; }
    .cr-item .cr-image { width: 100%; }
    .cr-item .cr-body { margin: 5px 20px 30px; max-width: 100%; }
        .cr-item .cr-body > * { margin: 5px; }
    .cr-item .cr-image .mobile { display: block !important; }
    .cr-item .cr-image .desk { display: none; }
}
/*Webinar End*/

@media all and (min-width: 1001px) {
    .support-card-wrapper { margin-bottom: -40px; }
    .support-card { margin: 40px; }
    .support-section { margin: 40px auto; max-width: clamp(600px, 90vw, 1800px); }
        .support-section .support-subsection { max-width: 800px; }
        .support-section.grey { background: #dadada; padding: 40px; }
    .support-side-by-side, .support-side-by-side.image-right { flex-flow: row nowrap; }
    .support-sbs-image { width: 35vw; height: 21.875vw; }
    .support-sbs-text { width: 50vw; margin: 0 2.5vw; }
    #customer-service .support-sbs-image { background-image: url('/i/support/Customer-Service-Sidebar.png'); }
    #technical-support .support-sbs-image { background-image: url('/i/support/Tech-Support-Sidebar.png'); }
    #warranty .support-sbs-image { background-image: url('/i/support/Warranty-Sidebar.png'); }
}


.page.landing-page h2 { font-size: clamp(30px, 2.5vw, 50px); font-weight: 300; }

@media all and (max-width: 600px) {


    .topgolf-details { background: rgba(255,255,255,0.8); }
}

@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-surfacemount { background-image: url('/c/isoflare/Surface-Mount-Speaker-All-Weather.png'); 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; }

    .support-header { height: 20.8333vw; }
        .support-header.design { background-image: url('/i/support/Design-Header-NOTEXT.jpg'); }
        .support-header.support { background-image: url('/i/support/Support-Header-NOTEXT.jpg'); }
}

@media all and (max-width: 600px) {
    .landing-description h1, .landign-description h2, .landing-description h3 { font-size: 2.6em; }
    .iso-productstyles { flex-direction: column; }
    .iso-productstyle { width: 350px; }
    /*.iso-productstyle:first-child { border-right: none; border-bottom: 2px solid #8a8a8a; }*/
}

@media all and (max-width: 960px) {
    .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-surfacemount .iso-mobile { background-image: url('/c/isoflare/Surface-Mount-Speaker-All-Weather-mobile.png'); }
    .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: 1921px) {
}


/*IntelliSee Start*/
.is-wrapper { }
    .is-wrapper > *, .is-wrapper .sect > * { margin: 0 auto; padding: 10px 0; }
    .is-wrapper p { font-size: clamp(15px, 2.5vw, 18px); }
        .is-wrapper p:not(.stub) { width: clamp(300px, 90vw, 1000px); max-width: 90%; margin: 0 auto; }
    .is-wrapper h1 { font-weight: 300; font-size: clamp(24px, 5vw, 40px); text-transform: none; }
    .is-wrapper .is-logo img { width: clamp(50px, 10vw, 80px); height: auto; }
    .is-wrapper .is-icon img { width: clamp(60px, 14vw, 100%); height: auto; }
    .is-wrapper .sectitle { font-size: clamp(28px, 6vw, 48px); }
    .is-wrapper .minortitle { font-size: clamp(20px, 6vw, 34px); }
    .is-wrapper .sect { width: 1000px; max-width: 100%; }
    .is-wrapper .sbs { display: flex; flex-flow: row nowrap; width: 100%; max-width: 100%; text-align: left; }

    .is-wrapper .half { justify-content: center; }
    .is-wrapper .sbs.half > * { width: 50%; }

    .is-wrapper .sbs.third > *:first-child { width: 40%; }
    .is-wrapper .sbs.third > *:last-child { width: 60%; }

    .is-wrapper .sbs.qtr > * { padding: 20px; }
        .is-wrapper .sbs.qtr > *:first-child { width: 25%; }
        .is-wrapper .sbs.qtr > *:last-child { width: 75%; }
    .is-wrapper .sbs.qtr.reverse > *:first-child { width: 75%; }
    .is-wrapper .sbs.qtr.reverse > *:last-child { width: 25%; }
    .is-wrapper .sbs.top { align-items: flex-start; }
        .is-wrapper .sbs.top p { margin: 0 auto; }
    .is-wrapper .sbs.vcenter { align-items: center; }
        .is-wrapper .sbs.vcenter > * { padding: 0 10px 0 0; }
    .is-wrapper .sbs.vline > *:first-child { border-right: 2px solid #d2d2d2; padding-right: 5%; margin-right: -5%; }
    .is-wrapper .sbs.vline > *:last-child { margin-left: 5%; padding-left: 5%; }

    .is-wrapper .sbs.wrapper { padding: 20px clamp(10px, 5vw, 250px); }

    .is-wrapper .col.alternateeven > div:nth-child(even) { flex-flow: row-reverse nowrap; background-color: #f8f8f8; }
    .is-wrapper .col.alternateodd > div:nth-child(odd) { flex-flow: row-reverse nowrap; }
    .is-wrapper .vid { width: 65vw; min-width: 400px; max-width: 1000px; margin-bottom: 20px; }

    .is-wrapper .bg { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; text-align: center; background-size: cover; padding: 20px 0; box-shadow: 0 10px 20px -5px #000; }
        .is-wrapper .bg.detectprotect { margin: 10px 0; color: #fff; background-image: url('https://i.atlasied.com/IntelliSee/Detect-And-Protect-Cam-View.jpg'); height: 41.67vw; max-height: 800px; }
        .is-wrapper .bg.seamlessintegration { color: #fff; background-image: url('https://i.atlasied.com/IntelliSee/Wall-Background-Banner.png'); justify-content: flex-end; }
        .is-wrapper .bg > * { padding: 10px 0; }
        .is-wrapper .bg p { width: clamp(300px, 50vw, 500px); }
    .is-wrapper .trans { margin: 0 auto 20px; }


    .is-wrapper .flexrow { display: flex; flex-flow: row wrap; justify-content: center; max-width: 1200px; margin: 0 auto; }
        .is-wrapper .flexrow .qg { padding: 5px; background-color: #fff; border-radius: 10px; margin: 20px; box-shadow: 5px 5px 5px 5px #d2d2d2; width: clamp(100px, 10vw, 160px); height: clamp(100px, 10vw, 160px); }
            .is-wrapper .flexrow .qg img { width: 100%; }
    .is-wrapper ul { max-width: 400px; }
    .is-wrapper li { display: flex; flex-flow: row nowrap; margin: 15px 0; }
        .is-wrapper li > * { margin: 0 5px; }
        .is-wrapper li img { width: 20px; height: 20px; }

    .is-wrapper .lgcard { margin: 20px; }
        .is-wrapper .lgcard img { width: 300px; max-width: 100%; height: auto; }
        .is-wrapper .lgcard .subtitle { font-weight: 700; font-size: clamp(15px, 2.5vw, 18px) }

    .is-wrapper .requestcard { display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; }

    .is-wrapper .webbody { margin: 0 5%; }
    .is-wrapper .webcam { margin: 0 5%; }
        .is-wrapper .webcam img { max-width: 100%; }
    .is-wrapper .request img { width: 350px; }

    .is-wrapper .red-button { display: inline-block; padding: 8px 15px; border-radius: 10px; background-color: #ef4037; color: #fff; font-weight: 700; text-transform: uppercase; text-decoration: none; transition: all 0.1s; }
        .is-wrapper .red-button:hover { background-color: #f00; box-shadow: 1px 1px 2px 2px #d2d2d2; color: #fff; }
        .is-wrapper .red-button:active { transform: translateY(3px) translateX(3px); color: #fff; box-shadow: none; }
        .is-wrapper .red-button:visited { color: #fff; }

    .is-wrapper .offwhite { background-color: #f8f8f8; }


@media all and (max-width: 850px) {
    .is-wrapper .sbs { width: 100%; padding: 10px 5%; }
        .is-wrapper .sbs.qtr > * { padding: 10px 0; }
        .is-wrapper .sbs.half { flex-flow: column nowrap; border-right: none; }
            .is-wrapper .sbs.half > * { width: 90vw; }
        .is-wrapper .sbs.third > * { width: 100% !important; }
        .is-wrapper .sbs.vline > *:first-child { border-right: none; padding-left: 0; }
        .is-wrapper .sbs.vline > *:last-child { margin-left: 0; padding-left: 0; }
        .is-wrapper .sbs.hline > * { padding-top: 10px; padding-bottom: 10px; }
            .is-wrapper .sbs.hline > *:first-child { border-bottom: 2px solid #d2d2d2; }
        .is-wrapper .sbs.vcenter { justify-content: center; }
        .is-wrapper .sbs ul:last-child { margin-top: -10px; }
    .is-wrapper .col.alternateeven > div, .is-wrapper .col.alternateodd > div { flex-flow: column nowrap !important; }
    .is-wrapper .minortitle { text-align: center; }
    .is-wrapper .trans { }
    .is-wrapper .bg.seamlessintegration { padding: 0; }
    .is-wrapper .stub { padding-bottom: 15px }
    .is-wrapper .bg > * { padding: 0; }
}
/*IntelliSee End*/
