/*#### CAROUSEL AT HOME PAGE###*/
/*.carousel-fade .carousel-inner .item {
 opacity:0;
-webkit-transition: opacity 0.6s ease-in-out; 
transition: opacity 0.6s ease-in-out;
}
.carousel-fade .carousel-inner .active {
  -webkit-transition: opacity 1s ease-in-out; 
transition: opacity 1s ease-in-out;
  opacity: 1;
}*/
.carousel-inner 
 > .item {
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  position: absolute;
  z-index:0;
  transition: none;
  -webkit-transition: none;
  transform: translate3d(0,0,0) !important;
  -webkit-transform: translate3d(0,0,0) !important;
  position:relative;
  }
.carousel-inner > .active {
  opacity: 1;
  z-index:3;
}

.next.left,.prev.right {
  transition: opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out;
  opacity: 1;
  left: 0;
  z-index:2;
  }                                                       
.active.left,.active.right {
  z-index:1;
}
.carousel-control {
z-index:4;
} 
/*.carousel-fade .active.left{left:-50%;opacity:0;z-index:1;}
.carousel-fade .active.right{left:50%;opacity:0;z-index:1;} */
/*.carousel-fade .next.left,.carousel-fade .next.left {opacity:1;}
.carousel-fade .active.item {
    opacity:1;
}*/
/*#### CAROUSEL AT POP UP ####*/
      html, .carousel-body {
        padding: 0;
        margin: 0;
        height:500px;
      }
      .carousel-body {
        /*background: url('../img/gui/bg_glare.png') top center no-repeat #bcc;*/
        background:none;
      }
      html > .carousel-body {
        height: 500px;
        height: auto;
      }
      .carousel-body * {
        font-family: Arial, Geneva, SunSans-Regular, sans-serif;
        font-size: 14px;
        color: #333;
        line-height: 22px;
      }

      #wrapper {
        position: relative;
		height: 281px;
        width: 100%;
      }
      #carousel-wrapper {
        padding-bottom: 10x;
        position: relative;
      }
      #carousel, #thumbs {
        overflow: hidden;
      }
      #carousel-wrapper .caroufredsel_wrapper {
        border-radius: 0px;
        box-shadow: 0 0 0 !important;
      }

      #carousel span, #carousel img,
      #thumbs a, #thumbs img  {
        display: block;
        float: left;
      }
      #carousel span, #carousel a,
      #thumbs span, #thumbs a {
        position: relative;
      }
      #carousel img,
      #thumbs img {
        border: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      #carousel img.glare,
      #thumbs img.glare {
        width: auto;
        height: 100%;
        margin-top: 0px;
        margin-left: 99px
      }

      #carousel span {
        width: 550px;
        height: 300px;
      }

      #thumbs-wrapper {
        padding: 20px 40px;
        position: relative;
      }
      #thumbs a {
        border: none;
        width: 150px;
        height: 100px;
        margin: 0 10px;
        overflow: hidden;
        border-radius: 0;
        
        -webkit-transition: border-color .5s;
        -moz-transition: border-color .5s;
        -ms-transition: border-color .5s;
        transition: border-color .5s;
      }
      #thumbs a:hover, #thumbs a.selected {
        border-color: #566;
      }
      #prev {
       /*background: url('../img/left-arrow.png')no-repeat scroll 0 0 / 85% auto transparent;*/
      background: url('../img/left-arrow.png');
      background-repeat: no-repeat;
      background-size: 85% auto;
      background-color: transparent;
      display: block;
      width: 40px;
      height: 58px;
      margin-top: 0px;
      position: absolute;
      top: 25%;
      }
      #next {
       /*background: url('../img/right-arrow.png')no-repeat scroll 0 0 / 85% auto transparent;*/
      background: url('../img/right-arrow.png');
      background-repeat: no-repeat;
      background-size: 85% auto;
      background-color: transparent;
      display: block;
      width: 40px;
      height: 58px;
      margin-top: 0px;
      position: absolute;
      top: 25%;
      }
      #prev {
        background-position: 6px center;
        left: 10px;
      }
      #next {
        background-position: 6px center;
        right: 10px;
      }     
      #prev:hover { 
        background-position: 6px center;       
      }
      #next:hover {
        background-position: 6px center;       
      }
      #prev.disabled, #next.disabled {
        display: none !important;
      }

/*###### CAROUSEL AT VIDEO ########*/
     #vid-wrapper {
        position: relative;
        width: 100%;
        left: 0%;
        top: 0px;
      }
      #vid-carousel-wrapper {
        padding-bottom: 10px;
        position: relative;
        height: 500px;
      }
      #vid-carousel {
        overflow: hidden;
        height: 500px!important;
      }
      #vid-thumbs {
        overflow: hidden;
      }
      #vid-carousel-wrapper .vid-caroufredsel_wrapper {
        border-radius: 10px;
        box-shadow: 0 0 5px #899;
        height: 500px!important;
      }
      #vid-wrapper .caroufredsel_wrapper {
        height: 500px!important;
      }
      #vid-carousel-wrapper .caroufredsel_wrapper {
        height: 500px!important;
      }
      span#d-d-Bodhi_ {
        height: 500px!important;
      }

      #vid-carousel span, #vid-carousel iframe,
      #vid-thumbs a, #vid-thumbs img  {
        display: block;
        float: left;
      }
      #vid-carousel span, #vid-carousel a,
      #vid-thumbs span, #vid-thumbs a {
        position: relative;
      }
      #vid-carousel iframe,
      #vid-thumbs img {
        border: none;
        width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      #vid-carousel img.glare,
      #vid-thumbs img.glare {
        width: 102%;
        height: auto;
      }

      #vid-carousel span {
        width: 554px;
        /*height: 313px;*/
        height: 500px!important;
      }

      #vid-thumbs-wrapper {
        padding: 0px 40px;
        position: relative;
      }
      #vid-thumbs a {
        border: 0px solid #899;
        max-width: 20%;
        max-height: 400px;
        margin: 0 10px;
        overflow: hidden;
        border-radius: 0px;
        
        -webkit-transition: border-color .5s;
        -moz-transition: border-color .5s;
        -ms-transition: border-color .5s;
        transition: border-color .5s;
      }
      #vid-thumbs a p{
        bottom: 0;
        margin: 0;
        padding: 10px 0 0;
        font-size: 15px;
        text-transform: uppercase;
        position: absolute;
        text-align: center;
        width: 100%;
      }
      #vid-thumbs a:hover, #vid-thumbs a.selected {
        border-color: #566;
      }
      
      #vid-wrapper img#shadow {
        width: 100%;
        position: absolute;
        bottom: 0;
      }

      #prev-vid {
        background: url('../img/left-arrow.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-color: transparent;
        display: block;
        height: 75px;
        position: absolute;
        top: 30%;
        width: 50px;
      }
       #next-vid {
        background: url("../img/right-arrow.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-color: transparent;
        display: block;
        height: 75px;
        position: absolute;
        top: 30%;
        width: 50px;
       }
      #prev-vid {
        background-position: -10px 0;
        left: 0px;
      }
      #next-vid {
        background-position: 10px 0;
        right: 0px;
      }     
      #prev-vid:hover { 
        background-position: -10px 0;       
      }
      #next-vid:hover {
        background-position: 10px 0;       
      }
      #prev-vid.disabled, #next-vid.disabled {
        display: none !important;
      }