/**
**=======================================================================
*============== This file contains custom css for this website ==========
*========================================================================
 */
.eco-top-head-info a,
.eco_footer_content a{
    text-decoration: none!important;
    color: #ffffff;
}
h4{
    font-size: 1.3rem!important;
}
.eco_ach{
    min-height:29rem
}
.rat-class img{
    width: 10%;
}
.remove-padding li{
    padding-bottom: 0!important;
    color: #888893;
}
.font-sm{
    font-size: 0.7rem;
}
.font-ssm{
    font-size: 0.7rem;
}
.garden_ach_content p{
    text-align: justify!important;
}
.slider-item-1{
    /* The image used */
    background: #000000;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.2), rgba(10, 10, 10, 0.2)),url("../js/plugins/rev/images/slider4-1.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.2), rgba(12, 12, 12, 0.2)),url("../js/plugins/rev/images/slider4-1.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-item-2{
    /* The image used */
    background: #000000;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.2), rgba(10, 10, 10, 0.2)),url("../js/plugins/rev/images/slide1.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.2), rgba(12, 12, 12, 0.2)),url("../js/plugins/rev/images/slide1.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-item-3{
    /* The image used */
    background: #000000;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.2), rgba(10, 10, 10, 0.2)),url("../js/plugins/rev/images/slide2.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.2), rgba(12, 12, 12, 0.2)),url("../js/plugins/rev/images/slide2.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-item-4{
    /* The image used */
    background: #000000;  /* fallback for old browsers */
    background: linear-gradient(rgba(7, 7, 7, 0.2), rgba(10, 10, 10, 0.2)),url("../js/plugins/rev/images/delports-slider.jpg");   /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(rgba(9, 9, 9, 0.2), rgba(12, 12, 12, 0.2)),url("../js/plugins/rev/images/delports-slider.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /* Set a specific height */
    min-height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#carouselExampleInterval .carousel-control-next {
     right: 0;
}
#carouselExampleInterval .carousel-control-prev {
     left: 0;
}
.carousel-caption {
    bottom: 30%;
}
.carousel-caption h5{
    font-size:3.5rem!important;
    z-index: 27;
    white-space: nowrap;
    font-weight: bold;
    word-spacing: 10px;
    letter-spacing: 4px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.carousel-caption p{
    padding-top: 1rem;
    font-family: Serif;
    font-size: 1.2rem;
    word-spacing: 0.2rem;
    line-height: 1;
}

.bounce {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
.slider #carousel-inner{
    min-height: 40rem;
}