
.fw-before-content-black{
  margin-bottom: 30px;
}
.cascade-slider_container {
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0 auto;
}

.cascade-slider_item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.3);
  transition: all 1s ease;
  opacity: 0;
  z-index: -1;
}

.cascade-slider_item.next {
  left: 50%;
  transform: translateY(-50%) translateX(-100%) scale(0.6);
  opacity: 1;
  z-index: 1;
}

.cascade-slider_item.prev {
  left: 50%;
  transform: translateY(-50%) translateX(2%) scale(0.6);
  opacity: 1;
  z-index: 1;
}

.cascade-slider_item.now {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
  z-index: 5;
}

.cascade-slider_arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 5;
}

.cascade-slider_arrow-left {
  right: 15%;
  color: #ffffff;
  /* width: 20px;
  height: 25px;
  background: #fff;  */
}

.cascade-slider_arrow-right {
  left: 15%;
  color: #ffffff;
  /* width: 20px;
  height: 25px;
  background: #fff; */
 }

.cascade-slider_nav {
  position: absolute;
  bottom: -120px;
  width: 100%;
  text-align: center;
  z-index: 5;
}

.cascade-slider_dot {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 1em;
  background: #ddd;
  list-style: none;
  cursor: pointer;
}

.cascade-slider_dot:hover { background: #555; }

.cascade-slider_dot.cur { background: #555; }
.cascade-slider_item img{
    /* width: 300px;
    height: 300px; */
}
.cascade-slider_item.now .image div a{
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.cascade-slider_item.prev .image div a,
.cascade-slider_item.next .image div a{
  opacity: 0;
}
.cascade-slider_item .image div{
  margin-top: 10px;
}
.cascade-slider_item.prev .image img ,
.cascade-slider_item.next .image img{
  opacity: 0.5;
}
.cascade-slider_item .image img{
  border-radius: 20px;
  width: 350px;
  height: 350px;
  object-fit: cover;
}
#block-gallerieblockblock--2 .second-block-gallerie .second-content .content-text{
  margin-top: 20%;
}
#block-gallerieblockblock--2 .second-block-gallerie .second-content .content-text .type{
  text-align: left;
  letter-spacing: 0px;
  color: #c5351a;
  opacity: 1;
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: uppercase;
}
#block-gallerieblockblock--2 .second-block-gallerie .second-content .content-text .body{
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: 30px;
}
#block-gallerieblockblock--2 .second-block-gallerie .second-content .content-text .date{
  text-align: left;
  letter-spacing: 0px;
  color: #c5351a;
  opacity: 1;
  font-size: 18px;
  font-weight: bold;
}
#block-gallerieblockblock--2 .gallerie-section .title-info .titl{
  border-bottom: 1px solid;
  padding-bottom: 11px;
  margin-bottom: 20px;
  margin-top: 30px;
}
#block-gallerieblockblock--2 .gallerie-section .title-info .titl span:last-child{
  float: right;
  font-size: 18px;
  margin-top: 10px;
}
#block-gallerieblockblock--2 .gallerie-section .title-info .titl span{
  color: #ffffff;
  font-weight: bold;
  font-size: 25px;
}

/**new style for gallery block slider*/
#block-gallerieblockblock .second-block-gallerie .second-content .content-text{
  margin-top: 20%;
}
#block-gallerieblockblock .second-block-gallerie .second-content .content-text .type{
  text-align: left;
  letter-spacing: 0px;
  color: #c5351a;
  opacity: 1;
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: uppercase;
}
#block-gallerieblockblock .second-block-gallerie .second-content .content-text .body{
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: 30px;
}
#block-gallerieblockblock .second-block-gallerie .second-content .content-text .date{
  text-align: left;
  letter-spacing: 0px;
  color: #c5351a;
  opacity: 1;
  font-size: 18px;
  font-weight: bold;
}
#block-gallerieblockblock .gallerie-section .title-info .titl{
  border-bottom: 1px solid;
  padding-bottom: 11px;
  margin-bottom: 20px;
}

@media screen and (max-width: 450px) {
  #block-gallerieblockblock .gallerie-section .title-info .titl{
    padding-bottom: 0;
    padding-top: 6px;
  }
}
#block-gallerieblockblock .gallerie-section .title-info .titl span:last-child{
  float: right;
  font-size: 18px;
  margin-top: 10px;
}
#block-gallerieblockblock .gallerie-section .title-info .titl span{
  color: #ffffff;
  font-weight: bold;
  font-size: 25px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  #block-gallerieblockblock .second-block-gallerie .second-content .content-text{
    margin-top: 0;
    padding-bottom: 30px;
  }
}
