/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
}
#myCarousel{ border-bottom:1px solid #a4000f;}
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

#carousel-A{border-bottom:0; height: 50%;}

@media (max-width: 768px) {
	#carousel-A{border-bottom:0; height: 60%;}
	.Banner-Text01 img{ max-width:60%;}
	.projectBg01 .carousel-caption{ bottom:10px; padding-bottom:0; left:3%;}
	.RosaAlba .carousel-caption{ bottom:10px; padding-bottom:0; left:3%;}
	.Mangifera .carousel-caption{ bottom:10px; padding-bottom:0; left:3%;}
}

@media (min-width: 1366px) {
	#carousel-A{border-bottom:0; height: 70%;}
}

.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right{

}
/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

    -moz-box-shadow:    inset  0  20px 20px -12px rgba(0, 0, 0, 0.4),
                        inset  0 -20px 20px -20px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset  0  20px 20px -12px rgba(0, 0, 0, 0.4),
                        inset  0 -20px 20px -20px rgba(0, 0, 0, 0.4);
     box-shadow:        inset  0  20px 20px -12px rgba(0, 0, 0, 0.4),
                        inset  0 -20px 20px -20px rgba(0, 0, 0, 1);
}

.carousel-indicators .active{background-color:#e37c21;}