s/*** Template Banner ***/
.cycloneslider-template-banner{
  position:relative;
  margin-bottom: 30px;
}
.cycloneslider-template-banner .cycloneslider-slides{
  position:relative;
  overflow:hidden;
  min-height: 362px;
  padding-bottom: 12px;
}
.cycloneslider-template-banner .cycloneslider-slide{
  width: 100%; /* For slides in scrollHorz to work */
  display: none; /* Hide slides to prevent FOUC when JS hasn't kicked in yet */  
}
.cycloneslider-template-banner .cycle-slide{
  display: block; /* Show slide so that getBoundingClientRect().height will not return 0. Class .cycle-slide is added when cycle has initialized. */
}
.cycloneslider-template-banner div[data-cycle-dynamic-height="off"] .cycloneslider-slide-image{
  height: 100%; /* To prevent cutting off captions when dynamic height is off */
}
.cycloneslider-template-banner .cycloneslider-slide:first-child, /* Show first slide */
.cycloneslider-template-banner .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
  display: block;
}
.cycloneslider-template-banner .cycloneslider-slide img{
  display:block;
  margin:0 auto;
  padding:0;
  max-width:100%;
  border:0;
}
.cycloneslider-template-banner.cycloneslider-width-full .cycloneslider-slide img{
  width:100%;
}
.cycloneslider-template-banner .cycloneslider-slide iframe, /* Make our videos fluid */
.cycloneslider-template-banner .cycloneslider-slide object,
.cycloneslider-template-banner .cycloneslider-slide embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important; /* Override width attrib */
  height: 100% !important; /* Override height attrib */
}
.cycloneslider-template-banner .cycloneslider-slide-youtube,
.cycloneslider-template-banner .cycloneslider-slide-vimeo{
  background: #000;
}
.cycloneslider-template-banner .cycloneslider-slide-custom{
  min-height: 100%;
}
.cycloneslider-template-banner div[data-cycle-dynamic-height="on"] .cycloneslider-slide-custom{
  min-height: 100px; /* Disable 100% min height when dynamic height is on. To fix issue with scrollHorz */
}

/*** Prev/Next ***/
.cycloneslider-template-banner .cycloneslider-prev,
.cycloneslider-template-banner .cycloneslider-next,
.cycloneslider-template-banner .cycloneslider-pager span {
  cursor:pointer;
}
.cycloneslider-template-banner .cycloneslider-prev,
.cycloneslider-template-banner .cycloneslider-next{
  position:absolute;
  top:50%;
  z-index:501;
  display: block;
  margin-top:-12px;
  width:24px;
  height:24px;
  border-radius: 40px;
  background: #fefefe;
  opacity: 0;
  -webkit-transition: all 0.5s ;
  -moz-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
  -o-transition: all 0.5s ;
  transition: all 0.5s ;
  -webkit-box-shadow: 1px 1px 2px 0px #333333;
  box-shadow: 1px 1px 2px 0px #333333;
}

.cycloneslider-template-banner:hover .cycloneslider-prev,
.cycloneslider-template-banner:hover .cycloneslider-next{
  opacity: 0.4;
}
.cycloneslider-template-banner .cycloneslider-prev:hover,
.cycloneslider-template-banner .cycloneslider-next:hover{
  opacity: 1;
}
.cycloneslider-template-banner .cycloneslider-prev.disabled,
.cycloneslider-template-banner .cycloneslider-next.disabled{
  display: none;
}
.cycloneslider-template-banner .arrow{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  width: 0;
  height: 0;
}
.cycloneslider-template-banner .cycloneslider-prev{
  left:10px;
}
.rtl .cycloneslider-template-banner .cycloneslider-prev{
  left:auto;
  right:10px;
}
.cycloneslider-template-banner .cycloneslider-prev .arrow{
  margin-left: -4px;
  border-top: 6px solid transparent;
  border-right: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.rtl .cycloneslider-template-banner .cycloneslider-prev .arrow{
  margin-left: -2px;
  border: 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.cycloneslider-template-banner .cycloneslider-next{
  right:10px;
}
.rtl .cycloneslider-template-banner .cycloneslider-next{
  right:auto;
  left:10px;
}
.cycloneslider-template-banner .cycloneslider-next .arrow{
  margin-left: -2px;
  border-top: 6px solid transparent;
  border-left: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.rtl .cycloneslider-template-banner .cycloneslider-next .arrow{
  margin-left: -4px;
  border: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #333;
  border-bottom: 6px solid transparent;
}

/*** Pager ***/
.cycloneslider-template-banner .cycloneslider-pager{
  height: 12px;
  padding-top: -12px;
  width: 100%;
  z-index:100;
}
.cycloneslider-template-banner .cycloneslider-pager span {
  display: inline-block;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #333;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  -webkit-box-shadow: 1px 1px 2px 0px #333333;
  box-shadow: 1px 1px 2px 0px #333333;
}
.ie7 .cycloneslider-template-banner .cycloneslider-pager span{
  zoom: 1;/* IE 7 inline-block */
  *display: inline;/* IE 7 inline-block */
}
.cycloneslider-template-banner .cycloneslider-pager span.cycle-pager-active {
  background-color: #ccc;
}

/*** Caption ***/
.cycloneslider-template-banner .cycloneslider-caption{
  position:absolute;
  bottom:0;
  left:0;
  z-index:500;
  width:100%;
  background: #222;
  color:#fff;
  opacity: 0.7;
  text-align: left;
}
.rtl .cycloneslider-template-banner .cycloneslider-caption{
  text-align: right;
}
.cycloneslider-template-banner .cycloneslider-caption-title{
  margin-bottom:0;
  padding:10px 20px 5px 20px;
  font-size:22px;
  line-height:1;
}
.cycloneslider-template-banner .cycloneslider-caption-description{
  padding:0 20px 15px 20px;
  font-size:12px;
  line-height:1.5;
}