@charset "UTF-8";
a, a.active, a:focus, a:hover {
    text-decoration: none;
    outline: 0
}
html {
    font-size: 62.5%
}
body, p {
    font-family: Raleway, 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: 'Playfair Display', serif;
    font-weight: 700
}
h1, h2, h3, h4, h5, h6 {
    color: #282b2e
}
.h1, h1 {
    font-family: 'Playfair Display', serif;
    font-size: 6.8rem;
    line-height: 10.2rem;
    line-height: 8rem
}
.h2, h2 {
    font-family: 'Playfair Display', 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: #d32027
}
.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: #d32027
}
.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-size: 1.6rem;
    line-height: 2.4000000000000004rem;
    font-family: 'Playfair Display', serif
}
img {
    max-width: 100%
}
table td, table th {
    border: 1px solid #ddd;
    padding: .5rem 1px
}
.lgx-table thead tr {
    background: rgba(185,141,54,.2)
}
.lgx-table thead tr th {
    border-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    color: #282b2e
}
.lgx-table tbody tr td, .lgx-table tbody tr th {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 4px solid #f9f9f9;
    background: rgba(185,141,54,.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(185,141,54,.1)
}
a {
    color: #9d782e
}
a.active, a:focus, a:hover {
    color: #cda555;
    -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: 11rem 0
}
blockquote {
    overflow: hidden;
    color: #282b2e;
    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;
    color: #d32027;
    opacity: .3
}
blockquote footer {
    float: none!important;
    color: #d32027
}
blockquote:after {
    content: "\f10e";
    right: 7px
}
blockquote:before {
    content: "\f10d";
    left: 7px;
    text-align: center
}
.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: 50px;
   
}

.lgx-heading {
    text-align: center;
    margin-bottom: 6.8rem
}
.lgx-heading .heading-title {
    font-family: 'Playfair Display', serif;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    line-height: 5rem;
    font-weight: 900;
    margin: 0;
    color: #282b2e
}
.lgx-header .lgx-navbar .lgx-nav li a, .lgx-heading .heading-subtitle {
    line-height: 2.4000000000000004rem;
    font-family: 'Playfair Display', serif
}
.lgx-heading .heading-subtitle {
    font-size: 1.6rem;
    color: #282b2e;
    font-weight: 400;
    opacity: .5;
    margin: .5rem 0 0
}
.lgx-heading-white .heading-subtitle, .lgx-heading-white .heading-title {
    color: #fff
}



.lgx-btn, .lgx-btn-contact, button.lgx-btn {
    font-family: 'Playfair Display', serif;
    color: #fff ;
    border: 2px solid #d32027;
    border-radius: 0;
    background: rgba(255,255,255,0);
    padding: 1.6rem 5rem;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: .1rem;
    transition: transform .3s
}
.lgx-btn span, .lgx-btn-contact span, button.lgx-btn span {
    position: relative;
    z-index: 100
}
.lgx-btn-contact:after, .lgx-btn-contact:before, .lgx-btn:after, .lgx-btn:before, button.lgx-btn:after, button.lgx-btn:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.modal { z-index: 9999 !important;}
.lgx-btn-contact:before, .lgx-btn:before, button.lgx-btn:before {
    transform: translate3d(-100%, 0, 0);
    background: #d32027;
    transition: transform .3s
}
.lgx-btn-contact:after, .lgx-btn:after, button.lgx-btn:after {
    background: rgba(255,255,255,.1);
    transform: translate3d(100%, 0, 0);
    transition: transform .3s cubic-bezier(.16, .73, .58, .62)
}
.lgx-btn-contact:hover, .lgx-btn:hover, button.lgx-btn:hover {
    color: #fff; 
}
.lgx-btn-contact:hover span, .lgx-btn:hover span, button.lgx-btn:hover span {
    color: inherit
}
.lgx-btn-contact:hover:after, .lgx-btn-contact:hover:before, .lgx-btn:hover:after, .lgx-btn:hover:before, button.lgx-btn:hover:after, button.lgx-btn:hover:before {
    transform: translate3d(0, 0, 0)
}
.lgx-btn-simple {
    border: 1px solid #ddd;
    border-radius: 0;
    background: rgba(255,255,255,.4);
    padding: .8rem 2.6rem;
    color: #282b2e
}
.lgx-btn-simple:before {
    transform: translate3d(-100%, 0, 0);
    background: rgba(221,221,221,.4);
    transition: transform .3s
}
.lgx-btn-simple:after {
    background: rgba(255,255,255,.3);
    transform: translate3d(100%, 0, 0);
    transition: transform .3s cubic-bezier(.16, .73, .58, .62)
}
.lgx-btn-simple:hover {
    color: #d32027
}
.lgx-btn-simple-black {
    border: 1px solid #d32027;
    border-radius: 0;
    background: rgba(255,255,255,0);
    padding: .8rem 2.6rem;
    color: #d32027
}
.lgx-btn-simple-black:before {
    transform: translate3d(-100%, 0, 0);
    background: #d32027;
    transition: transform .3s;
    border: 2px solid #d32027
}
.lgx-btn-simple-black:after {
    background: rgba(255,255,255,.1);
    transform: translate3d(100%, 0, 0);
    transition: transform .3s cubic-bezier(.16, .73, .58, .62)
}
.lgx-btn-simple-black:hover {
    color: #282b2e
}
.lgx-btn-simple-brand {
    border: 1px solid #d32027;
    border-radius: 0;
    background: rgba(255,255,255,0);
    padding: .8rem 2.6rem;
    color: #d32027
}
.lgx-btn-simple-brand:before {
    transform: translate3d(-100%, 0, 0);
    background: #d32027;
    transition: transform .3s
}
.lgx-btn-simple-brand:after {
    background: rgba(255,255,255,.1);
    transform: translate3d(100%, 0, 0);
    transition: transform .3s cubic-bezier(.16, .73, .58, .62)
}
.lgx-btn-simple-brand:hover {
    color: #282b2e
}
.lgx-navbar .lgx-nav li a.lgx-btn {
    margin-top: 19px;
    font-family: 'Playfair Display', serif;
    color: #d32027;
    border: 2px solid #d32027;
    border-radius: 0;
    background: rgba(255,255,255,0);
    padding: .8rem 2.6rem!important;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-weight: 700;
    transition: transform .3s
}
.lgx-navbar .lgx-nav li a.lgx-btn span {
    position: relative;
    z-index: 100
}
.lgx-navbar .lgx-nav li a.lgx-btn:after, .lgx-navbar .lgx-nav li a.lgx-btn:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}
.lgx-navbar .lgx-nav li a.lgx-btn:before {
    transform: translate3d(-100%, 0, 0);
    background: #d32027;
    transition: transform .3s
}
.lgx-navbar .lgx-nav li a.lgx-btn:after {
    background: rgba(255,255,255,.1);
    transform: translate3d(100%, 0, 0);
    transition: transform .3s cubic-bezier(.16, .73, .58, .62)
}
.lgx-navbar .lgx-nav li a.lgx-btn:hover {
    color: #282b2e!important
}
.lgx-navbar .lgx-nav li a.lgx-btn:hover:after, .lgx-navbar .lgx-nav li a.lgx-btn:hover:before {
    transform: translate3d(0, 0, 0)
}

