.slide
{
position:absolute;
top:0;
width:100%;
height:auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
z-index:5;
line-height:0;
min-height:280px;
}


.slide.active
{
display:block;
}

/* .slide.hiddenSlide
{
display:none;
} */

.slide img
{
width:100%;
height:auto;
display:block;
margin:0 auto;
-webkit-box-shadow: 1px 3px 6px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 3px 6px 2px rgba(0,0,0,0.5);
box-shadow: 1px 3px 6px 2px rgba(0,0,0,0.5);
}

.slide img.full
{
width:100%;
height:auto;
}

#slideshow_container
{
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow:hidden;
position:relative;
display:block;
height:auto;
width:auto;
top:0;
}


#previewmode #slideshow_container
{
max-height:150px;
}


#slide_outer
{
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow:hidden;
position:relative;
display:block;
height:auto;
width:100%;
left:0;
right:auto;
top:0;
}

.caption
{
position:absolute;
bottom:-100%;
left:0%;
color:#fff;
width:100%;
height:auto;
padding:22px 8% 22px 0%;
font-size: 30px;
line-height: 1;
font-weight:100;
display:table;
z-index:40;
}

@media (max-width: 650px) {
.caption
{
font-size:14px;
}

}



.captiontext
{
position:relative;
left:0%;
margin:0 auto;
color:#eee;
width:90%;
max-width:1080px;
/* background:rgba(000,000,000,0.5); */
/* background: #3e218a; */
background: transparent;
text-align:center;
font-family:Helvetica, sans-serif;
padding: 25px 2% 25px 2%;
line-height:1;
display:block;
}

 .active .caption, .inactive .caption {
    -webkit-animation: aniCaption 10s; /* Chrome, Safari, Opera */
    animation: aniCaption 10s;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes aniCaption {
    0%   {bottom:-100%;}
    14%  {bottom:52%;}
	65%  {bottom:52%;}
    97% {bottom:-100%;}
}

/* Standard syntax */
@keyframes aniCaption {
  0%   {bottom:-100%;}
    14%  {bottom:52%;}
	65%  {bottom:52%;}
    97% {bottom:-100%;}
}

.active .caption.activecap {
    -webkit-animation: aniCaption2 2s; /* Chrome, Safari, Opera */
    animation: aniCaption2 2s;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

/* Chrome, Safari, Opera */
/* @-webkit-keyframes aniCaption2 {
    0%   {left:48px;}
    80% {left:-100%;}
}
 */
/* Standard syntax */
/*
@keyframes aniCaption2 {
    0%   {left:48px;}
    80% {left:-100%;}
}
*/




/*  .active .caption .captiontext, .inactive .caption .captiontext {
    -webkit-animation: aniCaptionText 2s; 
    animation: aniCaptionText 2s;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
*/
/* Chrome, Safari, Opera */
/*
@-webkit-keyframes aniCaptionText {
    from {left:-100%;}
    to {left:7%;}
}
*/
/* Standard syntax */
/*
@keyframes aniCaptionText {
    from {left:-100%;}
    to {left:7%;}
} */

 #prev
{
position:relative;
z-index:50;
cursor:pointer;
padding:10px;
display:block;
background: transparent url(/templates/wildfireweb_2017/images/dotbutton.png) no-repeat top left;
font-size:0px;
color:transparent;
width:18px;
height:20px;
padding: 0 0 0 0;
margin: 0 0px 0px 0;
left:4px;
top:40%;
opacity:.6;
}

#pause.pause
{
position:relative;
z-index:50;
cursor:pointer;
padding:10px;
display:inline-block;
background: transparent url(/templates/wildfireweb_2017/images/pausebutton.png) no-repeat top left;
font-size:0px;
color:transparent;
width:18px;
height:20px;
padding: 0 ;
margin: 0 0 0 0;
left:3px;
opacity:.6;
}

#pause.unpause
{
position:relative;
z-index:50;
cursor:pointer;
padding:10px;
display:inline-block;
background: transparent url(/templates/wildfireweb_2017/images/playbutton.png) no-repeat top left;
font-size:0px;
color:transparent;
width:18px;
height:20px;
padding: 0;
margin: 0 0 0 0;
left:0;
opacity:.6;
}


#next
{
position:relative;
z-index:50;
cursor:pointer;
padding:10px;
display:block;
background: transparent url(/templates/wildfireweb_2017/images/dotbutton.png) no-repeat top left;
font-size:0px;
color:transparent;
width:18px;
height:20px;
padding: 0 0 0 0;
margin: 0 0px 0px 0;
left:5px;
top:40%;
opacity:.6;
}

.slidenav
{
display:block;
position:absolute;
width:28px;
padding:14px 10px 14px 10px;
margin:0 0 0;
left:0;
bottom:3%;
height:19px;
z-index:11;
}

#previouscontainer
{
display:block;
position:absolute;
left:0;
height:100%;
width:28px;
top:0px;
background: rgba(54,44,42,0);
z-index:10;
padding: 0 10px 0 10px;
}


#nextcontainer
{
display:block;
position:absolute;
right:0;
height:100%;
width:28px;
top:0px;
background: rgba(54,44,42,0);
z-index:10;
padding: 0 10px 0 10px;
}


#slidedots
{
display:block;
position:relative;
left:10px;
float:left;
width:90%;
height:32px;
z-index:50;
top:15px;
}

.navdot
{
display:inline-block;
position:relative;
left:0;
float:left;
width:20px;
height:20px;
background:#999;
z-index:55;
margin: 0 5px 0 0;
}


@media only screen and (max-width: 700px)
{
.caption
{
font-size:14px;
}
}

@media only screen and (max-width: 480px)
{
.captiontext
{
font-size:12px;
}
.caption
{
padding-top:5px;
padding-bottom:5px;
}

#next, #prev
{
top:20px;
}
}

@media only screen and (max-width:890px)
{
.caption
{
font-size:16px;
}
}

@media only screen and (max-width: 980px)
{
#nextcontainer, #previouscontainer
{
top:0;
}
}

@media only screen and (min-width: 980px)
{
#previewmode #slide_outer
{
padding-top:0px;
}

}