.carousel .background {background-position: center center; background-size: cover; background-repeat: no-repeat; height: 500px;}
@media (max-width:991px) {.carousel .background {background-size: cover; /* To make the background image looks good */}}
.carousel .background.a {background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url("../images/backgrounds/header/cleliacayama-BACKGROUND-header-01.jpg");}
.carousel .background.b {background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url("../images/backgrounds/header/cleliacayama-BACKGROUND-header-02.jpg");}
.carousel .background.c {background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url("../images/backgrounds/header/cleliacayama-BACKGROUND-header-03.jpg");}
.carousel-fade .carousel-inner .item {opacity: 0; transition: opacity 0.5s; /* The 0.5s describes the duration to make the opacity from 0 to 1 */}
.carousel-fade .carousel-inner .active {opacity: 1;}
@media all and (transform-3d),(-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,.carousel-fade .carousel-inner > .item.active.right {
    	opacity: 0; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  	.carousel-fade .carousel-inner > .item.prev,.carousel-fade .carousel-inner > .item.active.left {
    	opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  }
  	.carousel-fade .carousel-inner > .item.next.left,.carousel-fade .carousel-inner > .item.prev.right,.carousel-fade .carousel-inner > .item.active {
    opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
  }
}
.covertext {position: absolute; top: 230px; left: 0px; right: 0px;}
.covertext-b {position: absolute; top: 250px; left: 0px; right: 0px;}
.title {font-weight: 200; font-size: 60px; color: #ffffff; text-align: center;}
.subtitle {font-weight: 100; font-size: 25px; color: #ffffff; text-align: center;}
.subtitle-b {font-weight: 100; font-size: 2em; color: #FFFFFF; text-align: center; letter-spacing: 2px;}
.explore {text-align: center; margin-top: 10px;}
a.explore-orange {background: #f7931e; border-radius: 0; padding: 10px 30px; color: #FFF; z-index: 1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s;}
a.explore-orange:hover {background: #FFF; color: #999;}