@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before{
    content:'';
    content:none
}
q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
#foot{
    text-decoration:none;
    outline:0;
    color:#fff;
     font-size: 31px;
     font-family: sans-serif,BrandonTextLight;
}
a:active,a:focus{
    outline:0;
    border:0
}
@font-face{
    font-family:FontAwesome;
    font-weight:400;
    font-style:normal;
    src:url(../fonts/FontAwesome/FontAwesome.eot);
    src:url(../fonts/FontAwesome/FontAwesomed41d.eot?#iefix) format("embedded-opentype"),url(../fonts/FontAwesome/FontAwesome.woff) format("woff"),url(../fonts/FontAwesome/FontAwesome.html) format("truetype")
}
@font-face{
    font-family:BrandonTextBold;
    font-weight:400;
    font-style:normal;
    src:url(../fonts/BrandonText/BrandonTextBold.eot);
    src:url(../fonts/BrandonText/BrandonTextBoldd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/BrandonText/BrandonTextBold.woff) format("woff"),url(../fonts/BrandonText/BrandonTextBold.html) format("truetype")
}
@font-face{
    font-family:BrandonTextRegular;
    font-weight:400;
    font-style:normal;
    src:url(../fonts/BrandonText/BrandonTextRegular.eot);
    src:url(../fonts/BrandonText/BrandonTextRegulard41d.eot?#iefix) format("embedded-opentype"),url(../fonts/BrandonText/BrandonTextRegular.woff) format("woff"),url(../fonts/BrandonText/BrandonTextRegular.html) format("truetype")
}
@font-face{
    font-family:BrandonTextLight;
    font-weight:400;
    font-style:normal;
    src:url(../fonts/BrandonText/BrandonTextLight.eot);
    src:url(../fonts/BrandonText/BrandonTextLightd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/BrandonText/BrandonTextLight.woff) format("woff"),url(../fonts/BrandonText/BrandonTextLight.html) format("truetype")
}
@font-face{
    font-family:BrandonTextThin;
    font-weight:400;
    font-style:normal;
    src:url(../fonts/BrandonText/BrandonTextThin.eot);
    src:url(../fonts/BrandonText/BrandonTextThind41d.eot?#iefix) format("embedded-opentype"),url(../fonts/BrandonText/BrandonTextThin.woff) format("woff"),url(../fonts/BrandonText/BrandonTextThin.html) format("truetype")
}
/*! * fullPage 2.9.4 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */
.fp-enabled body,html.fp-enabled{
    margin:0;
    padding:0;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent
}
#superContainer{
    height:100%;
    position:relative;
    -ms-touch-action:none;
    touch-action:none
}
.fp-section{
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.fp-slide{
    float:left
}
.fp-slide,.fp-slidesContainer{
    height:100%;
    display:block
}
.fp-slides{
    z-index:1;
    height:100%;
    overflow:hidden;
    position:relative;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.fp-section.fp-table,.fp-slide.fp-table{
    display:table;
    table-layout:fixed;
    width:100%
}
.fp-tableCell{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
.fp-slidesContainer{
    float:left;
    position:relative
}
.fp-controlArrow{
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none;
    position:absolute;
    z-index:4;
    top:50%;
    cursor:pointer;
    width:0;
    height:0;
    border-style:solid;
    margin-top:-38px;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.fp-controlArrow.fp-prev{
    left:15px;
    width:0;
    border-width:38.5px 34px 38.5px 0;
    border-color:transparent #fff transparent transparent
}
.fp-controlArrow.fp-next{
    right:15px;
    border-width:38.5px 0 38.5px 34px;
    border-color:transparent transparent transparent #fff
}
.fp-scrollable{
    overflow:hidden;
    position:relative
}
.fp-scroller{
    overflow:hidden
}
.iScrollIndicator{
    border:0!important
}
.fp-notransition{
    -webkit-transition:none!important;
    -o-transition:none!important;
    transition:none!important
}
#fp-nav{
    position:fixed;
    z-index:100;
    margin-top:-32px;
    top:50%;
    opacity:1;
    -webkit-transform:translate3d(0,0,0)
}
#fp-nav.right{
    right:17px
}
#fp-nav.left{
    left:17px
}
.fp-slidesNav{
    position:absolute;
    z-index:4;
    left:50%;
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.fp-slidesNav.bottom{
    bottom:17px
}
.fp-slidesNav.top{
    top:17px
}
#fp-nav ul,.fp-slidesNav ul{
    margin:0;
    padding:0
}
#fp-nav ul li,.fp-slidesNav ul li{
    display:block;
    width:14px;
    height:13px;
    margin:7px;
    position:relative
}
.fp-slidesNav ul li{
    display:inline-block
}
#fp-nav ul li a,.fp-slidesNav ul li a{
    display:block;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    cursor:pointer;
    text-decoration:none
}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{
    height:12px;
    width:12px;
    margin:-6px 0 0 -6px;
    -webkit-border-radius:100%;
    border-radius:100%
}
#fp-nav ul li a span,.fp-slidesNav ul li a span{
    -webkit-border-radius:50%;
    border-radius:50%;
    position:absolute;
    z-index:1;
    height:4px;
    width:4px;
    border:0;
    background:#333;
    left:50%;
    top:50%;
    margin:-2px 0 0 -2px;
    -webkit-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{
    width:10px;
    height:10px;
    margin:-5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip{
    position:absolute;
    top:-2px;
    color:#fff;
    font-size:14px;
    font-family:arial,helvetica,sans-serif;
    white-space:nowrap;
    max-width:220px;
    overflow:hidden;
    display:block;
    opacity:0;
    width:0;
    cursor:pointer
}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{
    -webkit-transition:opacity .2s ease-in;
    -o-transition:opacity .2s ease-in;
    transition:opacity .2s ease-in;
    width:auto;
    opacity:1
}
#fp-nav ul li .fp-tooltip.right{
    right:20px
}
#fp-nav ul li .fp-tooltip.left{
    left:20px
}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{
    height:auto!important
}
.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{
    height:auto!important
}
.slick-slider{
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-loading .slick-list{
    background:#fff url(ajax-loader.gif) center center no-repeat
}
@font-face{
    font-family:slick;
    font-weight:400;
    font-style:normal;
    src:url(fonts/slick.eot);
    src:url(fonts/slickd41d.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg")
}
.slick-next,.slick-prev{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    cursor:pointer;
    color:transparent;
    border:none;
    outline:0;
    background:0 0
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
    color:transparent;
    outline:0;
    background:0 0
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
    opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
    opacity:.25
}
.slick-next:before,.slick-prev:before{
    font-family:slick;
    font-size:20px;
    line-height:1;
    opacity:.75;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir=rtl] .slick-prev{
    right:-25px;
    left:auto
}
.slick-prev:before{
    content:''
}
[dir=rtl] .slick-prev:before{
    content:''
}
.slick-next{
    right:-25px
}
[dir=rtl] .slick-next{
    right:auto;
    left:-25px
}
.slick-next:before{
    content:''
}
[dir=rtl] .slick-next:before{
    content:''
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-25px;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:20px;
    height:20px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:0;
    background:0 0
}
.slick-dots li button:focus,.slick-dots li button:hover{
    outline:0
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{
    opacity:1
}
.slick-dots li button:before{
    font-family:slick;
    font-size:6px;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    content:'•';
    text-align:center;
    opacity:.25;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    opacity:.75;
    color:#000
}
/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */
.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
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounce{
    20%,53%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
@keyframes bounce{
    20%,53%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    50%,from,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    50%,from,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,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    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,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    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;
    -ms-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(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    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(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    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:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes wobble{
    from{
        -webkit-transform:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    11.1%,from,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.39062deg) skewY(.39062deg);
        transform:skewX(.39062deg) skewY(.39062deg)
    }
    88.8%{
        -webkit-transform:skewX(-.19531deg) skewY(-.19531deg);
        transform:skewX(-.19531deg) skewY(-.19531deg)
    }
}
@keyframes jello{
    11.1%,from,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.39062deg) skewY(.39062deg);
        transform:skewX(.39062deg) skewY(.39062deg)
    }
    88.8%{
        -webkit-transform:skewX(-.19531deg) skewY(-.19531deg);
        transform:skewX(-.19531deg) skewY(-.19531deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes bounceInUp{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeftBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    from{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    from{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-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-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-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    from{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn{
    from{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,200deg);
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,200deg);
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,90deg);
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,90deg);
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate3d(0,0,1,80deg);
        transform:rotate3d(0,0,1,80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        -webkit-transform:rotate3d(0,0,1,60deg);
        transform:rotate3d(0,0,1,60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate3d(0,0,1,80deg);
        transform:rotate3d(0,0,1,80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        -webkit-transform:rotate3d(0,0,1,60deg);
        transform:rotate3d(0,0,1,60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes jackInTheBox{
    from{
        opacity:0;
        -webkit-transform:scale(.1) rotate(30deg);
        transform:scale(.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(.1) rotate(30deg);
        transform:scale(.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:none;
        transform:none
    }
}
@keyframes rollIn{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
@keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
@keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
    from{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInDown{
    from{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    from{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInLeft{
    from{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes slideOutDown{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes slideOutLeft{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes slideOutRight{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.fa-map-marker:before{
    content:"\f041";
    font-family:FontAwesome
}
.fa-exclamation-triangle:before{
    content:"\f071";
    font-family:FontAwesome
}
@-webkit-keyframes scale_{
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scale_{
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes dash_full{
    to{
        stroke-dashoffset:0
    }
}
@keyframes dash_full{
    to{
        stroke-dashoffset:0
    }
}
.st0_art_bot{
    stroke-dasharray:2000;
    stroke-dashoffset:2000;
    -webkit-animation:dash_full 1.5s linear forwards;
    animation:dash_full 1.5s linear forwards;
    -webkit-animation-delay:4s;
    animation-delay:4s
}
.st0_art_top{
    stroke-dasharray:2000;
    stroke-dashoffset:2000;
    -webkit-animation:dash_full 1.5s linear forwards;
    animation:dash_full 1.5s linear forwards;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.preloader{
    position:fixed;
    z-index:100;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:100vh;
    color:#e2ce98;
    text-align:center;
    background-color:#fff;
    -webkit-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    transition:opacity .5s ease
}
#myBar{
    font-size:44px;
    margin-bottom:8px;
    letter-spacing:0;
    font-family:BrandonTextLight,sans-serif
}
.preloader_inner{
    position:relative;
    font-size:28px;
    letter-spacing:3px
}
.start_text{
    position:absolute;
    z-index:2;
    top:80px;
    left:0;
    font-family:BrandonTextLight,sans-serif
}
.start_text span{
    display:inline-block;
    min-width:8px
}
.random-fading{
    color:#f6f0e0
}
span.h{
    visibility:hidden;
    visibility-color:red
}
.random-fading{
    position:relative
}
.random-fading span{
    color:#e2ce98
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
::-webkit-input-placeholder{
    color:#fff;
    opacity:1
}
:-moz-placeholder{
    color:#fff;
    opacity:1
}
::-moz-placeholder{
    color:#fff;
    opacity:1
}
:-ms-input-placeholder{
    color:#fff;
    opacity:1
}
body input,body input:focus:required:invalid,body textarea,body textarea:focus:required:invalid{
    color:#fff
}
body input:required:valid,body textarea:required:valid{
    color:#fff
}
body,html{
    height:100%
}
body{
    font-size:16px;
    min-width:320px;
    position:relative;
    line-height:1.65;
    font-family:BrandonTextRegular,sans-serif;
    color:#000;
    overflow-x:hidden;
    opacity:1
}
body:before{
    content:"";
    display:block;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-10;
    background:url(../img/main_bg.jpg) no-repeat center center;
    -webkit-background-size:cover;
    background-size:cover
}
.img-responsive{
    display:block;
    max-width:100%;
    height:auto
}
*{
    outline:0;
    outline-box-sizing:border-box
}
button{
    cursor:pointer;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
button:hover{
    opacity:.5
}
#dots{
    position:fixed;
    z-index:4;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
#dots li{
    text-decoration:none;
    font-size:0
}
#dots li a{
    position:relative;
    display:block;
    padding:10px;
    margin:12px;
    margin-right:35px;
    -webkit-border-radius:50%;
    border-radius:50%;
    cursor:pointer;
    background:0 0;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease
}
#dots li a:before{
    -webkit-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease
}
#dots li a:after{
    content:"";
    position:absolute;
    top:7px;
    left:7px;
    width:5px;
    height:5px;
    -webkit-border-radius:50%;
    border-radius:50%;
    color:inherit;
    cursor:pointer;
    background:#bec1c4
}
#dots li a:hover{
    cursor:pointer
}
#dots li.active a:after{
    background:#fff
}
#dots li.active a:before{
    content:"";
    position:absolute;
    z-index:1;
    top:-4px;
    left:-4px;
    width:27px;
    height:27px;
    -webkit-border-radius:50%;
    border-radius:50%;
    border:1px solid #e2ce98
}
#dots li.active_dark a:after{
    background:#2a363d
}
.begin_svg{
    dur:1s;
    begin:3s
}
.svg_globe_op,.svg_op{
    opacity:0
}
.svg_op_1{
    opacity:1
}
.location_tag{
    text-transform:uppercase
}
.top_controls{
    position:fixed;
    top:0;
    z-index:15;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    -webkit-transition:-webkit-transform 1s ease .5s;
    transition:-webkit-transform 1s ease .5s;
    -o-transition:transform 1s ease .5s;
    transition:transform 1s ease .5s;
    transition:transform 1s ease .5s,-webkit-transform 1s ease .5s
}
.fade_up{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:-webkit-transform 1.5s ease;
    transition:-webkit-transform 1.5s ease;
    -o-transition:transform 1.5s ease;
    transition:transform 1.5s ease;
    transition:transform 1.5s ease,-webkit-transform 1.5s ease
}
.logo{
    position:relative;
    margin-top:30px;
    margin-left:30px
}
.logo svg{
    width:8vw
}
.logo .svg_gold{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition:opacity 1s ease 1.5s;
    -o-transition:opacity 1s ease 1.5s;
    transition:opacity 1s ease 1.5s
}
.logo .gold_op{
    opacity:1
}
.btn_lang{
    overflow:hidden;
    margin-top:45px;
    margin-right:35px;
    font-size:0;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease;
    color:#828f93
}
.btn_lang li{
    position:relative;
    z-index:-1;
    display:block;
    float:left;
    width:0;
    opacity:0;
    color:inherit;
    font-size:14px;
    text-transform:uppercase;
    -webkit-transition:width .4s ease;
    -o-transition:width .4s ease;
    transition:width .4s ease;
    cursor:pointer;
    font-family:BrandonTextThin,sans-serif
}
.btn_lang li a{
    font-size:inherit;
    color:inherit;
    -webkit-transition:color 1s ease;
    -o-transition:color 1s ease;
    transition:color 1s ease
}
.btn_lang li a:hover{
    color:#516d75
}
.btn_lang li.visible{
    z-index:1;
    opacity:1;
    width:30px
}
.btn_lang li.active{
    z-index:1;
    opacity:1;
    width:30px;
    font-family:BrandonTextRegular,sans-serif
}
.btn_lang:after{
    content:"";
    position:absolute;
    border-bottom:1px solid #828f93;
    width:12px;
    top:55px;
    right:22px;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.btn_lang.white{
    color:#fff;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.btn_lang.white a{
    font-size:inherit;
    color:inherit
}
.btn_lang.white:after{
    border-bottom:1px solid #fff
}
.menu_icon{
    position:absolute;
    top:30px;
    left:50%;
    -webkit-transform:translateX(-14px);
    -ms-transform:translateX(-14px);
    transform:translateX(-14px)
}
.burger{
    padding:3px;
    margin-top:20px;
    z-index:15;
    cursor:pointer;
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.burger:hover .burger__patty{
    background:#b9995a
}
.burger__patty{
    width:28px;
    height:2px;
    margin:0 0 4px 0;
    background:#e2ce98;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.burger__patty:last-child{
    margin-bottom:0
}
.burger--close{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.burger--close .burger__patty:nth-child(1){
    -webkit-transform:rotate(45deg) translate(4px,4px);
    -ms-transform:rotate(45deg) translate(4px,4px);
    transform:rotate(45deg) translate(4px,4px)
}
.burger--close .burger__patty:nth-child(2){
    opacity:0
}
.burger--close .burger__patty:nth-child(3){
    -webkit-transform:rotate(-45deg) translate(5px,-4px);
    -ms-transform:rotate(-45deg) translate(5px,-4px);
    transform:rotate(-45deg) translate(5px,-4px)
}
.menu{
    position:fixed;
    top:0;
    z-index:10;
    width:100%;
    height:100vh;
    visibility:hidden;
    color:#fff
}
.menu--active{
    visibility:visible
}
.menu__list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-flow:column wrap;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    float:left;
    width:100%;
    height:100vh;
    overflow:hidden;
    margin:0;
    padding:0;
    background:url(../img/about.png) center center;
    -webkit-background-size:cover;
    background-size:cover;
    list-style-type:none;
    opacity:0;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.menu__list--active{
    opacity:1;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.menu__item{
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease
}
.menu__item--active{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.menu__link{
    display:inline-block;
    position:relative;
    font-size:30px;
    padding:15px 0;
    font-weight:300;
    color:#fff;
    text-decoration:none;
    color:#fff;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.menu__link:hover:before{
    width:100%
}
.menu__link:hover{
    color:#637c84;
    text-decoration:none
}
.menu__item a{
    font-size:36px;
    letter-spacing:1px;
    margin-top:32px
}
.menu__item:nth-child(1){
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.menu__item:nth-child(2){
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.menu__item:nth-child(3){
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.menu__item:nth-child(4){
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.menu__item:nth-child(5){
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
.menu__item:nth-child(6){
    -webkit-transition-delay:.6s;
    -o-transition-delay:.6s;
    transition-delay:.6s
}
.menu_location{
    position:absolute;
    bottom:40px;
    left:40px;
    color:#e3e1d6;
    text-decoration:none;
    font-size:13px;
    max-width:220px
}
.menu_location span{
    display:block;
    letter-spacing:2px;
    font-family:BrandonTextThin,sans-serif
}
.menu_location span:last-child{
    letter-spacing:.5px
}
.menu .menu_map{
    color:#e3e1d6
}
.menu_map{
    position:absolute;
    bottom:30px;
    right:30px;
    text-decoration:underline
}
.menu_map:hover{
    text-decoration:underline
}
.menu_map:hover a{
    text-decoration:underline
}
.menu_map a{
    margin-left:5px;
    font-size:13px;
    letter-spacing:1px;
    text-decoration:underline;
    text-transform:uppercase;
    font-family:BrandonTextThin,sans-serif;
    color:inherit
}
.menu_map i{
    font-size:13px;
    color:inherit
}
.section{
    overflow:hidden;
    position:relative;
    text-align:center;
    -webkit-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease
}
.fog-container {
    height: 100vh;
    width: 100vw;
    position: relative;
    overflow: hidden;
    background-color: #1d1d1d69
}
.fog-container canvas{
    display:block;
    min-width:100%;
    min-height:100%;
    position:absolute;
    left:50%;
    top:0;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%)
}
.section_1 .top_controls{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.clouds{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:1;
    background:url(../img/clouds.png);
    background-position:50%;
    -webkit-background-size:cover;
    background-size:cover;
    outline:1px solid red
}
h1{
    position:relative;
    z-index:1;
    width:900px;
    margin:0 auto;
    opacity:0;
    color:#fff;
    line-height:95px;
    font-size:70px;
    letter-spacing:1.5px
}
h1 span{
    display:block;
    font-size:30px;
    line-height:35px;
    letter-spacing:.5px;
    text-transform:uppercase;
    font-family:BrandonTextLight,sans-serif
}
h1 span:last-child{
    line-height:60px;
    font-size:20px;
    letter-spacing:.5px
}
.scroll_down{
    list-style-type:none
}
.scroll_down a{
    position:absolute;
    bottom:0;
    left:50%;
    z-index:2;
    display:inline-block;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    color:#c3b3b3;
    text-decoration:none;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease;
    font-family:BrandonTextLight,sans-serif
}
.scroll_down a:hover{
    opacity:.5
}
.scroll_down a{
    padding-bottom:80px
}
.scroll_down a span{
    position:absolute;
    top:36px;
    left:50%;
    width:1px;
    height:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#c3b3b3
}
.scroll_down_anim{
    -webkit-animation:grow 2s ease forwards;
    animation:grow 2s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
@-webkit-keyframes grow{
    0%{
        height:0
    }
    100%{
        height:70px
    }
}
@keyframes grow{
    0%{
        height:0
    }
    100%{
        height:70px
    }
}
.section_2_line_anim{
    -webkit-animation:grow_big 2s ease forwards;
    animation:grow_big 2s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
@-webkit-keyframes grow_big{
    0%{
        height:0
    }
    100%{
        height:270px
    }
}
@keyframes grow_big{
    0%{
        height:0
    }
    100%{
        height:270px
    }
}
.section_2{
    color:#fff
}
.section_2:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.95;
    background:url(../img/about.png) top center;
    -webkit-background-size:cover;
    background-size:cover
}
.section_2 #section_2_line{
    position:absolute;
    left:50%;
    top:100%;
    margin-top:-270px;
    width:2px;
    height:0;
    background:-webkit-gradient(linear,left bottom,left top,from(white),to(transparent));
    background:-webkit-linear-gradient(bottom,#fff,transparent);
    background:-o-linear-gradient(bottom,#fff,transparent);
    background:linear-gradient(to top,#fff,transparent)
}
.section_2 img{
    position:absolute;
    left:50%;
    bottom:0
}
.section_2_inner{
    overflow:hidden;
    position:relative;
    z-index:1;
    max-width:760px;
    width:auto;
    margin:0 auto;
    opacity:1;
    line-height:33px;
    font-size:22px;
    letter-spacing:.4px;
    font-family:BrandonTextLight,sans-serif
}
.section_3{
    position:relative;
    z-index:2;
    color:#637c84
}
.section_3:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:1;
    background:-webkit-gradient(linear,left bottom,left top,from(white),color-stop(50%,rgba(255,255,255,.95)),to(rgba(255,255,255,.95)));
    background:-webkit-linear-gradient(bottom,#fff 0,rgba(255,255,255,.95) 50%,rgba(255,255,255,.95) 100%);
    background:-o-linear-gradient(bottom,#fff 0,rgba(255,255,255,.95) 50%,rgba(255,255,255,.95) 100%);
    background:linear-gradient(to top,#fff 0,rgba(255,255,255,.95) 50%,rgba(255,255,255,.95) 100%);
    -webkit-background-size:cover;
    background-size:cover
}
.section_3 p{
    margin-top:15px;
    font-size:15px;
    line-height:26px;
    letter-spacing:.25px;
    font-family:BrandonTextLight,sans-serif
}
.slider{
    margin-top:50px
}
.slick-slide{
    max-height:32vw
}
.slide_{
    height:32vw
}
.wrapper_slide_animation,.wrapper_slide_descr{
    height:inherit;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    float:left;
    width:50%;
    text-align:left
}
.wrapper_slide_descr{
    display:block
}
.slide_animation{
    opacity:0;
    float:right;
    max-width:400px;
    width:32vw;
    margin-right:90px
}
.svg_globe{
    width:55%;
    max-width:400px
}
.svg_note{
    width:52%;
    max-width:370px
}
.slide_descr{
    width:390px;
    min-height:100px;
    margin-top:8vw
}
h3{
    font-size:30px;
    letter-spacing:.5px;
    text-transform:uppercase
}
.slider_nav{
    position:absolute;
    top:380px
}
.slider_nav div{
    float:left
}
.slide-count-wrap{
    margin:0 35px;
    color:#bec1c4;
    font-size:18px;
    font-style:italic
}
.wrap_current{
    position:relative;
    width:15px;
    height:15px
}
.current{
    position:absolute;
    top:0;
    left:0;
    color:#e2ce98
}
#arrow_1,#arrow_2{
    fill:#bec1c4
}
#arrow_1:hover,#arrow_2:hover{
    fill:#232830
}
#arrow_2{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.btn_next,.btn_prev{
    width:50px;
    cursor:pointer
}
.btn_next svg,.btn_prev svg{
    fill:#bec1c4
}
.btn_next svg:hover,.btn_prev svg:hover{
    fill:#637c84
}
.btn_prev{
    margin-top:7px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.slick-arrow{
    width:30px
}
.slick-track{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.section_4{
    color:#637c84;
    text-align:left
}
.section_4 span{
    display:block;
    margin-top:1.5vw;
    letter-spacing:2.5px
}
.section_4 span:first-child{
    text-transform:uppercase
}
.section_4 p{
    margin-top:7vh;
    color:#000;
    line-height:20px;
    font-size:18px;
    letter-spacing:.35px;
    font-family:BrandonTextLight,sans-serif
}
.section_4 .menu_map{
    display:none
}
.section_4 button{
    margin:0;
    margin-top:12vh;
    padding:0;
    border:none;
    color:#000;
    font-size:13px;
    letter-spacing:.6px;
    text-transform:uppercase;
    background:0 0
}
.section_4 button i{
    position:absolute;
    top:-2px;
    right:-57px;
    margin-left:5px;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.section_4 .open_form{
    position:relative;
    font-size:16px
}
.section_4 .open_form:hover{
    color:#bec1c4
}
.section_4 .open_form:hover i{
    opacity:.5
}
h5{
    max-width:301px;
    margin-top:16vh;
    line-height:85px;
    font-size:80px
}
span.location{
    margin-top:0;
    color:#000;
    font-size:18px;
    letter-spacing:.65px;
    font-family:BrandonTextLight,sans-serif
}
.section_4 .close_map_view{
    position:absolute;
    z-index:1;
    top:70px;
    left:-100%
}
.section_4 .close_map_view i{
    position:absolute;
    top:2px;
    right:83px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
#map{
    width:100%;
    height:100vh;
    padding-left:20%
}
.map_overlay{
    position:absolute;
    top:-15%;
    left:-15%;
    width:136%;
    height:160vh;
    opacity:1;
    background:url(../img/map_clouds.png);
    background-position:50%;
    -webkit-background-size:cover;
    background-size:cover;
    cursor:pointer
}
.map_content_wrapper{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:450px;
    margin-left:111px;
    height:100vh;
    -webkit-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease
}
button.back_from_form{
    margin-top:3vw;
    margin-left:110px;
    color:#fff
}
button.back_from_form:hover{
    opacity:.5
}
button.back_from_form i{
    top:-3px;
    left:-160px
}
button.back_from_form i svg{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.form_contast_us_overlay{
    position:absolute;
    top:0;
    left:0;
    z-index:19;
    display:none;
    width:100%;
    height:100vh;
    color:#fff;
    background:rgba(100,100,100,.5);
    background-position:50%;
    -webkit-background-size:cover;
    background-size:cover
}
.form_contast_us{
    position:absolute;
    top:0;
    right:-100%;
    z-index:20;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:50%;
    height:100vh;
    background:#272c33;
    -webkit-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease
}
.back_from_form{
    position:absolute;
    top:0;
    left:0
}
.form_wrapp{
    max-width:31vw;
    visibility:visible;
    opacity:1;
    -webkit-transition:opacity .5s ease,visibility .5s ease;
    -o-transition:opacity .5s ease,visibility .5s ease;
    transition:opacity .5s ease,visibility .5s ease
}
.form_wrapp p{
    margin:0;
    padding:2.5vw;
    padding-left:32px;
    padding-right:3vw;
    letter-spacing:2.8px;
    color:#fff;
    line-height:35px;
    font-size:25px
}
.form_hide{
    visibility:hidden;
    opacity:0
}
.thx{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%);
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .5s ease .5s,visibility .5s ease .5s;
    -o-transition:opacity .5s ease .5s,visibility .5s ease .5s;
    transition:opacity .5s ease .5s,visibility .5s ease .5s
}
.thx span{
    color:#fff;
    opacity:1
}
.thx_active{
    visibility:visible;
    opacity:1
}
.form{
    margin:0 auto;
    text-align:center;
    color:#fff
}
.form button{
    color:#fff;
    background:#637c84
}
.form_input{
    margin:20px 0
}
.field{
    position:relative;
    display:block;
    cursor:text
}
.field_label{
    z-index:2;
    position:absolute;
    top:5px;
    left:30px;
    line-height:33px;
    opacity:.6;
    font-size:13px;
    letter-spacing:0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    font-family:BrandonTextThin,sans-serif
}
.label_form_active{
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8);
    top:-25px;
    left:-5px;
    color:#fff
}
.form-control{
    width:100%;
    padding:0 30px;
    border:0;
    line-height:40px;
    outline:0;
    background:#3d4248
}
.form-control:active,.form-control:focus{
    outline:0
}
.form_input textarea{
    padding:20px 30px;
    line-height:20px;
    overflow-y:auto
}
textarea{
    width:100%
}
button.btn-block{
    float:left;
    width:150px;
    height:50px;
    margin-top:0;
    text-decoration:none;
    border:0
}
.modal_thx{
    z-index:100;
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    text-align:center;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.modal_thx_span{
    display:block
}
#modal_callback_ok{
    text-align:center;
    max-width:500px;
    margin:0 auto;
    opacity:.95
}
#modal_callback_ok .top{
    padding-top:20px;
    padding-bottom:20px;
    position:relative
}
#modal_callback_ok .top:after{
    content:'';
    position:absolute;
    left:48%;
    bottom:-20px;
    border:10px solid transparent;
    border-top:10px solid transparent
}
#modal_callback_ok i{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:80px;
    height:80px;
    color:orange;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-color:#7dbaab;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:28px;
    margin:0 auto
}
#modal_callback_ok h4{
    font:30px roboto;
    font-weight:700;
    margin-top:10px
}
#modal_callback_ok .bottom{
    background-color:#7dbaab;
    padding-top:15px;
    padding-bottom:15px;
    -webkit-border-radius:5px;
    border-radius:5px
}
#modal_callback_ok h3{
    font:30px roboto;
    text-align:center;
    color:#fff
}
.allert{
    display:block;
    position:absolute;
    z-index:20;
    top:50%;
    margin-top:-13px;
    right:13px;
    color:#ff6565;
    cursor:default
}
.allert:hover span{
    border:1px solid #ff6565;
    background:#fff;
    display:inline;
    position:absolute;
    color:#4e4e4e;
    right:24px;
    top:-5px;
    opacity:1
}
.allert span{
    display:none;
    opacity:0;
    padding:5px;
    margin-left:5px;
    color:#000;
    font-size:14px;
    -webkit-border-radius:4px;
    border-radius:4px;
    min-width:145px;
    text-align:left;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.has-error input{
    border-bottom:2px solid red!important
}
.has-error span input{
    border:1px solid red!important
}
.has-error span textarea{
    border:1px solid red!important
}
textarea{
    resize:none
}
footer{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    width:100%;
    height:200px;
    font-family:BrandonTextLight,sans-serif
}
.section_5{
    position:relative;
    background-color:#272c33
}
.info{
    margin-top:-6px;
    margin-left:110px;
    list-style-type:none
}
.info li{
    line-height:31px;
    text-align:left;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.info li a{
    color:#fff;
    line-height:10px;
    font-size:15px;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    font-family:BrandonTextLight,sans-serif
}
.info li a:hover{
    text-decoration:underline;
    opacity:.5
}
.copyright{
    margin-top:10px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
    opacity:.6;
    font-family:BrandonTextThin,sans-serif
}
.copyright span{
    display:inline-block;
    float:right;
    margin:0;
    margin-left:5px;
    letter-spacing:1px
}
.subscription{
    margin-left:8vw;
    width:410px;
    text-align:left
}
.subscription span{
    margin-top:0;
    margin-bottom:5px;
    font-size:14px;
    letter-spacing:.3px;
    color:#fff;
    text-transform:lowercase
}
.subscription input{
    float:left;
    width:335px;
    margin-top:15px;
    line-height:30px;
    border:none;
    -webkit-border-radius:0;
    border-radius:0;
    border-bottom:1px solid #fff;
    background:#272c33;
    color:#fff
}
.subscription input::-webkit-input-placeholder{
    color:#fff;
    font-size:12px;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#fff;
    opacity:.6
}
.subscription input::-moz-placeholder{
    color:#fff;
    font-size:12px;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#fff;
    opacity:.6
}
.subscription input:-ms-input-placeholder{
    color:#fff;
    font-size:12px;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#fff;
    opacity:.6
}
.subscription input::placeholder{
    color:#fff;
    font-size:12px;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#fff;
    opacity:.6
}
.subscription button{
    position:relative;
    float:left;
    display:block;
    margin-top:27px;
    height:21px;
    line-height:30px;
    width:40px;
    background:0 0;
    border:none;
    border-bottom:1px solid #fff
}
.subscription button i{
    position:absolute;
    top:-8px;
    left:0;
    width:30px;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.subscription button i:hover{
    opacity:.5;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.subscription button:hover{
    opacity:1
}
.subscription button:hover i{
    opacity:.5
}
.developed_by{
    margin-right:102px;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase
}
.developed_by a{
    color:#fff;
    -webkit-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    transition:opacity .5s ease;
    opacity:.6
}
.developed_by a:hover{
    opacity:1;
    text-decoration:underline
}
.wrap_h1{
    overflow:hidden;
    z-index:2;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
     font-size: 70px
	 font-family:sans-serif;
}
@keyframes scale_{
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes hideshow{
    0%{
        opacity:0
    }
    33%{
        opacity:.3
    }
    0.6%{
        opacity:.6
    }
    100%{
        opacity:1
    }
}
@keyframes hideshow{
    0%{
        opacity:0
    }
    33%{
        opacity:.3
    }
    0.6%{
        opacity:.6
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes show_max{
    to{
        opacity:1
    }
}
@keyframes show_max{
    to{
        opacity:1
    }
}
@-webkit-keyframes show_h{
    to{
        opacity:.2
    }
}
@keyframes show_h{
    to{
        opacity:.2
    }
}
@-webkit-keyframes show_l{
    to{
        opacity:.1
    }
}
@keyframes show_l{
    to{
        opacity:.1
    }
}
@-webkit-keyframes dash{
    to{
        stroke-dashoffset:1000
    }
}
@keyframes dash{
    to{
        stroke-dashoffset:1000
    }
}
@keyframes dash_full{
    to{
        stroke-dashoffset:0
    }
}
@keyframes dash{
    from{
        stroke-dashoffset:2000
    }
    to{
        stroke-dashoffset:0
    }
}
.st0:nth-child(even){
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0
}
.st0:nth-child(odd){
    -webkit-transform-origin:5000% 5000%;
    -ms-transform-origin:5000% 5000%;
    transform-origin:5000% 5000%
}
.st2{
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.st1,.st5{
    opacity:0
}
.st0{
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1.5s ease forwards;
    animation:scale_ 1.5s ease forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st2{
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1s ease forwards;
    animation:scale_ 1s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.st3,.st4{
    opacity:0;
    -webkit-animation:show_h 1.5s ease forwards;
    animation:show_h 1.5s ease forwards;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.st6{
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    -webkit-animation:dash_full .7s linear forwards;
    animation:dash_full .7s linear forwards;
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.st7{
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1.5s ease forwards;
    animation:scale_ 1.5s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s;
    opacity:.6
}
keyframes scale_ to{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
keyframes scale_rotate to{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
}
@keyframes hideshow{
    0%{
        opacity:0
    }
    33%{
        opacity:.3
    }
    0.6%{
        opacity:.6
    }
    100%{
        opacity:1
    }
}
@keyframes show_max{
    to{
        opacity:1
    }
}
@keyframes show_h{
    to{
        opacity:.2
    }
}
@keyframes show_l{
    to{
        opacity:.1
    }
}
@keyframes dash{
    to{
        stroke-dashoffset:1000
    }
}
@keyframes dash_full{
    to{
        stroke-dashoffset:0
    }
}
@-webkit-keyframes dash_full_test{
    0%{
        stroke-dashoffset:-500
    }
    50%{
        stroke-dashoffset:0;
        color:red!important
    }
    100%{
        stroke-dashoffset:500;
        color:#00f
    }
}
@keyframes dash_full_test{
    0%{
        stroke-dashoffset:-500
    }
    50%{
        stroke-dashoffset:0;
        color:red!important
    }
    100%{
        stroke-dashoffset:500;
        color:#00f
    }
}
@keyframes dash{
    from{
        stroke-dashoffset:2000
    }
    to{
        stroke-dashoffset:0
    }
}
.circle_yellow_triger{
    opacity:0;
    fill:transparent;
    stroke:#ceaa64;
    stroke-width:10;
    stroke-dasharray:534;
    -webkit-transition:stroke-dashoffset 1s;
    -o-transition:stroke-dashoffset 1s;
    transition:stroke-dashoffset 1s;
    stroke-dashoffset:0
}
.circle_thin_triger,.circle_thin_triger_blue{
    opacity:0;
    fill:transparent;
    stroke:#bec1c3;
    stroke-width:.5;
    stroke-dasharray:534;
    -webkit-transition:stroke-dashoffset 1s;
    -o-transition:stroke-dashoffset 1s;
    transition:stroke-dashoffset 1s;
    stroke-dashoffset:0
}
.circle_thin_triger_blue{
    stroke:#8fa6ae;
    stroke-width:.5
}
@-webkit-keyframes show_circle{
    from{
        opacity:1;
        stroke-dashoffset:537
    }
    to{
        opacity:1;
        stroke-dashoffset:0
    }
}
@-webkit-keyframes show_circle_yellow{
    from{
        opacity:.15;
        stroke-dashoffset:537
    }
    to{
        opacity:.15;
        stroke-dashoffset:0
    }
}
.circle_yellow{
    -webkit-animation:show_circle_yellow 1.5s linear forwards;
    animation:show_circle_yellow 1.5s linear forwards;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.circle_thin{
    -webkit-animation:show_circle 1.5s linear forwards;
    animation:show_circle 1.5s linear forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.circle_thin_blue{
    -webkit-animation:show_circle 1s linear forwards;
    animation:show_circle 1s linear forwards;
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.st9_anim2{
    stroke-dasharray:1500;
    stroke-dashoffset:1500;
    -webkit-animation:dash_full 3s linear forwards;
    animation:dash_full 3s linear forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st9_anim2_reverse{
    stroke-dasharray:1500;
    stroke-dashoffset:-1500;
    -webkit-animation:dash_full 1.5s linear forwards;
    animation:dash_full 1.5s linear forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st10_anim2_down{
    -webkit-transform-origin:50% 500%;
    -ms-transform-origin:50% 500%;
    transform-origin:50% 500%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1s ease forwards;
    animation:scale_ 1s ease forwards;
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.st10_anim2_up{
    -webkit-transform-origin:50% -500%;
    -ms-transform-origin:50% -500%;
    transform-origin:50% -500%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1s ease forwards;
    animation:scale_ 1s ease forwards;
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.st11_anim2:nth-child(odd){
    stroke-dasharray:500;
    stroke-dashoffset:-500;
    -webkit-animation:dash_full 3s ease forwards;
    animation:dash_full 3s ease forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st11_anim2:nth-child(even){
    stroke-dasharray:500;
    stroke-dashoffset:500;
    -webkit-animation:dash_full 3s ease forwards;
    animation:dash_full 3s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.st11_anim2_blue_overlay:nth-child(odd){
    stroke-dasharray:500;
    stroke-dashoffset:-500;
    -webkit-animation:dash_full 3s ease forwards;
    animation:dash_full 3s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.st11_anim2_blue_overlay:nth-child(even){
    stroke-dasharray:500;
    stroke-dashoffset:500;
    -webkit-animation:dash_full 3s ease forwards;
    animation:dash_full 3s ease forwards;
    -webkit-animation-delay:3.5s;
    animation-delay:3.5s
}
.st12_anim2{
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1.5s ease forwards;
    animation:scale_ 1.5s ease forwards;
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.st12_anim2_blue_overlay{
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1.5s ease forwards;
    animation:scale_ 1.5s ease forwards;
    -webkit-animation-delay:3.5s;
    animation-delay:3.5s
}
.st13_anim2{
    stroke-dasharray:500;
    stroke-dashoffset:-500;
    -webkit-animation:dash_full 3s ease forwards;
    animation:dash_full 3s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.st14_anim2{
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 1.5s ease forwards;
    animation:scale_ 1.5s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.st14_anim2_blue_overlay{
    opacity:0;
    -webkit-animation:show_max 1.5s ease forwards;
    animation:show_max 1.5s ease forwards;
    -webkit-animation-delay:3.5s;
    animation-delay:3.5s
}
keyframes scale_ to{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
keyframes scale_rotate to{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
}
@keyframes hideshow{
    0%{
        opacity:0
    }
    33%{
        opacity:.3
    }
    0.6%{
        opacity:.6
    }
    100%{
        opacity:1
    }
}
@keyframes show_max{
    to{
        opacity:1
    }
}
@keyframes show_h{
    to{
        opacity:.2
    }
}
@keyframes show_l{
    to{
        opacity:.1
    }
}
@keyframes dash{
    to{
        stroke-dashoffset:1000
    }
}
@keyframes dash_full{
    to{
        stroke-dashoffset:0
    }
}
@keyframes dash_full_test{
    0%{
        stroke-dashoffset:-500
    }
    50%{
        stroke-dashoffset:0;
        color:red!important
    }
    100%{
        stroke-dashoffset:500;
        color:#00f
    }
}
@keyframes dash{
    from{
        stroke-dashoffset:2000
    }
    to{
        stroke-dashoffset:0
    }
}
.st0_anim3:nth-child(odd){
    stroke-dasharray:1500;
    stroke-dashoffset:-1500;
    -webkit-animation:dash_full 3s ease forwards;
    animation:dash_full 3s ease forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st0_anim3:nth-child(even){
    stroke-dasharray:1500;
    stroke-dashoffset:1500;
    -webkit-animation:dash_full 3s ease forwards;
    animation:dash_full 3s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.st3_anim3{
    stroke-dasharray:1500;
    stroke-dashoffset:-1500;
    -webkit-animation:dash_full 2s ease forwards;
    animation:dash_full 2s ease forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st1_anim3,.st2_anim3,.st4_anim3{
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 2s ease forwards;
    animation:scale_ 2s ease forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st4_anim3_blue_overlay{
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-animation:scale_ 2s ease forwards;
    animation:scale_ 2s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.st5_anim3,.st6_anim3{
    stroke-dasharray:200;
    stroke-dashoffset:200;
    -webkit-animation:dash_full 2s ease forwards;
    animation:dash_full 2s ease forwards;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.st5_anim3_blue_overlay,.st6_anim3_blue_overlay{
    stroke-dasharray:200;
    stroke-dashoffset:200;
    -webkit-animation:dash_full 2s ease forwards;
    animation:dash_full 2s ease forwards;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.path0_stroke{
    opacity:0;
    -webkit-animation:show_max 1.5s ease forwards;
    animation:show_max 1.5s ease forwards;
    -webkit-animation-delay:3.5s;
    animation-delay:3.5s
}
#particles_1,#particles_2{
    -webkit-animation-delay:2s;
    animation-delay:2s;
    -webkit-animation-duration:5s;
    animation-duration:5s
}
.section_1 .top_controls{
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-delay:.7s;
    animation-delay:.7s
}
.section_1 h1{
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.clouds{
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.scroll_down{
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.section_2_inner p{
    opacity:0;
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
h3{
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.slide_animation{
    opacity:0;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.slider_nav{
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.slide_descr p{
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
h5{
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.map_content p{
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.map_content span{
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.open_form{
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.title_wrap{
    overflow:hidden
}
@-webkit-keyframes title_animate{
    0%{
        opacity:0
    }
    80%{
        opacity:.4
    }
    100%{
        -webkit-transform:rotate(0) translateY(0);
        transform:rotate(0) translateY(0);
        opacity:1
    }
}
@keyframes title_animate{
    0%{
        opacity:0
    }
    80%{
        opacity:.4
    }
    100%{
        -webkit-transform:rotate(0) translateY(0);
        transform:rotate(0) translateY(0);
        opacity:1
    }
}
.title_animate{
    -webkit-transform:rotate(0) translateY(60px);
    -ms-transform:rotate(0) translateY(60px);
    transform:rotate(0) translateY(60px);
    -webkit-animation:title_animate 1s ease-In forwards;
    animation:title_animate 1s ease-In forwards;
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.slide_animation{
    position:relative
}
.wrap_p_left,.wrap_p_right{
    overflow:hidden;
    float:left;
    width:33%
}
.wrap_inner_left,.wrap_inner_right{
    overflow:hidden
}
#particles_1,#particles_2{
    float:left;
    width:200%;
    margin-top:60%;
    height:108px;
    opacity:0
}
#particles_2 canvas{
    margin-left:-50%
}
.div_svg{
    float:left;
    width:33%;
    margin:0 auto
}
@keyframes dash_full_test{
    0%{
        stroke-dashoffset:500
    }
    50%{
        stroke-dashoffset:0;
        color:red!important
    }
    100%{
        stroke-dashoffset:500;
        color:#00f
    }
}
.safari_anim .st0_anim3:nth-child(odd){
    stroke-dashoffset:1500
}
.safari_anim .st3_anim3{
    stroke-dashoffset:1500
}
.safari_anim .st9_anim2_reverse{
    stroke-dashoffset:1500
}
.safari_anim .st11_anim2:nth-child(odd){
    stroke-dashoffset:500
}
.safari_anim .st11_anim2_blue_overlay:nth-child(odd){
    stroke-dashoffset:500
}
.safari_anim .st13_anim2{
    stroke-dashoffset:500
}
.fa-map-marker:before{
    content:"\f041";
    font-family:FontAwesome
}
.fa-exclamation-triangle:before{
    content:"\f071";
    font-family:FontAwesome
}
@media only screen and (min-width:1440px){
    .logo svg{
        width:110px
    }
    h5{
        margin-top:8vw;
        line-height:90px;
        font-size:90px
    }
    .map_content p{
        margin-top:1.5vw
    }
    .map_content .location_tag{
        margin-top:3vw
    }
    .map_content .open_form{
        margin-top:3vw
    }
    .section_4 .field{
        margin-top:2vw
    }
    .section_4 .btn{
        margin-top:2vw
    }
    #particles_1,#particles_2{
        margin-top:61%;
        height:100px
    }
}
@media only screen and (max-width:1365px){
    h1{
        max-width:710px;
        line-height:65px;
        font-size:60px
    }
    .section_2_inner{
        max-width:710px
    }
    .slide_descr{
        margin-top:5vw
    }
    .slider_nav{
        top:300px
    }
    .map_content_wrapper{
        margin-left:8vw
    }
    .map_content{
        max-width:390px
    }
    .map_content h5{
        font-size:60px
    }
    .form_wrapp p{
        font-size:16px
    }
    .info{
        margin-left:8vw
    }
    .subscription{
        margin-left:4vw
    }
    .subscription span{
        font-size:12px
    }
    .subscription input{
        width:308px
    }
    .subscription{
        margin-left:10vw
    }
    .developed_by{
        margin-right:8vw
    }
}
@media only screen and (max-width:1023px){
    h1{
        max-width:600px
    }
    .logo svg{
        min-width:106px
    }
    .section_2_inner{
        max-width:500px;
        line-height:30px;
        font-size:16px
    }
    .section_2 #section_2_line{
        opacity:.5;
        margin-top:-150px
    }
    @-webkit-keyframes grow_big{
        0%{
            height:0
        }
        100%{
            height:150px
        }
    }
    @keyframes grow_big{
        0%{
            height:0
        }
        100%{
            height:150px
        }
    }
    .slick-slide{
        max-height:100%
    }
    .slide_{
        height:auto
    }
    .wrapper_slide_animation{
        overflow:hidden;
        float:none;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:end;
        -webkit-align-items:flex-end;
        -ms-flex-align:end;
        align-items:flex-end;
        width:auto;
        margin:0 auto;
        width:384px;
        height:365px
    }
    .slide_animation{
        width:100%;
        margin-right:0
    }
    .wrapper_slide_descr{
        overflow:hidden;
        float:none;
        display:block;
        width:auto;
        margin:0 auto;
        margin-top:60px
    }
    .slide_descr{
        margin:0 auto
    }
    .slick-list{
        overflow:visible
    }
    .slider_nav{
        top:650px;
        left:50%;
        margin-left:-103px
    }
    .slider{
        margin:0
    }
    footer{
        display:block
    }
    .info{
        float:left;
        margin-top:33px;
        margin-left:20px
    }
    .subscription{
        float:right;
        width:395px;
        margin-top:30px;
        margin-left:0
    }
    .subscription input{
        width:333px
    }
    .developed_by{
        position:absolute;
        bottom:35px;
        right:25px;
        margin:0
    }
}
@media only screen and (max-width:768px){
    h1{
        line-height:72px
    }
    h1 span{
        line-height:58px
    }
    .logo{
        margin-left:10px;
        margin-top:10px
    }
    .logo svg{
        min-width:100px
    }
    .burger{
        margin-top:6px
    }
    .btn_lang{
        margin-top:26px
    }
    .btn_lang:after{
        top:38px;
        right:23px
    }
    .scroll_down a{
        padding-bottom:56px;
        font-size:14px
    }
    .scroll_down a span{
        top:30px
    }
    @-webkit-keyframes grow{
        0%{
            height:0
        }
        100%{
            height:50px
        }
    }
    @keyframes grow{
        0%{
            height:0
        }
        100%{
            height:50px
        }
    }
    .section_2_inner{
        max-width:530px;
        line-height:27px;
        letter-spacing:1.1px
    }
    .section_3 p{
        letter-spacing:.3px
    }
    #particles_1,#particles_2{
        margin-top:60%
    }
    .map_content_wrapper{
        max-width:100%;
        width:100%;
        height:300px;
        padding-top:126px;
        margin-left:0
    }
    .map_content h5{
        margin:0;
        max-width:100%;
        letter-spacing:1px
    }
    .map_content p{
        margin-top:27px;
        font-size:15px;
        letter-spacing:0
    }
    .map_content span{
        margin-top:17px;
        letter-spacing:0
    }
    .map_content .location{
        margin-top:0;
        letter-spacing:0;
        line-height:32px;
        font-size:15px
    }
    .section_4 button{
        margin-top:34px
    }
    .section_4 .back_from_form{
        margin-top:50px;
        margin-left:80px
    }
    .section_4 .btn{
        margin-top:0
    }
    .form_contast_us{
        width:100%
    }
    .form_wrapp{
        max-width:51vw
    }
    .form_wrapp p{
        font-size:30px;
        padding:0;
        margin-bottom:70px;
        letter-spacing:1.5px
    }
    .map_overlay{
        background:url(../img/768_map_bg.png);
        -webkit-background-size:cover;
        background-size:cover
    }
}
@media only screen and (max-width:767px){
    .menu_location,.menu_map{
        display:none
    }
    .menu__item a{
        font-size:22px;
        margin-top:2vh;
        letter-spacing:2px
    }
    .menu__item:nth-child(1){
        margin-top:8vh
    }
    #dots{
        display:none
    }
    .wrapper_slide_animation{
        display:none
    }
    .slider_nav{
        top:300px
    }
    .wrapper_slide_descr{
        margin-top:0;
        min-height:250px
    }
    .map_content_wrapper{
        max-width:100%;
        width:100%;
        height:100%;
        padding-top:0;
        margin-left:0;
        background-color:#f4f3f0
    }
    h3{
        font-size:28px
    }
    .clouds{
        display:block
    }
    .section_4 button{
        margin-top:34px
    }
    .section_4 .menu_map{
        position:static;
        display:block;
        max-width:auto;
        width:100%;
        margin-top:0
    }
    .section_4 .menu_map a{
        color:#637c84
    }
    .open_map{
        text-decoration:underline;
        text-transform:uppercase
    }
    .map_overlay{
        background:0 0
    }
}
@media only screen and (max-width:640px){
    h1{
        font-size:45px;
        line-height:50px
    }
    h1 span{
        font-size:22px;
        line-height:35px
    }
    h1 span:last-child{
        font-size:20px;
        line-height:40px;
        margin-top:8px
    }
    .logo svg{
        min-width:90px
    }
    .section_2_inner{
        max-width:490px
    }
    .section_2 #section_2_line{
        opacity:.3;
        margin-top:-100px
    }
    @-webkit-keyframes grow_big{
        0%{
            height:0
        }
        100%{
            height:100px
        }
    }
    @keyframes grow_big{
        0%{
            height:0
        }
        100%{
            height:100px
        }
    }
    .section_5{
        height:100vh
    }
    footer{
        height:auto
    }
    .info{
        display:none
    }
    .subscription{
        float:none;
        margin:0 auto;
        width:380px
    }
    .subscription span{
        font-size:22px;
        letter-spacing:.2px
    }
    .subscription input{
        width:304px;
        letter-spacing:.5px
    }
    .thx{
        font-size:16px
    }
}
@media only screen and (max-width:512px){
    .section_2_inner{
        max-width:415px;
        font-size:16px
    }
    .logo svg{
        min-width:75px
    }
    .menu__item:nth-child(1){
        margin-top:5vh
    }
    .thx{
        font-size:14px;
        text-align:center
    }
}
@media only screen and (max-width:480px){
    h1{
        width:410px;
        font-size:30px;
        line-height:42px
    }
    h1 span{
        font-size:20px;
        line-height:25px
    }
    h1 span:last-child{
        font-size:16px;
        line-height:34px
    }
    .menu_icon{
        top:24px
    }
    .random-fading,.start_text{
        font-size:20px
    }
    .start_text{
        left:-3px;
        top:60px
    }
    #myBar{
        font-size:36px;
        margin-bottom:0
    }
    .slide_descr{
        max-width:230px
    }
    h3{
        font-size:21px
    }
    .section_3 p{
        font-size:13px;
        line-height:20px
    }
    .map_content{
        width:270px
    }
    .map_content h5{
        font-size:29px
    }
    .map_content p{
        margin-top:0;
        font-size:15px;
        line-height:15px;
        letter-spacing:0
    }
    .map_content span{
        margin-top:20px;
        font-size:14px;
        letter-spacing:1px
    }
    .map_content .location{
        margin-top:10px;
        letter-spacing:0;
        line-height:15px;
        font-size:15px
    }
    .section_4 button{
        margin-top:60px
    }
    .section_4 .menu_map{
        margin-top:15px
    }
    .section_4 .back_from_form{
        margin-top:20px;
        margin-left:70px
    }
    .section_4 .btn{
        width:125px;
        height:40px;
        font-size:10px
    }
    .form_contast_us{
        width:100%
    }
    .form_wrapp{
        max-width:80vw
    }
    .form_wrapp p{
        font-size:20px;
        line-height:25px;
        padding:0;
        margin-bottom:5vh;
        letter-spacing:1px
    }
    .field_label{
        font-size:10px;
        letter-spacing:.5px
    }
}
@media only screen and (max-width:430px){
    h1{
        width:380px
    }
    .section_2_inner{
        width:350px
    }
}
@media only screen and (max-width:390px){
    h1{
        width:360px
    }
    .section_2_inner{
        width:340px
    }
    footer{
        width:330px;
        margin:0 auto
    }
    .subscription{
        width:300px
    }
    .subscription input{
        width:250px
    }
}
@media only screen and (max-width:360px){
    h1{
        font-size:27px;
        line-height:35px;
        max-width:273px;
        letter-spacing:2px
    }
    h1 span{
        font-size:14px;
        line-height:25px
    }
    h1 span:last-child{
        width:240px;
        margin:0 auto;
        margin-top:5px;
        font-size:13px;
        line-height:18px
    }
    .logo svg{
        min-width:60px
    }
    .menu__item:nth-child(1){
        margin-top:0
    }
    .section_2_inner{
        max-width:278px;
        line-height:20px;
        font-size:12px;
        letter-spacing:.5px
    }
    .subscription{
        float:none;
        margin:0 auto;
        width:250px
    }
    .subscription span{
        font-size:22px;
        letter-spacing:.2px;
        line-height:15px
    }
    .subscription input{
        width:200px;
        letter-spacing:.5px
    }
}
@media (max-height:650px) and (min-width:1024px){
    #particles_1,#particles_2{
        margin-top:55%
    }
}
@media (max-height:700px) and (max-width:1024px){
    .wrapper_slide_animation{
        display:none
    }
    .section_4 button{
        margin-top:5vh
    }
    .slider_nav{
        top:300px
    }
}
@media (max-height:600px) and (max-width:768px){
    .map_content_wrapper{
        max-width:100%;
        width:100%;
        height:100vh;
        padding-top:0;
        margin-left:0;
        background-color:#f4f3f0
    }
    .section_4 button{
        margin-top:34px
    }
    .section_4 .menu_map{
        position:static;
        display:block;
        max-width:auto;
        width:100%;
        margin-top:0
    }
    .section_4 .menu_map a{
        color:#637c84
    }
}
@media (max-height:480px) and (max-width:768px){
    h1{
        font-size:27px;
        line-height:35px;
        max-width:350px;
        letter-spacing:2px
    }
    h1 span{
        font-size:14px;
        line-height:25px
    }
    h1 span:last-child{
        width:240px;
        margin:0 auto;
        margin-top:5px;
        font-size:13px;
        line-height:18px
    }
    .slider_nav{
        top:220px
    }
    .form_wrapp p{
        margin-bottom:30px;
        font-size:16px
    }
    .map_content h5{
        margin-top:50px
    }
}
@media (max-height:360px) and (max-width:768px){
    h1{
        font-size:27px;
        line-height:35px;
        max-width:350px;
        letter-spacing:2px
    }
    h1 span{
        font-size:14px;
        line-height:25px
    }
    h1 span:last-child{
        width:240px;
        margin:0 auto;
        margin-top:5px;
        font-size:13px;
        line-height:18px
    }
    .section_2_inner{
        width:310px
    }
    .logo svg{
        min-width:60px
    }
    .scroll_down a{
        padding-bottom:34px;
        font-size:12px
    }
    .scroll_down a span{
        top:30px
    }
    @-webkit-keyframes grow{
        0%{
            height:0
        }
        100%{
            height:30px
        }
    }
    @keyframes grow{
        0%{
            height:0
        }
        100%{
            height:30px
        }
    }
    .menu__item:nth-child(1){
        margin-top:0
    }
    .slide_descr{
        margin-top:50px;
        max-width:290px
    }
    .section_2_inner{
        line-height:20px;
        font-size:12px;
        letter-spacing:.5px
    }
    .section_2 #section_2_line{
        margin-top:-70px
    }
    @-webkit-keyframes grow_big{
        0%{
            height:0
        }
        100%{
            height:70px
        }
    }
    @keyframes grow_big{
        0%{
            height:0
        }
        100%{
            height:70px
        }
    }
    .slider_nav{
        top:220px
    }
    .section_3 p{
        font-size:13px;
        line-height:20px
    }
    .map_content{
        width:290px
    }
    .map_content h5{
        margin-top:50px;
        font-size:29px;
        line-height:45px
    }
    .map_content p{
        margin-top:0;
        font-size:15px;
        line-height:15px;
        letter-spacing:0
    }
    .map_content span{
        margin-top:20px;
        font-size:14px;
        letter-spacing:1px
    }
    .map_content .location{
        margin-top:0;
        letter-spacing:0;
        line-height:15px;
        font-size:15px
    }
    .map_content .menu_map{
        margin-top:0
    }
    .map_content .open_form{
        margin-top:15px
    }
    .subscription{
        float:none;
        margin:0 auto;
        width:250px
    }
    .subscription span{
        font-size:22px;
        letter-spacing:.2px;
        line-height:15px
    }
    .subscription input{
        width:200px;
        letter-spacing:.5px
    }
    .subscription button{
        margin-top:17px
    }
    .form_wrapp p{
        margin-bottom:0;
        font-size:13px;
        margin-left:0;
        margin-top:20px;
        line-height:18px
    }
    .section_4 .back_from_form{
        font-size:11px;
        margin-left:58px
    }
    .section_4 span:first-child{
        margin-top:0
    }
    .section_4 .btn{
        margin-top:-18px;
        margin-bottom:17px
    }
    .form_input{
        margin-top:10px
    }
}
@media (max-height:360px) and (max-width:485px){
    .form_wrapp p{
        margin-left:84px
    }
}
@media (max-height:319px){
    .section_4{
        height:320px
    }
    .form_contast_us{
        height:320px
    }
}