/************SlideShow*******************/
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow .test{ 
     }
/* slideshow images  */
.cycle-slideshow img { 
    /* some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content  */
    position: absolute; 
    top: 0; 
    left: 0;
    width: 728px; 
    padding: 0; 
    display: block; 
}
/* in case script does not load */
.cycle-slideshow img:first-child {
   position: static; z-index: 1000;  
}



/***************Pager*********************/
.cycle-pager {
   position: relative;
   left: 533px; 
   top: 11px;  
   width:180px;
   z-index: 1000;   
}
.cycle-pager a{
    display: block;
    height: 50px;    
    background-color: rgba(255, 255, 255, 0.7);
    margin-bottom: 12px;
    padding-left: 15px;
    font-family: Palanquin, Arial;
    font-size: 130%;
    line-height: 120%;
    color: rgba(61, 61, 61, 0.9);
    text-decoration: none;
}
/*sets the hover state for the Pager*/
.cycle-pager a:hover {
     background-color: rgba(255, 255, 255, 0.9);
     cursor: pointer;
}
/*Sets the active/Selected state of the Pager*/
.cycle-pager a.cycle-pager-active
{ 
    background-color: rgba(255, 255, 255, 0.9); 
    color: #000; 
}


/********** overlay ************/
.sliderSection .cycle-overlay
{
   
    position:absolute;
    bottom: 25px;
    left: 15px;
    min-height: 50px;
    width:505px;
    color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    font-size: .9em;
}
.sliderSection .cycle-overlay a span
{    
   text-indent: -3000px;
   position: absolute;
   left: -3000px;
}





/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

.simple-pager {
    position: relative;
}

.simple-pager a{
    position: relative;
    top: -25px;
    left: 300px; 
    margin-right: 3px;   
    display: inline-block;
    line-height: 0;
    background: url(/_images/slider/dot.svg);
    opacity: 0.5;   
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    z-index: 7001;
}

.simple-pager a.cycle-pager-active{
    background: url(/_images/slider/dot.svg);  
    opacity: 1;  
    height: 20px;
    width: 20px;
}
.simple-pager a span {
    position: absolute;       
    left: -3000px;
}

.clearAnchor{
    position: absolute;
    top: -240px;
    right: -10px;
    display: block;
    width: 530px;
    height: 285px;
    box-sizing: border-box;   
}
.clearAnchor:hover {
    background-color: transparent; 
}