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

/* GLOBAL */
.quick-slider{position:relative;margin:auto;overflow:hidden;}
.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;display:block;min-height:60px;height:40%;margin:0;padding:0px 10px;border:0;background:rgba(0,0,0,0.4);opacity:0.5;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.png') 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;text-align:left;}
.quick-slider-nav-dots-wrapper li{display:inline-block;}
.quick-slider-nav-dots{display:inline-block;width:14px;height:14px;margin:0 12px 0 0;background:rgba(0,0,0,0.4);border:1px solid #666;color:transparent;font-size:0.5em;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background:#fff;transition:all 0.3s ease;color:transparent;}
.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:80px;}
/* slide with specified ID */
#slider-1 .slide3{background:#007ebb;}

/* CUSTOM - WIDGET SLIDER */
/* standard slider - images */
.slider .description{z-index:3;position:absolute;top:10px;left:80px;min-width:150px;width:35%;margin-top:10px;padding:10px;line-height:1.25em;color:#000;}
.widget.type-3 .slider{clear:both;display:none;color:#fff;text-align:center; background:url('img/baner.jpg') no-repeat;}
.widget.type-3 .slider li.no-img{min-height:150px;}
.widget.type-3 .slider .quick-slider-nav-arrows{bottom:50px;}
.widget.type-3 .slider .quick-slider-nav-dots-wrapper{left:0;bottom:10px;margin:0 auto;text-align:center;}
.widget.type-3 .slider .quick-slider-nav-dots-wrapper li{display:inline-block;}
.widget.type-3 .slider .description{top:20%;left:50%;width:100%;font-size:1.2em;}
.widget.type-3 .slider .description li	{ list-style:disc  !important; line-height: 2em;}

#content .widget.type-3 li img{box-shadow:none;}
#content .widget.type-3 li img:hover{opacity:1;}
/* subpages slider */
.pages-slider li{line-height:1.25em;} /* you can also set height here */
.pages-slider .image{float:left;padding-right:1em;}
.pages-slider .description{padding:0.5em 0;}
.pages-slider li.no-img .description{width:100%;}
.pages-slider .quick-slider-nav-arrows{top:20%;}
.pages-slider .quick-slider-nav-dots-wrapper{bottom:0px;text-align:center;}

.widget.type-6 .slider .quick-slider-nav-dots-wrapper{right:0;top:0;width:auto;}
.widget .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-1, .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:400px){
  #slider-1{max-height:200px;}
}
@media screen and (max-width:1200px){

#slider-2-3	{font-size:0.8em; }
#slider-2-3 .description	{width: 40%; height: 380px;}
}


/* PLUGINS */
#slider-2-3	{ border: 0px solid #ff9900; height: 380px !important;}
#slider-2-3 .description {top: 20%; left: 30px; width: 60%; font-size: 1.2em; line-height: 2.5em; color: #fff; }
	
@media screen and (max-width:800px){

	.widget.type-3 .slider .description {top:0;}	
	#slider-2-3 .description {top:10%;left:0; font-size: 1.2em; width: 45%; }
	#slider-2-3	{ height: 380px !important;}

		
}

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

	.widget.type-3,#slider-2-3  {display: none !important}	
}