/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}



/* Carousel base class */
.header .carousel {
  height: 528px;
  /*margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

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


/*-----------------------------------*/
/* Slider Lojas */
/*-----------------------------------*/

.carousel-caption{
  margin:0 0px 30px 0 !important;  padding: 0px !important;
  text-align: right !important;
}
.carousel-caption .label-default {
  margin:0px 10px 0px 0 !important;
  background: url("../imgs/bg_alpha.png");
  padding:6px 10px;
  font-size:100%;
  line-height: 148%;
  text-align: right !important;
}

.widget_gallery{
  margin-top: 5px;
}
.widget_gallery .inner{
  padding:0px !important;
  margin:0px !important; 

}
.widget_gallery .carousel-inner {
  height: 285px;

}

.widget_gallery .carousel-control.right {left:auto; right: 0;}
.widget_gallery .carousel-indicators {display: none;}

.widget_gallery .carousel-control {
  position: absolute;
  top: 115px;
  left: 0;
  width: 25px;
  height: 62px;
  margin-top: 0;
  background-image:url('../imgs/post_image_controls.png') !important;
  background-position: left top !important;
  background-color: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  filter: none !important;
}
#Carousel-lojas .carousel-control.right {
  right: 0;
  left: auto;
  background-position: right top !important;
}
#Carousel-lojas .carousel-indicators {display: none;}




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

@media (max-width: 1366px) {

  /* Carousel base class */
  .header .carousel {
    height: 400px;
    /*margin-bottom: 60px;*/
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    z-index: 10;
  }

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

@media (max-width: 768px) {

  /* Carousel base class */
  .header .carousel {
    height: 150px;
    margin-top: 50px;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    z-index: 10;
  }

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