@charset "utf-8";
 /* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@200;400;500;700&display=swap');
*{margin:0;padding:0;}

.parent
 {
   align:center;
   display:block;
   width:96%;
   max-width:980px;
   height:90vh;
   margin: auto;
   padding-top:1em;

   z-index:2;
   position: relative;
 }

.diy-slideshow{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
   overflow: hidden;
   justify-content: center;
   align-items: center;
   margin: auto;
   height:auto;
   /*height:75vw;
   max-height: 653px;*/
   z-index:-1;
   
   /*-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 1px;*/
   
 }
.slidecontent{

   
   overflow: hidden;
   position: relative;
   align-items: center;
   margin:auto;
   height:100%;
   
   /*box-shadow: 0px 0px 10px -5px #32332c;*/
   
 }
 @media screen and (max-width:550px) {

figure{
   /*margin-bottom:-5px;*/
 }
 }
 @media screen and (max-width:600px) {

}
 figure{

   position: absolute;
   display: block;
   align-items: center;
   /*justify-content: center;*/
   opacity: 0;
   transition: 1s opacity;
   margin:auto;
   z-index:-1;
 }

 figcaption{
  line-height:1.75em;
font-family: 'Spartan', sans-serif;	
font-weight:200;
color:#999999;
margin:0em;
padding:0em;
text-align:justify;
}
 /*figcaption{
   line-height:2.25em;
   position: absolute;
   font-family: 'Spartan', sans-serif;
   font-weight:500;
   font-size: 100%;
   top: 102%;
   padding:0.00em;
   text-align:left;

   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;

   color:#666666;

	
 }
 figcaption a{
   color: #666666;
 }*/
 figure.show{
   opacity: 1;
   position: relative;
   display: block;
   align-items: center;
   /*margin-top: auto;*/
   margin: auto;
   transition: 1s opacity;
   height:auto;

 }
 .next, .prev{
   font-family: 'Spartan', sans-serif;
   font-weight:500;
   font-size: 100%;

   color: #f6fbfb;
   position: absolute;
   background: #000000;
   top: 50%;
   z-index: 3;
   
   margin-top: -0.75em;
   opacity: 0.6;
   user-select: none;
 }
 .next:hover, .prev:hover{
   cursor: pointer;
   opacity: 1;
 }
 .next{
   position: absolute;
   right: 0;
   padding: 5px 0px 10px 5px;
   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;
}*/