*,*::before,*::after{
    box-sizing:border-box
}
html{
    font-family:"Roboto",sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
@-ms-viewport{
    width:device-width
}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    margin:0;
    font-size:100%;
    line-height:1.5;
    color:#212529;
    text-align:left;
    background-color:#fff;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    overflow-x:hidden;
    position:relative;
    font-size:100%
}
[tabindex="-1"]:focus{
    outline:none !important
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:0.5rem;
    font-family:"Roboto",sans-serif
}
p{
    margin-top:0;
    margin-bottom:1rem;
    font-size:17px;
    font-family:"Roboto",sans-serif;
    font-weight:400
}
abbr[title],abbr[data-original-title]{
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,ul,dl{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ul ul,ol ul,ul ol{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
dfn{
    font-style:italic
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
a{
    color:#000;
    text-decoration:none;
    background-color:transparent;
    -webkit-text-decoration-skip:objects;
    font-size:14px;
    text-decoration:none;
    font-family:"Roboto",sans-serif;
    text-shadow:none
}
a:hover{
    color:#000;
    text-decoration:none
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:0
}
a[aria-expanded="true"]::before,a[aria-expanded="false"]::before,a[aria-expanded="true"]::before{
    content:'' !important
}
a:focus{
    outline:0 !important
}
pre,code,kbd,samp{
    font-family:monospace, monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
figure{
    margin:0 0 1rem
}
img{
    vertical-align:middle;
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
table{
    border-collapse:collapse
}
caption{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    color:#868e96;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
input,button,select,optgroup,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type="radio"],input[type="checkbox"]{
    box-sizing:border-box;
    padding:0
}
input[type="file"]{
    padding:6px 12px !important
}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{
    -webkit-appearance:listbox
}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none !important
}
::-moz-selection{
    color:#fff;
    background:#000
}
::selection{
    color:#fff;
    background:#000
}
::-moz-placeholder{
    color:#4e4e4e;
    opacity:1
}
::-webkit-input-placeholder{
    color:#4e4e4e;
    opacity:1
}
:-ms-input-placeholder{
    color:#4e4e4e;
    opacity:1
}
.center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.disp-none{
    display:none !important
}
.visible-field{
    display:block !important
}
.pd-r-0{
    padding-right:0
}
.pd-l-0{
    padding-left:0
}
.pd-l-r-2{
    padding:0 2px
}
.no-mar{
    margin:0 !important
}
a:hover,a:focus,a:focus:active{
    text-decoration:none
}
a:hover:focus{
    outline:0
}
a>i,button>i{
    margin-right:5px
}


.smart-city-slider{ position:relative;height: calc(100vh - 89px);}
.smart-city-slider .overlap{ position:absolute; z-index:9; width:100%; height:100%; top:0; left:0;background: -moz-linear-gradient(53deg, rgba(153,218,255,0.15) 0%, rgba(0,0,0,0.31) 31%, rgba(0,0,0,0.55) 73%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(153,218,255,0.15)), color-stop(31%, rgba(0,0,0,0.31)), color-stop(73%, rgba(0,0,0,0.55))); /* safari4+,chrome */
background: -webkit-linear-gradient(53deg, rgba(153,218,255,0.15) 0%, rgba(0,0,0,0.31) 31%, rgba(0,0,0,0.55) 73%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(53deg, rgba(153,218,255,0.15) 0%, rgba(0,0,0,0.31) 31%, rgba(0,0,0,0.55) 73%); /* opera 11.10+ */
background: -ms-linear-gradient(53deg, rgba(153,218,255,0.15) 0%, rgba(0,0,0,0.31) 31%, rgba(0,0,0,0.55) 73%); /* ie10+ */
background: linear-gradient(37deg, rgba(153,218,255,0.15) 0%, rgba(0,0,0,0.31) 31%, rgba(0,0,0,0.55) 73%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#99DAFF',GradientType=0 ); /* ie6-9 */}
.smart-city-slider .overlap h1{text-align:center; color:#fff; padding-top:4em;}



/*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-webkit-keyframes bounce{
    from,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.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{
    from,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.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{
    from,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    from,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    from{
        -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)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes pulse{
    from{
        -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)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30%{
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40%{
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50%{
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65%{
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75%{
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes rubberBand{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30%{
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40%{
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50%{
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65%{
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75%{
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 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{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.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)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes tada{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.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)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    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)
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes wobble{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    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)
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    from,11.1%,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    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(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
        transform:skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
        transform:skewX(-0.19531deg) skewY(-0.19531deg)
    }
}
@keyframes jello{
    from,11.1%,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    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(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
        transform:skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
        transform:skewX(-0.19531deg) skewY(-0.19531deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes bounceIn{
    from,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes bounceIn{
    from,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.bounceIn{
    -webkit-animation-duration:0.75s;
    animation-duration:0.75s;
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes bounceInDown{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes bounceInLeft{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes bounceInRight{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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{
    from,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
}
.bounceOut{
    -webkit-animation-duration:0.75s;
    animation-duration:0.75s;
    -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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInLeftBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@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(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.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
}
@-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{
    -webkit-backface-visibility:visible !important;
    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-duration:0.75s;
    animation-duration:0.75s;
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible !important;
    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-animation-duration:0.75s;
    animation-duration:0.75s;
    -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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
        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-duration:2s;
    animation-duration:2s;
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes jackInTheBox{
    from{
        opacity:0;
        -webkit-transform:scale(0.1) rotate(30deg);
        transform:scale(0.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes jackInTheBox{
    from{
        opacity:0;
        -webkit-transform:scale(0.1) rotate(30deg);
        transform:scale(0.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.jackInTheBox{
    -webkit-animation-name:jackInTheBox;
    animation-name:jackInTheBox
}
@-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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@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:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.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(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    to{
        opacity:0
    }
}
@keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.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
}
.view-more{
    color:#0b386a;
    border-radius:0;
    background:#fff;
    padding:10px 40px;
    border-color:#0b386a;
    letter-spacing:2px;
    -webkit-box-shadow:3px 3px black;
    box-shadow:3px 3px black;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.view-more:hover{
    color:#fff;
    background:#0b386a;
    border-color:#0b386a
}
.read-more-btn{
    color:#0b386a;
    border-radius:0;
    background:#fff;
    border-color:#0b386a;
    letter-spacing:2px;
    font-size:11px;
    -webkit-box-shadow:3px 3px black;
    box-shadow:3px 3px black;
    padding:5px 10px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.read-more-btn:hover{
    color:#fff;
    background:#0b386a;
    border-color:#0b386a
}
select.form-control{
    border-radius:0;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:40px;
    font-size:15px
}
select.form-control:focus{
    border-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #ccc
}
.mainSlider{
    position:relative;
    overflow:hidden
}
.mainSlider .owl-nav{
    font-size:3rem
}
@media only screen and (min-width: 768px) and (max-width: 979px){
    .mainSlider .owl-nav{
        font-size:2rem
    }
}
@media only screen and (max-width: 767px){
    .mainSlider .owl-nav{
        font-size:2rem
    }
}
.mainSlider .owl-nav .owl-prev{
    position:absolute;
    top:50%;
    left:-5%;
    transform:translateY(-50%);
    background:transparent;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
@media only screen and (min-width: 768px) and (max-width: 979px){
    .mainSlider .owl-nav .owl-prev{
        left:1%
    }
}
@media only screen and (max-width: 767px){
    .mainSlider .owl-nav .owl-prev{
        left:1%
    }
}
.mainSlider .owl-nav .owl-prev:hover{
    background:transparent;
    color:#000
}
.mainSlider .owl-nav .owl-prev:focus{
    outline:none
}
.mainSlider .owl-nav .owl-next{
    position:absolute;
    top:50%;
    right:-5%;
    transform:translateY(-50%);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
@media only screen and (min-width: 768px) and (max-width: 979px){
    .mainSlider .owl-nav .owl-next{
        right:1%
    }
}
@media only screen and (max-width: 767px){
    .mainSlider .owl-nav .owl-next{
        right:1%
    }
}
.mainSlider .owl-nav .owl-next:hover{
    background:transparent;
    color:#000
}
.mainSlider .owl-nav .owl-next:focus{
    outline:none
}
.mainSlider:hover .owl-prev{
    left:1%
}
.mainSlider:hover .owl-next{
    right:1%
}
.owl-dots .active span{
    background:#0b386a !important
}
.owl-dots .owl-dot:focus{
    outline:0
}
.owl-dots .owl-dot:hover span{
    background:#0b386a !important
}
.tag-line{
    width:80%;
    margin:1rem auto 3rem
}
.tag-line p{
    font-family:"Roboto",sans-serif;
    text-align:center;
    font-size:17px
}
.first-sction-sm{
    padding:3em 0;
	padding-bottom:5em;
  
}
.first-sction-sm .data-analysis-stat ul li{
    width:49%;
    margin-bottom:15px
}
.data-analysis-stat .data{
    text-align:center;
    width:100%;
    padding:5px 30px;
    -moz-box-shadow:0px 1px 4px 0px rgba(204,204,204,0.34);
    -webkit-box-shadow:0px 1px 4px 0px rgba(204,204,204,0.34);
    box-shadow:0px 1px 4px 0px rgba(204,204,204,0.34)
}
.data-analysis-stat .data img{
    width:40px;
    margin:0 auto
}
.data-analysis-stat .data h2{
    text-align:center;
    font-size:25px;
    font-weight:800;
    color:#0b386a
}
.data-analysis-stat .data p{
    text-align:center;
    font-size:14px;
    font-weight:400;
    line-height:13px;
    margin-bottom:5px;
    margin-top:5px
}
.data-analysis-stat .data .number{
    padding:7px 10px;
    font-size:15px;
    background:rgba(11,56,106,0.788235);
    border-radius:9px;
    margin:0 auto;
    display:inline-block;
    color:#fff
}
.data-analysis-stat .data:hover{
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.data-analysis-stat .data:hover h2{
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.data-analysis-stat .data:hover p{
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.first-sction-sm .data-analysis-stat .smart-city-main-img{
    width:80%
}
.light-bg{
    background:#2a3b4e
}
.light-bg-grey{
    background:#f5f6f8
}
.second-section{
    padding:6rem 0 3rem
}
.bg-section-map{
    position:relative
}
.bg-section-map::before{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    content:' ';
    background:rgba(11,56,106,0.6)
}
.bg-img-data{
    position:relative
}
.bg-img-challenge{
    background-image:url(../images/smart-city-mini.png);
    -webkit-background-size:30%;
    -moz-background-size:30%;
    -ms-background-size:30%;
    -o-background-size:30%;
    background-size:30%;
    background-repeat:no-repeat;
    background-position:bottom right;
    position:relative;
    min-height:500px
}
.bg-img-contri{
    position:relative
}
.bg-img-contri::before{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    content:' ';
    background:rgba(0,0,0,0.4)
}
.sm-heading h2{
    font-size:40px;
    text-transform:uppercase;
    text-align:center;
    font-weight:300;
    letter-spacing:2px;
    word-spacing:9px
}
.text-white{
    color:#fff
}
.text-black{
    color:#000
}
.data-ana-container{
    padding:1rem 0 0
}
.data-ana-container .data-container-stat{
    padding:30px;
    margin-bottom:2rem
}
.data-ana-container .data-container-stat p{
    text-align:justify;
    color:#fff;
    margin-bottom:3rem
}
.third-section{
    padding:7rem 0
}
.sm-challenge-container{
    position:relative;
    padding:4rem 0
}
.data-contribute-container{
    margin-top:4rem
}
.data-contribute-container .contribute-per{
    position:relative;
    background-color:#fff;
    border-radius:0px;
    margin-bottom:1rem;
    -webkit-box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34);
    box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34)
}
.data-contribute-container .contribute-per .details{
    padding:10px
}
.data-contribute-container .contribute-per .details .city{
    font-size:12px;
    background:rgba(11,56,106,0.7);
    color:#fff;
    display:inline-block;
    padding:2px 12px;
    position:absolute;
    top:0;
    right:0
}
.data-contribute-container .contribute-per .details h2{
    font-size:16px;
    text-transform:capitalize;
    margin-bottom:1rem;
    color:#0b386a
}
.data-contribute-container .contribute-per .details p{
    font-size:12px
}
.main-circle-data{
    position:relative
}
.main-circle-data .circle-img{
    width:70%;
    margin:0 auto;
    -webkit-animation:rotation 70s infinite linear;
    -moz-animation:rotation 70s infinite linear;
    animation:rotation 70s infinite linear
}
.main-circle-data .title{
    position:absolute;
    top:51%;
    left:50%;
    transform:translate(-50%, -50%);
    font-size:19px;
    color:#fff;
    margin-bottom:0
}
.data-roate{
    width:150px;
    text-align:center;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out
}
.data-roate:hover{
    transform:scale(1.1)
}
.data-roate img{
    margin:0 auto
}
.data-roate p{
    font-size:12px;
    margin-top:10px
}
.energy{
    position:absolute;
    top:0;
    right:4%
}
.saftey{
    position:absolute;
    top:0;
    left:4%
}
.water{
    position:absolute;
    bottom:32%;
    left:-5%
}
.transport{
    position:absolute;
    bottom:-8%;
    left:6%
}
.healthcare{
    position:absolute;
    bottom:-8%;
    right:6%
}
.wifi{
    position:absolute;
    bottom:32%;
    right:-5%
}
.challages-list .head-line{
    margin-bottom:3rem
}
.challages-list ul li{
    width:48%;
    margin-bottom:1rem
}
.data-list-sm-challanges{
    padding:15px;
    background:#fff;
    position:relative;
    -moz-box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34);
    -webkit-box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34);
    box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34)
}
.data-list-sm-challanges .number{
    font-size:17px;
    padding:8px;
    background:#0b386a;
    color:#fff;
    border-radius:6px
}
.data-list-sm-challanges p{
    display:inline-block;
    margin-bottom:0;
    font-size:14px;
    padding-left:0.5rem
}
.social-connect{
    background:#fff;
    padding:2rem 0;
    border-top:10px solid #f0f0f0
}
.social-connect .title{
    text-transform:uppercase;
    font-size:20px;
    margin-top:1.1rem;
    margin-bottom:0;
    font-weight:800;
    text-align:left
}
.social-lists{
    margin-bottom:0
}
.social-lists li{
    margin:0 2rem
}
.social-lists li a{
    font-size:30px
}
.social-lists .facebook a{
    color:#3B5998
}
.social-lists .twitter a{
    color:#00aced
}
.social-lists .instagram a{
    color:#fb3958
}
.social-lists .youtube a{
    color:#ff0000
}
.social-lists .linkedin a{
    color:#4875B4
}
.social-lists .google a{
    color:#C63D2D
}
.social-lists .slideshare a{
    color:#f38119
}
.social-lists .foresquare a{
    color:#f94877
}
.smart-city-ranking-dashboard ul{
    padding:0;
    margin-bottom:2rem
}
.smart-city-ranking-dashboard ul li{
    width:13%;
    text-align:center;
    vertical-align:top;
    background:#f5f5f5;
    padding:8px 0
}
.smart-city-ranking-dashboard ul li:first-child{
    width:20%;
    padding:22px 0;
    background:#0b386a
}
.stat-data img{
    margin:0 auto
}
.stat-data .title-data{
    font-size:12px;
    margin-top:10px;
    margin-bottom:0
}
.stat-data .count-data{
    font-size:20px;
    font-weight:600;
    margin-bottom:0
}
.head-title h3{
    font-size:26px;
    margin-bottom:0;
    color:#fff;
    line-height:30px
}
.smnetstakeholder{
    padding:30px
}
.smnetstakeholder .stackholder-itmes{
    background:#fff;
    padding:10px;
    width:18%;
    margin:0px 9px;
    display:inline-block;
    -webkit-box-shadow:0 0 1px 0 rgba(0,12,32,0.04),0 10px 16px 0 rgba(10,31,68,0.06);
    box-shadow:0 0 1px 0 rgba(0,12,32,0.04),0 10px 16px 0 rgba(10,31,68,0.06);
    min-height:100px;
    position:relative;
    top:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.smnetstakeholder .stackholder-itmes:hover{
    background:rgba(11,56,106,0.8);
    top:-10px
}
.smnetstakeholder .stackholder-itmes:hover .nam-sta{
    color:#fff
}
.smnetstakeholder .stackholder-itmes .img-container-sta{
    margin-top:-40px
}
.smnetstakeholder .stackholder-itmes .img-container-sta img{
    margin:0 auto;
    width:66px
}
.smnetstakeholder .stackholder-itmes .nam-sta{
    text-transform:uppercase;
    font-weight:600;
    font-size:14px;
    margin:1rem auto;
    line-height:20px;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out
}
.list-stackholders{
    padding:0;
    text-align:center;
    margin:4rem auto 2rem;
    width:100%
}
@-webkit-keyframes rotation{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
.courses{
    background:#f7f8fa
}
.featured-courses-data{
    padding:30px;
    margin:2rem auto;
    background:#29303b
}
.featured-courses-data .fetured{
    margin-bottom:0;
    color:#fff;
    text-transform:uppercase
}
.featured-courses-data h2{
    color:#fff;
    margin-top:1rem;
    line-height:35px
}
.featured-courses-data .short-detail{
    color:#fff;
    margin:1.5rem auto;
    font-size:15px
}
.featured-courses-data .explore-course{
    margin-top:2rem
}
.course-img img{
    width:190px;
    margin:0 auto
}
.topics-list .title-pop{
    font-size:19px;
    padding-left:1rem
}
.course-lists{
    text-align:center
}
.course-lists li{
    width:19%;
    margin:5px 3px 20px
}
.course-container{
    background:#fff;
    -webkit-box-shadow:0 0 1px 1px rgba(20,23,28,0.1),0 3px 1px 0 rgba(20,23,28,0.1);
    box-shadow:0 0 1px 1px rgba(20,23,28,0.1),0 3px 1px 0 rgba(20,23,28,0.1)
}
.course-container .data{
    padding:13px
}
.course-container .data .course-title{
    font-size:13px;
    text-align:left;
    font-weight:800
}
.course-container .data .view-course{
    text-align:left
}
.course-container .data .view-course a{
    padding:2px 10px
}
.course-container .data .view-course a i{
    margin-right:0
}
.top-course-highlight{
    padding:30px;
    margin:0 auto 2rem;
    background:#29303b
}
.top-course-highlight .course-overview h2{
    color:#fff;
    margin-bottom:2rem
}
.top-course-highlight .course-overview .category{
    color:#fff
}
.top-course-highlight .course-overview .category span{
    background:#fff;
    color:#29303b;
    padding:2px 5px;
    margin-left:1rem;
    font-size:13px;
    -webkit-box-shadow:2px 2px #797676;
    box-shadow:2px 2px #797676
}
.top-course-highlight .course-overview .datess{
    color:#fff
}
.details-of-course{
    padding:2rem 0
}
.details-of-course .detials h3{
    color:#0b386a;
    margin-bottom:1rem
}
.details-of-course .detials p{
    font-size:15px
}
.details-of-course .detials .content-list{
    padding-left:2rem
}
.details-of-course .detials .content-list li{
    font-size:15px;
    margin-bottom:1rem
}
.details-of-course .detials .content-list li .module{
    font-weight:800
}
.details-of-course .detials .course-avail a{
    color:#f46b31;
    font-weight:800
}
.details-of-course .detials .course-avail a:hover{
    color:#0b386a
}
.filter-section-course{
    background:#fff;
    padding:16px 16px 0;
    margin-bottom:1rem;
    -webkit-box-shadow:0 0 1px 1px rgba(20,23,28,0.1),0 3px 1px 0 rgba(20,23,28,0.1);
    box-shadow:0 0 1px 1px rgba(20,23,28,0.1),0 3px 1px 0 rgba(20,23,28,0.1)
}
.filter-section-course ul{
    padding:0;
    margin-bottom:0
}
.filter-section-course ul li:first-child{
    font-size:17px
}
 .search-btn{
    color:#fff;
    border-radius:0;
    background:#0b386a;
    border-color:#0b386a;
    letter-spacing:2px;
    font-size:16px;
    -webkit-box-shadow:3px 3px black;
    box-shadow:3px 3px black;
    padding:9px 20px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.search-btn:hover{
    color:#fff;
    background:#0b386a;
    border-color:#0b386a
}
input.form-control,select.form-control{
    border-radius:0;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:40px;
    font-size:15px
}
input.form-control:focus,select.form-control:focus{
    border-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #ccc
}
.data-analytics-search{
    background:aliceblue;
    position:relative
}
.data-analytics-search:after{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    content:' ';
    background:rgba(0,0,0,0.7)
}
.data-analytics-search img{
    width:100%
}
.data-analytics-search .data-anal-container{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:1
}
.data-analytics-search .data-anal-container .data-anal-content h2{
    color:#fff;
    font-size:50px;
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:3px
}
.data-analytics-search .data-anal-container .data-anal-content p{
    color:#fff
}
.data-analytics-search .data-anal-container .data-anal-content .search-bar{
    width:50%;
    margin:0 auto
}
.data-analytics-search .data-anal-container .data-anal-content .search-bar .search-input input{
    border-radius:0;
    font-size:24px;
    height:60px;
    border-right:0
}
.data-analytics-search .data-anal-container .data-anal-content .search-bar .search-input .input-group-btn .btn{
    height:60px;
    padding:10px 20px;
    background:#fff;
    border-left:0
}
.data-result{
    background:#f5f6f8;
    padding:2rem 0 2rem
}
.data-result .data-res-cont{
    padding:20px 30px;
    -moz-box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34);
    -webkit-box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34);
    box-shadow:3px 5px 9px 4px rgba(204,204,204,0.34);
    background:#fff;
    margin-bottom:2rem
}
.data-result .data-res-cont h3{
    font-size:18px;
    text-align:center;
    margin-top:10px
}
.data-result .data-res-cont .count-dataa{
    font-size:30px;
    text-align:center;
    font-weight:800;
    color:#0b386a
}
.data-result .data-res-cont .count-dataa span{
    font-size:30px
}
.table-data-list thead tr{
    background:#0b386a;
    color:#fff;
    text-align:center
}
.table-data-list tbody tr{
    background:#fff;
    color:#000;
    text-align:center
}
.table-data-list tbody tr td:first-child{
    text-align:left;
    padding-left:1rem
}
.advance-search{
    background:#f5f6f8;
    padding:2rem 0 0rem
}
.chart-conatienr-full{
    background:#f5f6f8;
    padding:2rem 0 2rem
}
.chart-conatiner{
    background:#fff;
    border-top:5px solid #0b386a;
    margin-bottom:2rem
}
.chart-conatiner .chart-header{
    border-bottom:1px solid #f4f4f4;
    padding:10px
}
.chart-conatiner .chart-header h3{
    font-size:15px
}
.search-modal .modal-content{
    position:relative;
    border-top:5px solid #0b386a
}
.search-modal .modal-content .modal-header .close{
    position:absolute;
    top:0px;
    right:15px
}
.search-modal .modal-content .modal-header .modal-title i{
    margin-right:10px
}
.advance-search-modal .or{
    text-align:center;
    display:inline-block;
    margin-top:1rem;
    padding:11px;
    border:1px solid #000;
    font-size:15px;
    border-radius:50px
}
.advance-search-modal .type-keyword{
    width:60%;
    margin:10px auto 0;
    font-size:18px;
    height:50px
}
.goof{
    height: 105px;
    margin: 5px -11px;
    position: relative;
	cursor:pointer;
}

.goof h4{
    position: absolute;
    left: 5%;
    top: 60%;
    color: #0095d9;
    font-size: 16px;
    font-weight: bold;
}

.activate{
   background-color:#eee;
}

.activate h4{
    color: #fff;
}

.gaf{
    height: 340px;
    background: #f7f7f7;
    margin: 0px 0;
	padding:1em;
}

.gaf h3{
    padding: 10px;
    color: #fff;
}

.city_list ul{ padding-left:0;}
.city_list ul li{ display:inline-block; width:calc(25% - 3px) !important; font-size:17px; font-weight:600; margin-bottom:4px !important; text-align:center; padding:15px 0; color:#fff;}
.city_list ul li:nth-child(odd){ background-image:url(../images/i-1.jpg); background-size:cover;}
.city_list ul li:nth-child(even){ background-image:url(../images/i-3.jpg); background-size:cover;}
.city_list.hi_list li{ padding:3px 0 !important; }