.cycloneslider-template-text{
position:relative;
margin-bottom: 38px;
padding: 9px;
border: 1px solid #DDD;
background: #F9F9F9;
-webkit-box-shadow: 0px 0px 2px 1px #DDD;
box-shadow: 0px 0px 2px 1px #DDD;
}
.cycloneslider-template-text,
.cycloneslider-template-text > *{
box-sizing: content-box;
}
.cycloneslider-template-text .cycloneslider-slides{
position:relative;
overflow:hidden;
}
.cycloneslider-template-text .cycloneslider-slide{
text-align: center;
width: 100%; display: none; background: #fff; }
.cycloneslider-template-text .cycle-slide{
display: block; }
.cycloneslider-template-text .cycloneslider-slide:first-child, .cycloneslider-template-text .cycle-sentinel + .cycloneslider-slide{ display: block;
}
.cycloneslider-template-text .cycloneslider-slide img{
display:block;
margin:0 auto;
padding:0;
max-width:100%;
border:0;
}
.cycloneslider-template-text.cycloneslider-width-full .cycloneslider-slide img{
width:100%;
}
.cycloneslider-template-text .cycloneslider-slide iframe, .cycloneslider-template-text .cycloneslider-slide object,
.cycloneslider-template-text .cycloneslider-slide embed {
position: absolute;
left: 0;
top: 0;
width: 100% !important; height: 100% !important; }
.cycloneslider-template-text .cycloneslider-slide-youtube,
.cycloneslider-template-text .cycloneslider-slide-vimeo{
background: #000;
}
.cycloneslider-template-text .cycloneslider-slide-custom{
min-height: 100%;
}
.cycloneslider-template-text div[data-cycle-dynamic-height="on"] .cycloneslider-slide-custom{
min-height: 100px; } .cycloneslider-template-text .cycloneslider-prev,
.cycloneslider-template-text .cycloneslider-next,
.cycloneslider-template-text .cycloneslider-pager span{
cursor:pointer;
}
.cycloneslider-template-text .cycloneslider-slide:first-child{
z-index:101;
} .cycloneslider-template-text .cycloneslider-prev,
.cycloneslider-template-text .cycloneslider-next,
.cycloneslider-template-text .cycloneslider-pager a {
cursor:pointer;
}
.cycloneslider-template-text .cycloneslider-prev,
.cycloneslider-template-text .cycloneslider-next{
display:none;
text-decoration: none;
opacity:0;
position:absolute;
top:50%;
margin-top:-22px;
z-index:502;
background:#000;
padding:3px 10px;
font-size: 12px;
color:#fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.cycloneslider-template-text:hover .cycloneslider-prev,
.cycloneslider-template-text:hover .cycloneslider-next{
display:block;
opacity:0.4;
}
.cycloneslider-template-text .cycloneslider-prev{
left:0;
border-radius:0 5px 5px 0;
}
.rtl .cycloneslider-template-text .cycloneslider-prev{
left:auto;
right:0px;
border-radius:5px 0 0 5px;
}
.cycloneslider-template-text .cycloneslider-next{
right:0;
border-radius:5px 0 0 5px;
}
.rtl .cycloneslider-template-text .cycloneslider-next{
right:auto;
left:0px;
border-radius:0 5px 5px 0;
}
.cycloneslider-template-text .cycloneslider-prev:hover,
.cycloneslider-template-text .cycloneslider-next:hover{
opacity:1;
}
.cycloneslider-template-text .cycloneslider-prev.disabled,
.cycloneslider-template-text .cycloneslider-next.disabled{
display: none;
} .cycloneslider-template-text .cycloneslider-pager{
position:absolute;
bottom:-28px;
left:0;
z-index:501;
width: 100%;
height: 18px;
padding-top: 10px;
text-align: center;
}
.cycloneslider-template-text .cycloneslider-pager a {
display: inline-block;
margin: 0 3px;
padding: 0 5px;
color: #fff;
text-decoration: none;
background: #000;
opacity:0.6;
vertical-align: top;
font-size: 12px;
border-radius:3px;
-webkit-box-shadow: 1px 1px 2px 0px #333333;
box-shadow: 1px 1px 2px 0px #333333;
}
.cycloneslider-template-text .cycloneslider-pager a.cycle-pager-active {
background:#fff;
color:#000;
}
.cycloneslider-template-text .cycloneslider-pager a:hover {
opacity:1;
} .cycloneslider-template-text .cycloneslider-caption{
position:absolute;
bottom:0;
left:0;
z-index:500;
width:100%;
background: #000;
color:#fff;
opacity: 0.6;
text-align: left;
}
.rtl .cycloneslider-template-text .cycloneslider-caption{
text-align: right;
}
.cycloneslider-template-text .cycloneslider-caption-title{
padding:10px 20px 5px 20px;
font-size:22px;
line-height:1;
margin-bottom:0;
}
.cycloneslider-template-text .cycloneslider-caption-description{
padding:0 20px 15px 20px;
line-height:1.5;
font-size:12px;
}