@charset "UTF-8";
a,a.active,a:focus,a:hover
{
text-decoration:none;
outline:0}
html
{
font-size:62.5%}
body,p
{
font-family:Poppins,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:Oswald,sans-serif;
font-weight:700}
h1,h2,h3,h4,h5,h6
{
color:#1b273d}
.h1,h1
{
font-family:Oswald,sans-serif;
font-size:6.8rem;
line-height:10.2rem;
line-height:8rem}
.h2,h2
{
font-family:Oswald,sans-serif;
font-size:4.2rem;
line-height:6.300000000000001rem;
line-height:4rem}
.h3,h3
{
font-size:2.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:Oswald,sans-serif;
font-size:1.6rem;
line-height:2.4000000000000004rem}
img
{
max-width:100%}
table td,table th
{
border:1px solid #ddd;
padding:.5rem 1px}
.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:Oswald,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:13rem 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)}
.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: Oswald,sans-serif;
font-size:4.2rem;
line-height:6.300000000000001rem;
color:#1b273d;
font-weight:900;
margin:0 0 1rem;
text-transform:capitalize}
.lgx-btn,.lgx-header .lgx-navbar .lgx-nav li a,.lgx-heading .subheading,.lgx-subheading,.lgx-submit,.wpcf7-submit,button
{
font-family:Oswald,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}
.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:1.5rem 4rem;
display:inline-block;
letter-spacing:.1rem;
background:#554bb9;
-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:#ec398b}
.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}
}
/*!
 * 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: #fff;
}
.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.6rem;
line-height:2.4000000000000004rem;
font-weight:400;
text-transform:uppercase;
opacity:.8;
letter-spacing:.06rem;
padding:32px 25px;
color:#1b273d}
.lgx-header .lgx-navbar .lgx-nav li a:hover
{
background:0 0;
color:#554bb9;
opacity:1}
.lgx-header .lgx-navbar .lgx-nav .active a
{
background:0 0;
color:#554bb9}
.lgx-header .lgx-navbar .lgx-nav .dropdown-menu
{
background:rgba(85,75,185,.98);
border:0;
border-radius:0;
padding:1rem .5rem}
.lgx-header .lgx-navbar .lgx-nav .dropdown-menu li a
{
font-family:Poppins,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:12px;
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}
.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:Oswald,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:1140px;
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:Oswald,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: rgb(255, 255, 255);
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
{
}
.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: 6px;
-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: 160px;}
.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}
.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:13px;
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:#fefefe;}
.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:#ec398b;}
.lgx-navbar .lgx-nav li a.lgx-btn
{
display:inline-block}
.lgx-header .lgx-navbar .lgx-logo a img,.lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img
{
max-width:160px}
.navbar-default .navbar-toggle
{
border-color:transparent;
margin-top:11px}
.navbar-default .navbar-toggle span
{
background-color:#554bb9!important;
width:26px;
height:3px}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover
{
background-color:#554bb9}
.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:url(../img/banner.jpg) 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-banner2
{
background:url(../img/bannar-home2.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner3
{
background:url(../img/banner3.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner4
{
background:url(../img/bannar4.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner5
{
background:url(../img/banner2.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner6
{
background:url(../img/bannar5.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner7
{
background:url(../img/bannar6.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner-music
{
background:url(../img/banner-music.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner12
{
background:url(../img/slider1.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner13
{
background:url(../img/banner-new.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner14
{
background:url(../img/banner-new2.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner16
{
background:url(../img/banner-new.jpg) top center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner-christmas
{
background:url(../img/banner-christmas.jpg) bottom center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-banner-comingsoon
{
background:url(../img/bannar-comingsoon.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(../img/parallex-bg.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: Oswald,sans-serif;
font-size: 27px;
font-weight: 300;
color: #efa506;
margin: 0;
line-height: 35px;}
.lgx-banner-info .title
{
margin: 0 0 2.6rem;
font-family: Oswald,sans-serif;
font-size: 70px;
line-height: 16.5rem;
line-height: 80px;
font-weight: 700;
color: #fff;
}
.lgx-banner-info .date,.lgx-banner-info .location
{
font-family:Poppins,sans-serif;
font-size:21px;
line-height:25px;
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:#efa506}
.lgx-banner-info .location
{
color:#fff}
.lgx-banner-info-circle .info-circle-inner .date span,.lgx-banner-info-date .date span
{
font-family:Poppins,sans-serif;
font-weight:700;
text-transform:uppercase}
.lgx-banner-info .location i
{
color:#efa506}
.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:Oswald,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:Poppins,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:Oswald,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}
.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:auto}
	
	
	.tyio
{
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-about2
{
background:url(../img/about-bg.jpg) 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-about3
{
background:url(../img/about-bg2.jpg) 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-music
{
background:url(../img/about-bgmusic.jpg) 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:Poppins,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(../img/speakers-bg-black.jpg) 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
{
background:url(../img/speakers-bg2.jpg) 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-speakers4
{
background:url(../img/speakers-bg-brand.jpg) 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(../img/speakers-christmas-bg.jpg) 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;height: 220px;
width: 100%;}
.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;height: 200px;
width: 100%;}
.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: 20px;
line-height: 3.9000000000000004rem;
font-weight: 300;
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(../img/milestone-bg.jpg) 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:rgba(85,75,185,.9);
padding:16.6rem 0}
.lgx-milestone .lgx-counter-area
{
margin-bottom:4.2rem;
color:#fff;
position:relative;
border-radius:6px;
text-align:center;
min-height: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:Oswald,sans-serif;
display:block;
font-size:68px;
font-size:6.8rem;
font-weight:900;
margin-bottom:1rem;
color:#fff}
.lgx-milestone .lgx-counter-area .counter-text small
{
font-family:Poppins,sans-serif;
color:#fff;
font-size:2rem;
line-height:3rem;
font-weight:400;
display:block;
margin:2.6rem 0 0}
.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(../img/schedule-bgmusic.jpg) 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:Oswald,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:Poppins,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:Oswald,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:1199px)
{
.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}
}
@media (max-width:480px)
{
.lgx-panel .lgx-single-schedule
{
display:block;
padding:2rem 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-sponsors
{
background:url(../img/sponsor-bg.jpg) bottom center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-sponsors .lgx-inner
{
background:rgba(255,255,255,.88)}
.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.6rem;
line-height:3.9000000000000004rem;
font-weight:700;
color:#554bb9;
text-transform:uppercase;
text-align:center;
margin:6.8rem 0 2rem;
display:block}
.sponsored-heading.first-heading
{
margin-top:0}
.sponsored-heading.secound-heading
{
color:#ec398b}
.sponsored-heading.third-heading
{
color:#efa506}
.sponsors-area
{
text-align:center}
.sponsors-area .single
{
overflow:hidden;
margin:0 .5% .6rem;
padding:1.6rem;
border-radius:16px;
width:23%;
display:inline-block;
-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;
-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 .single a
{
display:block;
text-align:center}
.sponsors-area .single a img
{
width:100%;height: 100px;}
.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(../img/registration-bg.jpg) 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:#554bb9}
.lgx-registration2
{
background:url(../img/registration-bg.jpg) 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-registration3
{
background:#1b273d}
.lgx-registration4
{
background:url(../img/registration-bg.jpg) 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(../img/christmas-video.jpg) 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:Oswald,sans-serif;
color:#fff;
letter-spacing:.06rem;
opacity:.7}
.lgx-registration-area .lgx-single-registration .single-top .price
{
font-family:Poppins,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:Poppins,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:Poppins,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:#efa506}
.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:#efa506}
.lgx-registration-area3 .lgx-single-registration:nth-child(1) .single-top .title
{
color:#efa506}
.lgx-registration-area3 .lgx-single-registration:nth-child(2)
{
background:#554bb9}
.lgx-registration-area3 .lgx-single-registration:nth-child(2) .single-top .title
{
color:#554bb9}
.lgx-registration-area3 .lgx-single-registration:nth-child(3)
{
background:#00acee}
.lgx-registration-area3 .lgx-single-registration:nth-child(3) .single-top .title
{
color:#00acee}
.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:#ec398b}
.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:center}
.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:Oswald,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:Poppins,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:#554bb9}
.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(../img/registration-simple-bg.jpg) 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:Poppins,sans-serif;
font-weight:400;
margin-bottom:0}
#lgx-countdown span,.lgx-inner-countdown .countdown-left-info .date
{
font-family:Oswald,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:Poppins,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:Oswald,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:Poppins,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(../img/banner-bg2.jpg) 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(../img/banner-bg2.jpg) 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:Oswald,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:Poppins,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;height: 285px;}
.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(../img/registration-bg.jpg) 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(../img/testi-bg.jpg) 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:Oswald,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:1200px)
{
#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%}
}
@media only screen and (max-width:991px)
{
#lgx-parallax-banner .lgx-section .lgx-item-parallax-banner
{
height:54rem;
padding-bottom:80px;
padding-top:0}
#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.html);
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}
}
@-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(../img/video-bg.jpg) 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(../img/milestone-bg.jpg) 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(../img/christmas-video.jpg) 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:0 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:Oswald,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-venu-img
{
background:url(../img/travelinfo1.jpg) 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-leftright-area .lgx-transport-img
{
background:url(../img/travelinfo2.jpg) 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-leftright-area .lgx-hotel-img
{
background:url(../img/travelinfo3.jpg) 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-indiv
{
background:url(../img/subscribe-bg.jpg) center center no-repeat;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
background-size:cover}
.lgx-subscriber-area-black
{
background:url(../img/subscribe-bg-black.jpg) 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(../img/footer-bg.jpg) 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(../img/footer-bgmusic.jpg) 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(../img/footer-christmas.jpg) 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:Oswald,sans-serif;
font-size: 19px;}
.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:300;
letter-spacing:.08rem}
.lgx-footer-single ul li
{
color:#999;
line-height:3rem}
.lgx-footer-single ul li a
{
font:inherit;
color:inherit;
-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:Oswald,sans-serif}
.lgx-footer-single .opening-time-single span
{
font-family:Poppins,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:Oswald,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(../img/banner-inner2.jpg) 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:Poppins,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:Poppins,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:Oswald,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:Poppins,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:Oswald,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:Oswald,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}
.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:8rem 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:10rem 0 8rem}
.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}
.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}
}