@charset "utf-8";
/* CSS Document */

/*------------ base background images for slides outside of media queries------------ */
.slide1 .bgimg, .slide2 .bgimg, .slide3 .bgimg, .slide4 .bgimg, .slide5 .bgimg {
background-repeat: repeat-x;
background-position: 50% 0%;
}	

/*------------ Container(s) ------------ */
#sequence-theme ul,
#sequence-theme ul li {
margin: 0;
padding: 0;
}
#sequence-theme ul li { list-style: none }
#sequence-theme {
width: 100%;
height: 370px;
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden;
margin: 0 0 40px 0;
}

.lt-ie8 #sequence-theme {
top: 0;
}

#sequence-theme #sequence {
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: transparent;
box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2);
}
#sequence-theme #sequence.sequence-fallback { overflow: hidden }

/*------------ Navigation ------------ */

#sequence-theme .next,
#sequence-theme .prev {
cursor: pointer;
top: 50%;
margin-top: -30px;
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
position: absolute;
z-index: 200;
font-family: 'entypo';
right: -50px;
display: block;
width: 48px;
height: 50px;
text-decoration: none;
font-size: 14px;
line-height: 50px;
color: #fff;
background: #000;
text-align: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: inset 0 4px 5px -2px rgba(0, 0, 0, 0.20);
-moz-box-shadow: inset 0 4px 5px -2px rgba(0, 0, 0, 0.20);
box-shadow: inset 0 4px 5px -2px rgba(0, 0, 0, 0.20);
}

#sequence-theme.sequence-pages .next, #sequence-theme.sequence-pages .prev {
cursor: pointer;
top: 6%;
margin-top: -30px;
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
position: absolute;
z-index: 200;
font-family: 'entypo';
right: -50px;
display: block;
width: 48px;
height: 50px;
text-decoration: none;
font-size: 14px;
line-height: 50px;
color: #fff;
background: #000;
text-align: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: inset 0 4px 5px -2px rgba(0, 0, 0, 0.20);
-moz-box-shadow: inset 0 4px 5px -2px rgba(0, 0, 0, 0.20);
box-shadow: inset 0 4px 5px -2px rgba(0, 0, 0, 0.20);
}

#sequence-theme .prev {
left: -50px;
right: auto;
}
#sequence-theme .prev:hover,
#sequence-theme .next:hover { opacity: .5 }
#sequence-theme:hover .next {
opacity: .5;
right: 10px;
}
#sequence-theme:hover .prev {
opacity: .5;
left: 10px;
}
#sequence-theme .next i {
position: relative;
left: 2px;
*top:10px;
}
#sequence-theme .prev i {
position: relative;
left: -2px;
*top:10px;
}

/*------------ Control Dots ------------ */
#sequence-theme .nav {
background-color: transparent;
bottom: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 999;

}
#sequence-theme .nav li {
margin: 10px 2px 5px 2px;
padding: 0;
line-height: 1;
display: inline-block;
zoom: 1;
*display: inline;
}
#sequence-theme .nav li a {
width: 10px;
height: 10px;
display: block;
background: #ddd;
cursor: pointer;
text-indent: 9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
padding: 0;
}
#sequence-theme .nav li a:hover { background: #000 }
#sequence-theme .nav li a.active {
background: #000;
cursor: default;
}
.lt-ie8 #sequence-theme .nav {
position: relative;
overflow:visible;
background:#fff;
}

/*------------ Base Slide Styles ------------ */
.slide-image img {
max-width: 100%;
display: block;
margin: 0 auto;
max-height: 350px;
}
#sequence-theme .bgimg {
position: absolute;
top: 0;
left: 0;
height: 100%;
opacity: 0;
width: 100%;
}


/*------------ caption ------------ */

#sequence-theme .caption {
z-index: 2;
}
#sequence-theme .caption h2 {
font-size:380%;
text-shadow: none;
}
#sequence-theme .caption h3 {
font-size:220%;
line-height:1.4;
/*text-shadow: 2px -2px 2px rgba(0,0,0,.5);*/
text-shadow: none;
}

#sequence-theme .caption.light {
color: #fff;
}
#sequence-theme .caption.dark {
color: #000;
}
#sequence-theme .caption.light h2 {
text-shadow: none;

}
#sequence-theme .caption.dark h2 {
text-shadow: none;
}

.lt-ie9 #sequence-theme .caption h2 {
font-size:280%;
}

.lt-ie9 #sequence-theme .caption h3 {
font-size:180%;
}

