.slide
{
position:absolute;
top:0;
width:100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
z-index:5;
line-height:.2;
overflow:hidden;
line-height:.5;
}


.slide.active
{
display:block;
}

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

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

.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;
}

.caption, .caption2
{
display:none;
}

.active .caption, .active .caption2
{
display:block;
}



#slide_outer
{
padding: 0 0 0 0;
margin: 0 auto;
float:none;
overflow:hidden;
position:relative;
display:block;
height:auto;
width:auto;
left:0px;
width:100%;
-webkit-box-shadow: 0px 7px 7px -2px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    0px 7px 7px -2px rgba(50, 50, 50, 0.45);
box-shadow:         0px 7px 7px -2px rgba(50, 50, 50, 0.45);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

@media only screen and (min-width: 980px)
{

#slide_outer
{
top:0px;
}
}

.caption
{
position:absolute;
bottom:-150px;
left:10%;
width:auto;
height:auto;
background:rgba(0,0,0,.7);
    color: #fff;
    font-family: "Open Sans",Arial;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
    padding: 1px 4px 0;
}

.caption2
{
position:absolute;
bottom:-150px;
left:15%;
width:auto;
height:auto;
color: #000;
font-family: "Open Sans",Arial;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
    padding: 1px 4px ;
background:rgba(2,130,159,.7);
/* background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(121, 34, 101, 0) 1%, rgba(121, 34, 101, 0.78) 13%, rgba(121, 34, 101, 1) 27%, rgba(121, 34, 101, 1) 78%, rgba(121, 34, 101, 1) 98%) repeat scroll 0 0; */
font-size: 30px;
font-weight: bold;
}

.captiontext a {
    color: #fff;
    text-decoration: underline;
    }
    
    .captiontext a:hover {
    color: #f507db;
    text-decoration: underline;
    }
    
    

@media (max-width: 650px) {

#nextcontainer, #previouscontainer, #pause, .slidenav
{
display:none!important;
}


}



.captiontext
{
position:relative;
left:0;
color:#fff;
font-family:Helvetica, sans-serif;
width:100%;
padding: 5px 30px 5px 3.5%;
text-align:center;
 white-space: nowrap;
}

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


 .shortslide .active .caption2,  .shortslide .inactive .caption2 {
    -webkit-animation: aniCaption3 12s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation: aniCaption3 12s;
	animation-fill-mode: forwards;
    
}


 .active .caption2, .inactive .caption2 {
    -webkit-animation: aniCaption2 12s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation: aniCaption2 12s;
	animation-fill-mode: forwards;
    
}


 #prev
{
position:relative;
z-index:50;
cursor:pointer;
padding:10px;
display:block;
background: transparent;
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;
}

#slide_outer:hover #prev i, #slide_outer:hover #next i
{
display:block!important;
font-size:34px;
color:#fff;
}

#pause.pause
{
position:relative;
z-index:50;
cursor:pointer;
padding:10px;
display:inline-block;
background: transparent url(/templates/blainetransuev2/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/blainetransuev2/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;
font-size:0px;
color:transparent;
width:18px;
height:20px;
padding: 0 0 0 0;
margin: 0 0px 0px 0;
left:-10px;
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:50;
}

#previouscontainer
{
display:block;
position:absolute;
left:0;
height:100%;
width:48px;
top:0;
z-index:50;
padding: 0 10px 0 10px;
}


#nextcontainer
{
display:block;
position:absolute;
right:0;
height:100%;
width:48px;
top:0;

z-index:50;
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;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes aniCaption {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	12% { bottom:60%; }
	100% { bottom:60%; }
}

/* Standard syntax */
@keyframes aniCaption {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	12% { bottom:60%; }
	100% { bottom:60%; }
}




@media only screen and (min-width: 1230px)
{


/* Chrome, Safari, Opera */
@-webkit-keyframes aniCaption2 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:51.5%; }
	100% { bottom:51.5%; }
}

/* Standard syntax */
@keyframes aniCaption2 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:51.5%; }
	100% { bottom:51.5%; }
}


/* Chrome, Safari, Opera */
@-webkit-keyframes aniCaption3 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:48%; }
	100% { bottom:48%; }
}

/* Standard syntax */
@keyframes aniCaption3 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:48%; }
	100% { bottom:48%; }
}
}



@media only screen and (max-width: 1230px)
{
@-webkit-keyframes aniCaption2 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:49.7%; }
	100% { bottom:49.7%; }
}


@keyframes aniCaption2 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:49.7%; }
	100% { bottom:49.7%; }
}



@-webkit-keyframes aniCaption3 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:35.65%; }
	100% { bottom:35.65%; }
}

@keyframes aniCaption3 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:35.65%; }
	100% { bottom:35.65%; }
}

}

@media only screen and (max-width: 980px)
{

@-webkit-keyframes aniCaption2 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:48.5%; }
	100% { bottom:48.5%; }
}


@keyframes aniCaption2 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:48.5%; }
	100% { bottom:48.5%; }
}


@-webkit-keyframes aniCaption3 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:36.65%; }
	100% { bottom:36.65%; }
}


@keyframes aniCaption3 {
	0%   { bottom:0;  opacity:0;}
	7%   { bottom:0; opacity:0;}
	10%   { opacity:1; }
	15% { bottom:36.65%; }
	100% { bottom:36.65%; }
}

}


@media only screen and (max-width: 900px)
{

.caption
{
font-size:26px;
}

.caption2
{
font-size:20px;
}

}

@media only screen and (max-width: 650px)
{
.caption, .caption2
{
display:none!important;
}
}

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

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


#editing
{
width:90%;
position:relative;
margin:0 auto;
}