﻿
/* CAROUSEL */
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%;}
#homecarousel.carousel, #homecarousel .carousel-inner, #homecarousel.carousel .item {height: auto;}
#homecarousel.carousel {height: auto;margin-bottom: 15px;}
 
#homecarousel .carousel-caption {background-color: rgba(0,0,0, 0.5);padding: 20px;left: 0;padding-left: 50px;text-align: left;max-width: 500px;top: 0;position: absolute;/* height: auto; */max-height:400px;width: 100%;bottom: auto;}
#homecarousel .carousel-heading {font-family: "Roboto Condensed";font-size: 50px;text-transform: uppercase;text-align: left;margin-top: 32px;max-width: 380px;color:#fff;}
#homecarousel .carousel-caption-text {color:#fff;}
#homecarousel .carousel-caption hr {margin: 5px 0 15px 5px;float: left;width: 33px;border-width: 2px 0 0;}
.carousel-indicators li {display: inline-block;width: 15px;height: 15px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #000\9;background-color: transparent;border: 1px solid #000;border-radius: 10px;}
.carousel-indicators .active {width: 15px;height: 15px;margin: 0;background-color: #000;}

.header-text-area {position:relative; padding-top:80px;}
.sticky-wrapper {z-index:99; width:100%; position:absolute; top:0; left:0;} /* REMOVE THIS PROPERTY TO HAVE A NORMAL HEADER */
.slide-bg-1 {background: url(../img/slider-1.png); background-size:cover;}
.slide-bg-2 {background: url(../img/slider-2.png);}
.slide-bg-3 {background: url(../img/slider-3.jpg);}

.slide-control {position:absolute; top:50%; color:#fff; font-size:80px; left:30px; opacity:0.4;}
.slide-control:hover {color:#fff; opacity:0.9;}
.slide-control.right {left:auto; right:30px;}

#homecarousel:not(.category) .item>.container {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    width: 100%;
}
#homecarousel:not(.category) .item>.container>.container {
    position: relative;
}

/* FADE TRANSITIONS */

#top-slide-carousel.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#top-slide-carousel.carousel-fade .carousel-inner .item,
#top-slide-carousel.carousel-fade .carousel-inner .active.left,
#top-slide-carousel.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
#top-slide-carousel.carousel-fade .carousel-inner .active,
#top-slide-carousel.carousel-fade .carousel-inner .next.left,
#top-slide-carousel.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
#top-slide-carousel.carousel-fade .carousel-inner .next,
#top-slide-carousel.carousel-fade .carousel-inner .prev,
#top-slide-carousel.carousel-fade .carousel-inner .active.left,
#top-slide-carousel.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#top-slide-carousel.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (max-width:991px) {
     #homecarousel:not(.category) .item>.container,
     #homecarousel:not(.category) .item>.container>.container {
        position: relative;
        width:100%;
        margin:0;
        padding:0;
        max-width:100%;
    }
     #homecarousel .btn {
         padding:15px;
         width:100%;
     }
     #homecarousel .carousel-caption {
        width:100%;
        max-width:100%;
        display:block;
        position:relative;
        text-align:center;
        padding:15px;
     }
     #homecarousel .carousel-caption hr {
        display:none;
     }
     #homecarousel .carousel-heading {
         margin:0 auto;
         text-align:center;
         font-size:35px;
     }
     .carousel-indicators {
         display:none;
     }
}
@media all and (max-width:767px) {
      #homecarousel .carousel-heading {
         margin:0 auto;
         text-align:center;
         font-size:25px;
     }  
      #homecarousel .btn {
         padding:7px;
         font-size:20px;
     }
}