.cqcarousel-container{
clear: both;
position: relative;
margin: 0 auto;
max-width: 960px;
}
.slick-list{
}
.carousel-gallery{
padding: 0;
overflow: hidden;
}
.carousel-thumb{
padding: 0;
margin-top: -22px;
}
.carousel-thumb.is-gallery .slick-list .slick-slide{
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.carousel-thumb.is-gallery .slick-list .slick-slide:hover, .carousel-thumb.is-gallery .slick-list .slick-center, .carousel-thumb.is-gallery .slick-list .slick-current{
-webkit-filter: grayscale(0);
filter: grayscale(0);
filter: none;
}
.cqcarousel-container img{
border-radius: 0;
box-shadow: none;
}
.cqcarousel-container .slick-prev { left: 15px; }
.cqcarousel-container .slick-next { right: 15px; }
.cqcarousel-container .slick-dots { bottom:-48px; }
.cqcarousel-container .slick-dots li { height: 10px; width: 10px; margin: 0 2px; }
.cqcarousel-container .carousel-gallery .slick-prev, .cqcarousel-container .carousel-gallery .slick-next{
width: 32px;
height: 32px;
}
.cqcarousel-container button:focus{
padding: 0;
text-decoration: none;
background: none;
}
.cqcarousel-container .carousel-gallery .slick-prev:before, .cqcarousel-container .carousel-gallery .slick-next:before { font-size: 32px; }
.cqcarousel-container .carousel-thumb .slick-prev:before, .cqcarousel-container .carousel-thumb .slick-next:before {
color: #fff;
opacity: 1;
}
@media screen and (min-width: 479px) and (max-width: 640px) {
.cqcarousel-container{
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.cqcarousel-container{
width: 100%;
}
}