@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 .lgx-navbar .lgx-logo, .lgx-header .lgx-navbar .lgx-nav {
    -webkit-transform-origin: center;
text-align:  animation-duration:.4s;
    animation-timing-function: linear
}
.lgx-header {
    background: #f1f1f1
}
.lgx-header .lgx-inner {
    margin: 0 auto
}
.lgx-header .lgx-toggle {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 99;
    color: #fff
}
.lgx-header .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 {
    position: relative
}
.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-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;
    transform-origin: center
}
.lgx-header .lgx-navbar .lgx-nav li a {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .8;
    padding: 30px 11px;
    color: #282b2e
}
.lgx-header .lgx-navbar .lgx-nav li a:hover {
    background: 0 0;
    color: #d32027;
    opacity: 1
}
.lgx-header .lgx-navbar .lgx-nav .active a {
    background: 0 0;
    color: #d32027
}
.lgx-header .lgx-navbar .lgx-nav .dropdown-menu {
    background: rgba(185,141,54,.95);
    border: 0;
    border-radius: 0;
    padding-top: .9rem;
    padding-bottom: 1rem;
    padding-right: 5px
}
.lgx-header .lgx-navbar .lgx-nav .dropdown-menu li a {
    color: #fff;
    padding: .6rem 1.5rem!important;
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: .08rem;
    -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 {
    background: rgba(255,255,255,.2);
    margin-left: 5px
}
.lgx-header .lgx-navbar .lgx-logo {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    transform-origin: center;
    margin-top: .5rem
}
.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-logo-fixed {
    width: 250px;
    margin-top: 0
}
.lgx-header .lgx-navbar .lgx-logo-fixed a {
    position: relative;
    z-index: 200;
    display: block
}
.lgx-header .lgx-navbar .lgx-logo-fixed a img {
    background: #fff;
    position: absolute;
    top: -1px;
    padding: 1.6rem 3rem 3rem;
    max-width: 250px
}
.lgx-header .lgx-navbar .lgx-logo-fixed-tpmenu {
    margin-top: -2rem
}
.lgx-header .lgx-navbar .lgx-logo-black img {
    background: #282b2e
}
.lgx-header .lgx-navbar .lgx-logo-brand img {
    background: #d32027
}
.lgx-header .lgx-navbar .lgx-collapse {
display:justify-content:flex-end
}
.lgx-header .lgx-nav-right {
    overflow: hidden;
    margin: 19px 0 19px 1.5rem;
    border-left: 1px solid #ddd;
    padding-left: 2rem;
    display: flex
}
.lgx-header .lgx-nav-right .lgx-cart-area, .lgx-header .lgx-nav-right .lgx-search {
    margin-top: 8px
}
.lgx-header .lgx-nav-right .lgx-cart {
    position: relative;
    padding-right: 20px
}
.lgx-header .lgx-nav-right .lgx-cart .notification {
    font-family: 'Playfair Display', 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: #282b2e;
    display: inline-block
}
.lgx-header .lgx-nav-right .lgx-search a {
    color: inherit
}
.lgx-header .lgx-nav-right .lgx-search a:hover {
    color: #d32027
}
.lgx-header .lgx-container {
    max-width: 1140px;
    margin: 0 auto
}
.lgx-header .lgx-container-fluid {
    max-width: 100%;
    margin: 0 3rem
}
.header-top {
    background: #282b2e
}
.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: #d32027;
    opacity: .7;
    margin-right: .4rem;
    position: relative;
    top: 2px
}
.header-top .header-top-inner .contact ul .question-text {
    color: #d32027;
    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: 'Playfair Display', serif;
    background: rgba(255,255,255,.1);
    color: #d32027;
    padding: 15px 2rem
}
.header-top .header-top-inner .right-menu .login-register a:hover {
    background: #d32027;
    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: #888
}
.header-top .header-top-inner .right-menu ul li:hover a {
    color: #d32027
}
.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-position-white .lgx-nav-right {
    border-left: 1px solid #444
}
.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 .menu-onscroll {
    background: rgba(40,43,46,.95);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation-duration: .6s;
    animation-timing-function: linear;
    -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 {
    border-left: 1px solid #555
}
.lgx-header .menu-onscroll .lgx-nav-right .lgx-search a {
    color: inherit
}
.lgx-header .menu-onscroll .lgx-nav-right .lgx-search a:hover {
    color: #d32027
}
.lgx-header .menu-onscroll .lgx-toggle {
    color: #d32027;
    top: 15px
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo-fixed {
    width: 130px
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo-fixed a img {
    padding: 1.6rem 2.6rem 2.6rem;
    max-width: 130px
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo-default {
    margin-top: .6rem
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a {
    color: #fff
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a:hover {
    background: 0 0;
    opacity: 1
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-nav .active a {
    background: 0 0;
    color: #d32027;
    opacity: 1
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo {
    display: block
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img {
    margin-top: 0;
    -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
}
.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
}
@-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: 170px
}
.lgx-header .lgx-navbar .lgx-nav li a, .lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a {
    font-size: 12px;
    padding: 30px 5px
}
.lgx-header .lgx-nav-right, .lgx-header .menu-onscroll .lgx-nav-right {
    border-left: 0;
    padding-left: 1rem
}
.lgx-header-position-fixed .navbar-collapse {
    margin-top: 16px
}
.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: #282b2e
}
.lgx-header-position-fixed {
    position: static;
    margin-top: 0
}
.lgx-header .lgx-navbar .lgx-logo, .lgx-header .lgx-navbar .lgx-logo-default {
    margin-top: 0
}
.lgx-header .lgx-nav-right .lgx-search, .lgx-header .lgx-navbar .lgx-nav li a {
    color: #fff
}
.lgx-navbar .lgx-nav li a.lgx-btn {
    display: inline-block
}
.lgx-header .lgx-navbar .lgx-logo a img, .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img {
    max-width: 180px
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    margin-top: 11px
}
.navbar-default .navbar-toggle span {
    background-color: #d32027!important;
    width: 26px;
    height: 3px
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #d32027
}
.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 .lgx-navbar .lgx-nav {
    margin-top: 3rem
}
.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-search .close {
    position: absolute;
    color: red;
    top: 20px;
    right: 50px;
    font-size: 4.2rem;
    cursor: pointer;
    display: none;
    z-index: 9999;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s cubic-bezier(.9, -.55, .265, 1.55);
    transition: all .3s cubic-bezier(.9, -.55, .265, 1.55);
    opacity: .5;
    box-shadow: none;
    text-shadow: none
}
.lgx-search .close:hover {
    top: 10px;
    right: 40px;
    font-size: 6.8rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1
}
.lgx-search .search {
    background: rgba(40,43,46,.98);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}
.lgx-search .search i {
    cursor: pointer
}
.lgx-search .search .input {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 99999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    height: 45px;
    background: 0 0;
    border: none;
    outline: 0;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 2.6rem;
    padding: 0 1rem;
    display: none
}
.lgx-single-menu:hover figure img, .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)
}
.lgx-search .form-control:focus {
    border-color: #d32027;
    outline: 0;
    box-shadow: none!important
}
.lgx-search .search.open {
    height: 100%;
    width: 100%
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden 
 */
.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: 26rem 0
}
#lgx-parallax-banner {
    background: url("../img/banner-parallax.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-banner-info-bg {
    background: #fff;
    display: inline-block;
    padding: 6.8rem 11rem 6.8rem 6.8rem
}
.lgx-banner-info-bg .subtitle {
    font-size: 4.8rem;
    font-weight: 900;
    color: #d32027;
    margin: 0;
    line-height: 8rem
}
.lgx-banner-info-bg .title {
    font-size: 4.8rem;
    font-weight: 900;
    color: #282b2e;
    margin: 0 0 4.2rem;
    line-height: 8.5rem
}
.lgx-banner-info {
    color: #fff
}
.lgx-banner-info .subtitle {
    font-size: 6.8rem;
    font-weight: 900;
    color: #d32027;
    margin: 0;
    line-height: 7.2rem
}
.lgx-banner-info .title {
    font-size: 6.8rem;
    font-weight: 900;
    color: #fff;
    margin: 0 0 2.6rem;
    line-height: 8.5rem
}
.lgx-banner-info .text {
    color: #fff;
    margin-bottom: 2.6rem;
    opacity: .7
}
.lgx-banner-info-black, .lgx-banner-info-black .title {
    color: #282b2e
}
.lgx-banner-info-black .text {
    color: #282b2e;
    margin-bottom: 2.6rem;
    opacity: .7
}
.lgx-banner-info-center {
    text-align: center
}
.lgx-banner-info-right {
    text-align: right
}
.lgx-banner-info-big .subtitle {
    font-size: 11rem;
    font-weight: 900;
    margin: 0;
    line-height: 11rem
}
.lgx-banner-info-big .title {
    font-size: 6.8rem;
    font-weight: 900;
    margin: 0 0 4.2rem;
    line-height: 8.5rem
}
.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 {
    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: #d32027;
    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-banner2 .lgx-inner, .lgx-banner3 .lgx-inner, .lgx-banner4 .lgx-inner {
    padding: 30rem 0
}
.lgx-banner-info-reservation {
    margin-top: 6.8rem
}
.lgx-banner2 {
    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-banner3 {
    background: url("../img/banner333.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/banner4.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-banner-info2 {
    color: #fff
}
.lgx-banner-info2 .subtitle {
    font-size: 6.8rem;
    font-weight: 900;
    color: #d32027;
    margin: 0;
    line-height: 7rem
}
.lgx-banner-info2 .title {
    font-size: 6.8rem;
    font-weight: 900;
    color: #282b2e;
    margin: 0 0 4.2rem;
    line-height: 8.5rem
}

@media (max-width:991px) {
.lgx-banner .lgx-inner {
    padding: 16rem 0
}
}

@media (max-width:767px) {
.lgx-search .search .input {
    width: 80%
}
.lgx-search .search.open {
    border: 15px solid #fff
}
.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: 4.2rem;
    line-height: 6.300000000000001rem;
    line-height: 5rem;
    margin-bottom: 2rem
}
.lgx-banner-info .text {
    margin-bottom: 2rem
}
.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: 3rem;
    line-height: 4.5rem;
    line-height: 4rem;
    margin-bottom: 2rem
}
.lgx-banner-info .text {
    margin-bottom: 2rem
}
.lgx-banner .lgx-inner {
    padding: 8rem 0
}
.slider-text-single figure img {
    height: 280px
}
}
.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
}
.lgx-single-offer:hover figure img, .lgx-single-team:hover figure a img {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2)
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #d32027
}
.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
}
.about-top-single, .lgx-about-content {
    text-align: center
}
.lgx-slider .lgx-item-right .banner-btn, .lgx-slider .lgx-item-right .text {
    float: right
}
.lgx-about-video-area .about-video-singletext, .lgx-about-video-area .about-video-singlevideo, .lgx-menu-card .lgx-menu-card-Items, .lgx-menu-card .lgx-menu-card-nav, .lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another .menu-info, .lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another figure {
    float: left
}
.lgx-slider .owl-controls .owl-nav [class*=owl-] {
    height: 60px;
    width: 60px;
    background: rgba(40,43,46,.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: #d32027
}
.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
}
.about-top-single:hover, .lgx-video-area-bg figure figcaption .video-icon .icon {
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s
}
.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: 100%;
    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: #282b2e!important
}
.lgx-slider-navbottom .owl-controls .owl-nav .owl-next {
    background: rgba(40,43,46,.8);
    height: 120px;
    width: 120px;
    position: absolute;
    top: auto;
    bottom: -17px;
    right: auto;
    left: 0;
    border-radius: 0;
    margin-left: 102px;
    opacity: 1
}
.about-top-single, .lgx-video-area-bg figure {
    position: relative
}
.lgx-slider-navbottom .owl-nav [class*=owl-] {
    line-height: 120px;
    box-shadow: none!important
}
.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-top {
    background: #fff
}
.lgx-about-top-area {
    display: flex
}
.about-top-single {
    margin-bottom: 2.6rem;
    background: #fff;
    color: #fff;
    padding: 2.6rem 8%
}
.about-top-single .title {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
    color: #282b2e;
    margin: 1rem 0;
    text-transform: uppercase
}
.about-top-single .title a {
    color: inherit
}
.about-top-single p {
    color: #282b2e;
    opacity: .8
}
.about-top-single:hover {
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.1);
    box-shadow: 0 0 35px rgba(0,0,0,.1);
    transition-duration: .3s
}
.about-top-single:hover .title {
    color: #d32027
}
.about-top-single:hover p {
    color: rgba(33,39,57,.7)
}
.lgx-about {
    background: url("../img/about-bg.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-about .lgx-inner {
    padding: 15rem 0
}
.lgx-about-area .lgx-heading {
    margin-bottom: 2.6rem
}
.lgx-about-content .text {
    margin-bottom: 2rem
}
.lgx-about-booking .lgx-inner {
    padding-top: 32rem
}
.lgx-about2 {
    background: url("../img/about-bg2.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-about-video, .lgx-about-video2 {
    background: url("../img/testi-bg.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-about-video .lgx-inner, .lgx-about-video2 .lgx-inner {
    background: rgba(255,255,255,.92)
}
.lgx-about-video2 .lgx-inner {
    padding-top: 0
}
.lgx-about-video-area .about-video-singletext {
    width: 40%;
    background:none;
    padding: 6.8rem 4.2rem
}
.lgx-about-video-area .about-video-singletext .lgx-heading {
    text-align: left;
    margin-bottom: 2.6rem
}
.lgx-about-video-area .about-video-singletext .lgx-about-content {
    text-align: left
}
.lgx-about-video-area .about-video-singlevideo {
    width: 60%
}
.lgx-about-bottom {
    background: #fff
}
.lgx-about-bottom .lgx-inner {
    padding-bottom: 0;
    padding-top: 11rem
}
.lgx-about-bottom .lgx-about-area {
    margin-bottom: 2.6rem
}
.lgx-video-area-bg {
    max-width: 800px;
    margin: 0 auto
}
.lgx-video-area-bg figure figcaption {
    background: rgba(40,43,46,.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.lgx-video-area-bg figure figcaption .video-icon {
    display: table;
    height: 100%;
    width: 100%
}
.lgx-video-area-bg figure figcaption .video-icon .lgx-vertical {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.lgx-video-area-bg figure figcaption .video-icon .icon {
    position: relative;
    z-index: 2;
    transition-duration: .3s
}
.lgx-video-area-bg figure figcaption .video-icon .icon:after {
    content: '';
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    top: -20px;
    left: -20px;
    display: block;
    background: rgba(255,255,255,.5);
    z-index: -1;
    opacity: 0;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.lgx-video-area-bg figure figcaption .video-icon .icon i {
    display: inline-block;
    background: #fff;
    color: #d32027;
    margin: 0 45px;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 24px;
    padding-left: 10px;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.lgx-video-area-bg figure figcaption .video-icon .icon:hover i {
    background: #d32027;
    color: #fff;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-shadow: 0 20px 35px rgba(0,0,0,.12);
    -moz-box-shadow: 0 20px 35px rgba(0,0,0,.12);
    box-shadow: 0 20px 35px rgba(0,0,0,.12)
}
.lgx-video-area-bg figure figcaption .video-icon .icon:hover:before {
    border: 5px solid rgba(255,255,255,0)
}
.lgx-video-area-bg figure figcaption .video-icon .icon:hover:after {
    background: rgba(255,255,255,0)
}
.lgx-video-trans figure figcaption {
    background: 0 0
}
.lgx-offer .lgx-inner {
    padding-top: 0
}
.lgx-offer-center .lgx-inner {
    padding: 10.2rem 0
}
.lgx-offer-center .lgx-single-offer .offer-info {
    background: #f1f1f1
}
.lgx-single-offer {
    position: relative
}
.lgx-single-offer figure {
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden
}
.lgx-filter-area .lgx-filter, .lgx-single-offer .offer-info .offer-list {
    margin-bottom: 2.6rem
}
.lgx-single-offer figure img {
    max-width: 750px;
    -webkit-transition: .4s ease;
    transition: .4s ease
}
.lgx-single-offer .offer-info {
    width: 50%;
    background: #fff;
    color: #282b2e;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4.2rem;
    min-height: 420px
}
.lgx-single-offer .offer-info .title {
    color: #d32027;
    font-family: Raleway, sans-serif;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 3.3rem;
    margin-bottom: 2.6rem;
    display: block;
    text-transform: uppercase
}
.lgx-single-offer .offer-info .title a {
    color: inherit
}
.lgx-single-offer .offer-info .title span {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    font-weight: 900;
    color: #282b2e;
    text-transform: none
}
.lgx-single-offer .offer-info .offer-list li {
    font-family: 'Playfair Display', serif;
    color: #282b2e;
    font-weight: 300;
    opacity: .7
}
.lgx-single-offer .offer-info .offer-list li i {
    color: #d32027;
    opacity: .4;
    margin-right: 1rem
}
.lgx-single-offer:hover figure img {
    transform: scale(1.2)
}
.lgx-single-offer-black .offer-info {
    background: #282b2e;
    color: #fff
}
.lgx-single-offer-black .offer-info .title {
    color: #d32027
}
.lgx-single-offer-black .offer-info .title a {
    color: inherit
}
.lgx-single-offer-black .offer-info .offer-list li, .lgx-single-offer-black .offer-info .title span {
    color: #fff
}
.lgx-single-offer-black .offer-info .offer-list li i {
    color: #d32027
}
.lgx-menu {
    background: url("../img/banner.jpg") top center no-repeat fixed;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-menu .lgx-inner {
    background: rgba(40,43,46,.8)
}
.lgx-menu-white .lgx-inner {
    background: #fff
}
.lgx-grid-item {
    width: 33.33%
}
.lgx-grid-item-col1 {
    width: 100%
}
.lgx-grid-item-col2 {
    width: 50%
}
.lgx-grid-item-col3 {
    width: 33.33%
}
.lgx-grid-item-col4 {
    width: 25%
}
.lgx-filter-area {
    text-align: center
}
.lgx-filter-area .lgx-filter li {
    padding-right: 0;
    padding-left: 0
}
.lgx-filter-area .lgx-filter li a {
    background: rgba(255,255,255,.1);
    padding: .6rem 1.6rem;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all .3 ease;
    transition: all .3s linear
}
.lgx-filter-area .lgx-filter li a span {
    font-family: Raleway, sans-serif;
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    color: #fff;
    opacity: .5
}
.lgx-filter-area .lgx-filter .active a {
    position: relative;
    background: rgba(40,43,46,.7);
    color: #d32027;
    padding: .6rem 3rem;
    border: 1px solid #d32027
}
.lgx-filter-area .lgx-filter .active a span {
    display: block;
    opacity: 1;
    color: #fff
}
.lgx-filter-area .lgx-filter .active a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #d32027;
    bottom: -21%;
    left: 39%
}
.lgx-single-menu {
    position: relative
}
.lgx-single-menu figure {
    overflow: hidden
}
.lgx-single-menu figure img {
    -webkit-transition: .6s ease;
    transition: .6s ease
}
.lgx-single-menu figcaption {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}
.lgx-single-menu figcaption:before {
    content: "";
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), #1c1a1d);
    background: -o-linear-gradient(bottom, rgba(255,0,0,0), #1c1a1d);
    background: -moz-linear-gradient(bottom, rgba(255,0,0,0), #1c1a1d);
    background: linear-gradient(to bottom, rgba(255,0,0,0), #1c1a1d);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2 ease;
    transition: all .3s linear
}
.lgx-single-menu .menu-info {
    position: absolute;
    bottom: 2.6rem;
    left: 2.6rem;
    -webkit-transition: .6s ease;
    transition: .6s ease
}
.lgx-single-menu .menu-info .title {
    font-family: Raleway, sans-serif;
    color: #fff;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase
}
.lgx-single-menu .menu-info .title a {
    color: inherit
}
.lgx-single-menu .menu-info .subtitle {
    font-family: 'Playfair Display', serif;
    color: #d32027;
    font-size: 1.6rem;
    line-height: 2.4000000000000004rem;
    margin: 0
}
.lgx-single-menu .menu-info .subtitle a {
    color: inherit
}
.lgx-single-menu:hover figure img {
    transform: scale(1.5)
}
.lgx-single-menu:hover figure figcaption {
    background: rgba(185,141,54,.65);
    width: 100%;
    height: 100%
}
.lgx-single-menu:hover .menu-info {
    bottom: 15%;
    left: 8%
}
.lgx-tab-another .lgx-filter-area .lgx-filter {
    margin-bottom: 0
}
.lgx-tab-another .lgx-filter-area .lgx-filter li {
    padding-right: 0;
    padding-left: 0
}
.lgx-tab-another .lgx-filter-area .lgx-filter li a {
    background: rgba(255,255,255,.1);
    padding: 1rem 2rem;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all .3 ease;
    transition: all .3s linear
}
.lgx-tab-another .lgx-filter-area .lgx-filter li a span {
    font-family: Raleway, sans-serif;
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    color: #fff;
    opacity: .5
}
.lgx-tab-another .lgx-filter-area .lgx-filter .active a {
    position: relative;
    background: #fff;
    color: #d32027;
    padding: 1rem 3.5rem;
    border: 0
}
.lgx-tab-another .lgx-filter-area .lgx-filter .active a span {
    display: block;
    opacity: 1;
    color: #282b2e
}
.lgx-tab-another .lgx-filter-area .lgx-filter .active a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ddd;
    bottom: -21%;
    left: 39%;
    display: none
}
.lgx-tab-another .lgx-grid-wrapper .lgx-grid-item {
    width: 50%
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another figure {
    width: 25%;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another figure img {
    -webkit-transition: .6s ease;
    transition: .6s ease
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another .menu-info {
    width: 75%;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another .menu-info .info-left .title {
    margin-top: 0
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another .menu-info .info-left .text {
    line-height: 2.4rem
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another .menu-info .menu-price {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-size: 2.6rem;
    text-transform: uppercase;
    text-align: right;
    margin-top: .8rem;
    color: #d32027;
    font-weight: 700
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another .menu-info .menu-price span {
    font-family: Raleway, sans-serif;
    color: #282b2e;
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: .5rem;
    opacity: .7
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another .menu-info .menu-price:before {
    border-top: 1px dashed #ddd;
    display: block;
    position: relative;
    top: 19px;
    width: 85%;
    content: "";
    right: 0
}
.lgx-tab-another .lgx-grid-wrapper .lgx-single-menu-another:hover figure img {
    border-radius: 50%;
    -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-tab-another .lgx-menu-container {
    background: #fff;
    padding: 6.8rem 0
}
.lgx-tab-another .lgx-menu-container .lgx-grid-wrapper {
    max-width: 1140px;
    margin: 0 auto
}
.lgx-tab-another .lgx-grid-wrapper .lgx-grid-item-col1 {
    width: 100%
}
.lgx-tab-another .lgx-grid-wrapper .lgx-grid-item-col2 {
    width: 50%
}
.lgx-tab-another .lgx-grid-wrapper .lgx-grid-item-col3 {
    width: 33.33%
}
.lgx-tab-another .lgx-grid-wrapper .lgx-grid-item-col4 {
    width: 25%
}
.lgx-tab-another2 .lgx-filter-area .lgx-filter {
    margin-bottom: 0
}
.lgx-tab-another2 .lgx-filter-area .lgx-filter li {
    padding-right: 0;
    padding-left: 0
}
.lgx-tab-another2 .lgx-filter-area .lgx-filter li a {
    background: #f1f1f1;
    padding: 1rem;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    line-height: 3rem;
    color: #282b2e;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all .3 ease;
    transition: all .3s linear
}
.lgx-tab-another2 .lgx-filter-area .lgx-filter li a span {
    font-family: Raleway, sans-serif;
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    color: #282b2e;
    opacity: .5
}
.lgx-tab-another2 .lgx-filter-area .lgx-filter .active a {
    position: relative;
    background: rgba(255,255,255,.1);
    color: #d32027;
    padding: 1rem 3.5rem;
    border: 0
}
.lgx-tab-another2 .lgx-filter-area .lgx-filter .active a span {
    display: block;
    opacity: 1;
    color: #282b2e
}
.lgx-tab-another2 .lgx-filter-area .lgx-filter .active a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #d32027;
    bottom: -21%;
    left: 42%;
    display: block
}
.lgx-tab-another-grid .lgx-filter-area {
    margin-bottom: 2.6rem
}
.lgx-tab-another-grid .lgx-filter-area .lgx-filter, .lgx-tab-menucard .lgx-filter-area .lgx-filter {
    margin-bottom: 0
}
.lgx-tab-another-grid .lgx-filter-area .lgx-filter li {
    padding-right: 0;
    padding-left: 0
}
.lgx-tab-another-grid .lgx-filter-area .lgx-filter li a {
    background: #f1f1f1;
    padding: 1rem;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    line-height: 3rem;
    color: #282b2e;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all .3 ease;
    transition: all .3s linear
}
.lgx-tab-another-grid .lgx-filter-area .lgx-filter li a span {
    font-family: Raleway, sans-serif;
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    color: #282b2e;
    opacity: .5
}
.lgx-tab-another-grid .lgx-filter-area .lgx-filter .active a {
    position: relative;
    background: #d32027;
    color: #fff;
    padding: 1rem 3.5rem;
    border: 0
}
.lgx-tab-another-grid .lgx-filter-area .lgx-filter .active a span {
    display: block;
    opacity: 1;
    color: #fff
}
.lgx-tab-another-grid .lgx-filter-area .lgx-filter .active a:before {
    display: none
}
.lgx-tab-menucard .lgx-filter-area .lgx-filter li {
    padding-right: 0;
    padding-left: 0
}
.lgx-tab-menucard .lgx-filter-area .lgx-filter li a {
    background: #f1f1f1;
    padding: 1rem;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    line-height: 3rem;
    color: #282b2e;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all .3 ease;
    transition: all .3s linear
}
.lgx-tab-menucard .lgx-filter-area .lgx-filter li a span {
    font-family: Raleway, sans-serif;
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    color: #282b2e;
    opacity: .5
}
.lgx-tab-menucard .lgx-filter-area .lgx-filter .active a {
    position: relative;
    background: rgba(255,255,255,.1);
    color: #d32027;
    padding: 1rem 3.5rem;
    border: 0
}
.lgx-tab-menucard .lgx-filter-area .lgx-filter .active a span {
    display: block;
    opacity: 1;
    color: #282b2e
}
.lgx-tab-menucard .lgx-filter-area .lgx-filter .active a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #d32027;
    bottom: -21%;
    left: 42%;
    display: block
}
.lgx-tab-menucard2.menucard-onscroll {
    position: fixed;
    top: 100px;
    width: 100%;
    left: 0;
    z-index: 999
}
.lgx-tab-menucard2.menucard-onscroll .lgx-filter {
    background: #fff;
    display: inline-block
}
.lgx-tab-another-grid .lgx-menu-container {
    background: 0 0;
    padding: 0
}
.lgx-tab-another-grid .lgx-menu-container .lgx-grid-wrapper {
    margin: 0 auto
}
.lgx-tab-another-grid .lgx-single-menu-another {
    background: #fff
}
.lgx-tab-another-grid .lgx-single-menu-another figure {
    position: relative;
    overflow: hidden
}
.lgx-tab-another-grid .lgx-single-menu-another figure img {
    -webkit-transition: .6s ease;
    transition: .6s ease
}
.lgx-tab-another-grid .lgx-single-menu-another .menu-info {
    width: 100%;
    padding: 2rem
}
.lgx-tab-another-grid .lgx-single-menu-another .menu-info .info-left .title {
    margin-top: 0
}
.lgx-tab-another-grid .lgx-single-menu-another .menu-info .info-left .text {
    line-height: 2.4rem
}
.lgx-tab-another-grid .lgx-single-menu-another .menu-info .menu-price {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-size: 2.6rem;
    text-transform: uppercase;
    text-align: right;
    margin-top: .8rem;
    color: #d32027;
    font-weight: 700
}
.lgx-tab-another-grid .lgx-single-menu-another .menu-info .menu-price span {
    font-family: Raleway, sans-serif;
    color: #282b2e;
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: .5rem;
    opacity: .7
}
.lgx-tab-another-grid .lgx-single-menu-another .menu-info .menu-price:before {
    border-top: 1px dashed #ddd;
    display: block;
    position: relative;
    top: 19px;
    width: 85%;
    content: "";
    right: 0
}
.lgx-tab-another-grid .lgx-single-menu-another: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-filter-area-white .lgx-filter li a {
    background: rgba(221,221,221,.7);
    color: #282b2e
}
.lgx-filter-area-white .lgx-filter li a span {
    color: #282b2e;
    opacity: .5
}
.lgx-filter-area-white .lgx-filter .active a {
    position: relative;
    background: #282b2e;
    color: #d32027;
    padding: .6rem 3rem;
    border: 1px solid transparent
}
.lgx-filter-area-white .lgx-filter .active a span {
    display: block;
    opacity: 1;
    color: #fff
}
.lgx-filter-area-white .lgx-filter .active a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #d32027;
    bottom: -21%;
    left: 39%
}
.lgx-grid-wrapper-gap {
    margin-left: -8px;
    margin-right: -8px
}
.lgx-grid-wrapper-gap .lgx-single-menu, .lgx-grid-wrapper-gap .lgx-single-menu-another {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px
}
.lgx-tab-another {
    margin-left: -8px;
    margin-right: -8px
}
.lgx-tab-another .lgx-single-menu-another {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 2.6rem;
    display: block;
    overflow: hidden
}
.lgx-menu-card .cat-maintitle-area {
    position: relative
}
.lgx-menu-card .cat-maintitle-area figcaption {
    position: absolute;
    bottom: 10%;
    left: 5%
}
.lgx-menu-card .lgx-panel {
    padding: 2rem
}
.lgx-menu-card .panel-heading {
    background: #282b2e;
    border-color: transparent;
    padding: 0
}
.lgx-menu-card .panel-heading .panel-title {
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 8px
}
.lgx-menu-card .panel-heading .panel-title a {
    color: #d32027
}
.lgx-menu-card .panel-heading .panel-title a .cat-title {
    font-family: Raleway, sans-serif;
    color: #fff;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase
}
.lgx-menu-card .panel-body {
    border-top-color: transparent!important;
    background: #f9f9f9
}
.lgx-menu-card .cat-main {
    margin-bottom: 6.8rem
}
.lgx-menu-card .cat-maintitle {
    margin-top: 0;
    color: #d32027;
    font-weight: 900
}
.lgx-item-card .menu-info .menu-price, .lgx-menu-card .lgx-menu-card-nav ul li {
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    font-weight: 700
}
.lgx-menu-card {
    display: block
}
.lgx-menu-card .lgx-menu-card-nav {
    width: 20%
}
.lgx-menu-card .lgx-menu-card-nav ul {
    background: #d32027;
    padding: 2rem 1rem
}
.lgx-menu-card .lgx-menu-card-nav ul li {
    letter-spacing: .05rem;
    padding: .5rem
}
.lgx-menu-card .lgx-menu-card-nav ul li a {
    padding: .5rem 1rem;
    color: #fff;
    display: block
}
.lgx-menu-card .lgx-menu-card-nav ul li .active, .lgx-menu-card .lgx-menu-card-nav ul li a:hover {
    background: rgba(255,255,255,.1)
}
.lgx-menu-card .lgx-menu-card-Items {
    width: 80%;
    float: right
}
.lgx-item-card .menu-info, .lgx-item-card figure, .lgx-single-team figure figcaption .teacher-bottom .link, .lgx-single-team figure figcaption .teacher-bottom ul {
    float: left
}
.lgx-item-card {
    background: #fff;
    overflow: hidden;
    margin-borttom: 1.5rem;
    padding: 1rem
}
.lgx-item-card figure {
    width: 15%;
    border-radius: 50%;
    overflow: hidden
}
.lgx-item-card figure img {
    -webkit-transition: .6s ease;
    transition: .6s ease;
    border-radius: 50%
}
.lgx-item-card .menu-info {
    width: 85%;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}
.lgx-item-card .menu-info .info-left .title {
    margin-top: 0
}
.lgx-item-card .menu-info .info-left .text {
    line-height: 2.4rem
}
.lgx-item-card .menu-info .menu-price {
    font-size: 26px;
    font-size: 2.6rem;
    text-align: right;
    margin-top: .8rem;
    color: #d32027
}
.lgx-item-card .menu-info .menu-price span {
    font-family: Raleway, sans-serif;
    color: #282b2e;
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: .5rem;
    opacity: .7
}
.lgx-item-card .menu-info .menu-price:before {
    border-top: 1px dashed #ddd;
    display: block;
    position: relative;
    top: 19px;
    width: 85%;
    content: "";
    right: 0
}
.lgx-item-card: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)
}

@media (max-width:991px) {
.lgx-grid-item {
    width: 50%
}
.lgx-tab-another {
    margin-left: 0;
    margin-right: 0
}
}

@media (max-width:767px) {
.lgx-grid-item {
    width: 100%
}
.lgx-tab-another .lgx-grid-wrapper .lgx-grid-item {
    width: 100%;
    padding: 0 2rem
}
.lgx-filter-area .lgx-filter .active a, .lgx-filter-area .lgx-filter li a, .lgx-tab-another .lgx-filter-area .lgx-filter .active a, .lgx-tab-another .lgx-filter-area .lgx-filter li a {
    padding: .6rem 1.6rem;
    margin-bottom: .5rem
}
.lgx-filter-area .lgx-filter .active a:before {
    display: none
}
}
.lgx-milestone-about {
    background: url("../img/banner61.jpg") top center no-repeat fixed;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-milestone-about .lgx-inner {
    background: rgba(40,43,46,.7);
    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: #d32027;
    opacity: .4
}
.lgx-milestone .lgx-counter-area .counter-text {
    text-align: center;
    position: absolute;
    z-index: 1;
    bottom: -35px;
    width: 100%;
    left: 0
}
.lgx-milestone .lgx-counter-area .counter-text .lgx-counter {
    display: block;
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 900;
    margin-bottom: 1rem;
    color: #fff
}
.lgx-milestone .lgx-counter-area .counter-text small {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
    display: block;
    margin: 0
}
.lgx-team {
    background: #fff
}
.lgx-single-team {
    margin-bottom: 2.4rem;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    margin-top: 10px
}
.lgx-single-team figure {
    position: relative;
    overflow: hidden
}
.lgx-single-team figure a img {
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}
.lgx-single-team figure figcaption, .lgx-single-team figure figcaption .teacher-name {
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s
}
.lgx-single-team figure figcaption {
    position: absolute;
    bottom: 15px;
    margin: 0 5%;
    padding: 0 2rem 2rem;
    background: rgba(255,255,255,.9);
    border-radius: 6px;
    width: 90%;
    transition-duration: .3s;
    opacity: 1
}
.lgx-single-team figure figcaption:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    position: relative;
    top: -38px;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}
.lgx-single-team figure figcaption .teacher-name {
    margin: 0 0 1rem;
    font-size: 2rem;
    line-height: 3rem;
    transition-duration: .3s
}
.lgx-single-team figure figcaption .teacher-name span {
    display: block;
    font-family: Raleway, sans-serif;
    text-transform: none;
    font-size: 1.4rem;
    line-height: 2.0999999999999996rem;
    font-weight: 400;
    color: #d32027;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.lgx-single-team figure figcaption .teacher-bottom .link, form#reservationbooking .lgx-form-left .error {
    float: right
}
.lgx-single-team figure figcaption .teacher-bottom .link i {
    font-size: 2.6rem;
    line-height: 3.9000000000000004rem
}
.lgx-single-team figure figcaption .social-group li a {
    color: #ddd
}
.lgx-single-team figure figcaption .social-group li a i {
    font-size: 2rem;
    line-height: 3rem
}
.lgx-single-team figure figcaption .social-group li a .fa-twitter {
    color: #1da1f2
}
.lgx-single-team figure figcaption .social-group li a .fa-facebook-f, .lgx-single-team figure figcaption .social-group li a .facebook-f {
    color: #3b5998
}
.lgx-single-team figure figcaption .social-group li a .fa-linkedin {
    color: #00a0dc
}
.lgx-single-team figure figcaption .social-group li a .fa-youtube-play {
    color: #cd201f
}
.lgx-single-team figure figcaption .social-group li a .fa-instagram {
    color: #c13584
}
.lgx-single-team figure figcaption .social-group li a .fa-google, .lgx-single-team figure figcaption .social-group li a .fa-google-plus {
    color: #dd4b39
}
.lgx-single-team figure figcaption .social-group li a .fa-pinterest-p {
    color: #bd081c
}
.lgx-single-team figure figcaption .social-group li a:hover {
    color: #d32027
}
.lgx-single-team figure figcaption .social-group li a:hover i {
    color: inherit
}
.lgx-single-team:hover figure a img {
    transform: scale(1.2)
}
.lgx-news-single:hover figure img, .lgx-single-speacial:hover figure img {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2)
}
.lgx-single-team:hover figure figcaption {
    background: #fff;
    width: 100%;
    margin: 0;
    opacity: 1;
    bottom: 0;
    border-radius: 0
}
.lgx-single-team:hover figure figcaption:before {
    border-bottom: 15px solid #d32027;
    top: -42px
}
.lgx-reservation {
    background: url("../img/reservation-top.png") top right 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-reservation .lgx-inner {
    background: url("../img/reservation-bottom.png") 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-reservation-area {
    padding: 0 4.2rem
}
.lgx-reservation-area .open-close-time {
    text-align: center;
    margin-bottom: 2.6rem
}
.lgx-reservation-area .open-close-time p {
    font-size: 1.6rem;
    line-height: 2.4000000000000004rem;
    display: inline;
    text-transform: uppercase;
    margin: 0 .8rem
}
.lgx-reservation-area .open-close-time p span {
    color: #d32027;
    text-transform: uppercase;
    font-weight: 700
}
.lgx-reservation-another {
    background: url("../img/reservation-bg.jpg") 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-reservation-another .lgx-inner {
    background: 0 0
}
.lgx-reservation-another2 {
    background: url("../img/reservation-bg3.jpg") 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-reservation-another2 .lgx-inner {
    background: 0 0
}
.lgx-reservation-area-another {
    background: #282b2e;
    padding: 6.8rem
}
.lgx-reservation-area-another .open-close-time p {
    color: #fff
}
.lgx-reservation-area-white {
    background: rgba(255,255,255,.9);
    padding: 6.8rem
}
.lgx-reservation-area-white .open-close-time p {
    color: #282b2e
}
form#reservationbooking .lgx-btn {
    margin-top: 1.6rem;
    padding: 1.6rem 6.8rem
}
form#reservationbooking .error {
    background: red;
    padding: 0 10px;
    color: #fff;
    font-weight: 400
}
form#reservationbooking .lgx-form-right .error {
    float: left
}
form#reservationbooking .form-group {
    width: 49%;
    margin: 0 .5% 1.6rem;
    float: left
}
form#reservationbooking .form-control {
    text-align: left;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0;
    -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
}
form#reservationbooking .form-control:focus, form#reservationbooking .form-control:hover {
    border: 1px solid #d32027
}
form#reservationbooking .lgx-form-group {
    text-align: center
}
.lgx-reservation-banner-bottom {
    background: #282b2e;
    position: relative
}
.lgx-reservation-area-banner-bottom {
    width: 100%;
    background: #fff;
    padding: 4.2rem;
    position: absolute;
    top: -15rem;
    left: 0;
    z-index: 2;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.15);
    box-shadow: 0 0 35px rgba(0,0,0,.15)
}
.lgx-reservation-area-banner-bottom .lgx-heading {
    margin-bottom: 2.6rem
}
.lgx-reservation-area-banner-bottom .lgx-heading .heading-title {
    font-size: 26px;
    font-size: 2.6rem;
    text-transform: uppercase
}
.lgx-reservation-area-banner-bottom form#reservationbooking .form-group {
    width: 32.33%;
    margin: 0 .5% 1rem
}
.lgx-reservation-area-banner {
    background: #fff;
    padding: 5rem;
    z-index: 9;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.15);
    box-shadow: 0 0 35px rgba(0,0,0,.15)
}
.lgx-reservation-area-banner #reservationbooking {
    position: relative;
    z-index: 5
}
.lgx-reservation-area-banner form#reservationbooking .form-group {
    width: 100%;
    margin: 0 .5% 1rem
}
.lgx-reservation-area-banner .lgx-btn {
    width: 100%
}
.lgx-news-single {
    margin: 0 2rem
}
.lgx-news-single figure {
    margin-bottom: 1.6rem;
    overflow: hidden;
    display: none
}
.lgx-news-single figure img {
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.lgx-news-single .date {
    font-family: Raleway, sans-serif;
    font-weight: 400;
    display: inline-block;
    max-width: 400px;
    float: left;
    margin-right: 2rem;
    font-size: 1.6rem;
    line-height: 2.4000000000000004rem;
    text-align: center;
    color: #282b2e;
    margin-top: -6px;
    text-transform: uppercase;
    opacity: .7
}
.lgx-news-single .date h2, .lgx-news-single .date h3, .lgx-news-single .date h4, .lgx-news-single .date h5 {
    font-family: inherit;
    font-weight: inherit;
    color: inherit
}
.lgx-news-single .date span {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    display: block;
    font-size: 6.8rem;
    line-height: 10.2rem;
    line-height: 5rem;
    text-transform: uppercase;
    color: #d32027
}
.lgx-news-single .news-info {
    display: block;
    overflow: hidden
}
.lgx-news-single .news-info .title {
    margin-top: 0;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 2rem
}
.lgx-news-single .news-info .text {
    margin-bottom: 2.6rem
}
.lgx-news-single:hover figure img {
    transform: scale(1.2)
}
.lgx-news-single-thumb figure {
    display: block
}
.lgx-news-single-thumb .news-info .text {
    display: none
}
.lgx-speacial {
    background: url("../img/speacial-bg.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-single-speacial {
    position: relative
}
.lgx-single-speacial figure {
    overflow: hidden
}
.lgx-single-speacial figure img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}
.lgx-single-speacial figure figcaption {
    position: absolute;
    top: 15px;
    right: 15px
}
.lgx-single-speacial figure figcaption .speacial-price {
    text-align: center;
    background: #282b2e;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 900;
    line-height: 100px;
    color: #d32027
}
.lgx-single-speacial figure figcaption .speacial-price span {
    font-family: Raleway, sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 300;
    color: #fff
}
.lgx-getintouch-area .lgx-getintouch, .lgx-video-title, blockquote.lgx-testi-single p span {
    font-family: 'Playfair Display', serif
}
.lgx-single-speacial .speacial-info {
    padding: 1.5rem;
    text-align: center;
    -webkit-transition: .4s ease;
    transition: .4s ease
}
.lgx-single-speacial .speacial-info .title {
    color: #fff;
    margin: 0;
    line-height: 3.5rem
}
.lgx-single-speacial .speacial-info .title a {
    color: inherit
}
.lgx-single-speacial:hover figure img {
    transform: scale(1.2)
}
.lgx-single-speacial:hover .speacial-info {
    background: #282b2e
}
.lgx-single-speacial:hover .speacial-info .title {
    color: #fff
}
.lgx-single-speacial:hover .speacial-info .title a {
    color: inherit
}
.lgx-single-speacial:hover .speacial-info .title:hover {
    color: #d32027
}
.lgx-single-speacial:hover .speacial-info .title:hover a {
    color: inherit
}
.lgx-owlspeacial-circle {
    margin-left: -8px;
    margin-right: -8px
}
.lgx-owlspeacial-circle .lgx-single-speacial {
    margin: 0 8px
}
.lgx-owlspeacial-circle .lgx-single-speacial figure img {
    border-radius: 50%
}
.lgx-owlspeacial-circle .lgx-single-speacial:hover figure img {
    border-radius: 0
}
.lgx-photo-gallery {
    overflow: hidden;
    margin-bottom: -11px
}
.lgx-photo-gallery .lgx-inner {
    padding-bottom: 0
}
.lgx-gallery-area {
    margin-right: -15px;
    margin-left: -15px;
    display: block;
    overflow: hidden
}
.lgx-gallery-single {
    background: 0 0;
    float: left;
    width: 100%
}
.lgx-gallery-single figure {
    position: relative;
    overflow: hidden
}
.lgx-gallery-single figure img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}
.lgx-gallery-single figure figcaption {
    background: rgba(185,141,54,.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: #282b2e
}
.lgx-testimonial {
    background: url("../img/testi-bg.jpg") top 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(40,43,46,.9)
}
blockquote.lgx-testi-single {
    padding: 36px 13% 0;
    font-size: 2rem;
    font-weight: 300;
    line-height: 3rem;
    margin: 0
}
blockquote.lgx-testi-single p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    z-index: 1
}
blockquote.lgx-testi-single p span {
    color: #d32027;
    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: #d32027
}
.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
}
.lgx-contact .contact-info .lgx-box {
    margin-bottom: 2.6rem
}
.lgx-contact .contact-info .lgx-box .address .title {
    color: #d32027;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0
}
.lgx-contact .lgx-contactform .form-group {
    margin-bottom: 2rem
}
.lgx-contact .lgx-contactform .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
}
.lgx-contact .lgx-contactform textarea.form-control {
    height: 170px
}
.lgx-contact .help-block {
    color: #e74f3f;
    margin: 0
}
.lgx-contact-white {
    background: #fff
}
.lgxmapcanvas {
    min-height: 400px
}
.lgxmapcanvas .gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 14px;
    line-height: 2.2rem;
    overflow: hidden;
    padding: .6rem 1.6rem;
    border-radius: 4px;
    text-align: center
}
.lgxmapcanvas .gm-style .gm-style-iw h1 {
    font-size: 2.6rem;
    line-height: 3.9000000000000004rem;
    text-transform: uppercase;
    margin: 0;
    color: #42bd41
}
#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.png");
    background-repeat: no-repeat;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    text-align: center;
    padding: 150px 15%;
    background-size: 200px;
    background-position: -100px 100%;
    width: 100%;
    margin: 0 auto
}
#lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content a.paramore {
    margin-top: 50px;
    display: inline-block
}
#lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content h2 {
    font-size: 4rem;
    line-height: 6rem;
    line-height: 40px;
    padding-bottom: 20px
}
}

