/* 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{text-align:center;position:absolute;left:0;top:0;width:100%;display:none;overflow:hidden;line-height:0px;}
.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);}
.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:100%;list-style:none;}
.quick-slider-nav-dots{float:left;width:17px;height:17px;margin:0 5px;color:transparent;background: #88999b;border-radius: 50%;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:#ef7f1a;transition:all 0.3s ease;color:transparent;}
.quick-slider-slide .description{z-index:3;position:absolute;padding:10px;background:transparent;line-height:1em;color:#000;font-size: 1.250em;text-align: left;}
.quick-slider-slide .description strong{font-size: 1.650em;line-height: 1.5em;}
.quick-slider-slide .description a{color:inherit;}
.quick-slider-slide .description a:hover{text-decoration:none;}

/* CUSTOM - TOP SLIDER */
/*#slider-0{position:relative;clear:both;height:520px;overflow:hidden;color:#fff;width:100%;float:left;} /* 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-0 ul{display:none;}
#slider-0.quick-slider ul{display:block !important;}
#slider-0 ul li{height: 520px;background-position: center;background-repeat: no-repeat;background-size:auto 100%;}
#slider-0 .quick-slider-nav-arrows{bottom:75px;}
#slider-0 .quick-slider-nav-dots-wrapper{    left: inherit;z-index:99;bottom: inherit;width: 1200px;margin: 0 auto;position: relative;top: 440px;display: none;}
#slider-0 .quick-slider-slide .description{top:30px;left:50%;width:25%;}*/

#slider-0 .slick-dotted.slick-slider{margin: 0;}
#slider-0 .slick-dots{position: absolute;bottom: 20px;right: 15px;text-align: right;width: auto;}
#slider-0 .slick-dots li button{padding: 0;}
#slider-0 .slick-dots li button:before{content: '';background: #fff;opacity: 1;}
#slider-0 .slick-dots li.slick-active button:before{background: #36a7bf;}

#slider-1{position:relative;clear:both;height:300px;overflow:hidden;color:#fff;width:100%;float:left;position: absolute;} /* 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 ul{display:none;}
#slider-1.quick-slider ul{display:block !important;}
#slider-1 ul li{height: 300px;background-position: center;background-repeat: no-repeat;background-size:auto 100%;}
#slider-1 .quick-slider-nav-arrows{bottom:75px;}
#slider-1 .quick-slider-nav-dots-wrapper{    left: inherit;z-index:99;bottom: inherit;width: 1200px;margin: 0 auto;position: relative;top: 200px;text-align: right;}
#slider-1 .quick-slider-slide .description{top:30px;left:50%;width:25%;}
#slider-1 .quick-slider-nav-dots-wrapper > li{display: inline-block;}


/* CUSTOM - WIDGET 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;display:none;}
.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:0px;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;}

@media print{
  /* PRINT STYLES */
  #slider, .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}

/* PLUGINS */

/* COMMENTS_EXT */
.widget.type-24 .comments-slider > ul > li{min-height:100px;line-height:1.25em;}
.widget.type-24 .quick-slider-nav-dots-wrapper{right:0px;top:0px;width:auto;}
.widget.type-24 .quick-slider-nav-dots-wrapper li{display:inline-block;}
.widget.type-24 .comments-slider p{font-size:0.875em;}

/* RELATED PAGES */

#pages-related #slider-related-pages{margin-top:15px;padding-bottom:18px;}
#pages-related .pages-slider li{line-height:1.25em;}
#pages-related .pages-slider .image{float:left;margin-right:15px;}
#pages-related .pages-slider .name{float:left;min-width:250px;width:70%;padding-bottom:10px;font-size:1.25em;}
#pages-related .pages-slider .slider-description{float:left;min-width:300px;width:65%;color:#000;line-height:1.625em;}
#pages-related .pages-slider li.no-img .slider-description{width:90%;}
#pages-related .quick-slider-nav-arrows-prev{left:auto;right:60px;}
#pages-related .quick-slider-nav-dots-wrapper{clear:both;left:0;bottom:0;margin-top:20px;}
#pages-related .quick-slider-nav-dots{}

/* LIST PRODUCTS */
.widget.type-6 .price{padding:5px 0;font-weight:normal;}
.widget.type-6 .price em{font-style:normal;}
.widget.type-6 .price strong{padding:0 4px;font-size:1.143em;color:#0070b8;}
