/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CSlides gallery for actavia - layout by ivosan; (C) ivo andrle
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.galCSlider {				overflow:hidden;width:100%;min-width:200px;margin:22px auto;aspect-ratio:16 / 9;position:relative;background:white;box-sizing:content-box;border-top: 3px solid #666; border-bottom: 3px solid #666;transition: all 0.9s;}
div.galCSlider div.da-slide {		position:absolute;opacity:0;overflow:hidden;width:100%;aspect-ratio:16 / 9;z-index:0;background:white;background-position: center center;background-repeat: no-repeat; background-size:cover;}
div.galCSlider div.da-slide.da-slide-current{z-index: 1000;opacity:1;}
div.galCSlider div.da-slide.da-slide-precurrent {z-index: 999;opacity:1;}
.da-dots{						width:90%;position:absolute;text-align:center;left:5%;right:5%;bottom:20px;z-index:1111;opacity:0;}
.da-dots span{					display:inline-block;position:relative;width:12px;height:12px;border-radius:50%;background:#999;margin:3px;cursor:pointer;box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);}
.da-dots span.da-dots-current:after{content: ''; width: 8px; height: 8px; position: absolute; top: 2px; left: 2px; border-radius: 50%;
							background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0);}
.da-dots, .da-arrows, .da-arrows span{-moz-user-select: none;-webkit-user-select:none;user-select:none;-webkit-transition: opacity 0.4s ease-in-out 0.2s; -moz-transition: opacity 0.4s ease-in-out 0.2s; -o-transition: opacity 0.4s ease-in-out 0.2s; -ms-transition: opacity 0.4s ease-in-out 0.2s; transition: opacity 0.4s ease-in-out 0.2s;}

.da-arrows span{				position:absolute;display:block;top:50%;width:42px;height:42px;margin-top:-22px;cursor:pointer;z-index:1111;opacity:0;text-indent:-9999px;outline:none;background:transparent url(/etc/jq/css/mobily/prev_next.png);}
.da-arrows span:hover {			opacity:1;}
.da-arrows span.da-arrows-prev{	left:11px;}
.da-arrows span.da-arrows-next{	left:auto;right:11px;background-position:-44px 0;}

div.galCSlider .da-arrows span,
div.galCSlider .da-dots {		background-color:transparent;opacity:0;}
div.galCSlider:hover .da-dots{	opacity:1;}
div.galCSlider:hover .da-arrows span{opacity:0.66;}

.da-slider-fb .da-slide{			left: 100%;}
.da-slider-fb .da-slide.da-slide-current{left: 0;}

/* vychozi animace pro CSlider */
.da-slide-toleft {				-webkit-animation: hideAnim 0.8s ease-in 0.2s both; -moz-animation: hideAnim 0.8s ease-in 0.2s both; -o-animation: hideAnim 0.8s ease-in 0.2s both; -ms-animation: hideAnim 0.8s ease-in 0.2s both; animation: hideAnim 0.8s ease-in 0.2s both;}
.da-slide-toright {				-webkit-animation: hideAnim 0.8s ease-in 0.2s both; -moz-animation: hideAnim 0.8s ease-in 0.2s both; -o-animation: hideAnim 0.8s ease-in 0.2s both; -ms-animation: hideAnim 0.8s ease-in 0.2s both; animation: hideAnim 0.8s ease-in 0.2s both;}
.da-slide-fromright {			-webkit-animation: showAnim 0.8s ease-in 0.4s both; -moz-animation: showAnim 0.8s ease-in 0.4s both; -o-animation: showAnim 0.8s ease-in 0.4s both; -ms-animation: showAnim 0.8s ease-in 0.4s both; animation: showAnim 0.8s ease-in 0.4s both;}
.da-slide-fromleft  {			-webkit-animation: showAnim 0.8s ease-in 0.4s both; -moz-animation: showAnim 0.8s ease-in 0.4s both; -o-animation: showAnim 0.8s ease-in 0.4s both; -ms-animation: showAnim 0.8s ease-in 0.4s both; animation: showAnim 0.8s ease-in 0.4s both;}

@-webkit-keyframes showAnim{		0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes showAnim{		0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes showAnim{			0% {opacity: 0;} 100% {opacity: 1;}}
@-ms-keyframes showAnim{			0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes showAnim{			0% {opacity: 0;} 100% {opacity: 1;}}

@-webkit-keyframes hideAnim{		0% {opacity: 1;} 100% {opacity: 0;}}
@-moz-keyframes hideAnim{		0% {opacity: 1;} 100% {opacity: 0;}}
@-o-keyframes hideAnim{			0% {opacity: 1;} 100% {opacity: 0;}}
@-ms-keyframes hideAnim{			0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes hideAnim{			0% {opacity: 1;} 100% {opacity: 0;}}