/** 
 * 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;
    height: 24px;
    width: 50%;
}

.autoplay-status {
    height: 24px;
    width: 25px;
}

.seq-autoplay .seqPlay {
    display: none;
}
.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 3px;
    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 {
    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;
    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, .layer-panels svg.seqPagCurrent, .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 {
    box-shadow: 1px 1px 12px #eee;
    -moz-box-shadow: 1px 1px 12px #eee;
    -webkit-box-shadow: 1px 1px 12px #eee;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none outside none;
    overflow: hidden;
    box-sizing: border-box;
}

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

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

li.theme1 .layer1 {
    left: 52.5%;
    top: 100%;
    width: 43.8%;
    height: 40%;
    transform: translate3d(0px, 0px, 0px);
}

li.theme1.seq-in .layer1 {
    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.theme1 .layer {
    left: -50%;
    top: 1%;
    width: 40%;
    height: 55%;
}

li.theme1.seq-in .layer {
    left: 72.2%;
}

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

li.theme2 > * {
    opacity: 0;
}

li.theme2.seq-in .bg-model, li.theme2.seq-in .layer1, li.theme2.seq-in .layer,
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 .layer {
    width: 40%;
    left: 101%;
    height: 55%;
    -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 .layer {
    left: 65%;
    top: 0;
}

li.theme2.seq-out .layer {
    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 .layer,
li.theme3.seq-in .title, li.theme3.seq-in .video, 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 .layer,
li.theme3.seq-out .title, li.theme3.seq-out .video, 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 .layer {
    left: 52.5%;
    top: 100%;
    width: 40%;
    height: 55%;
    transform: translate3d(0px, 0px, 0px);
}

li.theme3.seq-in .layer {
    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 .layer {
    left: -50%;
    top: 1%;
    width: 40%;
    height: 55%;
}

li.theme4.seq-in .layer {
    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 .layer {
    opacity: 0;
    left: -50%;
    top: 7.7%;
    width: 40%;
    height: 55%;
}

li.theme5.seq-in .layer {
    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;
}

/*---------------------------------------*/
/* THEME STYLES */

li.theme0 > * {
    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;
}

/*background img*/
li.theme0 .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.theme0.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;
}

/*end background img*/

li.theme0 .layer {
    opacity: 0;
    left: 6.8%;
    top: 101%;
    width: 40%;
    height: 55%;
    transform: translate3d(0px, 0px, 0px);
}

li.theme0.seq-in .layer {
    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.theme0 .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.theme0.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.theme0.seq-out .title {
    opacity: 0;
    top: -50%;
}

li.theme0 .subtitle {
    text-align: left;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    width: 63%;
    height: 20%;
    left: 36%;
    top: 100%;
}

li.theme0.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.theme0.seq-out .subtitle {
    top: 100%;
}

li.theme0 .register-button {
    opacity: 1;
    left: 48%;
    top: 101%;
    text-decoration: none;
    line-height: 1;
}

li.theme0.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.theme0.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 {
    }
}

.gutter {
    background-color: #eee;

    background-repeat: no-repeat;
    background-position: 50%;
}

#dataTable {
    display: flex;
}

.gutter.gutter-horizontal {
    background-image: url('../images/vertical.png');
    cursor: ew-resize;
}

.new_layer.video {
    opacity: 1;
}

li .video {
    opacity: 0;
    left: 6.8%;
    top: 101%;
    width: 31%;
    transform: translate3d(0px, 0px, 0px);
}

li.seq-in .video {
    border: 1px dotted #ccc;
    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.seq-in .video video {
    max-width: 100% !important;
    display: block;
}

#add_popup_layer_content .input-video {
    border-radius: 0;
    box-shadow: none;
    border: none ;
    background: #eee;
    margin-bottom: 15px;
    width: 70% !important;
}

.seqPagCurrent, .seqPag, .seqPlay, .seqPause {
    vertical-align: baseline;
}