body {
    overflow-x: hidden;
}

#page.home-layout {
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-left: 20px;
    margin-right: 20px;
}
.page-top {
    border-bottom: none;
}

/* -------------------- HIDE SLIDER STUFF TIL LOADED -------------------- */
.slick-slider {
    visibility: hidden;
}
.slick-slider.slick-initialized {
    visibility: visible;
}
.hero img {
    visibility: hidden;
}


/* -------------------- INTRO ANIMATIONS -------------------- */

.headline span, .slide-caption h2 {
    transition-property: all;
    transition-duration: 0.4s;
    -webkit-transform: translateY(-29px);
    -ms-transform: translateY(-29px);
    transform: translateY(-29px);
    opacity: 0;
}
.headline.ready span, .slide-caption .headline.ready +  h2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.headline.ready .l-1 {
transition-delay: 0s;

}
.headline.ready .l-2 {
transition-delay: 0.2s;
}
.headline.ready .l-3 {
transition-delay: 0.4s;
}
 .headline.ready +  h2 {
transition-delay: 0.6s;
}


.home-intro h2, .home-intro h3, .home-intro p, .home-intro .ilightbox-video {
    transition-property: all;
    transition-duration: 0.7s;
    -ms-transform: translateY(-55px);
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
    opacity: 0;
}
.home-intro.ready h2, .home-intro.ready h3, .home-intro.ready p, .home-intro .ilightbox-video {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.home-intro.ready h2, .home-intro.ready h3, .home-intro.ready p, .home-intro .ilightbox-video { 
transition-delay: 1s;
}



/* -------------------- TEXT -------------------- */
.home-intro {
   padding: 30px 0 95px 0;
    position: relative;
}
h2 {
    color: #177EAB;
    font-family:FuturaBold;
    text-transform: none;
    font-size: 32px !important;
    line-height: 152%;
    font-weight: normal;
}
.home-intro h2 span {
    color: #002D44;
}
 h3 {
    text-align: left;
    font-family: FuturaMedium;
    font-size: 23px;
    font-weight: normal;
    margin: 34px 0 20px 0;
}
.home-intro p {
    font-family: Georgia;
    margin-bottom: 33px;
}



.home-intro .ilightbox-video p {
    position: absolute;
    color: white;
background: #177EAB;
    font-family: FuturaBold;
    font-weight: normal;
    width: 80%;
    margin-left: 10%;
    bottom: -15px;
    font-size: 25px;
    line-height: 100%;
    padding: 10px;
    margin-bottom: 0;
}
.home-intro .ilightbox-video {
    margin: 62px 0 0 0;
}




/* ------------------ HERO SLIDESHOW ------------------ */
.hero .slick-slide.med {
    background-position-y: -44px !important;
}

.hero {
    width: 100vw;
    margin-left: -20px;
}
.hero .slick-track {
    height: 107vw;
     max-height: 600px;
    min-height: 500px;
}
.hero .slick-slide {
    background-position: center center !important;
    background-size: cover !important;
}
.hero .slide {
    position: relative;
}
.nav-arrows {
    display: none !important;
}




/* ------------------ SLIDE CAPTIONS ------------------ */

.datasetrenderer {
    position: relative;
}
.wave {
    position: absolute;
    bottom: -4px;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}
.hero.slider.slick-initialized.slick-slider::after {
    width: 100%;
    height: 5vw;
    background-image: url("/~/media/Images/co-op100/wave.ashx?la=en");
    display: block;
    position: absolute;
    left: 0;
    bottom: -6px;
    content: "";
    background-repeat: repeat-x;
    background-position-y: bottom;
    min-height: 100px;
    background-size: contain;
}
.slider-text {
    position: absolute !important;
    top: 40px;
    width: 100vw;
    padding: 5px 15px;
    margin-left: -20px;
}
.slide-caption h2 {
    line-height: 1.3;
    color: #002D44;
    background: rgba(255,255,255,0.9);
    padding: 15px;
    font-size: 20px !important;
}
.slide-caption a:hover {
    text-decoration: none;
}
@media screen and (min-width: 440px) {
.slider-text {
    padding: 15px;
}
}


@media screen and (min-width: 550px) {
.mobile-hide {
    display: none !important;
}
.mobile-show {
    display: block !important;
}
}


/* ------------------ HAPPY BIRTHDAY TEXT ------------------ */
.headline span {
    font-family: FuturaBold;
    color: white;
    font-size: 59px;
    margin-bottom: 13px;
    position: relative;
    display: inline-block;
    font-weight: normal;
}
.headline span::before {
    background: #177EAB;
    width: 101%;
    height: 62px;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}



/* ------------------ PREV/NEXT ARROWS ------------------ */
.slider-text  .nav-arrows {
    display: none;
}
.slider-text .slick-prev, .slider-text .slick-next {
    bottom: 0;
    width: 30px !important;
    height: 50px !important;
}



.nav {
    position: absolute;
    right: 0;
    bottom: -58px;
}
.slick-prev, .slick-next {
    position: relative !important;
    width: 40px !important;
    float: left;
    height: 40px !important;
    margin: 0 3px;
}
.slick-prev.slick-arrow::before {
    background: url("/~/media/Images/ambitioncantwait/ui/play_arrow.png");
    width: 40px;
    height: 40px;
    content: "";
    background-size: contain;
    display: block;
    opacity: 1;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.slick-next.slick-arrow::before {
    background: url("/~/media/Images/ambitioncantwait/ui/play_arrow.png");
    width: 40px;
    height: 40px;
    content: "";
    background-size: contain;
    display: block;
    opacity: 1;
    background-repeat: no-repeat;
}
button:hover, a.button, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {

    background-color: none !important;

}


/* ------------------ DOTS ------------------ */
.slick-dots {
    bottom: -13px !important;
    left: 0;
}
.slick-dots li {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.slick-dots li button::before {
    width: 7px !important;
    height: 7px !important;
    content: '' !important;
    border: 1px solid white;
    border-radius: 50%;
    top: 5px !important;
    left: 5px !important;
    opacity: 1 !important;
}
.slick-dots li.slick-active button::before {
    opacity: 1;
    background: white !important;
}
.slick-dots li button:active {
    position: absolute;
    top: 10px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    background: none !important;
}
input:focus, button:focus, select:focus, textarea:focus {
    box-shadow: none !important;
}





/* ------------------ FINE LINE HEADER  ------------------ */
.fine-line {
    font-family: FuturaLight;
    text-transform: uppercase;
    font-size: 16px;
}
.fine-line.events {
    position: absolute;
    margin-top: 0px;
    color: black;
}
.fine-line.events::after {
    width: calc(100vw - 177px);
    height: 1px;
    content: "";
    background: black;
    position: absolute;
    left: 133px;
    top: 11px;
}


.fine-line.explore {
    margin-bottom: 26px;
}
.fine-line.explore::before {
    width: calc(100vw - 109px);
    height: 1px;
    content: "";
    background: black;
    position: absolute;
    left: 69px;
    top: 11px;
}



.fine-line.video {
    margin-top: 27px;
    position: absolute;
    color: white;
}
.fine-line.video::before {
    width: calc(100vw - 221px);
    height: 1px;
    content: "";
    position: absolute;
    left: 66px;
    top: 11px;
    background: white;
}
@media screen and (min-width: 500px) {
.fine-line.video::before {
    width: calc(100vw - 116px);
}
}


/* ------------------ FEATURED SLIDER  ------------------ */
.home-intro .nav {
    bottom: -88px;
}
.featured-slider {
    width: 100vw;
    margin-left: -20px;
   padding: 50px 0 0px 0;
    background: white;
}


.featured {
    margin-bottom: 22px;
    overflow: hidden;
}
.featured img {
    width: 100%;
    border-bottom: 7px solid #177EAB;
    transition: all 0.2s;
}
.featured h2 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.featured:hover img {
    transform: scale(1.01) translateY(-4px);
}



.featured-slider .slick-track {
    height: auto;
}
.featured-slider .card {
    padding: 15px;
}
.featured-slider h2, .featured-slider h2 a {
    color: black;
    font-family: FuturaBold;
    text-transform: none;
    padding: 18px 0;
    font-size: 20px !important;
    line-height: 1.3;
    font-weight: normal;
}
.date {
    color: white;
    font-family: FuturaLight;
}


.featured-slider .more {
    overflow: hidden;
    margin: 0 20px;
}

.featured-slider .more p {
    float: right;
    margin-right: 23px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.featured-slider .more-button {
    color: white;
}
.featured-slider .more-button::after {
    color: white !important;
}



/* -------------------- Impact Stories -------------------- */
.grid {
    margin-top: 82px;
    margin-bottom: 81px;
}
.uw-imgcont2 {
    width: 100%;
    height: 48vw;
    background-size: cover;
    background-position: center center;
    display: block;
    position: relative;
}
.uw-imgcont2::before {
    width: 100%;
    height: 100%;
    background: #177EAB;
    position: absolute;
    display: block;
    left: 16px;
    top: 16px;
    content: "";
    z-index: -1;
}
.uw-text {
    font-family: FuturaBold;
    text-transform: none;
    color: black;
    font-weight: normal;
}
.uw-scroller-text {
    background: white;
}
.uw-sc-snippet {
    color: black;
    text-align: left;
}
.featured.main {
    margin-bottom: 88px;
}
.featured .uw-text {
    font-size: 25px !important;
}
.featured .more {
    float: right;
    margin-right: 34px;
}


.mix {
    border-bottom: none;
    padding-bottom: 0px;
    overflow: hidden;
}
.mix .link a {
    color: #07294d;
}
.link-full {
    opacity: 0;
}
@media screen and (max-width: 450px) {
.mix h2, .uw-text {
    padding: 10px;
    font-size: 16px !important;
    line-height: 1.3 !important;
}
}

@media screen and (min-width: 550px) {
.mix h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    font-size: 17px;
}
.mix .mobile-hide {
    display: block !important;
}
.mix p {
    margin-bottom: 60px;
}
.mix .more {
    position: absolute;
    bottom: 12px;
    height: 30px;
    padding: 0;
}
.mix .link {
    background: #ffc600;
    padding: 5px 23px;
    border-radius: 16px;
    position: relative;
    margin-left: 7px;
    font-weight: bold;
    color: #07294d;
}

}





/* =====  CTA BLOCK  ===== */
.cta {
    margin: 50px 0 102px -20px;
    text-align: center;
    overflow: hidden;
    width: 100vw;
    height: 750px;
}
.cta h2, .cta h3 {
    color: #1f1f1f;
    text-align: center;
    margin: 6px 0;
}
.cta ul {
    padding: 0;
    margin-top: 20px;
}
.cta ul li {
    display: inline-block;
    border: 3px solid #177EAB;
    padding: 20px;
    width: 100%;
    margin-bottom: 20px;
    background: #177EAB;
    margin-top: 20px;
   transition: all .2s;
}
.cta .box ul li:hover {
    width: 104%;
    margin-left: -2%;
}
.cta ul li a {
    color: white;
    font-family: FuturaBold;
    font-size: 15px;
    display: block;
    font-weight: normal;
}


/* -------------------- ENGAGE -------------------- */
.box {
    margin: 35px 0;
}
.box p {
    font-family: Georgia;
    margin-bottom: 0;
}
.cta .box ul li {
    margin-top: 0;
    margin-bottom: 0;
}
.headline-callout.video-bg {
    position: relative;
}
#headlineBackgroundVideo {
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 50%;
}
.hero__content.headline-callout-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 50px;
    z-index: 10;
}
.hero__caption.headline-callout-caption {
    background: none;
}
figcaption h2, figcaption h3 {
    color: white !important;
}
figcaption p {
    color: white;
}
.headline-callout.video-bg::before {
    background: black;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.5;
}
/* =====  "VIDEO CAROUSEL"  ===== */
.vids {
    position: relative;
}
.vids::after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    display: block;
    left: -20px;
    top: 0;
    background-color: 
    #177EAB;
    background-image: url('https://i.imgur.com/luXDqjT.png');
}
.vids .header {
    margin: 0 20px;
    position: relative;
}
.vids > .container {
    z-index: 100000;
    position: relative;
    width: calc(100% + 30px) !important;
    padding: 0 !important;
    left: -15px;
}

