/****************************************/
/****************************************/
/** Launchpad1 **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Banners
 *
 *
*/
/****************************************/
/****************************************/
  .HeaderRow {
    background: #00728f;
    /* margin: 0 !important; */
}

.HeaderRow > div {
    max-width: 121.5rem;
    margin: 0 auto;
    padding: 4.7rem 1.5rem;
    display: flex;
    flex-direction: column-reverse;
}

.HeaderRow  div#masterMainBreadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

.HeaderRow  div#masterMainBreadcrumb a:hover {
    text-decoration: underline;
}

.HeaderRow  div#masterMainBreadcrumb li {
    color: #ffffff;
}

.HeaderRow  div#masterMainBreadcrumb li:not(:last-of-type):after {
        display: inline-block;
    content: "";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: url(/images/Launchpad-IA/Icons/svg/arrow-darkblue-right.svg);
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    vertical-align: middle;
    margin: 0 1rem;
    opacity: .7;
filter: grayscale(1) brightness(100) saturate(0.5);
color: white;}

.HeaderRow h1 {
    margin-top: 0;
    color: #ffffff;
}

.HeaderRow[id*='lue'] {
    background: #00728f;
}

.HeaderRow[id*='lue'] h1 {
    color: #fff;
}

.HeaderRow[id*='lue']  div#masterMainBreadcrumb a {
    color: #fff;
}

.HeaderRow[id*='lue']  div#masterMainBreadcrumb li {
    color: #fff;
}

.HeaderRow[id*='lue']  div#masterMainBreadcrumb li:not(:last-of-type):after {
    background-image: url(/images/CauseisStarterTemplate1/svg/arrow-white-right.svg);
    filter: brightness(1);
}

div[id*="_container_ciPageHeading"] {
    padding: 0 !important;
}

.HeaderRow[id*='PageHeading_Carousel'] {
    top: 0 !important;
}

.HeaderRow[id*='PageHeading_Carousel'] > div {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.HeaderRow[id*='PageHeading_Carousel'] > div .carousel-inner.bg-img > .item {
    height: 30rem !important;
}

@media (max-width:1024px) {
    .HeaderRow {
        margin-top: 0 !important;
    }

        .HeaderRow[id*='PageHeading_Carousel'] > div .carousel-inner.bg-img > .item {
     position: relative;
     padding-bottom: 33.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
     height: 0 !important;
     background-position: center top;
}
}

/************ Content page banner START *************/


/************ Content page banner END *************/

/************ Carousel Banners START *************/
/************ Carousel Banners END *************/

/************ Homepage Carousel START *************/

div#ste_container_ciCarousel .panel-body {
    padding: 0;
}

.col-primary > div> div > div.row.carousel-row .iMIS-WebPart > div {
    padding: 0 !important;
}

.row.carousel-row > div {
    max-width: 100% !important;
    /* margin-top: -2.4rem !important; */
}

.row.carousel-row > div > .col-sm-12 {
    padding: 0;
}

div#masterContentArea .col-primary>div>div>div.row.carousel-row {
    padding: 0;
    /* max-width: 100% !important; */
    margin: 0;
}

div#masterContentArea .col-primary>div>div {
}

div#masterContentArea .col-primary>div>div {
}

.carousel-row .ContentItemContainer {
    margin-bottom: 0;
}

.carousel-row {

}