@media screen and (max-width:768px) {
#lgx-parallax-banner .lgx-section .lgx-item-parallax-banner {
    height: 37rem
}
#lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content h2 {
    font-size: 3.5rem;
    line-height: 5.25rem;
    line-height: 35px
}
#lgx-parallax-banner .lgx-section .lgx-item-parallax-banner .leftlayer1 .banner-content p {
    font-size: 1.8rem;
    line-height: 2.7rem
}
}
@-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 fixed;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-video .lgx-inner {
    background: rgba(40,43,46,.8);
    padding: 20rem 0
}
.lgx-video .lgx-video-area {
    padding: 0
}
.lgx-video-title {
    font-weight: 300;
    color: #fff;
    font-size: 4.2rem;
    line-height: 6.300000000000001rem;
    line-height: 5rem;
    margin: -2.6rem 0 2.6rem;
    text-align: center
}
.lgx-video-title span {
    color: #d32027;
    display: block
}
.lgx-video-area {
    padding: 100px 0;
    display: block;
    margin-bottom: 6.8rem
}
.lgx-video-area figure {
    position: relative;
    border-radius: 6px
}
.lgx-video-area figure img {
    border-radius: 6px
}
.lgx-video-area figure figcaption {
    background: rgba(40,43,46,.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: #282b2e;
    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: #d32027
}
.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(40,43,46,.8)
}
.lgx-modal .modal-dialog, .lgx-modal .modal-dialog .modal-content {
    background: 0 0;
    width: 100%;
    box-shadow: none
}
.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-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: #282b2e
}
.lgx-modal .modal-dialog .modal-content .modal-body iframe {
    width: 100%;
    height: 650px;
    border: 0
}
.lgx-footer-single #instafeed a {
    overflow: hidden;
    width: 33.33%;
    float: left;
}
.lgx-footer-single #instafeed a img {
    padding-right: 4px;
    padding-bottom: 4px;
    border-radius: 6px;
    opacity: .8;
    height: 90px;
    transition-duration: .3s;
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}
.lgx-footer-single #instafeed a:hover img {
    opacity: 1;
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3)
}
.lgx-instagram {
    background: #282b2e
}
.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(40,43,46,.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 a img, .lgx-instagram-area:hover {
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s
}
.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;
    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 {
    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-subscription {
    background: url("../img/banner3.jpg") bottom center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-subscription .lgx-inner {
    background: rgba(249,249,249,.8)
}
.lgx-subscriber-area {
    max-width: 570px;
    margin: 0 auto
}
.lgx-subscriber-area .title {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.8rem;
    margin: 0 13% 3.9rem
}
.lgx-subscription .lgx-subscriber {
    position: relative
}
.lgx-subscription .lgx-subscriber .subscribe-form {
    background: rgba(255,255,255,.5);
    border-radius: 4px;
    display: block;
    overflow: hidden
}
.lgx-subscription .lgx-subscriber .subscribe-form .form-group {
    margin-bottom: 0
}
.lgx-footer-single .text, .lgx-subscriber-area p {
    margin-bottom: 1rem
}
.lgx-subscription .lgx-subscriber .subscribe-form .lgx-input-form, .lgx-subscription .lgx-subscriber .subscribe-form .the-submit-btn {
    float: left;
    height: 52px;
    border-radius: 4px;
    border: none
}
.lgx-subscription .lgx-subscriber .subscribe-form .lgx-input-form {
    width: 100%;
    padding-left: 2rem
}
.lgx-subscription .lgx-subscriber .subscribe-form .the-submit-btn {
    margin-left: 1%;
    font-family: 'Playfair Display', serif;
    background: 0 0;
    color: #d32027;
    position: absolute;
    z-index: 1;
    right: 1.5rem
}
.lgx-subscription .lgx-subscriber .subscribe-form .the-submit-btn i {
    font-size: 3.9rem;
    line-height: 5.85rem;
    line-height: 5.2rem
}
.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 {
    background: rgba(40,43,46,.9)
}
.lgx-getintouch-area {
    background: url("../img/banner.jpg") top center no-repeat fixed;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}
.lgx-getintouch-area .lgx-getintouch-inner {
    background: rgba(40,43,46,.7);
    padding: 6.3rem 0
}
.lgx-getintouch-area .lgx-getintouch {
    font-size: 2.4rem;
    line-height: 3.5999999999999996rem;
    text-align: left;
    color: #fff
}
.lgx-footer-single .title, .lgx-footer-single ul li {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem
}
.lgx-getintouch-area .lgx-getintouch span {
    font-family: 'Playfair Display', serif;
    color: #d32027
}
.lgx-getintouch-area .lgx-getintouch .lgx-btn-contact {
    float: right
}
.lgx-getintouch-area .lgx-getintouch .lgx-btn-contact:hover, .lgx-getintouch-area .lgx-getintouch .lgx-btn-contact:hover span {
    color: #fff
}
.lgx-subscriber-area {
    text-align: left
}
.lgx-subscriber-area .lgx-subscriber-footer .subscribe-form {
    background: 0 0
}
.lgx-subscriber-area .form-control {
    background: rgba(255,255,255,.9);
    box-shadow: none;
    border: none;
    border-radius: 0;
    height: 45px;
    color: #d32027;
	width:280px;
}
.lgx-footer-middle {
    padding: 10.2rem 0
}
.lgx-footer-area {
    display: flex;
    overflow: hidden;
    padding-bottom: 6.8rem
}
.lgx-footer-single {
    flex: 1;
    text-align: left;
    color: #888
}
.lgx-footer-single .lgx-btn {
    padding: 1.3rem 5rem
}
.lgx-footer-single p {
    color: inherit
}
.lgx-footer-single .logo {
    margin-bottom: 4.2rem;
    display: block
}
.lgx-footer-single .logo img {
    max-width: 200px;
    opacity: .5
}
.lgx-footer-single address {
    margin-bottom: 1.5rem;
    line-height: 2.4rem
}
.lgx-footer-single address i {
    overflow: hidden;
    color: #d32027;
    margin-right: 5px;
    opacity: .4
}
.lgx-footer-single .lgx-address-info li {
    line-height: 2.5rem
}
.lgx-footer-single .lgx-address-info i {
    color: #d32027;
    margin-right: 1rem;
    opacity: .4
}
.lgx-footer-single .lgx-address-info li:hover {
    color: inherit
}
.lgx-footer-single .title {
    line-height: 2.4000000000000004rem;
    text-transform: uppercase;
    margin-bottom: 2.4rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: .08rem;
    opacity: .7
}
.lgx-footer-single ul li {
    color: #888;
    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-social li, .lgx-social-footer li {
    list-style-type: none;
    cursor: pointer;
    transition: ease .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: 'Playfair Display', serif
}
.lgx-footer-single .opening-time-single span {
    font-family: Raleway, sans-serif;
    display: block
}
.lgx-footer-single .opening-time-single span i {
    color: #d32027;
    font-style: normal;
    font-weight: 700;
    opacity: .4
}
.lgx-footer-bottom {
    border-top: 1px solid #444;
    padding-top: 2.4rem
}
.lgx-footer-bottom .lgx-copyright, .lgx-footer-bottom .lgx-social-footer {
    float: left
}
.lgx-footer-bottom .lgx-copyright {
    width: 60%;
    text-align: left;
    font-family: 'Playfair Display', serif;
    color: #888;
    font-size: 2rem;
    line-height: 3rem
}
.lgx-footer-white .lgx-social-footer, .lgx-social-footer {
    width: 40%;
    text-align: right;
    font-size: 26px
}
.lgx-footer-bottom .lgx-copyright p {
    font-family: inherit;
    font-style: italic;
    color: #888;
    opacity: .7
}
.lgx-footer-bottom .lgx-copyright ul {
    margin-bottom: .5rem
}
.lgx-footer-bottom .lgx-copyright ul li a {
    color: #fff
}
.lgx-footer-bottom .lgx-copyright ul li a:hover {
    color: #d32027
}
.lgx-social-footer .social {
    padding-left: 0
}
.lgx-social-footer li {
    color: #fff;
    display: inline-block;
    padding: 0 .2rem;
    opacity: .3
}
.lgx-social-footer li a {
    color: inherit
}
.lgx-social-footer li:hover {
    color: #d32027
}
.lgx-social-footer li:hover a {
    color: inherit
}
.lgx-social-footer .social:hover>li {
    color: #d32027;
    opacity: .3
}
.lgx-social-footer .social:hover>li a {
    color: inherit
}
.lgx-social-footer .social:hover>li:hover {
    opacity: 1
}
.lgx-social {
    font-size: 26px
}
.lgx-social .social {
    padding-left: 0
}
.lgx-social li {
    color: #282b2e;
    display: inline-block;
    padding: .2rem;
    opacity: .5
}
.lgx-social li a {
    color: inherit
}
.lgx-social li:hover {
    color: #d32027
}
.lgx-social li:hover a {
    color: inherit
}
.lgx-social .social:hover>li {
    opacity: .2
}
.lgx-social .social:hover>li:hover {
    opacity: 1
}
.lgx-footer-white .lgx-inner {
    background: rgba(241,241,241,.93)
}
.lgx-footer-white .lgx-footer-single .title {
    color: #d32027;
    opacity: 1
}
.lgx-footer-white .lgx-footer-single {
    color: #282b2e
}
.lgx-footer-white .lgx-footer-bottom {
    border-top: 1px solid #f9f9f9
}
.lgx-footer-white ul li {
    color: #282b2e;
    opacity: 1
}
.lgx-footer-white ul li a {
    color: inherit
}
.lgx-footer-white .lgx-footer-bottom .lgx-copyright p, .lgx-footer-white .lgx-footer-bottom .lgx-social-footer, .lgx-footer-white .opening-time-single {
    color: #282b2e
}
.lgx-footer-white .opening-time-single span i {
    opacity: .7
}
.lgx-footer-white .lgx-footer-single ul li:hover a {
    color: #d32027
}
.lgx-footer-white .lgx-social-footer .social {
    padding-left: 0
}
.lgx-footer-white .lgx-social-footer li {
    color: #282b2e
}
.lgx-footer-white .lgx-social-footer li a {
    color: inherit
}
.lgx-footer-white .lgx-social-footer li:hover {
    color: #d32027
}
.lgx-footer-white .lgx-social-footer li:hover a {
    color: inherit
}
.lgx-footer-white .lgx-social-footer .social:hover>li {
    color: #d32027;
    opacity: .3
}
.lgx-footer-white .lgx-social-footer .social:hover>li a {
    color: inherit
}
.lgx-footer-white .lgx-social-footer .social:hover>li:hover {
    opacity: 1
}
.section-gap {
    padding: 0 3rem
}
.lgx-page-inner {
    padding: 11rem 0
}
.lgx-page-inner .lgx-heading-area-fixedlogo {
    margin-bottom: 0;
    margin-left: 30rem
}
.lgx-banner-inner {
    background: url("../img/banner61.jpg") bottom center no-repeat fixed;
    -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 .breadcrumb {
    background: 0 0;
    display: inline-block;
    padding: 0;
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    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: #d32027
}
.lgx-banner-inner .breadcrumb .active {
    color: #d32027
}
.lgx-banner-inner .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #d32027;
    content: "/\00a0";
    opacity: .7
}
.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 {
    display: inline-block;
    width: 100%
}
.lgx-page-wrapper .lgx-news-single {
    display: inline-block;
    width: 100%;
    margin-bottom: 4.2rem
}
.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: #282b2e
}
.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: #282b2e
}
.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: #d32027
}
.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 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: Raleway, sans-serif;
    color: #d32027;
    font-size: 2.6rem;
    line-height: 3.9000000000000004rem;
    font-weight: 400;
    margin-top: .5rem
}
.lgx-post-wrapper article header .menu-price {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-size: 2.6rem;
    text-transform: uppercase;
    text-align: right;
    margin-top: .8rem;
    color: #d32027;
    font-weight: 700
}
.lgx-post-wrapper article header .menu-price span {
    font-family: Raleway, sans-serif;
    color: #282b2e;
    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: #d32027
}
.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: 'Playfair Display', serif;
    font-weight: 700;
    margin-right: 2rem;
    display: inline-block
}
.lgx-post-wrapper article header .hits-area .date a {
    color: #282b2e;
    margin-right: 1.5rem
}
.lgx-post-wrapper article header .hits-area .date a i {
    color: #d32027;
    margin-right: 4px;
    opacity: .5
}
.lgx-post-wrapper article header .hits-area .hit-right {
    color: #282b2e;
    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: 'Playfair Display', serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #d32027;
    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: #d32027;
    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: #d32027;
    color: #fff
}
.lgx-page-wrapper-none {
    padding: 0
}

