﻿.carousel {position: relative; z-index:0;}
.carousel .item img {width:100%; -webkit-filter: grayscale(0); }
.carousel .item { left: 0 !important; }
.carousel .active.left, .carousel .active.right { opacity: 0; z-index: 2; }
.carousel.fade {
  opacity: 1;
}
.carousel-inner>.item {-webkit-transition:.9s ease-in-out left;-o-transition:.9s ease-in-out left;transition:.9s ease-in-out left;  -webkit-transition: opacity 1s; -o-transition: opacity 1s;transition: opacity 1s;}
.carousel.fade .item {
 -webkit-transition: .7s ease-in-out opacity; -moz-transition: .7s ease-in-out opacity;  -o-transition: .7s ease-in-out opacity; transition: .7s ease-in-out opacity; 
  left: 0;
  opacity: 0; 
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}
.carousel.fade .item:first-child {
  top: auto;
  opacity: 1; 
  position: relative;
}
.carousel.fade .item.active {
  opacity: 1;
}
.carousel-indicators li {width:20px; height:20px;border: none; margin:0; border-radius:0; background:#42ae32;}
.carousel-indicators li.active {width:20px; height:20px; margin:0;background:#afcb07; border: solid 1px #afcb07;}
.carousel-control {background:transparent !important;}
.carousel-control.left img, .carousel-control.right img {margin-top:15%;}
.carousel-control img {position:relative; top:40%; width:80px;height: 80px;}
.carousel-control.left img:hover {background:#dbac00;}
.carousel-control.right img:hover {background:#54616c; }
/*CAROUSEL FADE*/
/*.carousel .item {transition: .7s ease-in-out opacity; left: 0 !important; }
.carousel .active.left, .carousel .active.right { opacity: 0; z-index: 2; }*/
/*CAROUSEL FADE*/

/*.carousel-caption {width: 820px; margin-left:auto; margin-right: auto; margin-bottom: 30px;padding-bottom: 30px; }
.carousel-caption p {padding:40px 0 40px 0;background-color: rgba(250, 250, 250, 0.6); border: solid 1px rgba(250, 250, 250, 0.7);line-height: 1; font-size: 22px; color:#000; text-shadow: none;}*/

/*@media (max-width: 1280px) {
.carousel-caption {right: 14%;left: 14%;width: auto; margin-left:0; margin-right: 0; margin-bottom: 20px;padding-bottom: 20px; }
.carousel-caption p {padding:30px 0 30px 0;font-size: 20px; }
}
@media (max-width: 1024px) {
    .carousel-indicators {bottom:0;}
    .carousel-control img {top:35%; width:60px;height: 60px;}
}
@media (max-width: 1023px) {
 .carousel-caption  {display: none;}
}
@media (max-width: 767px) {
    .carousel-control img {top:40%; width:40px;height: 40px;}
    .carousel-indicators, .carousel-control img  {display:none;}
}*/