.vids h2 {
    color: white;
    z-index: 100;
    position: relative;
    width: 80%;
    padding-top: 83px;
}
.slick-slide {
    display: none;
    padding: 15px;
}
.vids .slick-slide img {
    display: block;
    border-bottom: 5px solid white;
}
.overlay {
    padding: 15px 0;
}
.vids .overlay h2 {
    font-family: FuturaBold;
    color: white;
    font-size: 20px !important;
    font-weight: normal;
    padding-top: 0px;
}
.vids .overlay p {
    color: white;
}
.vids .more {
    overflow: hidden;
    margin: 0 30px;
}
.vids a.more-button {
    color: white;
    float: right;
    height: 39px;
    display: block;
}


.vids .bg {
    width: 200vw;
    height: 100%;
    background: white;
    display: block;
    position: absolute;
    left: -50vw;
    top: 500px;
    z-index: 10;
}
.vids .nav {
    overflow: hidden;
    margin: 19px 0 5px 0;
    top: 0;
    right: 0;
    height: 50px;
}
.ilightbox-video {
    max-width: 100%;
    position: relative;
    text-align: center;
}

.ilightbox-video::before {
    background-image: url("/~/media/Images/ambitioncantwait/ui/play_arrow.png");
    background-size: cover;
    content: "";
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
}

.ilightbox-video>img {
    height: auto;
    max-width: 100% !important;
}




/* BASE CAROUSEL http://kenwheeler.github.io/slick/ */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@charset "UTF-8";.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(./fonts/slick.eot);src:url(./fonts/slick.eot?#iefix) format("embedded-opentype"),url(./fonts/slick.woff) format("woff"),url(./fonts/slick.ttf) format("truetype"),url(./fonts/slick.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;display:block;width:59px;height:99px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:transparent;z-index: 1000000;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}