/** 
 * Layerslideshow
 * 
 * We developed this code with our hearts and passion.
 * We hope you found it useful, easy to understand and to customize.
 * Otherwise, please feel free to contact us at contact@joomunited.com *
 * @package Layerslideshow
 * @copyright Copyright (C) 2014 JoomUnited (http://www.joomunited.com). All rights reserved.
 * @license GNU General Public License version 2 or later; http://www.gnu.org/licenses/gpl-2.0.html
 */

/* THEMES STYLES */

@font-face {
    font-family: 'Rancho';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/rancho.woff2) format('woff2'), url(../fonts/rancho.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/open-sans.woff2) format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/lato.woff2) format('woff2');
}

@font-face {
    font-family: 'abraham lincoln';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/abrahamlincoln.ttf);
}

@font-face {
    font-family: 'Asfalto';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/asfalto.otf);
}

@font-face {
    font-family: 'Chocolate Covered Raindrops';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/chocolate-covered-raindrops.ttf);
}

@font-face {
    font-family: 'Cooper Std Black';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/CooperBlackStd.otf);
}

@font-face {
    font-family: 'Monotype Corsiva';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/mtcorsva.ttf);
}
@font-face {
    font-family: 'Café & Brewery';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/cafeandbrewery.ttf);
}
@font-face {
    font-family: 'UTM Facebook KT';
    font-style: normal;    
    src: url(../fonts/UTM-FacebookR-KT.ttf);
}
.seq-navigation {
    bottom: 0;
    left:43%;
    position: absolute;
    z-index: 10;
    height: 24px;
    width: 50%;    
}
.autoplay-status {
    height: 24px;
    width: 25px;
}

.autoplay-status .seq-autoplay {
    background-image: url(../images/skin.png);
    background-position: -453px -75px;   
    display: inline-block;
    width: 20px;
    cursor: pointer;
    height: 24px;   
    z-index: 1000;
}

.autoplay-status.stopped .seq-autoplay {
    background-image: url(../images/skin.png);
    background-position: -300px -75px;   
}

.seq-navigation ul.seq-pagination {    
    margin: 0 ;   
    padding: 0px;    
    z-index: 100;  
    height: 24px;
    position: absolute;
    left: 20px;
    bottom: 0;
}

.seq-navigation ul.seq-pagination li {
    margin: 0px 0px 0px 0px;    
    float: left;
    display: inline-block;
    
}

.seq-navigation  ul.seq-pagination > li::before, .sequence ul.seq-canvas > li::before{
	content: none;
}
.seq-navigation ul.seq-pagination li span {
    //height: 10px; width: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../images/skin.png);
    background-position: 0px -150px;
    padding: 0;
    border: 0;  
    cursor: pointer;   
   
}
.seq-pagination li span:hover {
    background-position: -75px -150px;
}
.seq-pagination li.seq-current span {
    background-position: -75px -150px !important;
}
.previewBox .seq-pagination li.current img {
    opacity: 1; 
}

.previewBox .seq-prev, .previewBox .seq-next{
    position:absolute;
    z-index: 10000;
    cursor: pointer;
    height: 50px;
    text-indent: -999em;
    width: 40px;
    border: 0;
    top: 50%;
    margin-top: -25px;
    visibility: visible;
}
.previewBox .seq-next {
    background-image: url(../images/skin.png);
    background-position: -150px 0px;
    right: 0;
}

.previewBox .seq-prev {
    background-image: url(../images/skin.png);
    background-position: 0px 0px;
    left: 0;
}
/*
.site.previewBox .seq-prev, .site.previewBox .seq-next{
    display: none !important;
}
*/
.previewBox  .sequence:hover>.seq-prev, .previewBox  .sequence:hover>.seq-next{
    display: block !important;
}
.previewBox  .sequence:hover>.seq-navigation{
    display: block !important;
}
/* Arrow set1 */
.previewBox.arrow1 .seq-prev, .previewBox.arrow1 .seq-next{
    text-indent: 0;
    background: none;
}
.previewBox.arrow1 .seq-prev{
    left: 5px;
}
.previewBox.arrow1 .seq-next {
    right: 5px;
}
.previewBox.arrow1 .autoplay-status.stopped .seq-autoplay, .previewBox.arrow1 .autoplay-status .seq-autoplay,
.previewBox.arrow1 .seq-pagination li span, .previewBox.arrow1 .seq-pagination li.seq-current span
{
    background: none;
}
.previewBox.arrow1 .autoplay-status.stopped svg.seqPause, .previewBox.arrow1 svg.seqPlay,
.previewBox.arrow1 .seq-pagination .seqPagCurrent , .previewBox.arrow1 .seq-pagination .seq-current .seqPag
{
    display: none;
}
.previewBox.arrow1 .seq-pagination li {
    margin-left: 5px;
}
.previewBox.arrow1 .autoplay-status.stopped svg.seqPlay,
.previewBox.arrow1 .seq-pagination .seq-current .seqPagCurrent
{
     display: inline-block;
}

