@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

a,
a.active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

html {
    font-size: 62.5%
}

body,
p {
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    padding: 0;
    margin: 0;
    color: rgba(50, 51, 51, .8);
    line-height: 2.6rem
}

body {
    background: #f1f1f1
}

p {
    font-weight: 400
}

.h3,
.h4,
h3,
h4 {
    font-family: "Montserrat", sans-serif;;
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1b273d
}

.h1,
h1 {
    font-family: "Montserrat", sans-serif;;
    font-size: 6.8rem;
    line-height: 10.2rem;
    line-height: 8rem
}

.h2,
h2 {
    font-family: "Montserrat", sans-serif;;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    line-height: 4rem
}

.h3,
h3 {
    font-size: 3.6rem;
    line-height: 3.9000000000000004rem;
    line-height: 4rem
}

.h4,
.h5,
h4,
h5 {
    font-size: 1.6rem
}

.h3 a,
h3 a {
    color: inherit
}

.h3 a:hover,
h3 a:hover {
    color: #554bb9
}

.h4,
h4 {
    line-height: 2.4000000000000004rem;
    line-height: 2rem
}

.lgx-table thead tr th,
blockquote {
    font-weight: 400;
    text-align: center
}

.h4 a,
h4 a {
    color: inherit
}

.h4 a:hover,
h4 a:hover {
    color: #554bb9
}

.h5,
h5 {
    line-height: 2.4000000000000004rem;
    line-height: 2rem
}

.h6,
h6 {
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    line-height: 1.8rem
}

blockquote,
blockquote p {
    font-family: "Montserrat", sans-serif;;
    font-size: 1.6rem;
    line-height: 2.4000000000000004rem
}

img {
    max-width: 100%
}
.sponsors-area .tercerCat {
    height: 10rem;
}
table td,
table th {
    border: 1px solid #ddd;
    padding: .5rem 1px
}
.iframe-container {
    position: relative;
    width: 100%;
    height: 6380px;
    overflow: hidden;
    box-sizing: border-box; /* Asegura que el tamaño total incluya el relleno y los bordes */
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    box-sizing: border-box; /* Asegura que el tamaño total incluya el relleno y los bordes */
}

