/*!
 * Bootstrap Slider aTmpl Effect v1.0
 * Homepage: http://atmpl.ru
 * The source of material: http://atmpl.ru/publ/adaptive_sliders/adaptivnyj_slajder_bootstrap_atmpl_effect/11-1-0-86
 * Copyright 2014-2015 Merenkov Mihail: https://plus.google.com/108911234048292569811
 * Group website aTmpl: https://plus.google.com/106292100743979527533
 * Licensed under MIT
 * Based on the Bootstrap selectors
*/
.carousel {
  height: 500px;
}
.carousel-caption {
  z-index: 10;
}
.carousel .item {
  height: 500px;
  background-color: transparent;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

@-webkit-keyframes baner {
0% {
-webkit-transform: perspective(300px) rotateY(0deg);
}
15%, 100% {
-webkit-transform: perspective(300px) rotateY(360deg);
}
}
@-moz-keyframes baner {
0% {
-moz-transform: perspective(300px) rotateY(0deg);
}
15%, 100% {
-moz-transform: perspective(300px) rotateY(360deg);
}
}
@keyframes baner {
0% {
transform: perspective(300px) rotateY(0deg);
}
15%, 100% {
transform: perspective(300px) rotateY(360deg);
}
}
.btn-opacity,.btn-opacity:hover {background:transparent;color:#fff;border:1px solid #fff;}
.carousel-slideFullOutLeft .carousel-inner .item {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}
.carousel-slideFullOutLeft .carousel-inner .active {
  transform:scale(1);
}
.carousel-slideFullOutLeft .carousel-inner .active.left,
.carousel-slideFullOutLeft .carousel-inner .active.right {
  left: 0;
  transform:scale(0);
  z-index: 1;
}
.carousel-slideFullOutLeft .carousel-inner .next.left,
.carousel-slideFullOutLeft .carousel-inner .prev.right {
  -webkit-animation-name: slideFullOutLeft;
  animation-name: slideFullOutLeft;   
}
@-webkit-keyframes slideFullOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 100%) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(0, 0, 100%) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes slideFullOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 100%) rotate3d(0, 0, 1, 0);
    transform: translate3d(0, 0, 100%) rotate3d(0, 0, 1, 0);
  }
}
.carousel-slideFullOutLeft .carousel-control {
  z-index: 2;
}