/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */ #27EDA
p {
    font-family: Roboto, sans-serif
}
/*! Bulkit | 5.0 | CSS Ninja */



.pageloader {
    background-color: #06212C !important
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.box:not(:last-child), .content:not(:last-child), .title:not(:last-child) {
    margin-bottom: 1.5rem
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
body, h1, h2, h3, h4, h5, h6, html, p {
    margin: 0;
    padding: 0
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
img {
    height: auto;
    max-width: 100%
}
html {
    background-color: #06212C;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}
footer, section {
    display: block
}
body {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
body {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}
a {
    color: #039be5;
    cursor: pointer;
    text-decoration: none
}
a:hover {
    color: #363636
}
img {
    height: auto;
    max-width: 100%
}
.box {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}
a.box:focus, a.box:hover {
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px #039be5;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px #039be5
}
a.box:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #039be5;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #039be5
}
.container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto
    animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
@media screen and (min-width:1024px) {
    .container {
        max-width: 960px
    }
}
@media screen and (min-width:1216px) {
    .container:not(.is-max-desktop) {
        max-width: 920px
    }
}
.content p:not(:last-child) {
    margin-bottom: 1em
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}
.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}
.content h1:not(:first-child) {
    margin-top: 1em
}
.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}
.content h2:not(:first-child) {
    margin-top: 1.1428em
}
.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}
.content h3:not(:first-child) {
    margin-top: 1.3333em
}
.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}
.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}
.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}
.content.is-medium {
    font-size: 1.25rem
}
.icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}
.icon.is-medium {
    height: 2rem;
    width: 2rem
}
.image {
    display: block;
    position: relative
}
.image img {
    display: block;
    height: auto;
    width: 100%
}
.image.is-16x16 {
    height: 16px;
    width: 16px
}
.image.is-24x24 {
    height: 24px;
    width: 24px
}
.image.is-32x32 {
    height: 32px;
    width: 32px
}
.image.is-48x48 {
    height: 48px;
    width: 48px
}
.image.is-64x64 {
    height: 64px;
    width: 64px
}
.image.is-96x96 {
    height: 96px;
    width: 96px
}
.image.is-128x128 {
    height: 128px;
    width: 128px
}
@-webkit-keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}
@keyframes moveIndeterminate {
    from {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}
.tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.tags:last-child {
    margin-bottom: -.5rem
}
.tags:not(:last-child) {
    margin-bottom: 1rem
}
.tags.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.title {
    word-break: break-word
}
.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}
.title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem
}
.title.is-1 {
    font-size: 3rem
}
.title.is-2 {
    font-size: 4rem;
    color: #27EDAE
}
.title.is-3 {
    font-size: 2rem
}
.title.is-4 {
    font-size: 1.5rem
}
.title.is-5 {
    font-size: 1.25rem
}
.title.is-6 {
    font-size: 1rem
}
.title.is-7 {
    font-size: .75rem
}
.card {
    background-color: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    color: #4a4a4a;
    max-width: 100%;
    overflow: hidden;
    position: relative
}
.card-image {
    display: block;
    position: relative
}
.card-content {
    background-color: transparent;
    padding: 1.5rem
}
.card-footer {
    background-color: transparent;
    border-top: 1px solid #e1e8ee;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: .75rem
}
@media screen and (min-width:769px), print {
    .column.is-0 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 0%
    }
    .column.is-1 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.3333333333%
    }
    .column.is-2 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.6666666667%
    }
    .column.is-3 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }
    .column.is-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333333333%
    }
    .column.is-5 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.6666666667%
    }
    .column.is-6 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }
    .column.is-7 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.3333333333%
    }
    .column.is-8 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666666667%
    }
    .column.is-9 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }
    .column.is-10 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.3333333333%
    }
    .column.is-11 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.6666666667%
    }
    .column.is-12 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }
}
.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}
.columns:last-child {
    margin-bottom: -.75rem
}
.columns:not(:last-child) {
    margin-bottom: calc(1.5rem - .75rem)
}
.columns.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.columns.is-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media screen and (min-width:769px), print {
    .columns:not(.is-desktop) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.has-text-light {
    color: #f5f5f5 !important
}
a.has-text-light:focus, a.has-text-light:hover {
    color: #dbdbdb !important
}
.has-text-link {
    color: #039be5 !important
}
a.has-text-link:focus, a.has-text-link:hover {
    color: #0279b3 !important
}
.has-text-link-light {
    color: #ebf8ff !important
}
a.has-text-link-light:focus, a.has-text-link-light:hover {
    color: #b9e7fe !important
}
.is-flex-wrap-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}
.is-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}
.is-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}
.is-flex-shrink-2 {
    -ms-flex-negative: 2 !important;
    flex-shrink: 2 !important
}
.is-flex-shrink-3 {
    -ms-flex-negative: 3 !important;
    flex-shrink: 3 !important
}
.is-flex-shrink-4 {
    -ms-flex-negative: 4 !important;
    flex-shrink: 4 !important
}
.is-flex-shrink-5 {
    -ms-flex-negative: 5 !important;
    flex-shrink: 5 !important
}
.p-0 {
    padding: 0 !important
}
.p-1 {
    padding: .25rem !important
}
.p-2 {
    padding: .5rem !important
}
.p-3 {
    padding: .75rem !important
}
.p-4 {
    padding: 1rem !important
}
.p-5 {
    padding: 1.5rem !important
}
.p-6 {
    padding: 3rem !important
}
.has-text-centered {
    text-align: center !important
}
.is-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}
.section {
    padding: 3rem 1.5rem
}
@media screen and (min-width:769px) {
    .section.is-medium {
        padding: 9rem 1.5rem
    }
}
.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}
@-webkit-keyframes decrement-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes decrement-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes decrement-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}
@keyframes decrement-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}
@-webkit-keyframes increment-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes increment-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes increment-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
}
@keyframes increment-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
}
.is-divider {
    display: block;
    position: relative;
    border-top: .1rem solid #dbdbdb;
    height: .1rem;
    margin: 2rem 0;
    text-align: center
}
.is-divider[data-content]::after {
    background: #fff;
    color: #b5b5b5;
    content: attr(data-content);
    display: inline-block;
    font-size: .75rem;
    padding: .4rem .8rem;
    -webkit-transform: translateY(-1.1rem);
    transform: translateY(-1.1rem);
    text-align: center
}
.is-divider.is-light {
    border-top-color: #f5f5f5
}
.is-divider.is-light[data-content]::after {
    background: rgba(0, 0, 0, .7);
    color: #f5f5f5
}
.is-divider.is-light::before {
    border-left-color: #f5f5f5
}
.is-divider.is-link {
    border-top-color: #039be5
}
.is-divider.is-link[data-content]::after {
    background: #fff;
    color: #039be5
}
.is-divider.is-link::before {
    border-left-color: #039be5
}
[data-action=iconPicker] {
    width: 0;
    height: 0;
    display: block;
    opacity: 0;
    top: -999px;
    position: absolute
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
::-moz-selection {
    background: #27EDAE;
    color: #fff
}
::selection {
    /*background: #27EDAE;*/
    color: #fff
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    overflow: hidden !important
}
a, a:active, div, div:active, div:focus {
    outline: 0 !important;
    text-align: center
}
a:focus {
    color: #27EDAE
}
section:focus {
    outline: 0 !important
}
@font-face {
    font-family: "Nexa Light";
    src: url(../fonts/text/nexa/NexaLight.woff) format("woff"), url(../fonts/text/nexa/NexaLight.ttf) format("truetype")
}
@font-face {
    font-family: "Nexa Bold";
    font-weight: 700;
    src: url(../fonts/text/nexa/NexaBold.woff) format("woff"), url(../fonts/text/nexa/NexaBold.ttf) format("truetype")
}
::-webkit-input-placeholder {
    color: #cecece
}
::-moz-placeholder {
    color: #cecece
}
:-ms-input-placeholder {
    color: #cecece
}
:-moz-placeholder {
    color: #cecece
}
body::-webkit-scrollbar {
    width: 10px
}
body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, .2)
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
.section {
    position: relative
}
.section .container {
    z-index: 1
}
.section .content-wrapper {
    padding-top: 40px
}
.section .title.section-title {
    font-size: 2.7rem;
    color: #a9abac;
    font-weight: 700;
    font-family: "Nexa Bold", sans-serif
}
.section .title-divider {
    margin: 10px 0;
    width: 80px;
    height: 5px;
    background: #27EDAE
}
.section .title-divider.is-centered {
    margin: 0 auto
}
.section .flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.section .flex-wrapper img {
    width: 23%
}
.section .featured-image {
    max-width: 540px !important;
    margin: 0 auto
}
.section .section-title.is-demo {
    max-width: 460px !important;
    margin: 0 auto !important
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
    .section .featured-image {
        max-width: 540px !important;
        margin: 0 auto
    }
    .section .section-title.is-demo {
        max-width: 460px !important;
        margin: 0 auto !important
    }
}
.content-flex, .content.content-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.content-flex h5, .content.content-flex h5 {
    padding: 0 !important
}
.divider {
    display: table;
    white-space: nowrap;
    margin-top: 20px;
    padding: 0 20px
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
footer.footer-light {
    background: #fff !important;
    color: #444f60;
    position: relative
}
footer.footer-light .columns {
    padding-top: 30px;
    padding-bottom: 30px
}
footer.footer-light .footer-column .copyright {
    padding: 10px 0
}
.footer-light-medium {
    padding-bottom: 0 !important;
    padding-top: 4rem !important;
    background: #fafafa
}
.footer-light-medium .footer-head {
    padding-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e3e3e3
}
.footer-light-medium .footer-head .head-text h3 {
    font-family: "Nexa Bold", sans-serif;
    font-size: 1.8rem;
    color: #444f60
}
.footer-light-medium .footer-head .head-text p {
    font-size: 1.1rem;
    color: #999
}
.footer-light-medium .footer-body {
    padding-top: 3rem
}
.footer-light-medium .footer-body .footer-column {
    padding-top: 20px
}
.footer-light-medium .footer-copyright {
    color: #999;
    padding: 4rem 0 2rem 0
}
.footer-light-medium .footer-copyright a {
    color: #999
}
.footer-light-medium .footer-copyright a:hover {
    color: #27EDAE
}
@media (max-width:767px) {
    .footer-light-medium .footer-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .footer-light-medium .footer-head .head-text {
        padding-bottom: 20px
    }
    .footer-light-medium .footer-body {
        padding: 1rem !important
    }
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
    .footer-light-medium .footer-head {
        padding: 1rem !important
    }
    .footer-light-medium .footer-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 2rem 1rem !important
    }
    .footer-light-medium .footer-body .column.is-4 {
        width: 42%;
        max-width: 42%;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
@-webkit-keyframes translateLeft {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes translateLeft {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes translateDown {
    from {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes translateDown {
    from {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes translateUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes translateUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeOutUp {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
}
@keyframes fadeOutUp {
    from {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
}
@-webkit-keyframes levitate {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@keyframes levitate {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@-webkit-keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    25% {
        -webkit-transform: scale(.9, 1.1);
        transform: scale(.9, 1.1)
    }
    50% {
        -webkit-transform: scale(1.1, .9);
        transform: scale(1.1, .9)
    }
    75% {
        -webkit-transform: scale(.95, 1.05);
        transform: scale(.95, 1.05)
    }
}
@keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    25% {
        -webkit-transform: scale(.9, 1.1);
        transform: scale(.9, 1.1)
    }
    50% {
        -webkit-transform: scale(1.1, .9);
        transform: scale(1.1, .9)
    }
    75% {
        -webkit-transform: scale(.95, 1.05);
        transform: scale(.95, 1.05)
    }
}
@-webkit-keyframes unzoom {
    from, to {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    25% {
        -webkit-transform: scale(.9, 1.1);
        transform: scale(.9, 1.1)
    }
    50% {
        -webkit-transform: scale(1.1, 0);
        transform: scale(1.1, 0)
    }
}
@keyframes unzoom {
    from, to {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    25% {
        -webkit-transform: scale(.9, 1.1);
        transform: scale(.9, 1.1)
    }
    50% {
        -webkit-transform: scale(1.1, 0);
        transform: scale(1.1, 0)
    }
}
@-webkit-keyframes dotPulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}
@keyframes dotPulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}
@-webkit-keyframes entrance {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    75% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes entrance {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    75% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes scaleIn {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes scaleInCircle {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(7);
        transform: scale(7)
    }
}
@keyframes scaleInCircle {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(7);
        transform: scale(7)
    }
}
@keyframes scaleOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes pulsate {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
.pageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #06212C;
    z-index: 999998;
    -webkit-animation: fadeout 1.4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 1.4s; /* Firefox < 16 */
        -ms-animation: fadeout 1.4s; /* Internet Explorer */
         -o-animation: fadeout 1.4s; /* Opera < 12.1 */
            animation: fadeOut 1.4s;

opacity: 0;
}
.pageloader.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.pageloader::after, .pageloader::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-radius: 100%;
    content: "";
    z-index: 999999
}
.pageloader::after {
    margin-top: -100px;
    margin-left: -100px;
    width: 200px;
    height: 200px;
    background-color: rgba(255, 255, 255, .5);
    border: 3px solid rgba(255, 255, 255, .75);
    -webkit-animation: page-loader-inner .5s infinite ease-out;
    animation: page-loader-inner .5s infinite ease-out
}
.pageloader::before {
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    -webkit-animation: page-loader-outer 1.5s infinite ease-in;
    animation: page-loader-outer 1.5s infinite ease-in
}
@-webkit-keyframes page-loader-inner {
    0%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@keyframes page-loader-inner {
    0%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@-webkit-keyframes page-loader-outer {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}
@keyframes page-loader-outer {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100%, 40% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}
.infraloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 1;
    
    -webkit-animation: fadein 1.4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.4s; /* Firefox < 16 */
        -ms-animation: fadein 1.4s; /* Internet Explorer */
         -o-animation: fadein 1.4s; /* Opera < 12.1 */
            animation: fadein 1.4s;
}

/*! Bulkit | 5.0 | CSS Ninja */
.light-text {
    color: #fff !important
}
.is-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.width-40 {
    width: 40px !important
}
.width-100 {
    width: 100px !important
}
.width-250 {
    width: 250px !important
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
@-webkit-keyframes ripple-animation {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .4
    }
    to {
        -webkit-transform: scale(100);
        transform: scale(100);
        opacity: 0
    }
}
@keyframes ripple-animation {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .4
    }
    to {
        -webkit-transform: scale(100);
        transform: scale(100);
        opacity: 0
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
.flex-card {
    position: relative;
    /*background-color: #fff;*/
    /*border: 1px solid #fcfcfc;*/
    border-radius: .1875rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    -webkit-transition: all .5s;
    transition: all .5s
}
.flex-card .card-body {
    padding: 30px 30px
}
.flex-card h3.card-title {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none
}
.flex-card.icon-card {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: inherit;
    transition: inherit;
    margin-bottom: 0
}
.flex-card.icon-card img {
    max-height: 80px
}
.flex-card.icon-card .icon-card-text {
    font-size: 1.1rem;
    color: #a9abac
}
.flex-card .card-content {
    position: relative;
    padding: 1rem !important
}
.img-container {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}
.img-container img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.card-text {
    bottom: -40%;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    -webkit-transition: all 450ms cubic-bezier(.6, .06, .34, .61);
    transition: all 450ms cubic-bezier(.6, .06, .34, .61)
}
@media (max-width:768px) {
    .card-text {
        bottom: -71%
    }
}
@media (min-width:768px) {
    .card-text {
        bottom: -60%
    }
}
@media (min-width:1024px) {
    .card-text {
        bottom: -64%
    }
}
@media (min-width:1420px) {
    .card-text {
        bottom: -70%
    }
}
.card-text .text.text-container {
    padding: 20px 30px
}
.card-text .text.text-title {
    font-family: "Nexa Bold", sans-serif;
    font-size: 1.15em;
    margin-bottom: .25em;
    font-weight: 700;
    text-transform: uppercase
}
.card-text .text.text-link {
    text-decoration: none;
    margin-top: 1em;
    display: inline-block;
    color: #27EDAE
}
.card-text .text.text-link:hover {
    color: #ededfe
}
.card .image {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.card img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}
/*! Bulkit | 5.0 | CSS Ninja */
.icon-box .box-icon {
    color: #cecece;
    font-size: 2.8rem;
    margin-bottom: 1rem
}
.icon-box .box-title {
    color: #444f60;
    margin-bottom: 10px;
    font-weight: 500
}
.icon-box .box-text {
    color: #a9abac;
    font-size: 13px
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
.demo {
    position: relative;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(6.25rem);
        transform: translateY(6.25rem)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translateY(6.25rem);
        transform: translateY(6.25rem)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
/*! _tables.scss | Bulkit | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
@-webkit-keyframes scaleOut {
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}
@keyframes scaleOut {
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}
@-webkit-keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden
    }
}
@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
@-webkit-keyframes animate {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -1450px
    }
}
@keyframes animate {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -1450px
    }
}
@-webkit-keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0)
    }
}
@keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0)
    }
}
@-webkit-keyframes gradientBG {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}
@keyframes gradientBG {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
.title.is-medium {
    font-size: 4rem;
    line-height: 1
}
.centered-title {
    text-align: center
}
.centered-title h2 {
    font-family: "Nexa Bold", sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    color: #444f60
}
.centered-title .title-divider {
    margin: 10px auto
}
.section-title.is-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.section-title>img {
    display: block;
    width: 40px;
    margin: 0 auto
}
.section-title .title-alt {
    color: #444f60;
    font-family: "Nexa Light", sans-serif;
    font-size: 2.2rem
}
.section-title-wrapper {
    position: relative
}
.section-title-wrapper .section-title {
    font-family: "Nexa Bold", sans-serif;
    margin-bottom: 1.5rem
}
.section-title-wrapper h4 {
    font-family: "Nexa Light", sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    color: #999
}
@media (max-width:767px) {
    .section-title.is-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}
.title-wrapper h2 {
    font-size: 2rem !important
}
.title-wrap {
    position: relative
}
.title-wrap h2, .title-wrap h3 {
    position: relative;
    z-index: 2
}
.title-wrap h2 {
    margin-bottom: 10px !important
}
.title-wrap h3 {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 480px;
    font-size: 1.3rem;
    font-family: "Nexa Light", sans-serif;
    color: #8e9baf
}
.title-wrap .special-divider {
    position: relative;
    right: 0;
    left: 0;
    top: -10px;
    z-index: 0;
    max-width: 60px;
    margin: 0 auto
}
/*! Bulkit | 5.0 | CSS Ninja */
.body-text {
    color: #8e9baf;
    font-family: Roboto, sans-serif;
    font-size: 1.2rem
}
.special-divider {
    margin: 30px auto
}
.title-divider {
    background: #27EDAE !important;
    height: 3px;
    border-radius: 50px
}
.divider-container {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.divider-container .divider-text {
    font-weight: 600;
    color: #444f60;
    margin: 16px
}
/*! Bulkit | 5.0 | CSS Ninja */
.featured-job-box {
    padding: 30px;
    /*border: 1px solid #e5e5e5;*/
    margin-bottom: 0;
    border-radius: 10px
}
.featured-job-box:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    /*-webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, .06)*/
}
.featured-job-box .icon-container {
  
    height: 100px !important;
    width: 100px !important;
    min-width: 100px;
    margin: auto;
    margin-bottom: 20px

}

.featured-job-box h3 {
    font-family: "Nexa Bold", sans-serif;
    color: #27EDAE
}
.icon-card {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    -webkit-transition: all .3s;
    transition: all .3s
}
.icon-card img {
    display: block;
    max-width: 60px;
    margin: 0 auto
}
.icon-card .icon-card-text {
    margin-top: 10px
}
/*! Bulkit | 5.0 | CSS Ninja */
.icon-box.is-spaced .box-icon {
    margin-bottom: 0
}
.icon-box.is-spaced .box-title {
    margin: 0;
    padding: 5px 0;
    font-weight: 700
}
/*! Bulkit | 5.0 | CSS Ninja */
a:not(.button).is-link {
    color: #27EDAE !important
}
@-webkit-keyframes scaleAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes scaleAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes drawCircle {
    0% {
        stroke-dashoffset: 151px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes drawCircle {
    0% {
        stroke-dashoffset: 151px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-webkit-keyframes drawCheck {
    0% {
        stroke-dashoffset: 36px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes drawCheck {
    0% {
        stroke-dashoffset: 36px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
.featured-svg {
    max-width: 450px
}
@media (max-width:767px) {
    .featured-svg {
        max-width: 100% !important
    }
}
.app-wrapper {
    padding: 80px 0 0 0
}
@-webkit-keyframes anim1 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(46vw) translateY(100vh);
        transform: translateX(46vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim1 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(46vw) translateY(100vh);
        transform: translateX(46vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim2 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(94vw) translateY(100vh);
        transform: translateX(94vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim2 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(94vw) translateY(100vh);
        transform: translateX(94vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim3 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(75vw) translateY(100vh);
        transform: translateX(75vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim3 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(75vw) translateY(100vh);
        transform: translateX(75vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim4 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(88vw) translateY(100vh);
        transform: translateX(88vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim4 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(88vw) translateY(100vh);
        transform: translateX(88vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim5 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(31vw) translateY(100vh);
        transform: translateX(31vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim5 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(31vw) translateY(100vh);
        transform: translateX(31vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim6 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(89vw) translateY(100vh);
        transform: translateX(89vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim6 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(89vw) translateY(100vh);
        transform: translateX(89vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim7 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(45vw) translateY(100vh);
        transform: translateX(45vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim7 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(45vw) translateY(100vh);
        transform: translateX(45vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim8 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(33vw) translateY(100vh);
        transform: translateX(33vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim8 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(33vw) translateY(100vh);
        transform: translateX(33vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim9 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(22vw) translateY(100vh);
        transform: translateX(22vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim9 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(22vw) translateY(100vh);
        transform: translateX(22vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim10 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(56vw) translateY(100vh);
        transform: translateX(56vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim10 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(56vw) translateY(100vh);
        transform: translateX(56vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim11 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(113vw) translateY(100vh);
        transform: translateX(113vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim11 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(113vw) translateY(100vh);
        transform: translateX(113vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim12 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(87vw) translateY(100vh);
        transform: translateX(87vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim12 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(87vw) translateY(100vh);
        transform: translateX(87vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim13 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(74vw) translateY(100vh);
        transform: translateX(74vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim13 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(74vw) translateY(100vh);
        transform: translateX(74vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim14 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(26vw) translateY(100vh);
        transform: translateX(26vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim14 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(26vw) translateY(100vh);
        transform: translateX(26vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim15 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(94vw) translateY(100vh);
        transform: translateX(94vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim15 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(94vw) translateY(100vh);
        transform: translateX(94vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim16 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(70vw) translateY(100vh);
        transform: translateX(70vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim16 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(70vw) translateY(100vh);
        transform: translateX(70vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim17 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(33vw) translateY(100vh);
        transform: translateX(33vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim17 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(33vw) translateY(100vh);
        transform: translateX(33vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim18 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(68vw) translateY(100vh);
        transform: translateX(68vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim18 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(68vw) translateY(100vh);
        transform: translateX(68vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim19 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(21vw) translateY(100vh);
        transform: translateX(21vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim19 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(21vw) translateY(100vh);
        transform: translateX(21vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim20 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(113vw) translateY(100vh);
        transform: translateX(113vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim20 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(113vw) translateY(100vh);
        transform: translateX(113vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim21 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(58vw) translateY(100vh);
        transform: translateX(58vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim21 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(58vw) translateY(100vh);
        transform: translateX(58vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim22 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(86vw) translateY(100vh);
        transform: translateX(86vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim22 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(86vw) translateY(100vh);
        transform: translateX(86vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim23 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(70vw) translateY(100vh);
        transform: translateX(70vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim23 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(70vw) translateY(100vh);
        transform: translateX(70vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim24 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(95vw) translateY(100vh);
        transform: translateX(95vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim24 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(95vw) translateY(100vh);
        transform: translateX(95vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim25 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(93vw) translateY(100vh);
        transform: translateX(93vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim25 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(93vw) translateY(100vh);
        transform: translateX(93vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim26 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(69vw) translateY(100vh);
        transform: translateX(69vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim26 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(69vw) translateY(100vh);
        transform: translateX(69vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim27 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(63vw) translateY(100vh);
        transform: translateX(63vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim27 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(63vw) translateY(100vh);
        transform: translateX(63vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim28 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(111vw) translateY(100vh);
        transform: translateX(111vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim28 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(111vw) translateY(100vh);
        transform: translateX(111vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim29 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(52vw) translateY(100vh);
        transform: translateX(52vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim29 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(52vw) translateY(100vh);
        transform: translateX(52vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim30 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(96vw) translateY(100vh);
        transform: translateX(96vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim30 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(96vw) translateY(100vh);
        transform: translateX(96vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim31 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(32vw) translateY(100vh);
        transform: translateX(32vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim31 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(32vw) translateY(100vh);
        transform: translateX(32vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim32 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(106vw) translateY(100vh);
        transform: translateX(106vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim32 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(106vw) translateY(100vh);
        transform: translateX(106vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim33 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(41vw) translateY(100vh);
        transform: translateX(41vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim33 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(41vw) translateY(100vh);
        transform: translateX(41vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim34 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(44vw) translateY(100vh);
        transform: translateX(44vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim34 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(44vw) translateY(100vh);
        transform: translateX(44vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim35 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(26vw) translateY(100vh);
        transform: translateX(26vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim35 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(26vw) translateY(100vh);
        transform: translateX(26vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim36 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(101vw) translateY(100vh);
        transform: translateX(101vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim36 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(101vw) translateY(100vh);
        transform: translateX(101vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim37 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(35vw) translateY(100vh);
        transform: translateX(35vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim37 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(35vw) translateY(100vh);
        transform: translateX(35vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim38 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(83vw) translateY(100vh);
        transform: translateX(83vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim38 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(83vw) translateY(100vh);
        transform: translateX(83vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim39 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(58vw) translateY(100vh);
        transform: translateX(58vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim39 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(58vw) translateY(100vh);
        transform: translateX(58vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes anim40 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(99vw) translateY(100vh);
        transform: translateX(99vw) translateY(100vh);
        opacity: 0
    }
}
@keyframes anim40 {
    10% {
        opacity: .5
    }
    12% {
        opacity: 1;
        -webkit-box-shadow: 0 0 3px 0 #fff;
        box-shadow: 0 0 3px 0 #fff
    }
    15% {
        opacity: .5
    }
    50% {
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(99vw) translateY(100vh);
        transform: translateX(99vw) translateY(100vh);
        opacity: 0
    }
}
@-webkit-keyframes move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
    10%, 90% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(45vw);
        transform: translateY(45vw);
        opacity: 0
    }
}
@keyframes move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
    10%, 90% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(45vw);
        transform: translateY(45vw);
        opacity: 0
    }
}
@-webkit-keyframes from0to360 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes from0to360 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes from360to0 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@keyframes from360to0 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
.featured-image-medium {
    display: block;
    max-width: 480px;
    margin: 0 auto
}
@media only screen and (max-width:767px) {
    .featured-image-medium {
        max-width: 100%
    }
}
.section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 650px
}
.section-wrap .section.image-section {
    width: 50%;
    padding-left: 10%;
    padding-right: 5%;
    background: #252f3e
}
.section-wrap .section.image-section .title, .section-wrap .section.image-section p {
    color: #fff
}
@media (max-width:767px) {
    .section-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .section-wrap .section.image-section {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
    .section-wrap .section.image-section {
        padding-left: 5%;
        padding-right: 5%
    }
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:landscape) {
    .section-wrap .section.image-section {
        padding-left: 5%;
        padding-right: 5%
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
@-webkit-keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}
@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}
@-webkit-keyframes circle-chart-appear {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes circle-chart-appear {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
@keyframes gradientBG {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}
.title {
    font-family: "Nexa Bold", sans-serif;
    color: #444f60
}
.title.is-medium {
    font-size: 4rem
}
.title.is-light {
    color: #fff
}
.section {
    position: relative
}
.section .section-title h2 {
    margin-bottom: 6px
}
.section .section-title h4 {
    color: #999;
    font-size: 1.4rem
}
.demo-section {
    margin-bottom: 100px
}
.demo-section .demo-section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}
.demo-section .demo-section-title img {
    display: block;
    width: 100%;
    max-width: 100px
}
.demo-section .demo-section-title .title-meta {
    margin-left: 12px;
    line-height: 1.2
}
.demo-section .demo-section-title .title-meta h3 {
    font-family: "Nexa Bold", sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    color: #444f60
}
.demo-section .demo-section-title .title-meta p {
    font-family: Roboto, sans-serif;
    font-size: 1.1rem;
    color: #8e9baf
}
.demo-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, .06)
}
.demo-wrapper:hover .demo-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0 !important;
    transition-delay: 0 !important
}
.demo-wrapper:hover .demo-link {
    color: #fff;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0 !important;
    transition-delay: 0 !important
}
.demo-wrapper img {
    border-radius: 10px;
    display: block
}
.demo-wrapper .demo-title {
    color: #fff;
    font-family: "Nexa Bold", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.demo-wrapper .demo-link {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.demo-wrapper .demo-link a {
    color: #fff;
    font-size: 1rem
}
.footer-light-medium-demo {
    padding-bottom: 0 !important;
    padding-top: 4rem !important;
    background: #fafafa
}
.footer-light-medium-demo .footer-head {
    padding-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e3e3e3
}
.footer-light-medium-demo .footer-head .head-text h3 {
    font-family: "Nexa Bold", sans-serif;
    font-size: 1.8rem;
    color: #444f60
}
.footer-light-medium-demo .footer-head .head-text p {
    font-size: 1.1rem;
    color: #999
}
.footer-light-medium-demo .footer-body {
    padding-top: 3rem
}
.footer-light-medium-demo .footer-body .footer-column {
    padding-top: 20px
}
.footer-light-medium-demo .footer-copyright {
    color: #999;
    padding: 4rem 0 2rem 0
}
.footer-light-medium-demo .footer-copyright a {
    color: #999
}
.footer-light-medium-demo .footer-copyright a:hover {
    color: #27EDAE
}
@media (max-width:767px) {
    .footer-light-medium-demo .footer-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .footer-light-medium-demo .footer-head .head-text {
        padding-bottom: 20px
    }
}
@media (max-width:767px) {
    .footer-light-medium-demo .footer-body {
        padding-left: 20px;
        padding-right: 20px
    }
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
    .section .featured-image {
        max-width: 540px !important;
        margin: 0 auto
    }
    .section .section-title.is-demo {
        max-width: 460px !important;
        margin: 0 auto !important
    }
    .footer-light-medium-demo .footer-body, .footer-light-medium-demo .footer-head {
        padding-left: 20px;
        padding-right: 20px
    }
}
.section-title.is-demo {
    font-weight: 700;
    font-size: 2rem !important
}
.flex-card.is-active .name {
    color: #27EDAE !important
}
.flex-card .card-name {
    margin-left: 15px
}
.flex-card .card-name .name {
    color: #444f60
}
.flex-card .title-light {
    font-family: "Nexa Light", sans-serif
}
/*! Bulkit | 5.0 | CSS Ninja */
@-webkit-keyframes animateCircles {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        opacity: 1;
        border-radius: 0
    }
    100% {
        -webkit-transform: translateY(-1000px) rotate(720deg);
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%
    }
}
@keyframes animateCircles {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        opacity: 1;
        border-radius: 0
    }
    100% {
        -webkit-transform: translateY(-1000px) rotate(720deg);
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
.brands {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}
.has-section-image {
    position: relative;
    min-height: 750px
}
.has-section-image img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1040px
}
@media (max-width:767px) {
    .brands {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .has-section-image {
        min-height: 580px
    }
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
    .has-section-image {
        min-height: 620px
    }
}
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
/*! Bulkit | 5.0 | CSS Ninja */
@media (max-width:768px) {
    .title.section-title {
        font-size: 2rem !important
    }
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
    .columns {
        padding: 0 10%
    }
}
@font-face {
    font-family: slick;
    src: url(/assets/fonts/slick.eot);
    src: url(/assets/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/slick.woff) format("woff"), url(/assets/fonts/slick.ttf) format("truetype"), url(/assets/fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}