/*bounce up animation for the subject*/

.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.bounce-down .subject{
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  /*-moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;*/
  backface-visibility: hidden;
  
  

    transform: translate(0px, -200px);
    -webkit-transform: translate(0px, -200px);
    -moz-transform: translate(0px, -200px);
    -o-transform: translate(0px, -200px);
    -ms-transform: translate(0px, -200px);


}

.bounce-down.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*Global style*/

/*
.separator2 {
    background: rgba(0, 0, 0, 0) url("../img/bg-hashor.gif") repeat scroll 0 0;
    clear: both;
    height: 75px;
    margin: 20px 0;
    width: 100%;
}
*/


.carousel-indicators li {
    width: 7px;
    height: 7px;
    margin: 0px 7px -50px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    text-indent: -999px;
    cursor: pointer;
/*    border-radius: 10px;*/
}


.carousel-indicators .active {
    background: #FF3200;
    width: 7px;
    height: 7px;
    margin: 0px 7px -50px;
}

.carousel-indicators {
    margin-left: -27%;
}

/*Home style*/
.page-scroll {
    /* display: none; */
/*    position: absolute;*/
    margin-top: -100px;
}

.row {
/*    margin-left: 0px;*/
}



/*page style*/
.audio-container {
    margin-top: 7%;
    padding: 10px;
}
.audio-tile{
    width: auto;
    height: 28px;
    display: table-cell;
    vertical-align: top;
}
.audio-tile .audio{
    background-color: #ADABB5;
    height: 43px;
    width: 100%;
}
.audio-tile .audio{
    padding-top: 7px;
}
.audio-container-before {
    width: 28px;
    height: 43px;
    background: url('player-right.png') no-repeat top center;
    content: "";
    left: -28px;
    display: table-cell;
    /*position: absolute;*/
}

.audio-container-after {
    width: 28px;
    height: 43px;
    background: url('player-left.png') no-repeat top center;
    content: "";
    right: -28px;
    display: table-cell;
    /*position: absolute;*/
}
.video-js{
    width: 100%;
    height: 100%;
}