.slick-loading .slick-list {
background : url("../../../../assets/img/modules/appagebuilder/img/ajax-loader.gif") center center no-repeat #fff;
}
.slick-arrows .slick-arrow {
position : absolute;
display : block;
height : 34px;
width : 34px;
line-height : 0;
font-size : 0;
z-index : 1;
cursor : pointer;
background : transparent;
color : transparent;
top : 50%;
padding : 0;
border : #e6e6e6 solid 1px;
border-radius : 100%;
outline : none;
color : black;
transition : all 0.3s ease;
transform : translate(0,-50%);
}
.slick-arrows .slick-arrow:hover, .slick-arrows .slick-arrow:focus {
outline : none;
}
.slick-arrows .slick-arrow:hover:before, .slick-arrows .slick-arrow:focus:before {
opacity : 1;
}
.slick-arrows .slick-arrow.slick-disabled:before {
opacity : 0.25;
}
.slick-arrows .slick-arrow:before {
font-size : 14px;
display : block;
font-family : "FontAwesome";
opacity : 0.75;
}
.slick-arrows .slick-arrow.slick-prev {
left : -25px;
}
.rtl .slick-arrows .slick-arrow.slick-prev {
right : -25px;
left : auto;
}
.slick-arrows .slick-arrow.slick-prev:before {
content : "";
}
[dir="rtl"] .slick-arrows .slick-arrow.slick-prev:before {
content : "";
}
.slick-arrows .slick-arrow.slick-next {
right : -25px;
}
.rtl .slick-arrows .slick-arrow.slick-next {
left : -25px;
right : auto;
}
.slick-arrows .slick-arrow.slick-next:before {
content : "";
}
[dir="rtl"] .slick-arrows .slick-arrow.slick-next:before {
content : "";
}
.slick-dotted.slick-slider {
margin-bottom : 30px;
}
.slick-dots {
position : absolute;
bottom : -50px;
list-style : none;
display : block;
text-align : center;
padding : 0;
margin : 0;
width : 100%;
margin-bottom : 15px;
}
.slick-dots li {
position : relative;
display : inline-block;
height : 20px;
width : 20px;
margin : 0 5px;
padding : 0;
cursor : pointer;
}
.slick-dots li button {
border : 0;
background : transparent;
display : block;
height : 20px;
width : 20px;
outline : none;
line-height : 0;
font-size : 0;
color : #343333;
padding : 5px;
cursor : pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline : none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity : 1;
}
.slick-dots li button:before {
position : absolute;
top : 0;
left : 0;
content : "";
width : 20px;
height : 20px;
font-family : "FontAwesome";
font-size : 10px;
line-height : 20px;
text-align : center;
color : black;
opacity : 0.25;
}
.slick-dots li.slick-active button:before {
color : black;
opacity : 0.75;
}