File: /home/thuexe247c/public_html/wp-content/plugins/sliderkits/assets/css/widgets/default-slider.css
.sk-slick-default.slick-slider {
margin: 0;
width: 100%;
height: 650px;
overflow: hidden;
}
.sk-slick-default .sk-slick-item {
height: 650px;
}
.sk-slick-default .sk-slick-item .sk-heading,
.sk-slick-default .sk-slick-item .sk-subheading{
color: #fff;
}
.sk-slick-default .sk-slick-item .sk-content,
.sk-slick-default .sk-slick-item .sk-content p {
color: rgba(255,255,255, .8);
}
.sk-slick-default .sk-slick-item .sk-slick-item__bg {
background-color: #000;
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.sk-slick-default .slick-dots {
bottom: 20px;
}
.sk-slick-default .slick-dots li button:before {
font-size: 12px;
color: #fff;
}
.sk-slick-default .slick-next {
right: 50px;
}
.sk-slick-default .slick-prev {
left: 30px;
}
.sk-slick-default .slick-prev,
.sk-slick-default .slick-next {
z-index: 3;
}
.sk-slick-default .slick-prev:before,
.sk-slick-default .slick-next:before {
font-size: 50px;
}
.sk-slick-default .sk-slick-item.slick-current .sk-slick-item__bg {
animation: skZoomOut 3s cubic-bezier(0.4, 0, 0.2, 1) 0.2s backwards;
-webkit-animation: skZoomOut 3s cubic-bezier(0.4, 0, 0.2, 1) 0.2s backwards;
transform: scale(1);
-webkit-transform: scale(1);
}
.sk-slick-default .sk-slick-item.slick-current .sk-heading{
animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.6s backwards;
-webkit-animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.6s backwards;
}
.sk-slick-default .sk-slick-item.slick-current .sk-subheading{
animation: skFadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards;
-webkit-animation: skFadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards;
}
.sk-slick-default .sk-slick-item.slick-current .sk-content{
animation: skFadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.3s backwards;
-webkit-animation: skFadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.3s backwards;
}
.sk-slick-default .sk-slick-item.slick-current .sk-button {
animation: skFadeInUp 1s linear 1.5s backwards;
-webkit-animation: skFadeInUp 1s linear 1.5s backwards;
}
.sk-gallery-top.slick-slider {
margin-bottom: 10px;
}
.sk-slick-default-thumbs .sk-slick-item {
height: 100px;
overflow: hidden;
margin: 0 5px;
}
.sk-slick-default-thumbs .sk-slick-item img {
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
}
@media(max-width: 767px) {
.sk-slick-default .slick-next {
right: 50px;
bottom: 40px;
top: auto;
}
.sk-slick-default .slick-prev {
right: 100px;
top: auto;
bottom: 40px;
left: auto;
}
.sk-slick-default .slick-dots {
bottom: 30px;
text-align: left;
padding-left: 30px;
}
}