/***************** DIAPORAMA CSS *************/

.slider {
  max-width: 960px;
  margin: auto;
  position: relative;
  padding-top: 20px;
}

.slider p {
  margin: 0;
}

.slider-arrow {
  position: absolute;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.slider-arrow:hover {
  cursor: pointer;
}

.slider-arrow.arrow-left {
  left: 0;
}
@media (min-width: 1300px) {

  .slider-arrow.arrow-left {
    left: -170px;
  }
}

.slider-arrow.arrow-right {
  right: 0;
}
@media (min-width: 1300px) {
  
  .slider-arrow.arrow-right {
    right: -170px;
  }
}

.container {
  position: relative;
  overflow: hidden;
  height: 200px;
}
@media (max-width: 767px) {
    
    .container{
        height: 300px;
    }
}

.slideDiv {
  width: 100%;
  height: 100%;
  position: relative;
}

.slide {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  color: #fff;
}

.slide p {
  text-align: center;
}

.slide:first-child {
  display: block;
}

.slide-title,
.slide-title p{
  color: #fff;
  font-size: 40px;
  font-weight:400;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  
  .slide-title {
    margin-bottom: 10px;
      font-size: 25px;
  }
}

.slide-text,
.slide-text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #bdbcbc;
}

.slider nav {
  margin-top: -60px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
    
    .slider nav {
        margin-top: -50px;
    }
}

.slide-buttons {
  text-align: center;
  padding: 10px 0;
}

.slide-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background: none;
  color: #8cb82a;
  font-size: 200%;
  padding: 0 2px;
}

.slide-btn.active,
.slide-btn:hover {
  color: #fff;
  cursor: pointer;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}