@charset "utf-8";
 /* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,700");
*{margin:0;padding:0;}

.parent
 {
   align:center;
   display:block;
   width:96%;
   max-width:980px;
   height:auto;
   margin:2.25em auto;
   padding:0em;	
   z-index:2;
   position: relative;
 }

.diy-slideshow{
   display: block;
   overflow: hidden;
   position:relative;
   height:auto;
   /*max-height: 650px;*/
   z-index:-1;
   background: rgba(255, 255, 252, 0.9);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   
 }
.slidecontent{
   display: block;
   overflow: hidden;
   position:relative;
   height:auto;
   box-shadow: 0px 0px 10px -5px #32332c;
   
 }
 @media screen and (max-width:550px) {

figure{
   margin-bottom:-5px;
 }
 }
 @media screen and (max-width:600 px) {
figure{
   margin-bottom:-10px;
 }
}
 figure{
   position: absolute;
   opacity: 0;
   transition: 1s opacity;
   margin-bottom:-14px;
   z-index:-1;
 }
 figcaption{
   position: absolute;
   font-family: 'Roboto', sans-serif;	
   font-size: 1em;
   font-weight:400italic;
   bottom: .75em;
   right: .35em;
   padding: .25em;
   color: #edf2d8;
   background: #32332c;
   background: rgba(0,0,0, .25);
   border-radius: 2px;
 }
 figcaption a{
   color: #edf2d8;
 }
 figure.show{
   opacity: 1;
   position: relative;
   transition: 1s opacity;
   height:auto%;
 }
 .next, .prev{
   color: #fff;
   position: absolute;
   background: #32332c;
   background: rgba(0,0,0, .6);
   top: 50%;
   z-index: 3;
   font-size: 2em;
   margin-top: -.75em;
   opacity: .85;
   user-select: none;
 }
 .next:hover, .prev:hover{
   cursor: pointer;
   opacity: 1;
 }
 .next{
   position: absolute;
   right: 0;
   padding: 10px 5px 15px 10px;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   z-index:3;
 }
 .prev{
   position: absolute;
   left: 0;
   padding: 10px 10px 15px 5px;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   z-index:3;
 }
 /*p{
   margin: 10px 20px;
   color: #fff;
 }
 a{
   color:#fff;
}*/