﻿.marginTop0 { margin-top: 0px !important; }
.white { color: white; }
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600&display=swap");
.atlasBlueBackground { background-color: #006cb7; }
.categoryTitleBarWrapper { display: none; }
.cisco-topTrapezoidImgContainer img { }
.whiteText { color: white !important; }
.cisco-scissorTextContainer { }
.sol-textArea { font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 3em; }
    .sol-textArea p { font-family: "Montserrat", sans-serif; font-weight: 200; font-size: 1.2rem; line-height: 38px; color: #444; }
    .sol-textArea h2 { font-family: "Montserrat", sans-serif; font-weight: 200; font-size: 2rem; }
    .sol-textArea h3 { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2.5rem; }
.sol-ulItems { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.2rem; color: #444; }
.sol-marginBottom50 { margin-bottom: 50px; }
.popUpSmallText { font-size: 0.75em !important; }
.sol-quoteButtons { margin: 50px 0px; }
.sol-featuredResourcesText { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin: 0px 0px 0px 15px; }
.cisco-scissorTextContainer .sol-textArea { width: 80%; text-align: left; margin: 0 auto; }
.cisco-lowerTrapezoidImgContainer iframe { clip-path: polygon(0 40%, 100% 10%, 100% 100%, 0 100%); margin-top: -5vw; width: 100%; height: 56.25vw; }
.cisco-topProductFamilyContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 15px; padding: 20px; z-index: 1; position: relative; }
.imageContainerHeader img { width: 85%; }
.cisco-topProductFamilyContainer .imageContainer { }
.cisco-topProductFamilyContainer .sol-textArea { /* font-size:20px;*/ text-align: left; }
    .cisco-topProductFamilyContainer .sol-textArea p { font-family: "Montserrat", sans-serif; font-weight: 200; line-height: 27px !important; text-align: left !important; }
.cisco-parallelogramContainer { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0px 0px 90px 0px !important; padding: 15px 0px 0px 0px; }
.cisco-parallelogramObj { margin: 0px -18px 0px -18px; width: 200px; color: white; height: 120px; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); transition: all 0.2s ease-in-out; }
    .cisco-parallelogramObj button { top: 45%; left: -25%; color: white; font-size: 0.8rem; text-align: right; }
.cisco-threeLineMargin p { position: relative; top: 10%; left: -25%; color: white; font-size: 0.8rem; text-align: right; }
.cisco-threeLineMargin2 p { position: relative; top: 20%; left: -25%; color: white; font-size: 0.8rem; text-align: right; }
.cisco-parallelogramObj:hover { transform: scale(1.2); cursor: pointer; }
.flexColumnHbForm { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.hbspt-form { width: 60%; }

/*------------------------------Popup Div-------------------------------------*/
.cisco-popUp-topDiv { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; height: 360px; background-color: #006cb7; padding: 10px 0px; }
.cisco-popUp-featuredProductsFlexRow2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; }
.sol-verticalPopUpCloseBtn { display: block; }
.sol-verticalPopUpCloseBtnMobile { display: none; }
.cisco-popUp-topDiv .sol-textArea { padding: 10px; width: 80%; margin-left: 30px; }
.cisco-popUp-featuredProducts { margin-top: 20px; }
.cisco-popUp-featuredProductsFlexRow { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; width: 100%; }
    .cisco-popUp-featuredProductsFlexRow h3 { color: white; margin: 0px 0px 20px 0px; font-weight: 300; font-size: 1.5rem; }
.cisco-popUp-caseStudiesFlexRow { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; width: 100%; }
    .cisco-popUp-caseStudiesFlexRow h3 { color: white; margin: 0px 0px 20px 20px; font-weight: 300; font-size: 1.5rem; }
.sol-textArea .cisco-popUpHeader { color: white; }
.sol-textArea .cisco-popUpParagraph { color: white; font-size: 1rem; }
.sol-flexRow { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; }
.sol-featuredResourcesContainer { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.cisco-popUp-imgDiv { background-color: #006cb7; margin: -110px 0px -1px 0px; }
.clippyImg img { clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 85%); margin-top: -20px; height: auto; }
.cisco-popUp-bottomDiv { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; background-color: #006cb7; margin-top: -20px; }
.cisco-popUp-featuredProducts h3 { margin: 0px 0px 20px 0px; color: white; font-weight: 300; font-size: 1.5rem; }
.sol-featuredProductContainer p { width: 80%; color: white; font-size: 0.9rem; }
.sol-flexColumn { display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 50%; max-width: 600px; }
.sol-flexRowBetween { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; width: 100%; }
.popUpSmallTextQuote { font-size: 1em !important; text-align: left !important; }
.sol-flexColumn .systemExampleHeader { font-weight: 400; }
.cisco-parallelogramObjDELETE:hover { transform: scale(1.1); }
.sliderContainer { background-color: #006cb7; width: 100%; border-style: hidden; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 75%); padding: 50px 0px 250px 0px; }
.cisco-lowerProductFamilyContainer { background-color: white; padding: 0px 0px 25px 0px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-style: hidden; margin: 0 0 50px 0; }
.sol_blueButton, .sol_whiteButton { width: 10vw; }
.sol_blueButton, .sol_whiteButton, .sol_blueButton2 { border-radius: 8px; display: flex; align-items: center; justify-content: center; min-width: 300px; font-size: 1.1em; letter-spacing: 0.2em; line-height: 1.4em; margin: 40px 20px 0; padding: 10px 1%; text-transform: uppercase; border: 4px solid #0468b6; text-decoration: none !important; text-align: center; cursor: pointer; }
.cisco-lowerTrapezoidImgContainer img { /*  max-width:1920px;*/ }
.cisco-lowerProductFamilyContainer h3 { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; text-align: center; color: white; }
.cisco-lowerProductFamilyContainer img { margin: 0px; }
.cisco-lowerProductFamilyContainer .sol-textArea p { text-align: left; color: black; line-height: 30px; }
.cisco-lowerProductFamilyContainer .sol-textArea h3 { text-align: left; color: black; }
.cisco-lowerProductFamilyContainer .sol-textArea { width: 80%; }
.sol-flexRowCenter { display: flex; flex-direction: row; justify-content: space-around; align-items: center; width: 70%; }
.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid { margin: -700px 0px 0px 0px; }
.sol-visible { display: none; }
.sol-PopUp { position: fixed; /* Stay in place */ z-index: 2; /* Sit on top */ padding-top: 10px; padding-bottom: 50px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ }
.sol-newPopupContent { flex-flow: column wrap; margin: auto; background-color: #006cb7; width: 90%; max-width: 1200px; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sol-popUpContent { background-color: #fefefe; margin: auto; width: 80%; max-width: 1080px; position: relative; }
    .sol-popUpContent:after { content: ""; display: block; padding-bottom: 65%; }
.sol-flexRowpopUpLower { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; width: 100%; background-color: white; }
.sol-flexRowPopup { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; background-color: white; }
.sol-whiteBackground { background-color: white; }
.cisco-lowerProductFamilyContainer img .sol-divPMargin div { margin: 50px; }
.sol-popUpClickClose { position: fixed; top: 0; left: 0; bottom: 0; right: 0; content: " "; background: rgba(0, 0, 0, 0.5); }
.sol-close { color: white; float: right; font-size: 1.5vw; font-weight: 200; margin-right: 20px; }
    .sol-close:hover,
    .sol-close:focus { color: white; text-decoration: none; cursor: pointer; }
.cisco-parallelogramObj-mobile { display: none; }
.sol-headerText h2 { font-size: 2rem; }
.sol-flexRowVerticalPopUp { display: flex; flex-direction: row; justify-content: center; }
.sol-verticalPopUpImage { width: 100%; }
    .sol-verticalPopUpImage img { clip-path: polygon(10% 0, 100% 0, 70% 100%, 0 100%, 0 29%); }
.sol-verticalTextContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 50px; }
.sol-flexColumnVertical { display: flex; flex-direction: column; justify-content: center; height: auto; width: 100%; max-width: 600px; }
.sol-lowerContentWrapper { background-color: #006cb7; width: 100%; border-style: hidden; clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%); padding: 50px 10px 80px 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sol-iconWrapper { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; flex-flow: wrap; width: 100%; margin-top: 20px; }
    .sol-iconWrapper img { margin: 10px; }
.cisco-sliderText { font-weight: 300 !important; text-align: left !important; }
.cisco-sliderExploreHeader { text-align: left !important; }
.lowerProductFamilyContainerBottomQuote { background-color: white; padding: 20px 0px 50px 0px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-style: hidden; margin-top: 0px; }
.cisco-lowerProductFamilyContainerBottomQuote .sol-textArea { width: 80%; }
.sol-lowerContentWrapper .sol-textArea p { text-align: left; max-width: 1010px !important; }
.sol-verticlePopUpTextContainer { font-family: "Montserrat", sans-serif; font-weight: 200; font-size: .9rem !important; line-height: 25px !important; color: white; text-align: left !important; }
.sol-popUpH2Header { font-weight: 300; font-size: 2rem; padding: 10px; }
.sol-paragraphLineHeight { line-height: 15px !important; }
.sol-popUpH3Header { margin: 0px 0px 20px 0px; color: white; font-weight: 300; font-size: 1.5rem; }
.sol-massCommsh2Header { }

@media screen and (min-width: 1500px) {
    .sol-headerText h2 { font-size: 2.3rem; }
    .imageContainerHeader img { width: 100%; }
    .sol-textArea h3 { font-size: 2.5rem; }
    .sol-textArea p { font-size: 1.5rem; }
    .ipxFamilyImage { width: 60%; }
    .sol-ulItems { font-size: 1.5rem !important; }
}

@media screen and (max-width: 1000px) {
    .cisco-parallelogramObj-mobile { display: block; margin: 0px 5px 0px 5px; }
    .cisco-parallelogramObj { display: none; }
    .imageContainerHeader img { width: 65%; }
    .cisco-scissorTextContainer .sol-textArea { margin: 0 auto; }
    .sol-headerText h2 { font-size: 1.3rem !important; }
}

@media screen and (max-width: 1165px) {
    .mid-format { display: block; }
    .large-format { display: none; }
}

@media screen and (max-width: 1050px) {
    .cisco-popUp-topDiv { display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; }
        .cisco-popUp-topDiv .sol-textArea { width: 90%; }
    .cisco-popUp-featuredProducts { width: 100%; }
    .cisco-popUp-featuredProductsFlexRow .sol-flexColumn { margin: 0px 5px; }
    .sol-flexRowVerticalPopUp { display: flex; flex-direction: column; justify-content: center; }
    .sol-verticalPopUpImage img { clip-path: polygon(48% 0, 100% 0, 100% 100%, 0 100%, 0 0); }
    .clippyImg img { margin: 70px 0px 40px 0px; height: auto; }
    .cisco-popUp-featuredProducts { margin-top: -20px; }
    .sol-textArea p { line-height: 25px; }
}

@media screen and (max-width: 925px) {
    .sol-textArea h2 { font-family: "Montserrat", sans-serif; font-weight: 200; font-size: 1.7rem; }
    .imageContainerHeader img { width: 55%; }
    .cisco-lowerTrapezoidImgContainer img { margin-top: 0px; }
    .cisco-topTrapezoidImgContainer img { margin-bottom: 0px; }
    .sol-headerText { margin-left: -20px; }
    .cisco-scissorTextContainer .sol-textArea { margin-left: 10px; }
    .sol-headerText h2 { font-size: 1.8rem; }
    .cisco-parallelogramContainer { margin: 0px 0px 60px 0px; }
    .sol-textArea h3 { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.8rem; }
    .sliderContainer { background-color: #006cb7; width: 100%; border-style: hidden; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 75%); padding: 50px 0px 250px 0px; }
    .cisco-lowerProductFamilyContainer { margin-top: 0px; }
    .sol-flexRowCenter { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .cisco-lowerProductFamilyContainer h3 { font-size: 1.5rem; }
}

@media screen and (max-width: 675px) {
    .sol-massCommsh2Header { margin-top: 0px !important; margin-bottom: 30px; }
    .cisco-popUp-caseStudiesFlexRow h3 { font-size: 1.2rem; }
    .sol-verticalPopUpImageContainer { display: none; }
    .large-format { display: flex; flex-flow: column !important; justify-content: flex-start; align-items: center; }
    .sol-verticlePopUpTextContainer { font-family: "Montserrat", sans-serif; font-weight: 200; width: 400px; font-size: .85rem !important; line-height: 18px; color: white; text-align: left !important; padding: 0px 10px !important; }
    .sol-popUpH2Header { padding: 5px 0px 5px 10px; font-size: 1.7rem; text-align: left; }
    .sol-popUpH3Header { font-size: 1.2rem; }
    .cisco-popUp-featuredProducts h3 { margin: 0px 0px 10px 0px; color: white; font-weight: 300; font-size: 1.2rem; }
    .sol-horizontalPopUpContainerAutomatedMobile { background-image: url(/i/atlasImages/Automated_Response_Security_mobile.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; }
    .sol-verticalPopUpContainerLifeSafetyMobile { background-image: url(/i/atlasImages/Emergency_System_Security.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; height: 720px; justify-content: flex-start !important; }
    .sol-verticalPopUpContainerInsightsMobile { background-image: url(/i/atlasImages/Insights_Security.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; height: 720px; justify-content: flex-start !important; }
    .sol-horizontalPopUpContainerIntegrationMobile { background-image: url(/i/atlasImages/System_Integration_Security.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; }
    .sol-verticalPopUpContainerK12Mobile { background-image: url(/i/atlasImages/K-12-Education_MassComs_Mobile.png); width: 100% !important; background-repeat: no-repeat; background-size: cover; }
    .sol-verticalPopUpContainerHealthcareMobile { background-image: url(/i/atlasImages/Healthcare_MassComs_Mobile.png); width: 100% !important; background-repeat: no-repeat; background-size: cover; }
    .sol-horizontalPopUpContainerMassTransMobile { background-image: url(/i/atlasImages/Transportation_MassComs_Mobile.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; }

    /* .sol-verticalPopUpContainerSpecialtyOutdoorMobile { background-image: url(/i/Solutions/EducationSolutions/Specialty-Outdoor-Spaces-image.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; }
    .sol-verticalPopUpContainerVoiceLiftMobile { background-image: url(/i/Solutions/EducationSolutions/Voice-Lift-Voice-Amplification-Image.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; }
    .sol-verticalPopUpContainerEmergencyCommsMobile { background-image: url(/i/Solutions/EducationSolutions/Emergency-Communications-image.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; }
    .sol-verticalPopUpContainerDailyCommsMobile { background-image: url(/i/Solutions/EducationSolutions/Daily-Communications-image.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; } */

    .sol-horizontalPopUpContainerIndustrialMobile { background-image: url(/i/atlasImages/Industrial_MassComs_Mobile.png); width: 100% !important; background-repeat: no-repeat; background-position: center; background-size: cover; }
    .sol-horizontalPopUpContainerHigherEducationMobile { background-image: url(/i/atlasImages/HigherEducation_MassComs_Mobile.png); width: 100% !important; background-repeat: no-repeat; background-size: cover; background-position: center; }
    .cisco-popUp-featuredProducts { margin: 0px !important; }
    .cisco-popUp-topDiv { background-color: transparent; }
    .sol-verticalPopUpCloseBtn { display: none; }
    .sol-verticalPopUpCloseBtnMobile { display: block; }
    .sol-textArea h3 { font-size: 1.5rem; }
    .cisco-lowerProductFamilyContainer h3 { font-size: 1.2rem; }
    .sol-close { color: white; float: right; font-size: 25px; font-weight: 200; margin-right: 20px; }
    .cisco-topProductFamilyContainer .sol-textArea p { /* font-size: 20px; */ text-align: left; line-height: 20px; font-size: 1.2rem; }
    .sol-ulItems { font-size: 1.2rem !important; }
    .marginMobile { margin-left: 10px !important; }
    .cisco-scissorTextContainer { display: flex; flex-direction: row; justify-content: flex-center; align-items: center; }
        .cisco-scissorTextContainer .sol-textArea { width: 100%; }
    .cisco-popUp-featuredProductsFlexRow { display: flex; flex-direction: row; justify-content: center; align-items: center; }
    .cisco-popUp-imgDiv { clip-path: none; margin: 0px 0px; display: none; }
    .cisco-popUp-bottomDiv { display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; background-color: transparent; margin-top: -10px; }
    .cisco-popUp-topDiv .sol-textArea { padding: 10px; width: 100%; margin-left: 0px; }
    .sliderContainer { display: none; }
    .sol-ulItems { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.1rem; color: #444; }
    .cisco-lowerProductFamilyContainer { }
    .sol-iconWrapper img { width: 60px; }
    .sol-headerText h2 { font-size: 1.3rem; }
    .sol-lowerContentWrapper { clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%); padding: 50px 10px 130px 10px; }
    .cisco-topProductFamilyContainer { margin: 0px 0px -120px 0px; }
    .category-bottomdescription p { font-size: 1rem; }
    .cisco-scissorTextContainer { margin-bottom: -20px }
    .sol-iconWrapper img { width: 50px; }
    .sol-featuredProductContainer p { width: 100%; }
    .cisco-parallelogramContainer { }
    .sol-quoteButtons { margin: 0px 0px; }
    .flexColumnHbForm { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0; }
    .hbspt-form { width: 90%; }
    .sol-newPopupContent { width: 100%; }
    .sol-mobileMargin50 { margin-top: 50px; }
}



/* 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: 300; max-width: 400px; text-transform: uppercase; }
    .iso-sbs-item img { max-width: 100%; }
    .iso-sbs-item span { font-weight: 400; color: #006cb7; }
.iso-sbs-title { font-weight: 500; font-size: 0.8em; text-transform: uppercase; color: #000 !important; }

.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; }

@media screen and (min-width: 600px) {
    .iso-sbs-container { flex-direction: row; align-items: flex-start; }
    .iso-sbs-item { max-width: 400px; }
}
