/*
Plugin Name: Themex Image Carousel & Grid For Elementor
Author: Md Azijul Islam
*/
/* plugin css here */



/*===========================
    Image Carousel & Grid css 
===========================*/
.slick-slider ul {
     margin: 0;
     padding: 0 ;
}
 li {
     list-style:none;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}

/* cursor imags area css */
.carousel_imagess_area{}
.carousel_pdding0.col-lg-12{
     padding-right: 0px;
     padding-left: 0px;
}
 .grid_caur_image{
     margin-bottom: 30px;
}
 .slide_items{
     text-align:center;
}
 .witr_grayscale{
     filter: grayscale(1);
     transition: all 0.3s ease 0s;
}
 .witr_grayscale:hover{
     filter: grayscale(0);
}
 .witr_grayscaleh:hover{
     filter: grayscale(1);
}
 .slide_items a{
     position: relative;
     display: block;
}
 .slide_items a::before{
     position: absolute;
     content:"";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}
 .slide_items img{
     margin: auto;
}
/*======== slick ========*/
 .slick-prev, .slick-next {
     font-size: 0;
     position: absolute;
     display: block;
     padding: 0;
     cursor: pointer;
     color: #fff;
     outline: none;
     background: #03a9f4;
     z-index: 1;
     opacity: 0;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     width: 60px;
     height: 60px;
     line-height: 60px;
     top: 50%;
     transform: translate(0px, -50%);
     border-radius: 5px;
     transition: .5s;
     border: 0px solid #17161a;
}
 .slick-prev {
     left: -15px;
}
 .slick-next {
     right: -15px;
}
 .slick-prev.slick-disabled, .slick-next.slick-disabled{
     background: #03a9f4;
}
.carousel_imagess_area:hover .slick-prev, .carousel_imagess_area:hover .slick-next{
     opacity:1;
}
.slick-prev:before, .slick-next:before {
    color: #fff;
    font-size: 25px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "\f177";
    font-family: FontAwesome !important;
    line-height: inherit;
    opacity: 1;
}
 .slick-next:before {
     content: "\f178";
}
 .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
     background: #17161a;
     border-color: transparent;
     outline-color: transparent;
     outline: none;
    text-decoration: none;	 
}
 .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
     color: #fff;
}
/* slick-dots css */
 .slick-dots {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -30px;
     display: inline-block;
     z-index: 11;
}
 .slick-dots li {
     display: inline-block;
	 margin: 0;
}
.slick-dots li button {
    background: #03a9f45c;
    font-size: 0;
    width: 18px;
    height: 18px;
    border: 0px solid #03a9f4;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    transition: .5s;
    outline: none;
}
 .slick-dots li.slick-active button {
     background: #03a9f4;
}


/* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/
 @media (max-width: 767px) {
     .col-lg-12{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }     
     
 }