@media (min-width:1200px) and (max-width:1400px) {
.lgx-banner .lgx-inner {
    padding: 25rem 0 20rem
}
}

@media (min-width:1200px) {
.lg-text-center {
    text-align: center
}
}

@media (max-width:1199px) {
html {
    font-size: 55%
}
.md-text-center {
    text-align: center
}
}

@media (max-width:991px) {
html {
    font-size: 53%
}
.sm-text-center {
    text-align: center
}
.lgx-single-offer {
    padding: 0 8%
}
.lgx-single-offer .offer-info {
    width: 100%;
    position: static;
    min-height: auto;
    padding: .5rem 4.2rem 4.2rem
}
.lgx-footer-area {
    display: inline-block
}
.lgx-footer-area .lgx-footer-single {
    width: 50%;
    float: left;
    min-height: 230px
}
.lgx-about-video-area .about-video-singletext {
    background: 0 0
}
.lgx-about-video-area .about-video-singletext, .lgx-about-video-area .about-video-singlevideo {
    width: 100%
}
.lgx-about-area-video {
    margin-bottom: 4.2rem
}
.lgx-instagram-area .insta-text {
    display: none
}
.lgx-reservation-area-banner-bottom form#reservationbooking .form-group {
    width: 49%
}
.lgx-grid-wrapper-gap {
    margin-left: 0;
    margin-right: 0
}
}