/* Arrow set2 */
.previewBox.arrow2 .seq-prev, .previewBox.arrow2 .seq-next{
    text-indent: 0;
    background: none;
}
.previewBox.arrow2 .seq-prev{
    left: 5px;
}
.previewBox.arrow2 .seq-next {
    right: 5px;
}
.previewBox.arrow2 .autoplay-status.stopped .seq-autoplay, .previewBox.arrow2 .autoplay-status .seq-autoplay,
.previewBox.arrow2 .seq-pagination li span, .previewBox.arrow2 .seq-pagination li.seq-current span
{
    background: none;
}
.previewBox.arrow2 .autoplay-status.stopped svg.seqPause, .previewBox.arrow2 svg.seqPlay,
.previewBox.arrow2 .seq-pagination .seqPagCurrent , .previewBox.arrow2 .seq-pagination .seq-current .seqPag
{
    display: none;
}
.previewBox.arrow2 .seq-pagination li {
    margin-left: 5px;
}
.previewBox.arrow2 .autoplay-status.stopped svg.seqPlay,
.previewBox.arrow2 .seq-pagination .seq-current .seqPagCurrent
{
     display: inline-block;
}


/* Arrow set3 */
.previewBox.arrow3 .seq-prev, .previewBox.arrow3 .seq-next{
    text-indent: 0;
    background: none;
}
.previewBox.arrow3 .seq-prev{
    left: 5px;
}
.previewBox.arrow3 .seq-next {
    right: 5px;
}
.previewBox.arrow3 .autoplay-status.stopped .seq-autoplay, .previewBox.arrow3 .autoplay-status .seq-autoplay,
.previewBox.arrow3 .seq-pagination li span, .previewBox.arrow3 .seq-pagination li.seq-current span
{
    background: none;
}
.previewBox.arrow3 .autoplay-status.stopped svg.seqPause, .previewBox.arrow3 svg.seqPlay,
.previewBox.arrow3 .seq-pagination .seqPagCurrent , .previewBox.arrow3 .seq-pagination .seq-current .seqPag
{
    display: none;
}
.previewBox.arrow3 .seq-pagination li {
    margin-left: 5px;
}
.previewBox.arrow3 .autoplay-status.stopped svg.seqPlay,
.previewBox.arrow3 .seq-pagination .seq-current .seqPagCurrent
{
     display: inline-block;
}


/* Arrow set4 */
.previewBox.arrow4 .seq-prev, .previewBox.arrow4 .seq-next{
    text-indent: 0;
    background: none;
}
.previewBox.arrow4 .seq-prev{
    left: 5px;
}
.previewBox.arrow4 .seq-next {
    right: 5px;
}
.previewBox.arrow4 .autoplay-status.stopped .seq-autoplay, .previewBox.arrow4 .autoplay-status .seq-autoplay,
.previewBox.arrow4 .seq-pagination li span, .previewBox.arrow4 .seq-pagination li.seq-current span
{
    background: none;
}
.previewBox.arrow4 .autoplay-status.stopped svg.seqPause, .previewBox.arrow4 svg.seqPlay,
.previewBox.arrow4 .seq-pagination .seqPagCurrent , .previewBox.arrow4 .seq-pagination .seq-current .seqPag
{
    display: none;
}
.previewBox.arrow4 .seq-pagination li {
    margin-left: 5px;
}
.previewBox.arrow4 .autoplay-status.stopped svg.seqPlay,
.previewBox.arrow4 .seq-pagination .seq-current .seqPagCurrent
{
     display: inline-block;
}
/* End arrows */

