/* Sequence Slider */

#slider_holder {
height: 100%;
position: relative;
}

#sequence {
/*backface-visibility prevents graphical glitches when frames are animating*/
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;

overflow: hidden;
}
#sequence ul {
margin: 0;
}
#sequence ul li{ 
z-index: 1;
margin: 0 !important;
}

.prev, .next {
cursor: pointer;
position: absolute;
top: 170px;
height: 36px;
width: 30px;
z-index: 20;		
background: #556167;
background: rgba(85, 97, 103, 0.7);

transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;

filter: alpha(opacity=0); 
opacity: 0;

}
.prev {
left: 0;
}
.next {
right: 0;
}

.next > span, .prev > span {
display: block;
height: 16px;
width: 10px;
margin:10px;
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-moz-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-ms-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-o-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000);		
}
.prev > span {
background: url(../img/icons/sec-prev.html) no-repeat;

}
.next > span {
background: url(../img/icons/sec-next.html) no-repeat;
}




#sequence li > * {
position: absolute;
}

#sequence {
height: 400px;
margin: 0 auto;
position: relative;
max-width: 1400px;
}

.info {
color: black;
left: 0;
top: 25%;
width: 45%;
z-index: 10;
vertical-align: middle;
opacity: 0;
filter: alpha(opacity=0);
display: none;
}

.info.animate-in {
left: 0;
top: 25%;
opacity: 1;
filter: alpha(opacity=100); 	
/*-webkit-transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
-moz-transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
-ms-transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
-o-transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s; 
transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;*/
-webkit-transition: opacity 5000ms ease-in;
-moz-transition: opacity 5000ms ease-in;
-ms-transition: opacity 5000ms ease-in;
-o-transition: opacity 5000ms ease-in;
transition: opacity 5000ms ease-in;
}

.info.animate-out {
/*left: 80%;*/
left: 0;
filter: alpha(opacity=0); 
opacity: 0;
-webkit-transition: opacity 5000ms ease-out;
-moz-transition: opacity 5000ms ease-out;
-ms-transition: opacity 5000ms ease-out;
-o-transition: opacity 5000ms ease-out;
transition: opacity 5000ms ease-out;
}


.info  h2{
color: #fff;
/*	text-shadow: 0 1px 0 rgba(0,0,0,0.2);*/	
/*padding: 0px 7px;*/
padding: 5px 0px;
font-size: 38px;
line-height: 45px;
letter-spacing: 0px;
text-transform: uppercase;	
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin: 0 0 6px 0;
}
.info h3{
color: #214C93;
/*background: #42AFEF;*/
/*color: #42AFEF;*/
/*padding: 4px 6px;*/
padding: 2px 0px;
font-size: 20px;
line-height: 16px;
letter-spacing: 0px;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;	
margin: 0 0 24px 0;
}
.info p{
color: #fff;
width:80%;
font-size: 16px;
line-height: 24px;
/*text-shadow: 0 1px 0 rgba(256, 256, 256, 0.5);*/
margin: 0 0 28px;
margin-top: 6px;
}
.info a.link{
color: #3c4549;
width:80%;
font-size: 14px;
line-height: 25px;
text-shadow: 0 1px 0 rgba(256, 256, 256, 0.5);
margin: 0 0 14px;
}
.slider_img {
max-height: 100%;
width: auto;
/*right: 0%;*/
left: 25%;
top: 0px;
filter: alpha(opacity=0); 
opacity: 0;
z-index: 6;
}

.slider_img.animate-in {
/*right:0;*/
left: 20%;
top: 0px;
filter: alpha(opacity=100); 
opacity: 1;
z-index: 4;
/*	
-webkit-transition: all 1s cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
-moz-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
-ms-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
-o-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
transition: all 1s  cubic-bezier(0.5,0.1,0.1,0.9) 0.3s;
*/
/*-webkit-transition: opacity 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
-moz-transition: opacity 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
-ms-transition: opacity 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
-o-transition: opacity 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s; 
transition: opacity 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;	*/

/*-webkit-transition: all 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 2000ms; 
-moz-transition: all 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 2000ms; 
-ms-transition: all 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 2000ms; 
-o-transition: all 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 2000ms; 
transition: all 5000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 2000ms;*/

-webkit-transition: all 2000ms ease-in;
-moz-transition: all 2000ms ease-in;
-ms-transition: all 2000ms ease-in;
-o-transition: all 2000ms ease-in;
transition: all 2000ms ease-in;
}

.slider_img.animate-out {
left: 2%;
top: 0px;
filter: alpha(opacity=0); 
opacity: 0;
z-index: 2;
-webkit-transition: all 1000ms ease-out;
-moz-transition: all 1000ms ease-out;
-ms-transition: all 1000ms ease-out;
-o-transition: all 1000ms ease-out;
transition: all 1000ms ease-out;
}


.slider_bgr {
height: auto;
width: 100%;
left: 0;
filter: alpha(opacity=0); 
opacity: 0;
top: 0;
vertical-align: middle;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
z-index: 1;
}

.slider_bgr.animate-in {
filter: alpha(opacity=100); 
opacity: 1;

z-index: 1;
}

.slider_bgr.animate-out {
filter: alpha(opacity=0); 
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
z-index: 1;
}


.sequence-preloader .preloading .circle {
fill: #ccc !important;
}
div.inline{
background-color: #ccc !important;
}

/* Sequence Slider::END */