/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* font-size:12px */
body {
    font-size: 0.75rem;
}
a { text-decoration: none; color: #222222; }
a:hover {color: #dc3545!important; }
a>*:hover {color: #dc3545!important; }
.top3:hover span.bg-danger, .top3:hover span.bg-secondary{ color: #ffffff!important;}

.font-s12 {
    font-size: 12px !important;
}

.font-s13 {
    font-size: 13px !important;
}

.font-s14 {
    font-size: 14px !important;
}

.font-s15 {
    font-size: 15px !important;
}

.font-s16 {
    font-size: 16px !important;
}

.font-s17 {
    font-size: 17px !important;
}

.font-s18 {
    font-size: 18px !important;
}

.font-s19 {
    font-size: 19px !important;
}

.font-s20 {
    font-size: 20px !important;
}

.font-s22 {
    font-size: 22px !important;
}

.font-s24 {
    font-size: 24px !important;
}

.font-s26 {
    font-size: 26px !important;
}

.font-s28 {
    font-size: 28px !important;
}

.font-s30 {
    font-size: 30px !important;
}

.font-s32 {
    font-size: 32px !important;
}

.font-s36 {
    font-size: 36px !important;
}

.font-s48 {
    font-size: 48px !important;
}

.font-s64 {
    font-size: 64px !important;
}

.font-s96 {
    font-size: 96px !important;
}

.font-s128 {
    font-size: 128px !important;
}

/* Carousel base class */
.carousel {
    margin-bottom: 2rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}
.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}
.marketing h2 {
    font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

.bd-navbar { background-color:#3FA214!important;}
.content img { max-width: 100%; }

.bg-gray { background-color: #f5f5f5; }