@import url(../animate.css);
@import url(../menu_footer.css);
@font-face { font-family: 'Gills Sans MT Condensed'; src: url(../../fonts/GILC____.TTF); }
@font-face { font-family: 'Geometr231B'; src: url(../../fonts/GEO231B.TTF); }
.slider {
    width: 100%;
    height: calc(81.5vh - 60px);
}
.slider .carousel-item {
    width: 100%;
    height: calc(81.5vh - 60px);
    transition: all 0.2s;
}
.slider a.carousel-control-prev {
    cursor: url("../../Assets/Programs/left_slider_cursor.png"), auto;
    width: 45%;
}
.slider a.carousel-control-next {
    cursor: url("../../Assets/Programs/right_slider_cursor.png"), auto;
    width: 45%;
}
.slider .carousel-item.Environment {
    background: url(../../Assets/Programs/slider/slider_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slider .carousel-item.Health {
    background: url(../../Assets/Programs/slider/slider_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slider .carousel-item.Social {
    background: url(../../Assets/Programs/slider/slider_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slider .carousel-item.Educational {
    background: url(../../Assets/Programs/slider/slider_4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slider .carousel-item.Financial {
    background: url(../../Assets/Programs/slider/slider_5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slider .carousel-item.Political {
    background: url(../../Assets/Programs/slider/slider_6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slider .carousel-item.Policy {
    background: url(../../Assets/Programs/slider/slider_7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slider .carousel-item.Legal {
    background: url(../../Assets/Programs/slider/slider_8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.page_holder .page {
    height: 0;
    overflow: hidden;
    transition: height 0.1s;
}
.page_holder .page.active {
    height: auto;
    overflow: visible;
    transition: height 0.1s;
}
@media screen and (max-width: 770px) {
    .slider { height: 26.5vh; }
    .slider .carousel-item {
        height: 26.5vh;
        width: 100%;
        background-size: 100% !important;
    }
}