﻿article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden]{
    display:none
}
html{
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    margin:0
}
a:focus{
    outline:thin dotted
}
a:active,a:hover{
    outline:0
}
h1{
    font-size:2em
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
mark{
    background:#ff0;
    color:#000
}
code,kbd,pre,samp{
    font-family:monospace, serif;
    font-size:1em
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0
}
button,input{
    line-height:normal
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
html{
    box-sizing:border-box
}
*,*::after,*::before{
    box-sizing:inherit
}
button,input[type="button"],input[type="reset"],input[type="submit"],button{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    -webkit-font-smoothing:antialiased;
    background-color:#377DED;
    border-radius:3px;
    border:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:"Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em;
    font-weight:600;
    line-height:1;
    padding:0.75em 1em;
    text-decoration:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap
}
button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,button:hover,button:focus{
    background-color:#1257c6;
    color:#fff
}
button:disabled,input[type="button"]:disabled,input[type="reset"]:disabled,input[type="submit"]:disabled,button:disabled{
    cursor:not-allowed;
    opacity:0.5
}
/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 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{
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
.animated.flipOutX,.animated.flipOutY{
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounce{
    0%, 20%, 53%, 80%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes bounce{
    0%, 20%, 53%, 80%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    0%, 50%, 100%{
        opacity:1
    }
    25%, 75%{
        opacity:0
    }
}
@keyframes flash{
    0%, 50%, 100%{
        opacity:1
    }
    25%, 75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -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)
    }
    100%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes pulse{
    0%{
        -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)
    }
    100%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30%{
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40%{
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50%{
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65%{
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75%{
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    100%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes rubberBand{
    0%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30%{
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40%{
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50%{
        -webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65%{
        -webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75%{
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    100%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    0%, 100%{
        -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{
    0%, 100%{
        -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 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)
    }
    100%{
        -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)
    }
    100%{
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%, 20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%, 20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100%{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -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)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes wobble{
    0%{
        -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)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    11.1%{
        -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(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
        transform:skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
        transform:skewX(-0.19531deg) skewY(-0.19531deg)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes jello{
    11.1%{
        -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(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
        transform:skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
        transform:skewX(-0.19531deg) skewY(-0.19531deg)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes bounceIn{
    0%, 20%, 40%, 60%, 80%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    100%{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes bounceIn{
    0%, 20%, 40%, 60%, 80%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    100%{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }
    75%{
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -3000px, 0);
        transform:translate3d(0, -3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, 25px, 0);
        transform:translate3d(0, 25px, 0)
    }
    75%{
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, 5px, 0);
        transform:translate3d(0, 5px, 0)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75%{
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90%{
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    100%{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, -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)
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp{
    0%, 60%, 75%, 90%, 100%{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 3000px, 0);
        transform:translate3d(0, 3000px, 0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0, -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)
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    50%, 55%{
        opacity:1;
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    50%, 55%{
        opacity:1;
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.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)
    }
    100%{
        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)
    }
    100%{
        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)
    }
    100%{
        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)
    }
    100%{
        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)
    }
    100%{
        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)
    }
    100%{
        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)
    }
    100%{
        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)
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(-2000px, 0, 0);
        transform:translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(2000px, 0, 0);
        transform:translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -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{
    0%{
        -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)
    }
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    0%{
        -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)
    }
    100%{
        -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{
    0%{
        -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)
    }
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    0%{
        -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)
    }
    100%{
        -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{
    0%{
        -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
    }
    100%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        -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
    }
    100%{
        -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{
    0%{
        -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
    }
    100%{
        -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        -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
    }
    100%{
        -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{
    0%{
        -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
    }
    100%{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        -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
    }
    100%{
        -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{
    0%{
        opacity:1
    }
    100%{
        -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
        transform:translate3d(100%, 0, 0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, -200deg);
        transform:rotate3d(0, 0, 1, -200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, -200deg);
        transform:rotate3d(0, 0, 1, -200deg);
        opacity:0
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, -45deg);
        transform:rotate3d(0, 0, 1, -45deg);
        opacity:0
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0, 0, 1, 45deg);
        transform:rotate3d(0, 0, 1, 45deg);
        opacity:0
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -90deg);
        transform:rotate3d(0, 0, 1, -90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0, 0, 1, -90deg);
        transform:rotate3d(0, 0, 1, -90deg);
        opacity:0
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    100%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0, 0, 1, 200deg);
        transform:rotate3d(0, 0, 1, 200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    100%{
        -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
    }
    100%{
        -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
    }
    100%{
        -webkit-transform:translate3d(0, 700px, 0);
        transform:translate3d(0, 700px, 0);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1
    }
    100%{
        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{
    0%{
        opacity:1
    }
    100%{
        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{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInRight{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomInUp{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    100%{
        opacity:0
    }
}
@keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    100%{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
        transform:scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
        transform:scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100%{
        opacity:0;
        -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0);
        visibility:visible
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes slideOutDown{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        visibility:hidden;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
@font-face{
    font-family:'Source Sans Pro';
    src:url("../fonts/sourcesanspro-light.eot");
    src:url("../fonts/sourcesanspro-light.eot?#iefix") format("embedded-opentype"),url("../fonts/sourcesanspro-light.woff2") format("woff2"),url("../fonts/sourcesanspro-light.woff") format("woff"),url("../fonts/sourcesanspro-light.ttf") format("truetype"),url("../fonts/sourcesanspro-light.svg#source_sans_prolight") format("svg");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Source Sans Pro';
    src:url("../fonts/sourcesanspro-lightit.eot");
    src:url("../fonts/sourcesanspro-lightit.eot?#iefix") format("embedded-opentype"),url("../fonts/sourcesanspro-lightit.woff2") format("woff2"),url("../fonts/sourcesanspro-lightit.woff") format("woff"),url("../fonts/sourcesanspro-lightit.ttf") format("truetype"),url("../fonts/sourcesanspro-lightit.svg#source_sans_prolight_italic") format("svg");
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:'Source Sans Pro';
    src:url("../fonts/sourcesanspro-regular.eot");
    src:url("../fonts/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/sourcesanspro-regular.woff2") format("woff2"),url("../fonts/sourcesanspro-regular.woff") format("woff"),url("../fonts/sourcesanspro-regular.ttf") format("truetype"),url("../fonts/sourcesanspro-regular.svg#source_sans_proregular") format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Source Sans Pro';
    src:url("../fonts/sourcesanspro-regularit.eot");
    src:url("../fonts/sourcesanspro-regularit.eot?#iefix") format("embedded-opentype"),url("../fonts/sourcesanspro-regularit.woff2") format("woff2"),url("../fonts/sourcesanspro-regularit.woff") format("woff"),url("../fonts/sourcesanspro-regularit.ttf") format("truetype"),url("../fonts/sourcesanspro-regularit.svg#source_sans_proregular_italic") format("svg");
    font-weight:400;
    font-style:italic
}
body{
    -webkit-font-feature-settings:"kern", "liga", "pnum";
    -moz-font-feature-settings:"kern", "liga", "pnum";
    -ms-font-feature-settings:"kern", "liga", "pnum";
    font-feature-settings:"kern", "liga", "pnum";
    -webkit-font-smoothing:antialiased;
    color:#545454;
    font-family:"Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em;
    line-height:1.5
}
h1,h2,h3,h4,h5,h6{
    font-family:"Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em;
    line-height:1.2;
    margin:0 0 0.75em;
    font-weight:400;
    letter-spacing:-0.01em
}
p{
    margin:0 0 0.75em
}
a{
    color:#377DED;
    text-decoration:none;
    transition:color 0.1s linear
}
a:active,a:focus,a:hover{
    color:#1257c6
}
a:active,a:focus{
    outline:none
}
hr{
    border-bottom:1px solid #ededed;
    border-left:none;
    border-right:none;
    border-top:none;
    margin:1.5em 0
}
img,picture{
    margin:0;
    max-width:100%
}
.rsquo{
    letter-spacing:-0.1em;
    margin-left:-0.1em
}
.comma{
    font-size:.9em;
    letter-spacing:-0.1em;
    margin-left:-0.08em
}
header.navigation{
    background-color:#377DED;
    border-bottom:1px solid #2e77ec;
    min-height:70px;
    height:70px;
    width:100%;
    z-index:999;
    position:fixed;
    top:0
}
header.navigation .navigation-wrapper{
    max-width:60em;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:9999
}
header.navigation .navigation-wrapper::after{
    clear:both;
    content:"";
    display:table
}
header.navigation .navigation-wrapper::after{
    clear:both;
    content:"";
    display:table
}
header.navigation .logo{
    float:left;
    max-height:70px;
    padding-left:15px;
    padding-right:2em
}
header.navigation .logo img{
    max-height:70px;
    padding:17px 0
}
header.navigation .navigation-menu-button{
    color:#FFF;
    display:block;
    float:right;
    line-height:70px;
    margin:0;
    padding-right:1em;
    text-transform:uppercase
}
@media screen and (min-width: 45em){
    header.navigation .navigation-menu-button{
        display:none
    }
}
header.navigation .navigation-menu-button:focus,header.navigation .navigation-menu-button:hover{
    color:rgba(255,255,255,0.8)
}
header.navigation nav{
    float:right;
    min-height:70px;
    z-index:9999999
}
@media screen and (min-width: 45em){
    header.navigation nav{
        float:right
    }
}
header.navigation ul.navigation-menu{
    -webkit-transform-style:preserve-3d;
    clear:both;
    display:none;
    margin:0 auto;
    overflow:visible;
    padding:0;
    width:100%;
    z-index:9999
}
header.navigation ul.navigation-menu.show{
    display:inline
}
@media screen and (min-width: 45em){
    header.navigation ul.navigation-menu{
        display:inline;
        margin:0;
        padding:0
    }
}
header.navigation ul li.nav-link{
    -webkit-transition:all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition:all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition:all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display:none;
    background:#377DED;
    line-height:70px;
    overflow:hidden;
    padding-right:1.4em;
    text-align:right;
    width:100%;
    z-index:9999
}
@media screen and (min-width: 45em){
    header.navigation ul li.nav-link{
        display:inline-block;
        background:transparent;
        line-height:70px;
        text-decoration:none;
        width:auto
    }
}
header.navigation ul li.nav-link a{
    color:#FFF;
    display:inline-block;
    font-weight:400;
    text-decoration:none;
    line-height:1
}
header.navigation ul li.nav-link a:focus,header.navigation ul li.nav-link a:hover{
    color:rgba(255,255,255,0.8)
}
header.navigation ul li.nav-link .navigation-link{
    font-size:17px;
    border-bottom:1px solid #FFF;
    padding-bottom:1px
}
header.navigation ul li.nav-link .navigation-link:focus,header.navigation ul li.nav-link .navigation-link:hover{
    border-color:rgba(255,255,255,0.8)
}
header.navigation ul li.nav-link .signup{
    display:inline-block;
    font-size:17px;
    background:#165FAA;
    border:1px solid #165FAA;
    padding:9px;
    width:110px;
    text-align:center;
    box-shadow:0 1px 6px 0 rgba(0,0,50,0.05);
    -webkit-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
header.navigation ul li.nav-link .signup:hover{
    color:#FFF;
    background:#1762af;
    border-color:#1762af;
    box-shadow:0 6px 8px -4px rgba(0,0,50,0.12);
    -webkit-transition:all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition:all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition:all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
header.navigation ul li.nav-link .login{
    display:inline-block;
    font-size:17px;
    border:1px solid #FFF;
    padding:9px;
    width:110px;
    text-align:center
}
header.navigation ul li.nav-link .login:hover{
    border-color:rgba(255,255,255,0.8)
}
header.navigation li.nav-link.login-li,header.navigation li.nav-link.signup-li{
    display:inline-block;
    width:124px
}
@media screen and (min-width: 45em){
    header.navigation li.nav-link.login-li,header.navigation li.nav-link.signup-li{
        width:auto
    }
}
@media screen and (max-width: 26.25em){
    header.navigation li.nav-link.login-li{
        display:none
    }
}
header.navigation li.nav-link.signup-li{
    padding-right:25px
}
@media screen and (min-width: 45em){
    header.navigation li.nav-link.signup-li{
        padding-right:10px
    }
}
header.navigation .active-nav-item a{
    border-bottom:1px solid rgba(255,255,255,0.5);
    padding-bottom:3px
}
header.navigation li.more.nav-link{
    padding-right:0
}
@media screen and (min-width: 45em){
    header.navigation li.more.nav-link{
        padding-right:1em
    }
}
header.navigation li.more.nav-link>ul>li:first-child a{
    padding-top:1em
}
header.navigation li.more.nav-link a{
    margin-right:1em
}
header.navigation li.more.nav-link>a{
    padding-right:0.6em
}
header.navigation li.more.nav-link>a:after{
    position:absolute;
    top:auto;
    right:-0.4em;
    bottom:auto;
    left:auto;
    content:'\25BE';
    color:#FFF
}
header.navigation li.more{
    overflow:visible;
    padding-right:0
}
header.navigation li.more a{
    padding-right:0.8em
}
header.navigation li.more>a{
    padding-right:1.6em;
    position:relative
}
@media screen and (min-width: 45em){
    header.navigation li.more>a{
        margin-right:1em
    }
}
header.navigation li.more>a:after{
    content:'›';
    font-size:1.2em;
    position:absolute;
    right:0.5em
}
header.navigation li.more:focus>.submenu,header.navigation li.more:hover>.submenu{
    display:block
}
@media screen and (min-width: 45em){
    header.navigation li.more{
        padding-right:0.8em;
        position:relative
    }
}
header.navigation ul.submenu{
    display:none;
    padding-left:0
}
@media screen and (min-width: 45em){
    header.navigation ul.submenu{
        left:-1em;
        position:absolute;
        top:1.5em
    }
}
@media screen and (min-width: 45em){
    header.navigation ul.submenu .submenu{
        left:11.8em;
        top:0
    }
}
header.navigation ul.submenu li{
    display:block;
    padding-right:0
}
@media screen and (min-width: 45em){
    header.navigation ul.submenu li{
        line-height:53.84615px
    }
    header.navigation ul.submenu li:first-child>a{
        border-top-left-radius:3px;
        border-top-right-radius:3px
    }
    header.navigation ul.submenu li:last-child>a{
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
        padding-bottom:0.7em
    }
}
header.navigation ul.submenu li a{
    background-color:#2974ec;
    display:inline-block;
    text-align:right;
    width:100%
}
@media screen and (min-width: 45em){
    header.navigation ul.submenu li a{
        background-color:#377DED;
        padding-left:1em;
        text-align:left;
        width:12em
    }
}
header.navigation .navigation-tools{
    background:#505050;
    clear:both;
    display:block;
    height:70px
}
@media screen and (min-width: 45em){
    header.navigation .navigation-tools{
        background:transparent;
        clear:none;
        float:right
    }
}
header.navigation .search-bar{
    float:left;
    padding:0.85em 0.85em 0.7em 0.6em;
    width:60%
}
header.navigation .search-bar form{
    position:relative
}
header.navigation .search-bar form input[type=search]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#4e8cef;
    border-radius:6px;
    border:1px solid #206eeb;
    color:#FFF;
    font-size:0.9em;
    font-style:italic;
    margin:0;
    padding:0.5em 0.8em;
    width:100%
}
@media screen and (min-width: 45em){
    header.navigation .search-bar form input[type=search]{
        width:100%
    }
}
header.navigation .search-bar form button[type=submit]{
    background:#4e8cef;
    border:none;
    bottom:0.3em;
    left:auto;
    outline:none;
    padding:0 9px;
    position:absolute;
    right:0.3em;
    top:0.3em
}
header.navigation .search-bar form button[type=submit] img{
    height:12px;
    opacity:0.7;
    padding:1px
}
@media screen and (min-width: 45em){
    header.navigation .search-bar{
        display:inline-block;
        position:relative;
        width:16em
    }
    header.navigation .search-bar input{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        display:block
    }
}
.footer{
    background:#377DED;
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),-webkit-linear-gradient(80deg, #165FAA, #377DED 100%);
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),linear-gradient(80deg, #165FAA, #377DED 100%);
    padding:30px 1.618em;
    min-height:300px;
    width:100%;
    display:table
}
.footer .footer-table-cell{
    display:table-cell;
    vertical-align:middle
}
.footer .footer-logo{
    margin-bottom:2em;
    text-align:center
}
.footer .footer-logo img{
    height:2em
}
.footer .footer-links{
    margin-bottom:0
}
.footer .footer-links::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width: 45em){
    .footer .footer-links{
        margin-left:25.58941%
    }
}
.footer ul{
    margin-bottom:3em;
    padding:0
}
@media screen and (min-width: 45em){
    .footer ul{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:23.23176%
    }
    .footer ul:last-child{
        margin-right:0
    }
    .footer ul:nth-child(3n){
        margin-right:0
    }
    .footer ul:nth-child(3n+1){
        clear:left
    }
    .footer ul::after{
        clear:both;
        content:"";
        display:table
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    .footer ul{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:31.76157%
    }
    .footer ul:last-child{
        margin-right:0
    }
    .footer ul::after{
        clear:both;
        content:"";
        display:table
    }
}
@media screen and (max-width: 37.5em){
    .footer ul{
        margin-bottom:2.25em
    }
}
.footer li{
    line-height:1.5em;
    list-style:none;
    text-align:center
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    .footer li{
        text-align:left
    }
}
@media screen and (min-width: 45em){
    .footer li{
        text-align:left
    }
}
.footer li a{
    color:rgba(255,255,255,0.4);
    text-decoration:none;
    font-size:.8em
}
.footer li a:focus,.footer li a:hover{
    color:white
}
.footer .footer-copyright{
    color:#d2dae0
}
.footer li h3{
    color:white;
    font-size:1em;
    margin-top:0.4em;
    margin-bottom:0.4em;
    letter-spacing:0.02em
}
.footer p{
    color:rgba(255,255,255,0.4);
    font-size:0.8em;
    line-height:1.5em;
    margin:auto;
    max-width:35em;
    text-align:center
}
body{
    background:#377DED;
    text-align:center;
    font-family:"Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}
ul{
    list-style-type:none;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:0
}
.intro{
    min-height:400px;
    background:#377DED;
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),-webkit-linear-gradient(280deg, #165FAA, #377DED 100%);
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),linear-gradient(280deg, #165FAA, #377DED 100%);
    position:fixed;
    top:70px;
    left:0;
    width:100%;
    z-index:0;
    overflow:hidden
}
@media screen and (max-height: 37.5em){
    .intro{
        position:relative;
        top:0;
        margin-top:50px;
        padding-top:10px
    }
}
.tagline{
    font-size:1.5em;
    padding:0 15px;
    color:#FFF;
    font-weight:300;
    margin:1em auto 0;
    width:700px;
    max-width:100%
}
@media screen and (min-width: 37.5em){
    .tagline{
        font-size:1.8em;
        padding:0 60px
    }
}
@media screen and (min-width: 45em){
    .tagline{
        font-size:2.5em;
        padding:0
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2){
    .tagline{
        padding-top:10px;
        margin-bottom:-10px
    }
}
.phone-container{
    width:450px;
    max-width:100%;
    margin:0 auto;
    display:block;
    min-height:600px;
    position:relative
}
@media screen and (min-width: 37.5em){
    .phone-container:hover .left-phone .silver-phone-shrink{
        -webkit-transform:translateX(-35%);
        -moz-transform:translateX(-35%);
        -ms-transform:translateX(-35%);
        -o-transform:translateX(-35%);
        transform:translateX(-35%);
        -webkit-transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }
    .phone-container .left-phone .intro-phone-scroll{
        -webkit-transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }
    .phone-container .right-phone .silver-phone-shrink{
        -webkit-transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition:all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }
}
.left-phone,.right-phone{
    float:left;
    display:block;
    margin:0;
    width:100%;
    position:absolute
}
.left-phone{
    z-index:5
}
@media screen and (max-width: 37.5em){
    .left-phone{
        display:none
    }
}
.right-phone{
    z-index:10
}
.message{
    height:42px;
    margin:2px 0;
    -webkit-transform:translateY(500px);
    -moz-transform:translateY(500px);
    -ms-transform:translateY(500px);
    -o-transform:translateY(500px);
    transform:translateY(500px)
}
.blank-screen{
    position:relative;
    top:0;
    right:0;
    width:350px;
    z-index:0
}
.message-double{
    height:45px
}
@media screen and (min-width: 45em){
    .message-double{
        height:58px
    }
}
@media screen and (max-width: 26.25em){
    .message-double{
        height:38.5px
    }
}
.message-width{
    width:100%;
    max-width:100%;
    top:248px;
    left:0;
    position:absolute
}
.silver-phone-bg{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    background-image:url("../images/silver-phone-blank.png");
    width:350px;
    position:relative;
    top:0;
    background-size:contain;
    background-repeat:no-repeat;
    height:660px;
    width:360px;
    margin:0 auto
}
@media screen and (max-width: 37.5em){
    .silver-phone-bg{
        -webkit-transform:translateX(0) translateY(-15px);
        -moz-transform:translateX(0) translateY(-15px);
        -ms-transform:translateX(0) translateY(-15px);
        -o-transform:translateX(0) translateY(-15px);
        transform:translateX(0) translateY(-15px)
    }
}
.space-gray-phone-bg{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    background-image:url("../images/space-gray-phone.png");
    width:350px;
    position:relative;
    top:0;
    background-size:contain;
    background-repeat:no-repeat;
    height:660px;
    width:326px;
    top:30px;
    margin:0 auto;
    opacity:0
}
.ios-date{
    width:109px;
    margin:0 auto 5px;
    text-align:center;
    -webkit-transform:translateY(500px);
    -moz-transform:translateY(500px);
    -ms-transform:translateY(500px);
    -o-transform:translateY(500px);
    transform:translateY(500px)
}
@media screen and (max-width: 26.25em){
    .ios-date{
        width:88px
    }
}
.no-y-translate{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 600ms cubic-bezier(0.175, 0.885, 0.1, 1.04);
    transition:all 600ms cubic-bezier(0.175, 0.885, 0.1, 1.04)
}
.ios-message-left{
    text-align:left;
    display:block;
    float:left;
    clear:both;
    margin-left:65px
}
.ios-message-right{
    text-align:right;
    display:block;
    float:right;
    clear:both;
    margin-right:64px
}
.intro-phone{
    width:300px;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
@media screen and (min-width: 37.5em){
    .intro-phone{
        width:260px
    }
}
@media screen and (min-width: 45em){
    .intro-phone{
        width:290px
    }
}
@media screen and (min-width: 53.75em){
    .intro-phone{
        width:320px
    }
}
@media screen and (max-height: 37.5em){
    .intro-phone{
        width:246px
    }
}
.space-gray-phone{
    position:relative;
    z-index:5
}
.gray-phone{
    position:relative;
    z-index:10
}
.silver-phone-shrink{
    -webkit-transition:all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition:all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition:all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
@media screen and (min-width: 37.5em){
    .silver-phone-shrink{
        -webkit-transform:translateX(-30%);
        -moz-transform:translateX(-30%);
        -ms-transform:translateX(-30%);
        -o-transform:translateX(-30%);
        transform:translateX(-30%)
    }
}
.intro-phone-scroll{
    -webkit-transition:all 1000ms ease-in-out;
    -moz-transition:all 1000ms ease-in-out;
    transition:all 1000ms ease-in-out
}
@media screen and (min-width: 37.5em){
    .intro-phone-scroll{
        -webkit-transform:translateX(25%);
        -moz-transform:translateX(25%);
        -ms-transform:translateX(25%);
        -o-transform:translateX(25%);
        transform:translateX(25%)
    }
}
.content-container{
    position:relative;
    background:#FFF;
    width:100%;
    top:545px;
    box-shadow:0 -2px 18px 4px rgba(0,0,20,0.06)
}
@media screen and (min-width: 37.5em){
    .content-container{
        top:700px
    }
}
@media screen and (max-height: 37.5em){
    .content-container{
        top:100vh
    }
}
@media screen and (max-height: 37.5em){
    .content-container{
        top:0;
        margin-top:-114px
    }
}
@media screen and (max-width: 45em) and (min-height: 37.5em){
    .content-container{
        top:660px
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    .content-container{
        top:0;
        margin-top:-96px
    }
}
.outer-container{
    max-width:60em;
    margin-left:auto;
    margin-right:auto
}
.outer-container::after{
    clear:both;
    content:"";
    display:table
}
.for-left{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:100%
}
.for-left:last-child{
    margin-right:0
}
@media screen and (min-width: 45em){
    .for-left{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:65.88078%
    }
    .for-left:last-child{
        margin-right:0
    }
}
@media screen and (min-width: 53.75em){
    .for-left{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:74.41059%
    }
    .for-left:last-child{
        margin-right:0
    }
}
.perfect-for{
    font-size:2.2em;
    font-weight:300;
    margin:15px 15px 6px;
    text-transform:uppercase;
    letter-spacing:0.02em;
    padding:0;
    text-align:left;
    word-spacing:0.05em
}
@media screen and (min-width: 45em){
    .perfect-for{
        margin:30px 0 30px 15px
    }
}
@media screen and (min-width: 53.75em){
    .perfect-for{
        letter-spacing:-0.01em;
        white-space:nowrap
    }
}
@media screen and (min-width: 75em){
    .perfect-for{
        letter-spacing:0.02em
    }
}
@media screen and (max-width: 26.25em){
    .perfect-for{
        font-size:2em;
        letter-spacing:0
    }
}
.for-right{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:100%
}
.for-right:last-child{
    margin-right:0
}
@media screen and (min-width: 45em){
    .for-right{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:31.76157%
    }
    .for-right:last-child{
        margin-right:0
    }
}
@media screen and (min-width: 53.75em){
    .for-right{
        float:left;
        display:block;
        margin-right:2.35765%;
        width:23.23176%
    }
    .for-right:last-child{
        margin-right:0
    }
}
.blank-space{
    color:#878787;
    display:inline-block;
    text-align:left;
    height:42px
}
@media screen and (max-width: 26.25em){
    .blank-space{
        height:40px
    }
}
.for-cta{
    margin:0 15px 25px
}
@media screen and (min-width: 45em){
    .for-cta{
        margin:55px 10px
    }
}
@media screen and (min-width: 53.75em){
    .for-cta{
        margin:33px 10px
    }
}
.button-one{
    font-size:18px;
    border-radius:0;
    font-weight:400;
    width:100%;
    background:#377DED;
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),-webkit-linear-gradient(280deg, #1869bc, #377DED 100%);
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),linear-gradient(280deg, #1869bc, #377DED 100%);
    border:1px solid #377DED;
    padding:9px;
    text-align:center;
    box-shadow:0 1px 6px 0 rgba(0,0,50,0.05);
    display:block;
    max-width:244px;
    -webkit-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.button-one:hover{
    background:#1762af;
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),-webkit-linear-gradient(200deg, #165FAA, #377DED 100%);
    background:radial-gradient(closest-corner, rgba(55,125,237,0) 50%,rgba(55,125,237,0.2)),linear-gradient(200deg, #165FAA, #377DED 100%);
    border-color:#3c80ed;
    box-shadow:0 6px 8px -4px rgba(0,0,50,0.12);
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out
}
.button-one:hover .arrow{
    -webkit-transform:translateX(3px);
    -moz-transform:translateX(3px);
    -ms-transform:translateX(3px);
    -o-transform:translateX(3px);
    transform:translateX(3px);
    -webkit-transition:all 150ms ease-in-out;
    -moz-transition:all 150ms ease-in-out;
    transition:all 150ms ease-in-out
}
@media screen and (max-width: 37.5em){
    .button-one{
        max-width:100%
    }
}
.button-one .arrow{
    width:26px;
    padding-left:2px;
    display:inline-block;
    line-height:0;
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out
}
.hide-at-first{
    visibility:hidden
}
.morphext>.animated{
    display:inline-block
}
.features-container{
    display:inline-block;
    width:100%
}
.first-feature-left,.second-feature-right{
    display:table
}
.first-feature-right{
    display:none;
    background-color:#545454
}
@media screen and (min-width: 45em){
    .first-feature-right{
        display:inline-block
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    .first-feature-right{
        display:inline-block
    }
}
.first-feature-left,.first-feature-right,.second-feature-left,.second-feature-right{
    width:100%;
    margin:0;
    min-height:250px
}
@media screen and (min-width: 45em){
    .first-feature-left,.first-feature-right,.second-feature-left,.second-feature-right{
        width:50%;
        height:350px
    }
}
@media screen and (min-width: 100em){
    .first-feature-left,.first-feature-right,.second-feature-left,.second-feature-right{
        height:500px
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    .first-feature-left,.first-feature-right,.second-feature-left,.second-feature-right{
        width:50%;
        height:350px
    }
}
.feature-wrapper{
    display:table-cell;
    vertical-align:middle
}
.first-feature-right{
    background-image:url("../images/messaging.jpg");
    background-size:cover;
    box-shadow:inset 0 0 50px rgba(0,0,20,0.1);
    background-position:center top
}
.first-feature-left{
    float:left;
    background-color:#ededed;
    padding:15px
}
@media screen and (min-width: 45em){
    .first-feature-left{
        padding:15px 10%
    }
}
@media screen and (min-width: 125em){
    .first-feature-left{
        padding:15px 15%
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    .first-feature-left{
        padding:15px 30px
    }
}
.second-feature-left{
    background-image:url("../images/hangout.jpg");
    background-size:cover;
    float:left;
    box-shadow:inset 0 0 50px rgba(0,0,20,0.1);
    background-position:center top
}
.second-feature-left{
    background-color:#545454;
    display:inline-block
}
.feature-heading{
    color:#377DED;
    font-size:2.2em;
    text-align:left;
    margin-top:15px;
    font-weight:300
}
@media screen and (max-width: 26.25em){
    .feature-heading{
        font-size:2em
    }
}
.feature-copy{
    text-align:left;
    font-size:18px;
    line-height:1.4;
    margin-bottom:25px
}
@media screen and (max-width: 26.25em){
    .feature-copy{
        font-size:15px
    }
}
.second-feature-right{
    background-color:#efee5c;
    padding:30px;
    float:right;
    padding:15px
}
@media screen and (min-width: 45em){
    .second-feature-right{
        padding:15px 10%
    }
}
@media screen and (min-width: 125em){
    .second-feature-right{
        padding:15px 15%
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    .second-feature-right{
        padding:15px 30px
    }
}
.app-store-right,.app-store-left{
    float:left;
    display:block;
    margin-right:2.35765%;
    width:48.82117%
}
.app-store-right:last-child,.app-store-left:last-child{
    margin-right:0
}
.app-store-heading{
    text-align:right;
    font-size:18px;
    font-weight:400;
    font-weight:400;
    margin:15px;
    color:#000;
    padding:0 10px 0 0;
    word-spacing:0.05em;
    width:auto;
    display:table-cell;
    vertical-align:middle;
    text-align:right
}
.app-store-heading a{
    color:#000
}
.app-store-heading a:hover{
    color:#000;
    text-decoration:none
}
@media screen and (min-width: 45em){
    .app-store-heading{
        width:50%;
        text-align:center;
        padding:0 5px 0 0
    }
}
@media screen and (max-width: 37.5em){
    .app-store-heading{
        font-size:15px
    }
}
.app-store{
    display:inline-block;
    margin:0;
    width:116px
}
@media screen and (min-width: 45em){
    .app-store{
        width:190px
    }
}
.app-store-button{
    text-align:left;
    display:inline-block;
    margin:15px 0 15px 5px;
    width:100%
}
@media screen and (max-width: 37.5em){
    .app-store-button{
        display:table-cell;
        width:auto
    }
}
.app-store-container{
    background-color:#ededed;
    display:block;
    margin:0;
    width:100%
}
.app-store-content{
    margin:0 auto;
    display:table;
    padding:45px 5px
}
@media screen and (min-width: 45em){
    .app-store-content{
        padding:45px
    }
}
.top-row{
    display:block;
    width:100%;
    margin-bottom:-6px;
    overflow:hidden;
    outline:none
}
.bottom-row{
    display:block;
    width:100%;
    margin-bottom:-6px;
    overflow:hidden;
    outline:none
}
@media screen and (max-width: 45em){
    .medium-screen{
        display:block
    }
}
@media screen and (min-width: 53.75em){
    .medium-screen{
        display:none !important
    }
}
