@charset "UTF-8";




.post-carousel { display: none; background-color: ;}
.post-carousel .carousel-set {position:relative; width: 98%; overflow: hidden;}
.post-carousel .carousel-set .carousel-exp { position: absolute; top: calc(100% - 1.2em);  left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 400; -webkit-transition: .2s;	transition: .2s;}
.post-carousel .carousel-set:hover .carousel-exp{top: 0; left: 0; padding-top: 15px;  background-color: rgba(0,0,0,0.4); }
.post-carousel .carousel-set .carousel-exp .index{ margin: 0; padding: 0.1em 15px; font-size: 11px; line-height: 1.3em; font-weight: bold; color: #FFF; text-align: center; display: block;  z-index: 500;}
.post-carousel .carousel-set .carousel-exp p {padding: 10px 15px; font-size: 10px; color: #FFF; line-height: 1.2em; font-weight: 300; text-align: justify; text-justify: inter-ideograph;}
.post-carousel .carousel-set a { color: #FFF; text-decoration: none;}
.post-carousel .carousel-set a:hover.link img,a:hover img.link{ transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}
#slider-posts {width: 100%; max-width: 1100px; margin: 0 auto; padding: 20px  0 20px;}
.slick-prev:before, .slick-next:before { color: ; opacity: 0.6;}
.slick-prev:before,.slick-next:before{ font-size: 25px;}
.slick-prev {left: -35px;}
.slick-next {right: -27px;}
.slick-dots {bottom: -10px; }

@media screen and (max-width: 979px) {
  #slider-posts {width: 96%;}
}
@media screen and (max-width: 768px) {
  #slider-posts {width: 96%;}
}
@media screen and (max-width: 479px) {
  #slider-posts {width: 96%;}
}