@charset "utf-8";
/* Image Gallery Slideshow CSS */

.Caption {color:#fff; z-index:2; text-shadow:1px 1px 2px #000,1px 1px 2px #000;}
.Caption a {z-index:3; color:#f90;}
.Caption span {text-align:right; font-weight:normal; padding:4px 8px; bottom:20px; right:0; position:absolute; background-color:rgba(0,0,0,0.7); height:auto; width:auto; max-width:700px;}
.Caption .top {top:40px; bottom:auto;}
.Caption .left {text-align:left; left:0; right:auto; padding:4px 8px;}
.Caption span.big {font-size:28px;}
.Caption span.small {font-size:14px;}

#ImageGallery {width:890px; height:400px;
 background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZTdmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWZmOWZmIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
 background:-moz-linear-gradient(top,rgba(191,231,255,.3) 0%, rgba(239,249,255,.15) 75%,rgba(255,255,255,0) 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(191,231,255,.3)),color-stop(75%,rgba(239,249,255,.15)),color-stop(100%,rgba(255,255,255,0)));
 background:-webkit-linear-gradient(top,rgba(191,231,255,.3) 0%,rgba(239,249,255,0.15) 75%,rgba(255,255,255,0) 100%);
 background:-o-linear-gradient(top,rgba(191,231,255,.3) 0%,rgba(239,249,255,.15) 75%,rgba(255,255,255,0) 100%);
 background:-ms-linear-gradient(top,rgba(191,231,255,.3) 0%,rgba(239,249,255,.15) 75%,rgba(255,255,255,0) 100%);
 background:linear-gradient(to bottom,rgba(191,231,255,.3) 0%,rgba(239,249,255,.15) 75%,rgba(255,255,255,0) 100%);
 margin:15px auto 8px; position:relative; padding:14px; color:#fff;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
 box-shadow:20px 0 15px -15px rgba(0,0,0,.15), -15px 0 20px -15px rgba(0,0,0,.15);}
 .pics {width:860px; height:370px; margin:0; padding:0; position:relative; top:0;}
 #slideshow.pics {border:1px solid rgba(243,243,243,0.3); list-style:none;}
 #slideshow.pics li > a {display:block; line-height:0;}
 
/* SLIDESHOW - CONTROLS */
#ImageGalleryControls {z-index:100; display:block;}
 #ImageGalleryControls span{width:40px; height:40px; position:absolute; z-index:1000; top:22px; cursor:pointer;}
  #ImageGalleryControls span#prev {left:22px;}
  #ImageGalleryControls span#next {right:22px;}

/* SLIDESHOW - ROTATING TIMER */
div.ImageGalleryTimer {width:40px; height:40px; overflow:hidden; position:absolute; bottom:22px; left:22px; cursor:pointer; z-index:1001;}
 div.ImageGalleryTimer * {display:block;}
  div.rotator, div.mask{display:inline;}
	div.rotator, div.mask, span.pause {height:40px; position:absolute; top:0;}
   div.rotator {width:40px; left:-20px; background:transparent; z-index:3;}
   div.mask {width:20px; right:0; z-index:2; overflow:hidden;}
  div.rotator.move, div.mask.move {left:0;}
   div.mask.move {width:40px; background:transparent;}
  div.outerClass, div.mask.move div.outerClass2 {width:20px; height:40px; overflow:hidden;}
  div.innerClass, div.mask.move div.innerClass2 {width:40px; height:40px; border:3px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
   -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box;}
   div.innerClass {margin-right:20px;}
   div.mask.move div.outerClass2 {float:right;}
   div.mask.move div.innerClass2 {margin-left:-20px;}
  span.pause {width:40px; left:0; z-index:4;}

/* SLIDESHOW - ICONS */
div.ImageGalleryTimer div,
#ImageGalleryControls span[class*="entypo-"]:before {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
 #ImageGalleryControls span[class*="entypo-"]:before, .ImageGalleryTimer span#pbtn:before {display:block; height:40px; width:40px; color:#fff; text-align:center;}
  #ImageGalleryControls span[class*="entypo-"]:before {line-height:35px; font-size:38px; border:3px solid #fff;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
   #ImageGalleryControls span#prev:before {top:0;text-indent:-4px;}
   #ImageGalleryControls span#next:before {top:0;text-indent:4px;}  
  .ImageGalleryTimer span#pbtn:before {line-height:40px; font-size:23px; text-indent:-1px;}
   .ImageGalleryTimer span#pbtn.active:before {content:'\25b6'; text-indent:1px;} /* .entypo-play Symbol */

/* SLIDESHOW - FX */
#ImageGalleryControls span, div.ImageGalleryTimer {opacity:.4;}
#ImageGallery:hover #ImageGalleryControls span, #ImageGallery:hover div.ImageGalleryTimer {opacity:.65;}
#ImageGallery:hover #ImageGalleryControls span:hover, #ImageGallery:hover div.ImageGalleryTimer:hover, #ImageGallery:hover span.pause:hover, span.pause.active {opacity:1;}
 
#ImageGalleryControls, #ImageGalleryControls span, div.ImageGalleryTimer {
 -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; -o-transition:all 0.25s linear; -ms-transition:all 0.25s linear; transition:all 0.25s linear;}
span.pause {-webkit-transition:opacity 0.25s linear; -moz-transition:opacity 0.25s linear; -o-transition:opacity 0.25s linear; -ms-transition:opacity 0.25s linear; transition: opacity 0.25s linear;}

/* ANTI ALIASING FIX */
div.ImageGalleryTimer, div.mask, div.mask.move, div.outerClass, div.mask.move div.outerClass2 {/*-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);*/-webkit-backface-visibility:hidden;}