@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
}
.lgx-footer-bottom .lgx-copyright, .lgx-getintouch-area .lgx-getintouch, .sm-text-center {
    text-align: center
}
.xs-float-none {
    float: none
}
.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-footer-bottom .lgx-copyright {
    width: 100%;
    margin-bottom: 1.5rem
}
.lgx-footer-white .lgx-social-footer, .lgx-social-footer {
    width: 100%;
    text-align: center
}
form#reservationbooking .form-group {
    width: 100%
}
.lgx-reservation-area-banner-bottom {
    position: static
}
.lgx-reservation-area-banner-bottom form#reservationbooking .form-group {
    width: 100%
}
.lgx-reservation-area-another {
    padding: 4.2rem 2.6rem
}
.lgx-reservation-area-banner {
    margin-top: 4.2rem
}
.lgx-banner-info-reservation {
    margin-top: 0
}
.lgx-about .lgx-inner, .lgx-inner {
    padding: 8rem 0
}
.lgx-heading {
    margin-bottom: 4.2rem
}
.lgx-footer-area {
    padding-bottom: 2.6rem
}
.lgx-footer-single .logo {
    margin-bottom: 1rem
}
.lgx-footer-area .lgx-footer-single {
    min-height: auto
}
.lgx-tab-another .lgx-menu-container {
    padding-bottom: 0
}
.lgx-footer-area .lgx-footer-single, .lgx-footer-single .title {
    margin-bottom: 1.6rem
}
.lgx-milestone-about .lgx-inner {
    padding: 8rem 0
}
.lgx-milestone .lgx-counter-area {
    margin-bottom: 6.8rem;
    min-height: auto
}
.lgx-getintouch-area .lgx-getintouch .lgx-btn-contact {
    float: none;
    display: inline-block;
    margin: 2rem 5rem 0
}
.lgx-video-area figure figcaption .video-icon i, .lgx-video-area-bg figure figcaption .video-icon .icon i {
    height: 70px;
    width: 70px;
    line-height: 70px
}
.lgx-video-title {
    font-size: 2.6rem;
    line-height: 3.5rem
}
.lgx-video .lgx-inner {
    padding: 10rem 0
}
.lgx-reservation, .lgx-reservation .lgx-inner {
    background: 0 0
}
}

