@import url("aos.css");

body {
    background-color: #f1f3f4 !important;
}

.nomargin-homepage20 {
    margin: 0 auto !important;
    width: 100%;
    background-color: #fff;
}

.homepage20MarginCenter {
    margin: 0 auto;
}

.homepage20Button {
    color: #fff;
    background-color: #007ac3;
    padding: 0.3em 1.3em !important;
    font-weight: 500 !important;
    border-radius: 0.5em !important;
}
.homepage20Button:hover {
    color: #fff;
    text-decoration: none;
}
.homepagecontent {
    display: none;
}

/* BANNER ONCLOUD */
.llchomepage20_bannerOncloud {
    /* padding: 3em 2em; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    background-color: #ccc;
    /* height: 550px; */
    overflow: hidden;
    position: relative;
    padding: 0;
}
.llchomepage20_bannerOncloud video {
    margin: 0 auto;
    width: 100%;
    /* height: 550px; */
}
.logo-oncloud {
    position: absolute;
    width: 100%;
    top:5%;
    display: none;
}
.logo-oncloud img {
    width: 20em;
}
.oncloud-learnmore {
    width: 100%;
    position: absolute;
    bottom: 7%;
    margin: 0 auto;
}
.oncloud-learnmore a:hover {
    color: #fff;
    text-decoration: none;
}

/* BANNER 1 */
.llchomepage20_banner1 {
    padding: 3em 2em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;

}
.llchomepage20_banner1 > div {
    margin: 0 auto;
}
.llchomepage20_banner1 > div:first-child img {
    width: 330px;
    padding: 2em 0;
}
.llchomepage20_banner1A {
    /* min-height: 100px; */
}
.llchomepage20_banner1A ul {
    list-style: none;
    padding: 1em;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.llchomepage20_banner1A ul > li a {
    padding: 0 0.7em;
    color: #fff;
    background-color: #007ac3;
    padding: 0.3em 1.3em !important;
    font-weight: 500 !important;
    border-radius: 0.5em !important;
}
.llchomepage20_banner1A ul > li a:hover {
    text-decoration: none;
}
/* .llchomepage20_banner1A ul > li a {
    padding: 0 0.7em;
    color: #767676;
    text-decoration: underline;
}
.llchomepage20_banner1A ul > li:first-child::after {
    content: " | ";
} */

/* BANNER 2 */
.llchomepage20_banner2 {
    padding: 3em 2em;
}
.llchomepage20_banner2 > div {
    margin: 0 auto;
}
.bannercontent-leftalign {
    text-align: left;
}
.llchomepage20_banner2 > div:last-child img {
    padding: 1.5em 0;
}
.llchomepage20_banner2 > div:last-child p {
    padding-bottom: 1em;
}
.hp20_qscontainer {
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

/* BANNER 3 */
.llchomepage20_banner3 {
    padding: 3em 2em;
}
.hp20_edgeklickslimcontainer {
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* BANNER 4 - LUNA */
.hp20_lunacontainer {
    width: 90%;
    margin: 0 auto;
}
.hp20_lunacontainer > div:first-child {
    min-height: 400px;
    background: url('/images/landingpages/homepage2020/bannerIMG_LUNA.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.llchomepage20_banner4 h4 {
    padding: 1em 0;
}
.llchomepage20_banner4 p {
    padding-bottom: 1em;
}

/* BANNER 5 - DINE/FLEX */
.llchomepage20_banner5 {
    padding: 3em 2em;

}
.llchomepage20_banner5 h4 {
    padding-top: 1em;
}
.hp20_dineflexcontainer {
    width: 97%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


/* BANNER 6 - SHADE */
.llchomepage20_banner6 {
    padding: 3em 2em;

}
.hp20_shadecontainer {
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    width: 95%;
    margin: 0 auto;
}
.hp20_shadecontainer p {
    padding-bottom: 1.5em;
}
.hp20_shadecontainer > div:last-child img {
    padding: 2em 0;
}


@media (min-width: 1921px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1450px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 992px) {
    /* .llchomepage20_bannerOncloud {
        height: 465px;
    } */
    /* .llchomepage20_bannerOncloud video {
        width: 100%;
        height: auto;
    } */
}

@media (max-width: 768px) {
    /* .llchomepage20_bannerOncloud {
        height: 415px;
    } */
    .logo-oncloud img {
        width: 15em;
    }
    .oncloud-learnmore {
        bottom: 4%;
    }
}

@media (max-width: 576px) {
    .nomargin-homepage20 {
        width: 100%;
    }
    /* .llchomepage20_bannerOncloud {
        height: 365px;
    } */
    .logo-oncloud img {
        width: 12em;
    }
    .homepage20Button {
        font-size: 0.6em;
    }
    .oncloud-learnmore {
        bottom: 40%;
    }
}

@media (max-width: 414px) {
    /* .llchomepage20_bannerOncloud {
        height: 325px;
    } */
    .logo-oncloud img {
        width: 9em;
    }
}

@media (max-width: 375px) {
    .llchomepage20_banner1A ul > li a {
        font-size: 0.8em;
    }
}

@media (max-width: 320px) {

}