.slick-slider {
    position: relative;
    display: block;
   -webkit-touch-callout: none;
   -ms-touch-action: pan-y;
    touch-action: pan-y;
   box-sizing: border-box;
   
       -webkit-user-select: none;
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
   
       -webkit-touch-callout: none;
       -khtml-user-select: none;
       -ms-touch-action: pan-y;
           touch-action: pan-y;
       -webkit-tap-highlight-color: transparent;
   }
   .slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
   }
   .slick-slide:focus,.slick-list:focus {
    outline: none
   }
   .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
   }
   .slick-slider .slick-track, 
   .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
   }
   .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
   }
   .slick-track:before, 
   .slick-track:after {
    display: table;
    content: '';
   }
   .slick-track:after {
    clear: both;
   }
   .slick-loading .slick-track {
    visibility: hidden;
   }
   .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
   }
   [dir = 'rtl'] .slick-slide {
    float: right;
   }
   .slick-slide .slick-loading img {
    display: none;
   }
   .slick-slide .dragging img {
    pointer-events: none;
   }
   .slick-initialized .slick-slide {
    display: block;
   }
   .slick-loading .slick-slide {
    visibility: hidden;
   }
   .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
   }
   .slick-arrow .slick-hidden {
    display: none;
   }
   
   
   .slick-arrow{ font-size:0; z-index:10;position: absolute; background-color:rgba(0,0,0,0.2); top:50%; transform: translate(0,-50%); width:60px; height:60px; cursor: pointer; padding: 0;transition: all ease 0.3s; color:#333333;border-radius: 50%;border:0;}
   .slick-arrow:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background-position: center center; background-repeat: no-repeat;}
   .slick-prev:After{background-image: url(../../images/arrleft.png);}
   .slick-next:After{background-image: url(../../images/arrright.png);}
   .slick-prev{ left:-60px;}
   .slick-next{ right:-60px;}
   .slick-arrow:hover{background-color:#1689db;}
   
   .slick-dots{position: absolute; z-index: 10; bottom: 38px; left: 0; width:100%; text-align:center;line-height: 10px;}
   .slick-dots li{margin:0 10px; border-radius:2px; border:1px solid #fff !important; background:transparent;width:10px; height:10px;display: inline-block;}
   .slick-dots li button{display: none;background-color: transparent;border: 0 !important;border-radius: 0;}
   .slick-dots li.slick-active{ background:#fff;border:1px solid #fff !important;}
   

   @media ( max-width:1024px){
       .slick-arrow{ width:30px; height:30px;}
       .slick-prev{ left:-8px;}
       .slick-next{ right:-8px;}
       .slick-prev:before, .slick-next:before { width: 30px; height: 30px; }
   }
   