/*
 * ppf-site: Slider Pro styles used by the hero slider.
 * The rules of Slider Pro 1.4.0 (MIT, bqworks) slider-pro.min.css as bundled with JetElements (GPL) that applied to this site, found with Chromium CSS coverage on the live site
 * on 09/11/2026 (tests/visual/coverage.js + css-subset.py), media queries kept. Class names unchanged.
 */
.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}
.sp-slides-container{position:relative}
.sp-mask{position:relative;overflow:hidden}
.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.sp-slide{position:absolute}
.sp-image-container{overflow:hidden}
.sp-image{position:relative;display:block;border:none}
.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}
.sp-grab{cursor:url(images/openhand.cur),move}
.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}
.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.sp-selected-button{background-color:#000}
@media only screen and (min-width:768px) and (max-width:1024px){
.sp-button{width:14px;height:14px}
}
@media only screen and (min-width:568px) and (max-width:768px){
.sp-button{width:16px;height:16px}
}
@media only screen and (min-width:320px) and (max-width:568px){
.sp-button{width:18px;height:18px}
}
.sp-arrows{position:absolute}
.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.sp-slides-container:hover .sp-fade-arrows{opacity:1}
.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}
.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}
.sp-horizontal .sp-previous-arrow{left:20px;right:auto}
.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}
.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}
.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}
.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}
.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}