.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.cycle-slideshow {


margin: 10px auto;
padding: 0;
position: relative;
}


.cycle-slideshow div.slide {
width: 100%;
height: 100%
}

.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: 100%;
padding: 0;
display: block;
}




/* in case script does not load */


/*.cycle-slideshow img:first-child {
position: static;
z-index: 100;
}
*/
.cycle-slideshow2 {
  width: 247px;
  margin: 1px auto;
  padding: 0;
  position: relative;

}
.cycle-slideshow2 img {
  width: 247px;
}

.cycle-pager {
text-align: center;
width: 100%;
z-index: 500;
position: absolute;
top: 1px;
overflow: hidden;
}



.cycle-pager span {
font-family: arial;
font-size: 50px;
width: 16px;
height: 16px;
display: inline-block;
color: #ddd;
cursor: pointer;
}



.cycle-pager span.cycle-pager-active {
color: #D69746;
}



.cycle-pager > * {
cursor: pointer;
}