/*------------ Background Image Animation ------------ */
#sequence-theme .animate-in .bgimg {
opacity: 1;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
display: block;
}
#sequence-theme .animate-out .bgimg {
opacity: 1;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-ms-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
display: none;
}
/* ----------- TITLE on left - left to right animation ------------*/
#sequence-theme .title-left-to-right-animate {
position: absolute;
left: -100%;
opacity: 0;
top: 75px;
width: 40%;
}
#sequence-theme .animate-in .title-left-to-right-animate {
left: 10%;
opacity: 1;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .title-left-to-right-animate {
left: 200%;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
/* ----------- TITLE on right - right to left animation  ------------*/
#sequence-theme .title-right-to-left-animate {
right: -100%;
position: absolute;
top: 100px;
width: 40%;
}
#sequence-theme .animate-in .title-right-to-left-animate {
right: 10%;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .title-right-to-left-animate {
right: -100%;
opacity: 0;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
/* -----------  IMAGE on LEFT from bottom out to the left   ------------*/
#sequence-theme .left-img-from-bottom-out-to-left {
left: 5%;
width: 40%;
position: absolute;
top: 800px;
z-index: 5;
}
#sequence-theme .animate-in .left-img-from-bottom-out-to-left {
left: 5%;
top: 25px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .left-img-from-bottom-out-to-left {
left: -100%;
opacity: 0;
top: 25px;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-ms-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
}
/* ----------- IMAGE on RIGHT from bottom out to the right  ------------*/
#sequence-theme .right-img-from-bottom-out-to-right {
right: 5%;
width: 40%;
position: absolute;
top: 800px;
z-index: 5;
}
#sequence-theme .animate-in .right-img-from-bottom-out-to-right {
right: 5%;
top: 25px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .right-img-from-bottom-out-to-right {
right: -100%;
opacity: 0;
top: 25px;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-ms-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
}
/* -----------  IMAGE on RIGHT from top out to the right  ------------*/
#sequence-theme .right-img-from-top-out-to-right {
right: 0;
position: absolute;
width: 45%;
top: -800px;
z-index: 10;
}
#sequence-theme .animate-in .right-img-from-top-out-to-right {
right: 0;
top: 25px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .right-img-from-top-out-to-right {
right: 0;
top: -800px;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-ms-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
}
/* Title from top center */
#sequence-theme .title-from-top-animate {
left: 0;
position: absolute;
width: 100%;
top: -800px;
text-align: center;
z-index: 99;
}
#sequence-theme .animate-in .title-from-top-animate {
left: 0;
top: 500px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .title-from-top-animate {
left: 0;
top: -800px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
/* IMAGE from bottom center */
#sequence-theme .img-from-bottom {
left: 0;
width: 100%;
position: absolute;
top: 60px;
z-index: 10;
}
#sequence-theme .animate-in .img-from-bottom {
left: 0;
bottom: -100px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .img-from-bottom {
left: 0;
opacity: 0;
bottom: 50px;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-ms-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
}


/* IMAGE from top center */
#sequence-theme .img-from-top {
left: 0;
width: 100%;
position: absolute;
top: -800px;
z-index: 10;
}
#sequence-theme .animate-in .img-from-top {
left: 0;
top: 200px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#sequence-theme .animate-out .img-from-top {
left: 0;
opacity: 0;
top: -800px;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-ms-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
}

/*------------------- LARGE Screens ------------------- */
@media only screen and (min-width: 1980px) { 
#sequence-theme .bgimg { background-size: 100% }
#sequence-theme #sequence { height: 590px }
#sequence-theme { height: 610px }
.slide-image img { max-height: 500px }
#sequence-theme .title-left-to-right-animate { top: 175px }
#sequence-theme .title-right-to-left-animate { top: 175px }
#sequence-theme .animate-in .left-img-from-bottom-out-to-left,
#sequence-theme .animate-out .left-img-from-bottom-out-to-left { top: 50px }
#sequence-theme .animate-in .right-img-from-top-out-to-right { top: 50px }
#sequence-theme .animate-in .right-img-from-bottom-out-to-right,
#sequence-theme .animate-out .right-img-from-bottom-out-to-right { top: 50px }
#sequence-theme .animate-in .title-from-top-animate { top: 50px }
}

@media only screen and (max-width: 1250px) { 
#sequence-theme .caption h2 { font-size: 280% }
#sequence-theme .caption h3 { font-size: 180% }
}

