/*
 * responsive-carousel
 * https://github.com/filamentgroup/responsive-carousel
 *
 * Copyright (c) 2012 Filament Group, Inc.
 * Licensed under the MIT, GPL licenses.
 */
.carousel {
	width: 100%;
	position: relative;
}
.carousel .carousel-item {
	display: none;
}
.carousel .carousel-active {
	display: block;
}
.carousel .carousel-nav:nth-child(2) {
	display: none;
}

.carousel {
	 min-width: 100%;
 }
 .carousel-item {
	 width: 100%;
	 background: #fff;
 }
 img {
	 max-width: 100%;
 }
 /* any old class name would do here */
 .slag {
	 float: left;
	 width: 50%;
 }
 @media (min-width: 30em){
	 .slag {
		 width: 33.333333333333333333%;
	 }
 
 }
 @media (min-width: 50em){
	 .slag {
		 width: 25%;
	 }
 
 }
 
 .carousel {
 margin: 10px auto!important;
 max-width: 400px!important;
 font-family: sans-serif;
 position: relative!important;
}
.carousel-item img {
  width: 100%!important;
  height: auto!important;
  display: block!important;
}
.carousel-nav {
  position: absolute;
  bottom: 0;
  z-index: 4;
  width: 100%;
}
.carousel-nav a {
   text-decoration: none!important;
    font-size: 1.2em!important;
    background: #2196F3!important;
    color: #ffffff!important;
    opacity: .8!important;
    padding: 1.5em!important;
    position: absolute!important;
    bottom: 100px!important;
    font-weight: bold!important;
	}
	
.carousel-nav a.prev {
  left: 0;
}
.carousel-nav a.next {
  right: 0;
}
.carousel-nav-paginated .carousel-active-page a {
	background: #333;
	color: #fff;
	opacity: .8;
}

#yasheritsa > div > div.carousel.carousel-slide > div.carousel-item.carousel-active > div{
	
	transition: 0.3s;
	
}

#yasheritsa > div > div.carousel.carousel-slide > div.carousel-item.carousel-active > div:hover {
    opacity: 0.8;
}