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

/* GLOBAL */
.quick-slider{position:relative;margin:auto;/* overflow:hidden; */max-height: 60vh;}
.quick-slider ul{padding:0;margin:0px;list-style:none;}
.quick-slider-slide{position: relative;left:0;top:0;width:100%;display:none;text-align:left;overflow:hidden;line-height:0px;max-height: 60vh;}
.quick-slider-slide img {width: 100%; }
.quick-slider-slide:nth-child(1) img {margin-top: -20px;}
.quick-slider-slide:nth-child(3) img {margin-top: -40px;}
.quick-slider-slide:nth-child(5) img {margin-top: -130px;}
.quick-slider-slide:nth-child(6) img {margin-top: -210px;}
.quick-slider-slide:first-child{display:block;}
.quick-slider-nav-arrows{position:absolute;float:right;display:block;margin:0 0 -20px;padding:5px 10px;border:1px solid #fff;color:#fff;text-decoration:none;background:rgba(0,0,0,0.4);top: 50%;}
.quick-slider-nav-arrows:hover{color:#000;text-decoration:none;border:1px solid #000;background:rgba(255,255,255,0.4);transition:all 0.3s ease;}
.quick-slider-nav-arrows-next{right:20px;}
.quick-slider-nav-arrows-prev{left:20px;}
.quick-slider-nav-arrows-next:after{content:" >";}
.quick-slider-nav-arrows-prev:before{content:"< ";}
.quick-slider-nav-dots-wrapper{position:absolute;bottom:20px;width: 60%;list-style:none;margin: auto;display: flex;align-items: center;justify-content: center;}
.quick-slider-nav-dots{float:left;width:12px;height:12px;margin:0 10px 0 0;background:rgba(0,0,0,0.4);border:1px solid #666;color:transparent;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:#fff;transition:all 0.3s ease;color:transparent;}
.quick-slider-slide .description{z-index:3;position:absolute;padding:10px;background:rgba(0,0,0,0.3);line-height:1.25em;color:#fff;}
.quick-slider-slide .description a{color:inherit;}
.quick-slider-slide .description a:hover{text-decoration:none;}

/* CUSTOM - TOP SLIDER */
#slider-1{position:relative;clear:both;/* display:none; */height:300px;overflow:hidden;color:#fff;border-top:1px solid #eaeaea;} /* 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 */
#slider-1 li.no-img{min-height:300px;}
#slider-1 .quick-slider-nav-arrows{}
#slider-1 .quick-slider-nav-dots-wrapper{left:100px;}
#slider-1 .quick-slider-slide .description{bottom: 60px;left:20px;width:25%;margin-top:10px;position: absolute;white-space: nowrap;}
/* slide with specified ID */
#slider-1 .slide3{background:#007ebb;}

/* CUSTOM - WIDGET SLIDER */
.widgets-2 .slider, .widgets-3 .slider, #content .widget.type-3 .slider{position:relative;clear:both;display:none;overflow:hidden;color:#fff;/*border-top:1px solid #eaeaea;*/text-align:center;}
.widgets-2 .slider li.no-img, .widgets-3 .slider li.no-img, #content .widget.type-3 .slider li.no-img{min-height:150px;}
.widgets-2 .type-3 .slider .quick-slider-nav-arrows, .widgets-3 .type-3 .slider .quick-slider-nav-arrows, #content .widget.type-3 .slider .quick-slider-nav-arrows{bottom:50px;}
.widgets-2 .type-3 .slider .quick-slider-nav-dots-wrapper, .widgets-3 .type-3 .slider .quick-slider-nav-dots-wrapper, #content .widget.type-3 .slider .quick-slider-nav-dots-wrapper{left:0px;bottom:10px;margin:0 auto;text-align:center;}
.widgets-2 .slider .quick-slider-nav-dots-wrapper li, .widgets-3 .slider .quick-slider-nav-dots-wrapper li, #content .widget.type-3 .slider .quick-slider-nav-dots-wrapper li{display:inline-block;}
.widgets-2 .slider .quick-slider-slide .description, .widgets-3 .slider .quick-slider-slide .description, #content .widget.type-3 .slider .quick-slider-slide .description{top:0;left:0;width:100%;font-size:0.875em;}
#content .widget.type-3 li img{box-shadow:none;}
#content .widget.type-3 li img:hover{opacity:1;}
/* subpages slider */
.widgets-2 .pages-slider li, .widgets-3 .pages-slider li, #content .widget.type-6 .pages-slider li{line-height:1.25em;color:#333;} /* you can also set height here */
.widgets-2 .pages-slider .image, .widgets-3 .pages-slider .image, #content .widget.type-6 .pages-slider .image{float:left;min-width:210px;width:39%;}
.widgets-2 .pages-slider .name, .widgets-3 .pages-slider .name, #content .widget.type-6 .pages-slider .name{float:left;min-width:250px;width:60%;padding-bottom:10px;font-size:1.25em;}
.widgets-2 .pages-slider .slider-description, .widgets-3 .pages-slider .slider-description, #content .widget.type-6 .pages-slider .slider-description{float:left;min-width:300px;width:55%;color:#000;}
.widgets-2 .pages-slider li.no-img .slider-description, .widgets-3 .pages-slider li.no-img .slider-description, #content .widget.type-6 .pages-slider li.no-img .slider-description{width:100%;}
.widgets-2 .type-6 .slider .quick-slider-nav-dots-wrapper, .widgets-3 .type-6 .slider .quick-slider-nav-dots-wrapper, #content .widget.type-6 .slider .quick-slider-nav-dots-wrapper{right:0px;top:0px;width:auto;}
.widgets-2 .type-6 .slider .quick-slider-nav-dots-wrapper li, .widgets-2 .type-6 .slider .quick-slider-nav-dots-wrapper li, #content .widget.type-6 .slider .quick-slider-nav-dots-wrapper li{display:inline-block;}
.widgets-2 .type-6 .slider.quick-slider{overflow:visible}
.widgets-2 .type-6 .slider .quick-slider-slide{overflow:visible;}
#content .widget.type-6 li img{box-shadow:none;}


  /* RESPONSIVE STYLES */

@media screen and (max-width: 790px) {

  .quick-slider, .quick-slider-slide {height: 50vw!important;overflow: hidden!important;width:  auto;}
  .quick-slider-slide img {width: 100%;margin-top: 0px!important;height: auto;position: relative;top: 0;left: 0;}
  .quick-slider-slide .description {width: 80vw!important;margin:auto;text-align: center;white-space: initial!important;}
  .quick-slider-nav-arrows {top: 30%;}
}

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

/* PLUGINS */