.sliderWrapper
{
  height: 750px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 1139px) {
  .sliderWrapper {
    height: 1090px;
  }
}

@media only screen and (max-width: 776px) {
  .sliderWrapper {
    height: 2160px;
  }
}


.sliderWrapper .slider
{
  overflow: hidden;
  height: 100%;
  position: relative;
  width: 100%;
}

.sliderWrapper .slider .slide
{
  display: none;
  height: 100%;
  position: absolute;  
  width: 100%;
  margin-top: 7px;
}

.sliderWrapper .slider .slide:hover
{
  position: initial;  
}


.sliderWrapper .slider .slide img { 

//  width: 100%; 
//  height: 100%; 
}

.sliderWrapper .slider-navigation
{
  bottom: 20px;
  position: relative;
  text-align:center;
  z-index: 10
}

.sliderWrapper .slider-navigation .slider-navigation-item
{
  cursor: pointer;
  background: #ccc;
  border-radius: 100%;
  box-shadow: 0;
  display: inline-block;
  height: 12px;
  margin-left: 2px;
  margin-right: 2px;
  text-indent: -9999px;
  width: 12px;
  margin: 2 auto;
  position:relative;
}


.sliderWrapper .slider-navigation .slider-navigation-item.active {
  background: #289c4b;
  color: #eee;
}