@media (max-width:480px) {
html {
    font-size: 50%
}
.lgx-footer-area .lgx-footer-single {
    width: 100%;
    text-align: center
}
.lgx-subscriber-area {
    text-align: center
}
.lgx-single-offer {
    padding: 0 4%
}
.lgx-btn {
    padding: .6rem 1.6rem
}
}
.header-top-inner {
    background: #000;
}
.navbar-nav {
    padding: 20px 0;
}
.subtitle {
    color: #fff !important;
}
a.btn_white {
    border: 1px solid #fff !important;
    color: #fff;
}
.lgx-header {
    background-color: #fff;
    background: #fff;
}
#lgx-header {
    background-color: #fff;
    background: #fff;
}
#home {
}
#contact_us {
}
#map {
    width: 100%;
    position: relative;
    z-index: 99;
}
.contact_info {
    width: 270px;
    position: absolute;
    top: 0;
    height: auto;
    padding: 21px;
    z-index: 9999 !important;
    background: #d1232e;
    left: 12%;
    color: #fff;
    padding: 21px 0;
}
.contact_info h4 {
    color: #fff;
    padding: 0 0 0 30px;
    font-size: 25px;
}
.contact_info p {
    color: #fff;
    padding: 0 0 0 50px;
    line-height: 24px;
    font-size: 15px;
    margin: 15px 0 0 -20px;
}
.contact_info a.mail {
    color: #fff;
    padding: 0 50px;
    font-size: 15px;
}
.lgx-single-menu:hover figure figcaption {
    background: rgba(208,35,46,.65);
    width: 100%;
    height: 100%;
}
.lgx-header .menu-onscroll {
    background: rgba(255,255,255,.99);
}
.lgx-header .menu-onscroll .lgx-navbar .lgx-nav li a {
    color: #000;
}
.lgx {
}
.opening-time-single span {
    color: #FF0004 !important;
    font-weight: bold;
}
.lgx-inner {
}
.lgx-copyright {
    font-style: normal !important;
}
.lgx-navbar .lgx-nav {
    float: right;
}
.lgx-navbar .lgx-nav ul {
}
.lgx-navbar .lgx-nav ul li {
}

