.page-top-content a img { max-width: 100%; width: 450px; }
.page-top-buttons div { background-color: #006cb7; border-radius: 5px; }

.hp-aboutus { width: 1000px; max-width: 100%; margin: 40px auto -40px; font-size: 1.5em; color: #777; padding: 0 20px; }

/* Atmosphere Product Launch*/
.prodlaunch-wrapper { background-image: url('/i/atlasied/atmosphere/banner_final_post-launch_background.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 auto 20px; }
.prodlaunch { padding-bottom: 20px; display: flex; flex-flow: row nowrap; justify-content: space-evenly; align-items: center; }
    .prodlaunch .launch { width: 35%; padding-top: 20px; }
        .prodlaunch .launch img { max-width: 100%; }
        .prodlaunch .launch div { margin-bottom: 20px; }
    .prodlaunch .launchleft { }
    .prodlaunch .launchcenter { width: 25%; padding: 20px; display: flex; align-items: center; }
    .prodlaunch .launchright { }
.launchbutton { display: inline-block; }
/* END Atmosphere Product Launch*/

@media all and (max-width:1024px) {
    .prodlaunch-wrapper { background-image: url('/i/atlasied/atmosphere/background_1024x1200_post.jpg'); background-position: center center; }
    .prodlaunch { flex-flow: column nowrap; justify-content: initial; }
        .prodlaunch .launch { width: auto; padding: 25px; }
            .prodlaunch .launch img { max-width: 350px; }
        .prodlaunch .launchcenter { width: auto; padding: 50px; font-size: 2em; }
}


.logoDisclaimer { font-size: 10px; }

.quickLinkImagesDesktop { display: flex; flex-direction: row; justify-content: center; align-items: center }
    .quickLinkImagesDesktop a { margin-left: -35px; }
        .quickLinkImagesDesktop a:hover { transform: scale(1.1); z-index: 1; }
        .quickLinkImagesDesktop a img { width: 250px; height: auto; }

.quickLinkImagesMobile img { width: 250px; height: auto; }

.desktopShufflerContainer { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 700px; }
    .desktopShufflerContainer a, .mobileShufflerContainer a { display: inline-block; padding: 15px; font-size: 20px; letter-spacing: 3px; text-decoration: none !important; border: 4px solid rgba(4, 104, 182, 0.6); border-radius: 10px; cursor: pointer; background-color: rgb(4, 104, 182); color: white; }
        .desktopShufflerContainer a:hover, .mobileShufflerContainer a:hover { background-color: rgba(4, 104, 182, 0.6); }
.mobileShufflerContainer { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 700px; }


.desktopShufflerContainer #slide1 { background-image: url('/i/AtlasImages/600x400_Shuffler_Hospitality4_right_Icon_Transparent.jpg'); width: 600px; height: 400px; }
.desktopShufflerContainer #slide2 { background-image: url('/i/AtlasImages/600x400_Shuffler_Government3_right_Icon_Transparent.jpg'); width: 600px; height: 400px; }
.desktopShufflerContainer #slide3 { background-image: url('/i/AtlasImages/600x400_Shuffler_Education4_right_Icon_Transparent.jpg'); width: 600px; height: 400px; }
.desktopShufflerContainer #slide4 { background-image: url('/i/AtlasImages/600x400_Shuffler_Corporate_right_Icon_trasnparent.jpg'); width: 600px; height: 400px; }
.desktopShufflerContainer #slide5 { background-image: url('/i/AtlasImages/600x400_Shuffler_Industrial_right_Icon_Transparent.jpg'); width: 600px; height: 400px; }
.desktopShufflerContainer #slide6 { background-image: url('/i/AtlasImages/600x400_Shuffler_Healthcare_transparent.jpg'); width: 600px; height: 400px; }
.desktopShufflerContainer #slide7 { background-image: url('/i/AtlasImages/600x400_Shuffler_Transportation3_right_Icon_Transparent.jpg'); width: 600px; height: 400px; }
.desktopShufflerContainer .shufflerCard img { width: 600px; height: 400px; }


@media only screen and (max-width: 1350px) {
    .shufflerCard img { width: 450px !important; height: auto !important; }
    .shufflerCard { width: 450px !important; height: auto !important; }
    .quickLinksContainer { margin-bottom: 70px; text-align: center; }
    .quickLinkImagesDesktop a img { width: 185px; height: auto; }
}



@media only screen and (min-width: 966px) {
    .quickLinksContainer { margin-bottom: 70px; text-align: center; }
        .quickLinksContainer h1 { }
    .quickLinkImagesMobile { display: none; }
    .mobileShufflerContainer { display: none; }
}

@media only screen and (max-width: 965px) {
    .quickLinkImagesDesktop { display: none; }
    .quickLinkImagesMobile { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 100px; }
    .desktopShufflerContainer { display: none; }
    .mobileShufflerContainer { margin-top: 250px; margin-bottom: 70px; }
    .whyAtlasParagraph { padding: 25px 25px 50px 25px !important; }

    .mobileShufflerContainer #slide12 { background-image: url('/i/AtlasImages/350x233_Shuffler_Hospitality4_right_Icon_Transparent.jpg'); width: 350px; height: 233px; }
    .mobileShufflerContainer #slide22 { background-image: url('/i/AtlasImages/350x233_Shuffler_Government3_right_Icon_Transparent.jpg'); width: 350px; height: 233px; }
    .mobileShufflerContainer #slide32 { background-image: url('/i/AtlasImages/350x233_Shuffler_Education4_right_Icon_Transparent.jpg'); width: 350px; height: 233px; }
    .mobileShufflerContainer #slide42 { background-image: url('/i/AtlasImages/350x233_Shuffler_Corporate_right_Icon_trasnparent.jpg'); width: 350px; height: 233px; }
    .mobileShufflerContainer #slide52 { background-image: url('/i/AtlasImages/350x233_Shuffler_Industrial_right_Icon_Transparent.jpg'); width: 350px; height: 233px; }
    .mobileShufflerContainer #slide62 { background-image: url('/i/AtlasImages/350x233_Shuffler_Healthcare_transparent.jpg'); width: 350px; height: 233px; }
    .mobileShufflerContainer #slide72 { background-image: url('/i/AtlasImages/350x233_Shuffler_Transportation3_right_Icon_Transparent.jpg'); width: 350px; height: 233px; }
    .mobileShufflerContainer .shufflerCard2 img { width: 350px; height: 233px; }
}

@media only screen and (max-width: 670px) {
    .hp-aboutus { margin: 40px auto 0; }
    .shufflerCard2 img { width: 350px !important; }
    .mobileShufflerContainer { margin-top: 150px !important; margin-bottom: -60px !important!; }
    .quickLinksContainer { margin-top: -20px !important; }
        .quickLinksContainer h1 { margin-top: -120px !important; margin-bottom: 90px !important; }
    .whyAtlasIedContainer h1 { margin-bottom: 25px !important; }
    .quickLinkImagesMobile { margin-top: -20px !important; }

    #s12:checked ~ #slide52, #s22:checked ~ #slide62,
    #s32:checked ~ #slide72, #s42:checked ~ #slide12,
    #s52:checked ~ #slide22, #s62:checked ~ #slide32,
    #s72:checked ~ #slide42 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,-80%,-300px); }

    #s12:checked ~ #slide62, #s22:checked ~ #slide72,
    #s32:checked ~ #slide12, #s42:checked ~ #slide22,
    #s52:checked ~ #slide32, #s62:checked ~ #slide42,
    #s72:checked ~ #slide52 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,-52%,-200px); }

    #s12:checked ~ #slide72, #s22:checked ~ #slide12,
    #s32:checked ~ #slide22, #s42:checked ~ #slide32,
    #s52:checked ~ #slide42, #s62:checked ~ #slide52,
    #s72:checked ~ #slide62 { box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2); transform: translate3d(0,-25%,-100px); }

    #s12:checked ~ #slide12, #s22:checked ~ #slide22,
    #s32:checked ~ #slide32, #s42:checked ~ #slide42,
    #s52:checked ~ #slide52, #s62:checked ~ #slide62,
    #s72:checked ~ #slide72 { box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19); transform: translate3d(0,0,0); }

    #s12:checked ~ #slide22, #s22:checked ~ #slide32,
    #s32:checked ~ #slide42, #s42:checked ~ #slide52,
    #s52:checked ~ #slide62, #s62:checked ~ #slide72,
    #s72:checked ~ #slide12 { box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2); transform: translate3d(0,25%,-100px); }

    #s12:checked ~ #slide32, #s22:checked ~ #slide42,
    #s32:checked ~ #slide52, #s42:checked ~ #slide62,
    #s52:checked ~ #slide72, #s62:checked ~ #slide12,
    #s72:checked ~ #slide22 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,52%,-200px); }
    #s12:checked ~ #slide42, #s22:checked ~ #slide52,
    #s32:checked ~ #slide62, #s42:checked ~ #slide72,
    #s52:checked ~ #slide12, #s62:checked ~ #slide22,
    #s72:checked ~ #slide32 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,80%,-300px); }

    .shufflerCard2 a { margin-top: -150px !important; }
}



.container { display: flex; justify-content: center; align-items: center; margin: 50px; }
.shufflerCard { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .shufflerCard img:hover { cursor: pointer; }
.request-button { font-size: 13px !important; }
.shufflerCard a { margin-top: -70px; }
.whyAtlasParagraph { padding: 25px 250px 50px 250px; text-align: left; }
.shufflerHeader { margin-bottom: -100px; margin-top: 70px; color: #0072bc; }
.whyAtlasIedContainer { margin-top: 145px; }
    .whyAtlasIedContainer h1 { color: #0072bc; }
.quickLinksContainer { margin-top: -50px; margin-bottom: -70px; text-align: center; }
    .quickLinksContainer h1 { color: #0072bc; margin-bottom: 50px; }
.card { display: flex; background-color: #17141d; border-radius: 10px; box-shadow: -.1rem 0 1rem white; /*   margin-left: -50px; */ transition: 0.4s ease-out; position: relative; left: 0px; }
    .card:not(:first-child) { margin-left: -500px; }
    .card:hover { transform: translateY(-20px); transition: 0.4s ease-out; }
        .card:hover ~ .card { position: relative; left: 450px; transition: 0.4s ease-out; }
.stroke { stroke: white; stroke-dasharray: 360; stroke-dashoffset: 360; transition: 0.6s ease-out; }
svg { fill: #17141d; stroke-width: 2px; }
.card:hover .stroke { stroke-dashoffset: 100; transition: 0.6s ease-out; }



body { /*user-select: none;*/ }

.desktopShufflerContainer input[type=radio], .mobileShufflerContainer input[type=radio] { display: none !important; }

#slider { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; perspective: 1000px; transform-style: preserve-3d; }
.shufflerCard { width: 625px; height: auto; }
    .shufflerCard img { width: 625px; height: auto; }

#slider label { margin: auto; border-radius: 4px; position: absolute; left: 0; right: 0; cursor: pointer; transition: transform 0.4s ease, webkit-transform .4s ease; }
#s1:checked ~ #slide5, #s2:checked ~ #slide6,
#s3:checked ~ #slide7, #s4:checked ~ #slide1,
#s5:checked ~ #slide2, #s6:checked ~ #slide3,
#s7:checked ~ #slide4 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(-80%,0,-300px); }

#s1:checked ~ #slide6, #s2:checked ~ #slide7,
#s3:checked ~ #slide1, #s4:checked ~ #slide2,
#s5:checked ~ #slide3, #s6:checked ~ #slide4,
#s7:checked ~ #slide5 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(-52%,0,-200px); }

#s1:checked ~ #slide7, #s2:checked ~ #slide1,
#s3:checked ~ #slide2, #s4:checked ~ #slide3,
#s5:checked ~ #slide4, #s6:checked ~ #slide5,
#s7:checked ~ #slide6 { box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2); transform: translate3d(-25%,0,-100px); }

#s1:checked ~ #slide1, #s2:checked ~ #slide2,
#s3:checked ~ #slide3, #s4:checked ~ #slide4,
#s5:checked ~ #slide5, #s6:checked ~ #slide6,
#s7:checked ~ #slide7 { box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19); transform: translate3d(0,0,0); }

#s1:checked ~ #slide2, #s2:checked ~ #slide3,
#s3:checked ~ #slide4, #s4:checked ~ #slide5,
#s5:checked ~ #slide6, #s6:checked ~ #slide7,
#s7:checked ~ #slide1 { box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2); transform: translate3d(25%,0,-100px); }

#s1:checked ~ #slide3, #s2:checked ~ #slide4,
#s3:checked ~ #slide5, #s4:checked ~ #slide6,
#s5:checked ~ #slide7, #s6:checked ~ #slide1,
#s7:checked ~ #slide2 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(52%,0,-200px); }
#s1:checked ~ #slide4, #s2:checked ~ #slide5,
#s3:checked ~ #slide6, #s4:checked ~ #slide7,
#s5:checked ~ #slide1, #s6:checked ~ #slide2,
#s7:checked ~ #slide3 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(80%,0,-300px); }









#slider2 { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 700px; position: relative; perspective: 1000px; transform-style: preserve-3d; margin-bottom: 250px; }

.shufflerCard2 { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .shufflerCard2 a { margin-top: -220px; }
    .shufflerCard2 img { width: 625px; height: auto; }


#slider2 label { margin: auto; border-radius: 4px; position: absolute; left: 0; right: 0; cursor: pointer; transition: transform 0.4s ease; }
#s12:checked ~ #slide52, #s22:checked ~ #slide62,
#s32:checked ~ #slide72, #s42:checked ~ #slide12,
#s52:checked ~ #slide22, #s62:checked ~ #slide32,
#s72:checked ~ #slide42 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,-80%,-100px); }

#s12:checked ~ #slide62, #s22:checked ~ #slide72,
#s32:checked ~ #slide12, #s42:checked ~ #slide22,
#s52:checked ~ #slide32, #s62:checked ~ #slide42,
#s72:checked ~ #slide52 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,-52%,-60px); }

#s12:checked ~ #slide72, #s22:checked ~ #slide12,
#s32:checked ~ #slide22, #s42:checked ~ #slide32,
#s52:checked ~ #slide42, #s62:checked ~ #slide52,
#s72:checked ~ #slide62 { box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2); transform: translate3d(0,-25%,-20px); }

#s12:checked ~ #slide12, #s22:checked ~ #slide22,
#s32:checked ~ #slide32, #s42:checked ~ #slide42,
#s52:checked ~ #slide52, #s62:checked ~ #slide62,
#s72:checked ~ #slide72 { box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19); transform: translate3d(0,0,0); }

#s12:checked ~ #slide22, #s22:checked ~ #slide32,
#s32:checked ~ #slide42, #s42:checked ~ #slide52,
#s52:checked ~ #slide62, #s62:checked ~ #slide72,
#s72:checked ~ #slide12 { box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2); transform: translate3d(0,25%,-20px); }

#s12:checked ~ #slide32, #s22:checked ~ #slide42,
#s32:checked ~ #slide52, #s42:checked ~ #slide62,
#s52:checked ~ #slide72, #s62:checked ~ #slide12,
#s72:checked ~ #slide22 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,52%,-60px); }
#s12:checked ~ #slide42, #s22:checked ~ #slide52,
#s32:checked ~ #slide62, #s42:checked ~ #slide72,
#s52:checked ~ #slide12, #s62:checked ~ #slide22,
#s72:checked ~ #slide32 { box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(0,80%,-100px); }


@media all and (max-width: 500px) {
    .shufflerHeader { margin-top: 20px; margin-bottom: -80px; font-size: 30px !important; }
    .quickLinksContainer h1 { margin-top: -240px !important; margin-bottom: 45px !important; font-size: 30px !important; }
    .whyAtlasIedContainer { margin-top: 90px; }
        .whyAtlasIedContainer h1 { line-height: normal !important; font-size: 30px !important; margin-bottom: 20px !important; }
    .whyAtlasParagraph { font-size: 18px !important; line-height: 1.2 !important; padding: 0 10px !important; }
    .quickLinkImagesMobile { flex-flow: row wrap; justify-content: space-evenly; }
        .quickLinkImagesMobile img { width: 170px; }
}