.centrado{
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-flex {
    display: flex;
}

.lgx-table thead tr {
    background: rgba(85, 75, 185, .2)
}

.lgx-table thead tr th {
    border-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-family: "Montserrat", sans-serif;;
    text-transform: uppercase;
    color: #1b273d
}

.lgx-table tbody tr td,
.lgx-table tbody tr th {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 4px solid #f9f9f9;
    background: rgba(85, 75, 185, .05);
    text-align: center;
    border-right: 2px solid #f9f9f9
}

.lgx-table tbody tr td:hover,
.lgx-table tbody tr th,
.lgx-table tbody tr th:hover {
    background: rgba(85, 75, 185, .1)
}

a {
    color: #483fa1
}

a.active,
a:focus,
a:hover {
    color: #7870c7;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.btn:active,
.btn:focus,
button:active,
button:focus,
input[type=submit]:active,
input[type=submit]:focus,
input[type=button]:active,
input[type=button]:focus {
    outline: 0
}

.lgx-inner {
    padding: 5% 0
}

blockquote {
    overflow: hidden;
    color: #1b273d;
    margin: 2rem auto;
    display: block;
    padding: 1rem 1.5rem;
    position: relative;
    border-left: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

blockquote p {
    opacity: 1
}

blockquote:after,
blockquote:before {
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    font-size: 2rem;
    line-height: 3rem;
    opacity: .3;
    color: #554bb9
}

blockquote footer {
    float: none !important;
    color: #554bb9
}

blockquote:after {
    content: "\f10e";
    right: 7px
}

blockquote:before {
    content: "\f10d";
    left: 7px;
    text-align: center
}

.lgx-social {
    font-size: 26px;
    margin-left: 0
}

.lgx-social li {
    color: #554bb9;
    list-style-type: none;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    transition: ease .3s;
    opacity: .7;
    margin-bottom: 5px
}

.lgx-social li a {
    color: inherit;
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 0 2px 10px rgba(52, 61, 71, .2);
    -moz-box-shadow: 0 2px 10px rgba(52, 61, 71, .2);
    box-shadow: 0 2px 10px rgba(52, 61, 71, .2)
}


.iframe-agenda{
    width: 100%;
    height: 145vh ; 
    overflow-y: hidden;
    margin-top: 4.5%;
}
.iframe-speaker{
    width: 100%;
    height: 120vh ; 
   
    overflow-y: hidden;
}

.lgx-social li a i {
    font-size: 24px;
    line-height: 45px
}

.lgx-social li:hover {
    background: #554bb9;
    color: #554bb9;
    border-radius: 50%
}

.lgx-social li:hover a {
    border-radius: 50%;
    color: inherit
}

.lgx-social:hover>li {
    color: #554bb9;
    opacity: .3
}

.lgx-social:hover>li a {
    color: inherit
}

.lgx-social:hover>li:hover {
    opacity: 1
}

.lgx-social:hover>li:hover a {
    background: #efa506
}

.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 1.5rem 2rem;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

textarea.form-control {
    height: 170px
}

.lgxmapcanvas {
    height: 450px
}

.lgx-heading {
    text-align: center;
    margin-bottom: 6.8rem;
    overflow: hidden;
    display: block;
    margin-top: -1.6rem
}

.lgx-heading .heading {
    font-family: "Montserrat", sans-serif;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    color: #1b273d;
    font-weight: 900;
    margin: 0 0 1rem;
    text-transform: uppercase
}

.lgx-btn,
.lgx-header .lgx-navbar .lgx-nav li a,
.lgx-heading .subheading,
.lgx-subheading,
.lgx-submit,
.wpcf7-submit,
button {
    font-family: "Montserrat", sans-serif;
}

.lgx-heading .subheading {
    font-size: 2rem;
    line-height: 3rem;
    color: #1b273d;
    color: rgba(50, 51, 51, .8);
    font-weight: 400;
    margin: 0
}

.lgx-heading-white .heading,
.lgx-heading-white .subheading {
    color: #fff
}

.lgx-subheading {
    font-size: 2.4rem;
    line-height: 3.5999999999999996rem;
    text-align: center;
    color: #554bb9;
    text-transform: uppercase;
    margin-bottom: 3.9rem;
    margin-top: 0
}

.mfp-close:hover {
    background: 0 0
}

.section-btn-area {
    text-align: center;
    display: block;
    margin-top: 2.6rem
}

img.movil {
    display: none;
}

.lgx-btn,
.lgx-submit,
.wpcf7-submit,
button {
    overflow: hidden;
    border: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: 0;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
    padding: 1rem 1rem;
    display: inline-block;
    letter-spacing: .1rem;
    background: #e5007e;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-shadow: 0 8px 6px -6px rgba(50, 51, 51, .4);
    -moz-box-shadow: 0 8px 6px -6px rgba(50, 51, 51, .4);
    box-shadow: 0 8px 6px -6px rgba(50, 51, 51, .4)
}

.lgx-btn:hover,
.lgx-submit:hover,
.wpcf7-submit:hover,
button:hover {
    color: #fff;
    border-radius: 16px;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

.lgx-btn-white,
.lgx-btn-white:hover {
    color: #554bb9
}

.lgx-btn span,
.lgx-submit span,
.wpcf7-submit span,
button span {
    position: relative;
    z-index: 1
}

.lgx-btn:after,
.lgx-submit:after,
.wpcf7-submit:after,
button:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 14px;
    height: 200px;
    width: 200px;
    background: #1b273d;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
    opacity: .15
}

.lgx-btn:hover:after,
.lgx-submit:hover:after,
.wpcf7-submit:hover:after,
button:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
    height: 604%;
    width: 300px;
    left: 43px;
    border-radius: 100%
}

.lgx-btn-sm {
    padding: .8rem 2.6rem;
    font-size: 12px
}

.lgx-btn-red {
    background: #e5007e
}

.lgx-btn-yellow {
    background: #efa506
}

.lgx-btn-black {
    background: #1b273d
}

.lgx-btn-black:after,
.lgx-btn-white {
    background: #fff
}

.section-btn-area .lgx-btn {
    margin-right: .5rem
}

.lgx-btn-white:after {
    background: #ddd;
    opacity: .3
}

.mfp-wrap .lgx-btn:after,
.mfp-wrap .lgx-submit:after,
.mfp-wrap .wpcf7-submit:after,
.mfp-wrap button:after {
    background: 0 0;
    position: static
}

.mfp-wrap .mfp-arrow-left .mfp-a,
.mfp-wrap .mfp-arrow-left::after {
    border-right: none
}

.mfp-wrap .mfp-arrow-right .mfp-a,
.mfp-wrap .mfp-arrow-right::after {
    border-left: none
}

.mfp-wrap .mfp-arrow {
    height: auto;
    background: #efa506;
    border-radius: 16px
}

.mfp-wrap .mfp-arrow .mfp-a,
.mfp-wrap .mfp-arrow .mfp-b,
.mfp-wrap .mfp-arrow::after,
.mfp-wrap .mfp-arrow::before {
    top: -25px
}

.schedule-btn-area,
.sponsor-btn-area {
    margin-top: 4.2rem
}

@media (max-width:767px) {
    .lgx-btn {
        font-size: 12px;
        padding: .6rem 2rem;
        letter-spacing: 0
    }
    .movil {
        display: block;
    }
    .web {
        display: none;
    }
    .lgx-milestone-about .lgx-inner {
        background-size: cover !important;
    }
}

/*!
 * animate.css -http: //daneden.me/animate
 * Version - 3.5.1 * Licensed under the MIT license - http: //opensource.org/licenses/MIT

 * * Copyright (c) 2016 Daniel Eden */.animated {
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-delay: .5s;
     animation-delay: .5s
 }

 .animate-out {
     -webkit-animation-delay: 0s;
     animation-delay: 0s
 }

 .animated.infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite
 }

 .animated.hinge {
     -webkit-animation-duration: 2s;
     animation-duration: 2s
 }

 .animated.bounceIn,
 .animated.bounceOut,
 .animated.flipOutX,
 .animated.flipOutY {
     -webkit-animation-duration: .75s;
     animation-duration: .75s
 }

 @-webkit-keyframes bounce {

     20%,
     53%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0)
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0)
     }
 }

 @keyframes bounce {

     20%,
     53%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0)
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0)
     }
 }

 .bounce {
     -webkit-animation-name: bounce;
     animation-name: bounce;
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
 }

 @-webkit-keyframes flash {

     50%,
     from,
     to {
         opacity: 1
     }

     25%,
     75% {
         opacity: 0
     }
 }

 .flash {
     -webkit-animation-name: flash;
     animation-name: flash
 }

 @-webkit-keyframes pulse {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }
 }

 @keyframes pulse {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }
 }

 .pulse {
     -webkit-animation-name: pulse;
     animation-name: pulse
 }

 @-webkit-keyframes rubberBand {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }
 }

 @keyframes rubberBand {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }
 }

 .rubberBand {
     -webkit-animation-name: rubberBand;
     animation-name: rubberBand
 }

 @-webkit-keyframes shake {

     from,
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }
 }

 @keyframes shake {

     from,
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }
 }

 .shake {
     -webkit-animation-name: shake;
     animation-name: shake
 }

 @-webkit-keyframes headShake {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg)
     }

     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg)
     }

     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg)
     }

     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg)
     }

     50% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @keyframes headShake {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg)
     }

     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg)
     }

     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg)
     }

     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg)
     }

     50% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 .headShake {
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -webkit-animation-name: headShake;
     animation-name: headShake
 }

 @-webkit-keyframes swing {
     20% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg)
     }

     60% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg)
     }

     80% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg)
     }

     to {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg)
     }
 }

 @keyframes swing {
     20% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg)
     }

     60% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg)
     }

     80% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg)
     }

     to {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg)
     }
 }

 .swing {
     -webkit-transform-origin: top center;
     transform-origin: top center;
     -webkit-animation-name: swing;
     animation-name: swing
 }

 @-webkit-keyframes tada {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
     }
 }

 @keyframes tada {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
     }
 }

 .tada {
     -webkit-animation-name: tada;
     animation-name: tada
 }

 @-webkit-keyframes wobble {

     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
     }
 }

 @keyframes wobble {

     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
     }
 }

 .wobble {
     -webkit-animation-name: wobble;
     animation-name: wobble
 }

 @-webkit-keyframes jello {

     11.1%,
     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(.390625deg) skewY(.390625deg);
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 @keyframes jello {

     11.1%,
     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(.390625deg) skewY(.390625deg);
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 .jello {
     -webkit-animation-name: jello;
     animation-name: jello;
     -webkit-transform-origin: center;
     transform-origin: center
 }

 @-webkit-keyframes bounceIn {

     20%,
     40%,
     60%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97)
     }

     to {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
 }

 @keyframes bounceIn {

     20%,
     40%,
     60%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97)
     }

     to {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
 }

 .bounceIn {
     -webkit-animation-name: bounceIn;
     animation-name: bounceIn
 }

 @-webkit-keyframes bounceInDown {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes bounceInDown {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 .bounceInDown {
     -webkit-animation-name: bounceInDown;
     animation-name: bounceInDown
 }

 @-webkit-keyframes bounceInLeft {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes bounceInLeft {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 .bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     animation-name: bounceInLeft
 }

 @-webkit-keyframes bounceInRight {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes bounceInRight {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 .bounceInRight {
     -webkit-animation-name: bounceInRight;
     animation-name: bounceInRight
 }

 @-webkit-keyframes bounceInUp {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0)
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes bounceInUp {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0)
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .bounceInUp {
     -webkit-animation-name: bounceInUp;
     animation-name: bounceInUp
 }

 @-webkit-keyframes bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }
 }

 @keyframes bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }
 }

 .bounceOut {
     -webkit-animation-name: bounceOut;
     animation-name: bounceOut
 }

 @-webkit-keyframes bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 @keyframes bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 .bounceOutDown {
     -webkit-animation-name: bounceOutDown;
     animation-name: bounceOutDown
 }

 @-webkit-keyframes bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 @keyframes bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 .bounceOutLeft {
     -webkit-animation-name: bounceOutLeft;
     animation-name: bounceOutLeft
 }

 @-webkit-keyframes bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 @keyframes bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 .bounceOutRight {
     -webkit-animation-name: bounceOutRight;
     animation-name: bounceOutRight
 }

 @-webkit-keyframes bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 @keyframes bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 .bounceOutUp {
     -webkit-animation-name: bounceOutUp;
     animation-name: bounceOutUp
 }

 @-webkit-keyframes fadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
 }

 @-webkit-keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInDownBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInDownBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInDownBig {
     -webkit-animation-name: fadeInDownBig;
     animation-name: fadeInDownBig
 }

 @-webkit-keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft
 }

 @-webkit-keyframes fadeInLeftBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInLeftBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInLeftBig {
     -webkit-animation-name: fadeInLeftBig;
     animation-name: fadeInLeftBig
 }

 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight
 }

 @-webkit-keyframes fadeInRightBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInRightBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInRightBig {
     -webkit-animation-name: fadeInRightBig;
     animation-name: fadeInRightBig
 }

 @-webkit-keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp
 }

 @-webkit-keyframes fadeInUpBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInUpBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .fadeInUpBig {
     -webkit-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig
 }

 @-webkit-keyframes fadeOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut
 }

 @-webkit-keyframes fadeOutDown {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @keyframes fadeOutDown {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 .fadeOutDown {
     -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown
 }

 @-webkit-keyframes fadeOutDownBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 @keyframes fadeOutDownBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 .fadeOutDownBig {
     -webkit-animation-name: fadeOutDownBig;
     animation-name: fadeOutDownBig
 }

 @-webkit-keyframes fadeOutLeft {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @keyframes fadeOutLeft {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 .fadeOutLeft {
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft
 }

 @-webkit-keyframes fadeOutLeftBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 @keyframes fadeOutLeftBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 .fadeOutLeftBig {
     -webkit-animation-name: fadeOutLeftBig;
     animation-name: fadeOutLeftBig
 }

 @-webkit-keyframes fadeOutRight {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @keyframes fadeOutRight {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 .fadeOutRight {
     -webkit-animation-name: fadeOutRight;
     animation-name: fadeOutRight
 }

 @-webkit-keyframes fadeOutRightBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 @keyframes fadeOutRightBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 .fadeOutRightBig {
     -webkit-animation-name: fadeOutRightBig;
     animation-name: fadeOutRightBig
 }

 @-webkit-keyframes fadeOutUp {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes fadeOutUp {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 .fadeOutUp {
     -webkit-animation-name: fadeOutUp;
     animation-name: fadeOutUp
 }

 @-webkit-keyframes fadeOutUpBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 @keyframes fadeOutUpBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 .fadeOutUpBig {
     -webkit-animation-name: fadeOutUpBig;
     animation-name: fadeOutUpBig
 }

 @-webkit-keyframes flip {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     40% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     50% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
         transform: perspective(400px) scale3d(.95, .95, .95);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
 }

 @keyframes flip {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     40% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     50% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
         transform: perspective(400px) scale3d(.95, .95, .95);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
 }

 .animated.flip {
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-animation-name: flip;
     animation-name: flip
 }

 @-webkit-keyframes flipInX {
     from {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes flipInX {
     from {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 .flipInX {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInX;
     animation-name: flipInX
 }

 .flipInY,
 .flipOutX {
     -webkit-backface-visibility: visible !important
 }

 @-webkit-keyframes flipInY {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes flipInY {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 .flipInY {
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY
 }

 @-webkit-keyframes flipOutX {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         opacity: 0
     }
 }

 @keyframes flipOutX {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         opacity: 0
     }
 }

 .flipOutX {
     -webkit-animation-name: flipOutX;
     animation-name: flipOutX;
     backface-visibility: visible !important
 }

 @-webkit-keyframes flipOutY {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         opacity: 0
     }
 }

 @keyframes flipOutY {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         opacity: 0
     }
 }

 .flipOutY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipOutY;
     animation-name: flipOutY
 }

 @-webkit-keyframes lightSpeedIn {
     from {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg);
         opacity: 1
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes lightSpeedIn {
     from {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg);
         opacity: 1
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 .lightSpeedIn {
     -webkit-animation-name: lightSpeedIn;
     animation-name: lightSpeedIn;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
 }

 @-webkit-keyframes lightSpeedOut {
     from {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0
     }
 }

 @keyframes lightSpeedOut {
     from {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0
     }
 }

 .lightSpeedOut {
     -webkit-animation-name: lightSpeedOut;
     animation-name: lightSpeedOut;
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
 }

 @-webkit-keyframes rotateIn {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes rotateIn {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 .rotateIn {
     -webkit-animation-name: rotateIn;
     animation-name: rotateIn
 }

 @-webkit-keyframes rotateInDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes rotateInDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 .rotateInDownLeft {
     -webkit-animation-name: rotateInDownLeft;
     animation-name: rotateInDownLeft
 }

 @-webkit-keyframes rotateInDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes rotateInDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 .rotateInDownRight {
     -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight
 }

 @-webkit-keyframes rotateInUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes rotateInUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 .rotateInUpLeft {
     -webkit-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft
 }

 @-webkit-keyframes rotateInUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes rotateInUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 .rotateInUpRight {
     -webkit-animation-name: rotateInUpRight;
     animation-name: rotateInUpRight
 }

 @-webkit-keyframes rotateOut {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         opacity: 1
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
         opacity: 0
     }
 }

 @keyframes rotateOut {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         opacity: 1
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
         opacity: 0
     }
 }

 .rotateOut {
     -webkit-animation-name: rotateOut;
     animation-name: rotateOut
 }

 @-webkit-keyframes rotateOutDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }
 }

 @keyframes rotateOutDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }
 }

 .rotateOutDownLeft {
     -webkit-animation-name: rotateOutDownLeft;
     animation-name: rotateOutDownLeft
 }

 @-webkit-keyframes rotateOutDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 @keyframes rotateOutDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 .rotateOutDownRight {
     -webkit-animation-name: rotateOutDownRight;
     animation-name: rotateOutDownRight
 }

 @-webkit-keyframes rotateOutUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 @keyframes rotateOutUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 .rotateOutUpLeft {
     -webkit-animation-name: rotateOutUpLeft;
     animation-name: rotateOutUpLeft
 }

 @-webkit-keyframes rotateOutUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
         opacity: 0
     }
 }

 @keyframes rotateOutUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
         opacity: 0
     }
 }

 .rotateOutUpRight {
     -webkit-animation-name: rotateOutUpRight;
     animation-name: rotateOutUpRight
 }

 @-webkit-keyframes hinge {
     0% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     20%,
     60% {
         -webkit-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     40%,
     80% {
         -webkit-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0
     }
 }

 @keyframes hinge {
     0% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     20%,
     60% {
         -webkit-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     40%,
     80% {
         -webkit-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0
     }
 }

 .hinge {
     -webkit-animation-name: hinge;
     animation-name: hinge
 }

 @-webkit-keyframes rollIn {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes rollIn {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 .rollIn {
     -webkit-animation-name: rollIn;
     animation-name: rollIn
 }

 @-webkit-keyframes rollOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
     }
 }

 @keyframes rollOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
     }
 }

 .rollOut {
     -webkit-animation-name: rollOut;
     animation-name: rollOut
 }

 @-webkit-keyframes zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     50% {
         opacity: 1
     }
 }

 @keyframes zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     50% {
         opacity: 1
     }
 }

 .zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn
 }

 @-webkit-keyframes zoomInDown {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInDown {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .zoomInDown {
     -webkit-animation-name: zoomInDown;
     animation-name: zoomInDown
 }

 @-webkit-keyframes zoomInLeft {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInLeft {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .zoomInLeft {
     -webkit-animation-name: zoomInLeft;
     animation-name: zoomInLeft
 }

 @-webkit-keyframes zoomInRight {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInRight {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .zoomInRight {
     -webkit-animation-name: zoomInRight;
     animation-name: zoomInRight
 }

 @-webkit-keyframes zoomInUp {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomInUp {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .zoomInUp {
     -webkit-animation-name: zoomInUp;
     animation-name: zoomInUp
 }

 @-webkit-keyframes zoomOut {
     from {
         opacity: 1
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 @keyframes zoomOut {
     from {
         opacity: 1
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 .zoomOut {
     -webkit-animation-name: zoomOut;
     animation-name: zoomOut
 }

 @-webkit-keyframes zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .zoomOutDown {
     -webkit-animation-name: zoomOutDown;
     animation-name: zoomOutDown
 }

 @-webkit-keyframes zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0);
         -webkit-transform-origin: left center;
         transform-origin: left center
     }
 }

 @keyframes zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0);
         -webkit-transform-origin: left center;
         transform-origin: left center
     }
 }

 .zoomOutLeft {
     -webkit-animation-name: zoomOutLeft;
     animation-name: zoomOutLeft
 }

 @-webkit-keyframes zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0);
         -webkit-transform-origin: right center;
         transform-origin: right center
     }
 }

 @keyframes zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0);
         -webkit-transform-origin: right center;
         transform-origin: right center
     }
 }

 .zoomOutRight {
     -webkit-animation-name: zoomOutRight;
     animation-name: zoomOutRight
 }

 @-webkit-keyframes zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 .zoomOutUp {
     -webkit-animation-name: zoomOutUp;
     animation-name: zoomOutUp
 }

 @-webkit-keyframes slideInDown {
     from {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes slideInDown {
     from {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown
 }

 @-webkit-keyframes slideInLeft {
     from {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes slideInLeft {
     from {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft
 }

 @-webkit-keyframes slideInRight {
     from {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes slideInRight {
     from {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight
 }

 @-webkit-keyframes slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp
 }

 @-webkit-keyframes slideOutDown {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @keyframes slideOutDown {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 .slideOutDown {
     -webkit-animation-name: slideOutDown;
     animation-name: slideOutDown
 }

 @-webkit-keyframes slideOutLeft {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @keyframes slideOutLeft {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 .slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft
 }

 @-webkit-keyframes slideOutRight {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @keyframes slideOutRight {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 .slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight
 }

 @-webkit-keyframes slideOutUp {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes slideOutUp {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 .slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp
 }

 @-webkit-keyframes lgx-bounce {

     20%,
     53%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0)
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0)
     }
 }

 @keyframes lgx-bounce {

     20%,
     53%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     40%,
     43% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0)
     }

     70% {
         -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         animation-timing-function: cubic-bezier(.755, .05, .855, .06);
         -webkit-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0)
     }
 }

 @-webkit-keyframes lgx-flash {

     50%,
     from,
     to {
         opacity: 1
     }

     25%,
     75% {
         opacity: 0
     }
 }

 @keyframes flash {

     50%,
     from,
     to {
         opacity: 1
     }

     25%,
     75% {
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-pulse {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }
 }

 @keyframes lgx-pulse {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }
 }

 @-webkit-keyframes lgx-rubberBand {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }
 }

 @keyframes lgx-rubberBand {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }
 }

 @-webkit-keyframes lgx-shake {

     from,
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }
 }

 @keyframes lgx-shake {

     from,
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }
 }

 @-webkit-keyframes lgx-headShake {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg)
     }

     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg)
     }

     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg)
     }

     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg)
     }

     50% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @keyframes lgx-headShake {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg)
     }

     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg)
     }

     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg)
     }

     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg)
     }

     50% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @-webkit-keyframes lgx-swing {
     20% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg)
     }

     60% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg)
     }

     80% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg)
     }

     to {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg)
     }
 }

 @keyframes lgx-swing {
     20% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg)
     }

     60% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg)
     }

     80% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg)
     }

     to {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg)
     }
 }

 @-webkit-keyframes lgx-tada {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
     }
 }

 @keyframes lgx-tada {

     from,
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }

     10%,
     20% {
         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
     }

     30%,
     50%,
     70%,
     90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
     }

     40%,
     60%,
     80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
     }
 }

 @-webkit-keyframes lgx-wobble {

     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
     }
 }

 @keyframes lgx-wobble {

     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
     }

     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
     }

     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
     }

     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
     }

     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
     }
 }

 @-webkit-keyframes lgx-jello {

     11.1%,
     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(.390625deg) skewY(.390625deg);
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 @keyframes lgx-jello {

     11.1%,
     from,
     to {
         -webkit-transform: none;
         transform: none
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(.390625deg) skewY(.390625deg);
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 @-webkit-keyframes lgx-bounceIn {

     20%,
     40%,
     60%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97)
     }

     to {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
 }

 @keyframes lgx-bounceIn {

     20%,
     40%,
     60%,
     80%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
         -webkit-transform: scale3d(.97, .97, .97);
         transform: scale3d(.97, .97, .97)
     }

     to {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
 }

 @-webkit-keyframes lgx-bounceInDown {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-bounceInDown {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-bounceInLeft {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-bounceInLeft {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-bounceInRight {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-bounceInRight {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-bounceInUp {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0)
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes lgx-bounceInUp {

     60%,
     75%,
     90%,
     from,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0)
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes lgx-bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }
 }

 @keyframes lgx-bounceOut {
     20% {
         -webkit-transform: scale3d(.9, .9, .9);
         transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }
 }

 @-webkit-keyframes lgx-bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 @keyframes lgx-bounceOutDown {
     20% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 @-webkit-keyframes lgx-bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 @keyframes lgx-bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 @-webkit-keyframes lgx-bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 @keyframes lgx-bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 @-webkit-keyframes lgx-bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 @keyframes lgx-bounceOutUp {
     20% {
         -webkit-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         -webkit-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 @-webkit-keyframes lgx-fadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes lgx-fadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeInDownBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInDownBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeInLeftBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInLeftBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeInRightBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInRightBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeInUpBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-fadeInUpBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-fadeOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 @keyframes fadeOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-fadeOutDown {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @keyframes lgx-fadeOutDown {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @-webkit-keyframes lgx-fadeOutDownBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 @keyframes lgx-fadeOutDownBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0)
     }
 }

 @-webkit-keyframes lgx-fadeOutLeft {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @keyframes lgx-fadeOutLeft {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @-webkit-keyframes lgx-fadeOutLeftBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 @keyframes lgx-fadeOutLeftBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0)
     }
 }

 @-webkit-keyframes lgx-fadeOutRight {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @keyframes lgx-fadeOutRight {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @-webkit-keyframes lgx-fadeOutRightBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 @keyframes lgx-fadeOutRightBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0)
     }
 }

 @-webkit-keyframes lgx-fadeOutUp {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes lgx-fadeOutUp {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @-webkit-keyframes lgx-fadeOutUpBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 @keyframes lgx-fadeOutUpBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0)
     }
 }

 @-webkit-keyframes lgx-flip {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     40% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     50% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
         transform: perspective(400px) scale3d(.95, .95, .95);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
 }

 @keyframes lgx-flip {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     40% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }

     50% {
         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     80% {
         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
         transform: perspective(400px) scale3d(.95, .95, .95);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
 }

 @-webkit-keyframes lgx-flipInX {
     from {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes lgx-flipInX {
     from {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @-webkit-keyframes lgx-flipInY {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes lgx-flipInY {
     from {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @-webkit-keyframes lgx-flipOutX {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         opacity: 0
     }
 }

 @keyframes lgx-flipOutX {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-flipOutY {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         opacity: 0
     }
 }

 @keyframes lgx-flipOutY {
     from {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }

     30% {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         opacity: 1
     }

     to {
         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-lightSpeedIn {
     from {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg);
         opacity: 1
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes lgx-lightSpeedIn {
     from {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg);
         opacity: 1
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-lightSpeedOut {
     from {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0
     }
 }

 @keyframes lgx-lightSpeedOut {
     from {
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-rotateIn {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes lgx-rotateIn {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-rotateInDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes lgx-rotateInDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-rotateInDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes lgx-rotateInDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-rotateInUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes lgx-rotateInUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-rotateInUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes lgx-rotateInUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
         opacity: 0
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-rotateOut {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         opacity: 1
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
         opacity: 0
     }
 }

 @keyframes lgx-rotateOut {
     from {
         -webkit-transform-origin: center;
         transform-origin: center;
         opacity: 1
     }

     to {
         -webkit-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-rotateOutDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }
 }

 @keyframes lgx-rotateOutDownLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-rotateOutDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 @keyframes lgx-rotateOutDownRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-rotateOutUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 @keyframes lgx-rotateOutUpLeft {
     from {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-rotateOutUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
         opacity: 0
     }
 }

 @keyframes lgx-rotateOutUpRight {
     from {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         -webkit-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-hinge {
     0% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     20%,
     60% {
         -webkit-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     40%,
     80% {
         -webkit-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0
     }
 }

 @keyframes lgx-hinge {
     0% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     20%,
     60% {
         -webkit-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     40%,
     80% {
         -webkit-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
         -webkit-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1
     }

     to {
         -webkit-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-rollIn {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes lgx-rollIn {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes lgx-rollOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
     }
 }

 @keyframes lgx-rollOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
     }
 }

 @-webkit-keyframes lgx-zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     50% {
         opacity: 1
     }
 }

 @keyframes lgx-zoomIn {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     50% {
         opacity: 1
     }
 }

 @-webkit-keyframes lgx-zoomInDown {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes lgx-zoomInDown {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @-webkit-keyframes lgx-zoomInLeft {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes lgx-zoomInLeft {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @-webkit-keyframes lgx-zoomInRight {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes lgx-zoomInRight {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @-webkit-keyframes lgx-zoomInUp {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes lgx-zoomInUp {
     from {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @-webkit-keyframes lgx-zoomOut {
     from {
         opacity: 1
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 @keyframes lgx-zoomOut {
     from {
         opacity: 1
     }

     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3, .3, .3);
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 @-webkit-keyframes lgx-zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes lgx-zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @-webkit-keyframes lgx-zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0);
         -webkit-transform-origin: left center;
         transform-origin: left center
     }
 }

 @keyframes lgx-zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
         transform: scale(.1) translate3d(-2000px, 0, 0);
         -webkit-transform-origin: left center;
         transform-origin: left center
     }
 }

 @-webkit-keyframes lgx-zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0);
         -webkit-transform-origin: right center;
         transform-origin: right center
     }
 }

 @keyframes lgx-zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     to {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
         transform: scale(.1) translate3d(2000px, 0, 0);
         -webkit-transform-origin: right center;
         transform-origin: right center
     }
 }

 @-webkit-keyframes lgx-zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @keyframes lgx-zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
         animation-timing-function: cubic-bezier(.55, .055, .675, .19)
     }

     to {
         opacity: 0;
         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         -webkit-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
         animation-timing-function: cubic-bezier(.175, .885, .32, 1)
     }
 }

 @-webkit-keyframes lgx-slideInDown {
     from {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes lgx-slideInDown {
     from {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes lgx-slideInLeft {
     from {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes lgx-slideInLeft {
     from {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes lgx-slideInRight {
     from {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes lgx-slideInRight {
     from {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes lgx-slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes lgx-slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes lgx-slideOutDown {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @keyframes lgx-slideOutDown {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0)
     }
 }

 @-webkit-keyframes lgx-slideOutLeft {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @keyframes lgx-slideOutLeft {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 @-webkit-keyframes lgx-slideOutRight {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @keyframes lgx-slideOutRight {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 @-webkit-keyframes lgx-slideOutUp {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes lgx-slideOutUp {
     from {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0)
     }
 }

 .lgx-header {
     background: #f1f1f1
 }

 .lgx-header .lgx-inner {
     margin: 0 auto
 }

 .lgx-header .lgx-toggle {
     position: absolute;
     top: 10px;
     right: 0;
     z-index: 99;
     color: #fff
 }

 .lgx-header .dropdown-submenu,
 .lgx-header .lgx-nav-right .lgx-cart {
     position: relative
 }

 .lgx-header .lgx-toggle i {
     font-size: 26px
 }

 .lgx-header .navbar-nav li:hover>ul,
 .lgx-header .navbar-nav ul li:hover>ul {
     display: block;
     -moz-animation: fadeIn .3s ease-in;
     -webkit-animation: fadeIn .3s ease-in;
     animation: fadeIn .3s ease-in
 }

 .lgx-header .dropdown-submenu>.dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -6px;
     margin-left: -1px
 }

 .lgx-header .dropdown-submenu:hover>.dropdown-menu {
     display: block
 }

 .lgx-header .dropdown-submenu>a:after {
     display: block;
     content: " ";
     float: right;
     width: 0;
     height: 0;
     margin-top: 5px;
     margin-right: -10px
 }

 .lgx-about-img-sp:after,
 .lgx-about-threeimg:after,
 .lgx-single-speaker:after {
     content: ""
 }

 .lgx-header .dropdown-submenu.pull-left {
     float: none
 }

 .lgx-header .dropdown-submenu.pull-left>.dropdown-menu {
     left: -100%;
     margin-left: 10px
 }

 .lgx-header .lgx-navbar {
     margin-bottom: 0;
     border: none;
     background: 0 0;
     border-radius: 0
 }

 .lgx-header .lgx-navbar .container {
     padding-right: 0;
     padding-left: 0
 }

 .lgx-header .lgx-navbar .lgx-nav {
     position: relative;
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .4s;
     animation-timing-function: linear
 }

 .lgx-header .lgx-navbar .lgx-nav li a {
     font-size: 1.2rem;
     line-height: 2.4000000000000004rem;
     font-weight: 400;
     text-transform: uppercase;
     opacity: .8;
     letter-spacing: .06rem;
     padding: 32px 11px;
     color: #1b273d
 }

 .lgx-header .lgx-navbar .lgx-nav li a:hover {
     background: 0 0;
     color: #ff8100;
     opacity: 1
 }

 .lgx-header .lgx-navbar .lgx-nav .active a {
     background: 0 0;
     color: #ff8100;
 }

 .lgx-header .lgx-navbar .lgx-nav .dropdown-menu {
     background: #1b273d;
     border: 0;
     border-radius: 0;
     padding: 1rem .5rem
 }

 .lgx-header .lgx-navbar .lgx-nav .dropdown-menu li a {
     font-family: "Montserrat", sans-serif;
     color: #fff;
     padding: .6rem 1.5rem !important;
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     font-weight: 400;
     opacity: .6;
     letter-spacing: normal;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s
 }

 .lgx-header .lgx-navbar .lgx-nav .dropdown-menu li a b {
     color: #fff
 }

 .lgx-header .lgx-navbar .lgx-nav .dropdown-menu li a:hover {
     opacity: 1;
     background: rgba(255, 255, 255, .2);
     margin-left: 5px
 }

 .lgx-header .lgx-navbar .lgx-nav .dropdown-menu li a:focus {
     opacity: 1;
     background: rgba(255, 255, 255, .7);
     color: #554bb9
 }

 .lgx-header .lgx-navbar .lgx-logo {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .4s;
     animation-timing-function: linear;
     margin-top: .5rem;
     display: inline-block
 }

 .lgx-header .menu-onscroll,
 .lgx-single-speaker2:hover .social-group,
 .lgx-single-speaker3:hover .social-group {
     animation-duration: .6s;
     animation-timing-function: linear
 }

 .lgx-header .lgx-navbar .lgx-logo a img {
     float: left;
     -webkit-transition: all .4s ease-in-out 0s;
     -moz-transition: all .4s ease-in-out 0s;
     -o-transition: all .4s ease-in-out 0s;
     transition: all .4s ease-in-out 0s;
     width: 155px;
     margin-top: 15%;
 }

 .lgx-header .lgx-navbar .lgx-collapse {
     display: flex !important;
     justify-content: flex-end
 }

 .lgx-header .lgx-nav-right {
     overflow: hidden;
     margin-top: 15px;
     margin-left: 2rem;
     display: flex
 }

 .lgx-header .lgx-nav-right .lgx-cart .notification {
     font-family: "Montserrat", sans-serif;;
     position: absolute;
     top: -10px;
     left: 24px;
     background: #ddd;
     border-radius: 50%;
     width: 25px;
     height: 25px;
     text-align: center;
     font-weight: 700;
     line-height: 23px
 }

 .lgx-header .lgx-nav-right .lgx-search {
     font-size: 26px;
     font-size: 2.6rem;
     margin-right: 1rem;
     color: #1b273d;
     display: inline-block
 }

 .lgx-header .lgx-nav-right .lgx-search a {
     color: inherit
 }

 .lgx-header .lgx-nav-right .lgx-search a:hover {
     color: #554bb9
 }

 .lgx-header .lgx-container {
     max-width: 95%;
     margin: 0 auto
 }

 .lgx-header .lgx-container-fluid {
     max-width: 100%;
     margin: 0 3rem
 }

 .header-top {
     background: #1b273d
 }

 .header-top .header-top-inner ul li {
     margin-top: 8px
 }

 .header-top .header-top-inner .contact ul li {
     color: #fff;
     font-size: 15px;
     margin-right: 1rem
 }

 .header-top .header-top-inner .contact ul li i {
     font-size: 20px;
     font-size: 2rem;
     color: #554bb9;
     opacity: .7;
     margin-right: .4rem;
     position: relative;
     top: 2px
 }

 .header-top .header-top-inner .contact ul .question-text {
     color: #554bb9;
     font-weight: 700;
     margin-right: .5rem;
     display: inline-block
 }

 .header-top .header-top-inner .right-menu {
     text-align: right;
     font-size: 14px
 }

 .header-top .header-top-inner .right-menu .login-register {
     margin-right: 1rem
 }

 .header-top .header-top-inner .right-menu .login-register a {
     font-family: "Montserrat", sans-serif;;
     background: rgba(255, 255, 255, .1);
     color: #554bb9;
     padding: 15px 2rem
 }

 .header-top .header-top-inner .right-menu .login-register a:hover {
     background: #554bb9;
     color: #fff
 }

 .header-top .header-top-inner .right-menu ul li {
     color: #fff
 }

 .header-top .header-top-inner .right-menu ul li a {
     color: inherit
 }

 .header-top .header-top-inner .right-menu ul li a i {
     font-size: 17px;
     font-size: 1.7rem;
     color: #999
 }

 .header-top .header-top-inner .right-menu ul li:hover a {
     color: #554bb9
 }

 .header-top .header-top-inner .right-menu ul li:hover a i {
     opacity: 1;
     color: inherit
 }

 .lgx-header .menu-onscroll .lgx-nav-right .lgx-search,
 .lgx-header-position-white .lgx-nav-right .lgx-search a,
 .lgx-header-position-white .lgx-navbar .lgx-nav li a {
     color: #fff
 }

 .lgx-header {
     border-top: 1px solid transparent
 }

 .lgx-header-position {
     width: 100%
 }

 .lgx-header-position-fixed {
     position: fixed;
     z-index: 9;
     margin-top: 2rem
 }

 .lgx-header-position-fixed .lgx-header-cart {
     margin-top: 46px
 }

 .lgx-header-fixed-container {
     background: 0 0;
     margin-top: 0
 }

 .lgx-header-fixed-container .lgx-navbar,
 .lgx-header-fixed-container-gap .lgx-navbar {
     background: #fff;
     padding: 16px 2rem
 }

 .lgx-header-fixed-container .navbar-collapse {
     margin-top: 0
 }

 .lgx-header-fixed-container .lgx-navbar .lgx-logo-default {
     margin-top: 6px
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-logo-fixed-tpmenu,
 .lgx-header-fixed-container-gap .navbar-collapse {
     margin-top: 0
 }

 .lgx-header-background-tr {
     background: rgba(255, 255, 255, .1);
     margin-top: 0;
     padding: 1rem 0
 }

 .lgx-header-background-brand .lgx-navbar,
 .lgx-header-background-brand-full {
     background: #554bb9
 }

 .lgx-header-background-black {
     background: #1b273d
 }

 .lgx-header .menu-onscroll {
     background: rgba(27, 39, 61, .95);
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999;
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
     -webkit-transform-origin: center;
     transform-origin: center;
     -moz-box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .42), 0 3px 20px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
     -webkit-box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .42), 0 3px 20px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
     -o-box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .42), 0 3px 20px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
     box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .42), 0 3px 20px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
 }

 .lgx-header .menu-onscroll .lgx-nav-right .lgx-search a {
     color: inherit
 }

 .lgx-header .menu-onscroll .lgx-nav-right .lgx-search a:hover {
     color: #554bb9
 }

 .lgx-header .menu-onscroll .lgx-toggle {
     color: #554bb9;
     top: 15px
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-logo-fixed {
     width: 130px
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-logo-fixed a img {
     padding: 1.6rem 2.6rem 2.6rem;
     max-width: 130px
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-logo-default {
     margin-top: .6rem
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a {
     color: #fff
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a:hover {
     background: 0 0;
     opacity: 1
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-nav .active a {
     background: 0 0;
     color: #554bb9;
     opacity: 1
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-logo {
     display: block
 }

 .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img {
     margin-top: 15%;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s;
     -o-transition: all .2s ease-in-out 0s;
     transition: all .2s ease-in-out 0s;
     max-width: 225px
 }

 .lgx-header-position-fixed.menu-onscroll,
 .lgx-header-position-fixed.menu-onscroll .navbar-collapse {
     margin-top: 0
 }

 .lgx-header-fixed-container.menu-onscroll .lgx-navbar {
     background: 0 0;
     padding: 0
 }

 .lgx-header-fixed-container-gap.menu-onscroll .lgx-navbar {
     background: 0 0;
     padding: 0;
     margin-top: 0
 }

 .lgx-header .menu-onscroll.lgx-header-background-tr {
     padding: 0
 }

 @-webkit-keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none
     }
 }

 @media (max-width:991px) {
     .lgx-header .lgx-navbar .lgx-logo-fixed a img {
         padding: 2.6rem 1.5rem 3rem;
         max-width: 100px;
         left: 3rem
     }

     img.reemplazo-video {
        margin: 0 !important;
     }

     .lgx-header .lgx-navbar .lgx-logo-fixed {
         width: 100px
     }

     .lgx-navbar .lgx-nav li a.lgx-btn {
         padding: .8rem 1rem !important
     }

     .lgx-header .menu-onscroll .lgx-navbar .lgx-logo-fixed a img {
         padding: 2.6rem 1.5rem 3rem;
         max-width: 100px
     }

     .lgx-header-fixed-container .lgx-navbar,
     .lgx-header-fixed-container-gap .lgx-navbar {
         padding: 10px 0
     }

     .lgx-header .lgx-navbar .lgx-logo a img {
         max-width: 150px
     }

     .lgx-header .lgx-navbar .lgx-nav li a,
     .lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a {
         font-size: 12px;
         padding: 30px 5px
     }

     .lgx-header .lgx-nav-right,
     .lgx-header .menu-onscroll .lgx-nav-right {
         border-left: 0;
         padding-left: 1rem
     }

     .lgx-header-position-fixed .navbar-collapse {
         margin-top: 8px
     }

     .lgx-header-fixed-container .navbar-collapse,
     .lgx-header-fixed-container-gap .navbar-collapse {
         margin-top: 0
     }

     .lgx-header .lgx-navbar .lgx-logo {
         margin-left: 10px
     }

     .lgx-slider-navbottom .owl-controls .owl-nav .owl-next,
     .lgx-slider-navbottom .owl-controls .owl-nav .owl-prev {
         height: 60px !important;
         width: 60px !important;
         bottom: -50px !important
     }

     .lgx-slider-navbottom .owl-controls .owl-nav .owl-next {
         margin-left: 50px !important
     }

     .lgx-slider-navbottom .owl-nav [class*=owl-] {
         line-height: 60px !important
     }
 }

 @media (max-width:767px) {

     .header-top .contact,
     .header-top .header-top-inner .right-menu {
         text-align: center
     }

     .lgx-header .lgx-navbar .lgx-nav li a,
     .lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a {
         padding: 10px 7px
     }

     .lgx-header-position {
         background: #1b273d
     }

     .lgx-header-position-fixed {
         position: static;
         margin-top: 0
     }

     .lgx-header .lgx-navbar .lgx-logo,
     .lgx-header .lgx-navbar .lgx-logo-default {
         margin-top: 0
     }

     .lgx-header .lgx-nav-right .lgx-search,
     .lgx-header .lgx-navbar .lgx-nav li a {
         color: #fff
     }

     .lgx-navbar .lgx-nav li a.lgx-btn {
         display: inline-block
     }
     .lgx-header .lgx-navbar .lgx-logo a img {
        margin-top: 8%;
     }
     
     .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img {
         max-width: 150px;
         margin-top: 3%;
     }

     .navbar-default .navbar-toggle {
         border-color: transparent;
         margin-top: 11px
     }

     .navbar-default .navbar-toggle span {
         background-color: #ff8100 !important;
         width: 26px;
         height: 3px
     }

     .navbar-default .navbar-toggle:focus,
     .navbar-default .navbar-toggle:hover {
         background-color: #ff8100
     }

     .navbar-default .navbar-toggle:focus span,
     .navbar-default .navbar-toggle:hover span {
         background-color: #fff !important
     }

     .lgx-header .lgx-container-fluid,
     .navbar-default .navbar-collapse,
     .navbar-default .navbar-form {
         margin: 0 15px
     }

     .section-gap {
         padding: 0 !important
     }

     .lgx-header .lgx-navbar .lgx-logo-fixed a img,
     .lgx-header .menu-onscroll .lgx-navbar .lgx-logo-fixed a img {
         padding: 1.5rem;
         max-width: 80px;
         left: 1rem
     }

     .lgx-header-position-fixed .navbar-collapse,
     .lgx-header-position-fixed .navbar-default .navbar-form {
         margin-top: 5px
     }

     .lgx-header-fixed-container .lgx-navbar .lgx-logo-default,
     .lgx-header-fixed-container-gap .lgx-navbar .lgx-logo-default,
     .lgx-header-fixed-container-gap .navbar-collapse {
         margin-top: 0
     }

     .lgx-header-fixed-container .lgx-navbar {
         background: 0 0;
         padding: 10px 0
     }

     .lgx-header-fixed-container-gap .lgx-navbar {
         background: 0 0;
         padding: 10px 0;
         margin-top: 0
     }

     .header-top .contact ul li {
         margin-top: 4px
     }

     .lgx-header .lgx-nav-right,
     .lgx-header .menu-onscroll .lgx-nav-right {
         border-left: 0;
         padding-left: 0
     }

     .lgx-header .lgx-nav-right {
         margin: 19px 0 30px;
         padding-left: 0
     }

     .lgx-slider-navbottom .owl-controls .owl-nav .owl-next,
     .lgx-slider-navbottom .owl-controls .owl-nav .owl-prev {
         bottom: -55px !important
     }

     .lgx-header .lgx-navbar .lgx-nav {
         margin-top: 1.6rem;
         margin-bottom: 2.6rem
     }

     .lgx-header .lgx-nav-right {
         margin-bottom: -10px;
         margin-left: -6px
     }
 }

 .lgx-banner {
     background-image: url(https://cdn.eventtia.com/event_files/185902/original/webcmsfinanceweek2024header17122419271712241927.jpg?1712241927) top center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-banner .lgx-inner {
     padding: 27rem 0 20rem
 }

 .lgx-banner-music,
 .lgx-banner12,
 .lgx-banner13,
 .lgx-banner14,
 .lgx-banner16,
 .lgx-banner2,
 .lgx-banner3,
 .lgx-banner4,
 .lgx-banner5,
 .lgx-banner6,
 .lgx-banner7 {
     background: url(https://cdn.eventtia.com/event_files/185902/original/webcmsfinanceweek2024header17122419271712241927.jpg?1712241927) top center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-banner-christmas {
     background: url(https://cdn.eventtia.com/event_files/185902/original/webcmsfinanceweek2024header17122419271712241927.jpg?1712241927) bottom center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-banner-comingsoon {
     background: url(assets/img/banner-finance-week.jpg) center center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-banner-parallax {
     background: url(assets/img/banner-finance-week.jpg) top center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-banner-info-area {
     display: flex
 }

 .lgx-banner-info {
     color: #fff
 }

 .lgx-banner-info .circular-countdown-area {
     max-width: 700px;
     margin: 0 auto
 }

 .lgx-banner-info .subtitle {
     font-family: "Montserrat", sans-serif;
     font-size: 6.8rem;
     font-weight: 300;
     color: #00c1b4;
     margin: 0;
     line-height: 7.2rem
 }

 .lgx-banner-info .title {
     margin: 0 0 2.6rem;
     font-family: "Montserrat", sans-serif;;
     font-size: 11rem;
     line-height: 16.5rem;
     line-height: 12rem;
     font-weight: 700;
     color: #fff;
     text-transform: uppercase
 }

 .lgx-banner-info .date,
 .lgx-banner-info .location {
     font-family: "Montserrat", sans-serif;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 300;
     margin: 0 0 .3rem
 }

 .lgx-banner-info .title i,
 .lgx-banner-info .title span {
     font-style: normal
 }

 .lgx-banner-info .title i b:nth-child(1),
 .lgx-banner-info .title span b:nth-child(1) {
     color: #ec398b
 }

 .lgx-banner-info .title i b:nth-child(2),
 .lgx-banner-info .title span b:nth-child(2) {
     color: #efa506
 }

 .lgx-banner-info .title i b:nth-child(3),
 .lgx-banner-info .title span b:nth-child(3) {
     color: #00acee
 }

 .lgx-banner-info .date {
     color: #fff
 }

 .lgx-banner-info .date i {
     color: #ff8100
 }

 .lgx-banner-info .location {
     color: #fff
 }

 .lgx-banner-info-circle .info-circle-inner .date span,
 .lgx-banner-info-date .date span {
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
     text-transform: uppercase
 }

 .lgx-banner-info .location i {
     color: #ff8100
 }

 .lgx-banner-info .action-area {
     display: flex;
     margin-top: 4.2rem
 }

 .lgx-banner-info .action-area .lgx-btn {
     margin-right: .5rem
 }

 .lgx-banner-info .action-area .video-area {
     display: inline-block;
     color: #fff;
     position: relative;
     top: -18px;
     margin-left: 1rem
 }

 .lgx-banner-info .action-area .video-area a {
     margin-right: 10px
 }

 .lgx-banner-info .action-area .video-area a i {
     display: inline-block;
     background: rgba(255, 255, 255, .2);
     color: #fff;
     border-radius: 50%;
     height: 60px;
     width: 60px;
     text-align: center;
     line-height: 61px;
     font-size: 20px;
     padding-left: 5px;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s
 }

 .lgx-banner-info .action-area .video-area a:hover i {
     background: #fff;
     color: #efa506
 }

 .banner-info-margin {
     margin-top: 4.2rem
 }

 .lgx-banner-info.lgx-banner-info-homeone {
     margin-top: -4.2rem;
     margin-bottom: 4.2rem
 }

 .lgx-banner-info-circle {
     background: -moz-linear-gradient(top, rgba(85, 76, 185, .9) 0, rgba(236, 57, 139, .9) 100%);
     background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0, rgba(85, 76, 185, .9)), color-stop(100%, rgba(236, 57, 139, .9)));
     background: -webkit-linear-gradient(top, rgba(85, 76, 185, .9) 0, rgba(236, 57, 139, .9) 100%);
     background: -o-linear-gradient(top, rgba(85, 76, 185, .9) 0, rgba(236, 57, 139, .9) 100%);
     background: -ms-linear-gradient(top, rgba(85, 76, 185, .9) 0, rgba(236, 57, 139, .9) 100%);
     background: linear-gradient(to top, rgba(85, 76, 185, .9) 0, rgba(236, 57, 139, .9) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(85, 76, 185, .9)', endColorstr='rgba(236, 57, 139, 0.9)', GradientType=0);
     padding: 1.5rem;
     border-radius: 50%;
     margin-right: 5rem
 }

 .lgx-banner-info-circle .info-circle-inner {
     background: url(../img/banner-circle.jpg) top center no-repeat;
     text-align: center;
     width: 400px;
     height: 400px;
     border-radius: 50%
 }

 .lgx-banner-info-circle .info-circle-inner .date {
     margin-top: 0;
     padding-top: 2.6rem;
     font-size: 16.6rem;
     line-height: 24.900000000000002rem;
     line-height: 16rem;
     color: #efa506
 }

 .lgx-banner-info-circle .info-circle-inner .date span {
     color: #fff;
     font-size: 4.2rem;
     line-height: 6.300000000000001rem;
     display: block;
     opacity: .8
 }

 .lgx-banner-info-date {
     padding-right: 2rem;
     max-width: 380px;
     text-align: center
 }

 .lgx-banner-info-date .date {
     margin: 0;
     padding-top: 0;
     font-size: 32rem;
     line-height: 48rem;
     line-height: 28rem;
     color: #efa506;
     position: relative;
     letter-spacing: -10px
 }

 .lgx-banner-info-date .date span {
     color: #fff;
     font-size: 4.2rem;
     line-height: 6.300000000000001rem;
     display: block;
     opacity: 1;
     letter-spacing: normal;
     position: absolute;
     top: 50%
 }

 .lgx-banner-info-date .location {
     font-family: "Montserrat", sans-serif;;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 400;
     color: #fff;
     text-align: center
 }

 .lgx-banner-info-date .location i {
     color: #efa506
 }

 .lgx-banner-info-date-right {
     border-radius: 8px;
     padding-right: 0;
     padding-left: 2rem
 }

 .lgx-banner-info-homeone .subtitle {
     font-family: "Montserrat", sans-serif;
     font-size: 6.8rem;
     font-weight: 300;
     color: #efa506;
     margin: 0;
     line-height: 7.2rem
 }

 .about-date-area p span,
 .lgx-about-content-area .lgx-heading .subheading,
 .lgx-banner-info-homeone .title {
     font-family: "Montserrat", sans-serif;
 }

 .lgx-banner-info-homeone .title {
     margin: 0;
     font-size: 11rem;
     line-height: 16.5rem;
     line-height: 12rem;
     font-weight: 700;
     color: #fff;
     text-transform: uppercase
 }

 .lgx-banner-info-homeone .title span {
     display: block
 }

 .lgx-banner-info-homeone .title span b:nth-child(1) {
     color: #ec398b
 }

 .lgx-banner-info-homeone .title span b:nth-child(2) {
     color: #efa506
 }

 .lgx-banner-info-homeone .title span b:nth-child(3) {
     color: #00acee
 }

 .lgx-banner-info-center {
     text-align: center
 }

 .lgx-banner-info-center .subtitle {
     margin-bottom: 1rem
 }

 .lgx-banner-info-center .action-area {
     display: inline-block
 }

 .lgx-banner-info-christmas .lgx-countdown-area,
 .lgx-banner-info-comingsoon .lgx-countdown-area {
     margin-top: 4.2rem
 }

 .lgx-slider-center .owl-item .slider-text-single figure {
     overflow: hidden
 }

 .lgx-slider-center .owl-item .slider-text-single figure img {
     -webkit-transition: all .3 ease;
     transition: all .3s linear
 }

 .lgx-slider-center .owl-item .slider-text-single figure figcaption {
     background: rgba(0, 0, 0, .5)
 }

 .lgx-slider-center .owl-item .slider-text-single:hover figure img {
     -ms-transform: scale(1.5);
     -moz-transform: scale(1.5);
     -webkit-transform: scale(1.5);
     -o-transform: scale(1.5);
     transform: scale(1.5)
 }

 .lgx-slider-center .owl-item .lgx-banner-info {
     opacity: 0;
     -webkit-transition: all .3 ease;
     transition: all .3s linear
 }

 .lgx-slider-center .owl-item.active.center .slider-text-single figure figcaption {
     background: 0 0
 }

 .lgx-slider-center .owl-item.active.center .lgx-banner-info {
     opacity: 1;
     -webkit-transition: all .3 ease;
     transition: all .3s linear
 }

 .lgx-slider-center .lgx-banner-info {
     color: #fff;
     padding: 0 5rem
 }

 .lgx-slider-center .lgx-banner-info .subtitle {
     font-size: 4.2rem;
     font-weight: 900;
     color: #554bb9;
     margin: 0;
     line-height: 4.2rem
 }

 .lgx-slider-center .lgx-banner-info .title {
     font-size: 6.8rem;
     font-weight: 900;
     color: #fff;
     margin: 0 0 2.6rem;
     line-height: 8.5rem
 }

 .lgx-slider-center .lgx-banner-info .text {
     color: #fff;
     margin-bottom: 2.6rem;
     opacity: .7
 }

 .lgx-slider-center .lgx-banner-info .lgx-btn {
     padding: 1rem 3rem
 }

 .lgx-banner-info-reservation {
     margin-top: 6.8rem
 }

 .lgx-banner-info2 {
     color: #fff
 }

 .lgx-banner-info2 .subtitle {
     font-size: 6.8rem;
     font-weight: 900;
     color: #554bb9;
     margin: 0;
     line-height: 7rem
 }

 .lgx-banner-info2 .title {
     font-size: 6.8rem;
     font-weight: 900;
     color: #1b273d;
     margin: 0 0 4.2rem;
     line-height: 8.5rem
 }

 @media (max-width:991px) {
     .lgx-banner .lgx-inner {
         padding: 16rem 0 10rem
     }

     .lgx-banner-info .title {
         font-size: 6.8rem;
         line-height: 10.2rem;
         line-height: 7.8rem
     }

     .lgx-banner-info .subtitle {
         font-size: 4.2rem;
         line-height: 6.300000000000001rem;
         line-height: 5rem
     }

     .lgx-banner-info .action-area {
         margin-top: 3rem
     }
 }

 @media (max-width:767px) {
     .lgx-banner-info {
         color: #fff
     }

     .lgx-banner-info .subtitle {
         font-size: 4.2rem;
         line-height: 6.300000000000001rem;
         line-height: 4.5rem
     }

     .lgx-banner-info .title {
         font-size: 6.8rem;
         line-height: 10.2rem;
         line-height: 7rem;
         margin-bottom: 2rem
     }

     .lgx-banner-info .text {
         margin-bottom: 2rem
     }

     .lgx-banner-info .date,
     .lgx-banner-info .location {
         font-size: 2rem;
         line-height: 3rem;
         line-height: 2.8rem
     }

     .lgx-banner .lgx-inner {
         padding: 11rem 0
     }

     .slider-text-single figure {
         overflow: hidden
     }

     .slider-text-single figure img {
         -ms-transform: scale(1.2);
         -moz-transform: scale(1.2);
         -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
         transform: scale(1.2);
         -webkit-transition: all .3 ease;
         transition: all .3s linear;
         height: 300px
     }

     .slider-text-single:hover figure img {
         -ms-transform: scale(1.5);
         -moz-transform: scale(1.5);
         -webkit-transform: scale(1.5);
         -o-transform: scale(1.5);
         transform: scale(1.5)
     }

     .lgx-slider-center .lgx-banner-info .subtitle {
         font-size: 2.6rem;
         line-height: 3rem
     }

     .lgx-slider-center .lgx-banner-info .title {
         font-size: 2.6rem;
         line-height: 4rem
     }
 }

 @media (max-width:480px) {
     .lgx-banner-info {
         color: #fff
     }
     .iframe-container{
        height: 6000px;
     }
     .lgx-banner-info .subtitle {
         font-size: 3rem;
         line-height: 4.5rem;
         line-height: 4rem
     }

     .lgx-banner-info .title {
         font-size: 4.2rem;
         line-height: 6.300000000000001rem;
         line-height: 5rem;
         margin-bottom: 2rem
     }

     .lgx-banner-info .text {
         margin-bottom: 2rem
     }

     .lgx-banner .lgx-inner {
         padding: 8rem 0
     }

     .slider-text-single figure img {
         height: 280px
     }
     img.movil {
        display: block;
        width: 100%;

     }
     img.web {display: none;}
 }

 .owl-theme .owl-controls .owl-nav [class*=owl-] {
     color: #fff;
     font-size: 14px;
     margin: 5px;
     padding: 4px 7px;
     background: 0 0;
     display: inline-block;
     cursor: pointer;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     -ms-transform: scale(.8);
     -moz-transform: scale(.8);
     -webkit-transform: scale(.8);
     -o-transform: scale(.8);
     transform: scale(.8);
     -webkit-transition: .8s ease;
     transition: .8s ease;
     opacity: .7
 }

 .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
     background: 0 0;
     -ms-transform: scale(1);
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     z-index: 9
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #554bb9
 }

 .lgx-owlgallery,
 .lgx-owlspeacial {
     position: relative
 }

 .lgx-owlgallery .owl-controls .owl-nav .owl-prev,
 .lgx-owlspeacial .owl-controls .owl-nav .owl-prev {
     position: absolute;
     top: 42%;
     left: 0
 }

 .lgx-owlgallery .owl-controls .owl-nav .owl-next,
 .lgx-owlspeacial .owl-controls .owl-nav .owl-next {
     position: absolute;
     top: 42%;
     right: 0
 }

 .lgx-owlgallery .owl-controls .owl-nav [class*=owl-],
 .lgx-owlspeacial .owl-controls .owl-nav [class*=owl-] {
     opacity: 0;
     -webkit-transition: all .6s ease-in-out 0s;
     -moz-transition: all .6s ease-in-out 0s;
     -o-transition: all .6s ease-in-out 0s;
     transition: all .6s ease-in-out 0s
 }

 .lgx-owlgallery:hover .owl-controls .owl-nav .owl-prev,
 .lgx-owlspeacial:hover .owl-controls .owl-nav .owl-prev {
     left: 4.2rem
 }

 .lgx-owlgallery:hover .owl-controls .owl-nav .owl-next,
 .lgx-owlspeacial:hover .owl-controls .owl-nav .owl-next {
     right: 4.2rem
 }

 .lgx-owlgallery:hover .owl-controls .owl-nav [class*=owl-],
 .lgx-owlspeacial:hover .owl-controls .owl-nav [class*=owl-] {
     opacity: 1
 }

 .lgx-owlnews,
 .lgx-owltestimonial {
     position: relative
 }

 .lgx-owlnews .owl-controls .owl-nav .owl-prev,
 .lgx-owltestimonial .owl-controls .owl-nav .owl-prev {
     position: absolute;
     top: 42%;
     left: 4.2rem
 }

 .lgx-owlnews .owl-controls .owl-nav .owl-next,
 .lgx-owltestimonial .owl-controls .owl-nav .owl-next {
     position: absolute;
     top: 42%;
     right: 4.2rem
 }

 .lgx-owlnews .owl-controls .owl-nav [class*=owl-],
 .lgx-owltestimonial .owl-controls .owl-nav [class*=owl-] {
     opacity: 0;
     -webkit-transition: all .6s ease-in-out 0s;
     -moz-transition: all .6s ease-in-out 0s;
     -o-transition: all .6s ease-in-out 0s;
     transition: all .6s ease-in-out 0s
 }

 .lgx-owlnews:hover .owl-controls .owl-nav .owl-prev,
 .lgx-owltestimonial:hover .owl-controls .owl-nav .owl-prev {
     left: 0
 }

 .lgx-owlnews:hover .owl-controls .owl-nav .owl-next,
 .lgx-owltestimonial:hover .owl-controls .owl-nav .owl-next {
     right: 0
 }

 .lgx-owlnews:hover .owl-controls .owl-nav [class*=owl-],
 .lgx-owltestimonial:hover .owl-controls .owl-nav [class*=owl-] {
     opacity: 1
 }

 .lgx-slider {
     color: #fff;
     position: relative
 }

 .lgx-slider .lgx-inner {
     padding-bottom: 0;
     padding-top: 0
 }

 .lgx-slider .lgx-item-center {
     text-align: center
 }

 .lgx-slider .lgx-item-center .text {
     margin: 0 auto
 }

 .lgx-slider .lgx-item-left {
     text-align: left
 }

 .lgx-slider .lgx-item-right {
     text-align: right
 }

 .lgx-slider .lgx-item-right .banner-btn,
 .lgx-slider .lgx-item-right .text {
     float: right
 }

 .lgx-slider .owl-controls .owl-nav [class*=owl-] {
     height: 60px;
     width: 60px;
     background: rgba(27, 39, 61, .5);
     color: #fff;
     -webkit-box-shadow: 1px 2px 10px rgba(52, 61, 71, .3);
     -moz-box-shadow: 1px 2px 10px rgba(52, 61, 71, .3);
     box-shadow: 1px 2px 10px rgba(52, 61, 71, .3)
 }

 .lgx-slider .owl-controls .owl-nav [class*=owl-] i {
     font-size: 39px;
     line-height: 49px
 }

 .lgx-slider .owl-controls .owl-nav [class*=owl-]:hover {
     background: #554bb9
 }

 .lgx-slider .owl-next,
 .lgx-slider .owl-prev {
     position: absolute;
     top: 45%;
     opacity: 0
 }

 .lgx-slider .owl-prev {
     left: 0;
     -webkit-transition: .5s;
     -moz-transition: .5s;
     -ms-transition: .5s;
     -o-transition: .5s;
     transition: .5s
 }

 .lgx-slider .owl-next {
     right: 0;
     -webkit-transition: .5s;
     -moz-transition: .5s;
     -ms-transition: .5s;
     -o-transition: .5s;
     transition: .5s
 }

 .lgx-slider:hover .owl-next,
 .lgx-slider:hover .owl-prev {
     opacity: 1
 }

 .lgx-slider:hover .owl-prev {
     left: 15px
 }

 .lgx-slider:hover .owl-next {
     right: 15px
 }

 .lgx-slider .lgx-brand {
     background: 0 0;
     padding-top: 2rem;
     padding-bottom: 10px;
     position: fixed;
     z-index: 999;
     width: 100%;
     -webkit-transition: all .3s ease;
     transition: all .3s linear
 }

 .lgx-slider .lgx-brand .lgx-logo {
     max-width: 180px;
     -webkit-transition: all .3s ease;
     transition: all .3s linear
 }

 .lgx-slider .slider-text-single figure {
     position: relative
 }

 .lgx-slider .slider-text-single figure figcaption {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .lgx-slider .slider-text-single figure figcaption .lgx-container {
     max-width: 1170px;
     display: block;
     margin: 0 auto;
     height: 100%;
     padding-left: 20px;
     padding-right: 20px
 }

 .lgx-slider .slider-text-single figure figcaption .lgx-container .lgx-hover-link {
     width: 100%;
     height: 100%;
     display: table
 }

 .lgx-slider .slider-text-single figure figcaption .lgx-container .lgx-hover-link .lgx-vertical {
     display: table-cell;
     vertical-align: middle
 }

 .lgx-slider .slider-text-single figure figcaption:before {
     content: "";
     position: absolute;
     top: -38px;
     left: 0;
     width: 100%;
     height: 20%;
     -webkit-filter: blur(30px);
     filter: blur(30px)
 }

 .lgx-slider .owl-theme .owl-controls {
     margin-top: 0;
     text-align: center
 }

 .lgx-slider-navbottom .owl-controls {
     max-width: 1173px;
     margin: 0 auto;
     display: block;
     position: relative
 }

 .lgx-slider-navbottom .owl-controls .owl-nav .owl-prev {
     background: #fff;
     height: 120px;
     width: 120px;
     position: absolute;
     top: auto;
     bottom: -17px;
     left: 0;
     border-radius: 0;
     opacity: 1;
     color: #1b273d !important
 }

 .lgx-slider-navbottom .owl-controls .owl-nav .owl-next {
     background: rgba(27, 39, 61, .8);
     height: 120px;
     width: 120px;
     position: absolute;
     top: auto;
     bottom: -17px;
     right: auto;
     left: 0;
     border-radius: 0;
     margin-left: 102px;
     opacity: 1
 }

 .lgx-slider-navbottom .owl-nav [class*=owl-] {
     line-height: 120px;
     box-shadow: none !important
 }

 .lgx-about-threeimg img,
 .lgx-single-news,
 .lgx-single-speaker,
 .lgx-single-speaker-circle {
     -moz-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1)
 }

 .lgx-banner-info .lgx-delay:first-child {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-delay: .9s
 }

 .lgx-banner-info .lgx-delay:nth-child(2) {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-delay: 1.5s
 }

 .lgx-banner-info .lgx-delay:nth-child(3) {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-delay: 2.1s
 }

 .lgx-banner-info .lgx-delay:nth-child(4) {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-delay: 2.7s
 }

 .lgx-banner-info .lgx-delay:nth-child(5) {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-delay: 3.1s
 }

 .lgx-banner-info .lgx-delay:nth-child(6) {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     animation-delay: 3.7s
 }

 #lgx-main-slider .active .lgx-bounce,
 .owl-carousel .active .lgx-bounce {
     -webkit-animation-name: bounce;
     animation-name: bounce;
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
 }

 #lgx-main-slider .active .lgx-flash,
 .owl-carousel .active .lgx-flash {
     -webkit-animation-name: flash;
     animation-name: flash
 }

 #lgx-main-slider .active .lgx-pulse,
 .owl-carousel .active .lgx-pulse {
     -webkit-animation-name: pulse;
     animation-name: pulse
 }

 #lgx-main-slider .active .lgx-shake,
 .owl-carousel .active .lgx-shake {
     -webkit-animation-name: shake;
     animation-name: shake
 }

 #lgx-main-slider .active .lgx-headShake,
 .owl-carousel .active .lgx-headShake {
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -webkit-animation-name: headShake;
     animation-name: headShake
 }

 #lgx-main-slider .active .lgx-swing,
 .owl-carousel .active .lgx-swing {
     -webkit-transform-origin: top center;
     transform-origin: top center;
     -webkit-animation-name: swing;
     animation-name: swing
 }

 #lgx-main-slider .active .lgx-tada,
 .owl-carousel .active .lgx-tada {
     -webkit-animation-name: tada;
     animation-name: tada
 }

 #lgx-main-slider .active .lgx-wobble,
 .owl-carousel .active .lgx-wobble {
     -webkit-animation-name: wobble;
     animation-name: wobble
 }

 #lgx-main-slider .active .lgx-jello,
 .owl-carousel .active .lgx-jello {
     -webkit-animation-name: jello;
     animation-name: jello;
     -webkit-transform-origin: center;
     transform-origin: center
 }

 #lgx-main-slider .active .lgx-bounceIn,
 .owl-carousel .active .lgx-bounceIn {
     -webkit-animation-name: bounceIn;
     animation-name: bounceIn
 }

 #lgx-main-slider .active .lgx-bounceInDown,
 .owl-carousel .active .lgx-bounceInDown {
     -webkit-animation-name: bounceInDown;
     animation-name: bounceInDown
 }

 #lgx-main-slider .active .lgx-bounceInLeft,
 .owl-carousel .active .lgx-bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     animation-name: bounceInLeft
 }

 #lgx-main-slider .active .lgx-bounceInRight,
 .owl-carousel .active .lgx-bounceInRight {
     -webkit-animation-name: bounceInRight;
     animation-name: bounceInRight
 }

 #lgx-main-slider .active .lgx-bounceInUp,
 .owl-carousel .active .lgx-bounceInUp {
     -webkit-animation-name: bounceInUp;
     animation-name: bounceInUp
 }

 #lgx-main-slider .active .lgx-bounceOut,
 .owl-carousel .active .lgx-bounceOut {
     -webkit-animation-name: bounceOut;
     animation-name: bounceOut
 }

 #lgx-main-slider .active .lgx-bounceOutDown,
 .owl-carousel .active .lgx-bounceOutDown {
     -webkit-animation-name: bounceOutDown;
     animation-name: bounceOutDown
 }

 #lgx-main-slider .active .lgx-bounceOutLeft,
 .owl-carousel .active .lgx-bounceOutLeft {
     -webkit-animation-name: bounceOutLeft;
     animation-name: bounceOutLeft
 }

 #lgx-main-slider .active .lgx-bounceOutRight,
 .owl-carousel .active .lgx-bounceOutRight {
     -webkit-animation-name: bounceOutRight;
     animation-name: bounceOutRight
 }

 #lgx-main-slider .active .lgx-bounceOutUp,
 .owl-carousel .active .lgx-bounceOutUp {
     -webkit-animation-name: bounceOutUp;
     animation-name: bounceOutUp
 }

 #lgx-main-slider .active .lgx-fadeInDown,
 .owl-carousel .active .lgx-fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }

 #lgx-main-slider .active .lgx-fadeInDownBig,
 .owl-carousel .active .lgx-fadeInDownBig {
     -webkit-animation-name: fadeInDownBig;
     animation-name: fadeInDownBig
 }

 #lgx-main-slider .active .lgx-fadeInLeft,
 .owl-carousel .active .lgx-fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft
 }

 #lgx-main-slider .active .lgx-fadeInLeftBig,
 .owl-carousel .active .lgx-fadeInLeftBig {
     -webkit-animation-name: fadeInLeftBig;
     animation-name: fadeInLeftBig
 }

 #lgx-main-slider .active .lgx-fadeInRight,
 .owl-carousel .active .lgx-fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight
 }

 #lgx-main-slider .active .lgx-fadeInRightBig,
 .owl-carousel .active .lgx-fadeInRightBig {
     -webkit-animation-name: fadeInRightBig;
     animation-name: fadeInRightBig
 }

 #lgx-main-slider .active .lgx-fadeInUp,
 .owl-carousel .active .lgx-fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp
 }

 #lgx-main-slider .active .lgx-fadeInUpBig,
 .owl-carousel .active .lgx-fadeInUpBig {
     -webkit-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig
 }

 #lgx-main-slider .active .lgx-fadeOut,
 .owl-carousel .active .lgx-fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut
 }

 #lgx-main-slider .active .lgx-fadeOutDown,
 .owl-carousel .active .lgx-fadeOutDown {
     -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown
 }

 #lgx-main-slider .active .lgx-fadeOutLeft,
 .owl-carousel .active .lgx-fadeOutLeft {
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft
 }

 #lgx-main-slider .active .lgx-fadeOutLeftBig,
 .owl-carousel .active .lgx-fadeOutLeftBig {
     -webkit-animation-name: fadeOutLeftBig;
     animation-name: fadeOutLeftBig
 }

 #lgx-main-slider .active .lgx-fadeOutRight,
 .owl-carousel .active .lgx-fadeOutRight {
     -webkit-animation-name: fadeOutRight;
     animation-name: fadeOutRight
 }

 #lgx-main-slider .active .lgx-fadeOutRightBig,
 .owl-carousel .active .lgx-fadeOutRightBig {
     -webkit-animation-name: fadeOutRightBig;
     animation-name: fadeOutRightBig
 }

 #lgx-main-slider .active .lgx-fadeOutUp,
 .owl-carousel .active .lgx-fadeOutUp {
     -webkit-animation-name: fadeOutUp;
     animation-name: fadeOutUp
 }

 #lgx-main-slider .active .lgx-fadeOutUpBig,
 .owl-carousel .active .lgx-fadeOutUpBig {
     -webkit-animation-name: fadeOutUpBig;
     animation-name: fadeOutUpBig
 }

 #lgx-main-slider .active .lgx-animated.flip,
 .owl-carousel .active .lgx-animated.flip {
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-animation-name: flip;
     animation-name: flip
 }

 #lgx-main-slider .active .lgx-flipInX,
 .owl-carousel .active .lgx-flipInX {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInX;
     animation-name: flipInX
 }

 #lgx-main-slider .active .lgx-flipInY,
 .owl-carousel .active .lgx-flipInY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY
 }

 #lgx-main-slider .active .lgx-flipOutX,
 .owl-carousel .active .lgx-flipOutX {
     -webkit-animation-name: flipOutX;
     animation-name: flipOutX;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important
 }

 #lgx-main-slider .active .lgx-flipOutY,
 .owl-carousel .active .lgx-flipOutY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipOutY;
     animation-name: flipOutY
 }

 #lgx-main-slider .active .lgx-lightSpeedIn,
 .owl-carousel .active .lgx-lightSpeedIn {
     -webkit-animation-name: lightSpeedIn;
     animation-name: lightSpeedIn;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
 }

 #lgx-main-slider .active .lgx-lightSpeedOut,
 .owl-carousel .active .lgx-lightSpeedOut {
     -webkit-animation-name: lightSpeedOut;
     animation-name: lightSpeedOut;
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
 }

 #lgx-main-slider .active .lgx-rotateIn,
 .owl-carousel .active .lgx-rotateIn {
     -webkit-animation-name: rotateIn;
     animation-name: rotateIn
 }

 #lgx-main-slider .active .lgx-rotateInDownLeft,
 .owl-carousel .active .lgx-rotateInDownLeft {
     -webkit-animation-name: rotateInDownLeft;
     animation-name: rotateInDownLeft
 }

 #lgx-main-slider .active .lgx-rotateInDownRight,
 .owl-carousel .active .lgx-rotateInDownRight {
     -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight
 }

 #lgx-main-slider .active .lgx-rotateInUpLeft,
 .owl-carousel .active .lgx-rotateInUpLeft {
     -webkit-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft
 }

 #lgx-main-slider .active .lgx-rotateInUpRight,
 .owl-carousel .active .lgx-rotateInUpRight {
     -webkit-animation-name: rotateInUpRight;
     animation-name: rotateInUpRight
 }

 #lgx-main-slider .active .lgx-rotateOut,
 .owl-carousel .active .lgx-rotateOut {
     -webkit-animation-name: rotateOut;
     animation-name: rotateOut
 }

 #lgx-main-slider .active .lgx-rotateOutDownLeft,
 .owl-carousel .active .lgx-rotateOutDownLeft {
     -webkit-animation-name: rotateOutDownLeft;
     animation-name: rotateOutDownLeft
 }

 #lgx-main-slider .active .lgx-rotateOutUpLeft,
 .owl-carousel .active .lgx-rotateOutUpLeft {
     -webkit-animation-name: rotateOutUpLeft;
     animation-name: rotateOutUpLeft
 }

 #lgx-main-slider .active .lgx-rotateOutUpRight,
 .owl-carousel .active .lgx-rotateOutUpRight {
     -webkit-animation-name: rotateOutUpRight;
     animation-name: rotateOutUpRight
 }

 #lgx-main-slider .active .lgx-hinge,
 .owl-carousel .active .lgx-hinge {
     -webkit-animation-name: hinge;
     animation-name: hinge
 }

 #lgx-main-slider .active .lgx-rollIn,
 .owl-carousel .active .lgx-rollIn {
     -webkit-animation-name: rollIn;
     animation-name: rollIn
 }

 #lgx-main-slider .active .lgx-zoomIn,
 .owl-carousel .active .lgx-zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn
 }

 #lgx-main-slider .active .lgx-zoomInDown,
 .owl-carousel .active .lgx-zoomInDown {
     -webkit-animation-name: zoomInDown;
     animation-name: zoomInDown
 }

 #lgx-main-slider .active .lgx-zoomInLeft,
 .owl-carousel .active .lgx-zoomInLeft {
     -webkit-animation-name: zoomInLeft;
     animation-name: zoomInLeft
 }

 #lgx-main-slider .active .lgx-zoomInRight,
 .owl-carousel .active .lgx-zoomInRight {
     -webkit-animation-name: zoomInRight;
     animation-name: zoomInRight
 }

 #lgx-main-slider .active .lgx-zoomInUp,
 .owl-carousel .active .lgx-zoomInUp {
     -webkit-animation-name: zoomInUp;
     animation-name: zoomInUp
 }

 #lgx-main-slider .active .lgx-zoomOut,
 .owl-carousel .active .lgx-zoomOut {
     -webkit-animation-name: zoomOut;
     animation-name: zoomOut
 }

 #lgx-main-slider .active .lgx-zoomOutDown,
 .owl-carousel .active .lgx-zoomOutDown {
     -webkit-animation-name: zoomOutDown;
     animation-name: zoomOutDown
 }

 #lgx-main-slider .active .lgx-zoomOutLeft,
 .owl-carousel .active .lgx-zoomOutLeft {
     -webkit-animation-name: zoomOutLeft;
     animation-name: zoomOutLeft
 }

 #lgx-main-slider .active .lgx-zoomOutRight,
 .owl-carousel .active .lgx-zoomOutRight {
     -webkit-animation-name: zoomOutRight;
     animation-name: zoomOutRight
 }

 #lgx-main-slider .active .lgx-zoomOutUp,
 .owl-carousel .active .lgx-zoomOutUp {
     -webkit-animation-name: zoomOutUp;
     animation-name: zoomOutUp
 }

 #lgx-main-slider .active .lgx-slideInDown,
 .owl-carousel .active .lgx-slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown
 }

 #lgx-main-slider .active .lgx-slideInLeft,
 .owl-carousel .active .lgx-slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft
 }

 #lgx-main-slider .active .lgx-slideInRight,
 .owl-carousel .active .lgx-slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight
 }

 #lgx-main-slider .active .lgx-slideInUp,
 .owl-carousel .active .lgx-slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp
 }

 #lgx-main-slider .active .lgx-slideOutDown,
 .owl-carousel .active .lgx-slideOutDown {
     -webkit-animation-name: slideOutDown;
     animation-name: slideOutDown
 }

 #lgx-main-slider .active .lgx-slideOutLeft,
 .owl-carousel .active .lgx-slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft
 }

 #lgx-main-slider .active .lgx-slideOutRight,
 .owl-carousel .active .lgx-slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight
 }

 #lgx-main-slider .active .lgx-fadeOutDownBig,
 .owl-carousel .active .lgx-fadeOutDownBig {
     -webkit-animation-name: fadeOutDownBig;
     animation-name: fadeOutDownBig
 }

 #lgx-main-slider .active .lgx-fadeIn,
 .owl-carousel .active .lgx-fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
 }

 #lgx-main-slider .active .lgx-slideOutUp,
 .owl-carousel .active .lgx-slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp
 }

 #lgx-main-slider .item img {
     display: block;
     width: 100%;
     height: auto
 }

 @media (max-width:991px) {

     .lgx-slider-navbottom .owl-controls .owl-nav .owl-next,
     .lgx-slider-navbottom .owl-controls .owl-nav .owl-prev {
         height: 60px !important;
         width: 60px !important;
         bottom: -50px !important
     }

     .lgx-slider-navbottom .owl-controls .owl-nav .owl-next {
         margin-left: 50px !important
     }

     .lgx-slider-navbottom .owl-nav [class*=owl-] {
         line-height: 60px !important
     }

     .lgx-banner-info-bg {
         background: 0 0
     }
 }

 @media (max-width:767px) {

     .lgx-slider-navbottom .owl-controls .owl-nav .owl-next,
     .lgx-slider-navbottom .owl-controls .owl-nav .owl-prev {
         bottom: -55px !important
     }

     .lgx-slider .owl-next,
     .lgx-slider .owl-prev {
         top: 36%
     }
 }

 .lgx-about {
     background: #fff
 }

 .lgx-about-music,
 .lgx-about2,
 .lgx-about3 {
     background: url(http://placehold.it/1920x700) bottom no-repeat;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-about-img {
     margin-right: 5%
 }

 .lgx-about-threeimg {
     position: relative;
     padding: 42px 42px 42px 0
 }

 .lgx-about-threeimg:after {
     position: absolute;
     left: 6%;
     bottom: 5%;
     height: 95%;
     width: 80%;
     border: 16px solid #554bb9;
     border-radius: 16px;
     z-index: 1;
     opacity: .7
 }

 .lgx-about-threeimg img {
     border-radius: 16px;
     -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1);
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1);
     background: #fff;
     background: rgba(255, 255, 255, .4);
     padding: 10px
 }

 .lgx-single-news,
 .lgx-single-speaker,
 .lgx-single-speaker-circle {
     -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1);
     overflow: hidden
 }

 .lgx-about-threeimg img:nth-child(1) {
     z-index: 2
 }

 .lgx-about-threeimg img:nth-child(2) {
     position: absolute;
     bottom: -10px;
     right: 0;
     z-index: 2;
     max-width: 400px
 }

 .lgx-about-threeimg img:nth-child(3) {
     position: absolute;
     top: -10px;
     left: 0;
     z-index: 4;
     max-width: 300px
 }

 .lgx-about-img-sp {
     position: relative;
     overflow: hidden;
     padding: 0 0 4.2rem 4.2rem;
     border-radius: 16px
 }

 .lgx-about-img-sp:after {
     position: absolute;
     left: 53%;
     bottom: -131%;
     height: 150%;
     width: 150%;
     background: url(../img/dots2.png);
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
     transform: translateX(-98%) translateY(-25%) rotate(45deg);
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     z-index: 0
 }

 .lgx-about-img-sp img {
     position: relative;
     z-index: 2;
     border-radius: 16px
 }

 .about-date-area {
     margin-top: 3rem;
     display: flex
 }

 .about-date-area .date {
     margin-top: 0;
     font-size: 6.8rem;
     line-height: 10.2rem;
     line-height: 8.5rem;
     color: #554bb9;
     border: 8px solid #ddd;
     width: 110px;
     height: 110px;
     text-align: right;
     margin-right: 16px;
     border-radius: 16px
 }

 .about-date-area .date span {
     position: relative;
     right: -16px
 }

 .about-date-area p {
     margin-top: 2.6rem
 }

 .about-date-area p span {
     display: block;
     color: #1b273d;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: .05rem
 }

 .lgx-about-video iframe {
     width: 100%;
     height: 330px;
     border: none
 }

 .lgx-about-content,
 .lgx-about-content .section-btn-area {
     text-align: left
 }

 .lgx-about-content .section-btn-area .lgx-btn {
     margin: 0 .3rem
 }

 .lgx-about-content-area .lgx-heading {
     margin-bottom: 2.6rem;
     text-align: left
 }

 .lgx-about-content-area .lgx-heading .heading {
     margin: 0
 }

 .lgx-about-content-area .lgx-heading .subheading {
     color: #ec398b;
     font-size: 2rem;
     line-height: 3rem;
     font-weight: 400;
     opacity: 1
 }

 .lgx-single-speaker .speaker-info .subtitle,
 .lgx-single-speaker-circle .speaker-info .subtitle,
 .lgx-single-speaker2 .speaker-info .subtitle {
     font-family: "Montserrat", sans-serif;
     text-transform: uppercase
 }

 .lgx-about-service {
     margin-top: 4.2rem;
     display: flex;
     margin-left: -1rem;
     margin-right: -1rem
 }

 .lgx-about-service .lgx-single-service-white {
     flex: 1;
     background: #f1f1f1;
     margin-left: 1rem;
     margin-right: 1rem;
     padding: 2rem 3rem;
     border-radius: 6px
 }

 .lgx-about-service .lgx-single-service-white .icon {
     font-size: 68px;
     font-size: 6.8rem;
     color: #ec398b;
     opacity: .4
 }

 .lgx-about-service .lgx-single-service-white .text-area .title {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     text-transform: uppercase;
     font-weight: 700;
     margin-top: 0
 }

 .lgx-about-content-area-left {
     margin-bottom: 6.8rem
 }

 .lgx-about-content-area-left .lgx-heading {
     text-align: left;
     margin-top: 0;
     margin-bottom: 1rem
 }

 .lgx-about-content-area-left .lgx-about-content {
     text-align: left
 }

 .lgx-about-content-area-center {
     text-align: center;
     max-width: 800px;
     margin: 0 auto
 }

 .lgx-about-content-area-center .lgx-about-content,
 .lgx-about-content-area-center .lgx-about-content .section-btn-area,
 .lgx-about-content-area-center .lgx-heading {
     text-align: center
 }

 .lgx-speakers2 {
     background: url(http://placehold.it/1920x1000) bottom left no-repeat fixed;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-speakers2 .lgx-inner {
     background: rgba(27, 39, 61, .7)
 }

 .lgx-speakers3,
 .lgx-speakers4 {
     background: url(http://placehold.it/1920x1000) bottom left no-repeat fixed;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-speakers-christmas {
     background: url(http://placehold.it/1920x1000) center center no-repeat fixed;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-speakers-christmas .lgx-inner {
     background: url(../img/ice-up-ash.png) bottom center repeat-x;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-single-speaker {
     background: #fff;
     padding: 1.6rem;
     border-radius: 16px;
     margin-bottom: 2.6rem;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     position: relative;
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1)
 }

 .lgx-single-speaker:after {
     position: absolute;
     left: 0;
     bottom: -136%;
     height: 150%;
     width: 150%;
     background: #1b273d;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
     transform: translateX(-98%) translateY(-25%) rotate(45deg);
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     z-index: 0;
     opacity: 0
 }

 .lgx-single-speaker figure a.profile-img img,
 .lgx-single-speaker-circle {
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s
 }

 .lgx-single-speaker figure {
     position: relative
 }

 .lgx-single-speaker figure a.profile-img img {
     transition-duration: .3s
 }

 .lgx-single-speaker figure figcaption {
     background: rgba(85, 75, 185, .9);
     position: absolute;
     bottom: 0;
     left: 0;
     width: 90%;
     height: 90%;
     text-align: center;
     border-radius: 8px;
     opacity: 0;
     padding: .8rem 0;
     -webkit-transition: all .3s ease-in-out .3s;
     -moz-transition: all .3s ease-in-out .3s;
     -o-transition: all .3s ease-in-out .3s;
     transition: all .3s ease-in-out .3s;
     z-index: 3
 }

 .lgx-single-speaker figure figcaption a {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     color: #554bb9;
     padding: 0 .3rem
 }

 .lgx-single-speaker .social-group {
     text-align: right;
     padding: 1rem 2rem
 }

 .lgx-single-speaker .social-group a {
     color: #fff
 }

 .lgx-single-speaker .speaker-info {
     position: absolute;
     bottom: 5px;
     z-index: 99;
     width: 100%;
     text-align: left;
     padding: 1.5rem 2rem
 }

 .lgx-single-speaker .speaker-info .title {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 700;
     margin: 0;
     color: #efa506
 }

 .lgx-single-speaker .speaker-info .title a {
     font-size: inherit;
     color: inherit
 }

 .lgx-single-speaker .speaker-info .subtitle {
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     font-weight: 400;
     margin: 0;
     color: #fff;
     opacity: .7
 }

 .lgx-single-speaker:hover {
     background: #554bb9;
     overflow: hidden
 }

 .lgx-single-speaker:hover:after {
     left: 42%;
     opacity: .7
 }

 .lgx-single-speaker:hover figure a.profile-img img {
     -ms-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2)
 }

 .lgx-single-speaker:hover figure figcaption {
     opacity: 1;
     width: 100%;
     height: 100%
 }

 .lgx-single-speaker-circle {
     border-radius: 16px;
     margin-bottom: 2.6rem;
     transition-duration: .3s;
     position: relative;
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1)
 }

 .lgx-single-speaker-circle figure {
     position: relative
 }

 .lgx-single-speaker-circle figure a.profile-img img {
     border-radius: 50%;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s
 }

 .lgx-single-speaker-circle figure figcaption {
     background: rgba(85, 75, 185, .9);
     position: absolute;
     bottom: 0;
     left: 0;
     width: 90%;
     height: 90%;
     text-align: center;
     border-radius: 8px;
     opacity: 0;
     padding: .8rem 0;
     -webkit-transition: all .3s ease-in-out .3s;
     -moz-transition: all .3s ease-in-out .3s;
     -o-transition: all .3s ease-in-out .3s;
     transition: all .3s ease-in-out .3s;
     z-index: 3
 }

 .lgx-single-speaker-circle figure figcaption a {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     color: #554bb9;
     padding: 0 .3rem
 }

 .lgx-single-speaker-circle .social-group {
     text-align: right;
     padding: 1rem 2rem
 }

 .lgx-single-speaker-circle .social-group a {
     color: #fff
 }

 .lgx-single-speaker-circle .speaker-info {
     position: absolute;
     bottom: 5px;
     z-index: 99;
     width: 100%;
     text-align: left;
     padding: 1.5rem 2rem
 }

 .lgx-single-speaker-circle .speaker-info .title {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 700;
     margin: 0;
     color: #efa506
 }

 .lgx-single-speaker-circle .speaker-info .title a {
     font-size: inherit;
     color: inherit
 }

 .lgx-single-speaker-circle .speaker-info .subtitle {
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     font-weight: 400;
     margin: 0;
     color: #fff;
     opacity: .7
 }

 .lgx-single-speaker-circle:hover {
     background: #554bb9;
     overflow: hidden
 }

 .lgx-single-speaker-circle:hover:after {
     left: 42%;
     opacity: 1
 }

 .lgx-single-speaker-circle:hover figure a.profile-img img {
     -ms-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
     border-radius: 0
 }

 .lgx-single-speaker-circle:hover figure figcaption {
     opacity: 1;
     width: 100%;
     height: 100%
 }

 .lgx-single-speaker2 {
     margin-bottom: 4.2rem;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s
 }

 .lgx-col2,
 .lgx-col3,
 .lgx-col4,
 .lgx-col5 {
     margin-bottom: 0;
     float: left
 }

 .lgx-single-speaker2 figure a.profile-img img,
 .lgx-single-speaker3 figure {
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s
 }

 .lgx-single-speaker2 figure {
     overflow: hidden;
     position: relative
 }

 .lgx-single-speaker2 figure a {
     overflow: hidden;
     display: block
 }

 .lgx-single-speaker2 figure a.profile-img img {
     transition: all .3s ease-in-out 0s
 }

 .lgx-single-speaker2 figure figcaption a {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     color: #554bb9;
     padding: 0 .3rem
 }

 .lgx-single-speaker2 .social-group {
     background: #554bb9;
     position: absolute;
     top: 5px;
     left: 5px;
     z-index: 99;
     text-align: right;
     padding: 1rem 2rem;
     opacity: 0
 }

 .lgx-single-speaker2 .social-group a {
     color: #fff;
     display: block
 }

 .lgx-single-speaker2 .speaker-info {
     background: #fff;
     padding: 1.5rem 2rem 2rem;
     text-align: center
 }

 .lgx-single-speaker2 .speaker-info .title {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 700;
     margin: 0;
     color: #1b273d
 }

 .lgx-single-speaker2 .speaker-info .title a {
     font-size: inherit;
     color: inherit
 }

 .lgx-single-speaker2 .speaker-info .subtitle {
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     font-weight: 400;
     margin: 0;
     color: #ec398b;
     opacity: .7
 }

 .lgx-single-speaker2:hover figure a.profile-img img {
     -ms-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2)
 }

 .lgx-single-speaker2:hover figure figcaption {
     opacity: 1
 }

 .lgx-single-speaker2:hover .social-group {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
     -webkit-transform-origin: center;
     transform-origin: center;
     opacity: 1
 }

 .lgx-single-speaker2:hover .speaker-info {
     background: #1b273d
 }

 .lgx-single-speaker2:hover .speaker-info .title {
     color: #fff
 }

 .lgx-single-speaker2:hover .speaker-info .title a {
     color: inherit
 }

 .lgx-single-speaker2:hover .speaker-info .subtitle {
     color: #efa506
 }

 .lgx-single-speaker3 figure {
     background: #fff;
     border-radius: 16px;
     padding: 1.5rem;
     transition: all .3s ease-in-out 0s
 }

 .lgx-single-speaker3 .social-group {
     top: 0;
     left: 0
 }

 .lgx-single-speaker3 .speaker-info {
     padding: 1.5rem 1rem 2rem
 }

 .lgx-single-speaker3:hover figure {
     background: #554bb9;
     border-radius: 0
 }

 .lgx-single-speaker3:hover figure a.profile-img img {
     -ms-transform: scale(1.5);
     -moz-transform: scale(1.5);
     -webkit-transform: scale(1.5);
     -o-transform: scale(1.5);
     transform: scale(1.5)
 }

 .lgx-single-speaker3:hover figure figcaption {
     opacity: 1
 }

 .lgx-single-speaker3:hover .social-group {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
     -webkit-transform-origin: center;
     transform-origin: center;
     opacity: 1
 }

 .lgx-col5 {
     width: 20%
 }

 .lgx-col4 {
     width: 25%
 }

 .lgx-col3 {
     width: 33.33%
 }

 .lgx-col2 {
     width: 50%
 }

 .lgx-milestone-about {
     background: url(http://placehold.it/1920x800) top center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-milestone-about .lgx-inner {
    background-image: url(https://s3.amazonaws.com/eventtia/event_files/184215/original/backcounter17098962941709896294.png?1709896294);
    padding: 5% 0;
    background-repeat: no-repeat;
    height: 316px;
}

 .lgx-milestone .lgx-counter-area {
     margin-bottom: 4.2rem;
     color: #fff;
     position: relative;
     border-radius: 6px;
     text-align: center;
     min-3eight: 75px
 }

 .lgx-milestone .lgx-counter-area img {
     opacity: .4
 }

 .lgx-milestone .lgx-counter-area i {
     font-size: 10.2rem;
     line-height: 15.299999999999999rem;
     margin: 0;
     color: #554bb9;
     opacity: .4
 }

 .lgx-milestone .lgx-counter-area .counter-text {
     text-align: center;
     position: absolute;
     z-index: 1;
     bottom: -60px;
     width: 100%;
     left: 0
 }

 .lgx-milestone .lgx-counter-area .counter-text .lgx-counter {
     font-family: "Montserrat", sans-serif;;
     display: block;
     font-size: 68px;
     font-size: 6.8rem;
     font-weight: 900;
     margin-bottom: 1rem;
     color: #fff;
     padding-bottom: 2%;
 }

 .lgx-milestone .lgx-counter-area .counter-text small {
     font-family: "Montserrat", sans-serif;
     color: #fff;
     font-size: 2rem;
     line-height: 3rem;
     font-weight: 400;
     display: block;
     margin: 2.6rem  25%;
     padding: 2% 0;
     background-color: #262C38;
 }

 .lgx-schedule {
     background: #554bb9
 }

 .lgx-schedule .lgx-inner {
     background: url(../img/schedule-bg-pattern.png) bottom center no-repeat;
     -webkit-background-size: 100% auto, cover;
     -o-background-size: 100% auto, cover;
     -moz-background-size: 100% auto, cover;
     background-size: 100% auto, cover
 }

 .lgx-schedule2 .lgx-inner {
     background: url(../img/schedule-bg-pattern2.png) bottom center no-repeat;
     -webkit-background-size: 100% auto, cover;
     -o-background-size: 100% auto, cover;
     -moz-background-size: 100% auto, cover;
     background-size: 100% auto, cover
 }

 .lgx-schedule-black {
     background: #1b273d
 }

 .lgx-schedule-white {
     background: #f1f1f1
 }

 .lgx-schedule-music {
     background: url(http://placehold.it/1920x1000) top center no-repeat fixed;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-schedule-music .lgx-inner {
     background: 0 0
 }

 .lgx-schedule-christmas .lgx-inner {
     background: url(../img/schedule-christmas-pattern.png) bottom center no-repeat;
     -webkit-background-size: 100% auto, cover;
     -o-background-size: 100% auto, cover;
     -moz-background-size: 100% auto, cover;
     background-size: 100% auto, cover
 }

 .lgx-tab .nav>li>a:focus,
 .lgx-tab .nav>li>a:hover {
     background-color: transparent
 }

 .lgx-tab .lgx-nav,
 .lgx-tab .lgx-tab-content {
     float: left
 }

 .lgx-tab .lgx-nav {
     width: 25%;
     padding: 3rem 0
 }

 .lgx-tab .lgx-nav-nogap {
     width: 25%;
     margin-right: 0
 }

 .lgx-tab .lgx-nav-colorful {
     padding: 0
 }

 .lgx-tab .lgx-nav-colorful li {
     margin: 0 !important;
     padding: 1rem 5px !important
 }

 .lgx-tab .lgx-nav-colorful li:nth-child(1) {
     background: #efa506
 }

 .lgx-tab .lgx-nav-colorful li:nth-child(2) {
     background: #ff8a00
 }

 .lgx-tab .lgx-nav-colorful li:nth-child(3) {
     background: #00b9ff
 }

 .lgx-tab .lgx-nav-colorful li:nth-child(4) {
     background: #8dc63f
 }

 .lgx-tab .lgx-nav-colorful li:nth-child(5) {
     background: #6ba229
 }

 .lgx-tab .lgx-nav-colorful .active {
     background: #554bb9 !important
 }

 .lgx-tab .lgx-nav-colorful .active a:focus,
 .lgx-tab .lgx-nav-colorful .active a:hover {
     background: 0 0;
     margin-right: .6rem
 }

 .lgx-tab .lgx-tab-content {
     width: 75%
 }

 .lgx-tab .nav-pills {
     background: #554bb9;
     text-align: right;
     display: inline-block;
     margin-bottom: 2.6rem;
     -moz-box-shadow: 0 13px 35px rgba(0, 0, 0, .1);
     -webkit-box-shadow: 0 13px 35px rgba(0, 0, 0, .1);
     -o-box-shadow: 0 13px 35px rgba(0, 0, 0, .1);
     box-shadow: 0 13px 35px rgba(0, 0, 0, .1)
 }

 .lgx-tab .nav-pills li {
     padding: 5px;
     margin: 0 .4rem;
     float: none
 }

 .lgx-tab .nav-pills li a {
     padding: 1.6rem 2rem
 }

 .lgx-tab .nav-pills li a h3 {
     font-size: 2rem;
     font-weight: 400;
     line-height: 2.6rem;
     color: #fff;
     text-transform: uppercase;
     margin: 0;
     letter-spacing: 1px
 }

 .lgx-tab .nav-pills li a p {
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     font-weight: 300;
     margin: 0;
     color: #fff;
     opacity: .7
 }

 .lgx-tab .nav-pills .active {
     position: relative;
     border-radius: 0;
     background: 0 0
 }

 .lgx-tab .nav-pills .active a:focus,
 .lgx-tab .nav-pills .active a:hover {
     background: 0 0;
     margin-right: .6rem
 }

 .lgx-tab .nav-pills .active a {
     background: 0 0;
     border-radius: 0
 }

 .lgx-tab .nav-pills .active a h3 {
     color: #efa506
 }

 .lgx-tab2 .lgx-nav,
 .lgx-tab2 .lgx-tab-content {
     float: left
 }

 .lgx-tab2 .lgx-nav {
     width: 100%;
     margin-right: 0;
     padding: 1.5rem 0
 }

 .lgx-tab2 .lgx-tab-content {
     width: 100%
 }

 .lgx-tab2 .nav-pills {
     text-align: center;
     margin-bottom: 3rem;
     display: flex
 }

 .lgx-tab2 .lgx-nav-nogap,
 .panel-group {
     margin-bottom: 0
 }

 .lgx-tab2 .nav-pills li {
     flex: 1;
     float: none
 }

 .lgx-tab2 .nav-pills li a {
     padding: 1rem 2rem
 }

 .lgx-tab2 .nav-pills li a h3 {
     font-size: 2rem;
     font-weight: 400;
     line-height: 2.6rem;
     color: #fff;
     text-transform: uppercase;
     margin: 0;
     letter-spacing: 1px
 }

 .lgx-tab2 .nav-pills li a p {
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     font-weight: 300;
     margin: 0;
     color: #fff;
     opacity: .7
 }

 .lgx-tab2 .nav-pills .active::before {
     top: auto;
     right: 47%;
     bottom: -30px
 }

 .lgx-tab2 .lgx-nav-colorful {
     padding: 0
 }

 .lgx-tab2 .lgx-nav-colorful li {
     padding: 1.5rem 5px !important
 }

 .lgx-tab2 .lgx-nav-colorful .active::before {
     bottom: -13px
 }

 .lgx-tab-vertical {
     display: flex
 }

 .lgx-tab-vertical .lgx-nav {
     text-align: center;
     width: 120px;
     box-shadow: none;
     background: 0 0
 }

 .lgx-tab-vertical .lgx-nav li a {
     padding: 5rem 0 !important;
     display: block;
     -ms-transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg)
 }

 .lgx-tab-vertical .tab-content {
     width: 100%
 }

 .panel-group .panel+.panel {
     margin-top: 0
 }

 .panel-group .panel {
     background: rgba(255, 255, 255, .85);
     margin-bottom: 5px;
     border-radius: 16px;
     -webkit-box-shadow: 0 8px 6px -6px rgba(50, 51, 51, .1);
     -moz-box-shadow: 0 8px 6px -6px rgba(50, 51, 51, .1);
     box-shadow: 0 8px 6px -6px rgba(50, 51, 51, .1)
 }

 .lgx-tab-content {
     background: rgba(85, 75, 185, .1);
     border: 2px solid #554bb9;
     padding: 1rem 1rem .5rem;
     -webkit-box-shadow: 0 13px 35px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 13px 35px rgba(0, 0, 0, .1);
     box-shadow: 0 13px 35px rgba(0, 0, 0, .1);
     overflow: hidden
 }

 .lgx-tab-content .active.in {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .4s;
     animation-timing-function: linear
 }

 .lgx-panel {
     border: none;
     box-shadow: none
 }

 .lgx-panel .panel-heading {
     background: 0 0
 }

 .lgx-panel .collapsed {
     background: #fff;
     border-radius: 8px;
     display: block
 }

 .lgx-panel .collapsed .author img {
     border: 2px solid transparent !important
 }

 .lgx-panel .collapsed .schedule-info {
     background: 0 0 !important
 }

 .lgx-panel .panel-collapse .panel-body {
     border: none !important
 }

 .lgx-panel .panel-body {
     padding: 0 2rem 2rem;
     margin-left: 120px;
     display: block
 }

 .lgx-panel .lgx-single-schedule {
     display: flex;
     padding: 2rem 1.5rem
 }

 .lgx-panel .lgx-single-schedule .author {
     max-width: 100px;
     margin-right: 1rem;
     margin-top: 2rem
 }

 .lgx-panel .lgx-single-schedule .author img {
     border-radius: 50%;
     margin-bottom: .4rem;
     border: 2px solid #efa506
 }

 .lgx-panel .lgx-single-schedule .author-multi img {
     width: 48%;
     margin-right: 1%;
     float: left
 }

 .lgx-panel .lgx-single-schedule .schedule-info {
     width: 100%;
     background: #fff;
     padding: 2.6rem 3rem;
     border-radius: 8px
 }

 .lgx-panel .lgx-single-schedule .schedule-info .time {
     background: rgba(239, 165, 6, .1);
     font-family: "Montserrat", sans-serif;;
     font-size: 1.6rem;
     line-height: 2.4000000000000004rem;
     font-weight: 600;
     text-transform: uppercase;
     display: inline-block;
     margin: 0 0 .5rem;
     padding: .2rem 1rem;
     border-radius: 25px
 }

 .lgx-panel .lgx-single-schedule .schedule-info .time span {
     color: #efa506
 }

 .lgx-panel .lgx-single-schedule .schedule-info .title {
     font-family: "Montserrat", sans-serif;
     font-size: 2.6rem;
     font-weight: 900;
     line-height: 3.4rem;
     margin: 0
 }

 .lgx-panel .lgx-single-schedule .schedule-info .author-info {
     font-size: 1.6rem;
     line-height: 2.4000000000000004rem;
     font-weight: 400;
     margin-bottom: 0
 }

 .lgx-panel .lgx-single-schedule .schedule-info .author-info span {
     color: #ec398b
 }

 .lgx-panel .panel-body .text {
     margin-bottom: 1.6rem
 }

 .lgx-panel .panel-body .location {
     font-family: "Montserrat", sans-serif;;
     font-size: 1.6rem;
     line-height: 2.4000000000000004rem;
     font-weight: 400;
     margin-bottom: 1.6rem
 }

 .lgx-panel .panel-body .location strong {
     font-weight: 700;
     color: #554bb9
 }

 .lgx-panel .panel-body .location span {
     color: #554bb9
 }

 .lgx-panel:last-child {
     border-bottom: 1px solid transparent
 }

 @media (max-width:1499px) {

     .lgx-tab .lgx-nav,
     .lgx-tab .lgx-tab-content {
         float: left
     }

     .lgx-tab .lgx-nav {
         width: 100%;
         margin-right: 0;
         padding: 1.5rem 0
     }

     .lgx-tab .lgx-tab-content {
         width: 100%
     }

     .lgx-tab .nav-pills {
         text-align: center;
         margin-bottom: 3rem;
         display: inline-block
     }

     .lgx-tab .nav-pills li {
         flex: 1;
         float: none
     }

     .lgx-tab .nav-pills li a {
         padding: 1rem
     }

     .lgx-tab .nav-pills li a h3 {
         font-size: 2rem;
         font-weight: 400;
         line-height: 2.6rem;
         color: #fff;
         text-transform: uppercase;
         margin: 0;
         letter-spacing: 1px
     }

     .lgx-tab .nav-pills li a p {
         font-size: 1.4rem;
         line-height: 2.0999999999999996rem;
         font-weight: 300;
         margin: 0;
         color: #fff;
         opacity: .7
     }

     .lgx-tab .nav-pills .active::before {
         display: none
     }

     .lgx-tab-vertical .lgx-nav {
         width: auto
     }
     .iframe-sponsor {
        height: 310vh !important;
    }
 }

 @media (max-width:480px) {
     .lgx-panel .lgx-single-schedule {
         display: block;
         padding: 2rem 0
     }
     .iframe-container{
        height: 9500px;
     }
     .iframe-sponsor {
        height: 388vh !important;
    }
    .iframe-agenda{
        width: 100%;
        height: 150vh ; 
        overflow-y: hidden;
        margin-top: 0;
    }
     .lgx-panel .lgx-single-schedule .author {
         max-width: 100%;
         overflow: hidden;
         margin: 0 1.5rem .5rem
     }

     .lgx-panel .lgx-single-schedule .author img {
         max-height: 80px
     }

     .lgx-panel .lgx-single-schedule .author-multi img {
         width: auto
     }

     .lgx-tab-vertical {
         display: block
     }

     .lgx-tab-vertical .lgx-nav {
         width: 100%
     }

     .lgx-tab-vertical .lgx-nav li a {
         padding: 1.5rem 0 !important;
         display: block;
         -ms-transform: rotate(0);
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
     .lgx-modal .modal-dialog .modal-content .modal-body {
        width: 90% !important;
        margin: 5% auto !important;
     }

     .modal-dialog {
        margin: 5% 0 !important;
     }
     .lgx-single {
        margin: 0 0 15px 0 !important;
     }
 }

 .lgx-sponsors {
     background: url(http://placehold.it/1920x1000) bottom center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-sponsors .lgx-inner {
     background: #fff
 }

 .lgx-sponsors-black .lgx-inner {
     background: rgba(27, 39, 61, .95)
 }

 .lgx-sponsors-christmas {
     background: 0 0
 }

 .lgx-sponsors-christmas .lgx-inner {
     background: #f1f1f1
 }

 .sponsored-heading {
     font-size: 2.3rem;
     line-height: 3.9000000000000004rem;
     font-weight: 700;
     color: #554bb9;
     text-transform: uppercase;
     text-align: center;
     margin: 2.8rem 0 2rem;
     display: block
 }

 .sponsored-heading.first-heading {
     margin-top: 0
 }

 .sponsored-heading.secound-heading {
     color: #033d5b
 }

 .sponsored-heading.third-heading {
     color: #efa506
 }

 .sponsors-area {
     text-align: center
 }

 .sponsors-area .single {
    overflow: hidden;
    margin: 0 0.5% 1.6rem;
    padding: 1.6rem 0px;
    border-radius: 16px;
    display: inline-flex;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -moz-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.05);
    -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.05);
    box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.05);
    justify-content: center;
    align-items: center;
}

 .sponsors-area .single a {
     display: block;
     text-align: center
 }

 .sponsors-area .single a img {
     width: 100%
 }

 .sponsors-area .single:hover {
     opacity: 1
 }

 .sponsors-area .single:hover a img {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .4s;
     animation-timing-function: linear
 }

 .sponsors-area-col3 .single {
     width: 32%
 }

 .sponsors-area-nogap .single {
     margin: 0 0 4px;
     display: inline-table
 }

 .sponsors-area-border .single {
     border: 5px solid #ddd
 }

 .sponsors-area-border .single:hover {
     border: 5px solid #554bb9
 }

 .sponsors-area-noshadow .single {
     box-shadow: none
 }

 .sponsors-area-noshadow .single:hover {
     -moz-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .05);
     -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .05);
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .05)
 }

 .sponsors-area-colorfull .single {
     background: #554bb9
 }

 .sponsors-area-colorfull .single img {
     -webkit-filter: grayscale(40%);
     filter: grayscale(40%)
 }

 .sponsors-area-colorfull .single:nth-child(1) {
     background: #f60
 }

 .sponsors-area-colorfull .single:nth-child(2) {
     background: #ff9400
 }

 .sponsors-area-colorfull .single:nth-child(3) {
     background: #ffc600
 }

 .sponsors-area-colorfull .single:nth-child(4) {
     background: #8cc700
 }

 .sponsors-area-colorfull .single:nth-child(5) {
     background: #0fad00
 }

 .sponsors-area-colorfull .single:nth-child(6) {
     background: #00a3c1
 }

 .sponsors-area-colorfull .single:nth-child(7) {
     background: #0061b5
 }

 .sponsors-area-colorfull .single:nth-child(8) {
     background: #6300a4
 }

 .sponsors-area-colorfull .single:nth-child(9) {
     background: red
 }

 .sponsors-area-colorfull .single:nth-child(10) {
     background: #f60
 }

 .sponsors-area-colorfull .single:nth-child(11) {
     background: #ff9400
 }

 .sponsors-area-colorfull .single:nth-child(12) {
     background: #ffc600
 }

 .sponsors-area-colorfull .single:nth-child(13) {
     background: #8cc700
 }

 .sponsors-area-colorfull .single:nth-child(14) {
     background: #0fad00
 }

 .sponsors-area-colorfull .single:nth-child(15) {
     background: #00a3c1
 }

 .sponsors-area-colorfull .single:nth-child(16) {
     background: #0061b5
 }

 .sponsors-area-colorfull .single:nth-child(17) {
     background: #6300a4
 }

 .sponsors-area-colorfull .single:nth-child(18) {
     background: red
 }

 .sponsors-area-colorfull .single:nth-child(19) {
     background: #f60
 }

 .sponsors-area-colorfull .single:nth-child(20) {
     background: #ff9400
 }

 .sponsors-area-colorfull .single:nth-child(21) {
     background: #ffc600
 }

 .sponsors-area-colorfull .single:nth-child(22) {
     background: #8cc700
 }

 .sponsors-area-colorfull .single:nth-child(23) {
     background: #0fad00
 }

 .sponsors-area-colorfull .single:nth-child(24) {
     background: #00a3c1
 }

 .sponsors-area-colorfull .single:nth-child(25) {
     background: #0061b5
 }

 .sponsors-area-colorfull .single:nth-child(26) {
     background: #6300a4
 }

 .sponsors-area-colorfull .single:nth-child(27) {
     background: red
 }

 .sponsors-area-colorfull .single:nth-child(28) {
     background: #f60
 }

 .sponsors-area-colorfull .single:nth-child(29) {
     background: #ff9400
 }

 .sponsors-area-colorfull .single:nth-child(30) {
     background: #ffc600
 }

 .sponsors-area-colorfull .single:nth-child(31) {
     background: #8cc700
 }

 .sponsors-area-colorfull .single:nth-child(32) {
     background: #0fad00
 }

 .sponsors-area-colorfull .single:nth-child(33) {
     background: #00a3c1
 }

 .sponsors-area-colorfull .single:nth-child(34) {
     background: #0061b5
 }

 .sponsors-area-colorfull .single:nth-child(35) {
     background: #6300a4
 }

 .sponsors-area-colorfull .single:nth-child(36) {
     background: red
 }

 .lgx-news,
 .sponsors-area-bg .single,
 .sponsors-area-colorfull-border .single {
     background: #fff
 }

 .sponsors-area-colorfull .single:hover img {
     -webkit-filter: grayscale(0);
     filter: grayscale(0)
 }

 .sponsors-area-colorfull-border .single:nth-child(1) {
     border: 8px solid #f60
 }

 .sponsors-area-colorfull-border .single:nth-child(2) {
     border: 8px solid #ff9400
 }

 .sponsors-area-colorfull-border .single:nth-child(3) {
     border: 8px solid #ffc600
 }

 .sponsors-area-colorfull-border .single:nth-child(4) {
     border: 8px solid #8cc700
 }

 .sponsors-area-colorfull-border .single:nth-child(5) {
     border: 8px solid #0fad00
 }

 .sponsors-area-colorfull-border .single:nth-child(6) {
     border: 8px solid #00a3c1
 }

 .sponsors-area-colorfull-border .single:nth-child(7) {
     border: 8px solid #0061b5
 }

 .sponsors-area-colorfull-border .single:nth-child(8) {
     border: 8px solid #6300a4
 }

 .sponsors-area-colorfull-border .single:nth-child(9) {
     border: 8px solid red
 }

 .sponsors-area-colorfull-border .single:nth-child(10) {
     border: 8px solid #f60
 }

 .sponsors-area-colorfull-border .single:nth-child(11) {
     border: 8px solid #ff9400
 }

 .sponsors-area-colorfull-border .single:nth-child(12) {
     border: 8px solid #ffc600
 }

 .sponsors-area-colorfull-border .single:nth-child(13) {
     border: 8px solid #8cc700
 }

 .sponsors-area-colorfull-border .single:nth-child(14) {
     border: 8px solid #0fad00
 }

 .sponsors-area-colorfull-border .single:nth-child(15) {
     border: 8px solid #00a3c1
 }

 .sponsors-area-colorfull-border .single:nth-child(16) {
     border: 8px solid #0061b5
 }

 .sponsors-area-colorfull-border .single:nth-child(17) {
     border: 8px solid #6300a4
 }

 .sponsors-area-colorfull-border .single:nth-child(18) {
     border: 8px solid red
 }

 .sponsors-area-colorfull-border .single:nth-child(19) {
     border: 8px solid #f60
 }

 .sponsors-area-colorfull-border .single:nth-child(20) {
     border: 8px solid #ff9400
 }

 .sponsors-area-colorfull-border .single:nth-child(21) {
     border: 8px solid #ffc600
 }

 .sponsors-area-colorfull-border .single:nth-child(22) {
     border: 8px solid #8cc700
 }

 .sponsors-area-colorfull-border .single:nth-child(23) {
     border: 8px solid #0fad00
 }

 .sponsors-area-colorfull-border .single:nth-child(24) {
     border: 8px solid #00a3c1
 }

 .sponsors-area-colorfull-border .single:nth-child(25) {
     border: 8px solid #0061b5
 }

 .sponsors-area-colorfull-border .single:nth-child(26) {
     border: 8px solid #6300a4
 }

 .sponsors-area-colorfull-border .single:nth-child(27) {
     border: 8px solid red
 }

 .sponsors-area-colorfull-border .single:nth-child(28) {
     border: 8px solid #f60
 }

 .sponsors-area-colorfull-border .single:nth-child(29) {
     border: 8px solid #ff9400
 }

 .sponsors-area-colorfull-border .single:nth-child(30) {
     border: 8px solid #ffc600
 }

 .sponsors-area-colorfull-border .single:nth-child(31) {
     border: 8px solid #8cc700
 }

 .sponsors-area-colorfull-border .single:nth-child(32) {
     border: 8px solid #0fad00
 }

 .sponsors-area-colorfull-border .single:nth-child(33) {
     border: 8px solid #00a3c1
 }

 .sponsors-area-colorfull-border .single:nth-child(34) {
     border: 8px solid #0061b5
 }

 .sponsors-area-colorfull-border .single:nth-child(35) {
     border: 8px solid #6300a4
 }

 .sponsors-area-colorfull-border .single:nth-child(36) {
     border: 8px solid red
 }

 .sponsors-area-colorfull-border .single:hover {
     background: #fff;
     border: 8px solid #fff
 }

 .sponsors-area-colorfull-border .single:hover img {
     -webkit-filter: grayscale(0);
     filter: grayscale(0)
 }

 .sponsors-area-bg {
     align-items: center
 }

 .sponsors-area-bg .single {
     margin: 0 .5% 1rem;
     padding: 2rem
 }

 .lgx-news-black {
     background: url(http://placehold.it/1920x800) bottom center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-news-black .lgx-inner {
     background: rgba(27, 39, 61, .9)
 }

 .lgx-single-news {
     margin-bottom: 2.6rem;
     background: #fff;
     padding: 1.6rem 1.6rem 2.6rem;
     border-radius: 16px;
     position: relative;
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1)
 }

 .lgx-single-news .lgx-btn {
     margin-top: 1rem
 }

 .lgx-single-news figure {
     position: relative;
     overflow: hidden;
     z-index: 9
 }

 .lgx-single-news figure a img {
     -moz-transition-duration: .5s;
     -webkit-transition-duration: .5s;
     -o-transition-duration: .5s;
     transition-duration: .5s
 }

 .lgx-single-news .single-news-info {
     position: relative;
     z-index: 2;
     margin-top: 1.6rem;
     padding: 0 1rem
 }

 .lgx-single-news .meta-wrapper span:after {
     content: '|';
     display: inline-block;
     margin: 3px 6px 3px 7px;
     color: #ddd
 }

 .lgx-single-news .meta-wrapper span {
     font-size: 15px
 }

 .lgx-single-news .meta-wrapper span a {
     color: inherit
 }

 .lgx-single-news .meta-wrapper span a:hover {
     color: #ec398b
 }

 .lgx-single-news .meta-wrapper span:last-child:after {
     display: none
 }

 .lgx-single-news .title {
     font-size: 2rem;
     font-weight: 700;
     line-height: 2.6rem;
     margin-top: .5rem
 }

 .lgx-single-news:hover:after {
     left: 42%;
     opacity: 1
 }

 .lgx-single-news:hover figure a img {
     -ms-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2)
 }

 .lgx-single-news:hover figure figcaption .date {
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .6s;
     animation-timing-function: linear;
     opacity: 0
 }

 .lgx-registration {
    background: url(https://cdn.eventtia.com/event_files/185902/original/webcmsfinanceweek2024header17122419271712241927.jpg?1712241927) top center no-repeat;
    background-size: cover;
 }

 .lgx-registration2 {
     background: url(http://placehold.it/1920x1000) bottom center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-registration2 .lgx-inner {
     background: rgba(85, 75, 185, .9)
 }

 
 .lgx-registration4 {
     background: url(http://placehold.it/1920x1000) bottom center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-registration4 .lgx-inner {
     padding: 0;
     background: rgba(27, 39, 61, .9)
 }

 .lgx-registration-christmas {
     background: url(http://placehold.it/1920x800) center center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-registration-christmas .lgx-inner {
     background: url(../img/ice-down-ash.png) top center repeat-x;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover;
     padding-bottom: 0
 }

 .lgx-registration-christmas .lgx-inner .lgx-registration-area {
     position: relative;
     margin-bottom: -25rem
 }

 .lgx-registration-area .lgx-single-registration {
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     flex: 1;
     text-align: center;
     color: #fff;
     overflow: hidden;
     position: relative;
     border-radius: 16px;
     margin: 0 .8rem;
     -moz-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1);
     -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1);
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1)
 }

 .lgx-registration-area .lgx-single-registration:after {
     content: "";
     position: absolute;
     left: 27%;
     bottom: -145%;
     height: 150%;
     width: 150%;
     background: url(../img/dots2.png);
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
     transform: translateX(-98%) translateY(-25%) rotate(45deg);
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     z-index: 0
 }

 .lgx-registration-area .lgx-single-registration .lgx-btn {
     background: #ec398b
 }

 .lgx-registration-area .lgx-single-registration .lgx-btn:hover {
     background: #efa506
 }

 .lgx-registration-area .lgx-single-registration .lgx-single-registration-inner {
     padding: 4.2rem 2rem 6.8rem;
     position: relative;
     z-index: 3
 }

 .lgx-registration-area .lgx-single-registration .single-top .title {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 700;
     text-transform: uppercase;
     color: #fff
 }

 .lgx-registration-area .lgx-single-registration .single-top .title a {
     color: inherit
 }

 .lgx-registration-area .lgx-single-registration .single-top p {
     font-family: "Montserrat", sans-serif;;
     color: #fff;
     letter-spacing: .06rem;
     opacity: .7
 }

 .lgx-registration-area .lgx-single-registration .single-top .price {
     font-family: "Montserrat", sans-serif;
     color: #efa506;
     font-size: 6.8rem;
     line-height: 10.2rem;
     line-height: 8rem;
     font-weight: 900
 }

 .lgx-registration-area .lgx-single-registration .single-top .price i {
     font-family: "Montserrat", sans-serif;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 300;
     color: #fff;
     font-style: normal;
     position: relative;
     top: -30px
 }

 .lgx-registration-area .lgx-single-registration .single-top .price span {
     font-family: "Montserrat", sans-serif;
     font-size: 2rem;
     line-height: 3rem;
     font-weight: 300;
     color: #fff
 }

 .lgx-registration-area .lgx-single-registration .single-bottom ul {
     margin-top: 2.6rem;
     margin-bottom: 5rem
 }

 .lgx-registration-area .lgx-single-registration .single-bottom ul li {
     font-size: 1.6rem;
     line-height: 2.4000000000000004rem;
     font-weight: 300;
     margin-bottom: .4rem
 }

 .lgx-registration-area .lgx-single-registration:hover {
     background: #fff;
     -moz-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .3);
     -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .3);
     box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .3)
 }

 .lgx-registration-area .lgx-single-registration:hover .lgx-single-registration-inner {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .6s;
     animation-timing-function: linear
 }

 .lgx-registration-area .lgx-single-registration:hover .single-top .title {
     color: #554bb9
 }

 .lgx-registration-area .lgx-single-registration:hover .single-top .title a {
     color: inherit
 }

 .lgx-registration-area .lgx-single-registration:hover .single-top p {
     color: #1b273d
 }

 .lgx-registration-area .lgx-single-registration:hover .single-top .price {
     color: #7e7c7c
 }
 .lgx-registration-area .lgx-single-registration:hover .single-top .price i {
     color: #1b273d;
     opacity: .4
 }

 .lgx-registration-area .lgx-single-registration:hover .single-top .price span {
     color: #1b273d;
     opacity: .7
 }

 .lgx-registration-area .lgx-single-registration:hover .single-bottom ul li {
     color: #1b273d
 }

 .lgx-registration-area2 .lgx-single-registration {
     border: 4px solid #fff;
     border-radius: 8px;
     margin: 0 1rem
 }

 .lgx-registration-area-nogap .lgx-single-registration {
     border-radius: 0;
     margin: 0
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(1) {
     background: #7e7c7c
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(1) .single-top .title {
     color: #efa506
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(2) {
     background:  #7e7c7c
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(2) .single-top .title {
     color: #fff
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(3) {
     background: #e5007e
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(3) .single-top .title {
     color: #fff
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(4) {
     background: #6ba229
 }

 .lgx-registration-area3 .lgx-single-registration:nth-child(4) .single-top .title {
     color: #6ba229
 }

 .lgx-registration-area3 .lgx-single-registration .single-top {
     background: rgba(255, 255, 255, .5);
     min-height: 210px;
     max-width: 210px;
     border-radius: 50%;
     margin: 0 auto;
     -moz-box-shadow: 0 13px 35px rgba(0, 0, 0, .05);
     -webkit-box-shadow: 0 13px 35px rgba(0, 0, 0, .05);
     -o-box-shadow: 0 13px 35px rgba(0, 0, 0, .05);
     box-shadow: 0 13px 35px rgba(0, 0, 0, .05)
 }

 .lgx-registration-area3 .lgx-single-registration .single-top .price {
     line-height: 8rem;
     color: #fff
 }

 .lgx-registration-area3 .lgx-single-registration .single-top .title {
     padding-top: 5rem
 }

 .lgx-registration-area3 .lgx-single-registration:hover .single-top {
     background: #fff
 }

 .lgx-registration-area3 .lgx-single-registration:hover .single-bottom ul li {
     color: #fff
 }

 .lgx-registration-area3 .recommended .lgx-btn {
     background: #ec398b
 }

 .lgx-registration-area3 .recommended .lgx-btn:hover {
     background: #efa506
 }

 .lgx-registration-area {
     display: flex;
     align-items: stretch
 }

 .lgx-registration-area .lgx-single-registration-christmas {
     background: #554bb9;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     flex: 1;
     text-align: center;
     color: #fff;
     overflow: hidden;
     -moz-box-shadow: 0 0 16px #ccc;
     -webkit-box-shadow: 0 0 16px #ccc;
     -o-box-shadow: 0 0 16px #ccc;
     box-shadow: 0 0 16px #ccc
 }

 .lgx-registration-area .lgx-single-registration-christmas .lgx-btn {
     background: #ec398b
 }

 .lgx-registration-area .lgx-single-registration-christmas .lgx-btn:hover {
     background: #efa506
 }

 .lgx-registration-area .lgx-single-registration-christmas .lgx-single-registration-inner {
     padding: 4.2rem 2rem 9rem;
     background: url(../img/registration-style-christmas.png) bottom center no-repeat;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-registration-area .lgx-single-registration-christmas .single-top .title {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 700;
     text-transform: uppercase;
     color: #fff
 }

 .lgx-registration-area .lgx-single-registration-christmas .single-top .title a {
     color: inherit
 }

 .lgx-registration-area .lgx-single-registration-christmas .single-top .price {
     font-family: "Montserrat", sans-serif;;
     color: #efa506;
     font-size: 6.8rem;
     line-height: 10.2rem;
     font-weight: 900
 }

 .lgx-registration-area .lgx-single-registration-christmas .single-top .price i {
     font-weight: 300;
     color: #fff;
     font-style: normal
 }

 .lgx-registration-area .lgx-single-registration-christmas .single-top .price span {
     font-family: "Montserrat", sans-serif;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 300;
     color: #fff
 }

 .lgx-registration-area .lgx-single-registration-christmas .single-bottom ul {
     margin-top: 2.6rem;
     margin-bottom: 5rem
 }

 .lgx-registration-area .lgx-single-registration-christmas .single-bottom ul li {
     font-size: 1.6rem;
     line-height: 2.4000000000000004rem;
     font-weight: 300;
     margin-bottom: .4rem
 }

 .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) {
     background: #f1f1f1;
     border-radius: 12px 0 0 12px
 }

 .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) .single-top .title {
     color: #554bb9
 }

 .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) .single-top .title a {
     color: inherit
 }

 .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) .single-top .price {
     color: #efa506
 }

 .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) .single-top .price i {
     color: #1b273d;
     opacity: .4
 }

 .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) .single-top .price span {
     color: #1b273d;
     opacity: .7
 }

 .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) .single-bottom ul li {
     color: #1b273d
 }

 .lgx-registration-area .lgx-single-registration-christmas:last-child {
     border-radius: 0 12px 12px 0
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover {
     background: #fff
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover .lgx-single-registration-inner {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .6s;
     animation-timing-function: linear
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover .single-top .title {
     color: #554bb9
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover .single-top .title a {
     color: inherit
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover .single-top .price {
     color: #efa506
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover .single-top .price i {
     color: #1b273d;
     opacity: .4
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover .single-top .price span {
     color: #1b273d;
     opacity: .7
 }

 .lgx-registration-area .lgx-single-registration-christmas:hover .single-bottom ul li {
     color: #1b273d
 }

 .lgx-registration-area .recommended {
     background: #efa506
 }

 .lgx-registration-area .recommended .lgx-btn {
     background: #554bb9
 }

 .lgx-registration-area .recommended .lgx-btn:hover {
     background: #efa506
 }

 .lgx-registration-area .recommended .single-top .price,
 .lgx-registration-area .recommended .single-top .title {
     color: #fff
 }

 .lgx-registration-form-box ::-webkit-input-placeholder {
     color: #fff
 }

 .lgx-registration-form-box :-moz-placeholder {
     color: #fff;
     opacity: 1
 }

 .lgx-registration-form-box ::-moz-placeholder {
     color: #fff;
     opacity: 1
 }

 .lgx-registration-form-box :-ms-input-placeholder {
     color: #fff
 }

 .lgx-registration-form-box ::placeholder {
     color: #fff
 }

 .lgx-about-registration-box {
     position: relative;
     margin-top: -258px
 }

 .lgx-registration-form-box {
     background: url(../img/registrationbox-bg.jpg) center center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     padding: 4.2rem 3rem;
     text-align: center
 }

 .lgx-registration-form-box .title {
     font-size: 4.2rem;
     line-height: 6.300000000000001rem;
     color: #fff;
     margin-bottom: 2.6rem;
     margin-top: 0
 }

 .lgx-registration-form-box input.form-control,
 .lgx-registration-form-box input.wpcf7-form-control {
     margin-bottom: 1.5rem;
     display: block;
     width: 100%;
     height: 60px;
     background: rgba(255, 255, 255, .2);
     color: #fff
 }

 .lgx-registration-form-box input.form-control:focus,
 .lgx-registration-form-box input.wpcf7-form-control:focus {
     background: rgba(255, 255, 255, .7);
     color: #554bb9;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none
 }

 .lgx-registration-form-box select.lgx-select,
 .lgx-registration-form-box select.wpcf7-select {
     background: rgba(255, 255, 255, .2);
     display: block;
     width: 100%;
     border: none;
     padding: 15px 20px;
     margin-bottom: 2rem;
     color: #fff;
     outline: 0
 }

 .lgx-registration-form-box select.lgx-select option,
 .lgx-registration-form-box select.wpcf7-select option {
     background: #554bb9
 }

 .lgx-registration-form-box .lgx-submit,
 .lgx-registration-form-box .wpcf7-form-control.lgx-submit,
 .lgx-registration-form-box .wpcf7-form-control.wpcf7-submit,
 .lgx-registration-form-box .wpcf7-submit {
     display: block;
     width: 100%;
     background: #efa506;
     margin-top: 2rem;
     color: #554bb9
 }

 .lgx-registration-form-box .lgx-submit:hover,
 .lgx-registration-form-box .wpcf7-form-control.lgx-submit:hover,
 .lgx-registration-form-box .wpcf7-form-control.wpcf7-submit:hover,
 .lgx-registration-form-box .wpcf7-submit:hover {
     background: #ec398b;
     color: #fff
 }

 .lgx-registration-simple {
     background: url(http://placehold.it/1920x800) bottom center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     text-align: center
 }

 .lgx-registration-simple .lgx-inner {
     background: rgba(85, 75, 185, .9)
 }

 .lgx-registration-simple .lgx-heading {
     margin-bottom: 4.2rem
 }

 .lgx-registration-simple .lgx-heading .subheading {
     opacity: .7
 }

 .lgx-inner-countdown {
     background: #554bb9;
     display: flex
 }

 .lgx-inner-countdown .countdown-left-info {
     background: #efa506;
     width: 30%;
     text-align: center;
     padding: 4.2rem 1rem
 }

 .lgx-inner-countdown .countdown-left-info .title {
     margin-top: 0;
     font-weight: 700
 }

 .lgx-inner-countdown .countdown-left-info .subtitle {
     font-family: "Montserrat", sans-serif;
     font-weight: 400;
     margin-bottom: 0
 }

 #lgx-countdown span,
 .lgx-inner-countdown .countdown-left-info .date {
     font-family: "Montserrat", sans-serif;
 }

 .lgx-inner-countdown .countdown-right {
     text-align: center;
     margin: 4.2rem auto 0
 }

 #lgx-countdown {
     margin-top: -15px
 }

 #lgx-countdown span {
     text-align: center;
     font-size: 6.8rem;
     line-height: 10.2rem;
     font-weight: 900;
     display: inline-block;
     margin-bottom: 0;
     margin-right: 6.8rem;
     letter-spacing: .16rem;
     position: relative;
     bottom: -15px
 }

 #lgx-countdown span:last-child {
     margin-right: 0
 }

 #lgx-countdown i {
     font-family: "Montserrat", sans-serif;
     font-size: 2rem;
     line-height: 3rem;
     color: #fff;
     text-transform: uppercase;
     font-weight: 300;
     letter-spacing: normal;
     -ms-transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     font-style: normal;
     display: inline-block;
     position: absolute;
     bottom: 32px;
     right: -35px
 }

 .lgx-banner-info-circle #lgx-countdown i,
 .lgx-countdown-area-squre #lgx-countdown i {
     -ms-transform: rotate(0);
     -webkit-transform: rotate(0);
     font-style: normal;
     left: 0;
     text-transform: uppercase
 }

 #lgx-countdown .lgx-days {
     color: #fff200
 }

 #lgx-countdown .lgx-hr {
     color: #ff8a00
 }

 #lgx-countdown .lgx-min {
     color: #00b9ff
 }

 #lgx-countdown .lgx-sec {
     color: #8dc63f
 }

 .lgx-banner-info-circle #lgx-countdown span {
     text-align: center;
     font-family: "Montserrat", sans-serif;;
     font-size: 4.2rem;
     line-height: 6.300000000000001rem;
     font-weight: 900;
     display: inline-block;
     margin-bottom: 0;
     margin-right: 2rem;
     position: relative;
     bottom: 0
 }

 .lgx-banner-info-circle #lgx-countdown span:last-child {
     margin-right: 0
 }

 .lgx-banner-info-circle #lgx-countdown i {
     font-family: "Montserrat", sans-serif;
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     color: #fff;
     font-weight: 300;
     letter-spacing: normal;
     transform: rotate(0);
     display: inline-block;
     position: absolute;
     bottom: -15px;
     right: 0;
     opacity: .7
 }

 .lgx-banner-info-circle #lgx-countdown .lgx-days,
 .lgx-banner-info-circle #lgx-countdown .lgx-hr,
 .lgx-banner-info-circle #lgx-countdown .lgx-min,
 .lgx-banner-info-circle #lgx-countdown .lgx-sec {
     color: #fff
 }

 .lgx-countdowns3 {
     background: url(http://placehold.it/1920x800) top center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-countdowns3 .lgx-inner {
     background: rgba(85, 75, 185, .9)
 }

 .lgx-countdowns4 {
     background: url(http://placehold.it/1920x800) top center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-countdowns4 .lgx-inner {
     background: #1b273d;
     padding: 6.8rem 0
 }

 .lgx-countdown-area-squre {
     text-align: center;
     margin: 0 auto
 }

 .lgx-countdown-area-squre #lgx-countdown {
     display: flex
 }

 .lgx-countdown-area-squre #lgx-countdown span {
     text-align: center;
     font-family: "Montserrat", sans-serif;;
     font-size: 6.8rem;
     line-height: 10.2rem;
     line-height: 150px;
     font-weight: 900;
     display: inline-block;
     margin-bottom: 0;
     margin-right: 0;
     letter-spacing: .16rem;
     position: relative;
     top: 0;
     flex: 1;
     height: 180px
 }

 .lgx-countdown-area-squre #lgx-countdown span:first-child {
     border-radius: 6px 0 0 6px
 }

 .lgx-countdown-area-squre #lgx-countdown span:last-child {
     border-radius: 0 6px 6px 0
 }

 .lgx-countdown-area-squre #lgx-countdown i {
     font-family: "Montserrat", sans-serif;
     font-size: 2rem;
     line-height: 3rem;
     color: #fff;
     font-weight: 300;
     letter-spacing: normal;
     transform: rotate(0);
     display: inline-block;
     position: absolute;
     bottom: 40px;
     right: 0
 }

 .lgx-countdown-area-squre #lgx-countdown .lgx-days {
     color: #fff;
     background: #fac400
 }

 .lgx-countdown-area-squre #lgx-countdown .lgx-hr {
     color: #fff;
     background: #ff8a00
 }

 .lgx-countdown-area-squre #lgx-countdown .lgx-min {
     color: #fff;
     background: #00acee
 }

 .lgx-countdown-area-squre #lgx-countdown .lgx-sec {
     color: #fff;
     background: #8478fd
 }

 .lgx-countdowns-banner-bottom {
     background: #fff;
     border-radius: 6px;
     margin-top: -7rem
 }

 #circular-countdown .time_circles>div>h4,
 #circular-countdown .time_circles>div>span {
     color: #fff
 }

 #circular-countdown-whitebg .time_circles>div>h4,
 #circular-countdown-whitebg .time_circles>div>span {
     color: #1b273d
 }

 .lgx-countdown-simple #lgx-countdown span {
     text-align: center;
     margin-bottom: 0;
     margin-right: 6.8rem;
     position: relative;
     bottom: 0
 }

 .lgx-countdown-simple #lgx-countdown span:last-child {
     margin-right: 0
 }

 .lgx-countdown-simple #lgx-countdown i {
     -ms-transform: rotate(0);
     -webkit-transform: rotate(0);
     transform: rotate(0);
     font-style: normal;
     display: inline-block;
     position: absolute;
     bottom: -15px;
     right: 0;
     left: 0;
     opacity: .7
 }

 @media (max-width:1199px) {
     #lgx-countdown {
         display: inline-block;
         margin-bottom: 2.6rem
     }

     #lgx-countdown span {
         font-size: 4.2rem;
         line-height: 6.300000000000001rem;
         bottom: 0;
         margin-right: 2rem
     }

     #lgx-countdown i {
         font-size: 1.6rem;
         line-height: 2.4000000000000004rem;
         -ms-transform: rotate(0);
         -webkit-transform: rotate(0);
         transform: rotate(0);
         font-style: normal;
         display: inline-block;
         position: absolute;
         bottom: -15px;
         right: 0;
         left: 0
     }
 }

 @media (max-width:767px) {
     #lgx-countdown span {
         font-size: 2.6rem;
         line-height: 3.9000000000000004rem
     }

     #lgx-countdown i {
         font-size: 1.4rem;
         line-height: 2.0999999999999996rem
     }

     #lgx-countdown {
         display: inline-block
     }

     .lgx-countdowns-banner-bottom {
         margin-top: 0;
         padding-top: 1rem
     }

     .lgx-countdown-area-squre #lgx-countdown span {
         font-size: 3rem;
         line-height: 4.5rem;
         line-height: 85px;
         height: 100px
     }

     .lgx-countdown-area-squre #lgx-countdown i {
         font-size: 1.6rem;
         line-height: 2.4000000000000004rem;
         bottom: 25px
     }

     .lgx-about-service {
         display: block
     }

     .lgx-about-service .lgx-single-service-white {
         margin-bottom: 2rem
     }
 }

 .lgx-photo-gallery {
     overflow: hidden;
     margin-bottom: -11px
 }

 .lgx-photo-gallery .lgx-inner {
     padding-bottom: 0
 }

 .lgx-gallery-area {
     margin-right: -15px;
     margin-left: -15px;
     display: block;
     overflow: hidden
 }

 .lgx-gallery-single {
     background: 0 0;
     float: left;
     width: 100%
 }

 .lgx-gallery-single figure {
     position: relative;
     overflow: hidden
 }

 .lgx-gallery-single figure img {
     -webkit-transition: .4s ease;
     transition: .4s ease
 }

 .lgx-gallery-single figure figcaption {
     background: rgba(85, 75, 185, .9);
     position: absolute;
     left: 5%;
     top: 5%;
     width: 90%;
     height: 90%;
     opacity: 0;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s
 }

 .lgx-gallery-single figure figcaption .lgx-hover-link {
     display: table;
     height: 100%;
     width: 100%
 }

 .lgx-gallery-single figure figcaption .lgx-hover-link .lgx-vertical {
     display: table-cell;
     text-align: center;
     vertical-align: middle
 }

 .lgx-gallery-single figure figcaption .lgx-hover-link .lgx-vertical a {
     color: #fff;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     -webkit-transition: all .2 ease;
     transition: all .3s linear
 }

 .lgx-gallery-single figure figcaption .lgx-hover-link .lgx-vertical a i {
     padding: 2rem
 }

 .lgx-gallery-single:hover figure img {
     -ms-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2)
 }

 .lgx-gallery-single:hover figure figcaption {
     opacity: 1
 }

 .lgx-gallery-single:hover figure figcaption .lgx-hover-link .lgx-vertical a {
     color: #fff;
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn;
     -webkit-transform-origin: center;
     transform-origin: center;
     animation-duration: .6s;
     animation-timing-function: linear;
     display: block
 }

 .lgx-gallery-single:hover figure figcaption .lgx-hover-link .lgx-vertical a:hover {
     color: #efa506
 }

 .lgx-photo-gallery-black {
     background: url(http://placehold.it/1920x800) bottom center no-repeat fixed;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-photo-gallery-black .lgx-inner {
     background: rgba(27, 39, 61, .9)
 }

 .lgx-gallery-area .lgx-gallery-single {
     width: 33.33%
 }

 .lgx-testimonial {
     background: url(http://placehold.it/1920x1000) bottom center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-testimonial .lgx-inner {
     background: rgba(255, 255, 255, .95)
 }

 .lgx-testimonial-black .lgx-inner {
     background: rgba(27, 39, 61, .9)
 }

 blockquote.lgx-testi-single {
     padding: 36px 13% 0;
     font-size: 2rem;
     font-weight: 400;
     line-height: 3rem;
     margin: 0
 }

 blockquote.lgx-testi-single p {
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
     position: relative;
     z-index: 1;
     font-family: Poppins, sans-serif
 }

 blockquote.lgx-testi-single span {
     font-family: "Montserrat", sans-serif;;
     color: #554bb9;
     display: block;
     margin-bottom: 1.5rem
 }

 blockquote.lgx-testi-single .author {
     display: inline-block;
     margin-top: 2.6rem
 }

 blockquote.lgx-testi-single .author img {
     border-radius: 50%
 }

 blockquote.lgx-testi-single .author .title {
     text-transform: uppercase
 }

 blockquote.lgx-testi-single .author .rate i {
     font-size: 16px;
     font-size: 1.6rem;
     color: #ffaf0f
 }

 blockquote.lgx-testi-single:after {
     display: none
 }

 blockquote.lgx-testi-single:before {
     content: "";
     background: url(../img/quote.png) center left no-repeat;
     position: absolute;
     left: 0;
     top: -1px;
     right: 0;
     width: 115px;
     height: 81px;
     text-align: center;
     margin: 0 auto;
     z-index: 0
 }

 .lgx-testi-single .author {
     display: inline-block
 }

 .lgx-owltestimonial-box .item {
     margin: 0 15px
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single {
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     background: #fff;
     padding: 8rem 4.2rem 4.2rem;
     font-size: 1.6rem;
     font-weight: 300;
     line-height: 2.6rem;
     margin: 0;
     display: block
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single p {
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
     position: relative;
     z-index: 1
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single p span {
     line-height: 2.4rem;
     margin-bottom: 1rem
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single .author {
     display: inline-block;
     margin-top: 2.6rem;
     text-align: center
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single .author img {
     border-radius: 50%;
     max-width: 70px;
     margin: 0 auto
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single .author .title {
     text-transform: uppercase;
     font-size: 14px;
     font-size: 1.4rem
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single .author .rate i {
     font-size: 16px;
     font-size: 1.6rem;
     color: #ffaf0f
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single:before {
     top: 48px
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single:hover {
     background: #554bb9
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single:hover p,
 .lgx-owltestimonial-box blockquote.lgx-testi-single:hover p span {
     color: #fff
 }

 .lgx-owltestimonial-box blockquote.lgx-testi-single:hover:before {
     opacity: .15
 }

 .contact-info {
     display: flex;
     margin-bottom: 4.2rem
 }

 .contact-info .lgx-address-box {
     flex: 1;
     margin-bottom: 2.6rem;
     text-align: center
 }

 .contact-info .lgx-address-box .address .title {
     color: #554bb9;
     font-weight: 400;
     letter-spacing: normal;
     margin: 0 0 1rem
 }

 .lgx-contactform {
     text-align: center
 }

 .lgx-contactform .form-group {
     margin-bottom: 2rem
 }

 .lgx-contactform .form-control {
     display: block;
     text-align: left;
     width: 100%;
     height: 50px;
     padding: 1.5rem 2rem;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: none;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
 }

 .lgx-contactform textarea.form-control {
     height: 170px
 }

 .lgx-contactform .lgx-btn {
     margin-top: 1rem
 }

 .help-block {
     color: #e74f3f;
     margin: 0
 }

 #lgx-parallax-banner {
     display: block
 }

 #lgx-parallax-banner .lgx-section {
     display: block;
     overflow: hidden
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner {
     height: 85rem;
     display: block;
     overflow: hidden;
     position: relative
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .banner-content {
     position: absolute;
     height: 100%;
     width: 100%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .banner-content .lgx-hover-link {
     display: table;
     height: 100%;
     width: 100%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .banner-content .lgx-hover-link .lgx-vertical {
     display: table-cell;
     text-align: center;
     vertical-align: middle
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .bottomlayer1 {
     position: absolute;
     bottom: -60px;
     height: 170px;
     left: -50px;
     background-size: 100% 170px;
     right: -50px;
     animation: wave 3s .1s infinite linear;
     display: block;
     overflow: hidden
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .bottomlayer2 {
     position: absolute;
     bottom: -60px;
     height: 170px;
     left: -50px;
     background-size: 100% 170px;
     right: -50px;
     animation: wave 5s .2s infinite linear;
     display: block;
     overflow: hidden
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .bglayer1 {
     position: absolute;
     top: -15%;
     bottom: 0;
     right: 0;
     left: 0;
     background-size: cover
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .bglayer2 {
     position: absolute;
     bottom: -15%;
     right: 0;
     left: -10%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer1 {
     position: absolute;
     bottom: 0;
     background-size: 80%;
     right: -8%;
     top: -10px
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .lgx-layer3 {
     position: absolute;
     right: -10%;
     bottom: -30%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .lgx-layer4 {
     position: absolute;
     right: -10%;
     top: -10px
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .lgx-layer5 {
     position: absolute;
     left: 0;
     top: -15%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .lgx-layer6,
 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .lgx-layer7 {
     position: absolute;
     left: 30%;
     top: 8%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer2 {
     position: absolute;
     bottom: -5%;
     right: -15%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer2shade {
     position: absolute;
     bottom: 0;
     right: 27%;
     top: 8%;
     -moz-opacity: .4;
     -khtml-opacity: .4;
     -webkit-opacity: .4;
     filter: alpha(opacity=40)
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3 {
     position: absolute;
     bottom: 0;
     right: 45px;
     height: 374px;
     width: 632px;
     top: 290px;
     background-size: 80%
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3shade {
     position: absolute;
     bottom: 0;
     background-size: 80%;
     right: 16px;
     height: 263px;
     width: 683px;
     top: 395px;
     -moz-opacity: .4;
     -khtml-opacity: .4;
     -webkit-opacity: .4;
     opacity: .4;
     filter: alpha(opacity=40)
 }

 #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 {
     position: absolute;
     top: 25%;
     right: 0;
     left: 20%
 }

 @media only screen and (max-width:1400px) {
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 {
         top: 25%;
         right: 0;
         left: 5%;
         width: 40%
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer1 {
         top: -22%
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3 {
         right: -4%;
         top: 40%
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3shade {
         right: -6%;
         top: 57%
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer2shade {
         right: 21%;
         top: 8%
     }
 }

 @media only screen and (max-width:1216px) {
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 {
         left: 2%;
         width: 40%
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer2shade {
         display: none
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3 {
         right: -5%;
         top: 35%
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3shade {
         right: -8%;
         top: 52%
         
     }
     .iframe-container{
        height: 6140px;
     }
 }

 @media only screen and (max-width:991px) {
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner {
         height: 54rem;
         padding-bottom: 80px;
         padding-top: 0
     }
     .iframe-container{
        height: 6620px;
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .bglayer1,
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .bglayer2,
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer1,
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer2,
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer2shade,
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3,
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .rightlayer3shade {
         position: static;
         display: none
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 {
         background-image: url(../img/parallax/pl_mb1.png);
         background-repeat: no-repeat;
         position: static;
         top: auto;
         right: auto;
         left: auto;
         text-align: center;
         padding: 150px 15%;
         background-size: 200px;
         background-position: -100px 100%;
         width: 100%;
         margin: 0 auto
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content a.paramore {
         margin-top: 50px;
         display: inline-block
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content h2 {
         font-size: 4rem;
         line-height: 6rem;
         line-height: 40px;
         padding-bottom: 20px
     }
 }

 @media screen and (max-width:768px) {
     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner {
         height: 37rem
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content h2 {
         font-size: 3.5rem;
         line-height: 5.25rem;
         line-height: 35px
     }

     #lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content p {
         font-size: 1.8rem;
         line-height: 2.7rem
     }
     .iframe-container{
        height: 9200px;
     }
 }

 @-webkit-keyframes wave {
     0% {
         -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
     }

     100% {
         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
     }
 }

 @-moz-keyframes wave {
     0% {
         -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
     }

     100% {
         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
     }
 }

 @-ms-keyframes wave {
     0% {
         -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
     }

     100% {
         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
     }
 }

 @keyframes wave {
     0% {
         -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
         transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
     }

     100% {
         -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
         transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
     }
 }

 .lgx-video {
     background: url(http://placehold.it/1920x800) top center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-video .lgx-inner {
     background: rgba(27, 39, 61, .8);
     padding: 20rem 0 28rem
 }

 .lgx-video2 {
     background: url(http://placehold.it/1920x800) top center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-video2 .lgx-inner {
     background: rgba(85, 75, 185, .8)
 }

 .lgx-video-christmas {
     background: url(http://placehold.it/1920x800) center center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-video-christmas .lgx-inner {
     background: rgba(85, 75, 185, .5)
 }

 .lgx-video-area {
     padding: 6.8px 0;
     display: block
 }

 .lgx-video-area figure {
     position: relative;
     border-radius: 6px
 }

 .lgx-video-area figure img {
     border-radius: 6px
 }

 .lgx-video-area figure figcaption {
     background: rgba(27, 39, 61, .7);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .lgx-video-area figure figcaption .video-icon {
     display: table;
     height: 100%;
     width: 100%
 }

 .lgx-video-area figure figcaption .video-icon .lgx-vertical {
     display: table-cell;
     text-align: center;
     vertical-align: middle
 }

 .lgx-video-area figure figcaption .video-icon i {
     display: inline-block;
     background: #fff;
     color: #1b273d;
     margin: 0 30px;
     border-radius: 50%;
     height: 90px;
     width: 90px;
     text-align: center;
     line-height: 92px;
     font-size: 20px;
     padding-left: 10px;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s
 }

 .lgx-video-area figure figcaption .video-icon:hover i {
     background: #fff;
     color: #554bb9
 }

 .lgx-video-area figure figcaption .video-icon:hover:before {
     border: 5px solid rgba(255, 255, 255, 0)
 }

 .lgx-video-area figure figcaption .video-icon:hover:after {
     background: rgba(255, 255, 255, 0)
 }

 .lgx-modal {
     background: rgba(27, 39, 61, .8)
 }

 .lgx-modal .modal-dialog,
 .lgx-modal .modal-dialog .modal-content {
     background: 0 0;
     box-shadow: none;
     width: 100%
 }

 .lgx-modal .modal-dialog .modal-content {
     border: 0
 }

 .lgx-modal .modal-dialog .modal-content .modal-header {
     border-bottom: 0
 }

 .lgx-modal .modal-dialog .modal-content .modal-header .close {
     margin-top: -36px;
     font-size: 30px;
     color: #fff;
     padding: 7px 14px 8px;
     border-radius: 50%;
     opacity: .8;
     -webkit-transition: all .2s ease-in-out 0s;
     -moz-transition: all .2s ease-in-out 0s;
     -ms-transition: all .2s ease-in-out 0s;
     -o-transition: all .2s ease-in-out 0s;
     transition: all .2s ease-in-out 0s;
     display: block !important
 }

 .lgx-footer-single #instafeed a img,
 .lgx-instagram-area {
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s
 }

 .lgx-leftright-area,
 .lgx-travelinfo-content {
     display: flex
 }

 .lgx-modal .modal-dialog .modal-content .modal-header .close:hover {
     opacity: 1
 }

 .lgx-modal .modal-dialog .modal-content .modal-body {
     width: 70%;
     margin: 5% auto;
     background: #1b273d
 }

 .lgx-modal .modal-dialog .modal-content .modal-body iframe {
     width: 100%;
     height: 650px;
     border: 0
 }

 .lgx-about-video .lgx-video-area {
     margin-bottom: 0
 }

 .lgx-video-area-center {
     max-width: 800px;
     margin: 0 auto
 }

 .lgx-about-video-center .lgx-video-area-center {
     margin-bottom: 4.2rem
 }

 .lgx-travelinfo-white {
     background: #fff
 }

 .lgx-travelinfo-single {
     flex: 1;
     text-align: center;
     padding: 0 3%
 }

 .lgx-leftright-area .lgx-left-area,
 .lgx-leftright-area .lgx-right-area {
     background: #f9f9f9;
     flex: 1
 }

 .lgx-leftright-area .lgx-leftright-info .lgx-leftright-info-inner {
     padding: 10rem 6.8rem
 }

 .lgx-leftright-area .lgx-leftright-info .title {
     font-size: 4.2rem;
     line-height: 6.300000000000001rem
 }

 .lgx-leftright-area .lgx-leftright-info .info {
     font-family: "Montserrat", sans-serif;;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 400;
     margin-bottom: .5rem;
     color: #1b273d
 }

 .lgx-leftright-area .lgx-leftright-info .lgx-btn {
     margin-top: 2.6rem
 }

 .lgx-leftright-area .lgx-hotel-img,
 .lgx-leftright-area .lgx-transport-img,
 .lgx-leftright-area .lgx-venu-img {
     background: url(http://placehold.it/1920x800) center center no-repeat;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-travelinfo-christmas .lgx-inner {
     background: url(../img/ice-up-brand.png) bottom center repeat-x;
     -webkit-background-size: auto auto, cover;
     -o-background-size: auto auto, cover;
     -moz-background-size: auto auto, cover;
     background-size: auto auto, cover
 }

 .lgx-footer-single #instafeed a {
     overflow: hidden;
     width: 25%;
     float: left
 }

 .lgx-footer-single #instafeed a img {
     padding-right: 4px;
     padding-bottom: 4px;
     border-radius: 6px;
     opacity: .8;
     height: 68px;
     transition-duration: .3s;
     -ms-transform: scale(3);
     -moz-transform: scale(3);
     -webkit-transform: scale(3);
     -o-transform: scale(3);
     transform: scale(3)
 }

 .lgx-footer-single #instafeed a:hover img {
     opacity: 1;
     -ms-transform: scale(3.1);
     -moz-transform: scale(3.1);
     -webkit-transform: scale(3.1);
     -o-transform: scale(3.1);
     transform: scale(3.1)
 }

 .lgx-instagram {
     background: #1b273d
 }

 .lgx-instagram .lgx-inner {
     padding: 0
 }

 .lgx-instagram-area {
     position: relative;
     transition-duration: .3s
 }

 .lgx-instagram-area .insta-text {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
     background: rgba(27, 39, 61, .7);
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s
 }

 .lgx-instagram-area .insta-text .lgx-hover-link {
     display: table;
     height: 100%;
     width: 100%;
     -moz-transition-duration: .8s;
     -webkit-transition-duration: .8s;
     -o-transition-duration: .8s;
     transition-duration: .8s
 }

 .lgx-instagram-area .insta-text .lgx-hover-link .lgx-vertical {
     display: table-cell;
     text-align: center;
     vertical-align: middle
 }

 .lgx-instagram-area .insta-text .lgx-hover-link .lgx-vertical .text {
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 700;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     background: #fff;
     padding: 1.5rem 4.2rem;
     margin: 0;
     display: inline-block
 }

 .lgx-instagram-area #instafeed {
     display: flex
 }

 .lgx-instagram-area #instafeed a {
     width: 100%;
     position: relative;
     overflow: hidden
 }

 .lgx-instagram-area #instafeed a img {
     padding-right: 4px;
     padding-bottom: 4px;
     border-radius: 0;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     max-height: 280px;
     -ms-transform: scale(1.6);
     -moz-transform: scale(1.6);
     -webkit-transform: scale(1.6);
     -o-transform: scale(1.6);
     transform: scale(1.6)
 }

 .lgx-instagram-area:hover {
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s
 }

 .lgx-instagram-area:hover .insta-text .lgx-hover-link .lgx-vertical .text {
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     opacity: 0
 }

 .lgx-instagram-area:hover #instafeed a {
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s;
     z-index: 9
 }

 .lgx-instagram-area:hover #instafeed a img {
     opacity: .5
 }

 .lgx-instagram-area #instafeed a:hover img {
     -ms-transform: scale(1.7);
     -moz-transform: scale(1.7);
     -webkit-transform: scale(1.7);
     -o-transform: scale(1.7);
     transform: scale(1.7);
     opacity: 1
 }

 .lgx-subscriber-area-black,
 .lgx-subscriber-area-indiv {
     background: url(http://placehold.it/1920x500) center center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .subscriber-title {
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: .08rem;
     margin-bottom: 2rem
 }

 .subscriber-title-black {
     color: #1b273d
 }

 .lgx-subscriber-inner {
     padding-top: 6.8rem
 }

 .lgx-subscriber-inner-indiv {
     padding: 6.8rem 0
 }

 .lgx-subscribe-form {
     max-width: 750px;
     margin: 0 auto;
     display: flex
 }

 .lgx-subscribe-form .form-group-email {
     width: 75%
 }

 .lgx-subscribe-form .form-control {
     background: rgba(255, 255, 255, .8);
     color: #554bb9;
     height: 56px
 }

 .lgx-subscribe-form .form-control:focus {
     background: #fff;
     border-color: #554bb9;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none
 }

 .lgx-subscribe-form .lgx-btn {
     background: #efa506;
     margin-left: 5px
 }

 .lgx-subscribe-form .lgx-btn:hover {
     background: #ec398b
 }

 .lgx-footer {
     background: url(http://placehold.it/1920x850) bottom center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     color: #fff;
     text-align: center
 }

 .lgx-footer .lgx-inner-footer {
     background: rgba(85, 75, 185, .95)
 }

 .lgx-footer-music {
     background: url(http://placehold.it/1920x850) bottom center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-footer-black .lgx-inner-footer {
     background: rgba(27, 39, 61, .95)
 }

 .lgx-footer-christmas {
     background: url(http://placehold.it/1920x850) bottom center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-footer-christmas .lgx-inner-footer {
     background: 0 0
 }

 .lgx-social-footer {
     font-size: 26px;
     margin-left: 0
 }

 .lgx-social-footer li {
     color: #fff;
     list-style-type: none;
     display: inline-block;
     padding: 0;
     cursor: pointer;
     transition: ease .3s;
     opacity: .7;
     margin-bottom: 5px
 }

 .lgx-social-footer li a {
     color: inherit;
     background: #fff;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     -webkit-box-shadow: 0 2px 10px rgba(52, 61, 71, .2);
     -moz-box-shadow: 0 2px 10px rgba(52, 61, 71, .2);
     box-shadow: 0 2px 10px rgba(52, 61, 71, .2)
 }

 .lgx-social-footer li a i {
     font-size: 24px;
     line-height: 45px
 }

 .lgx-social-footer li:hover {
     background: #554bb9;
     color: #554bb9;
     border-radius: 50%
 }

 .lgx-social-footer li:hover a {
     border-radius: 50%;
     color: inherit
 }

 .lgx-social-footer:hover>li {
     color: #554bb9;
     opacity: .3
 }

 .lgx-social-footer:hover>li a {
     color: inherit
 }

 .lgx-social-footer:hover>li:hover {
     opacity: 1
 }

 .lgx-social-footer:hover>li:hover a {
     background: #efa506
 }

 .lgx-footer-area {
     display: flex;
     overflow: hidden;
     padding: 6.8rem 0
 }

 .lgx-footer-single {
     flex: 1;
     text-align: left;
     color: rgba(255, 255, 255, .5);
     display: block;
     margin-left: 15px;
     margin-right: 15px
 }

 .lgx-footer-single .text {
     margin-bottom: 1rem
 }

 .lgx-footer-single .lgx-btn {
     padding: 1.3rem 5rem
 }

 .lgx-footer-single p {
     color: inherit
 }

 .lgx-footer-single .logo {
     display: block
 }

 .lgx-footer-single address {
     margin-bottom: 1.5rem;
     line-height: 2.4rem
 }

 .lgx-footer-single address i {
     overflow: hidden;
     color: #554bb9;
     margin-right: 5px;
     opacity: .4
 }

 .lgx-footer-single .lgx-address-info li {
     line-height: 2.5rem
 }

 .lgx-footer-single .lgx-address-info i {
     color: #554bb9;
     margin-right: 1rem;
     opacity: .4
 }

 .lgx-footer-single .lgx-address-info li:hover {
     color: inherit
 }

 .lgx-footer-single .date {
     color: #efa506;
     text-transform: uppercase;
     font-weight: 400
 }

 .lgx-footer-single .map-link {
     color: #fff;
     font-weight: 400
 }

 .lgx-footer-single .map-link i {
     position: relative;
     top: 3px;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     color: #efa506;
     margin-right: 5px
 }

 .lgx-footer-single .footer-title,
 .lgx-footer-single ul li {
     font-family: "Montserrat", sans-serif;;
     font-size: 1.6rem
 }

 .lgx-footer-single .map-link:hover {
     color: #efa506
 }

 .lgx-footer-single .footer-title {
     line-height: 2.4000000000000004rem;
     text-transform: uppercase;
     margin-bottom: 2.4rem;
     color: #fff;
     font-weight: 700;
     letter-spacing: .08rem
 }

 .lgx-footer-single ul li {
     color: #999;
     line-height: 3rem
 }

 .lgx-footer-single ul li a {
     font: inherit;
     color: #fff;
     -moz-transition-duration: .3s;
     -webkit-transition-duration: .3s;
     -o-transition-duration: .3s;
     transition-duration: .3s
 }

 .lgx-footer-single ul li:hover {
     color: #fff
 }

 .lgx-footer-single ul li:hover a {
     color: inherit
 }

 .lgx-footer-single .opening-time-single {
     margin-bottom: 1rem;
     font-family: "Montserrat", sans-serif;
 }

 .lgx-footer-single .opening-time-single span {
     font-family: "Montserrat", sans-serif;
     display: block
 }

 .lgx-footer-single .opening-time-single span i {
     color: #554bb9;
     font-style: normal;
     font-weight: 700;
     opacity: .4
 }

 .lgx-footer-area-center .lgx-footer-single {
     text-align: center
 }

 .lgx-footer-bottom {
     border-top: 1px solid rgba(255, 255, 255, .1);
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     padding-top: 2.4rem;
     padding-bottom: 4.2rem;
     text-align: center;
     color: rgba(255, 255, 255, .5);
     font-family: "Montserrat", sans-serif;;
     font-size: 1.4rem;
     line-height: 2.0999999999999996rem;
     text-transform: uppercase;
     font-weight: 400
 }

 .lgx-footer-bottom p {
     font-family: inherit;
     color: inherit;
     font-weight: inherit;
     font-size: inherit;
     letter-spacing: .08rem
 }

 .lgx-footer-bottom p a,
 .lgx-footer-bottom p span {
     color: #efa506
 }

 .lgx-box-layout {
     padding: 0 4.2rem
 }

 .lgx-speacialgap-area {
     background: #fff;
     height: 25rem
 }

 .lgx-box-layout .lgx-header .menu-onscroll {
     left: 0
 }

 .lgx-page-inner {
     padding: 17rem 0 9rem
 }

 .lgx-banner-inner {
     background: url(http://placehold.it/1920x500) center center no-repeat;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .lgx-banner-inner .lgx-heading-area {
     margin-bottom: 0
 }

 .lgx-banner-inner .lgx-heading {
     margin-bottom: 0;
     text-align: left
 }

 .lgx-banner-inner .lgx-heading .heading {
     margin-bottom: 1rem;
     line-height: 5rem
 }

 .lgx-banner-inner .breadcrumb {
     background: 0 0;
     display: inline-block;
     padding: 0;
     position: relative;
     z-index: 1;
     margin-top: .5rem;
     margin-bottom: 0;
     border-radius: 0
 }

 .lgx-banner-inner .breadcrumb li {
     font-size: 1.6rem;
     line-height: 2.4000000000000004rem;
     font-weight: 700;
     color: #fff;
     text-transform: uppercase
 }

 .lgx-banner-inner .breadcrumb li a {
     color: inherit;
     font-size: inherit;
     font-weight: inherit
 }

 .lgx-banner-inner .breadcrumb li a i {
     margin-right: .5rem;
     color: #ec398b
 }

 .lgx-banner-inner .breadcrumb .active {
     color: #efa506
 }

 .lgx-banner-inner .breadcrumb>li+li:before {
     padding: 0 5px;
     color: #efa506;
     content: "/\00a0";
     opacity: .3
 }

 .lgx-page-wrapper *,
 .lgx-page-wrapper :after,
 .lgx-page-wrapper :before {
     box-sizing: border-box !important
 }

 .lgx-page-wrapper .lgx-col {
     -moz-column-width: 22em;
     -webkit-column-width: 22em;
     -moz-column-gap: 1em;
     -webkit-column-gap: 1em
 }

 .lgx-page-wrapper .lgx-col2 {
     -moz-column-width: 35em;
     -webkit-column-width: 35em;
     -moz-column-gap: 1em;
     -webkit-column-gap: 1em
 }

 .lgx-page-wrapper .lgx-card-single,
 .lgx-page-wrapper .lgx-single-news {
     display: inline-block;
     width: 100%
 }

 .lgx-page-wrapper .lgx-single-news figure figcaption .date {
     background: #f1f1f1
 }

 .lgx-page-wrapper,
 .lgx-post-wrapper {
     padding: 11rem 0
 }

 .lgx-page-wrapper .lgx-menu,
 .lgx-page-wrapper .lgx-tab-another .lgx-menu-container,
 .lgx-post-wrapper .lgx-menu,
 .lgx-post-wrapper .lgx-tab-another .lgx-menu-container {
     background: 0 0
 }

 .lgx-page-wrapper .lgx-reservation,
 .lgx-page-wrapper .lgx-speacial,
 .lgx-post-wrapper .lgx-reservation,
 .lgx-post-wrapper .lgx-speacial {
     background: #f9f9f9
 }

 .lgx-page-wrapper .lgx-single-speacial,
 .lgx-post-wrapper .lgx-single-speacial {
     margin-bottom: 2.6rem
 }

 .lgx-page-wrapper .lgx-single-speacial .speacial-info,
 .lgx-post-wrapper .lgx-single-speacial .speacial-info {
     padding: 1.5rem 1.5rem 3rem
 }

 .lgx-page-wrapper .lgx-single-speacial .speacial-info .title,
 .lgx-post-wrapper .lgx-single-speacial .speacial-info .title {
     color: #1b273d
 }

 .lgx-page-wrapper .lgx-single-speacial .speacial-info .title a,
 .lgx-post-wrapper .lgx-single-speacial .speacial-info .title a {
     color: inherit
 }

 .lgx-page-wrapper .lgx-single-speacial:hover .speacial-info,
 .lgx-post-wrapper .lgx-single-speacial:hover .speacial-info {
     background: #1b273d
 }

 .lgx-page-wrapper .lgx-single-speacial:hover .speacial-info .title,
 .lgx-post-wrapper .lgx-single-speacial:hover .speacial-info .title {
     color: #fff
 }

 .lgx-page-wrapper .lgx-single-speacial:hover .speacial-info .title a,
 .lgx-post-wrapper .lgx-single-speacial:hover .speacial-info .title a {
     color: inherit
 }

 .lgx-page-wrapper .lgx-single-speacial:hover .speacial-info .title:hover,
 .lgx-post-wrapper .lgx-single-speacial:hover .speacial-info .title:hover {
     color: #554bb9
 }

 .lgx-page-wrapper .lgx-single-speacial:hover .speacial-info .title:hover a,
 .lgx-post-wrapper .lgx-single-speacial:hover .speacial-info .title:hover a {
     color: inherit
 }

 .lgx-page-wrapper .lgx-news-single-thumb .news-info .text,
 .lgx-post-wrapper .lgx-news-single-thumb .news-info .text {
     display: block
 }

 .lgx-page-wrapper .lgxmapcanvas,
 .lgx-post-wrapper .lgxmapcanvas {
     margin-bottom: 3.9rem
 }

 .lgx-page-wrapper .lgx-photo-gallery .lgx-inner,
 .lgx-post-wrapper .lgx-photo-gallery .lgx-inner {
     padding: 10.2rem 0
 }

 .lgx-post-wrapper .speaker-info {
     margin-bottom: 2rem
 }

 .lgx-post-wrapper .speaker-info .title {
     color: #1b273d
 }

 .lgx-post-wrapper .speaker-info .title a {
     font-size: inherit;
     color: inherit
 }

 .lgx-post-wrapper .speaker-info .subtitle {
     font-family: "Montserrat", sans-serif;
     font-size: 1.6rem;
     line-height: 2.4000000000000004rem;
     font-weight: 400;
     margin: 0;
     color: #efa506
 }

 .lgx-post-wrapper article header {
     margin-bottom: 4.2rem;
     text-align: center
 }

 .lgx-post-wrapper article header .title {
     font-size: 4.2rem;
     font-weight: 700;
     line-height: 5.5rem
 }

 .lgx-post-wrapper article header .subtitle {
     font-family: "Montserrat", sans-serif;
     color: #554bb9;
     font-size: 2.6rem;
     line-height: 3.9000000000000004rem;
     font-weight: 400;
     margin-top: .5rem
 }

 .lgx-post-wrapper article header .menu-price {
     font-family: "Montserrat", sans-serif;;
     font-size: 26px;
     font-size: 2.6rem;
     text-transform: uppercase;
     text-align: right;
     margin-top: .8rem;
     color: #554bb9;
     font-weight: 700
 }

 .lgx-post-wrapper article header .menu-price span {
     font-family: "Montserrat", sans-serif;
     color: #1b273d;
     font-weight: 300;
     font-size: 16px;
     font-size: 1.6rem;
     margin-right: .5rem;
     opacity: .7
 }

 .lgx-post-wrapper article header .menu-price:before {
     border-top: 1px dashed #ddd;
     display: block;
     position: relative;
     top: 19px;
     width: 85%;
     content: "";
     right: 0
 }

 .lgx-post-wrapper article header .social-group li a {
     color: #ddd
 }

 .lgx-post-wrapper article header .social-group li a i {
     font-size: 2rem;
     line-height: 3rem
 }

 .lgx-post-wrapper article header .social-group li a .fa-twitter {
     color: #1da1f2
 }

 .lgx-post-wrapper article header .social-group li a .fa-facebook-f,
 .lgx-post-wrapper article header .social-group li a .facebook-f {
     color: #3b5998
 }

 .lgx-post-wrapper article header .social-group li a .fa-linkedin {
     color: #00a0dc
 }

 .lgx-post-wrapper article header .social-group li a .fa-youtube-play {
     color: #cd201f
 }

 .lgx-post-wrapper article header .social-group li a .fa-instagram {
     color: #c13584
 }

 .lgx-post-wrapper article header .social-group li a .fa-google,
 .lgx-post-wrapper article header .social-group li a .fa-google-plus {
     color: #dd4b39
 }

 .lgx-post-wrapper article header .social-group li a .fa-pinterest-p {
     color: #bd081c
 }

 .lgx-post-wrapper article header .social-group li a:hover {
     color: #554bb9
 }

 .lgx-post-wrapper article header .social-group li a:hover i {
     color: inherit
 }

 .lgx-post-wrapper article header .hits-area {
     padding-top: 1.5rem
 }

 .lgx-post-wrapper article header .hits-area .date {
     font-family: "Montserrat", sans-serif;;
     font-weight: 700;
     margin-right: 2rem;
     display: inline-block
 }

 .lgx-post-wrapper article header .hits-area .date a {
     color: #1b273d;
     margin-right: 1.5rem
 }

 .lgx-post-wrapper article header .hits-area .date a i {
     color: #554bb9;
     margin-right: 4px;
     opacity: .5
 }

 .lgx-post-wrapper article header .hits-area .hit-right {
     color: #1b273d;
     opacity: .7
 }

 .lgx-post-wrapper article header .hits-area .hit-right a {
     color: inherit
 }

 .lgx-post-wrapper article footer,
 .lgx-post-wrapper article header .text-area,
 .lgx-post-wrapper article section {
     max-width: 767px;
     margin: 0 auto
 }

 .lgx-post-wrapper article section {
     margin-bottom: 4.2rem
 }

 .lgx-post-wrapper article section .lgx-img-left {
     float: left;
     padding: 1rem 2rem 1.5rem 0
 }

 .lgx-post-wrapper article section .lgx-img-right {
     float: right;
     padding: 1rem 0 1.5rem 2rem
 }

 .lgx-post-wrapper article section .lgx-img-center {
     margin: 0 auto;
     display: block;
     padding: 1.5rem
 }

 .lgx-post-wrapper article footer .title {
     font-family: "Montserrat", sans-serif;;
     text-transform: uppercase;
     font-weight: 400;
     color: #554bb9;
     border-bottom: 1px solid rgba(52, 61, 71, .1);
     -webkit-background-clip: padding-box;
     background-clip: padding-box
 }

 .lgx-post-wrapper article footer .lgx-share {
     margin-left: 0
 }

 .lgx-post-wrapper article footer .lgx-share li a {
     height: 40px;
     width: 40px;
     background: #fff;
     color: #554bb9;
     display: inline-block;
     text-align: center;
     border-radius: 50%
 }

 .lgx-post-wrapper article footer .lgx-share li a i {
     font-size: 16px;
     line-height: 40px
 }

 .lgx-post-wrapper article footer .lgx-share li a:hover {
     background: #554bb9;
     color: #fff
 }

 .lgx-page-wrapper-none {
     padding: 0
 }

 @media (max-width:1199px) {
     html {
         font-size: 55%
     }

     .lgx-banner-info-circle {
         margin-right: 2rem
     }

     .lgx-banner-info-circle .info-circle-inner {
         width: 400px;
         height: 400px
     }

     .lgx-banner-info-circle .info-circle-inner .date {
         padding-top: 2rem
     }

     .lgx-subscribe-form .lgx-btn {
         height: 50px
     }

     .lgx-inner-countdown .countdown-left-info {
         width: 40%
     }

     .lgx-inner-countdown .countdown-right {
         margin: 6.8rem auto 0
     }
 }

 @media (max-width:991px) {

     .lgx-about-img,
     .lgx-about-video,
     .lgx-single-news {
         margin-bottom: 4.2rem
     }

     .lgx-about-img-sp,
     .lgx-about-registration-box,
     .lgx-about-video .lgx-video-area {
         margin-top: 4.2rem
     }

     html {
         font-size: 53%
     }

     .lgx-banner-info-circle .info-circle-inner {
         width: 350px;
         height: 350px
     }

     .lgx-cart-area .lgx-btn {
         padding: 1.2rem 2rem
     }

     .lgx-about-img {
         margin-right: 0
     }

     .lgx-about {
         background: #fff
     }

     .sponsors-area .single {
         width: 32%
     }

     .lgx-registration-area {
         display: block
     }

     .lgx-registration-area2 .lgx-single-registration {
         width: 47%;
         float: left;
         margin-bottom: 2rem
     }

     .lgx-milestone .lgx-counter-area {
         margin-bottom: 9rem
     }

     .sponsors-area-bg .single {
         min-height: auto
     }

     .lgx-col5 {
         width: 25%
     }

     .lgx-col4 {
         width: 33.33%
     }

     .lgx-col2,
     .lgx-col3 {
         width: 50%
     }

     .lgx-box-layout {
         padding: 0 2rem
     }

     .lgx-registration-area .lgx-single-registration-christmas:last-child,
     .lgx-registration-area .lgx-single-registration-christmas:nth-child(1) {
         border-radius: 0
     }

     .lgx-registration-area .lgx-single-registration {
         float: left;
         width: 48%;
         margin-bottom: 2.6rem
     }
 }

 @media (max-width:767px) {
     html {
         font-size: 52%
     }

     .xs-text-center {
         text-align: center
     }

     .xs-text-right {
         text-align: right
     }

     .xs-text-left {
         text-align: left
     }

     .xs-float-none {
         float: none
     }

     .sm-text-center {
         text-align: center
     }
     img.movil {display: block !important;width: 100%;}
     img.web {display: none !important;}
     #contenido-digital {
        padding: 0 !important;
     }
     .contenido .fila-1 {
        flex-direction: column !important;
        width: 90% !important;
     }
     .contenido .fila-2 {
        flex-direction: column !important;
        width: 90% !important;
     }
     .contenido {
        flex-direction: column !important;
     }
     .h1,
     .h2,
     h1,
     h2 {
         font-size: 4.2rem;
         line-height: 6.300000000000001rem;
         line-height: 4.8rem
     }

     .h3,
     h3 {
         font-size: 16px;
         line-height: 2.4rem;
         font-weight: 400
     }

     .lgx-btn {
         padding: 1rem 2.6rem
     }

     .lgx-banner-info-circle .info-circle-inner {
         width: 100%;
         height: 100%;
         background: 0 0;
         margin-bottom: 2rem
     }

     .lgx-banner-info-circle .info-circle-inner .date {
         padding-top: 0;
         font-size: 4.2rem;
         line-height: 5rem
     }

     .lgx-banner-info-circle .info-circle-inner .date span {
         font-size: inherit;
         line-height: inherit;
         display: inline-block
     }

     .lgx-banner-info-area {
         display: block;
         text-align: center
     }

     .lgx-banner-info-circle {
         background: 0 0;
         margin-right: 0;
         display: inline-block
     }

     .lgx-banner-info .title span {
         display: inline-block
     }

     .lgx-leftright-area,
     .lgx-travelinfo-content {
         display: block
     }

     .lgx-info-circle .info-circle-inner {
         margin-bottom: 4.2rem
     }

     .lgx-info-circle .info-circle-inner #lgx-countdown i,
     .lgx-info-circle .info-circle-inner .date span {
         color: #1b273d
     }

     .lgx-info-circle .info-circle-inner #lgx-countdown .lgx-days {
         color: #fd56a3
     }

     .lgx-info-circle .info-circle-inner #lgx-countdown .lgx-hr {
         color: #9e1881
     }

     .lgx-info-circle .info-circle-inner #lgx-countdown .lgx-min {
         color: #00acee
     }

     .lgx-info-circle .info-circle-inner #lgx-countdown .lgx-sec {
         color: #8478fd
     }

     .lgx-banner-info .action-area {
         margin-top: 2rem
     }

     .banner-info-margin {
         margin-top: 0
     }

     .lgx-registration-form-box.lgx-registration-banner-box {
         margin-top: 2.6rem
     }

     .lgx-registration-form-box input.form-control,
     .lgx-registration-form-box input.wpcf7-form-control {
         margin-bottom: 1rem;
         height: 45px
     }

     .lgx-banner-info .action-area .video-area {
         top: -9px
     }

     .lgx-banner-info .action-area .video-area a i {
         height: 50px;
         width: 50px;
         line-height: 53px
     }

     .lgx-inner {
         padding: 5% 0
     }

     .lgx-countdowns4 .lgx-inner {
         padding: 2.6rem 0
     }

     .lgx-video-area figure figcaption .video-icon i {
         height: 55px;
         width: 55px;
         line-height: 55px;
         padding-left: 4px
     }

     .lgx-about-video iframe {
         height: 214px
     }

     .lgx-countdowns-banner-bottom #lgx-countdown {
         margin-bottom: 0
     }

     .lgx-heading,
     .lgx-travelinfo-single {
         margin-bottom: 4.2rem
     }

     .sponsors-area .single {
         width: 48%
     }

     .lgx-gallery-area .lgx-gallery-single {
         width: 50%
     }

     .lgx-subscribe-form .lgx-btn {
         width: 100%
     }

     .lgx-subscribe-form .form-group.form-group-submit {
         width: 25%
     }

     .lgx-video .lgx-inner {
         padding: 12rem 0 18rem
     }

     .lgx-milestone-about .lgx-inner {
        padding-top: 15%;
         background-size: cover !important;
         height: 100%;
     }

     .lgx-milestone-about h3 {
        padding-bottom: 15% !important;
     }

     .lgx-heading .heading {
        padding-top: 10%;
        padding-bottom: 5%;
     }

     .iframe-sponsor {
        height: 295vh !important;
     }
     .contact-fila {
        flex-direction: column !important;
        align-items: flex-start;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5% !important;
     }

     
     .lgx-single {
        margin-bottom: 5%;
     }
     .reemplazo-video {
        margin: 0 !important;
     }

     .counter-movil {
        flex-direction: column;
     }

     .col-counter {
        margin-bottom: 10%;
     }

     .lgx-banner-info-date {
         padding-right: 0;
         max-width: 100%;
         margin-bottom: 2rem
     }

     .lgx-banner-info-date .date span {
         left: 30%
     }

     .lgx-banner-info-xscenter .action-area {
         text-align: center;
         display: block
     }

     .lgx-banner-info-date .location {
         font-size: 2rem;
         line-height: 3rem;
         line-height: 3.5rem
     }

     .lgx-instagram-area .insta-text .lgx-hover-link .lgx-vertical .text {
         font-size: 1.6rem;
         line-height: 2.8rem;
         padding: .5rem 2rem
     }

     .lgxmapcanvas {
         min-height: 200px;
         height: 250px
     }

     .lgx-leftright-area .lgx-leftright-info .lgx-leftright-info-inner {
         padding: 1rem 2rem
     }

     .lgx-leftright-area:last-child .lgx-leftright-info .lgx-leftright-info-inner {
         padding-bottom: 8rem
     }

     .lgx-leftright-area:first-child .lgx-leftright-info .lgx-leftright-info-inner {
         padding-top: 8rem
     }

     .lgx-col2,
     .lgx-col3,
     .lgx-col4,
     .lgx-col5 {
         width: 50%
     }

     .lgx-box-layout {
         padding: 0
     }

     .lgx-inner-countdown .countdown-left-info .title {
         font-size: 3rem;
         line-height: 4.5rem;
         margin-bottom: 0
     }

     .lgx-inner-countdown .countdown-left-info .subtitle {
         margin-top: .5rem
     }

     .lgx-countdown-simple #lgx-countdown span {
         margin-right: 3rem
     }

     .lgx-banner-info-christmas .lgx-countdown-area,
     .lgx-banner-info-comingsoon .lgx-countdown-area {
         margin-top: 2rem
     }

     .lgx-registration-area .lgx-single-registration {
         width: 98%
     }
 }

 @media (max-width:480px) {

     .lgx-inner-countdown,
     .lgx-subscribe-form {
         display: block
     }
     
     html {
         font-size: 50%
     }

     .lgx-heading .heading {
         font-size: 3rem;
         line-height: 4rem
     }

     .lgx-video-area figure figcaption .video-icon i {
         height: 45px;
         width: 45px;
         line-height: 45px;
         padding-left: 4px
     }
     .iframe-sponsor {
        height: 401vh !important;
     }

     .lgx-subscribe-form .form-group-email,
     .lgx-subscribe-form .form-group.form-group-submit {
         width: 100%;
         margin-bottom: 1rem
     }

     .lgx-subscribe-form .lgx-btn {
         margin-left: 0
     }

     .lgx-footer-area {
         display: block;
         padding: 4.2rem 0 2.6rem
     }

     .lgx-footer-single {
         text-align: center;
         overflow: hidden;
         margin-bottom: 2rem
     }

     .lgx-registration-area .lgx-single-registration {
         margin: 0 auto 1rem;
         width: 100%
     }

     .lgx-video .lgx-inner {
         padding: 9.5rem 0 15rem
     }

     .lgx-col2,
     .lgx-col3,
     .lgx-col4,
     .lgx-col5 {
         width: 100%
     }

     .lgx-inner-countdown .countdown-left-info {
         width: 100%
     }

     .lgx-inner-countdown .countdown-right {
         margin-top: 0;
         padding: 6.8rem 0 4.2rem
     }

     .lgxmapcanvas {
         height: 180px
     }
     .lgx-single {
        margin: 0 0 15px 0 !important;
     }
    }
    
     
 }