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

/* GLOBAL */
.quick-slider{position:relative;margin:auto;overflow:hidden;}
.quick-slider ul{padding:0;margin:0px;list-style:none;}
.quick-slider-slide{position:absolute;left:0;top:0;width:100%;display:none;text-align:left;overflow:hidden;line-height:0px;}
.quick-slider-slide:first-child{display:block;}
.quick-slider-nav-arrows{z-index:5;position:absolute;top:50%;transform:translateY(-50%);float:right;display:block;min-height:60px;height:100%;margin:0;padding:0px 10px;border:0;opacity:0;transition:all 0.3s ease;}
.quick-slider-nav-arrows:hover{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:12px;height:12px;margin:0 10px 0 0;background:rgba(225,225,225,0.7);color:transparent;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.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;}

#slider-1{max-height:auto;margin-top:0px;}
#slider-1 li{max-height:auto;}

/* CUSTOM - TOP SLIDER */
#slider-1{position:relative;clear:both;/*display:none;*/height:730px;overflow:hidden;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /* 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:730px;}
#slider-1 .quick-slider-nav-dots-wrapper{left:100px;}
#slider-1 .quick-slider-slide .description{top:10px;left:20px;width:25%;margin-top:10px;}
/* slide with specified ID */
#slider-1 .slide3{}
#slider-1 li img{box-shadow:none;max-width:100%;}
#slider-1 li img:hover{opacity:1;}
.slider-1:hover .quick-slider-nav-arrows{opacity:1;}
#slider-1 li{height:auto;}

/* 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;max-width:100%;}
#content .widget.type-3 li img:hover{opacity:1;}
#content .widget.type-3 li{height:auto;}

/* subpages slider */
.widgets-2 .pages-slider li, .widgets-3 .pages-slider li, #content .widget.type-6 .pages-slider li{line-height:1.25em;} /* 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;font-family:'open_sanssemibold',Helvetica,sans-serif;}
.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:#597685;}
.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;}

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

/* PLUGINS */

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:865px){

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

}
@media screen and (max-width:640px){
.quick-slider-nav-arrows{display:none;}
#slider-1 .quick-slider-slide .description {top:0px;left:5px;width:auto;margin-top:0px;padding:0px 5px;font-size:16px;line-height:1em;}
}
@media screen and (max-width:481px){
.quick-slider-nav-arrows{display:none;}
#slider-1 .quick-slider-slide .description {top:0px;left:5px;width:auto;margin-top:0px;padding:0px 5px;font-size:16px;line-height:1em;}
}
@media screen and (max-width:360px){
}