.panel.carousel-row {background: #f7f8f9;}

.carousel-row .carousel-inner.bg-img .item {
}

.carousel-inner {
    background: #f7f8f9;
    /* max-height: 60rem; */
    max-width: 100%rem;
    /* margin: auto !important; */
}

@media (max-width: 768px) {
    .carousel-row .carousel-inner.bg-img .item {
        height: -moz-calc(50vh - 0px) !important;
        height: -webkit-calc(50vh - 0px) !important;
        height: calc(50vh - 0px) !important;
    }
}

@media (min-width: 768px) {
    .carousel-row .carousel-inner.bg-img .item {
        height: -moz-calc(48vh - 11rem) !important;
        height: -webkit-calc(48vh - 11rem) !important;
        height: calc(48vh - 11rem) !important;
        /* background-position-y: 20% !important; */
    }
}
@media (max-width: 768px) {
.home-carousel
    .carousel-row .carousel-inner.bg-img .item {
        height: -moz-calc(70vh - 0px) !important;
        height: -webkit-calc(70vh - 0px) !important;
        height: calc(70vh - 0px) !important;
    }
}

@media (min-width: 768px) {
    .home-carousel
    .carousel-row .carousel-inner.bg-img .item {
        height: -moz-calc(97vh - 11rem) !important;
        height: -webkit-calc(97vh - 11rem) !important;
        height: calc(97vh - 11rem) !important;
        /* background-position-y: 20% !important; */
        max-height: 83rem;
    }
}

   @media (min-width: 768px){
    .home-carousel .carousel-row .carousel-inner.bg-img .item {
    max-height: 69rem;
    max-width: 100%;
    /* background-position: right; */
    margin: auto !important;
    /* background-size: 70%; */
    background-color: #00728f;
    }

    .home-carousel .carousel-row .carousel-inner.bg-img .item.text-right {
        max-height: 69rem;
        max-width: 100%;
        /* background-position: left; */
        margin: auto !important;
        /* background-size: 70%; */
        /* background-color: #00728f; */
/*        background-image: none !important;*/
    }
    }
.carousel-row .carousel-inner.bg-img .item > .carousel-caption {
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto auto auto;
    display: flex;
    align-content: center;
    text-align: left;
    width: 100%;
    text-shadow: none;
    flex-flow: wrap;
    max-width: 100%;
}


.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div {
    display: flex;
    flex-flow: wrap;
    margin: auto;
    width: 35%;
    height: 100%;
    background: #00728f;
    padding: 0;
    align-items: center;
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div > div {
    margin-bottom: 15rem;
    width: calc(133rem * 0.4);
    margin-left: auto;
    padding-left: 8rem;
    padding-right: 2rem;
}

.carousel-row .carousel-inner.bg-img .item.text-left > .carousel-caption > div {
    /* display: block; */
    margin: auto  auto  auto 0;
    /* padding-left: 8rem; */
}



.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div {/*    display: block;*/margin: auto  0  auto auto;/* padding-right: 8rem; */}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(1) {
    width: 42%;
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(2) {
    width: 58%;
    padding: 0;
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(2) img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.carousel-row .carousel-inner.bg-img .item.text-left > .carousel-caption > div {
    text-align: left;
}

.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div {
    text-align: right;
}


.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-of-type(1) {
    order: 1;
}

.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-of-type(1)  > div {
    margin-left: 0;
    margin-right: auto;
    padding-right: 8rem;
    padding-left: 2rem;
}

.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-of-type(2) {

}

.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, .carousel p {
    width: 100%;
    margin-bottom: 1rem;
}

.carousel-row .carousel-inner.bg-img .item.text-left > .carousel-caption > div > a[class*="utton"] {
    margin: 0.4rem 0.4rem 0.4rem 0;
}

.carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div > a[class*="utton"] {
    margin: 0.4rem 0 0.4rem 0.4rem;
}


.slick-prev:before {
    content: '';
    background-image: url(/images/Launchpad-IA/Icons/svg/carousel-left.svg) !important;
    background-repeat: no-repeat;
    padding: 1.5rem;
    background-size: contain;
}

.slick-next:before {
   content: '';
    background-image: url(/images/Launchpad-IA/Icons/svg/carousel-right.svg) !important;
    background-repeat: no-repeat;
    padding: 1.5rem;
    background-size: contain;
}


.carousel-row .carousel-control {
    background-image: none !important;
    opacity: 1 !important;
    max-width: 6rem;
    max-height: 7rem;
    margin: auto;
    top: -10rem;
}

.carousel-row .carousel-control .icon-prev {
    margin: auto 0 auto auto;
    left: 0;
    height: 3rem;
    margin-top: -2.5rem;
    transition: all .2s ease-in-out;
}

.carousel-row .carousel-control .icon-next {
    margin: auto 0;
    right: 0;
    height: 3rem;
    margin-top: -2.5rem;
    transition: all .2s ease-in-out;
}


.carousel-caption h1 {
    font-size: 2.1rem;
    color: #ffffff;
}

.carousel-caption h2 {
    font-weight: 100;
    color: #fff;
    font-size: 2.6rem;
}

.carousel-caption h3 {
    font-weight: 600;
    
    color: #ffffff;
    margin-top: 0;
}

.carousel-caption h4 {
    color: #ffffff;
    font-size: 1.8rem;
}

.carousel-caption p {
    
    font-size: 1.6rem;
    color: #ffffff;
    text-shadow: 0px 0px 0px #ffffff;
    line-height: 1.4;
}


.carousel-caption a.Button {
    margin-top: 1rem;
    background: #fff0;
    color: #fff !important;
    box-shadow: 0px 0px 0 1px #fff !important;
}

.carousel-caption a.Button:after {
   background-image: url(/images/CauseisStarterTemplate1/svg/arrow-white-right.svg) !important;
}


.carousel-caption a.Button:hover {
    background: #fff !important;
    color: #00728f !important;
    overflow: overlay;
    box-shadow: 0px 0px 0 1px #fff !important;
}

.carousel-caption a.Button:hover:after {
   background-image: url(/images/Launchpad-IA/Icons/svg/arrow-blue-right.svg) !important;
}

.carousel-row ol.carousel-indicators {
    display: none
}

.carousel-row .carousel-inner .item:after {
    background: linear-gradient(#18223200, #18223229);
    display: block;
    content: '';
    padding: 0;
    width: 100%;
    height: 100%;
    display: none;
}


.carousel-row .carousel-control {
    z-index: 2
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div > div[class*="col-sm-"]:nth-child(1) {
    padding-left: 0;
}

.carousel-row .carousel-inner.bg-img .item > .carousel-caption > div >  div[class*="col-sm-"]:nth-child(2) {
    padding-right: 0;
}

    @media (max-width: 767px) {
    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div {
        width: 100% !important;
        padding: 0 !important;
        align-items: flex-end;
        background: transparent;
    }

    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-of-type(2) {
        display: none;
    }
    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div > div {
        margin-bottom: 0;
        min-height: 50%;
        text-align: left !important;
        background: #00728f;
        padding: 2rem !important;
    }
    .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div > div {
        width: 100%;
    }
    .carousel-row .carousel-control {
        margin-bottom: 0;
    }

    .carousel-row .carousel-control .icon-next {
        right: auto;
        left: 0;
    }

    .carousel-control.left {
        display: none;
    }
     .home-carousel .item {
        background-size: contain !important;
        background-position: center top !important;
        height: 50rem !important;
    }
        .carousel-caption h2 {
    font-size: 2rem;
}

.carousel-caption h4 {
    font-size: 1.6rem;
}

.carousel-caption p {
    font-size: 1.2rem;
}

.carousel-caption a.Button {
    font-size: 1.2rem;
}
    }

/************ Homepage Carousel END *************/
div.color-carousel .carousel-inner {
    display: block;
    margin: 0 !important;
}

.UtilitySection.UtilitySTEToggle.ste-section {
    margin: 0;
}

:not(div[class*="HeaderRow"]) > div > div > nav#asi_BreadCrumbNav ol#asi_BreadCrumb {
    max-width: 121.5rem;
    margin: auto;
    display: block;
}

:not(div[class*="HeaderRow"]) > div > div > nav#asi_BreadCrumbNav {
    background: #f7f8f9;
}

:not(div[class*="HeaderRow"]) > div > div > nav#asi_BreadCrumbNav div#masterMainBreadcrumb a {
    color: #677d88;
    text-decoration: none;
}

:not(div[class*="HeaderRow"]) > div > div#masterMainBreadcrumb a:hover {
    text-decoration: underline;
}

:not(div[class*="HeaderRow"]) > div > div#masterMainBreadcrumb li {
    color: #677d88;
}

:not(div[class*="HeaderRow"]) > div > div#masterMainBreadcrumb li:not(:last-of-type):after {
    display: inline-block;
    content: "";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: url(/images/Launchpad-IA/Icons/svg/arrow-darkblue-right.svg);
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    vertical-align: middle;
    margin: 0 1rem;
    opacity: .7;
}