@media only screen and (max-width: 980px) { 
#sequence-theme { margin-bottom: 30px }
#sequence-theme .caption h2 { font-size: 200% }
#sequence-theme .caption h3 { font-size: 150% }
.slide-image img { max-height: 350px }
#sequence-theme .title-left-to-right-animate { top: 50px }
#sequence-theme .title-right-to-left-animate { top: 50px }
#sequence-theme .animate-in .left-img-from-bottom-out-to-left,
#sequence-theme .animate-out .left-img-from-bottom-out-to-left { top: 25px }
#sequence-theme .animate-in .right-img-from-top-out-to-right { top: 25px }
#sequence-theme .animate-in .right-img-from-bottom-out-to-right,
#sequence-theme .animate-out .right-img-from-bottom-out-to-right { top: 25px }
#sequence-theme .animate-in .title-from-top-animate { top: 50px }
}
/*---------------------------------------*/
@media only screen and (max-width: 850px) { 
#sequence-theme .caption {
text-align: center;
margin: 0;
}
#sequence-theme .caption br {
display:none;
}
#sequence-theme .caption h2 { padding: 0 3% }
#sequence-theme .title-left-to-right-animate {
left: -100%;
top: 20px;
width: 100%;
}
.slide-image img { max-height: 250px }
#sequence-theme .animate-in .title-left-to-right-animate { left: 0% }
#sequence-theme .animate-out .title-left-to-right-animate { left: 200% }
#sequence-theme .title-right-to-left-animate {
right: -100%;
position: absolute;
top: 20px;
width: 100%;
}
#sequence-theme .animate-in .title-right-to-left-animate { right: 0% }
#sequence-theme .animate-out .title-right-to-left-animate { right: -100% }
#sequence-theme .left-img-from-bottom-out-to-left {
left: 0%;
width: 100%;
}
#sequence-theme .animate-in .left-img-from-bottom-out-to-left {
left: 0%;
top: 140px;
}
#sequence-theme .animate-out .left-img-from-bottom-out-to-left {
left: -100%;
top: 140px;
}
#sequence-theme .right-img-from-bottom-out-to-right {
right: 0%;
width: 100%;
}
#sequence-theme .animate-in .right-img-from-bottom-out-to-right {
right: 0%;
top: 140px;
}
#sequence-theme .animate-out .right-img-from-bottom-out-to-right {
right: -100%;
opacity: 0;
top: 140px;
}
#sequence-theme .right-img-from-top-out-to-right {
right: 0;
width: 100%;
}
#sequence-theme .animate-in .right-img-from-top-out-to-right {
right: 0;
top: 140px;
}
#sequence-theme .title-from-top-animate {
left: 0;
width: 100%;
text-align: center;
}
#sequence-theme .animate-in .title-from-top-animate {
left: 0;
top: 80px;
color: #fff;
}
.title-from-top-animate { background-color: #000; opacity: 0.7; }
#sequence h2, #sequence h3 { color: #fff; }
#sequence-theme .animate-out .title-from-top-animate { left: 0 }
/* IMAGE from bottom center */
#sequence-theme .img-from-bottom {
left: 0;
width: 100%;
}
#sequence-theme .animate-in .img-from-bottom {
left: 0;
bottom: 20px;
}
#sequence-theme .animate-out .img-from-bottom {
left: 0;
opacity: 0;
bottom: -100px;
}
}
@media only screen and (max-width: 767px) { 
#sequence-theme { margin: -20px 0 10px 0 }
#sequence-theme .next,
#sequence-theme .prev {
width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
box-shadow: inset 0 4px 5px -2px rgba(0, 0, 0, 0.20);
}
#sequence-theme .next i {
left: 1;
}
#sequence-theme .prev i {
left: 0;
}

}

@media only screen and (max-width: 500px) { 
#sequence-theme .caption h2 { font-size: 150% }
#sequence-theme .caption h3 { font-size: 120% }
.slide-image img { max-height: 200px }
}
@media only screen and (max-width: 480px) { 
#sequence-theme #sequence { height: 230px }
#sequence-theme { height: 250px }
.slide-image img { max-height: 130px }
#sequence-theme .caption h2 { font-size: 145% }
#sequence-theme .caption h3 { font-size: 95% }
#sequence-theme .animate-in .left-img-from-bottom-out-to-left,
#sequence-theme .animate-out .left-img-from-bottom-out-to-left,
#sequence-theme .animate-in .right-img-from-bottom-out-to-right,
#sequence-theme .animate-out .right-img-from-bottom-out-to-right,
#sequence-theme .animate-in .right-img-from-top-out-to-right { top: 100px }
}

/* max height !!! */
@media only screen and (max-height:321px) {

#sequence-theme #sequence { height: 175px }
#sequence-theme { height: 200px }
.slide-image img { max-height: 100px }
#sequence-theme .title-left-to-right-animate {
top: 10px;
}

#sequence-theme .caption h2 { font-size: 120% }
#sequence-theme .caption h3 { font-size: 80% }
#sequence-theme .animate-in .left-img-from-bottom-out-to-left, 
#sequence-theme .animate-out .left-img-from-bottom-out-to-left, 
#sequence-theme .animate-in .right-img-from-bottom-out-to-right, 
#sequence-theme .animate-out .right-img-from-bottom-out-to-right, 
#sequence-theme .animate-in .right-img-from-top-out-to-right { top: 60px }


}