@import url("aos.css");

.nomargin-t24ja8 {
    margin: 0 auto !important;
    width: 85%;
    max-width: 1480px;
    background-color: #fff;
}

.t24ja8_button {
    background-color: #007ac3;
    border: 1px solid #333;
    color: #fff;
    padding: 0.5em 1em;
}
.t24ja8_button:hover, .t24ja8_button:focus, .t24ja8_button:active, .t24ja8_button:visited  {
    text-decoration: none;
    color: #fff;
}

.t24ja8_parapadding {
    padding-bottom: 1em;
}

/* BANNER 1 */
.t24ja8_banner1 {
    min-height: 700px;
    background: url('/images/landingpages/T24JA8/t24ja8_banner1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.t24ja8_llblue {
    background-color: #007ac3;
    color: #fff;
    width: 65%;
    padding: 0.5em 2em;
    position: absolute;
    bottom: 9%;
}

.t24ja8_llblue h3 {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}

.t24ja8_llblue ul {
    list-style: none;
    padding: 1em 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 0.9em;
}

.t24ja8_llblue ul img {
    width: 120px;
    min-width: 100px;
    padding-left: 1em;
}

/* BANNER 2 */
.t24ja8_banner2 {
    /* min-height: 400px; */
    background-color: #fff;
    padding: 2em 0;
}
.t24Sigma {
    width: 215px;
    padding: 1em 0 2em 0;
}
.t24ja8_banner2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.t24ja8_banner2 ul li {
    border: 1px solid #dadada;
    text-align: center;
    width: fit-content;
    padding: 0.5em 1em;
    margin: 0.4em;
    min-width: 170px;
}
.t24ja8_banner2 ul li h4 {
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: normal;
}
.t24ja8_banner2 ul li img {
    padding: 0 0 1.5em 0;
    height: 95px;
    width: auto;
}

/* TRI BANNERS */
.triangleOverlay {
    width: 130px;
    height: 300px;
    border-bottom: 300px solid #d8e2e7;
    border-left: 130px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}
.t24ja8_tribanner_container > div {
    padding: 0;
}
.t24ja8_tribanner,
.t24ja8_tribanner2
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #d8e2e7;
}
.t24ja8_tribanner li:first-child {
    flex: 60%;
}
.t24ja8_tribanner li:last-child {
    flex: 40%;
    padding: 1em;
}
.t24ja8_tribanner2 li:first-child {
    flex: 50%;
    font-size: 0.8em !important;
}
.t24ja8_tribanner2 li:last-child {
    flex: 50%;
    padding: 1em;
}
.t24ja8_bannerHeader {
    font-weight: 600 !important;
    padding: 1em 1em 0 2em;
    color: #007ac3;
    border-bottom: 2px solid #333;
    font-size: 1.1em !important;
}

/* BANNER LUNA */
.t24ja8_bannerLuna,
.t24ja8_bannerSlimled,
.t24ja8_bannerLedbar,
.t24ja8_bannerDisclite
{
    padding: 1em;
}
.t24ja8_bannerLuna > img,
.t24ja8_bannerSlimled > img,
.t24ja8_bannerLedbar > img,
.t24ja8_bannerDisclite > img
{
    padding: 1em 0;
}
.t24ja8_lunalogo {
    width: 150px;
}
.t24ja8_bannerLuna > div > div:first-child ul > li:first-child {
    background: url('/images/landingpages/T24JA8/RA35-12G-WH_bg-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
    background-position-x: 30%;
    position: relative;
}
.t24ja8_bannerLuna > div > div:first-child ul > li:last-child,
.t24ja8_bannerSlimled > div > div:first-child ul > li:last-child,
.t24ja8_bannerLedbar > div > div:first-child ul > li:last-child,
.t24ja8_bannerDisclite > div > div:first-child ul > li:last-child
{
    min-width: 225px;
}
.t24ja8_bannerLuna > div > div:first-child ul > li:last-child p,
.t24ja8_bannerSlimled > div > div:first-child ul > li:last-child p,
.t24ja8_bannerLedbar > div > div:first-child ul > li:last-child p,
.t24ja8_bannerDisclite > div > div:first-child ul > li:last-child p
{
    padding-bottom: 1em;
    font-size: 0.9em;
}
.t24ja8_bannerLuna > div > div:last-child ul,
.t24ja8_bannerSlimled > div > div:last-child ul,
.t24ja8_bannerLedbar > div > div:last-child ul,
.t24ja8_bannerDisclite > div > div:last-child ul
{
    list-style: none;
    color: #666;
    font-size: 0.9em;
}
.t24ja8_bannerLuna > div > div:last-child ul li,
.t24ja8_bannerSlimled > div > div:last-child ul li,
.t24ja8_bannerLedbar > div > div:last-child ul li,
.t24ja8_bannerDisclite > div > div:last-child ul li
{
    min-width: 200px;
}
.t24ja8_bannerLuna > div > div:last-child ul li:before,
.t24ja8_bannerSlimled > div > div:last-child ul li:before,
.t24ja8_bannerLedbar > div > div:last-child ul li:before,
.t24ja8_bannerDisclite > div > div:last-child ul li:before
{
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #007ac3; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/* BANNER SLIMLED */
.t24ja8_slimledlogo {
    width: 400px;
}
.t24ja8_bannerSlimled > div > div:first-child ul > li:first-child {
    background: url('/images/landingpages/T24JA8/SLM4-6_group-shot-5-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
    background-position-x: 55%;
    position: relative;
}

/* BANNER LEDBAR */
.t24ja8_ledbarlogo {
    width: 150px;
}
.t24ja8_bannerLedbar > div > div:first-child ul > li:first-child {
    background: url('/images/landingpages/T24JA8/LEDBAR_Standard.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
    background-position-x: 55%;
    position: relative;
}

/* BANNER DISCLITE */
.t24ja8_disclitelogo {
    width: 150px;
}
.t24ja8_bannerDisclite > div > div:first-child ul > li:first-child {
    background: url('/images/landingpages/T24JA8/DL6-15W-WH.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
    background-position-x: 70%;
    position: relative;
}

@media (min-width: 1921px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1450px) {

}

@media (max-width: 1200px) {
    .t24ja8_banner1 {
        min-height: 550px;
    }
}

@media (max-width: 1024px) {
    .t24ja8_banner1 {
        min-height: 450px;
    }
    .nomargin-t24ja8 {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .t24ja8_llblue {
        width: 75%;
    }
}

@media (max-width: 768px) {
    .nomargin-t24ja8 {
        width: 100%;
    }
    .t24ja8_banner1 {
        min-height: 400px;
    }
}

@media (max-width: 576px) {
    .t24ja8_llblue {
        width: 100%;
    }
}

@media (max-width: 414px) {

}

@media (max-width: 375px) {
    .t24ja8_llblue {
        bottom: 5%;
    }
    .t24ja8_llblue ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .t24ja8_llblue ul img {
        width: 70px;
        min-width: 70px;
        padding: 1em 0;
    }
}

@media (max-width: 320px) {

}