/*#main-slider {
  background-image: url(../../img/hd.jpg);
  background-attachment: fixed;
  background-size: 1920px 800px;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  padding: 200px 0;
  color: rgba(250,250,250,.5);
}

#main-slider:hover {
  color: white;
}

@media (max-width: 768px) 
{
	#main-slider 
	{
	  padding: 120px 0;
	}
}

#main-slider .item {
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
  text-align: center;
}

#main-slider .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 2;
}

#main-slider .item.active h1 {
  -webkit-animation: scaleUp 400ms;
  -moz-animation: scaleUp 400ms;
  -o-animation: scaleUp 400ms;
  -ms-animation: scaleUp 400ms;
  animation: scaleUp 400ms;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 60%;
  background-color: rgba(0,0, 0, 0.4);
  color: #fff;
  display: inline-block;
  margin-top: -50px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider h1 {
  font-size: 40px;
  text-shadow: 0 3px rgba(0, 0, 0, 0.1);
  color: white;
}

.carousel.scale .left-arrow,
.carousel.scale .right-arrow {
  top: 30%;
  position: absolute;
}
.carousel.scale .left-arrow {
  left: -10px;
}
.carousel.scale .right-arrow {
  right: -10px;
}
.carousel.scale .active .row > div:nth-child(1) {
  -webkit-animation: scaleUp 200ms linear 0 both;
  -moz-animation: scaleUp 200ms linear 0 both;
  -ms-animation: scaleUp 200ms linear 0 both;
  -o-animation: scaleUp 200ms linear 0 both;
  animation: scaleUp 200ms linear 0 both;
}
.carousel.scale .active .row > div:nth-child(2) {
  -webkit-animation: scaleUp 200ms linear 100ms both;
  -moz-animation: scaleUp 200ms linear 100ms both;
  -ms-animation: scaleUp 200ms linear 100ms both;
  -o-animation: scaleUp 200ms linear 100ms both;
  animation: scaleUp 200ms linear 100ms both;
}
.carousel.scale .active .row > div:nth-child(3) {
  -webkit-animation: scaleUp 200ms linear 200ms both;
  -moz-animation: scaleUp 200ms linear 200ms both;
  -ms-animation: scaleUp 200ms linear 200ms both;
  -o-animation: scaleUp 200ms linear 200ms both;
  animation: scaleUp 200ms linear 200ms both;
}
.carousel.scale .active .row > div:nth-child(4) {
  -webkit-animation: scaleUp 200ms linear 400ms both;
  -moz-animation: scaleUp 200ms linear 400ms both;
  -ms-animation: scaleUp 200ms linear 400ms both;
  -o-animation: scaleUp 200ms linear 400ms both;
  animation: scaleUp 200ms linear 400ms both;
}*/

.playImg{
	margin-bottom:20px;
	margin-top:10px;
	width: 120px;
    height: 120px;
	transform: scale(1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.playImg:hover{
	transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*.carruselSlide
{
	padding-top: 25px;
}

@media (max-width: 768px) 
{
	.carruselSlide
	{
		padding-top: 0px;
	}
}*/



header.carousel {
    height: 70%;
    margin-top: 130px;
}

@media (max-width: 767px)
{
	header.carousel {
    height: 100%;
   }
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
   
    height: 100%;
    
    background-size: cover;
    background-repeat: no-repeat;  
    background-position: 50% 50%;
    
     /*position: relative;
     background-size: auto;
     background-position: top center;
     background-attachment: fixed;
     overflow: hidden;
     background-repeat: repeat-y;*/
    
    box-shadow: 0 0px 10px rgba(0,0,0,.5) inset;
   
}



@media(max-width:767px) {
    header.carousel .carousel {
        height: 70%;
    }
}

.carousel-indicators
{
	z-index: 1;
}

.carousel-indicators .active 
{
    background-color:rgb(238,126,34);
    border-color: rgb(238,126,34);
}

.carousel-indicators li 
{
    background-color: white; 
}

/*#myCarousel .prev,
#myCarousel .next {
  position: absolute;
  top: 60%;
  background-color: rgba(0,0, 0, 0.4);
  color: #fff;
  display: inline-block;
  margin-top: -50px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  z-index: 5;
}

#myCarousel .prev:hover,
#myCarousel .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

#myCarousel .prev {
  left: 0px;
}

#myCarousel .next {
  right: 0px;
}*/


/*************** Efecto fade para los slides*****************/
/*.carousel-inner .item 
{
	 -moz-transition: opacity;
     -o-transition: opacity;
	 -webkit-transition-property: opacity;
     transition-property: opacity;
      -moz-transition: opacity 2s;
      -o-transition: opacity ease-in-out 500ms;
      -webkit-transition: opacity ease-in-out 500ms;
      transition: opacity 2s;
      
}
			
.item,
.active.left,
.active.right {
	 opacity: 0;
 }
			
.active,
.next.left,
.prev.right {
	opacity: 1;
}
			
.next,
.prev,
.active.left,
.active.right {
    transition: 2s;
}*/

/**************************************************************/