.slider-note { text-align: center; font-size: 1rem; }
.slider-note.posBL { position: absolute; bottom: 10px; left: 10px; }
.slider-note.posBR { position: absolute; bottom: 10px; right: 10px; }
.slider-note.txtW { color: #FFF; }

.splide { margin: 0 auto; }
.splide .splide__track .splide__list .splide__slide .splide__cell { position: relative; }
.splide .splide__track .splide__list .splide__slide .splide__cell img {
	width: auto; height: 500px!important;
	display: block;
}
.splide .splide__track .splide__list .splide__slide .splide__cell img.night { 
	opacity: 0; 
	position: absolute; top:0; left: 0;
	transition: 1s ease 0s opacity;
}
.splide .splide-wrapper { position: relative; }
.splide .splide__arrows .splide__arrow { 
	width: 30px; height: 60px; border: none; border-radius: 5px;
	background-color: transparent;
	background-size: cover; background-position: center center; background-repeat: no-repeat; transition: 0.3s linear 0s background; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; z-index: 1000; }
.splide .splide__arrows .splide__arrow.is-active, .splide .splide__arrows .splide__arrow:focus {
	background-color: transparent;
}
.splide .splide__arrows .splide__arrow.splide__arrow--prev { left: 10px; background-image: url("../../images/limited/view/arrow_left.png"); }
.splide .splide__arrows .splide__arrow.splide__arrow--next { right: 10px; background-image: url("../../images/limited/view/arrow_right.png"); }
.splide .splide__pagination li { margin: 5px; }
.splide .splide__pagination li button {
	width: 25px; height: 5px; border: none; 
	background-color: #c8c8c8;
	border-radius: 5px; transition: 0.3s linear 0s background; }
.splide .splide__pagination li button.is-active, .splide .splide__pagination li button:focus { background-color: #323232; }
@media screen and (max-width: 960px) {
	.splide .splide__track .splide__list .splide__slide .splide__cell img {
		height: 400px!important;
	}
	.splide .splide__track .splide__list .splide__slide .splide__cell .slider-note.posBL {
		bottom: 5px; left: 5px; 
	}
  .splide .splide__track .splide__list .splide__slide .splide__cell .slider-note.posBR {
		bottom: 5px; right: 5px; 
	} 
}

@media screen and (max-width: 600px) {
	.splide .splide__track .splide__list .splide__slide .splide__cell img {
		height: 300px!important;
	}
	.splide .splide__arrows .splide__arrow { 
		width: 30px!important; height: 30px!important;
	}
}



.view-slider.night .splide__track .splide__list .splide__slide .splide__cell img.night{
	opacity: 1;	
}