@media (max-width:779px) {
.lgx-header-position {
    background: #fff;
    color: #333;
}
.navbar-nav {
    color: #000;
    text-align: center !important;
}
ul.navbar-nav {
}
ul.navbar-nav li {
}
ul.navbar-nav li a, a.active, a:focus, a:hover {
    color: #000 !important;
}
.lgx-navbar .lgx-nav {
    float: inherit;
}
.language {
    position: absolute;
    width: 100px;
    height: 39px;
    top: 10px;
    right: 0 !important;
    color: #fff;
    z-index: 9999 !important;
}
.language a {
    font-size: 20px;
    color: #fff;
}
.language a:hover {
    font-size: 20px;
    color: #ce232d;
}
}
a.active {
    color: #A70D10 !important;
}
.language {
    position: absolute;
    width: 100px;
    height: 39px;
    top: 10px;
    right: 46%;
    color: #fff;
    z-index: 9999 !important;
}
.language a {
    font-size: 20px;
    color: #fff;
}
.language a:hover {
    font-size: 20px;
    color: #ce232d;
}
.menu_block {
    padding: 15px;
    text-align: center;
}
.menu_block img {
    border: 3px solid #dedede;
}
.menu_block h4 {
    color: #af0000;
}
.back_to_menu {
    top: 600px;
weight: font-size:14px;
    right: 0;
    color: #fff;
    position: absolute
}
.back_to_menu a {
    background: #000;
    color: #fff;
    padding: 10px;
}
.back_to_menu a:hover {
    background: #80090b;
    color: #fff;
    padding: 10px;
}
.arab_button {
    width: 120px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 200px;
	z-index: 9999 !important;
}
/*
iframe {
   max-height: 100% !important;   float: left !important; max-height: 100% !important; 
}
*/


textarea {
    width: 80% !important;
	height: 50px;

	
	
}


#comment_reserve {
    width: 80% !important;
}
.lgx-reservation-area {
    background: #282b2e;
    height: 390px !important;
}
textarea {
    overflow: auto;
} /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend {
    margin-left: -7px;
}
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
    vertical-align: text-bottom;
}
input[type="checkbox"] {
    vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}
.ie6 input {
    vertical-align: text-bottom;
}
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color: #f0dddd;
}

.lgx-btn, .lgx-btn-contact, button.lgx-btn { color:#FF0004; border-color:#fff; }


.menu_bg { background: #fef9e8 url(../img/menu_bg.jpg) no-repeat center top !important; }





.button1 {
  background-color: none; 
  color: #fff; 
  border: 2px solid #fff;
}

.button1:hover {
  background-color: #d32027;
  color: white;
}