/* Quick.Cms.Ext v6.x slider stylesheet */
/* Quick.Slider */

/* GLOBAL */
.quick-slider, .quick-slider *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.quick-slider{position:relative;margin:auto;overflow:hidden;background:#E6E6E6;}
.quick-slider ul{padding:0;margin:0;list-style:none;}
.quick-slider-slide{position:absolute;left:0;top:0;width:100%;display:none;text-align:left;overflow:hidden;line-height:0;}
.quick-slider-slide:first-child{display:block;}
.quick-slider-nav-arrows{z-index:5;position:absolute;top:50%;transform:translateY(-50%);float:right;min-height:60px;height:100%;display:block;margin:0;padding:0 10px;color:#fff;text-decoration:none;background:rgba(0,0,0,0);transition:all 0.3s ease;border:0;opacity:0.5;}
.quick-slider-nav-arrows:hover{color:#000;text-decoration:none;opacity:1;}
.quick-slider-nav-arrows:before{content:"";display:block;position:relative;top:50%;transform:translateY(-50%);width:32px;height:32px;background:url('img/arrows.svg') no-repeat 0 0;}
.quick-slider-nav-arrows-prev:before{background-position:0 -32px;}
.quick-slider-nav-arrows-next{right:0;}
.quick-slider-nav-arrows-prev{left:0;}
.quick-slider-nav-dots-wrapper{position:absolute;bottom:20px;width:100%;list-style:none;}
.quick-slider-nav-dots{float:left;width:20px;height:20px;margin:0 12px 0 0;background:rgba(255, 255, 255, 0.6);color:transparent;border-radius:50%;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:rgba(0, 0, 0, 0.6);transition:all 0.3s ease;color:transparent;}
.quick-slider-slide .description{z-index:3;position:absolute;top:2rem;left:0;margin-left:7.5%;min-width:150px;width:40%;padding:1em 3% 1.2em;background:rgba(0, 0, 0, 0.35);background-blend-mode:multiply;line-height:1.25em;color:#fff;border-radius:5px;}
.quick-slider-slide .description a{color:inherit;}
.quick-slider-slide .description a:hover{text-decoration:none;}
.quick-slider-slide .description > h1, .quick-slider-slide .description > h2, .quick-slider-slide .description > h3{font-size:1.85rem;color:#fff;line-height:1em;margin-bottom:10px;font-family:'Lato', sans-serif;font-weight:700;text-transform:uppercase;padding-left:1rem;border-left: 6px solid #CC0000;}
.quick-slider-slide .description > p, .quick-slider-slide .description > p, .quick-slider-slide .description > p{font-size:1rem;line-height:1.4em;font-weight:400;}

.quick-slider-slide{/*position:relative;*/clear:both;/*display:none;*/overflow:hidden;color:#fff;background:#fff;} /* height:300px; is default height, so page will not change its height after slider is loaded, so you should change it if your slider has different height */
.quick-slider-slide img{max-width:100%;width:100%;}
.quick-slider-slide img{width:100%;max-height:50vh;object-fit:cover;}

@media screen and (max-height:400px){
  .quick-slider-slide{max-height:50vh;}
}

@media screen and (max-width:640px){
  .quick-slider-slide .description{display:none;}
}

@media screen and (max-width:1280px){
  .quick-slider-slide .description{margin:0 3%;top:1rem;left:0;width:94%;}
  .quick-slider-slide .description > h1, .quick-slider-slide .description > h2, .quick-slider-slide .description > h3{font-size:2vw;}
  .quick-slider-slide .description > p, .quick-slider-slide .description > p, .quick-slider-slide .description > p{font-size:2vw;}
}

@media print{
  /* PRINT STYLES */
  .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}

/* PLUGINS */