/* Scope the source slider styles to this component. */
.lp-color-slider { margin:50px auto; width:840px; max-width:100%; }
.lp-color-slider .slider { width:100%; margin:20px auto; }
.lp-color-slider .slick-slide { cursor:grab; margin:0; transition:all ease-in-out .2s; position:relative; z-index:1; opacity:1; }
.lp-color-slider .slick-slide img { width:100%; transition:.8s; }
.lp-color-slider .slick-current { z-index:9; }
.lp-color-slider .slick-current img { transform:scale(1.5); }
.lp-color-slider .slick-slide p { opacity:0; transition:.8s; transition-delay:0s; text-align:center; z-index:9; position:relative; font-family:Roboto,sans-serif; font-size:24px; margin:15px -30px 0; }
.lp-color-slider .slick-slide.slick-current p { transition:.6s; transition-delay:.5s; opacity:1; }
.lp-color-slider .slick-prev.slick-arrow, .lp-color-slider .slick-next.slick-arrow { top:0; right:0!important; left:33%!important; z-index:9; transform:translate(-10px,-200%); bottom:0; margin:auto; }
.lp-color-slider .slick-prev.slick-arrow { right:35%!important; left:0!important; }
.lp-color-slider .slick-arrow::before { content:""; display:block; background:url(../images/arrow-left.webp) no-repeat rgba(255,255,255,.9); background-size:10px; background-position:center; transition:.3s; border-radius:100%; height:50px; width:50px; }
.lp-color-slider .slick-next.slick-arrow::before { background-image:url(../images/arrow-right.webp); background-color:#fff; }