.previewBox {
    position: relative;
    font-size: 13px;
}

.previewBox .sequence {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%;    
}
.previewBox .sequence > .seq-canvas {
    height: 100%;
    width: 100%; 
    margin:0; padding: 0;
    list-style:none outside none; 
}

.previewBox .sequence > .seq-canvas > li {
    position: absolute;
    width: 100%;
    height: 100%;
	margin:0;
	padding: 0;
	overflow-x: hidden;
}

.previewBox .sequence > .seq-canvas li > * {
    position: absolute;
    z-index:2;
    /* only cause the left and opacity properties to transition */
    -webkit-transition-property: left, right, top, bottom, opacity;
    -moz-transition-property: left, right, top, bottom, opacity;
    -ms-transition-property: left, right, top, bottom, opacity;
    -o-transition-property: left, right, top, bottom, opacity;
    transition-property: left, right, top, bottom, opacity;

    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;

    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.previewBox .seq-preloader {
    background: #d9d9d9; 
}
.previewBox .seq-preloader {
  visibility: visible;
}
.previewBox .seq-preloader.seq-preloaded {
  visibility: hidden;
}
.previewBox .seq-preloader .seq-preload-circle {
  fill: white;
}


.start{position: absolute; left: 45%; top: 94.5%}

.transition-slow-down > *{
    -webkit-transition-duration: 0.1s!important;
    -moz-transition-duration: 0.1s!important;
    -ms-transition-duration: 0.1s!important;
    -o-transition-duration: 0.1s!important;
    transition-duration: 0.1s!important;
}
li img.layers-bg {
	margin: 0;
}

/* THEME1 STYLES */
li.theme1.seq-in {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; 
}

li.theme1 .title {  
    top: -50%;
    left: 5%;      
    width: 50%;  
    opacity: 0;    
    font-family: "abraham lincoln";
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 1.1;
    text-transform: uppercase;
}

li.theme1.seq-in .title {
    top: 20%;
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; 
}

li.theme1.seq-out .title {
    top: 101%;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; }

li.theme1 .subtitle {
    left: 5%;
    top: -101%; 
    width: 50%;
    opacity: 0; 
    font-family: "abraham lincoln";
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
}

li.theme1.seq-in .subtitle {
    opacity: 1;
    top: 39%;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; }

li.theme1.seq-out .subtitle {
    top: 100%;
    opacity:1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; }

li.theme1 .register-button{
    left: 101%;
    top: 70%;
    display: block;
    background: none;      
    color: #fff;
    text-decoration:none; 
    border-width: 1px;
    border-color: #fff;
    border-radius: 0px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 8px 12px 8px;	
}
li.theme1 .register-button:hover {
    background: #a1a1a1;      
    color: #fff;
}
li.theme1.seq-in .register-button{
    left: 24.5%;
    top: 70%;
    opacity:1;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;

}
li.theme1.seq-out .register-button{
    left: 101%;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

li.theme1 .bg-model{
    right:-100%;
    width:100%;
    height:100%;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
li.theme1.seq-in .bg-model{
    right:0;
}
li.theme1.seq-out .bg-model{
    right: 100%;
    opacity: 0
}


/*----------- THEME2 STYLES -----------*/

li.theme2 > * {	
    opacity:0;
}

li.theme2.seq-in .bg-model, li.theme2.seq-in .layer1,
li.theme2.seq-in .title , li.theme2.seq-in .subtitle{
    opacity: 1;
}

li.theme2 .layer1{
    left: 101%;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; 
}

li.theme2.seq-in .layer1{   
    left: 65%;
    top: 0;
}
li.theme2.seq-out .layer1{

    left: 101%;
}

li.theme2 .title {
    color: #fff;
    top: -50%;
    left: 8%;  
    font-size: 24px;
    line-height: 1.1;
    font-family: 'Open Sans, sans-serif';
    width: 50%;  
    height: 16.7%;
    opacity: 0; 
    
}

li.theme2.seq-in .title {    
    top: 20%;
    opacity: 1; 
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;

}
li.theme2.seq-out .title {
    top: 100%;
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; 
}


li.theme2 .subtitle {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    width: 47% ;    
    height: 10%;
    left: 8%;
    top: -101%;

}

li.theme2.seq-in .subtitle {
    top: 45%;
    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -ms-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;

}
li.theme2.seq-out .subtitle {
    top: -101%;
    opacity: 0;

    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -ms-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s; 
}


li.theme2 .register-button{
    left: 101%;
    top: 70%;
    display: block;

    background: -moz-linear-gradient(center top , #f7a1c2, #c74d69) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(center top , #f7a1c2, #c74d69) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(center top , #f7a1c2, #c74d69) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(#f7a1c2, #c74d69) repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a1c2', endColorstr='#c74d69',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-decoration:none; 
    border-width: 0;
    border-radius: 3px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 8px 12px 8px;

}
li.theme2.seq-in .register-button{
    left: 8%;
    top: 70%;
    opacity:1;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;

}
li.theme2.seq-out .register-button{
    left: 101%;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}



/*---------------------------------------*/

/* THEME3 STYLES */


li.theme3{
    position: relative;
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
}

li.theme3 > * {
    position: absolute;
    opacity:0;
    -webkit-transition-property: top, left, right, bottom, opacity;
    -moz-transition-property: top, left, right, bottom, opacity;
    -ms-transition-property: top, left, right, bottom, opacity;
    -o-transition-property: top, left, right, bottom, opacity;
    transition-property: top, left, right, bottom, opacity;

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

li.theme3 > div > img{
    max-width:100%;
    max-height:100%;
}

li.theme3.seq-out{
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;

}
li.theme3.seq-in .layers-bg, li.theme3.seq-in .layer1, li.theme3.seq-in .layer2,
li.theme3.seq-in .title , li.theme3.seq-in .subtitle{
    opacity: 1;
}
li.theme3.seq-out .layers-bg, li.theme3.seq-out .layer1, li.theme3.seq-out .layer2,
li.theme3.seq-out .title , li.theme3.seq-out .subtitle{
    opacity: 0;
}

li.theme3 .layers-bg{
    width:100%;
    height:100%;
}
li.theme3.seq-in .layers-bg{	
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;

    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}


li.theme3 .layer1{
    left: 100%; 
    top: -2.33%;
    width: 40.7%;
    transform: translate3d(0px, 0px, 0px);
}
li.theme3.seq-in .layer1{	
    left: 56.3%;    
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;

}

li.theme3 .layer2{
    left: 52.5%; 
    top: 100%;
    width: 43.8%;
    transform: translate3d(0px, 0px, 0px);
}
li.theme3.seq-in .layer2{
    opacity:1;
    top: 33.6%;
    left: 52.5%; 
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;

}


li.theme3 .title{
    color: #ffffff;        
    font-size: 72px;
    line-height: 1.1;
    font-family: "Monotype Corsiva" ;
    width: 40%;   
    height: 26%;
    left: 5%; 
    top: 100%;		
}
li.theme3.seq-in .title{

    top: 8.5%;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
li.theme3.seq-out .title{	
    top: 100%;
}

li.theme3 .subtitle{

    font-family: "Café & Brewery";        
    font-size: 32px;         
    line-height: 1.1;
    color: #fff;
    width: 30%;  
    height: 12%;
    left: 14.4%;
    top: 100%;	
    
    transform: translate3d(0px, 0px, 0px);
}
li.theme3.seq-in .subtitle{
    top: 42%;
    -webkit-transition-delay: top 2.5s;
    -moz-transition-delay: top 2.5s;
    -ms-transition-delay: top 2.5s;
    -o-transition-delay: top 2.5s;
    transition-delay: top 2.5s;
}
li.theme3.seq-out .subtitle{
    top: 100%;	
}

li.theme3 .register-button{
    opacity: 0; 
    left: 22.5%; 
    top: 101%; 
    text-decoration: none;
    color: #fff;
    font-size: 18px;  
    line-height: 1;
    text-align: center;
    background: #984f27;
    border: #ffe699 2px solid;        
    padding: 11px 20px;        
    border-radius: 15px;    

}
li.theme3 .register-button:hover {
    color: #fff;
    background: #b5b36a;
}

li.theme3.seq-in .register-button{
    top: 65%;
    opacity: 1; 
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    -ms-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s;
}
li.theme3.seq-out .register-button{
    top: -101%;
    opacity:0;
}

/*---------------------------------------*/

/* THEME4 STYLES */

li.theme4 > * {
    position: absolute;
    z-index: 2;
    -webkit-transition-property: left, right, top, bottom, opacity;
    -moz-transition-property: left, right, top, bottom, opacity;
    -ms-transition-property: left, right, top, bottom, opacity;
    -o-transition-property: left, right, top, bottom, opacity;
    transition-property: left, right, top, bottom, opacity;

    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}	


li.theme4 .layers-bg{
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

li.theme4.seq-in .layers-bg{
    opacity: 1;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

li.theme4.seq-out .layers-bg{
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

li.theme4 .layer1{
    left: -50%;
    top: 1%;     
    width: 43.3%;            
}
li.theme4.seq-in .layer1{
    left: 72.2%;
}

li.theme4 .layer2{
    left: -50%;
    top: 0%;
    width: 45%;
    transform: translate3d(0px, 0px, 0px);
}
li.theme4.seq-in .layer2{
    left: 20.8%; 
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

li.theme4 .layer3{
    left: 45.3%;
    top: -100%;
    width: 43.3%;    
    transform: translate3d(0px, 0px, 0px);
}
li.theme4.seq-in .layer3{
    opacity:1;
    left: 45.3%; 
    top: 3%;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

li.theme4 .title{
    color: #c2c908;    
    font-family: "Cooper Std Black";
    font-weight: bold;
    font-size: 60px;
    line-height: 1.1;
    text-align: center;
    width: 40%;    
    height: 22%;    
    left: 0%; 
    top: 0%;
    opacity:0;	
    transform: translate3d(0px, 0px, 0px);
}
li.theme4.seq-in .title{
    opacity:1;
    top: 17%;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
li.theme4.seq-out .title{	
    top: 0%;
}

li.theme4 .subtitle{
    text-align: center;
    color: #fdb710;    
    font-family: "Cooper Std Black";    
    font-size: 60px;
    line-height: 1.1;
    text-transform: none;
    opacity:0;	
    width: 40%;    
    height: 22%;
    left: 0%;
    top: 100%;		
    transform: translate3d(0px, 0px, 0px);
}
li.theme4.seq-in .subtitle{
    top: 36%;
    opacity:1;	
    -webkit-transition-delay: top 2.5s;
    -moz-transition-delay: top 2.5s;
    -ms-transition-delay: top 2.5s;
    -o-transition-delay: top 2.5s;
    transition-delay: top 2.5s;
}
li.theme4.seq-out .subtitle{
    top: 100%;	
}

li.theme4 .register-button{
    opacity: 1; 
    left: 11%; 
    top: 101%; 
    text-decoration: none;
    color: #fff;
    background: #f6680b;
    border: #f04949 1px solid;        
    padding: 8px 20px;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    /* font-family: 'Rancho'; */
    transform: translate3d(0px, 19.2173px, 0px);
}
li.theme4 .register-button:hover {
    color: #fff;
    background: #f59056;
}
li.theme4.seq-in .register-button{
    top: 56.7%;
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    -ms-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s;
}
li.theme4.seq-out .register-button{
    top: -101%;
    opacity:0
}

/*---------------------------------------*/

/* THEME5 STYLES */

li.theme5 > * {
    position: absolute;

    -webkit-transition-property: bottom, top, opacity;
    -moz-transition-property: bottom, top, opacity;
    -ms-transition-property: bottom, top, opacity;
    -o-transition-property: bottom, top, opacity;
    transition-property: bottom, top, opacity;

    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
li.theme5 .layers-bg{
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

li.theme5.seq-in .layers-bg{
    opacity: 1;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

li.theme5 .layer1{
    opacity: 0;
    left: -50%;
    top: 7.7%;     
    width: 10%;            
}
li.theme5.seq-in .layer1{
    left: 6.8%;
    opacity: 1;
}

li.theme5 .layer2{
    opacity: 0;
    left: 19%;
    top: -100%;     
    width: 10%;    
    transform: translate3d(0px, 0px, 0px);
}
li.theme5.seq-in .layer2{
    top:  7.7%;
    opacity:1;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}


li.theme5 .layer3{
    opacity: 0;
    left: 6.8%;
    top: 101%;    
    width: 10%;   
    transform: translate3d(0px, 0px, 0px);
}
li.theme5.seq-in .layer3{
    opacity:1;        
    top: 42.5%; 
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

li.theme5 .layer4{
    opacity: 0;
    left: 101%;
    top: 42.5%; 
    width: 10%;   
    transform: translate3d(0px, 0px, 0px);
}
li.theme5.seq-in .layer4{
    opacity:1;
    left: 19%;

    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;

}
li.theme5 .title{
    opacity: 0;
    color: #ffffff;        
    font-size: 42px;
    line-height: 1.1;
    font-family: "UTM Facebook K&T";    

    width: 50%;    
    height: 16.7%;
    left: 36%; 
    top: -50%;
    transform: translate3d(0px, 0px, 0px);
}
li.theme5.seq-in .title{
    opacity:1;
    top: 11%;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
li.theme5.seq-out .title{	
    opacity: 0;
    top: -50%;
}

li.theme5 .subtitle{
    text-align: left;   
    color: #fff;
    font-size: 22px;     
    line-height: 1.2;
    width: 63%;
    height: 20%;
    left: 36%;
    top: 100%;		    
}
li.theme5.seq-in .subtitle{
    top: 30%;
    -webkit-transition-delay: top 2.5s;
    -moz-transition-delay: top 2.5s;
    -ms-transition-delay: top 2.5s;
    -o-transition-delay: top 2.5s;
    transition-delay: top 2.5s;
}
li.theme5.seq-out .subtitle{
    top: 100%;	
}

li.theme5 .register-button{
    opacity: 1; 
    left: 48%; 
    top: 101%; 
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background: #487ef2;
    border: #fff 1px solid;        
    padding: 8px 20px;
    text-align: center;
    border-radius: 8px;

}
li.theme5.seq-in .register-button{
    top: 60%;
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    -ms-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s;
}
li.theme5.seq-out .register-button{
    top: -101%;
    opacity:0
}

.seq-canvas .register-button, .seq-canvas .btn_label{
    border-style: solid;
	text-decoration: none;
}
.seq-canvas .register-button:hover, .seq-canvas .btn_label:hover {
	text-decoration: none;
}

/*---------------------------------------*/

/* Responsive */


@media all and (max-width: 768px){
    a.seq-next, a.seq-prev{
        transform: scale(0.5);
    }
    .seq-pagination li, a.seq-autoplay{
        transform: scale(0.7);
    }
}

@media all and (max-width: 768px) and (min-width: 480px){
    li.theme1 .subtitle, li.theme2 .subtitle, li.theme3 .subtitle, li.theme4 .subtitle , li.theme5 .subtitle{
       // display: none!important ;
    }

}


@media all and (max-width: 480px){
    li.theme1 > a:not(.register-button), li.theme1 > img:not(.layers-bg), li.theme1 > div,
    li.theme2 > a:not(.register-button), li.theme2 > img:not(.layers-bg), li.theme2 > div, li.theme2 > h2, li.theme2 > span,
    li.theme3 > a:not(.register-button), li.theme3 > img:not(.layers-bg), li.theme3 > div,
    li.theme4 > a:not(.register-button), li.theme4 > img:not(.layers-bg), li.theme4 > div,
    li.theme5 > a:not(.register-button), li.theme5 > img:not(.layers-bg), li.theme5 > div    
    {
        //display:none!important;
    }
    li.theme1 .subtitle, li.theme2 .subtitle, li.theme3 .subtitle, li.theme4 .subtitle , li.theme5 .subtitle{
       display: none!important ;
    }
    li.theme1.seq-in a.register-button, li.theme2.seq-in a.register-button, li.theme3.seq-in a.register-button,
    li.theme4.seq-in a.register-button , li.theme5.seq-in a.register-button
    {
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        -ms-transition-delay: 0.7s;
        -o-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }


    div.previewBox{
        height: auto!important;
    }
    
    .sequence .seq-autoplay {
        left: 41%;
    }
    ul.seq-pagination, div.pause{
       // display:none!important;
    }
}