/*!
 * Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@600;700&display=swap");.fa,.video-wrap__overlay:after,.button--alt:after,.fas,.far,.fal,.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

audio,canvas,img,svg,video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 1em;
    line-height: 1.4
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

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: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

p,h1,h2,#testimonial .name,h3,.gform_wrapper ul .gfield .gfield_label,h4,.hero__content .post-details>div,.hero__content .event-details>div,h5,h6,ul,li {
    margin: 0;
    padding: 0
}

body {
    width: 100%;
    *zoom:1}

body:before,body:after {
    content: "";
    display: table
}

body:after {
    clear: both
}

@font-face {
    font-family: 'gabriel_sans_cond_boldregular';
    src: url("../fonts/fontfabric_-_gabriel-sans-cond-bold-webfont.woff2") format("woff2"),url("../fonts/fontfabric_-_gabriel-sans-cond-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

a img.alignright,img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

a img.alignleft,img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

a img.alignnone,img.alignnone {
    margin: 0 0 1em 0
}

a img.aligncenter,img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

.container:not(.flex):before,.container:not(.flex):after {
    content: " ";
    display: table
}

.container:not(.flex):after {
    clear: both
}

.container:not(.flex) {
    *zoom:1}

.inset {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    display: inline-block;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    background: #06468b;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -webkit-backface-visibility: hidden
}

@media only screen and (max-width: 640px) {
    .button {
        padding:12px 15px;
        font-size: 15px
    }
}

.button:hover {
    background: #042d5a;
    color: #fff;
    text-decoration: none
}

.button.outline {
    background: none;
    border: 3px solid;
    color: #06468b;
    padding: 12px 17px
}

@media only screen and (max-width: 640px) {
    .button.outline {
        padding:7px 12px
    }
}

.button.outline:hover {
    color: #06468b
}

.button--blue-light,.page-id-2774 #coding.image-with-content .button,.page-id-2882 #technology.image-with-content .button {
    background: #1bb5f2
}

.button--blue-light:hover,.page-id-2774 #coding.image-with-content .button:hover,.page-id-2882 #technology.image-with-content .button:hover {
    background: #0da9e6
}

.button--orange {
    background: #f49025
}

.button--orange:hover {
    background: #F47C25
}

.button--yellow,.page-id-2882 #engineering.image-with-content .button {
    background: #D19212
}

.button--yellow:hover,.page-id-2882 #engineering.image-with-content .button:hover {
    background: #ba8210
}

.button--green,.page-id-2882 #science.image-with-content .button {
    background: #919E29
}

.button--green:hover,.page-id-2882 #science.image-with-content .button:hover {
    background: #6c761e
}

.button--red,.page-template-template-detail-page.page-id-2832 .button:not(.button--alt),.page-id-2774 #data.image-with-content .button,.page-id-2882 #math.image-with-content .button {
    background: #8D291C
}

.button--red:hover,.page-template-template-detail-page.page-id-2832 .button:hover:not(.button--alt),.page-id-2774 #data.image-with-content .button:hover,.page-id-2882 #math.image-with-content .button:hover {
    background: #782318
}

.button--purple,.page-template-template-detail-page.page-id-2829 .button:not(.button--alt),.page-id-2774 #graphic-design.image-with-content .button,.page-id-2882 #industries.image-with-content .button {
    background: #573499
}

.button--purple:hover,.page-template-template-detail-page.page-id-2829 .button:hover:not(.button--alt),.page-id-2774 #graphic-design.image-with-content .button:hover,.page-id-2882 #industries.image-with-content .button:hover {
    background: #412773
}

.button--teal,.page-id-2882 #medical.image-with-content .button {
    background: #2cc0af
}

.button--teal:hover,.page-id-2882 #medical.image-with-content .button:hover {
    background: #229789
}

.button--grey,.page-template-template-detail-page.page-id-2836 .button:not(.button--alt),.page-id-2774 #infrastructure.image-with-content .button {
    background: #343a40
}

.button--grey:hover,.page-template-template-detail-page.page-id-2836 .button:hover:not(.button--alt),.page-id-2774 #infrastructure.image-with-content .button:hover {
    background: #1d2124
}

.button--white,.page-template-template-detail-page.page-id-2836 .cta .button,.page-template-template-detail-page.page-id-2834 .cta .button,.page-template-template-detail-page.page-id-2832 .cta .button,.page-template-template-detail-page.page-id-2829 .cta .button {
    background: #fff;
    color: #06468b
}

.button--white:hover,.page-template-template-detail-page.page-id-2836 .cta .button:hover,.page-template-template-detail-page.page-id-2834 .cta .button:hover,.page-template-template-detail-page.page-id-2832 .cta .button:hover,.page-template-template-detail-page.page-id-2829 .cta .button:hover {
    background: #fff;
    color: #042d5a
}

.button--small {
    padding: 10px 15px;
    font-size: 14px
}

.button--small.outline {
    padding: 8px 13px;
    border-width: 2px
}

.button--alt {
    font-size: 16px;
    padding: 0;
    background: none;
    color: #06468b
}

.button--alt:after {
    content: "\f105";
    margin-left: 5px
}

.button--alt:hover {
    background: none;
    color: #042d5a
}

.arrow {
    display: inline-block;
    color: #06468b;
    text-decoration: none;
    text-transform: uppercase
}

.arrow:hover {
    text-decoration: none;
    color: #06468b
}

.arrow:hover:after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -o-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.arrow:after {
    -webkit-font-smoothing: antialiased;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block;
    position: relative;
    content: '\f101';
    font-family: 'FontAwesome';
    margin-left: 5px;
    font-weight: normal
}

.pagination {
    text-align: center
}

.pagination a,.pagination span {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 15px;
    border: 2px solid;
    color: #06468b;
    font-size: 16px;
    margin: 0 5px;
    text-decoration: none;
    text-transform: uppercase
}

.pagination span {
    background: #06468b;
    color: #fff;
    border-color: #06468b
}

.pagination span.dots {
    border: none;
    background: none;
    color: #06468b
}

.pagination a:hover {
    text-decoration: none !important;
    background: #042d5a;
    color: #fff;
    border-color: #042d5a
}

.text-shadow,.areas-of-tech-quiz-confirmation__main__inner h1,.areas-of-tech-quiz-confirmation__main__inner h3,.areas-of-tech-quiz-confirmation__main__inner .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .areas-of-tech-quiz-confirmation__main__inner .gfield_label,.hero__content p,.hero__content h3,.hero__content .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .hero__content .gfield_label,.hero__content h1 {
    text-shadow: 0 4px 5px rgba(0,0,0,0.3)
}

.py {
    padding: 100px 0
}

@media only screen and (max-width: 768px) {
    .py {
        padding:50px 0
    }
}

.py:not(.background-grey-lighter):not(.background-grey-lighter)+.py:not(.background-grey-lighter):not(.background-grey-lighter),.py.background-blue-dark+.py.background-blue-dark,.py.background-grey-lighter+.py.background-grey-lighter {
    padding-top: 0
}

.mb-l,.wysiwyg .mb-l {
    margin-bottom: 100px
}

.mb-m,.wysiwyg .mb-m {
    margin-bottom: 50px
}

.background-grey-lighter {
    background: #ebecec
}

.background-blue-dark {
    background: #021529;
    color: #fff
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.text-small {
    font-size: 15px
}

.border-radius,.areas-of-tech-quiz-confirmation__bottom__graph,.page-template-template-detail-page #interactive iframe,.page-template-template-detail-page #careers .flex .job-card,.page-template-template-detail-page #intro .container,.promotion__image img,.home .promotion__image:before,.image-with-content__content,.image-with-content__image,.gform_wrapper .gf_progressbar_wrapper .gf_progressbar,.video-wrap {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-wrap__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.video-wrap__overlay:hover:after {
    background: #fff;
    color: #042d5a
}

.video-wrap__overlay:before {
    background: #000;
    background: linear-gradient(135deg, #042d5a 0%, #06468b 100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5
}

.video-wrap__overlay:after {
    -webkit-font-smoothing: antialiased;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
    left: 50%;
    top: 50%;
    content: "\f04b";
    color: #fff;
    font-size: 20px;
    width: 70px;
    height: 70px;
    border: 3px solid #fff;
    text-align: center;
    line-height: 70px
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
    -webkit-animation-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.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    from,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    from,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    from,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

@keyframes jello {
    from,11.1%,to {
        -webkit-transform: 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.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.selector {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    background: #f9fafa;
    border: 1px solid #e3e5e4;
    position: relative;
    width: 100% !important;
    height: 45px
}

.selector span {
    display: block;
    font-size: 14px;
    padding: 12px 10px
}

.selector span:after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f107';
    position: absolute;
    font-family: 'FontAwesome';
    right: 10px;
    top: 50%;
    font-size: 24px
}

.selector select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#register .benefits {
    display: inline;
    float: left;
    width: 29.54545%;
    margin: 0 1.89394%
}

@media only screen and (max-width: 1024px) {
    #register .benefits {
        display:inline;
        float: left;
        width: 96.21212%;
        margin: 0 1.89394%;
        margin-bottom: 20px
    }
}

.sidebar #register .benefits {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 20px 0
}

#register .benefits p {
    margin-bottom: 15px
}

#register .benefits ul {
    list-style: none
}

#register .benefits ul li {
    margin-bottom: 8px
}

#register .benefits ul li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    color: #06468b;
    margin-right: 8px
}

#register .fields {
    display: inline;
    float: left;
    width: 62.87879%;
    margin: 0 1.89394%
}

#register .fields:before,#register .fields:after {
    content: " ";
    display: table
}

#register .fields:after {
    clear: both
}

#register .fields {
    *zoom:1}

@media only screen and (max-width: 1024px) {
    #register .fields {
        display:inline;
        float: left;
        width: 96.21212%;
        margin: 0 1.89394%
    }
}

.sidebar #register .fields {
    display: block;
    float: none;
    width: 100%;
    margin: 0
}

#register .fields .alert {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid;
    padding: 10px;
    margin: 0 10px 20px
}

#register .fields .alert.error {
    color: #8D291C
}

#register .fields .field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
    float: left
}

@media only screen and (max-width: 768px) {
    #register .fields .field {
        padding:0
    }
}

.sidebar #register .fields .field {
    float: none;
    padding: 0
}

#register .fields .field.half {
    width: 50%
}

@media only screen and (max-width: 768px) {
    #register .fields .field.half {
        width:100%
    }
}

.sidebar #register .fields .field.half {
    width: 100%
}

#register .fields .field.submit {
    text-align: center
}

.sidebar #register .fields .field.submit {
    text-align: left
}

#register .fields .field input[type="text"],#register .fields .field input[type="password"],#register .fields .field input[type="email"] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 12px 10px;
    background: #f9fafa;
    border: 1px solid #e3e5e4;
    font-size: 14px;
    -webkit-appearance: none
}

#register .fields .field input[type="checkbox"] {
    margin-right: 5px
}

#register .fields .field label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px
}

#register .fields .field a {
    color: #06468b;
    text-decoration: none
}

#register .fields .field a:hover {
    text-decoration: underline
}

.gform_confirmation_message {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px
}

.gform_wrapper {
    max-width: 800px;
    margin: 0 auto
}

.gform_wrapper .gform_heading {
    text-align: center;
    margin-bottom: 30px
}

.gform_wrapper .gform_page_footer:before,.gform_wrapper .gform_page_footer:after {
    content: " ";
    display: table
}

.gform_wrapper .gform_page_footer:after {
    clear: both
}

.gform_wrapper .gform_page_footer {
    *zoom:1}

.gform_wrapper .validation_error {
    color: #8D291C;
    margin-bottom: 10px
}

.gform_wrapper .gf_progressbar_wrapper {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e3e5e4
}

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title {
    display: none
}

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar {
    border: 1px solid #D0D3D4 !important;
    background: #fff
}

.gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {
    background: #06468b !important;
    border: none !important;
    padding: 10px;
    color: #fff
}

.gform_wrapper .gform_page .gform_page_footer .gform_ajax_spinner {
    display: none !important
}

.gform_wrapper .gform_page .gform_page_footer .button {
    padding: 10px 20px
}

.js .gform_wrapper .gform_page .gform_page_footer .button.gform_next_button {
    position: absolute;
    opacity: .5;
    visibility: hidden
}

.gform_wrapper ul {
    list-style: none
}

.gform_wrapper ul .gfield {
    margin-bottom: 25px
}

.gform_wrapper ul .gfield .gfield_label {
    display: block;
    margin-bottom: 5px
}

.gform_wrapper ul .gfield .gfield_radio {
    margin-top: 10px
}

.gform_wrapper ul .gfield .gfield_radio li {
    -webkit-font-smoothing: antialiased;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    border: 1px solid #D0D3D4;
    padding: 10px
}

.gform_wrapper ul .gfield .gfield_radio li:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.gform_wrapper ul .gfield .gfield_radio li:not(:last-child) {
    border-bottom: none
}

.gform_wrapper ul .gfield .gfield_radio li:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.gform_wrapper ul .gfield .gfield_radio li:hover,.gform_wrapper ul .gfield .gfield_radio li:active {
    cursor: pointer;
    background: #fafafa
}

.gform_wrapper ul .gfield .gfield_radio li.selected {
    background: #06468b;
    color: #fff
}

.gform_wrapper ul .gfield .gfield_radio li input {
    position: relative;
    top: 1px;
    margin-right: 7px
}

.js .gform_wrapper ul .gfield .gfield_radio li input {
    display: none
}

.gform_wrapper ul .gfield .gfield_radio li label {
    display: inline-block;
    margin: 0;
    cursor: pointer
}

.gform_wrapper ul .gfield .gfield_description {
    font-size: 14px;
    font-style: italic;
    margin-top: 5px
}

.gform_wrapper ul .gfield .gfield_description.validation_message {
    color: #8D291C
}

.gform_wrapper input[type="text"],.gform_wrapper input[type="password"],.gform_wrapper input[type="email"],.gform_wrapper textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 12px 10px;
    background: #f9fafa;
    border: 1px solid #e3e5e4;
    font-size: 14px;
    -webkit-appearance: none
}

.gform_wrapper a {
    color: #06468b;
    text-decoration: none
}

.gform_wrapper a:hover {
    text-decoration: underline
}

.gform_wrapper input[type="submit"] {
    float: right
}

html {
    position: relative;
    z-index: 1025
}

@media only screen and (max-width: 1024px) {
    html {
        z-index:1024
    }
}

@media only screen and (max-width: 768px) {
    html {
        z-index:768
    }
}

@media only screen and (max-width: 640px) {
    html {
        z-index:640
    }
}

@media only screen and (max-width: 480px) {
    html {
        z-index:480
    }
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #343a40;
    font-weight: 600;
    padding-top: 64px
}

@media only screen and (max-width: 1200px) {
    body {
        padding-top:58px
    }
}

@media only screen and (max-width: 640px) {
    body {
        padding-top:55px
    }
}

@media only screen and (max-width: 640px) {
    body {
        font-size:14px
    }
}

p {
    line-height: 1.5
}

p:not(:last-child) {
    margin-bottom: 10px
}

p.larger {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 20px
}

@media only screen and (max-width: 1024px) {
    p.larger {
        font-size:18px
    }
}

@media only screen and (max-width: 640px) {
    p.larger {
        font-size:14px;
        line-height: 1.5
    }
}

p.center {
    text-align: center
}

h1,h2,#testimonial .name,h3,.gform_wrapper ul .gfield .gfield_label,h4,.hero__content .post-details>div,.hero__content .event-details>div,h5,h6 {
    font-weight: normal;
    line-height: 1.2
}

h1 {
    font-family: "Bebas Neue",sans-serif;
    font-size: 80px;
    line-height: 1
}

@media only screen and (max-width: 1024px) {
    h1 {
        font-size:60px
    }
}

@media only screen and (max-width: 640px) {
    h1 {
        font-size:42px
    }
}

h2,#testimonial .name {
    font-family: "gabriel_sans_cond_boldregular",sans-serif;
    font-size: 42px
}

@media only screen and (max-width: 768px) {
    h2,#testimonial .name {
        font-size:28px;
        line-height: 1.4
    }
}

@media only screen and (max-width: 640px) {
    h2,#testimonial .name {
        font-size:26px
    }
}

h2.section-title,#testimonial .section-title.name {
    text-align: center;
    margin-bottom: 100px;
    color: #06468b
}

@media only screen and (max-width: 1024px) {
    h2.section-title,#testimonial .section-title.name {
        margin-bottom:40px
    }
}

h3,.gform_wrapper ul .gfield .gfield_label {
    font-family: "gabriel_sans_cond_boldregular",sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #06468b
}

@media only screen and (max-width: 640px) {
    h3,.gform_wrapper ul .gfield .gfield_label {
        font-size:20px;
        line-height: 1.4
    }
}

h3.section-title,.gform_wrapper ul .gfield .section-title.gfield_label {
    text-align: center;
    margin-bottom: 50px;
    color: #06468b
}

h4,.hero__content .post-details>div,.hero__content .event-details>div {
    font-family: "gabriel_sans_cond_boldregular",sans-serif;
    font-weight: 500;
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px;
    text-transform: uppercase
}

a {
    -webkit-font-smoothing: antialiased;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    color: #06468b;
    text-decoration: none
}

a:hover {
    color: #06468b;
    text-decoration: underline
}

img {
    max-width: 100%;
    height: auto
}

.wysiwyg h2,.wysiwyg #testimonial .name,#testimonial .wysiwyg .name,.wysiwyg h3,.wysiwyg .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .wysiwyg .gfield_label,.wysiwyg h4,.wysiwyg .hero__content .post-details>div,.hero__content .wysiwyg .post-details>div,.wysiwyg .hero__content .event-details>div,.hero__content .wysiwyg .event-details>div {
    color: #06468b
}

.wysiwyg h2,.wysiwyg #testimonial .name,#testimonial .wysiwyg .name {
    margin-bottom: 20px
}

.wysiwyg h3,.wysiwyg .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .wysiwyg .gfield_label,.wysiwyg h4,.wysiwyg .hero__content .post-details>div,.hero__content .wysiwyg .post-details>div,.wysiwyg .hero__content .event-details>div,.hero__content .wysiwyg .event-details>div {
    margin-bottom: 10px
}

.wysiwyg p+h3,.wysiwyg .gform_wrapper ul .gfield p+.gfield_label,.gform_wrapper ul .gfield .wysiwyg p+.gfield_label,.wysiwyg p+h4,.wysiwyg .hero__content .post-details>p+div,.hero__content .wysiwyg .post-details>p+div,.wysiwyg .hero__content .event-details>p+div,.hero__content .wysiwyg .event-details>p+div {
    margin-top: 20px
}

.wysiwyg strong {
    color: #06468b
}

.wysiwyg .button {
    margin: 20px 0
}

.wysiwyg .button:last-child {
    margin-bottom: 0
}

.wysiwyg ol {
    padding-left: 0;
    list-style: none;
    counter-reset: oc-counter
}

.wysiwyg ol li {
    position: relative;
    counter-increment: oc-counter;
    padding-left: 32px
}

.wysiwyg ol li:not(:last-child) {
    margin-bottom: 10px
}

.wysiwyg ol li:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: #06468b;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    content: counter(oc-counter)
}

.wysiwyg ul {
    list-style: none
}

.wysiwyg ul:not(:last-child) {
    margin-bottom: 20px
}

.wysiwyg ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px
}

.wysiwyg ul li:before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 10px;
    background: #D0D3D4;
    top: .7em;
    left: 0
}

#header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff
}

.admin-bar #header {
    top: 32px
}

@media only screen and (max-width: 1200px) {
    #header {
        padding: 10px 0
    }
}

#header .flex {
    position: static;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 20px;
}

#header .flex #logo {
    position: absolute;
    width: 210px;
}

#header .flex nav {
    margin-left: auto;
}

.home #header .flex #logo {
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width: 1200px) {
    #header .flex #logo {
        width: 210px;
    }
}

#header .flex nav ul {
    display: flex;
    list-style: none;
    align-items: center
}

@media only screen and (max-width: 1200px) {
    #header .flex nav ul {
        padding-right:65px
    }
}

@media only screen and (max-width: 400px) {
    #header .flex nav ul {
        display:none
    }
}

@media only screen and (max-width: 1200px) {
    #header .flex nav ul li {
        display:none
    }
}

#header .flex nav ul li.current-menu-item a {
    background: #06468b;
    color: #fff
}


#header .flex nav ul li a {
    display: block;
    font-weight: bold;
    padding: 20px
}

#header a {
    color: #0f78bc;
}

#header .flex nav ul li a:hover {
    text-decoration: none;
    background: #0f78bc;
    color: #fff
}

#header__mobile-menu {
    -webkit-font-smoothing: antialiased;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 58px;
    bottom: 0;
    background: #042d5a;
    width: 100%;
    padding: 50px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.menu-active #header__mobile-menu {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 640px) {
    #header__mobile-menu {
        top:55px;
        padding: 20px 50px
    }
}

#header__mobile-menu ul {
    list-style: none
}

#header__mobile-menu ul li {
    text-align: center
}

#header__mobile-menu ul li a {
    display: inline-block;
    color: #fff;
    padding: 10px 20px
}

#header #menu-button {
    display: none;
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    outline: none
}

#header #menu-button:hover:before,#header #menu-button:hover:after,#header #menu-button:hover .bar {
    background: #042d5a
}

#header #menu-button:before,#header #menu-button:after {
    content: '';
    display: block
}

#header #menu-button:before,#header #menu-button:after,#header #menu-button .bar {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-font-smoothing: antialiased;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    width: 34px;
    height: 4px;
    left: 8px;
    background: #06468b
}

#header #menu-button:before {
    top: 10px
}

.menu-active #header #menu-button:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 23px
}

#header #menu-button:after {
    bottom: 10px
}

.menu-active #header #menu-button:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 23px
}

#header #menu-button .bar {
    top: 50%;
    margin-top: -2px
}

.menu-active #header #menu-button .bar {
    opacity: 0
}

@media only screen and (max-width: 1200px) {
    #header #menu-button {
        display:block
    }
}

footer .fa,footer .button--alt:after,footer .video-wrap__overlay:after {
    font-family: FontAwesome;
    font-weight: normal
}

section {
    position: relative
}

.hero {
    position: relative;
    padding: 300px 0 100px;
    background: #D0D3D4;
    overflow: hidden
}

.hero-image img {
    width: 100%
}

.hero-image+.hero {
    display: none
}

@media only screen and (max-width: 1024px) {
    .hero {
        padding:200px 0 50px
    }
}

@media only screen and (max-width: 640px) {
    .hero {
        padding:150px 0 30px
    }
}

.hero--small {
    padding: 200px 0 100px
}

@media only screen and (max-width: 640px) {
    .hero--small {
        padding:100px 0 30px
    }
}

.hero:before {
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #042d5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, #042d5a));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #042d5a 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, #042d5a 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, #042d5a 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #042d5a 100%);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150%;
    z-index: 1
}

.hero__content {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    width: 50%;
    text-align: left;
    z-index: 2
}

@media only screen and (max-width: 1024px) {
    .hero__content {
        width:100%
    }
}

.search .hero__content {
    width: 100%
}

@media only screen and (max-width: 640px) {
    .hero__content {
        width:100%
    }
}

.hero__content h1 {
    color: #fff;
    margin-bottom: 10px
}

@media only screen and (max-width: 640px) {
    .hero__content h1 {
        margin-bottom:10px
    }
}

.hero__content h3,.hero__content .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .hero__content .gfield_label {
    color: #fff;
    margin-bottom: 10px
}

.hero__content p {
    color: #fff
}

.hero__content .post-details,.hero__content .event-details {
    color: rgba(255,255,255,0.7)
}

.hero__content .post-details>div,.hero__content .event-details>div {
    margin: 5px 0
}

.hero__content .post-details>div:last-of-type,.hero__content .event-details>div:last-of-type {
    margin-bottom: 0
}

.hero .hero-background {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120%;
    background-size: cover;
    background-position: center center
}

.supporting-partners {
    text-align: center
}

.supporting-partners .flex {
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.supporting-partners .partner {
    display: block;
    margin: 0 20px
}

.supporting-partners .partner:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.supporting-partners .partner img {
    -webkit-font-smoothing: antialiased;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    height: 50px;
    width: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .7
}

@media (min-width: 1025px) {
    .page-template-template-landing-page .image-with-content>.container {
        -webkit-font-smoothing:antialiased;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .3s
    }
}

@media only screen and (max-width: 1600px) {
    .page-template-template-landing-page .on-page-menu.fixed~.image-with-content>.container {
        padding-right:120px
    }
}

@media only screen and (max-width: 1400px) {
    .page-template-template-landing-page .on-page-menu.fixed~.image-with-content>.container {
        padding-right:160px
    }
}

@media only screen and (max-width: 1024px) {
    .page-template-template-landing-page .on-page-menu.fixed~.image-with-content>.container {
        padding-right:0
    }
}

@media screen and (min-width: 769px) {
    .image-with-content--flip .image-with-content__image {
        order:2
    }

    .image-with-content--flip .image-with-content__content {
        order: 1;
        margin-left: 0;
        margin-right: -5%;
        z-index: 1
    }
}

.image-with-content__image {
    width: 50%;
    background-size: cover;
    background-position: center
}

@media only screen and (max-width: 768px) {
    .image-with-content__image {
        -webkit-border-radius:4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        width: 100%;
        height: 300px
    }
}

@media only screen and (max-width: 640px) {
    .image-with-content__image {
        height:auto
    }
}

.image-with-content__image img {
    display: none
}

@media only screen and (max-width: 640px) {
    .image-with-content__image img {
        display:block
    }
}

.image-with-content__content {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 55%;
    margin: 50px 0 50px -5%;
    background: #ebecec;
    padding: 50px
}

@media only screen and (max-width: 768px) {
    .image-with-content__content {
        width:100%;
        margin: 0
    }
}

@media only screen and (max-width: 640px) {
    .image-with-content__content {
        padding:40px
    }
}

.two-column--offset .flex {
    align-items: flex-start !important
}

.two-column--offset .column:nth-child(odd) {
    width: 33.333%
}

.two-column--offset .column:nth-child(even) {
    width: 66.666%
}

@media only screen and (max-width: 1024px) {
    .two-column--offset .column {
        width:100% !important;
        padding: 0 !important
    }

    .two-column--offset .column+.column {
        margin-top: 50px
    }
}

.two-column .flex {
    align-items: center
}

.two-column .column {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%
}

.two-column .column:only-child {
    width: 100% !important;
    padding: 0 !important
}

.two-column .column:nth-child(odd) {
    padding-right: 50px
}

.two-column .column:nth-child(even) {
    padding-left: 50px
}

@media only screen and (max-width: 1024px) {
    .two-column .column {
        width:100%;
        padding: 0 !important
    }

    .two-column .column+.column {
        margin-top: 50px
    }
}

.cta {
    padding: 20px 0;
    background: #06468b
}

.cta .flex {
    align-items: center;
    justify-content: center;
    flex-flow: row nowrap
}

@media only screen and (max-width: 640px) {
    .cta .flex {
        display:block;
        text-align: center
    }
}

.cta .flex .button {
    flex: 0 0 200px;
    text-align: center
}

@media only screen and (max-width: 640px) {
    .cta .flex .button {
        margin-top:10px
    }
}

.cta .flex h3,.cta .flex .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .cta .flex .gfield_label {
    text-align: center;
    margin-right: 20px;
    color: #fff
}

.on-page-menu {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: #fff
}

@media (min-width: 1025px) {
    .on-page-menu+.promotion {
        padding-top:150px
    }
}

@media only screen and (max-width: 1024px) {
    .on-page-menu {
        display:none
    }
}

.on-page-menu.fixed ul {
    -webkit-box-shadow: -5px 0 25px rgba(0,0,0,0.1) ;
    -moz-box-shadow: -5px 0 25px rgba(0,0,0,0.1) ;
    box-shadow: -5px 0 25px rgba(0,0,0,0.1) ;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: fixed;
    display: block;
    right: 0;
    top: 80px;
    background: #ebecec;
    width: 200px;
    z-index: 1000;
    border-bottom: none
}

@media only screen and (max-width: 1280px) {
    .on-page-menu.fixed ul {
        width:180px
    }
}

.on-page-menu.fixed ul li a {
    padding-top: 10px;
    padding-bottom: 10px
}

@media only screen and (max-width: 1280px) {
    .on-page-menu.fixed ul li a {
        font-size:14px
    }
}

.on-page-menu ul {
    list-style: none;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid #ebecec
}

@media only screen and (max-width: 640px) {
    .on-page-menu ul {
        display:block
    }
}

.on-page-menu ul li {
    text-align: center
}

.on-page-menu ul li:hover a,.on-page-menu ul li.active a {
    background: #06468b;
    color: #fff !important
}

.on-page-menu ul li a {
    font-weight: 700;
    display: block;
    padding: 20px 25px
}

@media only screen and (max-width: 1400px) {
    .page-id-2886 .on-page-menu ul li a {
        padding-right:20px;
        padding-left: 20px
    }
}

@media only screen and (max-width: 1260px) {
    .page-id-2886 .on-page-menu ul li a {
        font-size:14px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 1060px) {
    .page-id-2886 .on-page-menu ul li a {
        font-size:13px
    }
}

.on-page-menu ul li a:hover {
    color: #fff !important;
    text-decoration: none
}

.promotion+.image-with-content .container {
    border-top: 1px solid #D0D3D4;
    padding-top: 100px
}

@media only screen and (max-width: 768px) {
    .promotion+.image-with-content .container {
        padding-top:50px
    }
}

.promotion .flex {
    align-items: center
}

.home .promotion .flex {
    align-items: flex-start
}

@media only screen and (max-width: 1024px) {
    .promotion .flex {
        align-items:flex-start
    }
}

.promotion__image {
    position: relative;
    width: 35%
}

@media only screen and (max-width: 640px) {
    .promotion__image {
        width:100%;
        text-align: center;
        margin-bottom: 50px
    }

    .home .promotion__image {
        margin-bottom: 20px
    }

    .promotion__image img {
        max-width: 400px
    }
}

@media (min-width: 641px) {
    .home .promotion__image {
        width:50%
    }
}

.home .promotion__image:before {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    left: -15px;
    background: #939f3b;
    width: 100%;
    height: 100%
}

.promotion__image h2 {
    background: #939f3b;
}

.promotion__image img {
    position: relative
}

.promotion__image .button {
    background: #939f3b;
}

.promotion__image .button:hover {
    background: #7f8938;
}

.home .promotion__image img {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2) ;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2) ;
    box-shadow: 0 0 15px rgba(0,0,0,0.2) ;
    border: 5px solid #fff
}

.promotion__content {
    width: 65%;
    padding-left: 50px
}

@media (min-width: 641px) {
    .home .promotion__content {
        width:50%
    }
}

@media only screen and (max-width: 640px) {
    .promotion__content {
        width:100%;
        padding: 0
    }
}

.horizontal-callouts .flex+.container {
    margin-top: 50px
}

.horizontal-callouts .flex .callout {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    width: 29.333%;
    margin: 0 2%;
    padding-left: 100px
}

.horizontal-callouts .flex .callout:nth-child(n+4) {
    margin-top: 4%
}

@media only screen and (max-width: 1024px) {
    .horizontal-callouts .flex .callout {
        width:46%
    }

    .horizontal-callouts .flex .callout:nth-child(n+3) {
        margin-top: 50px
    }
}

@media only screen and (max-width: 640px) {
    .horizontal-callouts .flex .callout {
        width:100%;
        margin: 0
    }

    .horizontal-callouts .flex .callout:nth-child(n+2) {
        margin-top: 40px
    }
}

.horizontal-callouts .flex .callout__icon {
    position: absolute;
    width: 80px;
    top: 0;
    left: 0;
    text-decoration: none
}

.horizontal-callouts .flex .callout__icon span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    font-weight: 700
}

.horizontal-callouts .flex .callout a {
    text-decoration: none
}

.horizontal-callouts .flex .callout a:hover h3,.horizontal-callouts .flex .callout a:hover .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .horizontal-callouts .flex .callout a:hover .gfield_label {
    -webkit-font-smoothing: antialiased;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    color: #042d5a
}

.horizontal-callouts .flex .callout h3,.horizontal-callouts .flex .callout .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .horizontal-callouts .flex .callout .gfield_label,.horizontal-callouts .flex .callout strong {
    display: block;
    margin-bottom: 5px
}

#breadcrumbs {
    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    z-index: 100;
    width: 100%;
    padding: 20px 0 50px;
    top: 0
}

@media only screen and (max-width: 640px) {
    #breadcrumbs {
        display:none
    }
}

#breadcrumbs nav {
    display: inline;
    float: left;
    width: 96.21212%;
    margin: 0 1.89394%
}

#breadcrumbs nav .trail-browse {
    display: none
}

#breadcrumbs nav .trail-items li {
    color: #fff
}

#breadcrumbs nav .trail-items li:after {
    content: '\f105';
    font-family: 'FontAwesome';
    padding: 0 15px
}

#breadcrumbs nav .trail-items li:last-child a {
    text-decoration: none;
    cursor: default !important
}

#breadcrumbs nav .trail-items li a {
    color: #fff !important;
    text-decoration: underline
}

#testimonial {
    text-align: center;
    padding: 60px 0
}

#testimonial .quote {
    max-width: 800px;
    margin: 0 auto 40px;
    font-size: 21px;
    line-height: 32px;
    color: #343a40
}

#testimonial .name {
    color: #06468b;
    margin-bottom: 5px
}

#testimonial .title {
    font-size: 21px
}

#pre-footer {
    background: #D0D3D4;
    padding: 80px 0;
    color: #343a40
}

.aim-logged-in #pre-footer {
    background: #fff
}

#pre-footer .column {
    display: inline;
    float: left;
    width: 46.21212%;
    margin: 0 1.89394%;
    text-align: center
}

@media only screen and (max-width: 768px) {
    #pre-footer .column {
        display:inline;
        float: left;
        width: 79.54545%;
        margin: 0 1.89394%;
        margin-left: 10.22727%;
        margin-bottom: 40px
    }

    #pre-footer .column:last-of-type {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 640px) {
    #pre-footer .column {
        display:inline;
        float: left;
        width: 96.21212%;
        margin: 0 1.89394%;
        margin-bottom: 40px
    }

    #pre-footer .column:last-of-type {
        margin-bottom: 0
    }
}

#pre-footer .column h2,#pre-footer .column #testimonial .name,#testimonial #pre-footer .column .name {
    text-align: center;
    margin-bottom: 30px;
    color: #343a40
}

main {
    position: relative
}

.page-template-default main {
    padding: 100px 0
}

@media only screen and (max-width: 640px) {
    .page-template-default main {
        padding:50px 0
    }
}

main .sidebar {
    display: inline;
    float: left;
    width: 29.54545%;
    margin: 0 1.89394%;
    float: left
}

@media only screen and (max-width: 1024px) {
    main .sidebar {
        display:inline;
        float: left;
        width: 37.87879%;
        margin: 0 1.89394%
    }
}

@media only screen and (max-width: 768px) {
    main .sidebar {
        -webkit-border-radius:4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        display: inline;
        float: left;
        width: 96.21212%;
        margin: 0 1.89394%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin-top: 40px;
        border: 1px solid #e3e5e4;
        padding: 20px
    }
}

main .sidebar .widget {
    margin-bottom: 30px
}

main .sidebar .widget:last-of-type {
    margin: 0
}

main .sidebar .widget #category-filter {
    list-style: none
}

main .sidebar .widget #category-filter li {
    margin-bottom: 5px
}

main .sidebar .widget #category-filter li.current-cat a {
    color: #06468b
}

main .sidebar .widget #category-filter li a {
    color: #97999B;
    text-decoration: none
}

main .sidebar .event-details>div {
    margin-bottom: 15px
}

main .sidebar .event-details>div h5 a {
    color: #343a40
}

main .sidebar .event-details>div h5 a:hover {
    color: #06468b
}

main .sidebar .event-details>div h6 {
    color: #06468b
}

main .sidebar .event-details>div .button {
    margin-top: 5px
}

main .content {
    display: inline;
    float: left;
    width: 79.54545%;
    margin: 0 1.89394%;
    margin-left: 10.22727%;
    position: relative
}

@media only screen and (max-width: 768px) {
    main .content {
        display:inline;
        float: left;
        width: 96.21212%;
        margin: 0 1.89394%
    }
}

main .content.has-sidebar {
    display: inline;
    float: left;
    width: 62.87879%;
    margin: 0 1.89394%;
    float: right
}

@media only screen and (max-width: 1024px) {
    main .content.has-sidebar {
        display:inline;
        float: left;
        width: 54.54545%;
        margin: 0 1.89394%;
        float: right
    }
}

@media only screen and (max-width: 768px) {
    main .content.has-sidebar {
        display:inline;
        float: left;
        width: 96.21212%;
        margin: 0 1.89394%
    }
}

.on-page-menu ul li.active a[href="#coding"],.on-page-menu ul li:hover a[href="#coding"] {
    background: #1bb5f2
}

.on-page-menu ul li.active a[href="#graphic-design"],.on-page-menu ul li:hover a[href="#graphic-design"] {
    background: #573499
}

.on-page-menu ul li.active a[href="#data"],.on-page-menu ul li:hover a[href="#data"] {
    background: #8D291C
}

.on-page-menu ul li.active a[href="#support"],.on-page-menu ul li:hover a[href="#support"] {
    background: #06468b
}

.on-page-menu ul li.active a[href="#infrastructure"],.on-page-menu ul li:hover a[href="#infrastructure"] {
    background: #343a40
}

.on-page-menu ul li.active a[href="#science"],.on-page-menu ul li:hover a[href="#science"] {
    background: #919E29
}

.on-page-menu ul li.active a[href="#technology"],.on-page-menu ul li:hover a[href="#technology"] {
    background: #1bb5f2
}

.on-page-menu ul li.active a[href="#engineering"],.on-page-menu ul li:hover a[href="#engineering"] {
    background: #D19212
}

.on-page-menu ul li.active a[href="#math"],.on-page-menu ul li:hover a[href="#math"] {
    background: #8D291C
}

.on-page-menu ul li.active a[href="#industries"],.on-page-menu ul li:hover a[href="#industries"] {
    background: #573499
}

.on-page-menu ul li.active a[href="#medical"],.on-page-menu ul li:hover a[href="#medical"] {
    background: #2cc0af
}

.on-page-menu ul li a[href="#coding"] {
    color: #1bb5f2
}

.on-page-menu ul li a[href="#graphic-design"] {
    color: #573499
}

.on-page-menu ul li a[href="#data"] {
    color: #8D291C
}

.on-page-menu ul li a[href="#support"] {
    color: #06468b
}

.on-page-menu ul li a[href="#infrastructure"] {
    color: #343a40
}

.on-page-menu ul li a[href="#science"] {
    color: #919E29
}

.on-page-menu ul li a[href="#technology"] {
    color: #1bb5f2
}

.on-page-menu ul li a[href="#engineering"] {
    color: #D19212
}

.on-page-menu ul li a[href="#math"] {
    color: #8D291C
}

.on-page-menu ul li a[href="#industries"] {
    color: #573499
}

.on-page-menu ul li a[href="#medical"] {
    color: #2cc0af
}

.page-id-2882 #science.image-with-content h2,.page-id-2882 #science.image-with-content #testimonial .name,#testimonial .page-id-2882 #science.image-with-content .name,.page-id-2882 #science.image-with-content strong {
    color: #919E29
}

.page-id-2882 #technology.image-with-content h2,.page-id-2882 #technology.image-with-content #testimonial .name,#testimonial .page-id-2882 #technology.image-with-content .name,.page-id-2882 #technology.image-with-content strong {
    color: #1bb5f2
}

.page-id-2882 #engineering.image-with-content h2,.page-id-2882 #engineering.image-with-content #testimonial .name,#testimonial .page-id-2882 #engineering.image-with-content .name,.page-id-2882 #engineering.image-with-content strong {
    color: #D19212
}

.page-id-2882 #math.image-with-content h2,.page-id-2882 #math.image-with-content #testimonial .name,#testimonial .page-id-2882 #math.image-with-content .name,.page-id-2882 #math.image-with-content strong {
    color: #8D291C
}

.page-id-2882 #industries.image-with-content h2,.page-id-2882 #industries.image-with-content #testimonial .name,#testimonial .page-id-2882 #industries.image-with-content .name,.page-id-2882 #industries.image-with-content strong {
    color: #573499
}

.page-id-2882 #medical.image-with-content h2,.page-id-2882 #medical.image-with-content #testimonial .name,#testimonial .page-id-2882 #medical.image-with-content .name,.page-id-2882 #medical.image-with-content strong {
    color: #2cc0af
}

.page-id-2774 .hero:before {
    background: rgba(27,181,242,0);
    background: -moz-linear-gradient(top, rgba(27,181,242,0) 0%, #0da9e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(27,181,242,0)), color-stop(100%, #0da9e6));
    background: -webkit-linear-gradient(top, rgba(27,181,242,0) 0%, #0da9e6 100%);
    background: -o-linear-gradient(top, rgba(27,181,242,0) 0%, #0da9e6 100%);
    background: -ms-linear-gradient(top, rgba(27,181,242,0) 0%, #0da9e6 100%);
    background: linear-gradient(to bottom, rgba(27,181,242,0) 0%, #0da9e6 100%)
}

.page-id-2774 #coding.image-with-content h2,.page-id-2774 #coding.image-with-content #testimonial .name,#testimonial .page-id-2774 #coding.image-with-content .name {
    color: #1bb5f2
}

.page-id-2774 #graphic-design.image-with-content h2,.page-id-2774 #graphic-design.image-with-content #testimonial .name,#testimonial .page-id-2774 #graphic-design.image-with-content .name,.page-id-2774 #graphic-design.image-with-content strong {
    color: #573499
}

.page-id-2774 #data.image-with-content h2,.page-id-2774 #data.image-with-content #testimonial .name,#testimonial .page-id-2774 #data.image-with-content .name,.page-id-2774 #data.image-with-content strong {
    color: #8D291C
}

.page-id-2774 #support.image-with-content h2,.page-id-2774 #support.image-with-content #testimonial .name,#testimonial .page-id-2774 #support.image-with-content .name,.page-id-2774 #support.image-with-content strong {
    color: #06468b
}

.page-id-2774 #infrastructure.image-with-content h2,.page-id-2774 #infrastructure.image-with-content #testimonial .name,#testimonial .page-id-2774 #infrastructure.image-with-content .name,.page-id-2774 #infrastructure.image-with-content strong {
    color: #343a40
}

.page-id-2886 .hero:before {
    background: rgba(6,70,139,0);
    background: -moz-linear-gradient(top, rgba(6,70,139,0) 0%, #6c761e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6,70,139,0)), color-stop(100%, #6c761e));
    background: -webkit-linear-gradient(top, rgba(6,70,139,0) 0%, #6c761e 100%);
    background: -o-linear-gradient(top, rgba(6,70,139,0) 0%, #6c761e 100%);
    background: -ms-linear-gradient(top, rgba(6,70,139,0) 0%, #6c761e 100%);
    background: linear-gradient(to bottom, rgba(6,70,139,0) 0%, #6c761e 100%)
}

.page-id-2888 .hero:before {
    background: rgba(209,146,18,0);
    background: -moz-linear-gradient(top, rgba(209,146,18,0) 0%, #ba8210 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(209,146,18,0)), color-stop(100%, #ba8210));
    background: -webkit-linear-gradient(top, rgba(209,146,18,0) 0%, #ba8210 100%);
    background: -o-linear-gradient(top, rgba(209,146,18,0) 0%, #ba8210 100%);
    background: -ms-linear-gradient(top, rgba(209,146,18,0) 0%, #ba8210 100%);
    background: linear-gradient(to bottom, rgba(209,146,18,0) 0%, #ba8210 100%)
}

.page-id-2890 .hero:before {
    background: rgba(141,41,28,0);
    background: -moz-linear-gradient(top, rgba(141,41,28,0) 0%, #8d291c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(141,41,28,0)), color-stop(100%, #8d291c));
    background: -webkit-linear-gradient(top, rgba(141,41,28,0) 0%, #8d291c 100%);
    background: -o-linear-gradient(top, rgba(141,41,28,0) 0%, #8d291c 100%);
    background: -ms-linear-gradient(top, rgba(141,41,28,0) 0%, #8d291c 100%);
    background: linear-gradient(to bottom, rgba(141,41,28,0) 0%, #8d291c 100%)
}

.page-id-2892 .hero:before {
    background: rgba(87,52,153,0);
    background: -moz-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(87,52,153,0)), color-stop(100%, #573499));
    background: -webkit-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: -o-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: -ms-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: linear-gradient(to bottom, rgba(87,52,153,0) 0%, #573499 100%)
}

.page-id-3206 .hero:before {
    background: rgba(44,192,175,0);
    background: -moz-linear-gradient(top, rgba(44,192,175,0) 0%, #2cc0af 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(44,192,175,0)), color-stop(100%, #2cc0af));
    background: -webkit-linear-gradient(top, rgba(44,192,175,0) 0%, #2cc0af 100%);
    background: -o-linear-gradient(top, rgba(44,192,175,0) 0%, #2cc0af 100%);
    background: -ms-linear-gradient(top, rgba(44,192,175,0) 0%, #2cc0af 100%);
    background: linear-gradient(to bottom, rgba(44,192,175,0) 0%, #2cc0af 100%)
}

.page-template-template-detail-page.page-id-2786 .hero:before {
    background: rgba(6,70,139,0);
    background: -moz-linear-gradient(top, rgba(6,70,139,0) 0%, #053a73 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6,70,139,0)), color-stop(100%, #053a73));
    background: -webkit-linear-gradient(top, rgba(6,70,139,0) 0%, #053a73 100%);
    background: -o-linear-gradient(top, rgba(6,70,139,0) 0%, #053a73 100%);
    background: -ms-linear-gradient(top, rgba(6,70,139,0) 0%, #053a73 100%);
    background: linear-gradient(to bottom, rgba(6,70,139,0) 0%, #053a73 100%)
}

.page-template-template-detail-page.page-id-2829 .hero:before {
    background: rgba(87,52,153,0);
    background: -moz-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(87,52,153,0)), color-stop(100%, #573499));
    background: -webkit-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: -o-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: -ms-linear-gradient(top, rgba(87,52,153,0) 0%, #573499 100%);
    background: linear-gradient(to bottom, rgba(87,52,153,0) 0%, #573499 100%)
}

.page-template-template-detail-page.page-id-2829 .cta {
    background: #573499
}

.page-template-template-detail-page.page-id-2832 .hero:before {
    background: rgba(141,41,28,0);
    background: -moz-linear-gradient(top, rgba(141,41,28,0) 0%, #621d14 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(141,41,28,0)), color-stop(100%, #621d14));
    background: -webkit-linear-gradient(top, rgba(141,41,28,0) 0%, #621d14 100%);
    background: -o-linear-gradient(top, rgba(141,41,28,0) 0%, #621d14 100%);
    background: -ms-linear-gradient(top, rgba(141,41,28,0) 0%, #621d14 100%);
    background: linear-gradient(to bottom, rgba(141,41,28,0) 0%, #621d14 100%)
}

.page-template-template-detail-page.page-id-2832 .cta {
    background: #8D291C
}

.page-template-template-detail-page.page-id-2834 .hero:before {
    background: rgba(6,70,139,0);
    background: -moz-linear-gradient(top, rgba(6,70,139,0) 0%, #06468b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6,70,139,0)), color-stop(100%, #06468b));
    background: -webkit-linear-gradient(top, rgba(6,70,139,0) 0%, #06468b 100%);
    background: -o-linear-gradient(top, rgba(6,70,139,0) 0%, #06468b 100%);
    background: -ms-linear-gradient(top, rgba(6,70,139,0) 0%, #06468b 100%);
    background: linear-gradient(to bottom, rgba(6,70,139,0) 0%, #06468b 100%)
}

.page-template-template-detail-page.page-id-2834 .cta {
    background: #06468b
}

.page-template-template-detail-page.page-id-2836 .hero:before {
    background: rgba(52,58,64,0);
    background: -moz-linear-gradient(top, rgba(52,58,64,0) 0%, #343a40 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(52,58,64,0)), color-stop(100%, #343a40));
    background: -webkit-linear-gradient(top, rgba(52,58,64,0) 0%, #343a40 100%);
    background: -o-linear-gradient(top, rgba(52,58,64,0) 0%, #343a40 100%);
    background: -ms-linear-gradient(top, rgba(52,58,64,0) 0%, #343a40 100%);
    background: linear-gradient(to bottom, rgba(52,58,64,0) 0%, #343a40 100%)
}

.page-template-template-detail-page.page-id-2836 .cta {
    background: #343a40
}

.page-template-template-detail-page .hero {
    padding-bottom: 140px
}

.page-template-template-detail-page #intro {
    position: relative;
    padding-top: 0;
    margin-top: -100px;
    z-index: 100
}

.page-template-template-detail-page #intro .container {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    padding: 50px 50px 0
}

@media only screen and (max-width: 640px) {
    .page-template-template-detail-page #intro .container {
        padding:40px
    }
}

.page-template-template-detail-page #careers {
    text-align: center
}

.page-template-template-detail-page #careers .flex {
    justify-content: center;
    align-items: stretch
}

.page-template-template-detail-page #careers .flex .job-card {
    display: flex;
    flex-flow: row wrap;
    background: #fff;
    text-align: left
}

@media screen and (min-width: 1025px) {
    .page-template-template-detail-page #careers .flex .job-card {
        width:49%;
        margin: 0 1%
    }

    .page-template-template-detail-page #careers .flex .job-card:nth-child(odd) {
        margin-left: 0
    }

    .page-template-template-detail-page #careers .flex .job-card:nth-child(even) {
        margin-right: 0
    }

    .page-template-template-detail-page #careers .flex .job-card:nth-child(n+3) {
        margin-top: 20px
    }

    .page-template-template-detail-page #careers .flex .job-card:last-child:nth-child(odd) {
        margin-right: 0
    }
}

@media only screen and (max-width: 1024px) {
    .page-template-template-detail-page #careers .flex .job-card:nth-child(n+2) {
        margin-top:20px
    }
}

@media only screen and (max-width: 640px) {
    .page-template-template-detail-page #careers .flex .job-card {
        display:block
    }
}

.page-template-template-detail-page #careers .flex .job-card__image {
    flex: 0 0 33.333%;
    background-size: cover;
    background-position: center
}

@media only screen and (max-width: 640px) {
    .page-template-template-detail-page #careers .flex .job-card__image {
        width:100%;
        height: 0;
        padding-top: 50%
    }
}

.page-template-template-detail-page #careers .flex .job-card__image img {
    display: none
}

.page-template-template-detail-page #careers .flex .job-card__details {
    flex: 1;
    padding: 20px;
    flex-flow: row wrap;
    border-left: none
}

.page-template-template-detail-page #careers .flex .job-card__details h3,.page-template-template-detail-page #careers .flex .job-card__details .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .page-template-template-detail-page #careers .flex .job-card__details .gfield_label {
    border-bottom: 1px solid #ebecec;
    padding-bottom: 10px
}

.page-template-template-detail-page #careers .flex .job-card__details .flex {
    border-bottom: 1px solid #ebecec;
    margin-bottom: 10px
}

.page-template-template-detail-page #careers .flex .job-card__details .flex>p {
    flex: 1;
    padding-right: 20px
}

.page-template-template-detail-page #careers .flex .job-card__details .button {
    margin-top: 0
}

.page-template-template-detail-page #interactive h2,.page-template-template-detail-page #interactive #testimonial .name,#testimonial .page-template-template-detail-page #interactive .name {
    color: #fff
}

.page-template-template-detail-page #interactive .flex {
    align-items: stretch !important
}

.page-template-template-detail-page #interactive iframe {
    height: 100%
}

#areas-of-tech-quiz-confirmation--coding.areas-of-tech-quiz-confirmation .areas-of-tech-quiz-confirmation__main:before {
    background: rgba(6,70,139,0.4);
    background: -moz-linear-gradient(top, rgba(6,70,139,0.4) 0%, #053a73 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6,70,139,0.4)), color-stop(100%, #053a73));
    background: -webkit-linear-gradient(top, rgba(6,70,139,0.4) 0%, #053a73 100%);
    background: -o-linear-gradient(top, rgba(6,70,139,0.4) 0%, #053a73 100%);
    background: -ms-linear-gradient(top, rgba(6,70,139,0.4) 0%, #053a73 100%);
    background: linear-gradient(to bottom, rgba(6,70,139,0.4) 0%, #053a73 100%)
}

#areas-of-tech-quiz-confirmation--coding.areas-of-tech-quiz-confirmation .areas-of-tech-quiz-confirmation__main .button {
    background: #fff;
    color: #06468b
}

#areas-of-tech-quiz-confirmation--coding.areas-of-tech-quiz-confirmation .areas-of-tech-quiz-confirmation__main .button:hover {
    color: #042d5a
}

#areas-of-tech-quiz-confirmation--design.areas-of-tech-quiz-confirmation .areas-of-tech-quiz-confirmation__main:before {
    background: rgba(87,52,153,0.4);
    background: -moz-linear-gradient(top, rgba(87,52,153,0.4) 0%, #4c2e86 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(87,52,153,0.4)), color-stop(100%, #4c2e86));
    background: -webkit-linear-gradient(top, rgba(87,52,153,0.4) 0%, #4c2e86 100%);
    background: -o-linear-gradient(top, rgba(87,52,153,0.4) 0%, #4c2e86 100%);
    background: -ms-linear-gradient(top, rgba(87,52,153,0.4) 0%, #4c2e86 100%);
    background: linear-gradient(to bottom, rgba(87,52,153,0.4) 0%, #4c2e86 100%)
}

#areas-of-tech-quiz-confirmation--data.areas-of-tech-quiz-confirmation .areas-of-tech-quiz-confirmation__main:before {
    background: rgba(77,22,15,0.4);
    background: -moz-linear-gradient(top, rgba(77,22,15,0.4) 0%, #4d160f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(77,22,15,0.4)), color-stop(100%, #4d160f));
    background: -webkit-linear-gradient(top, rgba(77,22,15,0.4) 0%, #4d160f 100%);
    background: -o-linear-gradient(top, rgba(77,22,15,0.4) 0%, #4d160f 100%);
    background: -ms-linear-gradient(top, rgba(77,22,15,0.4) 0%, #4d160f 100%);
    background: linear-gradient(to bottom, rgba(77,22,15,0.4) 0%, #4d160f 100%)
}

#areas-of-tech-quiz-confirmation--support.areas-of-tech-quiz-confirmation .areas-of-tech-quiz-confirmation__main:before {
    background: rgba(4,45,90,0.4);
    background: -moz-linear-gradient(top, rgba(4,45,90,0.4) 0%, #042d5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(4,45,90,0.4)), color-stop(100%, #042d5a));
    background: -webkit-linear-gradient(top, rgba(4,45,90,0.4) 0%, #042d5a 100%);
    background: -o-linear-gradient(top, rgba(4,45,90,0.4) 0%, #042d5a 100%);
    background: -ms-linear-gradient(top, rgba(4,45,90,0.4) 0%, #042d5a 100%);
    background: linear-gradient(to bottom, rgba(4,45,90,0.4) 0%, #042d5a 100%)
}

#areas-of-tech-quiz-confirmation--infrastructure.areas-of-tech-quiz-confirmation .areas-of-tech-quiz-confirmation__main:before {
    background: rgba(52,58,64,0.4);
    background: -moz-linear-gradient(top, rgba(52,58,64,0.4) 0%, #343a40 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(52,58,64,0.4)), color-stop(100%, #343a40));
    background: -webkit-linear-gradient(top, rgba(52,58,64,0.4) 0%, #343a40 100%);
    background: -o-linear-gradient(top, rgba(52,58,64,0.4) 0%, #343a40 100%);
    background: -ms-linear-gradient(top, rgba(52,58,64,0.4) 0%, #343a40 100%);
    background: linear-gradient(to bottom, rgba(52,58,64,0.4) 0%, #343a40 100%)
}

.areas-of-tech-quiz-confirmation__main {
    position: relative;
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
    padding: 150px 100px
}

@media only screen and (max-width: 640px) {
    .areas-of-tech-quiz-confirmation__main {
        padding:50px 20px
    }
}

.areas-of-tech-quiz-confirmation__main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.areas-of-tech-quiz-confirmation__main__inner {
    position: relative;
    max-width: 700px;
    margin: 0 auto
}

.areas-of-tech-quiz-confirmation__main__inner h3,.areas-of-tech-quiz-confirmation__main__inner .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .areas-of-tech-quiz-confirmation__main__inner .gfield_label {
    color: #fff;
    margin-bottom: 10px
}

.areas-of-tech-quiz-confirmation__main__inner h1 {
    margin-bottom: 10px
}

.areas-of-tech-quiz-confirmation__main__inner .button {
    margin-top: 10px
}

.areas-of-tech-quiz-confirmation__bottom {
    padding: 50px;
    text-align: center;
    color: #fff;
    background: #343a40;
    border-top: 1px solid rgba(255,255,255,0.3)
}

@media only screen and (max-width: 640px) {
    .areas-of-tech-quiz-confirmation__bottom {
        padding:50px 20px
    }
}

.areas-of-tech-quiz-confirmation__bottom__graph {
    display: flex;
    flex-flow: row nowrap;
    max-width: 1200px;
    margin: 20px auto
}

@media only screen and (max-width: 640px) {
    .areas-of-tech-quiz-confirmation__bottom__graph {
        display:block
    }
}

.areas-of-tech-quiz-confirmation__bottom__graph__item {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width: 768px) {
    .areas-of-tech-quiz-confirmation__bottom__graph__item {
        font-size:12px
    }
}

@media only screen and (max-width: 640px) {
    .areas-of-tech-quiz-confirmation__bottom__graph__item {
        width:100% !important
    }
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--coding {
    background: #06468b
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--coding:hover {
    background: rgba(6,70,139,0.9)
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--design {
    background: #573499
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--design:hover {
    background: rgba(87,52,153,0.8)
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--data {
    background: #8D291C
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--data:hover {
    background: rgba(141,41,28,0.8)
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--support {
    background: #042d5a
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--support:hover {
    background: rgba(4,45,90,0.8)
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--infrastructure {
    background: #4b545c
}

.areas-of-tech-quiz-confirmation__bottom__graph__item--infrastructure:hover {
    background: rgba(75,84,92,0.8)
}

.areas-of-tech-quiz-confirmation__bottom__graph__item:hover {
    color: #fff;
    text-decoration: none
}

.areas-of-tech-quiz-confirmation__bottom__graph__item strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width: 768px) {
    .areas-of-tech-quiz-confirmation__bottom__graph__item strong {
        font-size:13px
    }
}

.areas-of-tech-quiz-confirmation__bottom h3,.areas-of-tech-quiz-confirmation__bottom .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .areas-of-tech-quiz-confirmation__bottom .gfield_label {
    color: #fff
}

.areas-of-tech-quiz-confirmation__bottom h2,.areas-of-tech-quiz-confirmation__bottom #testimonial .name,#testimonial .areas-of-tech-quiz-confirmation__bottom .name {
    margin-bottom: 20px;
    color: #fff
}

.areas-of-tech-quiz-confirmation__bottom .button {
    margin: 0 5px
}

@media only screen and (max-width: 640px) {
    .areas-of-tech-quiz-confirmation__bottom .button {
        display:block;
        margin: 0
    }

    .areas-of-tech-quiz-confirmation__bottom .button+.button {
        margin-top: 10px
    }
}

#founding-partners {
    border-top: 1px solid #D0D3D4;
    background: #fff;
    text-align: center
}

#founding-partners:before {
    background: #D0D3D4;
    background: -moz-linear-gradient(top, #D0D3D4 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D0D3D4), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #D0D3D4 0%, #fff 100%);
    background: -o-linear-gradient(top, #D0D3D4 0%, #fff 100%);
    background: -ms-linear-gradient(top, #D0D3D4 0%, #fff 100%);
    background: linear-gradient(to bottom, #D0D3D4 0%, #fff 100%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    opacity: .5
}

#founding-partners ul {
    display: flex;
    list-style: none;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 50px 0
}

#founding-partners ul li {
    width: 16%;
    margin: 0 2%
}

@media only screen and (max-width: 640px) {
    #founding-partners ul li {
        width:31.333%
    }

    #founding-partners ul li:nth-child(n+4) {
        margin-top: 20px
    }
}

#founding-partners ul li a {
    display: block
}

#founding-partners ul li h4,#founding-partners ul li .hero__content .post-details>div,.hero__content #founding-partners ul li .post-details>div,#founding-partners ul li .hero__content .event-details>div,.hero__content #founding-partners ul li .event-details>div {
    margin-bottom: 10px;
    color: #97999B
}

section.search {
    background: #032142;
    padding: 20px 0
}

#search-form {
    display: flex;
    flex-flow: row nowrap
}

.hero #search-form {
    margin-top: 20px
}

#search-form button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100px;
    text-align: center
}

#search-form input {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    flex: 1;
    border: none;
    padding: 20px;
    outline: none
}

@media only screen and (max-width: 640px) {
    #search-form input {
        padding:10px
    }
}

.search-results h3,.search-results .gform_wrapper ul .gfield .gfield_label,.gform_wrapper ul .gfield .search-results .gfield_label {
    margin-bottom: 10px
}

.search-results .search-result {
    border-bottom: 1px solid #D0D3D4;
    margin-bottom: 20px;
    padding-bottom: 20px
}

/*# sourceMappingURL=style.css.map */