meta.foundation-version {
    font-family: "/5.5.1/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0em
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0em
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
    width: 40.063em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
    width: 64.063em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
    width: 90.063em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

html,
body {
    height: 100%
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    font-size: 100%
}

body {
    background: #fff;
    color: #333333;
    padding: 0;
    margin: 0;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    position: relative;
    cursor: auto
}

a:hover {
    cursor: pointer
}

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

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

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

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625rem
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table
}

[class*="block-grid-"]:after {
    clear: both
}

[class*="block-grid-"]>li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem
}

@media only screen {
    .small-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .small-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .small-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .small-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .small-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .small-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .small-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .small-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .small-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .small-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .small-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .small-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:40.063em) {
    .medium-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .medium-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .medium-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .medium-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .medium-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .medium-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .medium-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .medium-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .medium-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .medium-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .medium-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .medium-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:64.063em) {
    .large-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .large-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .large-block-grid-3>li {
        width: 33.3333333333%;
        list-style: none
    }
    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .large-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .large-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .large-block-grid-6>li {
        width: 16.6666666667%;
        list-style: none
    }
    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .large-block-grid-7>li {
        width: 14.2857142857%;
        list-style: none
    }
    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .large-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .large-block-grid-9>li {
        width: 11.1111111111%;
        list-style: none
    }
    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .large-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .large-block-grid-11>li {
        width: 9.0909090909%;
        list-style: none
    }
    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .large-block-grid-12>li {
        width: 8.3333333333%;
        list-style: none
    }
    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

button,
.button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #333333;
    border-color: #292929;
    color: #FFFFFF;
    transition: background-color 300ms ease-out
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #292929
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    color: #FFFFFF
}

button.secondary,
.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #b9b9b9
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #333333
}

button.success,
.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    background-color: #368a55
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    color: #FFFFFF
}

button.alert,
.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    background-color: #cf2a0e
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    color: #FFFFFF
}

button.warning,
.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    background-color: #cf6e0e
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    color: #FFFFFF
}

button.info,
.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    background-color: #61b6d9
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    color: #FFFFFF
}

button.large,
.button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem
}

button.small,
.button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem
}

button.tiny,
.button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem
}

button.expand,
.button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

button.left-align,
.button.left-align {
    text-align: left;
    text-indent: 0.75rem
}

button.right-align,
.button.right-align {
    text-align: right;
    padding-right: 0.75rem
}

button.radius,
.button.radius {
    border-radius: 25px
}

button.round,
.button.round {
    border-radius: 1000px
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #333333;
    border-color: #292929;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #292929
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    color: #FFFFFF
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #333333
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #b9b9b9
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    color: #333333
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #e7e7e7
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #368a55
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    color: #FFFFFF
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #43AC6A
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #cf2a0e
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    color: #FFFFFF
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #f04124
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #cf6e0e
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    color: #FFFFFF
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #f08a24
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #61b6d9
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    color: #FFFFFF
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #a0d3e8
}

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

@media only screen and (min-width:40.063em) {
    button,
    .button {
        display: inline-block
    }
}

.clearing-thumbs,
[data-clearing] {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
    content: " ";
    display: table
}

.clearing-thumbs:after,
[data-clearing]:after {
    clear: both
}

.clearing-thumbs li,
[data-clearing] li {
    float: left;
    margin-right: 10px
}

.clearing-thumbs[class*="block-grid-"] li,
[data-clearing][class*="block-grid-"] li {
    margin-right: 0
}

.clearing-blackout {
    background: #333333;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998
}

.clearing-blackout .clearing-close {
    display: block
}

.clearing-container {
    position: relative;
    z-index: 998;
    height: 100%;
    overflow: hidden;
    margin: 0
}

.clearing-touch-label {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #AAAAAA;
    font-size: 0.6em
}

.visible-img {
    height: 95%;
    position: relative
}

.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%
}

.clearing-caption {
    color: #CCCCCC;
    font-size: 0.875em;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
    background: #333333;
    width: 100%;
    padding: 10px 30px 20px;
    position: absolute;
    left: 0
}

.clearing-close {
    z-index: 999;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 30px;
    line-height: 1;
    color: #CCCCCC;
    display: none
}

.clearing-close:hover,
.clearing-close:focus {
    color: #CCCCCC
}

.clearing-assembled .clearing-container {
    height: 100%
}

.clearing-assembled .clearing-container .carousel>ul {
    display: none
}

.clearing-feature li {
    display: none
}

.clearing-feature li.clearing-featured-img {
    display: block
}

@media only screen and (min-width:40.063em) {
    .clearing-main-prev,
    .clearing-main-next {
        position: absolute;
        height: 100%;
        width: 40px;
        top: 0
    }
    .clearing-main-prev>span,
    .clearing-main-next>span {
        position: absolute;
        top: 50%;
        display: block;
        width: 0;
        height: 0;
        border: solid 12px
    }
    .clearing-main-prev>span:hover,
    .clearing-main-next>span:hover {
        opacity: 0.8
    }
    .clearing-main-prev {
        left: 0
    }
    .clearing-main-prev>span {
        left: 5px;
        border-color: transparent;
        border-right-color: #CCCCCC
    }
    .clearing-main-next {
        right: 0
    }
    .clearing-main-next>span {
        border-color: transparent;
        border-left-color: #CCCCCC
    }
    .clearing-main-prev.disabled,
    .clearing-main-next.disabled {
        opacity: 0.3
    }
    .clearing-assembled .clearing-container .carousel {
        background: rgba(51, 51, 51, 0.8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }
    .clearing-assembled .clearing-container .carousel>ul {
        display: inline-block;
        z-index: 999;
        height: 100%;
        position: relative;
        float: none
    }
    .clearing-assembled .clearing-container .carousel>ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: 0.4;
        clear: none
    }
    .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
        height: 100%;
        max-width: none
    }
    .clearing-assembled .clearing-container .carousel>ul li a.th {
        border: none;
        box-shadow: none;
        display: block
    }
    .clearing-assembled .clearing-container .carousel>ul li img {
        cursor: pointer !important;
        width: 100% !important
    }
    .clearing-assembled .clearing-container .carousel>ul li.visible {
        opacity: 1
    }
    .clearing-assembled .clearing-container .carousel>ul li:hover {
        opacity: 0.8
    }
    .clearing-assembled .clearing-container .visible-img {
        background: #333333;
        overflow: hidden;
        height: 85%
    }
    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-left: 0;
        padding-top: 0
    }
}

form {
    margin: 0 0 1rem
}

form .row .row {
    margin: 0 -0.5rem
}

form .row .row .column,
form .row .row .columns {
    padding: 0 0.5rem
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: 0.5rem
}

label {
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0
}

label small {
    text-transform: capitalize;
    color: #676767
}

.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem
}

.postfix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: none
}

.prefix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: none
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc
}

span.postfix,
label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333333;
    border-color: #cccccc
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s linear
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #DDDDDD;
    cursor: default
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default
}

input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 25px
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

select {
    -webkit-appearance: none !important;
    border-radius: 0;
    background-color: #FAFAFA;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    border-radius: 0;
    height: 2.3125rem
}

select::-ms-expand {
    display: none
}

select.radius {
    border-radius: 25px
}

select:hover {
    background-color: #f3f3f3;
    border-color: #999999
}

select:disabled {
    background-color: #DDDDDD;
    cursor: default
}

select[multiple] {
    height: auto
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1rem 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type="file"] {
    width: 100%
}

fieldset {
    border: 1px solid #DDDDDD;
    padding: 1.25rem;
    margin: 1.125rem 0
}

fieldset legend {
    font-weight: bold;
    background: #FFFFFF;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #FFFFFF
}

[data-abide] span.error,
[data-abide] small.error {
    display: none
}

span.error,
small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #FFFFFF
}

.error input,
.error textarea,
.error select {
    margin-bottom: 0
}

.error input[type="checkbox"],
.error input[type="radio"] {
    margin-bottom: 1rem
}

.error label,
.error label.error {
    color: #f04124
}

.error small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #FFFFFF
}

.error>label>small {
    color: #676767;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 60%;
    margin: 0;
    display: inline
}

.error span.error-message {
    display: block
}

input.error,
textarea.error,
select.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 85rem
}

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

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none
}

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

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left
}

[class*="column"]+[class*="column"]:last-child {
    float: right
}

[class*="column"]+[class*="column"].end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .small-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .small-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .small-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .small-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .small-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .small-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .small-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .small-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .small-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .small-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .small-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .small-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .small-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .small-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .small-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .small-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .small-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        float: left
    }
    .small-1 {
        width: 8.3333333333%
    }
    .small-2 {
        width: 16.6666666667%
    }
    .small-3 {
        width: 25%
    }
    .small-4 {
        width: 33.3333333333%
    }
    .small-5 {
        width: 41.6666666667%
    }
    .small-6 {
        width: 50%
    }
    .small-7 {
        width: 58.3333333333%
    }
    .small-8 {
        width: 66.6666666667%
    }
    .small-9 {
        width: 75%
    }
    .small-10 {
        width: 83.3333333333%
    }
    .small-11 {
        width: 91.6666666667%
    }
    .small-12 {
        width: 100%
    }
    .small-offset-0 {
        margin-left: 0% !important
    }
    .small-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .small-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .small-offset-3 {
        margin-left: 25% !important
    }
    .small-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .small-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .small-offset-6 {
        margin-left: 50% !important
    }
    .small-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .small-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .small-offset-9 {
        margin-left: 75% !important
    }
    .small-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .small-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }
    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }
    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }
    .row.small-collapse>.column,
    .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.small-uncollapse>.column,
    .row.small-uncollapse>.columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        float: left
    }
}

@media only screen and (min-width:40.063em) {
    .medium-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .medium-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .medium-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .medium-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .medium-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .medium-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .medium-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .medium-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .medium-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .medium-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .medium-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .medium-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .medium-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .medium-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .medium-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .medium-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .medium-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .medium-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        float: left
    }
    .medium-1 {
        width: 8.3333333333%
    }
    .medium-2 {
        width: 16.6666666667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.3333333333%
    }
    .medium-5 {
        width: 41.6666666667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.3333333333%
    }
    .medium-8 {
        width: 66.6666666667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.3333333333%
    }
    .medium-11 {
        width: 91.6666666667%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-0 {
        margin-left: 0% !important
    }
    .medium-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .medium-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .medium-offset-3 {
        margin-left: 25% !important
    }
    .medium-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .medium-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .medium-offset-6 {
        margin-left: 50% !important
    }
    .medium-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .medium-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .medium-offset-9 {
        margin-left: 75% !important
    }
    .medium-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .medium-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }
    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }
    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }
    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        float: left
    }
    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
}

@media only screen and (min-width:64.063em) {
    .large-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .large-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .large-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .large-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .large-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .large-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .large-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .large-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .large-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .large-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .large-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .large-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .large-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .large-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .large-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .large-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .large-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .large-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        float: left
    }
    .large-1 {
        width: 8.3333333333%
    }
    .large-2 {
        width: 16.6666666667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.3333333333%
    }
    .large-5 {
        width: 41.6666666667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.3333333333%
    }
    .large-8 {
        width: 66.6666666667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.3333333333%
    }
    .large-11 {
        width: 91.6666666667%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-0 {
        margin-left: 0% !important
    }
    .large-offset-1 {
        margin-left: 8.3333333333% !important
    }
    .large-offset-2 {
        margin-left: 16.6666666667% !important
    }
    .large-offset-3 {
        margin-left: 25% !important
    }
    .large-offset-4 {
        margin-left: 33.3333333333% !important
    }
    .large-offset-5 {
        margin-left: 41.6666666667% !important
    }
    .large-offset-6 {
        margin-left: 50% !important
    }
    .large-offset-7 {
        margin-left: 58.3333333333% !important
    }
    .large-offset-8 {
        margin-left: 66.6666666667% !important
    }
    .large-offset-9 {
        margin-left: 75% !important
    }
    .large-offset-10 {
        margin-left: 83.3333333333% !important
    }
    .large-offset-11 {
        margin-left: 91.6666666667% !important
    }
    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }
    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }
    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        float: left
    }
    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
}

.inline-list {
    margin: 0 auto 1.0625rem auto;
    margin-left: -1.375rem;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.inline-list>li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block
}

.inline-list>li>* {
    display: block
}

.label {
    font-weight: normal;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    background-color: #333333;
    color: #FFFFFF
}

.label.radius {
    border-radius: 25px
}

.label.round {
    border-radius: 1000px
}

.label.alert {
    background-color: #f04124;
    color: #FFFFFF
}

.label.warning {
    background-color: #f08a24;
    color: #FFFFFF
}

.label.success {
    background-color: #43AC6A;
    color: #FFFFFF
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333333
}

.label.info {
    background-color: #a0d3e8;
    color: #333333
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important
    }
    .small-only-text-right {
        text-align: right !important
    }
    .small-only-text-center {
        text-align: center !important
    }
    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }
    .small-text-right {
        text-align: right !important
    }
    .small-text-center {
        text-align: center !important
    }
    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
    .medium-only-text-left {
        text-align: left !important
    }
    .medium-only-text-right {
        text-align: right !important
    }
    .medium-only-text-center {
        text-align: center !important
    }
    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:40.063em) {
    .medium-text-left {
        text-align: left !important
    }
    .medium-text-right {
        text-align: right !important
    }
    .medium-text-center {
        text-align: center !important
    }
    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:64.063em) and (max-width:90em) {
    .large-only-text-left {
        text-align: left !important
    }
    .large-only-text-right {
        text-align: right !important
    }
    .large-only-text-center {
        text-align: center !important
    }
    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:64.063em) {
    .large-text-left {
        text-align: left !important
    }
    .large-text-right {
        text-align: right !important
    }
    .large-text-center {
        text-align: center !important
    }
    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:90.063em) and (max-width:120em) {
    .xlarge-only-text-left {
        text-align: left !important
    }
    .xlarge-only-text-right {
        text-align: right !important
    }
    .xlarge-only-text-center {
        text-align: center !important
    }
    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:90.063em) {
    .xlarge-text-left {
        text-align: left !important
    }
    .xlarge-text-right {
        text-align: right !important
    }
    .xlarge-text-center {
        text-align: center !important
    }
    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:120.063em) and (max-width:99999999em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }
    .xxlarge-only-text-right {
        text-align: right !important
    }
    .xxlarge-only-text-center {
        text-align: center !important
    }
    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width:120.063em) {
    .xxlarge-text-left {
        text-align: left !important
    }
    .xxlarge-text-right {
        text-align: right !important
    }
    .xxlarge-text-center {
        text-align: center !important
    }
    .xxlarge-text-justify {
        text-align: justify !important
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

a {
    color: #333333;
    text-decoration: none;
    line-height: inherit
}

a:hover,
a:focus {
    color: #2c2c2c
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

p.lead {
    font-size: 1.21875rem;
    line-height: 1.6
}

p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem
}

hr {
    border: solid #DDDDDD;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #333333;
    background-color: #f8f8f8;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0.125rem 0.3125rem 0.0625rem
}

ul,
ol,
dl {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit
}

ul {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ul,
ul.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold
}

dl dd {
    margin-bottom: 0.75rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #333333;
    cursor: help
}

abbr {
    text-transform: none
}

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

blockquote {
    margin: 0 0 1.25rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #DDDDDD
}

blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555555
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #DDDDDD;
    padding: 0.625rem 0.75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem
}

.vevent .summary {
    font-weight: bold
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625rem
}

@media only screen and (min-width:40.063em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }
    h1 {
        font-size: 2.75rem
    }
    h2 {
        font-size: 2.3125rem
    }
    h3 {
        font-size: 1.6875rem
    }
    h4 {
        font-size: 1.4375rem
    }
    h5 {
        font-size: 1.125rem
    }
    h6 {
        font-size: 1rem
    }
}

table {
    background: #FFFFFF;
    margin-bottom: 1.25rem;
    border: solid 1px #DDDDDD;
    table-layout: auto
}

table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold
}

table thead {
    background: #F5F5F5
}

table thead tr th,
table thead tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222222
}

table tfoot {
    background: #F5F5F5
}

table tfoot tr th,
table tfoot tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222222
}

table tr th,
table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222222;
    text-align: left
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #F9F9F9
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}

.flex-video {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 56.34%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.reveal-modal-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1004;
    display: none;
    left: 0
}

.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    z-index: 1005;
    width: 100%;
    top: 0;
    border-radius: 25px;
    left: 0;
    background-color: #000000;
    padding: 0;
    border: none 0 transparent;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 40em) {
    .reveal-modal {
        min-height: 100vh;
    }
}

.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0
}

.reveal-modal>:first-child {
    margin-top: 0
}

.reveal-modal>:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:40.063em) {
    .reveal-modal {
        width: 80%;
        max-width: 85rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width:40.063em) {
    .reveal-modal {
        top: 50px;
    }
}

.reveal-modal.radius {
    border-radius: 25px
}

.reveal-modal.round {
    border-radius: 1000px
}

.reveal-modal.collapse {
    padding: 0
}

@media only screen and (min-width:40.063em) {
    .reveal-modal.tiny {
        width: 30%;
        max-width: 85rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width:40.063em) {
    .reveal-modal.small {
        width: 40%;
        max-width: 85rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width:40.063em) {
    .reveal-modal.medium {
        width: 60%;
        max-width: 85rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width:40.063em) {
    .reveal-modal.large {
        width: 70%;
        max-width: 85rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width:40.063em) {
    .reveal-modal.xlarge {
        width: 95%;
        max-width: 85rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.reveal-modal.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none !important;
    margin-left: 0 !important
}

@media only screen and (min-width:40.063em) {
    .reveal-modal.full {
        width: 100%;
        max-width: 85rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.reveal-modal.toback {
    z-index: 1003
}

.reveal-modal .close-reveal-modal {
    font-size: 1.375rem;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    right: 0.6875rem;
    color: #fff;
    font-weight: bold;
    cursor: pointer
}

@media only screen {
    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:40.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:64.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:90.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width:120.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-xlarge-only,
    table.show-for-xlarge-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.hide-for-xlarge-down,
    td.hide-for-xlarge-down,
    th.show-for-xxlarge-only,
    td.show-for-xxlarge-only,
    th.show-for-xxlarge-up,
    td.show-for-xxlarge-up,
    th.show-for-xxlarge,
    td.show-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table !important
    }
    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important
    }
    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important
    }
    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important
    }
    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table !important
    }
    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important
    }
    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important
    }
    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important
    }
    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch {
    display: table !important
}

.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch {
    display: table-header-group !important
}

.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch {
    display: table-row !important
}

.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch {
    display: table-cell !important
}

.touch td.show-for-touch {
    display: table-cell !important
}

th.hide-for-touch {
    display: table-cell !important
}

.touch th.show-for-touch {
    display: table-cell !important
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    .show-for-print {
        display: block
    }
    .hide-for-print {
        display: none
    }
    table.show-for-print {
        display: table !important
    }
    thead.show-for-print {
        display: table-header-group !important
    }
    tbody.show-for-print {
        display: table-row-group !important
    }
    tr.show-for-print {
        display: table-row !important
    }
    td.show-for-print {
        display: table-cell !important
    }
    th.show-for-print {
        display: table-cell !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .hide-on-print {
        display: none !important
    }
    .print-only {
        display: block !important
    }
    .hide-for-print {
        display: none !important
    }
    .show-for-print {
        display: inherit !important
    }
}

@media print {
    .show-for-print {
        display: block
    }
    .hide-for-print {
        display: none
    }
    table.show-for-print {
        display: table !important
    }
    thead.show-for-print {
        display: table-header-group !important
    }
    tbody.show-for-print {
        display: table-row-group !important
    }
    tr.show-for-print {
        display: table-row !important
    }
    td.show-for-print {
        display: table-cell !important
    }
    th.show-for-print {
        display: table-cell !important
    }
}

body,
html {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #333333;
    -webkit-font-smoothing: antialiased
}

p {
    font-size: 1.0625rem;
    line-height: 1.7;
    font-weight: 300
}

@media only screen and (min-width:40.063em) {
    p {
        font-size: 0.9375rem;
    }
}

p.medium {
    font-size: 1.0625rem;
    line-height: 1.75rem
}

p.large {
    font-size: 1.25rem;
    line-height: 1.9375rem
}

.button {
    background: #3d93cb;
    border: 2px solid transparent;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    border-radius: 3.125rem;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.button:hover {
    border: 2px solid #3d93cb;
    background: none;
    color: #3d93cb
}

.button.white {
    color: #fff
}

.button.white:hover {
    background: transparent;
    border-color: #fff
}

.button.white-outline {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.button.white-outline:hover {
    background: rgba(0, 0, 0, 0.85);
    color: #fff
}

.back-button {
    text-align: left;
    display: block;
    position: relative;
    margin: 0 0 1.875rem 0;
    color: #adadad;
    font-size: 1.25rem;
    padding-left: 1.75rem;
    line-height: 1;
    background: no-repeat 0 2px;
    background-image: url("assets/images/arrow-blue-back.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .back-button {
        background-image: url("assets/images/arrow-blue-back_2x.png");
        background-size: 29px 29px;
    }
}

.page-title {
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 2rem 0 1.25rem
}

@media only screen and (min-width:40.063em) {
    .page-title {
        font-size: 2.8125rem;
        line-height: 3.5rem;
        margin: 3.75rem 0 1.25rem;
    }
}

.subtitle {
    font-weight: 300;
    font-size: 1.25rem;
    margin: 0.625rem 0 1.25rem
}

@media only screen and (min-width:40.063em) {
    .subtitle {
        font-weight: 200;
        font-size: 2.1875rem;
    }
}

.tooltip {
    text-align: center;
    margin-top: -10px
}

.tooltip .name {
    display: block;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.reveal-modal-bg {
    z-index: 100000
}

.reveal-modal {
    z-index: 100001;
    padding: 0
}

.reveal-modal .close-reveal-modal {
    font-size: 2rem;
    display: block;
    width: 40px;
    height: 40px;
    background: black;
    right: 44%;
    top: 40px;
    text-align: center;
    line-height: 38px;
    z-index: 1000
}

@media only screen and (min-width:40.063em) {
    .reveal-modal .close-reveal-modal {
        right: -40px;
        top: -40px;
    }
}

#notice {
    background-color: #3d93cb;
    position: relative;
    margin: 0 -2.5rem
}

#notice .close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1;
    text-align: center;
    display: block;
    z-index: 10
}

#notice .notice-text {
    text-align: center;
    padding: 4px;
    -webkit-font-smoothing: antialiased
}

#notice .notice-text h2 {
    color: #FFFFFF;
    margin: 2px 0;
    font-size: 0.8125rem;
    font-weight: normal;
    line-height: 1.3
}

@media only screen and (min-width:40.063em) {
    #notice .notice-text h2 {
        font-size: 1rem;
    }
}

#notice .notice-text p {
    color: #FFFFFF;
    margin: 2px 0;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.3
}

@media only screen and (min-width:40.063em) {
    #notice .notice-text p {
        font-size: 0.875rem;
    }
}

#header {
    width: 100%;
    position: relative;
    z-index: 1000;
    top: 0
}

@media only screen and (min-width:64.063em) {
    #header {
        position: relative;
    }
}

#header #top {
    top: 0;
    width: 100%;
    min-height: 81px;
    border-bottom: 1px solid #ebebeb;
    background-color: white;
    position: relative
}

@media only screen and (min-width:64.063em) {
    #header #top {
        position: relative;
        top: 0;
        z-index: 1000;
    }
}

@media only screen and (min-width:64.063em) {
    #header #top {
        padding: 0 2.5rem;
    }
}

#header.sticky #top {
    border: none;
    position: relative
}

@media only screen and (min-width:64.063em) {
    #header.sticky #top {
        position: relative;
        top: 0;
        z-index: 1000;
    }
}

#header.sticky #nav-secondary-wrap {
    position: relative
}

@media only screen and (min-width:64.063em) {
    #header.sticky #nav-secondary-wrap {
        position: relative;
        z-index: 1000;
    }
}

.top-level #header {
    pointer-events: none
}

@media only screen and (min-width:40.063em) {
    .top-level #header {
        min-height: 100%;
        background: url('assets/images/1x1.png');
    }
}

.top-level #header #top {
    background-color: transparent;
    border: none;
    pointer-events: none
}

.top-level #header #top #logo,
.top-level #header #top #nav {
    pointer-events: auto
}

.top-level #header #nav-secondary-wrap {
    pointer-events: auto
}

@media only screen and (min-width:40.063em) {
    .top-level #header #nav-secondary-wrap {
        bottom: 0;
        height: 40px;
    }
}

.page-template-page-top-level-php #header #top {
    background-color: rgba(255, 255, 255, 0);
    border: none
}

.page-template-page-top-level-php #header.sticky #top {
    border: none;
    background-color: white;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear
}

#logo {
    margin: 0.5rem auto;
    float: none;
    width: 100%
}

@media only screen and (min-width:40.063em) {
    #logo {
        margin: 1rem 0;
    }
}

@media only screen and (min-width:64.063em) {
    #logo {
        float: left;
        width: 15%;
        margin: 1rem 0 1rem 0;
    }
}

#logo a {
    display: block;
    width: 100%;
    max-width: 90%;
    height: 100px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border: none;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("images/logo.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    #logo a {
        background-image: url("images/logo.png");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    #logo a {
        margin: 0;
        max-width: 100%;
    }
}

@media only screen and (min-width:64.063em) {
    #logo a {
        width: 238px;
        margin: 0;
        background-size: 100%;
    }
}

.no-touch .top-level #logo a {
    background-image: url("images/logo-white.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .no-touch .top-level #logo a {
        background-image: url("images/logo-white.png");
        background-size: contain;
    }
}

#nav {
    margin: 0
}

@media only screen and (min-width:40.063em) {
    #nav {
        margin: 0.875rem 0 0.875rem 0;
    }
}

@media only screen and (min-width:64.063em) {
    #nav {
        float: right;
        margin: 1.625rem 0 0;
    }
}

#nav ul {
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0;
    text-align: center
}

@media only screen and (min-width:64.063em) {
    #nav ul {
        width: auto;
        height: auto !important;
        display: inline;
    }
}

#nav ul li {
    display: inline-block;
    vertical-align: top
}

#nav ul li a {
    display: block;
    width: 100%;
    padding: 0 0.1875rem;
    font-size: 0.6875rem;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.875rem;
    color: rgba(0, 0, 0, 0.5);
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:40.063em) {
    #nav ul li a {
        padding: 0 1rem;
        font-size: 1.0625rem;
    }
}

@media only screen and (min-width:64.063em) {
    #nav ul li a {
        padding: 0 1.375rem;
    }
}

#nav ul li a:hover {
    color: black
}

@media only screen and (min-width:64.063em) {
    #nav ul li.navbutton a {
        width: auto;
        border-radius: 15px;
        padding: 0 1.125rem;
        color: white;
        background-color: rgba(0, 0, 0, 0.5);
        margin-left: 1.375rem;
    }
    #nav ul li.navbutton a:hover {
        background-color: black
    }
}

#nav ul li.navbutton.current-menu-item a {
    color: black
}

@media only screen and (min-width:64.063em) {
    #nav ul li.navbutton.current-menu-item a {
        color: white;
        background-color: black;
    }
}

@media only screen and (min-width:64.063em) {
    .no-touch .top-level #nav li.navbutton a {
        background-color: rgba(255, 255, 255, 0.5);
        color: rgba(0, 0, 0, 0.5)
    }
    .no-touch .top-level #nav li.navbutton a:hover {
        background-color: white;
        color: black
    }
}

.no-touch .top-level #nav li a {
    color: rgba(255, 255, 255, 0.5)
}

.no-touch .top-level #nav li a:hover {
    color: white
}

.no-touch .top-level #nav li.current-menu-item a {
    color: white
}

.blog #nav li.current-menu-item a {
    color: black
}

.single-post #nav li.current_page_parent a {
    color: black
}

.bg-blue #nav ul li.current-page-ancestor a,
.bg-blue #nav ul li.current-menu-item a,
.bg-blue #nav ul li a:hover {
    color: #3d93cb
}

@media only screen and (min-width:64.063em) {
    .bg-blue #nav ul li.navbutton a:hover {
        background: #3d93cb;
        color: #fff;
    }
}

.bg-red #nav ul li.current-page-ancestor a,
.bg-red #nav ul li.current-menu-item a,
.bg-red #nav ul li a:hover {
    color: #8b1519
}

@media only screen and (min-width:64.063em) {
    .bg-red #nav ul li.navbutton a:hover {
        background: #8b1519;
        color: #fff;
    }
}

.bg-yellow #nav ul li.current-page-ancestor a,
.bg-yellow #nav ul li.current-menu-item a,
.bg-yellow #nav ul li a:hover {
    color: #fdb414
}

@media only screen and (min-width:64.063em) {
    .bg-yellow #nav ul li.navbutton a:hover {
        background: #fdb414;
        color: #fff;
    }
}

#nav-secondary-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #333333;
    position: relative;
    z-index: 1000;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2)
}

@media only screen and (max-width: 40em) {
    #nav-secondary-wrap {
        text-align: center;
    }
}

@media only screen and (min-width:64.063em) {
    #nav-secondary-wrap {
        position: absolute;
    }
}

#nav-secondary-wrap .mobile-menu {
    display: none
}

@media only screen and (max-width: 40em) {
    #nav-secondary-wrap .mobile-menu {
        display: block;
        line-height: 1.875rem;
        padding: 0 0.625rem;
        font-size: 0.75rem;
        font-weight: 400;
        color: #ffffff;
        -webkit-font-smoothing: antialiased;
    }
    #nav-secondary-wrap .mobile-menu .nav-label {
        margin-right: 0.25rem
    }
}

#nav-secondary-wrap #nav-secondary {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: none
}

@media only screen and (max-width: 40em) {
    #nav-secondary-wrap #nav-secondary {
        text-align: center;
    }
}

@media only screen and (min-width:40.063em) {
    #nav-secondary-wrap #nav-secondary {
        width: 100%;
        display: block;
        text-align: center;
    }
}

#nav-secondary-wrap #nav-secondary li {
    display: inline-block;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 40em) {
    #nav-secondary-wrap #nav-secondary li {
        display: block;
    }
}

#nav-secondary-wrap #nav-secondary li a {
    display: block;
    line-height: 1.875rem;
    padding: 0 0.625rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #ffffff;
    opacity: 0.7;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:40.063em) {
    #nav-secondary-wrap #nav-secondary li a {
        line-height: 2.5rem;
        font-size: 1rem;
        padding: 0 0.9375rem;
    }
}

#nav-secondary-wrap #nav-secondary li a:hover {
    opacity: 1
}

#nav-secondary-wrap #nav-secondary li.current-menu-item a {
    opacity: 1
}

.bg-blue #nav-secondary-wrap {
    background-color: #3d93cb
}

.bg-red #nav-secondary-wrap {
    background-color: #8b1519
}

.bg-yellow #nav-secondary-wrap {
    background-color: #fdb414
}

#post-pagination {
    background: #3d93cb;
    color: #fff;
    text-align: center
}

#post-pagination .prev {
    text-align: left
}

#post-pagination .next {
    text-align: right
}

#post-pagination a {
    display: inline-block;
    font-size: 1.375rem;
    font-weight: 200;
    line-height: 3.5625rem;
    padding: 3.75rem 0;
    text-transform: none;
    color: #fff;
    text-decoration: none;
    text-align: left
}

@media only screen and (min-width:40.063em) {
    #post-pagination a {
        padding: 7.8125rem 0;
        font-size: 1.625rem;
    }
}

#post-pagination a.disabled {
    cursor: default;
    opacity: 0.2
}

#post-pagination a span {
    display: inline-block;
    vertical-align: top;
    width: 57px;
    height: 57px
}

#post-pagination a span.arrow-right {
    background: no-repeat 0 0;
    background-image: url("assets/images/arrow-blue-right.png");
    margin-left: 12px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    #post-pagination a span.arrow-right {
        background-image: url("assets/images/arrow-blue-right_2x.png");
        background-size: 57px 57px;
    }
}

#post-pagination a span.arrow-left {
    background: no-repeat 0 0;
    background-image: url("assets/images/arrow-blue-left.png");
    margin-right: 12px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    #post-pagination a span.arrow-left {
        background-image: url("assets/images/arrow-blue-left_2x.png");
        background-size: 57px 57px;
    }
}

.back-link {
    position: relative;
    z-index: 2
}

.back-link>div {
    text-align: left;
    position: relative
}

.back-link a {
    text-align: left;
    display: block;
    position: relative;
    margin: 3.125rem 0 0 0;
    padding-left: 2.5rem;
    height: 30px;
    line-height: 30px;
    color: #3d93cb;
    font-size: 1rem;
    font-weight: 400;
    background: no-repeat 0 0;
    background-image: url("assets/images/arrow-blue-back.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .back-link a {
        background-image: url("assets/images/arrow-blue-back_2x.png");
        background-size: 29px 29px;
    }
}

@media only screen and (min-width:64.063em) {
    .back-link a {
        position: absolute;
    }
}

.post-categories {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 2.5rem auto 0
}

.post-categories li {
    display: inline-block;
    margin: 0 0.625rem;
    vertical-align: top;
    zoom: 1
}

@media only screen and (min-width:40.063em) {
    .post-categories li {
        margin: 0 1.5625rem;
    }
}

.post-categories li a {
    position: relative;
    font-size: 0.9375rem;
    font-weight: 300;
    opacity: 0.75
}

@media only screen and (min-width:40.063em) {
    .post-categories li a {
        font-size: 1.125rem;
    }
    .post-categories li a:after {
        content: "\25CB";
        display: block;
        font-size: 0.875rem
    }
}

.post-categories li a:hover {
    opacity: 1
}

@media only screen and (min-width:40.063em) {
    .post-categories li a:hover:after {
        content: "\25CF";
        display: block
    }
}

.post-categories li a.active {
    opacity: 1
}

@media only screen and (min-width:40.063em) {
    .post-categories li a.active:after {
        content: "\25CF";
        display: block
    }
}

.post-categories li.current-cat a {
    opacity: 1
}

@media only screen and (min-width:40.063em) {
    .post-categories li.current-cat a:after {
        content: "\25CF";
        display: block
    }
}

#content {
    position: relative;
    z-index: 2;
    width: 100%
}

#page-title-simple {
    background: #fff;
    width: 100%;
    position: relative;
    padding: 2rem 0.5rem
}

@media only screen and (min-width:40.063em) {
    #page-title-simple {
        padding: 4rem 0;
    }
}

#page-title-simple .page-title {
    margin: 0 auto;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 200
}

@media only screen and (min-width:40.063em) {
    #page-title-simple .page-title {
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
}

.bg-grey {
    background-color: #f6f6f6
}

.bg-white {
    background-color: #fff
}

.bg-photo {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #3d93cb
}

.bg-content-yellow {
    background-color: #fdb414
}

.content-hero-image {
    position: relative;
    z-index: 100;
    height: 545px
}

.content-hero-image .page-content {
    padding: 3.75rem 0 0rem
}

.content-hero-image .page-content .title {
    text-align: left;
    font-weight: 200
}

.content-hero-image .page-content .button {
    margin-bottom: 0
}

.content-hero-image .hero-image {
    margin: 0;
    padding: 0;
    position: relative
}

.content-hero-image .hero-image .clip {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1
}

.content-hero-image .hero-image .back-image {
    position: relative;
    z-index: 1
}

.content-hero-image .hero-image .front-image {
    position: absolute;
    z-index: 2
}

.page-content {
    padding: 2rem 0
}

@media only screen and (min-width:40.063em) {
    .page-content {
        padding: 1rem 0.3125rem;
    }
}

.page-content .title {
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 1.75rem;
    text-align: center;
    margin-bottom: 1.875rem
}

@media only screen and (min-width:40.063em) {
    .page-content .title {
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
}

.page-content p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
    text-align: center;
    font-weight: 300
}

.page-content b,
.page-content strong {
    font-weight: 400;
    color: #000
}

.page-content.content-grey .title {
    font-weight: 200
}

@media only screen and (min-width:40.063em) {
    .page-content.content-grey .title {
        font-size: 3.125rem;
        line-height: 3.75rem;
    }
}

.page-content.content-photo .title {
    color: #ffffff;
    margin-bottom: 2.1875rem;
    font-weight: 200
}

.page-content.content-photo p {
    color: #ffffff;
    font-weight: 300
}

.page-content.content-photo b,
.page-content.content-photo strong {
    color: #fff
}

.page-content.content-photo .button:hover {
    border-color: white;
    color: white !important
}

.page-content.three-col-width .columns {
    text-align: center
}

.page-content.three-col-width .image {
    margin: 0 0 1.5rem;
    padding: 0
}

.page-content.three-col-width p {
    font-size: 0.875rem;
    text-align: left
}

.page-content.image-two-column-width {
    padding: 3.25rem 0 2.5rem;
    border-top: 1px solid #e7e7e7
}

.page-content.image-two-column-width:first-child {
    border: none
}

.page-content.image-two-column-width .image {
    margin: 0;
    text-align: center
}

.page-content.image-two-column-width.icon-right .image {
    float: right
}

.page-content.image-two-column-width.icon-right .text {
    float: left
}

.page-content.content-centered {
    text-align: center
}

.bg-content-yellow .page-content .title,
.bg-content-yellow .page-content .subtitle,
.bg-content-yellow .page-content li,
.bg-content-yellow .page-content p {
    color: #fff
}

.bg-grey .check-image {
    background: url('assets/video/pp.html') no-repeat top center;
    background-size: 100%;
    height: 600px
}

.bg-grey .check-image article * {
    color: #fff !important
}

.bg-white {
    background: #fff
}

.home .bg-white {
    background: #f6f6f6
}

.video-bg {
    background: url('assets/images/grid.png') #000;
    overflow: hidden;
    position: fixed;
    z-index: 1;
    height: inherit;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0
}

@media only screen and (min-width:64.063em) {
    .video-bg {
        min-height: 100%;
    }
}

.video-bg .video-text-container {
    margin: 0;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10
}

.video-bg .video-text {
    display: none;
    width: 90%;
    margin: auto;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 200;
    position: absolute;
    z-index: 1;
    opacity: 0.55;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-bg .video-text:first-child {
    display: block
}

@media only screen and (min-width:40.063em) {
    .video-bg .video-text {
        width: 75%;
    }
}

.video-bg .video-text .line1 {
    font-size: 1.5rem;
    display: block
}

@media only screen and (min-width:40.063em) {
    .video-bg .video-text .line1 {
        font-size: 3.125rem;
    }
}

.video-bg .video-text .line2 {
    font-size: 2.5rem;
    font-weight: 300;
    display: block
}

@media only screen and (min-width:40.063em) {
    .video-bg .video-text .line2 {
        font-size: 5rem;
    }
}

.video-bg .fallback {
    display: block;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    background: #000 url('assets/images/grid.png');
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-bg .fallback.company .bg {
    background-image: url(assets/video/company.jpg)
}

.video-bg .fallback.payment-processing .bg {
    background-image: url(assets/video/payment-processing.jpg)
}

.video-bg .fallback.careers .bg {
    background-image: url(assets/video/careers.jpg)
}

.video-bg .fallback .bg {
    display: block;
    opacity: 0.55;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width:40.063em) {
    .video-bg .fallback .bg {
        opacity: 0;
        -webkit-animation: fadevideo 1s forwards linear;
        -moz-animation: fadevideo 1s forwards linear;
        animation: fadevideo 1s forwards linear;
    }
}

.video-bg .video-source {
    opacity: 0.55;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-bg .play-button {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    bottom: 8%;
    left: 50%;
    z-index: 10000;
    width: auto;
    height: 40px;
    background-color: #243d90;
    color: white;
    border-radius: 40px;
    font-size: 0.8125rem;
    line-height: 32px;
    font-weight: 300;
    margin: auto;
    padding: 3px 3px 3px 18px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media only screen and (min-width:40.063em) {
    .video-bg .play-button {
        font-size: 1rem;
        border-radius: 50px;
        height: 50px;
        font-size: 0.8125rem;
        line-height: 42px;
        padding: 4px 4px 4px 24px;
    }
}

@media only screen and (min-width:64.063em) {
    .video-bg .play-button {
        display: none;
    }
}

.video-bg .play-button:hover {
    background-color: rgba(36, 61, 144, 0.7)
}

.video-bg .play-button span {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 1px solid #fff;
    background-color: #152b73;
    float: right;
    margin-left: 12px;
    position: relative
}

.video-bg .play-button span:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    margin-left: 12px
}

@media only screen and (min-width:40.063em) {
    .video-bg .play-button span {
        width: 42px;
        height: 42px;
        border-radius: 42px;
    }
    .video-bg .play-button span:after {
        border-width: 9px 0 9px 14px;
        margin-left: 16px
    }
}

body.careers .video-bg {
    min-height: 0
}

.touch .play-button,
.touch .video-text-container {
    display: block
}

.fullscreen-bg {
    overflow: hidden;
    position: fixed;
    z-index: 1;
    height: inherit;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0
}

@media only screen and (min-width:64.063em) {
    .fullscreen-bg {
        min-height: 100%;
    }
}

.fullscreen-bg .fullscreen-text-container {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.fullscreen-bg .fullscreen-text {
    display: none;
    width: 90%;
    margin: auto;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 200;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fullscreen-bg .fullscreen-text:first-child {
    display: block
}

@media only screen and (min-width:40.063em) {
    .fullscreen-bg .fullscreen-text {
        width: 75%;
    }
}

.fullscreen-bg .fullscreen-text .line1 {
    font-size: 1.5rem;
    font-weight: 300;
    display: block
}

@media only screen and (min-width:40.063em) {
    .fullscreen-bg .fullscreen-text .line1 {
        font-size: 3.5rem;
    }
}

.fullscreen-bg .fullscreen-text .line2 {
    font-size: 1.5rem;
    font-weight: 300;
    display: block
}

@media only screen and (min-width:40.063em) {
    .fullscreen-bg .fullscreen-text .line2 {
        font-size: 3.5rem;
    }
}

.fullscreen-bg .fullscreen-image {
    position: relative;
    overflow: hidden;
    z-index: 5
}

.fullscreen-bg .fullscreen-image:before {
    content: ' ';
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    will-change: transform
}

.fullscreen-bg .fullscreen-image.company:before {
    background-image: url('images/home-slide.jpg')
}

.fullscreen-bg .fullscreen-image.payment-processing:before {
    background-image: url(images/realestate.jpg)
}

.fullscreen-bg .fullscreen-image.careers:before {
    background-image: url(assets/images/fullscreen_careers.jpg)
}

.fullscreen-bg .button-link-bottom {
    margin-top: 40px
}

body.careers .fullscreen-bg {
    min-height: 0
}

.touch .fullscreen-text-container {
    display: block
}

@-webkit-keyframes fadevideo {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0.55
    }
}

@-moz-keyframes fadevideo {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0.55
    }
}

@keyframes fadevideo {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0.55
    }
}

@-webkit-keyframes colorpulse {
    0% {
        background-color: rgba(255, 255, 255, 0.2)
    }
    100% {
        background-color: rgba(255, 255, 255, 0.5)
    }
}

@-moz-keyframes colorpulse {
    0% {
        background-color: rgba(255, 255, 255, 0.2)
    }
    100% {
        background-color: rgba(255, 255, 255, 0.5)
    }
}

@keyframes colorpulse {
    0% {
        background-color: rgba(255, 255, 255, 0.2)
    }
    100% {
        background-color: rgba(255, 255, 255, 0.5)
    }
}

@media only screen and (min-width:40.063em) {
    .touch .video-bg .play-button,
    .touch .fullscreen-bg .play-button {
        display: block;
    }
}

.top-level.bg-yellow .video-bg .video-text .line1 {
    font-size: 1.25rem
}

.top-level.bg-yellow .video-bg .video-text .line2 {
    font-size: 1.5625rem
}

@media only screen and (min-width:40.063em) {
    .top-level.bg-yellow .video-bg .video-text .line1 {
        font-size: 3.75rem;
        font-weight: 300
    }
    .top-level.bg-yellow .video-bg .video-text .line2 {
        font-size: 2.1875rem;
        font-weight: 200
    }
}

.touch .video-bg {
    position: relative
}

.touch .video-bg .video-text {
    z-index: 5
}

.touch .fullscreen-bg {
    position: relative
}

.touch .fullscreen-bg .fullscreen-text {
    z-index: 5
}

.video-bg-subpage {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: auto
}

.video-bg-subpage .fallback.rent .bg {
    background-image: url(assets/video/rent.jpg)
}

.video-bg-subpage .fallback.product .bg {
    background-image: url(assets/video/product.jpg)
}

.video-bg-subpage .fallback.customerservice .bg {
    background-image: url(assets/video/customerservice.jpg)
}

.static-wrap {
    position: static;
    -webkit-backface-visibility: hidden
}

article ul li {
    text-align: left;
    font-weight: 300;
    font-size: 0.9375rem
}

#cta {
    background-color: #2a7cab;
    color: #fff;
    z-index: 500;
    position: relative;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear
}

#cta.visible {
    background-color: #3d93cb;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear
}

#cta .text {
    margin: 0 auto;
    text-align: center
}

#cta .text a {
    display: inline-block;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    padding: 0rem 4% 2.375rem 4%;
    font-weight: 400;
    text-transform: none;
    color: #cbd5fd;
    text-decoration: none;
    margin: 2rem auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url("assets/images/arrow-blue-right.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    #cta .text a {
        background-image: url("assets/images/arrow-blue-right_2x.png");
        background-size: 57px 57px;
    }
}

@media only screen and (max-width: 40em) {
    #cta .text a {
        background-size: 30px;
    }
}

@media only screen and (min-width:40.063em) {
    #cta .text a {
        font-size: 1.375rem;
        line-height: 2.0625rem;
        padding: 7.8125rem 0;
        padding-right: 5rem;
        margin: 0 auto;
        background-position: 98%;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    #cta .text a:hover {
        background-position: 100%
    }
}

#footer {
   /* min-height: 300px;*/
    background: #202020; /* url('assets/images/footer_watermark_bg.png') no-repeat top right;*/
    background-size: auto 100%;
    position: relative;
    z-index: 3
}

@media only screen and (max-width: 40em) {
    #footer {
        min-height: 0;
    }
}

.footer-nav {
    margin: 0.75rem 0 0;
    min-height: 124px
}

@media only screen and (max-width: 40em) {
    .footer-nav {
        display: none;
    }
}

.footer-nav.small-12 {
    min-height: 0
}

@media only screen and (min-width:40.063em) {
    .footer-nav {
        margin: 3.125rem 0 0;
        min-height: 0;
    }
    .footer-nav.columns {
        width: 20%;
        float: left
    }
}

.footer-nav .title {
    margin: 0;
    color: #747474;
    font-size: 0.8125rem;
    text-transform: none;
    font-weight: 400;
    line-height: 1.2;
    min-height: 1.125rem
}

@media only screen and (min-width:40.063em) {
    .footer-nav .title {
        font-size: 1rem;
        margin-bottom: 0.625rem;
        line-height: 1.5;
        min-height: 0;
    }
}

.footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-nav ul li {
    margin: 3px 0;
    list-style: none;
    color: #747474;
    line-height: 1
}

@media only screen and (min-width:40.063em) {
    .footer-nav ul li {
        margin: 0.75rem 0;
        line-height: 1.1;
    }
}

.footer-nav ul li a:hover {
    color: #fff
}

.footer-nav ul li a {
    color: #b3b3b3;
    font-size: 0.75rem;
    font-weight: 300
}

@media only screen and (min-width:40.063em) {
    .footer-nav ul li a {
        font-size: 0.8125rem;
    }
}

#copyright {
    color: #666666;
    font-size: 0.75rem;
    margin: 1em 0 0;
    padding: 0 0 1em;
    text-align: center;
    float: left
}

@media only screen and (max-width: 40em) {
    #copyright {
        width: 100%;
    }
}

@media only screen and (min-width:40.063em) {
    #copyright {
        font-size: 0.8125rem;
        text-align: left;
        margin: 1em 3em 1em 0;
        padding-bottom: 0;
    }
}

#social-footer {
    margin: 0 auto;
    padding: 0 0 10px;
    line-height: 1;
    list-style: none;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    #social-footer {
        float: right;
        padding: 15px 0 0 0;
        width: auto;
        text-align: right;
    }
}

#social-footer li {
    display: inline-block;
    margin: 0 4px;
    padding: 0
}

@media only screen and (min-width:40.063em) {
    #social-footer li {
        display: block;
        float: left;
    }
}

#social-footer li a:hover {
    background-color: #fff
}

#social-footer li a {
    display: block;
    background-color: #747474;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

#social-footer li a.fb {
    background-image: url('assets/images/icons-social-facebook.png')
}

#social-footer li a.tw {
    background-image: url('assets/images/icons-social-twitter.png')
}

#social-footer li a.gp {
    background-image: url('assets/images/icons-social-google.png')
}

.moments {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -5px 40px
}

.moments .row {
    position: relative;
    z-index: 3
}

.moments .grid {
    background: url('assets/images/grid.png');
    position: relative;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.moments:before {
    content: ' ';
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    will-change: transform
}

.moment-align-left {
    text-align: left
}

.moment-align-right {
    text-align: right
}

.moment-bg-white {
    background-color: #fff
}

.moment-bg-image,
.moment-bg-video {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.moment-bg-image .page-title,
.moment-bg-image .title,
.moment-bg-image p,
.moment-bg-image li,
.moment-bg-image b,
.moment-bg-image strong,
.moment-bg-video .page-title,
.moment-bg-video .title,
.moment-bg-video p,
.moment-bg-video li,
.moment-bg-video b,
.moment-bg-video strong {
    color: #ffffff
}

.moment-powering-payments {
    background-image: url('assets/images/homepage-powering-payments.jpg')
}

.moment-powering-payments .row {
    z-index: 2;
    position: relative
}

.visible .company {
    opacity: 1 !important
}

.moment-credibility {
    text-align: center
}

.moment-credibility .row {
    position: relative;
    width: 100%
}

.moment-credibility .second-title {
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    text-transform: none
}

@media only screen and (min-width:40.063em) {
    .moment-credibility .second-title {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}

.moment-credibility .content-credibility-logos {
    padding: 0;
    margin: 0 auto
}

@media only screen and (min-width:40.063em) {
    .moment-credibility .content-credibility-logos {
        padding: 2rem 0 0;
    }
}

@media only screen and (min-width:40.063em) {
    .moment-credibility .content-credibility-logos .company {
        opacity: 0;
        -webkit-backface-visibility: hidden
    }
    .moment-credibility .content-credibility-logos .company:nth-child(1) {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s
    }
    .moment-credibility .content-credibility-logos .company:nth-child(2) {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        transition-delay: 0.7s
    }
    .moment-credibility .content-credibility-logos .company:nth-child(3) {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s
    }
    .moment-credibility .content-credibility-logos .company:nth-child(4) {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay: 1.2s;
        -moz-transition-delay: 1.2s;
        transition-delay: 1.2s
    }
}

.moment-credibility .company h6 {
    text-align: center;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    text-transform: none
}

@media only screen and (min-width:40.063em) {
    .moment-credibility .company h6 {
        font-size: 0.8125rem;
        line-height: 1.0625rem;
    }
}

.moment-paper-checks {
    background-color: #FFF;
    background-image: url('assets/images/check-pattern-bg.png')
}

.moment-mutual-exchange {
    background-color: #3d93cb
}

@media only screen and (min-width:40.063em) {
    .moment-mutual-exchange h2 {
        opacity: 0;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s
    }
    .moment-mutual-exchange.visible h2 {
        opacity: 1;
        padding-top: 20px
    }
}

.moment-convenience {
    background-image: url('assets/images/homepage-convenience.jpg')
}

.moment-convenience p {
    font-weight: 300
}

.moment-secure {
    background: #fdb414
}

.moment-secure .title {
    color: #fff
}

.moment-secure .image span {
    display: block
}

.moment-secure .merchants .subtitle {
    color: #fff
}

.moment-secure .merchants p {
    color: #fff
}

.moment-payment-channels-overview {
    background-color: #fdb414;
    text-align: center;
    color: #fff;
    padding-bottom: 20px
}

.moment-payment-channels-overview .title {
    color: #fff
}

.moment-payment-channels-overview .subtitle {
    color: #fff
}

.moment-slider {
    background: #8b1519
}

.credibility {
    color: #333
}

.column-5 {
    width: 20%
}

.accel {
    height: 50px;
    width: 90%;
    margin: 0 auto 9px;
    background: no-repeat center bottom;
    background-size: contain;
    background-image: url("assets/images/accel.jpg");
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .accel {
        background-image: url("assets/images/accel_2x.jpg");
        background-size: contain;
    }
}

.homeaway {
    height: 50px;
    width: 100%;
    margin: 6px auto 0px;
    background: no-repeat center bottom;
    background-size: contain;
    background-image: url("assets/images/homeaway.jpg");
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .homeaway {
        background-image: url("assets/images/homeaway_2x.jpg");
        background-size: contain;
    }
}

.forbes {
    height: 50px;
    width: 80%;
    margin: 0 auto 10px;
    background: no-repeat center bottom;
    background-size: contain;
    background-image: url("assets/images/forbes.jpg");
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .forbes {
        background-image: url("assets/images/forbes_2x.jpg");
        background-size: contain;
    }
}

.inc5000 {
    height: 50px;
    width: 85%;
    margin: 0 auto 10px;
    background: no-repeat center bottom;
    background-size: contain;
    background-image: url("assets/images/inc5000.png");
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .inc5000 {
        background-image: url("assets/images/inc5000_2x.png");
        background-size: contain;
    }
}

body.page-id-29 {
    height: 100%
}

#content-wrapper {
    min-height: 500px;
    width: 100%
}

@media only screen and (min-width:64.063em) {
    #content-wrapper {
        height: 100%;
        overflow: hidden;
    }
}

.scrollContent {
    width: 100%
}

@media only screen and (min-width:64.063em) {
    .scrollContent {
        overflow: hidden;
        height: 100%;
    }
}

.container {
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%
}

@media only screen and (min-width:64.063em) {
    .container {
        position: relative;
    }
}

.scrollSlide {
    position: relative;
    z-index: 1
}

div.our-story .hidden {
    visibility: visible
}

@media only screen and (min-width:64.063em) {
    div.our-story .hidden {
        visibility: hidden;
    }
}

div.our-story .title {
    color: #fff;
    margin: 0 auto;
    position: absolute;
    z-index: 15;
    top: 4%;
    width: 100%;
    font-size: 0.9375rem;
    font-weight: 200;
    text-align: center;
    text-transform: uppercase;
    padding: 0 5%
}

@media only screen and (max-width: 40em) {
    div.our-story .title {
        font-weight: 400 !important;
    }
}

@media only screen and (min-width:40.063em) {
    div.our-story .title {
        font-size: 1.625rem;
    }
}

@media only screen and (min-width:64.063em) {
    div.our-story .title {
        font-size: 1.4375rem;
    }
}

div.our-story p.title,
div.our-story .title2 {
    color: #fff;
    margin: 0 auto;
    position: absolute;
    z-index: 15;
    top: 5.5%;
    width: 100%;
    font-size: 0.9375rem;
    line-height: 1.4;
    font-weight: 100;
    text-align: center;
    text-transform: none;
    padding: 0 3%
}

@media only screen and (max-width: 40em) {
    div.our-story p.title,
    div.our-story .title2 {
        font-weight: 400 !important;
    }
}

@media only screen and (min-width:40.063em) {
    div.our-story p.title,
    div.our-story .title2 {
        padding: 0 15%;
        font-size: 1.625rem;
    }
}

@media only screen and (min-width:64.063em) {
    div.our-story p.title,
    div.our-story .title2 {
        top: 1%;
        font-size: 1.4375rem;
        line-height: 1.5;
    }
}

div.our-story p.title br,
div.our-story .title2 br {
    display: none
}

@media only screen and (min-width:64.063em) {
    div.our-story p.title br,
    div.our-story .title2 br {
        display: inline;
    }
}

div.our-story .bottom-text {
    position: absolute;
    z-index: 5;
    bottom: 8%;
    width: 100%;
    text-align: center
}

div.our-story .bottom-text p {
    padding: 0;
    margin: 0 0 0.2em 0;
    text-align: center;
    font-size: 18px;
    font-weight: 300
}

.intro-mobile {
    height: 100%;
    min-height: 500px;
    min-width: 100%;
    background: black;
    background-size: cover;
    z-index: 4;
    position: relative;
    color: #fff
}

.intro-mobile .title,
.intro-mobile .titleb {
    color: #fff
}

.intro-mobile .stone {
    font-size: 3rem;
    line-height: 1
}

@media only screen and (min-width:40.063em) {
    .intro-mobile .stone {
        font-size: 3.75rem;
    }
}

.intro-mobile .bottom-text p {
    color: #fff
}

.intro-mobile #bottom-text1 {
    background: url('assets/images/scroll_chevron.png') center bottom no-repeat;
    padding-bottom: 25px;
    font-family: 'Patrick Hand', cursive
}

.intro-mobile #earth {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    background: url('assets/images/earth.jpg') center center no-repeat;
    background-size: cover
}

#intro {
    height: 100%;
    min-height: 500px;
    min-width: 100%;
    background: #999;
    background-color: #666;
    background: black;
    background-size: cover;
    z-index: 4
}

#intro .title {
    top: 30px
}

#intro .title,
#intro .titleb {
    color: #fff;
    opacity: 0
}

#intro .stone {
    font-size: 60px;
    line-height: 60px
}

#intro .bottom-text p {
    color: #fff
}

#intro #bottom-text1 {
    opacity: 0;
    background: url('assets/images/scroll_chevron.png') center bottom no-repeat;
    padding-bottom: 25px;
    font-family: 'Patrick Hand', cursive
}

#intro #bottom-text2 {
    font-weight: 300
}

#intro #earth {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    background: url('assets/images/earth.jpg') center center no-repeat;
    background-size: cover
}

#intro #earth2 {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: 0;
    background: url('assets/images/earth2.jpg') center center no-repeat;
    background-size: cover
}

#intro .text-fact {
    display: none;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    text-align: left;
    position: absolute;
    z-index: 10;
    font-weight: 300;
    font-family: 'Patrick Hand', cursive;
    letter-spacing: 1px
}

@media only screen and (min-width:64.063em) {
    #intro .text-fact {
        display: block;
    }
}

#intro #text-fact1 {
    top: 35%;
    left: 50%;
    margin-left: -486px;
    background: url('assets/images/top-left_tooltip.png') no-repeat 100% 7px;
    padding-right: 130px;
    padding-bottom: 40px
}

#intro #text-fact2 {
    top: 35%;
    left: 53%;
    margin-left: 60px;
    background: url('assets/images/top-right_tooltip.png') no-repeat 0 7px;
    padding-left: 110px;
    padding-bottom: 60px
}

#intro #text-fact3 {
    top: 56%;
    left: 52%;
    margin-left: 80px;
    background: url('assets/images/bottom-right_tooltip.png') no-repeat 0 13px;
    padding-left: 110px;
    padding-top: 75px
}

#intro #text-fact4 {
    top: 56%;
    left: 50%;
    margin-left: -406px;
    background: url('assets/images/bottom-left_tooltip.png') no-repeat 100% 4px;
    padding-right: 130px;
    padding-top: 45px
}

#birth {
    height: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 3;
    background: #000
}

@media only screen and (min-width:64.063em) {
    #birth {
        position: absolute;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

#birth .bg {
    background: url('assets/images/quarry.jpg') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5
}

@media only screen and (min-width:64.063em) {
    #birth .bg {
        opacity: 1;
    }
}

#birth .title {
    color: #ffffff
}

#birth #text-fact5 {
    top: 37%;
    left: 55%;
    margin-left: 50px;
    padding-left: 140px;
    padding-top: 75px;
    width: 370px
}

#birth .YapStone-large-wrapper {
    position: absolute;
    left: 50%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    top: 30%;
    height: 40%
}

@media only screen and (min-width:40.063em) {
    #birth .YapStone-large-wrapper {
        height: 50%;
        top: 25%;
    }
}

#birth .YapStone-large {
    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: url('assets/images/ourstory-YapStone.png') center bottom no-repeat;
    background-size: contain
}

#birth .text-fact {
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    text-align: left;
    position: absolute;
    z-index: 10;
    font-weight: 300;
    font-family: 'Patrick Hand', cursive;
    letter-spacing: 1px;
    display: none
}

@media only screen and (min-width:64.063em) {
    #birth .text-fact {
        display: block;
    }
}

#birth #birth2 {
    top: auto;
    bottom: 11%
}

#birth #birth3 {
    display: none
}

#birth #text-birth1 {
    top: 35%;
    left: 47%;
    margin-left: -380px;
    background: url('assets/images/top-left_tooltip.png') no-repeat 100% 30px;
    padding-right: 100px;
    padding-bottom: 60px;
    width: 370px
}

#birth #text-birth2 {
    top: 52%;
    left: 50%;
    margin-left: 60px;
    background: url('assets/images/bottom-right_tooltip.png') no-repeat 0 35px;
    padding-left: 125px;
    padding-top: 75px;
    width: 300px
}

#birth #text-birth3 {
    top: 50%;
    left: -20%;
    background: url('assets/images/axe.png') no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 20%
}

#birth #text-birth4 {
    top: 27%;
    left: 20%;
    background: url('assets/images/hammer.png') no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 20%
}

#birth .YapStone-height {
    max-height: 388px;
    height: 50%;
    position: absolute;
    z-index: 20;
    padding-left: 17px;
    min-width: 85px;
    top: 24%;
    left: 55%;
    background: url('assets/images/yap-height.png') no-repeat left 0;
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%)
}

#birth .YapStone-height p {
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    padding-left: 10px;
    margin: 0;
    font-family: 'Patrick Hand', cursive;
    letter-spacing: 1px
}

#birth .YapStone-height #height-mark1 {
    top: 0
}

#birth .YapStone-height #height-mark2 {
    top: 48%
}

#birth .YapStone-height #height-mark3 {
    bottom: 0
}

#birth #height-example {
    max-height: 200px;
    max-width: 89px;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 43%;
    left: 50%;
    background: url('assets/images/man.png') 0 0 no-repeat;
    -webkit-transform: translateX(410%);
    -moz-transform: translateX(410%);
    -ms-transform: translateX(410%);
    -o-transform: translateX(410%);
    transform: translateX(410%)
}

#value-YapStone {
    height: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width:64.063em) {
    #value-YapStone {
        position: absolute;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

#value-YapStone .title {
    color: #333333
}

#value-YapStone .text-fact {
    padding: 0;
    margin: 0;
    line-height: 1.2;
    text-align: left;
    position: absolute;
    z-index: 10;
    font-weight: 300;
    font-family: 'Patrick Hand', cursive;
    letter-spacing: 1px;
    display: none
}

@media only screen and (min-width:64.063em) {
    #value-YapStone .text-fact {
        display: block;
    }
}

#value-YapStone #text-fact5 {
    top: 37%;
    left: 55%;
    margin-left: 50px;
    padding-left: 140px;
    padding-top: 75px;
    width: 370px
}

#value-YapStone .YapStone-large-wrapper {
    position: absolute;
    left: 50%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    top: 30%;
    height: 40%
}

@media only screen and (min-width:40.063em) {
    #value-YapStone .YapStone-large-wrapper {
        height: 50%;
        top: 25%;
    }
}

#value-YapStone .YapStone-large {
    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: url('assets/images/ourstory-YapStone.png') center bottom no-repeat;
    background-size: contain
}

#value-YapStone .shadow {
    max-width: 437px;
    max-height: 28px;
    height: 7%;
    width: 100%;
    background: url('assets/images/ourstory-YapStone-shadow.png') center center no-repeat;
    background-size: 60%;
    position: absolute;
    bottom: -9px;
    z-index: -1
}

#value-YapStone .YapStone-small {
    position: absolute;
    top: 55%;
    left: 55%;
    z-index: 5;
    -webkit-transform: translateX(-450%);
    -moz-transform: translateX(-450%);
    -ms-transform: translateX(-450%);
    -o-transform: translateX(-450%);
    transform: translateX(-450%);
    max-width: 90px;
    max-height: 90px;
    width: 100%;
    height: 50%;
    background: url('assets/images/ourstory-YapStone.png') center center no-repeat;
    background-size: contain
}

#value-YapStone .YapStone-1in {
    position: absolute;
    top: 63%;
    left: 44%;
    z-index: 5;
    -webkit-transform: translateX(-1032%);
    -moz-transform: translateX(-1032%);
    -ms-transform: translateX(-1032%);
    -o-transform: translateX(-1032%);
    transform: translateX(-1032%);
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    height: 50%;
    background: url('assets/images/ourstory-YapStone.png') center center no-repeat;
    background-size: contain
}

#value-YapStone .YapStone-1in span {
    position: absolute;
    left: 120%;
    top: 23%;
    width: 300%;
    max-width: 160px;
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
    padding: 0;
    padding-left: 10px;
    margin: 0;
    background: url('assets/images/height-line.png') left center no-repeat
}

#value-YapStone .YapStone-height {
    max-height: 388px;
    height: 50%;
    position: absolute;
    z-index: 20;
    padding-left: 17px;
    min-width: 85px;
    top: 24%;
    left: 55%;
    background: url('assets/images/yap-height.png') no-repeat left 0;
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%)
}

#value-YapStone .YapStone-height p {
    position: absolute;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    padding: 0;
    padding-left: 10px;
    margin: 0;
    font-family: 'Patrick Hand', cursive;
    letter-spacing: 1px
}

#value-YapStone .YapStone-height #height-mark1 {
    top: 0
}

#value-YapStone .YapStone-height #height-mark2 {
    top: 48%
}

#value-YapStone .YapStone-height #height-mark3 {
    bottom: 0
}

#value-YapStone #height-example {
    max-height: 200px;
    max-width: 89px;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 43%;
    left: 50%;
    background: url('assets/images/man.png') 0 0 no-repeat;
    -webkit-transform: translateX(410%);
    -moz-transform: translateX(410%);
    -ms-transform: translateX(410%);
    -o-transform: translateX(410%);
    transform: translateX(410%)
}

#value-YapStone .bottom-text p {
    color: #333333
}

#value-YapStone .white-wall {
    margin: 0 auto;
    height: 60%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    background: url('assets/images/white-wall.jpg') center top no-repeat;
    background-size: cover
}

#value-YapStone .deck {
    margin: 0 auto;
    height: 40%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 60%;
    background: white url('assets/images/white-deck.jpg') center top no-repeat;
    background-size: 100% auto
}

.shipwreck-mobile {
    height: 100%;
    overflow: hidden;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    background: url('assets/images/island-water3.jpg') center top no-repeat;
    background-size: cover
}

@media only screen and (max-width: 40em) {
    .shipwreck-mobile .title {
        color: #333 !important;
    }
}

.shipwreck-mobile .YapStone-large-wrapper {
    position: absolute;
    left: 50%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    top: 30%;
    height: 30%
}

@media only screen and (min-width:40.063em) {
    .shipwreck-mobile .YapStone-large-wrapper {
        height: 42%;
        top: 25%;
    }
}

.shipwreck-mobile .YapStone-large-wrapper .YapStone-large {
    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    background: url('assets/images/ourstory-YapStone.png') center center no-repeat;
    background-size: contain
}

.shipwreck-mobile .YapStone-large-wrapper .shadow {
    max-width: 420px;
    max-height: 28px;
    height: 7%;
    width: 100%;
    background: url('assets/images/ourstory-YapStone-shadow.png') center center no-repeat;
    background-size: 60%;
    position: absolute;
    bottom: -10px;
    z-index: -1
}

@media only screen and (min-width:40.063em) {
    .shipwreck-mobile .YapStone-large-wrapper .shadow {
        bottom: -25px;
    }
}

.shipwreck-mobile #paddles {
    max-width: 293px;
    max-height: 240px;
    height: 20%;
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 61%;
    left: 74%;
    background: url('assets/images/paddles.png') center center no-repeat;
    background-size: contain;
    -webkit-transform: translateX(-210%);
    -moz-transform: translateX(-210%);
    -ms-transform: translateX(-210%);
    -o-transform: translateX(-210%);
    transform: translateX(-210%)
}

.shipwreck-mobile #rope {
    max-width: 90px;
    max-height: 64px;
    height: 7%;
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 64%;
    left: 28%;
    background: url('assets/images/rope.png') center center no-repeat;
    background-size: contain;
    -webkit-transform: translateX(418%);
    -moz-transform: translateX(418%);
    -ms-transform: translateX(418%);
    -o-transform: translateX(418%);
    transform: translateX(418%);
    display: none
}

@media only screen and (min-width:40.063em) {
    .shipwreck-mobile #rope {
        display: block;
    }
}

.shipwreck-mobile .deck {
    margin: 0 auto;
    height: 40%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 60%;
    background: white url('assets/images/white-deck.jpg') center top no-repeat;
    background-size: 100% auto;
    display: none
}

@media only screen and (min-width:40.063em) {
    .shipwreck-mobile .deck {
        display: block;
    }
}

#shipwreck {
    height: 100%;
    overflow: hidden;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    background: url('assets/images/island-water3.jpg') center top no-repeat;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    #shipwreck {
        position: absolute;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

#shipwreck .title {
    color: #ffffff
}

@media only screen and (max-width: 40em) {
    #shipwreck .title {
        color: #333 !important;
    }
}

#shipwreck .title1 {
    display: none
}

@media only screen and (min-width:64.063em) {
    #shipwreck .title1 {
        display: block;
    }
}

#shipwreck .text-fact {
    padding: 0;
    margin: 0;
    line-height: 1.2;
    color: #fff;
    text-align: left;
    position: absolute;
    z-index: 10;
    font-weight: 300;
    font-family: 'Patrick Hand', cursive;
    letter-spacing: 1px;
    display: none
}

@media only screen and (min-width:64.063em) {
    #shipwreck .text-fact {
        display: block;
    }
}

#shipwreck #text-fact1 {
    top: 35%;
    left: 47%;
    margin-left: -360px;
    background: url('assets/images/top-left_tooltip.png') no-repeat 100% 28px;
    padding-right: 130px;
    padding-bottom: 60px;
    width: 410px;
    z-index: 12
}

#shipwreck #text-fact2 {
    top: 52%;
    left: 50%;
    margin-left: 60px;
    background: url('assets/images/bottom-right_tooltip.png') no-repeat 0 36px;
    padding-left: 110px;
    padding-top: 75px;
    width: 320px;
    z-index: 12
}

#shipwreck .YapStone-large-wrapper {
    position: absolute;
    left: 50%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    top: 30%;
    height: 40%
}

@media only screen and (min-width:40.063em) {
    #shipwreck .YapStone-large-wrapper {
        height: 50%;
        top: 25%;
    }
}

#shipwreck .YapStone-large-wrapper .YapStone-large {
    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    background: url('assets/images/ourstory-YapStone.png') center center no-repeat;
    background-size: contain;
    display: none
}

@media only screen and (min-width:64.063em) {
    #shipwreck .YapStone-large-wrapper .YapStone-large {
        display: block;
    }
}

#shipwreck .YapStone-large-wrapper .shadow {
    max-width: 420px;
    max-height: 28px;
    height: 7%;
    width: 100%;
    background: url('assets/images/ourstory-YapStone-shadow.png') center center no-repeat;
    background-size: 60%;
    position: absolute;
    bottom: -25px;
    z-index: -1
}

#shipwreck .YapStone-large-dark {
    position: absolute;
    left: 50%;
    z-index: 11;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    background-size: contain;
    top: 30%;
    height: 40%
}

@media only screen and (min-width:40.063em) {
    #shipwreck .YapStone-large-dark {
        height: 50%;
        top: 25%;
    }
}

#shipwreck .YapStone-large-dark .YapStone-logo-dark {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: url('assets/images/ourstory-YapStone-dark.png') center center no-repeat;
    background-size: contain
}

#shipwreck .bottom-text {
    z-index: 20
}

@media only screen and (min-width:64.063em) {
    #shipwreck #paddles {
        max-width: 293px;
        max-height: 240px;
        height: 31%;
        width: 100%;
        position: absolute;
        z-index: 5;
        top: 68%;
        left: 65%;
        background: url('assets/images/paddles.png') center center no-repeat;
        background-size: contain;
        -webkit-transform: translateX(-210%);
        -moz-transform: translateX(-210%);
        -ms-transform: translateX(-210%);
        -o-transform: translateX(-210%);
        transform: translateX(-210%)
    }
    #shipwreck #rope {
        max-width: 90px;
        max-height: 64px;
        height: 9%;
        width: 100%;
        position: absolute;
        z-index: 5;
        top: 71%;
        left: 35%;
        background: url('assets/images/rope.png') center center no-repeat;
        background-size: contain;
        -webkit-transform: translateX(418%);
        -moz-transform: translateX(418%);
        -ms-transform: translateX(418%);
        -o-transform: translateX(418%);
        transform: translateX(418%)
    }
}

#shipwreck .deck {
    margin: 0 auto;
    height: 40%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 60%;
    background: white url('assets/images/white-deck.jpg') center top no-repeat;
    background-size: 100% auto
}

#shipwreck #underwater {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url('assets/images/island-water3.jpg') center bottom no-repeat;
    background-size: cover
}

#shipwreck .yapmove {
    position: absolute;
    left: 0%;
    z-index: 3;
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    height: 50%;
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
    background: url('assets/images/ourstory-YapStone-dark.png') center center no-repeat;
    background-size: contain
}

#shipwreck #yapmove1 {
    top: 5%
}

#shipwreck #yapmove2 {
    top: 15%
}

#shipwreck #yapmove3 {
    top: 25%
}

#shipwreck #yapmove4 {
    top: 35%
}

#shipwreck #yapmove5 {
    top: 45%
}

#shipwreck .yapmove-right {
    position: absolute;
    left: 120%;
    z-index: 3;
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    height: 50%;
    background: url('assets/images/ourstory-YapStone-dark.png') center center no-repeat;
    background-size: contain
}

#shipwreck #yapmove6 {
    top: 15%
}

#shipwreck #yapmove7 {
    top: 30%
}

#shipwreck #yapmove8 {
    top: 45%
}

#shipwreck #yapmove9 {
    top: 60%
}

#shipwreck #yapmove10 {
    top: 75%
}

#century {
    height: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 100%;
    background: white;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    #century {
        position: absolute;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

#century .title {
    color: #333
}

#century .title2 {
    bottom: 5%;
    top: auto
}

@media only screen and (min-width:64.063em) {
    #century .title2 {
        top: 1%;
        bottom: auto;
    }
}

#century .bottom-text {
    bottom: 27%
}

#century .text-fact {
    color: #333;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    text-align: left;
    position: absolute;
    z-index: 10;
    font-weight: 300;
    font-family: 'Patrick Hand', cursive;
    letter-spacing: 1px;
    display: none
}

@media only screen and (min-width:64.063em) {
    #century .text-fact {
        display: block;
    }
}

#century #text-fact1 {
    top: 35%;
    left: 47%;
    margin-left: -360px;
    background: url('assets/images/top-left_tooltip_b.png') no-repeat 100% 30px;
    padding-right: 130px;
    padding-bottom: 40px;
    width: 360px;
    z-index: 12
}

#century #text-fact2 {
    top: 52%;
    left: 50%;
    margin-left: 60px;
    background: url('assets/images/bottom-right_tooltip_b.png') no-repeat 0 50px;
    padding-left: 130px;
    padding-top: 90px;
    width: 422px;
    z-index: 12
}

#century .YapStone-large-dark {
    position: absolute;
    left: 50%;
    z-index: 11;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    background-size: contain;
    top: 30%;
    height: 40%
}

@media only screen and (min-width:40.063em) {
    #century .YapStone-large-dark {
        height: 50%;
        top: 25%;
    }
}

#century .YapStone-large-dark .YapStone-logo-dark {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: url('assets/images/ourstory-YapStone-dark.png') center center no-repeat;
    background-size: contain
}

#century .YapStone-logo {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: url('images/favicon.png') center center no-repeat;
    background-size: contain
}

#century .YapStone-logo-a {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: url('assets/images/YapStone-logo-a.png') center center no-repeat;
    background-size: contain
}

#century .YapStone-logo-b {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: url('assets/images/YapStone-logo-b.png') center center no-repeat;
    background-size: contain
}

#century .YapStone-logo-c {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: url('assets/images/YapStone-logo-c.png') center center no-repeat;
    background-size: contain
}

#century .YapStone-logo {
    background: url('assets/images/YapStone-logo-animate.png') center center no-repeat;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: 13
}

#century #wordmark {
    background: url('assets/images/YapStone-logo-wordmark.jpg') center center no-repeat;
    background-size: contain;
    text-align: center;
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 12
}

@media only screen and (min-width:64.063em) {
    #century #wordmark {
        display: block;
    }
}

.wordmark-mobile {
    height: 100%;
    overflow: hidden;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%
}

.wordmark-mobile .YapStone-large-dark {
    position: absolute;
    top: 22%;
    left: 50%;
    z-index: 11;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 410px;
    max-height: 400px;
    width: 100%;
    height: 22%;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .wordmark-mobile .YapStone-large-dark {
        top: 30%;
    }
}

.wordmark-mobile .YapStone-logo {
    background: url('assets/images/YapStone-logo-wordmark.jpg') center center no-repeat;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: 12
}

.wordmark-mobile .bottom-text {
    top: 40%
}

@media only screen and (min-width:40.063em) {
    .wordmark-mobile .bottom-text {
        top: 50%;
    }
}

.wordmark-mobile .bottom-text #wordmark {
    z-index: 10;
    height: 79px;
    background: url('assets/images/YapStone-logo-wordmark.jpg') center center no-repeat;
    background-size: contain;
    text-align: center;
    width: 90%;
    margin: auto
}

@media only screen and (min-width:40.063em) {
    .wordmark-mobile .bottom-text #wordmark {
        width: auto;
    }
}

#mystory-pagination {
    display: none
}

@media only screen and (min-width:64.063em) {
    #mystory-pagination {
        display: block;
        position: fixed;
        z-index: 13;
        top: 50%;
        right: 4%
    }
    #mystory-pagination a li {
        color: #fff;
        list-style-type: none
    }
    #mystory-pagination a li:after {
        content: "\25CB";
        display: block
    }
    #mystory-pagination a:hover li:after {
        content: "\25CF";
        display: block
    }
    #mystory-pagination a.active li:after {
        content: "\25CF";
        display: block
    }
}

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

@media only screen and (min-width:64.063em) {
    .text-fact {
        font-size: 18px;
    }
}

.text-fact .text-underline {
    display: inline-block;
    padding-bottom: 8px;
    position: relative
}

.text-fact .white {
    border-color: white
}

.text-fact .black {
    border-color: #333
}

.text-fact .text-topright {
    padding-left: 16px;
    top: -20px;
    left: 0px
}

.text-fact .text-topleft {
    padding-right: 16px;
    top: -20px;
    right: 0px
}

.text-fact .text-bottomleft {
    padding-right: 16px;
    top: -10px;
    right: 0px
}

.text-fact .text-bottomright {
    padding-left: 16px;
    top: -30px;
    left: 0px
}

.desktop-hidden {
    display: block;
    overflow: hidden;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%
}

@media only screen and (min-width:64.063em) {
    .desktop-hidden {
        display: none;
    }
}

.immersive-payments {
    text-align: center;
    height: 100%;
    position: relative
}

.immersive-payments .line-container {
    position: absolute;
    outline: 0;
    z-index: 8;
    overflow: hidden
}

.immersive-payments .line-container.down {
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.immersive-payments .line-container.down .bar {
    width: 10px;
    height: 40px
}

.immersive-payments .line-container.down .bar-container:before {
    width: 2px;
    left: 50%;
    top: 0%;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.immersive-payments .line-container.right {
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.immersive-payments .line-container.right .bar {
    width: 40px;
    height: 10px
}

.immersive-payments .line-container.right .bar-container:before {
    height: 2px;
    left: 0%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.immersive-payments .line-container.left {
    top: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.immersive-payments .line-container.left .bar {
    width: 40px;
    height: 10px
}

.immersive-payments .line-container.left .bar-container {
    height: 100%
}

.immersive-payments .line-container.left .bar-container:before {
    height: 2px;
    right: 0%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.immersive-payments .line-container .bar-container {
    position: absolute;
    display: block;
    z-index: 3
}

.immersive-payments .line-container .bar-container .bar {
    position: absolute;
    display: block;
    border: 2px solid #fff;
    border-radius: 3px
}

.immersive-payments .line-container .bar-container:before {
    content: '';
    display: block;
    background-color: #3d93cb;
    position: absolute
}

.immersive-payments .line-container .trigger {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px
}

.immersive-payments .immersive-slide {
    height: 100%;
    position: relative;
    z-index: 10
}

.immersive-payments .immersive-slide:after {
    content: '';
    display: block;
    position: absolute;
    left: 89%;
    top: 0;
    background-color: #fff;
    z-index: 2;
    width: 11%;
    height: 100%
}

.immersive-payments .immersive-slide .inner {
    width: 78%;
    position: relative;
    z-index: 3;
    background-color: #FFF;
    margin: 0 auto;
    padding: 240px 0;
    border-right: 1x solid white
}

.immersive-payments .immersive-slide .text {
    width: 64%;
    margin: auto
}

.immersive-payments .immersive-slide .text .subtitle {
    font-size: 30px;
    font-weight: 300
}

.immersive-payments .immersive-slide .icon {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    width: 100px;
    height: 100px
}

.immersive-payments .immersive-slide .icon svg {
    width: 273%;
    height: 273%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments .immersive-slide .angle-decoration {
    position: absolute;
    display: block;
    top: 3px;
    left: 2px;
    right: 0;
    width: 100%;
    height: 20px;
    overflow: hidden;
    z-index: 1
}

.immersive-payments .immersive-slide .angle-decoration .angle {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 52px 20px 0;
    border-color: transparent #29398F transparent transparent;
    float: left
}

.immersive-payments .immersive-slide .angle-decoration .bar {
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 52px;
    top: 0;
    background-color: #29398F
}

.immersive-payments #immersive-intro {
    background-color: rgba(253, 180, 20, 0.8);
    height: 80%;
    padding: 60px 0 0;
    z-index: 12
}

.immersive-payments #immersive-intro:after {
    display: none
}

.immersive-payments #immersive-intro .title {
    font-size: 60px;
    font-weight: 300;
    line-height: 1.1;
    color: #fff
}

.immersive-payments #immersive-intro #laptop_gears {
    height: 300px
}

.immersive-payments #immersive-intro .path {
    stroke-dasharray: 1560;
    stroke-dashoffset: 1560;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: dash 3s ease-in-out forwards;
    animation: dash 3s ease-in-out forwards
}

.immersive-payments #immersive-intro .rotating {
    -webkit-animation: rotating 3s linear infinite;
    animation: rotating 3s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-intro .rotating2 {
    -webkit-animation: rotating2 6s linear infinite;
    animation: rotating2 6s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-intro .line-container {
    left: 11%;
    width: 12px;
    margin-left: 2px
}

.immersive-payments #immersive-intro .line-container .bar-container {
    height: 0%;
    width: 10px
}

.immersive-payments #immersive-intro .line-container .bar-container .bar {
    bottom: 0%;
    border: 2px solid #fff;
    background-color: #3d93cb
}

.immersive-payments #immersive-intro .line-container .bar-container:before {
    background-color: #fff
}

.immersive-payments #immersive-intro .line-container .trigger {
    top: 120%
}

.immersive-payments #immersive-user-initiates .icon-arrow {
    display: block;
    position: absolute;
    left: 10%;
    bottom: 5%;
    height: 42px;
    width: 48px;
    background: url('assets/images/icon-double-arrow.png') no-repeat 50%
}

.immersive-payments #immersive-user-initiates .icon-info {
    left: 0%;
    top: 50%;
    -webkit-transform: translate(-50% -50%);
    -moz-transform: translate(-50% -50%);
    -ms-transform: translate(-50% -50%);
    -o-transform: translate(-50% -50%);
    transform: translate(-50% -50%)
}

.immersive-payments #immersive-user-initiates .line-container.down {
    left: 0%;
    width: 12px;
    margin-left: 2px
}

.immersive-payments #immersive-user-initiates .line-container.down .bar-container {
    height: 0%;
    width: 10px
}

.immersive-payments #immersive-user-initiates .line-container.down .bar-container .bar {
    bottom: 0%;
    border: 2px solid #fff;
    background-color: #3d93cb
}

.immersive-payments #immersive-user-initiates .line-container.down .bar-container:before {
    background-color: #3d93cb
}

.immersive-payments #immersive-user-initiates .line-container.down .trigger {
    top: 52%
}

.immersive-payments #immersive-user-initiates .line-container.right {
    height: 14px;
    bottom: -2px
}

.immersive-payments #immersive-user-initiates .line-container.right .bar-container {
    width: 0%;
    height: 10px
}

.immersive-payments #immersive-user-initiates .line-container.right .bar-container .bar {
    right: 0%;
    background-color: #3d93cb
}

.immersive-payments #immersive-user-initiates .line-container.right .bar-container:before {
    background-color: #3d93cb
}

.immersive-payments #immersive-user-initiates .line-container.right .trigger {
    top: 40px
}

.immersive-payments #immersive-payment-processor .inner {
    background-color: transparent
}

.immersive-payments #immersive-payment-processor .payment-processors {
    position: absolute;
    z-index: 20;
    left: 100%;
    top: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-payment-processor .payment-processors>div {
    display: block;
    opacity: 1;
    width: 200px;
    height: 85px;
    margin: 10px 0;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat
}

.immersive-payments #immersive-payment-processor .icon-YapStone {
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-payment-processor .bg-gears {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 300px;
    left: 11%
}

.immersive-payments #immersive-payment-processor .bg-gears .circles {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -60px;
    left: 0;
    z-index: 100
}

.immersive-payments #immersive-payment-processor .bg-gears #bg-gears-circles {
    position: absolute;
    top: 0;
    left: 0
}

.immersive-payments #immersive-payment-processor .bg-gears #bg-gears {
    position: absolute;
    top: 0;
    left: 0
}

.immersive-payments #immersive-payment-processor .bg-gears .f {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transition: 1s;
    transform: translate3d(-50%, -50%, -1000px);
    border-radius: 100%
}

.immersive-payments #immersive-payment-processor .bg-gears .path {
    stroke-dasharray: 1000
}

.immersive-payments #immersive-payment-processor .bg-gears .rotating {
    -webkit-animation: rotating 6.1s linear infinite;
    -webkit-transform-origin: 50% 50%
}

.immersive-payments #immersive-payment-processor .bg-gears .rotating2 {
    -webkit-animation: rotating2 6.1s linear infinite;
    -webkit-transform-origin: 50% 50%
}

.immersive-payments #immersive-payment-processor .line-container.down {
    left: 100%;
    width: 14px;
    margin-left: 2px;
    top: -1px;
    height: 101%
}

.immersive-payments #immersive-payment-processor .line-container.down .bar-container {
    height: 0%;
    width: 10px
}

.immersive-payments #immersive-payment-processor .line-container.down .bar-container .bar {
    bottom: 0%;
    border: 2px solid #fff;
    background-color: #3d93cb
}

.immersive-payments #immersive-payment-processor .line-container.down .trigger {
    top: 52%
}

.immersive-payments #immersive-card-networks .icon-check {
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-card-networks .card-networks {
    opacity: 0;
    position: absolute;
    z-index: 11;
    left: 0%;
    top: 50%;
    margin: 0;
    padding: 0;
    width: 120px;
    list-style: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-card-networks .card-networks svg {
    width: 100%
}

.immersive-payments #immersive-card-networks #visa {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: circle_anim 2s ease-out forwards;
    animation: circle_anim 2s ease-out forwards
}

.immersive-payments #immersive-card-networks #visa #visa_logo {
    opacity: 0;
    -webkit-animation: logo_fade 0.5s 0.5s linear forwards;
    animation: logo_fade 0.5s 0.5s linear forwards
}

.immersive-payments #immersive-card-networks #visa .visa_circle {
    background-color: green;
    -webkit-animation: visa_c 2s ease-out forwards;
    animation: visa_c 2s ease-out forwards;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-networks #amx {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: circle_anim 2s 0.5s ease-out forwards;
    animation: circle_anim 2s 0.5s ease-out forwards
}

.immersive-payments #immersive-card-networks #amx #amx_logo {
    opacity: 0;
    animation: logo_fade 0.5s 1s linear forwards;
    -webkit-animation: logo_fade 0.5s 1s linear forwards
}

.immersive-payments #immersive-card-networks #amx .amx_circle {
    -webkit-animation: amx_c 2s 0.5s ease-out forwards;
    animation: amx_c 2s 0.5s ease-out forwards;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-networks #mc {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: circle_anim 2s 1s ease-out forwards;
    animation: circle_anim 2s 1s ease-out forwards
}

.immersive-payments #immersive-card-networks #mc #mc_logo {
    opacity: 0;
    -webkit-animation: logo_fade 0.5s 1.5s linear forwards;
    animation: logo_fade 0.5s 1.5s linear forwards
}

.immersive-payments #immersive-card-networks #mc .mc_circle {
    animation: mc_c 2s 1s ease-out forwards;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-networks #discover {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: circle_anim 2s 1.5s ease-out forwards;
    animation: circle_anim 2s 1.5s ease-out forwards
}

.immersive-payments #immersive-card-networks #discover #discover_logo {
    opacity: 0;
    -webkit-animation: logo_fade 0.5s 2s linear forwards;
    animation: logo_fade 0.5s 2s linear forwards
}

.immersive-payments #immersive-card-networks #discover .discover_circle {
    -webkit-animation: discover_c 2s 1.5s ease-out forwards;
    animation: discover_c 2s 1.5s ease-out forwards;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-networks .line-container.left {
    height: 12px;
    top: 0%;
    margin-top: 0;
    right: -1px
}

.immersive-payments #immersive-card-networks .line-container.left .bar-container {
    width: 0%;
    right: 0
}

.immersive-payments #immersive-card-networks .line-container.left .bar-container .bar {
    left: 0%;
    height: 10px;
    background-color: #3d93cb
}

.immersive-payments #immersive-card-networks .line-container.left .trigger {
    top: 40px
}

.immersive-payments #immersive-card-networks .line-container.down {
    top: -1px;
    left: 0%;
    width: 12px;
    margin-left: 1px
}

.immersive-payments #immersive-card-networks .line-container.down .bar-container {
    height: 0%;
    width: 10px
}

.immersive-payments #immersive-card-networks .line-container.down .bar-container .bar {
    bottom: 0%;
    border: 2px solid #fff;
    background-color: #3d93cb
}

.immersive-payments #immersive-card-networks .line-container.down .trigger {
    top: 52%
}

.immersive-payments #immersive-card-networks .line-container.right {
    height: 14px;
    bottom: -2px
}

.immersive-payments #immersive-card-networks .line-container.right .bar-container {
    width: 0%;
    height: 10px
}

.immersive-payments #immersive-card-networks .line-container.right .bar-container .bar {
    right: 0%;
    background-color: #8b1519
}

.immersive-payments #immersive-card-networks .line-container.right .bar-container:before {
    background-color: #8b1519
}

.immersive-payments #immersive-card-networks .line-container.right .trigger {
    top: 40px
}

.immersive-payments #immersive-card-networks .bg-bank {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 68%;
    height: 150px;
    left: 16%;
    overflow: hidden
}

.immersive-payments #immersive-card-networks .bg-bank svg {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: -50px;
    width: 100%
}

.immersive-payments #immersive-card-networks .bg-bank #card {
    -webkit-animation: slide 3s cubic-bezier(.64, .18, 1, 1) infinite;
    animation: slide 3s cubic-bezier(.64, .18, 1, 1) infinite;
    -webkit-transform-origin: 40% 50%;
    -moz-transform-origin: 40% 50%;
    -ms-transform-origin: 40% 50%;
    -o-transform-origin: 40% 50%;
    transform-origin: 40% 50%
}

.immersive-payments #immersive-card-networks .bg-bank #hand {
    -webkit-animation: throw 3s ease-in-out infinite;
    animation: throw 3s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-networks .bg-bank #bank {
    -webkit-animation: bank_anim 3s ease-in-out infinite;
    animation: bank_anim 3s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-networks .bg-bank #bank2 {
    -webkit-animation: bank_scale 3s ease-in-out infinite;
    animation: bank_scale 3s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-issuing-bank .inner {
    background-color: transparent
}

.immersive-payments #immersive-card-issuing-bank .card-banks {
    position: absolute;
    z-index: 11;
    left: 100%;
    top: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-card-issuing-bank .card-banks>div {
    display: block;
    opacity: 1;
    width: 200px;
    height: 85px;
    margin: 10px 0;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat
}

.immersive-payments #immersive-card-issuing-bank .icon-money-arrow {
    display: block;
    position: absolute;
    left: 0%;
    top: 4%;
    bottom: 96%;
    height: 92%;
    width: 52px;
    margin-left: 2px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.immersive-payments #immersive-card-issuing-bank .icon-money-arrow #money-arrow {
    width: 600%;
    height: 600%
}

.immersive-payments #immersive-card-issuing-bank .icon-card {
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-card-issuing-bank .angle-decoration .angle {
    border-color: transparent #8b1519 transparent transparent
}

.immersive-payments #immersive-card-issuing-bank .angle-decoration .bar {
    background-color: #8b1519
}

.immersive-payments #immersive-card-issuing-bank .line-container.down {
    top: -1px;
    left: 100%;
    width: 12px;
    margin-left: 2px
}

.immersive-payments #immersive-card-issuing-bank .line-container.down .bar-container {
    height: 0%;
    width: 10px
}

.immersive-payments #immersive-card-issuing-bank .line-container.down .bar-container .bar {
    bottom: 0%;
    border: 2px solid #fff;
    background-color: #8b1519
}

.immersive-payments #immersive-card-issuing-bank .line-container.down .bar-container:before {
    background-color: #8b1519
}

.immersive-payments #immersive-card-issuing-bank .line-container.down .trigger {
    top: 52%
}

.immersive-payments #immersive-card-issuing-bank .bg-thumb {
    position: absolute;
    bottom: -66px;
    left: 0;
    width: 400px;
    height: 300px;
    left: 11%
}

.immersive-payments #immersive-card-issuing-bank .bg-thumb #thumb_icon {
    -webkit-animation: show_arm 4s ease-in-out infinite;
    -webkit-transform-origin: 40% 50%;
    -moz-transform-origin: 40% 50%;
    -ms-transform-origin: 40% 50%;
    -o-transform-origin: 40% 50%;
    transform-origin: 40% 50%
}

.immersive-payments #immersive-card-issuing-bank .bg-thumb #handle {
    -webkit-animation: handle 4s ease-in-out infinite;
    animation: handle 4s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-card-issuing-bank .bg-thumb #fist {
    -webkit-animation: fist 4s ease-in-out infinite;
    animation: fist 4s ease-in-out infinite
}

.immersive-payments #immersive-card-issuing-bank .bg-thumb #thumb {
    -webkit-animation: thumb 4s ease-in-out infinite;
    animation: thumb 4s ease-in-out infinite
}

.immersive-payments #immersive-card-issuing-bank .bg-thumb #thumb2 {
    -webkit-animation: scale_thumb 4s ease-in-out infinite;
    animation: scale_thumb 4s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #immersive-network-to-YapStone .icon-search {
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-network-to-YapStone .icon-gear {
    left: 0%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-network-to-YapStone .angle-decoration {
    top: 100%;
    margin-top: 4px
}

.immersive-payments #immersive-network-to-YapStone .angle-decoration .angle {
    border-color: transparent #fdb414 transparent transparent
}

.immersive-payments #immersive-network-to-YapStone .angle-decoration .bar {
    background-color: #fdb414
}

.immersive-payments #immersive-network-to-YapStone .line-container.left {
    height: 12px;
    top: 0%;
    right: -1px
}

.immersive-payments #immersive-network-to-YapStone .line-container.left .bar-container {
    width: 0%;
    right: 0
}

.immersive-payments #immersive-network-to-YapStone .line-container.left .bar-container .bar {
    left: 0%;
    height: 10px;
    background-color: #8b1519
}

.immersive-payments #immersive-network-to-YapStone .line-container.left .bar-container:before {
    background-color: #8b1519
}

.immersive-payments #immersive-network-to-YapStone .line-container.left .trigger {
    top: 40px
}

.immersive-payments #immersive-network-to-YapStone .line-container.down {
    top: 0%;
    left: 0%;
    width: 12px
}

.immersive-payments #immersive-network-to-YapStone .line-container.down .bar-container {
    height: 0%;
    width: 10px
}

.immersive-payments #immersive-network-to-YapStone .line-container.down .bar-container .bar {
    bottom: 0%;
    border: 2px solid #fff;
    background-color: #fdb414
}

.immersive-payments #immersive-network-to-YapStone .line-container.down .bar-container:before {
    background-color: #fdb414
}

.immersive-payments #immersive-network-to-YapStone .line-container.down .trigger {
    top: 52%
}

.immersive-payments #immersive-network-to-YapStone .line-container.right {
    height: 12px;
    bottom: -1px;
    width: 50%
}

.immersive-payments #immersive-network-to-YapStone .line-container.right .bar-container {
    width: 0%;
    height: 10px
}

.immersive-payments #immersive-network-to-YapStone .line-container.right .bar-container .bar {
    right: 0%;
    top: -1px;
    background-color: #fdb414
}

.immersive-payments #immersive-network-to-YapStone .line-container.right .bar-container:before {
    background-color: #fdb414
}

.immersive-payments #immersive-network-to-YapStone .line-container.right .trigger {
    top: 40px
}

.immersive-payments #immersive-YapStone-to {
    padding-top: 160px;
    z-index: 11;
    top: -2px
}

.immersive-payments #immersive-YapStone-to .container {
    background-color: #FFF;
    border-top: 2px solid #FCB415;
    position: relative;
    z-index: 10
}

.immersive-payments #immersive-YapStone-to .YapStone-to-user .text {
    width: 82%;
    margin-left: 16%
}

.immersive-payments #immersive-YapStone-to .YapStone-to-merchant .text {
    width: 82%;
    margin-right: 16%
}

.immersive-payments #immersive-YapStone-to .text {
    padding-top: 32px
}

.immersive-payments #immersive-YapStone-to .text p {
    text-align: left
}

.immersive-payments #immersive-YapStone-to .final-note {
    padding: 16px 0 24px
}

.immersive-payments #immersive-YapStone-to .final-note .text {
    width: 100%
}

.immersive-payments #immersive-YapStone-to:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #FFF;
    border-left: 2px solid #FCB415;
    width: 50%;
    height: 160px;
    left: 50%;
    top: 0
}

.immersive-payments #immersive-YapStone-to .triangle-top {
    position: absolute;
    z-index: 11;
    top: 107px;
    left: 50%;
    margin: 0;
    width: 100%;
    height: 55px;
    max-width: 1160px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.immersive-payments #immersive-YapStone-to .triangle-top .arrow {
    width: 100%;
    height: 100%
}

.immersive-payments #immersive-YapStone-to .icon-YapStone {
    left: 50%;
    top: 0%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-YapStone-to .icon-check {
    left: 25%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments #immersive-YapStone-to .icon-money {
    left: 75%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.immersive-payments .gradient-fade {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40%;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    z-index: 11
}

.immersive-payments .background-pattern {
    background-color: #f2f2f2;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden
}

.immersive-payments .background-pattern .pattern {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2
}

.immersive-payments .background-pattern>div.a {
    position: fixed;
    z-index: 1
}

.immersive-payments .iconpath {
    stroke-dasharray: 1560;
    stroke-dashoffset: 1560;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: icondash 3s ease-in-out forwards;
    animation: icondash 3s ease-in-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments .circle {
    -webkit-animation: bounceOut .4s ease-in-out forwards;
    animation: bounceOut .4s ease-in-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments .gear,
.immersive-payments .card2 {
    opacity: 0
}

.immersive-payments .card {
    -webkit-animation: fadeout 1s 2s forwards;
    animation: fadeout 1s 2s forwards
}

.immersive-payments .card2 {
    stroke-dasharray: 1560;
    stroke-dashoffset: 1560;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: icondash 2s 5s ease-in-out infinite;
    animation: icondash 2s 5s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments .fade {
    -webkit-animation: fadeout 2s 5s ease-in-out infinite;
    animation: fadeout 2s 5s ease-in-out infinite
}

.immersive-payments .gear2 {
    -webkit-animation: rotating 10s 1s linear infinite;
    animation: rotating 10s 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #info .bounce {
    -webkit-animation: bounce 2.5s 2s ease-out infinite;
    animation: bounce 2.5s 2s ease-out infinite
}

.immersive-payments .iconflip2 {
    -webkit-animation: iconflip 3s 2s linear infinite;
    animation: iconflip 3s 2s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments .iconpath2 {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    -webkit-animation: dash2 4s linear infinite;
    animation: dash2 4s linear infinite
}

.immersive-payments .flash {
    -webkit-animation: flash 4s 1s ease-in-out infinite;
    animation: flash 4s 1s ease-in-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #icon-search .scale {
    -webkit-animation: scale 2s 2s ease-out infinite;
    animation: scale 2s 2s ease-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #money .wobble {
    -webkit-animation: wobble 2s 2s ease-out infinite;
    animation: wobble 2s 2s ease-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments .pulse {
    -webkit-animation: pulse 2s 2s ease-out infinite;
    animation: pulse 2s 2s ease-out infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments .rotate {
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments .wiggle {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    -webkit-transform-origin: 50% 48%;
    -moz-transform-origin: 50% 48%;
    -ms-transform-origin: 50% 48%;
    -o-transform-origin: 50% 48%;
    transform-origin: 50% 48%
}

.immersive-payments .wiggle2 {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    -webkit-transform-origin: 45% 52%;
    -moz-transform-origin: 45% 52%;
    -ms-transform-origin: 45% 52%;
    -o-transform-origin: 45% 52%;
    transform-origin: 45% 52%
}

.immersive-payments .wiggle3 {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    -webkit-transform-origin: 48% 50%;
    -moz-transform-origin: 48% 50%;
    -ms-transform-origin: 48% 50%;
    -o-transform-origin: 48% 50%;
    transform-origin: 48% 50%
}

.immersive-payments #money-arrow .path {
    stroke-dashoffset: 200;
    -webkit-animation: dash 60s linear infinite;
    animation: dash 60s linear infinite
}

.immersive-payments #money-arrow .dollar {
    -webkit-animation: run 2.5s linear infinite;
    animation: run 2.5s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #money-arrow .pulse {
    -webkit-animation: gearpulse 2s linear infinite;
    animation: gearpulse 2s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #money-arrow .money_pulse {
    -webkit-animation: moneypulse 2s linear infinite;
    animation: moneypulse 2s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.immersive-payments #money-arrow .auto_intro {
    -webkit-animation: gearintro 2s linear forwards;
    animation: gearintro 2s linear forwards;
    opacity: 0
}

.immersive-payments #money-arrow .auto_intro_money {
    opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: moneyscale 1s ease-out forwards;
    animation: moneyscale 1s ease-out forwards
}

@-webkit-keyframes moneyscale {
    to {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
}

@keyframes moneyscale {
    to {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes run {
    0% {
        -webkit-transform: translateY(135%)
    }
    100% {
        -webkit-transform: translateY(-150%)
    }
}

@keyframes run {
    0% {
        transform: translateY(135%)
    }
    100% {
        transform: translateY(-150%)
    }
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 1560;
        -webkit-transform: scale(0.95, 0.95)
    }
    to {
        stroke-dashoffset: 0;
        -webkit-transform: scale(1, 1)
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 1560;
        transform: scale(0.95, 0.95)
    }
    to {
        stroke-dashoffset: 0;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotating2 {
    from {
        -webkit-transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes rotating2 {
    from {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: scale(0, 1);
        opacity: 0
    }
    40% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 1
    }
    80% {
        -webkit-transform: scale(0.9, 0.9);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes flip {
    0% {
        transform: scale(0, 1);
        opacity: 0
    }
    40% {
        transform: scale(1.2, 1.2);
        opacity: 1
    }
    80% {
        transform: scale(0.9, 0.9);
        opacity: 1
    }
    100% {
        transform: scale(1, 1);
        opacity: 1
    }
}

@-webkit-keyframes icondash {
    5% {
        opacity: 1;
        stroke-dashoffset: 1560
    }
    100% {
        stroke-dashoffset: 0;
        opacity: 1
    }
}

@keyframes icondash {
    5% {
        opacity: 1;
        stroke-dashoffset: 1560
    }
    100% {
        stroke-dashoffset: 0;
        opacity: 1
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-15px)
    }
    60% {
        -webkit-transform: translateY(-5px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-15px)
    }
    60% {
        transform: translateY(-5px)
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes dash2 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash2 {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes flash {
    0%,
    80% {
        fill: #ffffff;
        transform: scale(1, 1)
    }
    20%,
    30% {
        fill: #ffffff;
        transform: scale(1.5, 1.5);
        opacity: 0
    }
    31% {
        fill: #ffffff;
        transform: scale(1, 1);
        opacity: 0
    }
}

@keyframes flash {
    0%,
    80% {
        fill: #ffffff;
        transform: scale(1, 1)
    }
    20%,
    30% {
        fill: #ffffff;
        transform: scale(1.5, 1.5);
        opacity: 0
    }
    31% {
        fill: #ffffff;
        transform: scale(1, 1);
        opacity: 0
    }
}

@-webkit-keyframes iconflip {
    0% {
        -webkit-transform: scale(0, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes iconflip {
    0% {
        transform: scale(0, 1);
        opacity: 1
    }
    100% {
        transform: scale(1, 1);
        opacity: 1
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1, 1)
    }
    15%,
    25%,
    65% {
        -webkit-transform: scale(0.75, 0.75)
    }
    20% {
        -webkit-transform: scale(0.7, 0.7)
    }
    70%,
    140% {
        -webkit-transform: scale(1, 1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1, 1)
    }
    15%,
    25%,
    65% {
        transform: scale(0.75, 0.75)
    }
    20% {
        transform: scale(0.7, 0.7)
    }
    70%,
    140% {
        transform: scale(1, 1)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3de)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3de)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(0)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes geardash {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes geardash {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes gearpulse {
    0% {
        -webkit-transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5, 1.5)
    }
}

@keyframes gearpulse {
    0% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.2, 1.2)
    }
    100% {
        opacity: 0;
        transform: scale(1.5, 1.5)
    }
}

@-webkit-keyframes moneypulse {
    0%,
    100% {
        -webkit-transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2)
    }
}

@keyframes moneypulse {
    0%,
    100% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.2, 1.2)
    }
}

@-webkit-keyframes gearintro {
    to {
        opacity: 1
    }
}

@keyframes gearintro {
    to {
        opacity: 1
    }
}

@-webkit-keyframes moneyintro {
    to {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
}

@keyframes moneyintro {
    to {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes circle_anim {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    20% {
        -webkit-transform: scale(1.05, 1.05);
        opacity: 1
    }
    50%,
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes circle_anim {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    20% {
        transform: scale(1.05, 1.05);
        opacity: 1
    }
    50%,
    100% {
        transform: scale(1, 1);
        opacity: 1
    }
}

@-webkit-keyframes logo_fade {
    to {
        opacity: 1
    }
}

@keyframes logo_fade {
    to {
        opacity: 1
    }
}

@-webkit-keyframes visa_c {
    0% {
        fill: #00589F
    }
    20% {
        fill: #00589F;
        -webkit-transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@keyframes visa_c {
    0% {
        fill: #00589F
    }
    20% {
        fill: #00589F;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@-webkit-keyframes amx_c {
    0% {
        fill: #009EDA
    }
    20% {
        fill: #009EDA;
        -webkit-transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@keyframes amx_c {
    0% {
        fill: #009EDA
    }
    20% {
        fill: #009EDA;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@-webkit-keyframes mc_c {
    0% {
        fill: #EC1C2E
    }
    20% {
        fill: #EC1C2E;
        -webkit-transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@keyframes mc_c {
    0% {
        fill: #EC1C2E
    }
    20% {
        fill: #EC1C2E;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@-webkit-keyframes discover_c {
    0% {
        fill: #E88421
    }
    20% {
        fill: #E88421;
        -webkit-transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@keyframes discover_c {
    0% {
        fill: #E88421
    }
    20% {
        fill: #E88421;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    50% {
        fill: #ffffff
    }
}

@-webkit-keyframes handle {
    0%,
    100% {
        -webkit-transform: translateY(10px) rotate(15deg)
    }
    30%,
    80% {
        -webkit-transform: translateY(0px) rotate(-10deg)
    }
}

@keyframes handle {
    0%,
    100% {
        transform: translateY(10px) rotate(15deg)
    }
    30%,
    80% {
        transform: translateY(0px) rotate(-10deg)
    }
}

@-webkit-keyframes show_arm {
    0%,
    100% {
        -webkit-transform: translateY(150px) rotate(45deg)
    }
    30%,
    38% {
        -webkit-transform: translateY(0px) rotate(-35deg)
    }
    31%,
    39% {
        -webkit-transform: translateY(0px) rotate(-39deg)
    }
    34%,
    43% {
        -webkit-transform: translateY(0px) rotate(-12deg)
    }
    33%,
    42%,
    80% {
        -webkit-transform: translateY(0px) rotate(-10deg)
    }
    84% {
        -webkit-transform: translateY(0px) rotate(-10deg)
    }
}

@keyframes show_arm {
    0%,
    100% {
        transform: translateY(150px) rotate(45deg)
    }
    30%,
    38% {
        transform: translateY(0px) rotate(-35deg)
    }
    31%,
    39% {
        transform: translateY(0px) rotate(-39deg)
    }
    34%,
    43% {
        transform: translateY(0px) rotate(-12deg)
    }
    33%,
    42%,
    80% {
        transform: translateY(0px) rotate(-10deg)
    }
    84% {
        transform: translateY(0px) rotate(-10deg)
    }
}

@-webkit-keyframes fist {
    0%,
    45% {
        opacity: 1
    }
    50%,
    100% {
        opacity: 0
    }
}

@keyframes fist {
    0%,
    45% {
        opacity: 1
    }
    50%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes thumb {
    0%,
    40% {
        opacity: 0
    }
    45%,
    100% {
        opacity: 1;
        fill: #FCB415
    }
}

@keyframes thumb {
    0%,
    40% {
        opacity: 0
    }
    45%,
    100% {
        opacity: 1;
        fill: #FCB415
    }
}

@-webkit-keyframes scale_thumb {
    0%,
    40% {
        opacity: 0;
        -webkit-transform: scale(1, 1)
    }
    45% {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
    55%,
    100% {
        -webkit-transform: scale(1.4, 1.4);
        opacity: 0
    }
}

@keyframes scale_thumb {
    0%,
    40% {
        opacity: 0;
        transform: scale(1, 1)
    }
    45% {
        opacity: 1;
        transform: scale(1, 1)
    }
    55%,
    100% {
        transform: scale(1.4, 1.4);
        opacity: 0
    }
}

@keyframes randUp1 {
    5% {
        transform: translate3d(6px, -15px, 0)
    }
    10% {
        transform: translate3d(12px, -28.8px, 0)
    }
    15% {
        transform: translate3d(18px, -41.4px, 0)
    }
    20% {
        transform: translate3d(24px, -52.8px, 0)
    }
    25% {
        transform: translate3d(30px, -63px, 0)
    }
    30% {
        transform: translate3d(36px, -72px, 0)
    }
    35% {
        transform: translate3d(42px, -79.8px, 0)
    }
    40% {
        transform: translate3d(48px, -86.4px, 0)
    }
    45% {
        transform: translate3d(54px, -91.8px, 0)
    }
    50% {
        transform: translate3d(60px, -96px, 0)
    }
    55% {
        transform: translate3d(66px, -99px, 0)
    }
    60% {
        transform: translate3d(72px, -100.8px, 0)
    }
    65% {
        transform: translate3d(78px, -101.4px, 0)
    }
    70% {
        transform: translate3d(84px, -100.8px, 0)
    }
    75% {
        transform: translate3d(90px, -99px, 0)
    }
    80% {
        transform: translate3d(96px, -96px, 0)
    }
    85% {
        transform: translate3d(102px, -91.8px, 0)
    }
    90% {
        transform: translate3d(108px, -86.4px, 0)
    }
    95% {
        transform: translate3d(114px, -79.8px, 0)
    }
    100% {
        transform: translate3d(120px, -72px, 0)
    }
}

@-webkit-keyframes randUp1 {
    5% {
        -webkit-transform: translate3d(-3px, -16px, 0)
    }
    10% {
        -webkit-transform: translate3d(-6px, -30.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(-9px, -44.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(-12px, -56.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(-15px, -68px, 0)
    }
    30% {
        -webkit-transform: translate3d(-18px, -78px, 0)
    }
    35% {
        -webkit-transform: translate3d(-21px, -86.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(-24px, -94.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(-27px, -100.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(-30px, -106px, 0)
    }
    55% {
        -webkit-transform: translate3d(-33px, -110px, 0)
    }
    60% {
        -webkit-transform: translate3d(-36px, -112.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(-39px, -114.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(-42px, -114.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(-45px, -114px, 0)
    }
    80% {
        -webkit-transform: translate3d(-48px, -112px, 0)
    }
    85% {
        -webkit-transform: translate3d(-51px, -108.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(-54px, -104.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(-57px, -98.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(-60px, -92px, 0)
    }
}

.f:nth-child(1) {
    -webkit-animation: randUp1 5s infinite linear;
    animation: randUp1 5s infinite linear;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    height: 4px;
    width: 4px
}

@keyframes randUp2 {
    5% {
        transform: translate3d(1px, -11px, 0)
    }
    10% {
        transform: translate3d(2px, -20.8px, 0)
    }
    15% {
        transform: translate3d(3px, -29.4px, 0)
    }
    20% {
        transform: translate3d(4px, -36.8px, 0)
    }
    25% {
        transform: translate3d(5px, -43px, 0)
    }
    30% {
        transform: translate3d(6px, -48px, 0)
    }
    35% {
        transform: translate3d(7px, -51.8px, 0)
    }
    40% {
        transform: translate3d(8px, -54.4px, 0)
    }
    45% {
        transform: translate3d(9px, -55.8px, 0)
    }
    50% {
        transform: translate3d(10px, -56px, 0)
    }
    55% {
        transform: translate3d(11px, -55px, 0)
    }
    60% {
        transform: translate3d(12px, -52.8px, 0)
    }
    65% {
        transform: translate3d(13px, -49.4px, 0)
    }
    70% {
        transform: translate3d(14px, -44.8px, 0)
    }
    75% {
        transform: translate3d(15px, -39px, 0)
    }
    80% {
        transform: translate3d(16px, -32px, 0)
    }
    85% {
        transform: translate3d(17px, -23.8px, 0)
    }
    90% {
        transform: translate3d(18px, -14.4px, 0)
    }
    95% {
        transform: translate3d(19px, -3.8px, 0)
    }
    100% {
        transform: translate3d(20px, 8px, 0)
    }
}

@-webkit-keyframes randUp2 {
    5% {
        -webkit-transform: translate3d(-9px, -26px, 0)
    }
    10% {
        -webkit-transform: translate3d(-18px, -50.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(-27px, -74.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(-36px, -96.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(-45px, -118px, 0)
    }
    30% {
        -webkit-transform: translate3d(-54px, -138px, 0)
    }
    35% {
        -webkit-transform: translate3d(-63px, -156.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(-72px, -174.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(-81px, -190.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(-90px, -206px, 0)
    }
    55% {
        -webkit-transform: translate3d(-99px, -220px, 0)
    }
    60% {
        -webkit-transform: translate3d(-108px, -232.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(-117px, -244.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(-126px, -254.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(-135px, -264px, 0)
    }
    80% {
        -webkit-transform: translate3d(-144px, -272px, 0)
    }
    85% {
        -webkit-transform: translate3d(-153px, -278.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(-162px, -284.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(-171px, -288.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(-180px, -292px, 0)
    }
}

.f:nth-child(2) {
    -webkit-animation: randUp2 8s infinite linear;
    animation: randUp2 8s infinite linear;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    height: 6px;
    width: 6px
}

@keyframes randUp3 {
    5% {
        transform: translate3d(0px, -26px, 0)
    }
    10% {
        transform: translate3d(0px, -50.8px, 0)
    }
    15% {
        transform: translate3d(0px, -74.4px, 0)
    }
    20% {
        transform: translate3d(0px, -96.8px, 0)
    }
    25% {
        transform: translate3d(0px, -118px, 0)
    }
    30% {
        transform: translate3d(0px, -138px, 0)
    }
    35% {
        transform: translate3d(0px, -156.8px, 0)
    }
    40% {
        transform: translate3d(0px, -174.4px, 0)
    }
    45% {
        transform: translate3d(0px, -190.8px, 0)
    }
    50% {
        transform: translate3d(0px, -206px, 0)
    }
    55% {
        transform: translate3d(0px, -220px, 0)
    }
    60% {
        transform: translate3d(0px, -232.8px, 0)
    }
    65% {
        transform: translate3d(0px, -244.4px, 0)
    }
    70% {
        transform: translate3d(0px, -254.8px, 0)
    }
    75% {
        transform: translate3d(0px, -264px, 0)
    }
    80% {
        transform: translate3d(0px, -272px, 0)
    }
    85% {
        transform: translate3d(0px, -278.8px, 0)
    }
    90% {
        transform: translate3d(0px, -284.4px, 0)
    }
    95% {
        transform: translate3d(0px, -288.8px, 0)
    }
    100% {
        transform: translate3d(0px, -292px, 0)
    }
}

@-webkit-keyframes randUp3 {
    5% {
        -webkit-transform: translate3d(-3px, -12px, 0)
    }
    10% {
        -webkit-transform: translate3d(-6px, -22.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(-9px, -32.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(-12px, -40.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(-15px, -48px, 0)
    }
    30% {
        -webkit-transform: translate3d(-18px, -54px, 0)
    }
    35% {
        -webkit-transform: translate3d(-21px, -58.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(-24px, -62.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(-27px, -64.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(-30px, -66px, 0)
    }
    55% {
        -webkit-transform: translate3d(-33px, -66px, 0)
    }
    60% {
        -webkit-transform: translate3d(-36px, -64.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(-39px, -62.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(-42px, -58.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(-45px, -54px, 0)
    }
    80% {
        -webkit-transform: translate3d(-48px, -48px, 0)
    }
    85% {
        -webkit-transform: translate3d(-51px, -40.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(-54px, -32.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(-57px, -22.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(-60px, -12px, 0)
    }
}

.f:nth-child(3) {
    -webkit-animation: randUp3 3s infinite linear;
    animation: randUp3 3s infinite linear;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    height: 4px;
    width: 4px
}

@keyframes randUp4 {
    5% {
        transform: translate3d(-4px, -21px, 0)
    }
    10% {
        transform: translate3d(-8px, -40.8px, 0)
    }
    15% {
        transform: translate3d(-12px, -59.4px, 0)
    }
    20% {
        transform: translate3d(-16px, -76.8px, 0)
    }
    25% {
        transform: translate3d(-20px, -93px, 0)
    }
    30% {
        transform: translate3d(-24px, -108px, 0)
    }
    35% {
        transform: translate3d(-28px, -121.8px, 0)
    }
    40% {
        transform: translate3d(-32px, -134.4px, 0)
    }
    45% {
        transform: translate3d(-36px, -145.8px, 0)
    }
    50% {
        transform: translate3d(-40px, -156px, 0)
    }
    55% {
        transform: translate3d(-44px, -165px, 0)
    }
    60% {
        transform: translate3d(-48px, -172.8px, 0)
    }
    65% {
        transform: translate3d(-52px, -179.4px, 0)
    }
    70% {
        transform: translate3d(-56px, -184.8px, 0)
    }
    75% {
        transform: translate3d(-60px, -189px, 0)
    }
    80% {
        transform: translate3d(-64px, -192px, 0)
    }
    85% {
        transform: translate3d(-68px, -193.8px, 0)
    }
    90% {
        transform: translate3d(-72px, -194.4px, 0)
    }
    95% {
        transform: translate3d(-76px, -193.8px, 0)
    }
    100% {
        transform: translate3d(-80px, -192px, 0)
    }
}

@-webkit-keyframes randUp4 {
    5% {
        -webkit-transform: translate3d(-9px, -12px, 0)
    }
    10% {
        -webkit-transform: translate3d(-18px, -22.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(-27px, -32.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(-36px, -40.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(-45px, -48px, 0)
    }
    30% {
        -webkit-transform: translate3d(-54px, -54px, 0)
    }
    35% {
        -webkit-transform: translate3d(-63px, -58.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(-72px, -62.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(-81px, -64.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(-90px, -66px, 0)
    }
    55% {
        -webkit-transform: translate3d(-99px, -66px, 0)
    }
    60% {
        -webkit-transform: translate3d(-108px, -64.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(-117px, -62.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(-126px, -58.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(-135px, -54px, 0)
    }
    80% {
        -webkit-transform: translate3d(-144px, -48px, 0)
    }
    85% {
        -webkit-transform: translate3d(-153px, -40.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(-162px, -32.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(-171px, -22.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(-180px, -12px, 0)
    }
}

.f:nth-child(4) {
    -webkit-animation: randUp4 4s infinite linear;
    animation: randUp4 4s infinite linear;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    height: 2px;
    width: 2px
}

@keyframes randUp5 {
    5% {
        transform: translate3d(6px, -17px, 0)
    }
    10% {
        transform: translate3d(12px, -32.8px, 0)
    }
    15% {
        transform: translate3d(18px, -47.4px, 0)
    }
    20% {
        transform: translate3d(24px, -60.8px, 0)
    }
    25% {
        transform: translate3d(30px, -73px, 0)
    }
    30% {
        transform: translate3d(36px, -84px, 0)
    }
    35% {
        transform: translate3d(42px, -93.8px, 0)
    }
    40% {
        transform: translate3d(48px, -102.4px, 0)
    }
    45% {
        transform: translate3d(54px, -109.8px, 0)
    }
    50% {
        transform: translate3d(60px, -116px, 0)
    }
    55% {
        transform: translate3d(66px, -121px, 0)
    }
    60% {
        transform: translate3d(72px, -124.8px, 0)
    }
    65% {
        transform: translate3d(78px, -127.4px, 0)
    }
    70% {
        transform: translate3d(84px, -128.8px, 0)
    }
    75% {
        transform: translate3d(90px, -129px, 0)
    }
    80% {
        transform: translate3d(96px, -128px, 0)
    }
    85% {
        transform: translate3d(102px, -125.8px, 0)
    }
    90% {
        transform: translate3d(108px, -122.4px, 0)
    }
    95% {
        transform: translate3d(114px, -117.8px, 0)
    }
    100% {
        transform: translate3d(120px, -112px, 0)
    }
}

@-webkit-keyframes randUp5 {
    5% {
        -webkit-transform: translate3d(5px, -20px, 0)
    }
    10% {
        -webkit-transform: translate3d(10px, -38.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(15px, -56.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(20px, -72.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(25px, -88px, 0)
    }
    30% {
        -webkit-transform: translate3d(30px, -102px, 0)
    }
    35% {
        -webkit-transform: translate3d(35px, -114.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(40px, -126.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(45px, -136.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(50px, -146px, 0)
    }
    55% {
        -webkit-transform: translate3d(55px, -154px, 0)
    }
    60% {
        -webkit-transform: translate3d(60px, -160.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(65px, -166.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(70px, -170.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(75px, -174px, 0)
    }
    80% {
        -webkit-transform: translate3d(80px, -176px, 0)
    }
    85% {
        -webkit-transform: translate3d(85px, -176.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(90px, -176.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(95px, -174.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(100px, -172px, 0)
    }
}

.f:nth-child(5) {
    -webkit-animation: randUp5 8s infinite linear;
    animation: randUp5 8s infinite linear;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    height: 4px;
    width: 4px
}

@keyframes randUp1 {
    5% {
        transform: translate3d(-4px, -15px, 0)
    }
    10% {
        transform: translate3d(-8px, -28.8px, 0)
    }
    15% {
        transform: translate3d(-12px, -41.4px, 0)
    }
    20% {
        transform: translate3d(-16px, -52.8px, 0)
    }
    25% {
        transform: translate3d(-20px, -63px, 0)
    }
    30% {
        transform: translate3d(-24px, -72px, 0)
    }
    35% {
        transform: translate3d(-28px, -79.8px, 0)
    }
    40% {
        transform: translate3d(-32px, -86.4px, 0)
    }
    45% {
        transform: translate3d(-36px, -91.8px, 0)
    }
    50% {
        transform: translate3d(-40px, -96px, 0)
    }
    55% {
        transform: translate3d(-44px, -99px, 0)
    }
    60% {
        transform: translate3d(-48px, -100.8px, 0)
    }
    65% {
        transform: translate3d(-52px, -101.4px, 0)
    }
    70% {
        transform: translate3d(-56px, -100.8px, 0)
    }
    75% {
        transform: translate3d(-60px, -99px, 0)
    }
    80% {
        transform: translate3d(-64px, -96px, 0)
    }
    85% {
        transform: translate3d(-68px, -91.8px, 0)
    }
    90% {
        transform: translate3d(-72px, -86.4px, 0)
    }
    95% {
        transform: translate3d(-76px, -79.8px, 0)
    }
    100% {
        transform: translate3d(-80px, -72px, 0)
    }
}

@-webkit-keyframes randUp1 {
    5% {
        -webkit-transform: translate3d(-3px, -25px, 0)
    }
    10% {
        -webkit-transform: translate3d(-6px, -48.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(-9px, -71.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(-12px, -92.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(-15px, -113px, 0)
    }
    30% {
        -webkit-transform: translate3d(-18px, -132px, 0)
    }
    35% {
        -webkit-transform: translate3d(-21px, -149.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(-24px, -166.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(-27px, -181.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(-30px, -196px, 0)
    }
    55% {
        -webkit-transform: translate3d(-33px, -209px, 0)
    }
    60% {
        -webkit-transform: translate3d(-36px, -220.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(-39px, -231.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(-42px, -240.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(-45px, -249px, 0)
    }
    80% {
        -webkit-transform: translate3d(-48px, -256px, 0)
    }
    85% {
        -webkit-transform: translate3d(-51px, -261.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(-54px, -266.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(-57px, -269.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(-60px, -272px, 0)
    }
}

.f:nth-child(1) {
    -webkit-animation: randUp1 6s infinite linear;
    animation: randUp1 6s infinite linear;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    height: 15px;
    width: 15px
}

@keyframes randUp2 {
    5% {
        transform: translate3d(-8px, -23px, 0)
    }
    10% {
        transform: translate3d(-16px, -44.8px, 0)
    }
    15% {
        transform: translate3d(-24px, -65.4px, 0)
    }
    20% {
        transform: translate3d(-32px, -84.8px, 0)
    }
    25% {
        transform: translate3d(-40px, -103px, 0)
    }
    30% {
        transform: translate3d(-48px, -120px, 0)
    }
    35% {
        transform: translate3d(-56px, -135.8px, 0)
    }
    40% {
        transform: translate3d(-64px, -150.4px, 0)
    }
    45% {
        transform: translate3d(-72px, -163.8px, 0)
    }
    50% {
        transform: translate3d(-80px, -176px, 0)
    }
    55% {
        transform: translate3d(-88px, -187px, 0)
    }
    60% {
        transform: translate3d(-96px, -196.8px, 0)
    }
    65% {
        transform: translate3d(-104px, -205.4px, 0)
    }
    70% {
        transform: translate3d(-112px, -212.8px, 0)
    }
    75% {
        transform: translate3d(-120px, -219px, 0)
    }
    80% {
        transform: translate3d(-128px, -224px, 0)
    }
    85% {
        transform: translate3d(-136px, -227.8px, 0)
    }
    90% {
        transform: translate3d(-144px, -230.4px, 0)
    }
    95% {
        transform: translate3d(-152px, -231.8px, 0)
    }
    100% {
        transform: translate3d(-160px, -232px, 0)
    }
}

@-webkit-keyframes randUp2 {
    5% {
        -webkit-transform: translate3d(-7px, -11px, 0)
    }
    10% {
        -webkit-transform: translate3d(-14px, -20.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(-21px, -29.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(-28px, -36.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(-35px, -43px, 0)
    }
    30% {
        -webkit-transform: translate3d(-42px, -48px, 0)
    }
    35% {
        -webkit-transform: translate3d(-49px, -51.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(-56px, -54.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(-63px, -55.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(-70px, -56px, 0)
    }
    55% {
        -webkit-transform: translate3d(-77px, -55px, 0)
    }
    60% {
        -webkit-transform: translate3d(-84px, -52.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(-91px, -49.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(-98px, -44.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(-105px, -39px, 0)
    }
    80% {
        -webkit-transform: translate3d(-112px, -32px, 0)
    }
    85% {
        -webkit-transform: translate3d(-119px, -23.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(-126px, -14.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(-133px, -3.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(-140px, 8px, 0)
    }
}

.f:nth-child(2) {
    -webkit-animation: randUp2 3s infinite linear;
    animation: randUp2 3s infinite linear;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    height: 9px;
    width: 9px
}

@keyframes randUp3 {
    5% {
        transform: translate3d(-9px, -13px, 0)
    }
    10% {
        transform: translate3d(-18px, -24.8px, 0)
    }
    15% {
        transform: translate3d(-27px, -35.4px, 0)
    }
    20% {
        transform: translate3d(-36px, -44.8px, 0)
    }
    25% {
        transform: translate3d(-45px, -53px, 0)
    }
    30% {
        transform: translate3d(-54px, -60px, 0)
    }
    35% {
        transform: translate3d(-63px, -65.8px, 0)
    }
    40% {
        transform: translate3d(-72px, -70.4px, 0)
    }
    45% {
        transform: translate3d(-81px, -73.8px, 0)
    }
    50% {
        transform: translate3d(-90px, -76px, 0)
    }
    55% {
        transform: translate3d(-99px, -77px, 0)
    }
    60% {
        transform: translate3d(-108px, -76.8px, 0)
    }
    65% {
        transform: translate3d(-117px, -75.4px, 0)
    }
    70% {
        transform: translate3d(-126px, -72.8px, 0)
    }
    75% {
        transform: translate3d(-135px, -69px, 0)
    }
    80% {
        transform: translate3d(-144px, -64px, 0)
    }
    85% {
        transform: translate3d(-153px, -57.8px, 0)
    }
    90% {
        transform: translate3d(-162px, -50.4px, 0)
    }
    95% {
        transform: translate3d(-171px, -41.8px, 0)
    }
    100% {
        transform: translate3d(-180px, -32px, 0)
    }
}

@-webkit-keyframes randUp3 {
    5% {
        -webkit-transform: translate3d(0px, -17px, 0)
    }
    10% {
        -webkit-transform: translate3d(0px, -32.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(0px, -47.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(0px, -60.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(0px, -73px, 0)
    }
    30% {
        -webkit-transform: translate3d(0px, -84px, 0)
    }
    35% {
        -webkit-transform: translate3d(0px, -93.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(0px, -102.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(0px, -109.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(0px, -116px, 0)
    }
    55% {
        -webkit-transform: translate3d(0px, -121px, 0)
    }
    60% {
        -webkit-transform: translate3d(0px, -124.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(0px, -127.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(0px, -128.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(0px, -129px, 0)
    }
    80% {
        -webkit-transform: translate3d(0px, -128px, 0)
    }
    85% {
        -webkit-transform: translate3d(0px, -125.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(0px, -122.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(0px, -117.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(0px, -112px, 0)
    }
}

.f:nth-child(3) {
    -webkit-animation: randUp3 4s infinite linear;
    animation: randUp3 4s infinite linear;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    height: 9px;
    width: 9px
}

@keyframes randUp4 {
    5% {
        transform: translate3d(1px, -12px, 0)
    }
    10% {
        transform: translate3d(2px, -22.8px, 0)
    }
    15% {
        transform: translate3d(3px, -32.4px, 0)
    }
    20% {
        transform: translate3d(4px, -40.8px, 0)
    }
    25% {
        transform: translate3d(5px, -48px, 0)
    }
    30% {
        transform: translate3d(6px, -54px, 0)
    }
    35% {
        transform: translate3d(7px, -58.8px, 0)
    }
    40% {
        transform: translate3d(8px, -62.4px, 0)
    }
    45% {
        transform: translate3d(9px, -64.8px, 0)
    }
    50% {
        transform: translate3d(10px, -66px, 0)
    }
    55% {
        transform: translate3d(11px, -66px, 0)
    }
    60% {
        transform: translate3d(12px, -64.8px, 0)
    }
    65% {
        transform: translate3d(13px, -62.4px, 0)
    }
    70% {
        transform: translate3d(14px, -58.8px, 0)
    }
    75% {
        transform: translate3d(15px, -54px, 0)
    }
    80% {
        transform: translate3d(16px, -48px, 0)
    }
    85% {
        transform: translate3d(17px, -40.8px, 0)
    }
    90% {
        transform: translate3d(18px, -32.4px, 0)
    }
    95% {
        transform: translate3d(19px, -22.8px, 0)
    }
    100% {
        transform: translate3d(20px, -12px, 0)
    }
}

@-webkit-keyframes randUp4 {
    5% {
        -webkit-transform: translate3d(5px, -22px, 0)
    }
    10% {
        -webkit-transform: translate3d(10px, -42.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(15px, -62.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(20px, -80.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(25px, -98px, 0)
    }
    30% {
        -webkit-transform: translate3d(30px, -114px, 0)
    }
    35% {
        -webkit-transform: translate3d(35px, -128.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(40px, -142.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(45px, -154.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(50px, -166px, 0)
    }
    55% {
        -webkit-transform: translate3d(55px, -176px, 0)
    }
    60% {
        -webkit-transform: translate3d(60px, -184.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(65px, -192.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(70px, -198.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(75px, -204px, 0)
    }
    80% {
        -webkit-transform: translate3d(80px, -208px, 0)
    }
    85% {
        -webkit-transform: translate3d(85px, -210.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(90px, -212.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(95px, -212.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(100px, -212px, 0)
    }
}

.f:nth-child(4) {
    -webkit-animation: randUp4 8s infinite linear;
    animation: randUp4 8s infinite linear;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    height: 8px;
    width: 8px
}

@keyframes randUp5 {
    5% {
        transform: translate3d(-1px, -18px, 0)
    }
    10% {
        transform: translate3d(-2px, -34.8px, 0)
    }
    15% {
        transform: translate3d(-3px, -50.4px, 0)
    }
    20% {
        transform: translate3d(-4px, -64.8px, 0)
    }
    25% {
        transform: translate3d(-5px, -78px, 0)
    }
    30% {
        transform: translate3d(-6px, -90px, 0)
    }
    35% {
        transform: translate3d(-7px, -100.8px, 0)
    }
    40% {
        transform: translate3d(-8px, -110.4px, 0)
    }
    45% {
        transform: translate3d(-9px, -118.8px, 0)
    }
    50% {
        transform: translate3d(-10px, -126px, 0)
    }
    55% {
        transform: translate3d(-11px, -132px, 0)
    }
    60% {
        transform: translate3d(-12px, -136.8px, 0)
    }
    65% {
        transform: translate3d(-13px, -140.4px, 0)
    }
    70% {
        transform: translate3d(-14px, -142.8px, 0)
    }
    75% {
        transform: translate3d(-15px, -144px, 0)
    }
    80% {
        transform: translate3d(-16px, -144px, 0)
    }
    85% {
        transform: translate3d(-17px, -142.8px, 0)
    }
    90% {
        transform: translate3d(-18px, -140.4px, 0)
    }
    95% {
        transform: translate3d(-19px, -136.8px, 0)
    }
    100% {
        transform: translate3d(-20px, -132px, 0)
    }
}

@-webkit-keyframes randUp5 {
    5% {
        -webkit-transform: translate3d(-4px, -14px, 0)
    }
    10% {
        -webkit-transform: translate3d(-8px, -26.8px, 0)
    }
    15% {
        -webkit-transform: translate3d(-12px, -38.4px, 0)
    }
    20% {
        -webkit-transform: translate3d(-16px, -48.8px, 0)
    }
    25% {
        -webkit-transform: translate3d(-20px, -58px, 0)
    }
    30% {
        -webkit-transform: translate3d(-24px, -66px, 0)
    }
    35% {
        -webkit-transform: translate3d(-28px, -72.8px, 0)
    }
    40% {
        -webkit-transform: translate3d(-32px, -78.4px, 0)
    }
    45% {
        -webkit-transform: translate3d(-36px, -82.8px, 0)
    }
    50% {
        -webkit-transform: translate3d(-40px, -86px, 0)
    }
    55% {
        -webkit-transform: translate3d(-44px, -88px, 0)
    }
    60% {
        -webkit-transform: translate3d(-48px, -88.8px, 0)
    }
    65% {
        -webkit-transform: translate3d(-52px, -88.4px, 0)
    }
    70% {
        -webkit-transform: translate3d(-56px, -86.8px, 0)
    }
    75% {
        -webkit-transform: translate3d(-60px, -84px, 0)
    }
    80% {
        -webkit-transform: translate3d(-64px, -80px, 0)
    }
    85% {
        -webkit-transform: translate3d(-68px, -74.8px, 0)
    }
    90% {
        -webkit-transform: translate3d(-72px, -68.4px, 0)
    }
    95% {
        -webkit-transform: translate3d(-76px, -60.8px, 0)
    }
    100% {
        -webkit-transform: translate3d(-80px, -52px, 0)
    }
}

.f:nth-child(5) {
    -webkit-animation: randUp5 3s infinite linear;
    animation: randUp5 3s infinite linear;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    height: 14px;
    width: 14px
}

@-webkit-keyframes bank_scale {
    0%,
    44%,
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.3, 1.3);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.4, 1.4);
        opacity: 0
    }
}

@keyframes bank_scale {
    0%,
    44%,
    100% {
        transform: scale(1, 1);
        opacity: 0
    }
    50% {
        transform: scale(1.3, 1.3);
        opacity: 1
    }
    60% {
        transform: scale(1.4, 1.4);
        opacity: 0
    }
}

@-webkit-keyframes bank_anim {
    0%,
    44%,
    70% {
        -webkit-transform: scale(1, 1)
    }
    48% {
        -webkit-transform: scale(1.3, 1.3)
    }
    60% {
        -webkit-transform: scale(0.9, 0.9)
    }
}

@keyframes bank_anim {
    0%,
    44%,
    70% {
        transform: scale(1, 1)
    }
    48% {
        transform: scale(1.3, 1.3)
    }
    60% {
        transform: scale(0.9, 0.9)
    }
}

@-webkit-keyframes throw {
    0%,
    85% {
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    15% {
        -webkit-transform: translateX(-10px) rotate(-30deg)
    }
    30%,
    60% {
        -webkit-transform: translateX(55px) rotate(40deg)
    }
}

@keyframes throw {
    0%,
    85% {
        transform: translateX(0px) rotate(0deg)
    }
    15% {
        transform: translateX(-10px) rotate(-30deg)
    }
    30%,
    60% {
        transform: translateX(55px) rotate(40deg)
    }
}

@-webkit-keyframes slide {
    0%,
    100% {
        opacity: 0;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    10% {
        opacity: 1
    }
    15% {
        -webkit-transform: translateX(-25px)
    }
    50% {
        -webkit-transform: translateX(685px) rotate(180deg) scale(0.6, 0.6);
        opacity: 1
    }
    55% {
        -webkit-transform: translateX(680px) rotate(180deg);
        opacity: 0
    }
}

@keyframes slide {
    0%,
    100% {
        opacity: 0;
        transform: translateX(0px) rotate(0deg)
    }
    10% {
        opacity: 1
    }
    15% {
        transform: translateX(-25px)
    }
    50% {
        transform: translateX(685px) rotate(180deg) scale(0.6, 0.6);
        opacity: 1
    }
    55% {
        transform: translateX(680px) rotate(180deg);
        opacity: 0
    }
}

.moment-history-intro {
    background-color: #f6f6f6;
    background: url('assets/images/history-image-bg-phone.png') no-repeat center bottom;
    padding-bottom: 80px;
    background-size: 100%
}

@media only screen and (min-width:40.063em) {
    .moment-history-intro {
        background: none;
    }
    .moment-history-intro .bg-clock {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        bottom: 0;
        background: no-repeat center bottom;
        background-image: url("assets/images/history-image-bg.png")
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
    only screen and (min--moz-device-pixel-ratio: 1.3),
    only screen and (-o-min-device-pixel-ratio: 1.3/1),
    only screen and (min-resolution: 125dpi),
    only screen and (min-resolution: 1.3dppx) {
        .moment-history-intro .bg-clock {
            background-image: url("assets/images/history-image-bg_2x.png");
            background-size: 720px 270px;
        }
    }
    .moment-history-intro .bg-clock .bg-clock-hand {
        z-index: 1;
        width: 21px;
        height: 432px;
        position: absolute;
        bottom: 0%;
        left: 50%;
        margin-bottom: -215px;
        margin-left: -9px;
        background: no-repeat center bottom;
        background-image: url("assets/images/history-image-hand.png");
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
    only screen and (min--moz-device-pixel-ratio: 1.3),
    only screen and (-o-min-device-pixel-ratio: 1.3/1),
    only screen and (min-resolution: 125dpi),
    only screen and (min-resolution: 1.3dppx) {
        .moment-history-intro .bg-clock .bg-clock-hand {
            background-image: url("assets/images/history-image-hand_2x.png");
            background-size: 21px 432px;
        }
    }
}

@media only screen and (min-width:40.063em) {
    .moment-history-intro .page-content p {
        padding-bottom: 7rem;
    }
}

.timepoint {
    background-color: #fff;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-width:64.063em) {
    .timepoint {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .timepoint {
        background-attachment: scroll;
    }
}

.timepoint:nth-child(2) {
    background-image: url('assets/images/history-2016.jpg')
}

.timepoint:nth-child(4) {
    background-image: url('assets/images/history-2014.jpg')
}

.timepoint:nth-child(6) {
    background-image: url('assets/images/history-2012.jpg')
}

.timepoint:nth-child(8) {
    background-image: url('assets/images/history-2010.jpg')
}

.timepoint:nth-child(10) {
    background-image: url('assets/images/history-2008.jpg')
}

.timepoint:nth-child(12) {
    background-image: url('assets/images/history-2005.jpg')
}

.timepoint .page-content {
    padding: 0
}

.timepoint .page-content .inner {
    margin: 0 0 0 2.5rem;
    padding: 1rem 0;
    border-left: 2px solid #e1e1e1;
    background: url('assets/images/history-timeline-dark-bg.png') repeat-y 0 0;
    position: relative
}

@media only screen and (min-width:40.063em) {
    .timepoint .page-content .inner {
        margin: 0 4rem;
        padding: 6.25rem 0;
    }
}

.timepoint .subtitle {
    font-size: 1.375rem;
    padding: 0 6.5%
}

@media only screen and (min-width:40.063em) {
    .timepoint .subtitle {
        font-size: 1.6875rem;
    }
}

.timepoint .year {
    position: absolute;
    min-width: 70px;
    height: 78px;
    background: url('assets/images/history-year-dark-bg.png') no-repeat right center;
    line-height: 78px;
    font-size: 1.375rem;
    font-weight: 200;
    padding-right: 4px;
    margin: 0;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

@media only screen and (min-width:40.063em) {
    .timepoint .year {
        min-width: 76px;
        font-size: 1.6875rem;
    }
}

.timepoint p {
    padding-left: 10%;
    position: relative;
    font-size: 0.8125rem
}

@media only screen and (min-width:40.063em) {
    .timepoint p {
        padding-left: 6.5%;
        font-size: 0.9375rem;
    }
}

.timepoint p:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 9px;
    left: 0;
    width: 2.7%;
    height: 6px;
    overflow: hidden;
    background: right center;
    background-image: url("assets/images/history-arrow.png");
    -webkit-transition: width 0.6s linear;
    -moz-transition: width 0.6s linear;
    transition: width 0.6s linear
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .timepoint p:before {
        background-image: url("assets/images/history-arrow_2x.png");
        background-size: 104px 6px;
    }
}

.timepoint p.active:before {
    width: 5.7%
}

.timepoint:nth-child(even) .subtitle,
.timepoint:nth-child(even) .year,
.timepoint:nth-child(even) p {
    color: #fff
}

.timepoint:nth-child(even) .year {
    background-image: url('assets/images/history-year-light-bg.png')
}

.timepoint:nth-child(even) .page-content .inner {
    background-image: url('assets/images/history-timeline-light-bg.png');
    border-left: 2px solid #ffffff
}

.content-mangement {
    text-align: center
}

@media only screen and (min-width:64.063em) {
    .content-mangement .management-text {
        margin-bottom: 3rem;
    }
}

.content-mangement .management-text p {
    text-align: left
}

.content-mangement .mangement-type {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1;
    margin: 0;
    position: relative;
    z-index: 5
}

@media only screen and (min-width:64.063em) {
    .content-mangement .mangement-type {
        margin: 0 0 4.5rem;
    }
}

.content-mangement .mangement-type.team {
    margin: 2rem 0 1rem
}

@media only screen and (min-width:40.063em) {
    .content-mangement .mangement-type.team {
        margin: 4.375rem 0 3rem;
    }
}

.mangement-team .mangement-team-member {
    text-align: left;
    padding: 1rem 1rem 0
}

@media only screen and (min-width:40.063em) {
    .mangement-team .mangement-team-member {
        padding: 0.625rem 2.5rem 3.125rem;
    }
}

.mangement-team .mangement-team-member .title {
    font-size: 1.375rem;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: left
}

@media only screen and (min-width:40.063em) {
    .mangement-team .mangement-team-member p {
        line-height: 1.5rem;
    }
}

.content-board {
    text-align: center
}

.content-board .content-board-member {
    text-align: left;
    padding: 1rem 1rem 0
}

@media only screen and (min-width:40.063em) {
    .content-board .content-board-member {
        padding: 0.625rem 2.5rem 3.125rem;
    }
}

.content-board .content-board-member .title {
    font-size: 1.375rem;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: left
}

@media only screen and (min-width:40.063em) {
    .content-board .content-board-member p {
        line-height: 1.5rem;
    }
}

.moment-features-intro {
    background: #f6f6f6 no-repeat center bottom;
    background-image: url("assets/images/payment-platform-features-intro.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-features-intro {
        background-image: url("assets/images/payment-platform-features-intro_2x.jpg");
        background-size: contain;
    }
}

.moment-features-intro p {
    margin-bottom: 6rem
}

@media only screen and (min-width:40.063em) {
    .feature .image,
    .feature .subtitle {
        opacity: 0
    }
    .feature.fade .image {
        -webkit-animation: fadeicon 0.5s forwards;
        -moz-animation: fadeicon 0.5s forwards;
        animation: fadeicon 0.5s forwards
    }
    .feature.fade .subtitle {
        -webkit-animation: movet 0.5s 300ms forwards;
        -moz-animation: movet 0.5s 300ms forwards;
        animation: movet 0.5s 300ms forwards
    }
}

.moment-business-models {
    background-color: #000;
    min-height: 900px !important
}

.moment-business-models .title {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 5%;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    color: white;
    text-align: center;
    padding: 0;
    width: 94%;
    font-size: 1.125rem
}

@media only screen and (min-width:40.063em) {
    .moment-business-models .title {
        width: 100%;
        font-size: 1.375rem;
    }
}

.moment-business-models .slide {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    float: left;
    padding-bottom: 4rem
}

.moment-business-models .slide.removing {
    z-index: 2
}

.moment-business-models .slide.active {
    z-index: 3
}

.moment-business-models .slide .row {
    height: 100%
}

.moment-business-models .slide .content-centered {
   /* top: 40%*/
}

@media only screen and (min-width:40.063em) {
    .moment-business-models .slide .content-centered {
        /*top: 53%;*/
    }
}

.moment-business-models .slide .subtitle {
    color: #fff;
    font-size: 1.0625rem
}

@media only screen and (min-width:40.063em) {
    .moment-business-models .slide .subtitle {
        font-size: 1.25rem;
    }
}

.moment-business-models .slide p {
    color: #fff;
    font-weight: 300;
    font-size: 0.8125rem
}

@media only screen and (min-width:40.063em) {
    .moment-business-models .slide p {
        font-size: 0.9375rem;
    }
}

.moment-business-models .slide.slide-customizable {
    background: url('assets/images/payment-platform-customizable.jpg') 50% no-repeat;
    background-size: cover
}

.moment-business-models .slide.slide-marketplace {
    background: url('assets/images/payment-platform-marketplace.jpg') 50% no-repeat;
    background-size: cover
}

.moment-business-models .slide.slide-expertise {
    background: url('assets/images/payment-platform-expertise.jpg') 50% no-repeat;
    background-size: cover
}

.moment-business-models .business-models-nav {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 20%;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 91px;
    height: 91px;
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    transition: All 1s ease-in-out
}

@media only screen and (min-width:40.063em) {
    .moment-business-models .business-models-nav {
        width: 182px;
        height: 182px;
    }
}

.moment-business-models .business-models-nav:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 91px;
    height: 91px;
    margin: auto;
    border-radius: 91px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: transparent
}

@media only screen and (min-width:40.063em) {
    .moment-business-models .business-models-nav:after {
        width: 182px;
        height: 182px;
    }
}

.moment-business-models .business-models-nav.waiting {
    opacity: 0;
    -webkit-transform: rotate(90deg) scale(0.5);
    -moz-transform: rotate(90deg) scale(0.5);
    -ms-transform: rotate(90deg) scale(0.5);
    -o-transform: rotate(90deg) scale(0.5);
    transform: rotate(90deg) scale(0.5)
}

.moment-business-models .business-models-nav a {
    position: absolute;
    z-index: 2;
    display: block;
    width: 50px;
    height: 50px;
    top: 18px;
    left: 18px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    transition: All 1s ease-in-out
}

@media only screen and (min-width:40.063em) {
    .moment-business-models .business-models-nav a {
        width: 100px;
        height: 100px;
        top: 37px;
        left: 37px;
    }
}

.moment-business-models .business-models-nav a.nav-customizable {
    /*background-image: url("assets/images/payment-platform-customizable.png");*/
    -webkit-transform: rotate(90deg) scale(0.7) translate(130%) rotate(-90deg);
    -moz-transform: rotate(90deg) scale(0.7) translate(130%) rotate(-90deg);
    -ms-transform: rotate(90deg) scale(0.7) translate(130%) rotate(-90deg);
    -o-transform: rotate(90deg) scale(0.7) translate(130%) rotate(-90deg);
    transform: rotate(90deg) scale(0.7) translate(130%) rotate(-90deg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-business-models .business-models-nav a.nav-customizable {
       /* background-image: url("assets/images/payment-platform-customizable_2x.png");*/
        background-size: cover;
    }
}

.moment-business-models .business-models-nav a.nav-customizable.active {
    -webkit-transform: rotate(90deg) scale(1) translate(91%) rotate(-90deg);
    -moz-transform: rotate(90deg) scale(1) translate(91%) rotate(-90deg);
    -ms-transform: rotate(90deg) scale(1) translate(91%) rotate(-90deg);
    -o-transform: rotate(90deg) scale(1) translate(91%) rotate(-90deg);
    transform: rotate(90deg) scale(1) translate(91%) rotate(-90deg)
}

.moment-business-models .business-models-nav a.nav-expertise {
   /* background-image: url("assets/images/payment-platform-expertise.png");*/
    -webkit-transform: rotate(210deg) scale(0.7) translate(130%) rotate(-210deg);
    -moz-transform: rotate(210deg) scale(0.7) translate(130%) rotate(-210deg);
    -ms-transform: rotate(210deg) scale(0.7) translate(130%) rotate(-210deg);
    -o-transform: rotate(210deg) scale(0.7) translate(130%) rotate(-210deg);
    transform: rotate(210deg) scale(0.7) translate(130%) rotate(-210deg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-business-models .business-models-nav a.nav-expertise {
        /*background-image: url("assets/images/payment-platform-expertise_2x.png");
        background-size: cover;*/
    }
}

.moment-business-models .business-models-nav a.nav-expertise.active {
    -webkit-transform: rotate(210deg) scale(1) translate(91%) rotate(-90deg);
    -moz-transform: rotate(210deg) scale(1) translate(91%) rotate(-90deg);
    -ms-transform: rotate(210deg) scale(1) translate(91%) rotate(-90deg);
    -o-transform: rotate(210deg) scale(1) translate(91%) rotate(-90deg);
    transform: rotate(210deg) scale(1) translate(91%) rotate(-90deg)
}

.moment-business-models .business-models-nav a.nav-marketplace {
   /* background-image: url("assets/images/payment-platform-marketplace.png");*/
    -webkit-transform: rotate(330deg) scale(0.7) translate(130%) rotate(-330deg);
    -moz-transform: rotate(330deg) scale(0.7) translate(130%) rotate(-330deg);
    -ms-transform: rotate(330deg) scale(0.7) translate(130%) rotate(-330deg);
    -o-transform: rotate(330deg) scale(0.7) translate(130%) rotate(-330deg);
    transform: rotate(330deg) scale(0.7) translate(130%) rotate(-330deg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-business-models .business-models-nav a.nav-marketplace {
       /* background-image: url("assets/images/payment-platform-marketplace_2x.png");
        background-size: cover;*/
    }
}

.moment-business-models .business-models-nav a.nav-marketplace.active {
    -webkit-transform: rotate(330deg) scale(1) translate(91%) rotate(-90deg);
    -moz-transform: rotate(330deg) scale(1) translate(91%) rotate(-90deg);
    -ms-transform: rotate(330deg) scale(1) translate(91%) rotate(-90deg);
    -o-transform: rotate(330deg) scale(1) translate(91%) rotate(-90deg);
    transform: rotate(330deg) scale(1) translate(91%) rotate(-90deg)
}

.payments101 {
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.payments101 .slide {
    position: relative;
    z-index: 2;
    overflow: hidden;
    min-height: 100%
}

@media only screen and (max-width: 40em) {
    .payments101 .slide {
        overflow: hidden;
    }
}

.payments101 .slide .slide-inner {
    overflow: hidden;
    min-height: 100%
}

.payments101 .slide .slide-padding {
    height: 100%;
    width: 100%
}

.payments101 .payments101-card {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 10;
    pointer-events: auto
}

.payments101 .payments101-card #id-card {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 40em) {
    .payments101 .payments101-card #id-card {
        width: 33%;
    }
}

.payments101 .payments101-card .id_check,
.payments101 .payments101-card .id_code,
.payments101 .payments101-card .id_money,
.payments101 .payments101-card .id_user {
    opacity: 0
}

.payments101 .payments101-card .flip .id_user,
.payments101 .payments101-card .flip1 .id_check,
.payments101 .payments101-card .flip3 .id_money {
    opacity: 1
}

.payments101 .payments101-card .flip1,
.payments101 .payments101-card .flip2,
.payments101 .payments101-card .flip3 {
    -webkit-animation: flip360 0.5s 1s ease-in-out forwards;
    -moz-animation: flip360 0.5s 1s ease-in-out forwards;
    animation: flip360 0.5s 1s ease-in-out forwards;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%
}

.payments101 .payments101-card .flip1 .id_user,
.payments101 .payments101-card .flip1 .id_check,
.payments101 .payments101-card .flip3 .id_money {
    -webkit-animation: flip90 0.1s 1s ease-in-out forwards;
    -moz-animation: flip90 0.1s 1s ease-in-out forwards;
    animation: flip90 0.1s 1s ease-in-out forwards;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    opacity: 1
}

.payments101 .payments101-card .flip1 .id_check {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    -webkit-animation: dash 0.5s 1.2s ease-in-out forwards;
    -moz-animation: dash 0.5s 1.2s ease-in-out forwards;
    animation: dash 0.5s 1.2s ease-in-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.payments101 .payments101-card .flip2 .id_money {
    -webkit-animation: flip360 0.5s 1.2s ease-in-out forwards;
    -moz-animation: flip360 0.5s 1.2s ease-in-out forwards;
    animation: flip360 0.5s 1.2s ease-in-out forwards;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%
}

.payments101 .payments101-card .flip3 .id_code {
    -webkit-animation: code_anim 0.7s 1.2s ease-out forwards;
    -moz-animation: code_anim 0.7s 1.2s ease-out forwards;
    animation: code_anim 0.7s 1.2s ease-out forwards;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%
}

.payments101 .slide-video {
    z-index: 1
}

@media only screen and (min-width:64.063em) {
    .payments101 .slide-video {
        min-height: 100%;
    }
}

.payments101 .slide-video .slide-video-text {
    text-align: center;
    position: absolute;
    z-index: 3;
    padding: 3% 10%;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6)
}

.payments101 .slide-video .slide-video-text .title {
    color: #fff;
    font-size: 1.5rem
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-video .slide-video-text .title {
        font-size: 1.875rem;
    }
}

.payments101 .slide-video .slide-video-text p {
    color: #fff;
    font-size: 0.875rem
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-video .slide-video-text p {
        font-size: 1.125rem;
    }
}

.payments101 .slide-video video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.payments101 .slide-payment-processor {
    background: url('assets/images/payments101-bg.jpg') no-repeat center top
}

.payments101 .slide-payment-processor .top-text {
    width: 90%;
    margin: 20px auto 0;
    position: relative;
    z-index: 5;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-payment-processor .top-text {
        width: 80%;
        margin: 40px auto 0;
    }
}

.payments101 .slide-payment-processor .top-text p {
    font-size: 0.875rem
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-payment-processor .top-text p {
        font-size: 1.125rem;
    }
}

.payments101 .slide-payment-processor .center-graphic {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    max-height: 902px;
    max-width: 902px;
    background: url('assets/images/payments101-innercircuit.png') no-repeat center;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.payments101 .slide-payment-processor .center-graphic .subtitle {
    display: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0.875rem;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-payment-processor .center-graphic .subtitle {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-payment-processor .animation-text-processing,
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip {
        display: none
    }
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-payment-processor .animation-text-processing {
        position: absolute;
        z-index: 10;
        left: 5%;
        top: 65%
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .text1 {
        -webkit-animation: text_anim 0.2s ease-in-out forwards;
        -moz-animation: text_anim 0.2s ease-in-out forwards;
        animation: text_anim 0.2s ease-in-out forwards;
        opacity: 0
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .text2 {
        -webkit-animation: text_anim 0.2s ease-in-out forwards;
        -moz-animation: text_anim 0.2s ease-in-out forwards;
        animation: text_anim 0.2s ease-in-out forwards;
        opacity: 0
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .text3 {
        opacity: 0
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .blink {
        -webkit-animation: blink_text 2s ease-in-out infinite;
        -moz-animation: blink_text 2s ease-in-out infinite;
        animation: blink_text 2s ease-in-out infinite
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .lines,
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing.active .lines {
        -webkit-animation: blink_lines 1s forwards;
        -moz-animation: blink_lines 1s forwards;
        animation: blink_lines 1s forwards
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing.active .lines {
        -webkit-animation: active_lines 0.5s forwards;
        -moz-animation: active_lines 0.5s forwards;
        animation: active_lines 0.5s forwards;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        -ms-transform-origin: 50%;
        -o-transform-origin: 50%;
        transform-origin: 50%
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing.active .text2 {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        -ms-transform-origin: 50%;
        -o-transform-origin: 50%;
        transform-origin: 50%;
        opacity: 0;
        display: none
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing.active .text3 {
        -webkit-animation: text_anim 0.2s ease-in-out forwards;
        -moz-animation: text_anim 0.2s ease-in-out forwards;
        animation: text_anim 0.2s ease-in-out forwards
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .line1 {
        -webkit-animation: line1 0.2s ease-out forwards;
        -moz-animation: line1 0.2s ease-out forwards;
        animation: line1 0.2s ease-out forwards;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .line2 {
        -webkit-animation: line2 0.3s ease-out forwards;
        -moz-animation: line2 0.3s ease-out forwards;
        animation: line2 0.3s ease-out forwards;
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        -o-transform-origin: 100% 0%;
        transform-origin: 100% 0%
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .line3 {
        -webkit-animation: line3 0.2s ease-out forwards;
        -moz-animation: line3 0.2s ease-out forwards;
        animation: line3 0.2s ease-out forwards;
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    .payments101 .slide-payment-processor .animation-text-processing #svg-processing .line4 {
        -webkit-animation: line4 0.3s ease-out forwards;
        -moz-animation: line4 0.3s ease-out forwards;
        animation: line4 0.3s ease-out forwards;
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        -o-transform-origin: 100% 0%;
        transform-origin: 100% 0%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments {
        position: absolute;
        z-index: 10;
        left: -2%;
        top: -5%
    }
    .payments101 .slide-payment-processor .animation-chip-chase {
        position: absolute;
        z-index: 10;
        right: -2%;
        top: -5%
    }
    .payments101 .slide-payment-processor .animation-chip-vantiv {
        position: absolute;
        z-index: 10;
        right: -2%;
        top: 40%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip {
        opacity: 0;
        -webkit-transition: opacity 500ms linear;
        -moz-transition: opacity 500ms linear;
        transition: opacity 500ms linear
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip .processor *,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip .processor *,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip .processor * {
        fill: white
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active {
        opacity: 1
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .processor,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .processor,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .processor {
        -webkit-animation: scale 1s ease-in-out forwards;
        -moz-animation: scale 1s ease-in-out forwards;
        animation: scale 1s ease-in-out forwards;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .logo-vantiv,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .logo-vantiv,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .logo-vantiv {
        opacity: 0;
        -webkit-animation: logo_fade 0.2s 0.7s ease-in-out forwards;
        -moz-animation: logo_fade 0.2s 0.7s ease-in-out forwards;
        animation: logo_fade 0.2s 0.7s ease-in-out forwards;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .processor-inner,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .processor-inner,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .processor-inner {
        -webkit-animation: proc_anim 1s 0.3s ease-in-out forwards;
        -moz-animation: proc_anim 1s 0.3s ease-in-out forwards;
        animation: proc_anim 1s 0.3s ease-in-out forwards;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .bars0,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .bars0,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .bars0 {
        -webkit-animation: bars 0.4s 0.3s linear forwards;
        -moz-animation: bars 0.4s 0.3s linear forwards;
        animation: bars 0.4s 0.3s linear forwards;
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        -o-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .bars1,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .bars1,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .bars1 {
        -webkit-animation: bars1 0.4s 0.3s linear forwards;
        -moz-animation: bars1 0.4s 0.3s linear forwards;
        animation: bars1 0.4s 0.3s linear forwards;
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        -o-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .bars2,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .bars2,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .bars2 {
        -webkit-animation: bars2 0.4s 0.3s linear forwards;
        -moz-animation: bars2 0.4s 0.3s linear forwards;
        animation: bars2 0.4s 0.3s linear forwards;
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        -o-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .bars3,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .bars3,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .bars3 {
        -webkit-animation: bars3 0.4s 0.3s linear forwards;
        -moz-animation: bars3 0.4s 0.3s linear forwards;
        animation: bars3 0.4s 0.3s linear forwards;
        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        -o-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }
    .payments101 .slide-payment-processor .animation-chip-globalpayments .svg_chip.active .circle1,
    .payments101 .slide-payment-processor .animation-chip-vantiv .svg_chip.active .circle1,
    .payments101 .slide-payment-processor .animation-chip-chase .svg_chip.active .circle1 {
        -webkit-animation: cicuit_circle 3s 0.4s linear infinite;
        -moz-animation: cicuit_circle 3s 0.4s linear infinite;
        animation: cicuit_circle 3s 0.4s linear infinite;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

.payments101 .slide-card-networks {
    background: url('assets/images/payments101-bg.jpg') no-repeat center
}

.payments101 .slide-card-networks .top-text {
    width: 90%;
    margin: 20px auto 0;
    position: relative;
    z-index: 5;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-card-networks .top-text {
        width: 80%;
        margin: 40px auto 0;
    }
}

.payments101 .slide-card-networks .top-text p {
    font-size: 0.875rem
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-card-networks .top-text p {
        font-size: 1.125rem;
    }
}

.payments101 .slide-card-networks .animation-cc-door {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

.payments101 .slide-card-networks .animation-cc-door .doors {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-cc-door .doors {
        width: 159%;
    }
}

.payments101 .slide-card-networks .animation-cc-door .doors.active .door_left {
    -webkit-animation: active_door_left 800ms ease-in-out forwards;
    -moz-animation: active_door_left 800ms ease-in-out forwards;
    animation: active_door_left 800ms ease-in-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.payments101 .slide-card-networks .animation-cc-door .doors.active .door_right {
    -webkit-animation: active_door_right 800ms ease-in-out forwards;
    -moz-animation: active_door_right 800ms ease-in-out forwards;
    animation: active_door_right 800ms ease-in-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.payments101 .slide-card-networks .animation-text-authorized {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 11%;
    -webkit-transform: translateX(3%);
    -moz-transform: translateX(3%);
    -ms-transform: translateX(3%);
    -o-transform: translateX(3%);
    transform: translateX(3%)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-card-networks .animation-text-authorized {
        -webkit-transform: translateX(-15%);
        -moz-transform: translateX(-15%);
        -ms-transform: translateX(-15%);
        -o-transform: translateX(-15%);
        transform: translateX(-15%);
    }
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-text-authorized .authorized {
        width: 50%;
    }
}

.payments101 .slide-card-networks .animation-text-authorized .authorized.active .text1 {
    opacity: 0
}

.payments101 .slide-card-networks .animation-text-authorized .authorized.active .text2 {
    -webkit-animation: authorized_text2 400ms ease;
    -moz-animation: authorized_text2 400ms ease;
    animation: authorized_text2 400ms ease;
    opacity: 1
}

.payments101 .slide-card-networks .animation-text-authorized .authorized.active .circle1 {
    -webkit-animation: authorized_circles 900ms ease-in-out;
    -moz-animation: authorized_circles 900ms ease-in-out;
    animation: authorized_circles 900ms ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.payments101 .slide-card-networks .animation-text-authorized .authorized.active .circle2 {
    -webkit-animation: authorized_circles 800ms 200ms ease-in-out;
    -moz-animation: authorized_circles 800ms 200ms ease-in-out;
    animation: authorized_circles 800ms 200ms ease-in-out;
    -webkit-transform-origin: 50% 60%;
    -moz-transform-origin: 50% 60%;
    -ms-transform-origin: 50% 60%;
    -o-transform-origin: 50% 60%;
    transform-origin: 50% 60%
}

.payments101 .slide-card-networks .animation-text-authorized .authorized.active .circle3 {
    -webkit-animation: authorized_circles 800ms 400ms ease-in-out;
    -moz-animation: authorized_circles 800ms 400ms ease-in-out;
    animation: authorized_circles 800ms 400ms ease-in-out;
    -webkit-transform-origin: 30% 50%;
    -moz-transform-origin: 30% 50%;
    -ms-transform-origin: 30% 50%;
    -o-transform-origin: 30% 50%;
    transform-origin: 30% 50%
}

.payments101 .slide-card-networks .animation-text-authorized .authorized .text2 {
    opacity: 0
}

.payments101 .slide-card-networks .animation-text-authorized .authorized .blink {
    -webkit-animation: blink_text 2s 1s ease-in-out infinite;
    -moz-animation: blink_text 2s 1s ease-in-out infinite;
    animation: blink_text 2s 1s ease-in-out infinite
}

.payments101 .slide-card-networks .animation-text-authorized .authorized .circles {
    -webkit-animation: rotate_circles 2s linear infinite;
    -moz-animation: rotate_circles 2s linear infinite;
    animation: rotate_circles 2s linear infinite;
    -webkit-transform-origin: 51% 52%;
    -moz-transform-origin: 51% 52%;
    -ms-transform-origin: 51% 52%;
    -o-transform-origin: 51% 52%;
    transform-origin: 51% 52%
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-card-networks .animation-text-auth {
        position: absolute;
        z-index: 10;
        left: 5%;
        top: 78%
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .text1 {
        -webkit-animation: text_anim 0.2s ease-in-out forwards;
        -moz-animation: text_anim 0.2s ease-in-out forwards;
        animation: text_anim 0.2s ease-in-out forwards;
        opacity: 0
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .text2 {
        -webkit-animation: text_anim 0.2s ease-in-out forwards;
        -moz-animation: text_anim 0.2s ease-in-out forwards;
        animation: text_anim 0.2s ease-in-out forwards;
        opacity: 0
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .text3 {
        opacity: 0
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .blink {
        -webkit-animation: blink_text 2s ease-in-out infinite;
        -moz-animation: blink_text 2s ease-in-out infinite;
        animation: blink_text 2s ease-in-out infinite
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .lines,
    .payments101 .slide-card-networks .animation-text-auth .authorized.active .lines {
        -webkit-animation: blink_lines 1s forwards;
        -moz-animation: blink_lines 1s forwards;
        animation: blink_lines 1s forwards
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized.active .lines {
        -webkit-animation: active_lines 0.5s forwards;
        -moz-animation: active_lines 0.5s forwards;
        animation: active_lines 0.5s forwards;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        -ms-transform-origin: 50%;
        -o-transform-origin: 50%;
        transform-origin: 50%
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized.active .text2 {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        -ms-transform-origin: 50%;
        -o-transform-origin: 50%;
        transform-origin: 50%;
        opacity: 0;
        display: none
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized.active .text3 {
        -webkit-animation: text_anim 0.2s ease-in-out forwards;
        -moz-animation: text_anim 0.2s ease-in-out forwards;
        animation: text_anim 0.2s ease-in-out forwards
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .line1 {
        -webkit-animation: line1 0.2s ease-out forwards;
        -moz-animation: line1 0.2s ease-out forwards;
        animation: line1 0.2s ease-out forwards;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .line2 {
        -webkit-animation: line2 0.3s ease-out forwards;
        -moz-animation: line2 0.3s ease-out forwards;
        animation: line2 0.3s ease-out forwards;
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        -o-transform-origin: 100% 0%;
        transform-origin: 100% 0%
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .line3 {
        -webkit-animation: line3 0.2s ease-out forwards;
        -moz-animation: line3 0.2s ease-out forwards;
        animation: line3 0.2s ease-out forwards;
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    .payments101 .slide-card-networks .animation-text-auth .authorized .line4 {
        -webkit-animation: line4 0.3s ease-out forwards;
        -moz-animation: line4 0.3s ease-out forwards;
        animation: line4 0.3s ease-out forwards;
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        -o-transform-origin: 100% 0%;
        transform-origin: 100% 0%
    }
}

.payments101 .slide-card-networks .animation-cc-mastercard {
    position: absolute;
    z-index: 2;
    right: 50%;
    bottom: 20%;
    -webkit-transform: translateX(-156%);
    -moz-transform: translateX(-156%);
    -ms-transform: translateX(-156%);
    -o-transform: translateX(-156%);
    transform: translateX(-156%)
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-cc-mastercard {
        -webkit-transform: translateX(5%);
        -moz-transform: translateX(5%);
        -ms-transform: translateX(5%);
        -o-transform: translateX(5%);
        transform: translateX(5%);
        bottom: 11%;
    }
}

.payments101 .slide-card-networks .animation-cc-amex {
    position: absolute;
    z-index: 2;
    right: 50%;
    top: 20%;
    -webkit-transform: translateX(-156%);
    -moz-transform: translateX(-156%);
    -ms-transform: translateX(-156%);
    -o-transform: translateX(-156%);
    transform: translateX(-156%)
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-cc-amex {
        -webkit-transform: translateX(5%);
        -moz-transform: translateX(5%);
        -ms-transform: translateX(5%);
        -o-transform: translateX(5%);
        transform: translateX(5%);
        top: 12%;
    }
}

.payments101 .slide-card-networks .animation-cc-visa {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 20%;
    -webkit-transform: translateX(156%);
    -moz-transform: translateX(156%);
    -ms-transform: translateX(156%);
    -o-transform: translateX(156%);
    transform: translateX(156%)
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-cc-visa {
        -webkit-transform: translateX(60%);
        -moz-transform: translateX(60%);
        -ms-transform: translateX(60%);
        -o-transform: translateX(60%);
        transform: translateX(60%);
        top: 12%;
    }
}

.payments101 .slide-card-networks .animation-cc-discover {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 20%;
    -webkit-transform: translateX(156%);
    -moz-transform: translateX(156%);
    -ms-transform: translateX(156%);
    -o-transform: translateX(156%);
    transform: translateX(156%)
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-cc-discover {
        -webkit-transform: translateX(60%);
        -moz-transform: translateX(60%);
        -ms-transform: translateX(60%);
        -o-transform: translateX(60%);
        transform: translateX(60%);
        bottom: 11%;
    }
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-cc-visa .card-network,
    .payments101 .slide-card-networks .animation-cc-amex .card-network,
    .payments101 .slide-card-networks .animation-cc-mastercard .card-network,
    .payments101 .slide-card-networks .animation-cc-discover .card-network {
        width: 35%;
    }
}

.payments101 .slide-card-networks .animation-cc-visa .card-network .logo,
.payments101 .slide-card-networks .animation-cc-amex .card-network .logo,
.payments101 .slide-card-networks .animation-cc-mastercard .card-network .logo,
.payments101 .slide-card-networks .animation-cc-discover .card-network .logo {
    opacity: 0
}

.payments101 .slide-card-networks .animation-cc-visa .card-network.active .circle,
.payments101 .slide-card-networks .animation-cc-amex .card-network.active .circle,
.payments101 .slide-card-networks .animation-cc-mastercard .card-network.active .circle,
.payments101 .slide-card-networks .animation-cc-discover .card-network.active .circle {
    -webkit-animation: circle_gear 1s 0.5s ease-out forwards;
    -moz-animation: circle_gear 1s 0.5s ease-out forwards;
    animation: circle_gear 1s 0.5s ease-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.payments101 .slide-card-networks .animation-cc-visa .card-network.active .logo,
.payments101 .slide-card-networks .animation-cc-amex .card-network.active .logo,
.payments101 .slide-card-networks .animation-cc-mastercard .card-network.active .logo,
.payments101 .slide-card-networks .animation-cc-discover .card-network.active .logo {
    -webkit-animation: fade_logo 1s 1s ease-out forwards;
    -moz-animation: fade_logo 1s 1s ease-out forwards;
    animation: fade_logo 1s 1s ease-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0
}

.payments101 .slide-card-networks .animation-cc-visa .card-network.active .gear,
.payments101 .slide-card-networks .animation-cc-amex .card-network.active .gear,
.payments101 .slide-card-networks .animation-cc-mastercard .card-network.active .gear,
.payments101 .slide-card-networks .animation-cc-discover .card-network.active .gear {
    -webkit-animation: rotating 1.5s 0.2s ease-out forwards;
    -moz-animation: rotating 1.5s 0.2s ease-out forwards;
    animation: rotating 1.5s 0.2s ease-out forwards;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.payments101 .slide-card-networks .animation-cc-visa .card-network.active .gear2,
.payments101 .slide-card-networks .animation-cc-amex .card-network.active .gear2,
.payments101 .slide-card-networks .animation-cc-mastercard .card-network.active .gear2,
.payments101 .slide-card-networks .animation-cc-discover .card-network.active .gear2 {
    -webkit-animation: rotating2 15s 1s linear infinite;
    -moz-animation: rotating2 15s 1s linear infinite;
    animation: rotating2 15s 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.payments101 .slide-card-networks .animation-graphic-loading1 {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 18%;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-card-networks .animation-graphic-loading1 {
        top: 13%;
        -webkit-transform: translateX(30%);
        -moz-transform: translateX(30%);
        -ms-transform: translateX(30%);
        -o-transform: translateX(30%);
        transform: translateX(30%);
    }
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-graphic-loading1 .loader1 {
        width: 50%;
    }
}

.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader1,
.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader4,
.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader7 {
    -webkit-animation: loader_blink 2s ease-in-out infinite;
    -moz-animation: loader_blink 2s ease-in-out infinite;
    animation: loader_blink 2s ease-in-out infinite
}

.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader2,
.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader5,
.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader6 {
    -webkit-animation: loader_blink 0.5s 1s ease-in-out infinite;
    -moz-animation: loader_blink 0.5s 1s ease-in-out infinite;
    animation: loader_blink 0.5s 1s ease-in-out infinite
}

.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader3,
.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader8,
.payments101 .slide-card-networks .animation-graphic-loading1 .loader1 #loader9 {
    -webkit-animation: loader_blink 1s 0.5s ease-in-out infinite;
    -moz-animation: loader_blink 1s 0.5s ease-in-out infinite;
    animation: loader_blink 1s 0.5s ease-in-out infinite
}

.payments101 .slide-card-networks .animation-graphic-loading2 {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 8%;
    -webkit-transform: translateX(-58%);
    -moz-transform: translateX(-58%);
    -ms-transform: translateX(-58%);
    -o-transform: translateX(-58%);
    transform: translateX(-58%)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-card-networks .animation-graphic-loading2 {
        bottom: 12%;
        -webkit-transform: translateX(-135%);
        -moz-transform: translateX(-135%);
        -ms-transform: translateX(-135%);
        -o-transform: translateX(-135%);
        transform: translateX(-135%);
    }
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-card-networks .animation-graphic-loading2 .loader2 {
        width: 50%;
    }
}

.payments101 .slide-card-networks .animation-graphic-loading2 .loader2 #robot {
    -webkit-animation: robot_anim 3s ease-in-out infinite;
    -moz-animation: robot_anim 3s ease-in-out infinite;
    animation: robot_anim 3s ease-in-out infinite
}

.payments101 .slide-card-networks .animation-graphic-loading2 .loader2 #robot_x5F_blocks {
    -webkit-animation: block_anim 3s ease-in-out infinite;
    -moz-animation: block_anim 3s ease-in-out infinite;
    animation: block_anim 3s ease-in-out infinite
}

.payments101 .slide-bank-networks {
    background: url('assets/images/payments101-bg.jpg') no-repeat center
}

.payments101 .slide-bank-networks .top-text {
    width: 80%;
    margin: 20px auto 0;
    position: relative;
    z-index: 5;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .top-text {
        width: 30%;
        margin: 40px auto 0;
    }
}

.payments101 .slide-bank-networks .top-text p {
    font-size: 0.875rem
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .top-text p {
        font-size: 1.125rem;
    }
}

.payments101 .slide-bank-networks .center-graphic {
    position: absolute;
    z-index: 3;
    width: 80px;
    height: 129px;
    top: 64%;
    left: 50%;
    border-radius: 15px;
    background: #ffffff;
    text-align: center;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .center-graphic {
        top: 50%;
        width: 242px;
        height: 388px;
        border-radius: 45px;
    }
}

.payments101 .slide-bank-networks .center-graphic .subtitle {
    display: none;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #3d93cb;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .center-graphic .subtitle {
        font-size: 1.5rem;
    }
}

.payments101 .slide-bank-networks .banks {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.payments101 .slide-bank-networks .banks>div {
    position: absolute;
    width: 30%;
    height: 16%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .banks>div {
        width: 300px;
        height: 250px;
    }
}

.payments101 .slide-bank-networks .banks .boa {
    left: 5%;
    top: 40%;
    background-image: url('assets/images/payments101-bank-boa.png');
    background-color: rgba(6, 88, 165, 0.2)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .banks .boa {
        top: 5%;
    }
}

.payments101 .slide-bank-networks .banks .jpmorgan {
    right: 5%;
    bottom: 10%;
    background-image: url('assets/images/payments101-bank-jpmorgan.png');
    background-color: rgba(72, 83, 142, 0.2)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .banks .jpmorgan {
        bottom: 5%;
    }
}

.payments101 .slide-bank-networks .banks .wellsfargo {
    right: 5%;
    top: 40%;
    background-image: url('assets/images/payments101-bank-wellsfargo.png');
    background-color: rgba(204, 17, 65, 0.2)
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .banks .wellsfargo {
        top: 5%;
    }
}

.payments101 .slide-bank-networks .icon-money {
    display: block;
    width: 90px;
    height: 90px;
    background: url('assets/images/payments101-icon-money.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%
}

.payments101 .slide-bank-networks .depth-layers {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.payments101 .slide-bank-networks .depth-layers>div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.payments101 .slide-bank-networks .depth-layers .top {
    z-index: 3;
    background-image: url('assets/images/payments101-graphic-toplayer.png')
}

.payments101 .slide-bank-networks .depth-layers .top .icon-money1 {
    right: 50%;
    -webkit-transform: translate(-200%, -50%);
    -moz-transform: translate(-200%, -50%);
    -ms-transform: translate(-200%, -50%);
    -o-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%)
}

.payments101 .slide-bank-networks .depth-layers .top .icon-money2 {
    left: 50%;
    -webkit-transform: translate(200%, -50%);
    -moz-transform: translate(200%, -50%);
    -ms-transform: translate(200%, -50%);
    -o-transform: translate(200%, -50%);
    transform: translate(200%, -50%)
}

.payments101 .slide-bank-networks .depth-layers .mid {
    z-index: 2;
    background-image: url('assets/images/payments101-graphic-midlayer.png')
}

.payments101 .slide-bank-networks .depth-layers .mid .icon-money {
    width: 50px;
    height: 50px
}

.payments101 .slide-bank-networks .depth-layers .mid .icon-money1 {
    right: 50%;
    -webkit-transform: translate(-550%, -250%);
    -moz-transform: translate(-550%, -250%);
    -ms-transform: translate(-550%, -250%);
    -o-transform: translate(-550%, -250%);
    transform: translate(-550%, -250%)
}

.payments101 .slide-bank-networks .depth-layers .mid .icon-money2 {
    left: 50%;
    -webkit-transform: translate(550%, -250%);
    -moz-transform: translate(550%, -250%);
    -ms-transform: translate(550%, -250%);
    -o-transform: translate(550%, -250%);
    transform: translate(550%, -250%)
}

.payments101 .slide-bank-networks .depth-layers .mid .icon-money3 {
    right: 50%;
    -webkit-transform: translate(-550%, 180%);
    -moz-transform: translate(-550%, 180%);
    -ms-transform: translate(-550%, 180%);
    -o-transform: translate(-550%, 180%);
    transform: translate(-550%, 180%)
}

.payments101 .slide-bank-networks .depth-layers .mid .icon-money4 {
    left: 50%;
    -webkit-transform: translate(550%, 180%);
    -moz-transform: translate(550%, 180%);
    -ms-transform: translate(550%, 180%);
    -o-transform: translate(550%, 180%);
    transform: translate(550%, 180%)
}

.payments101 .slide-bank-networks .depth-layers .base {
    z-index: 1;
    background-image: url('assets/images/payments101-graphic-baselayer.png')
}

.payments101 .slide-bank-networks .animation-text-charged {
    position: absolute;
    z-index: 4;
    left: 6%;
    bottom: -4%;
    width: 34%
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-bank-networks .animation-text-charged {
        bottom: 15%;
        width: auto;
    }
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-bank-networks .animation-text-charged .charged {
        width: 124%;
    }
}

.payments101 .slide-bank-networks .animation-text-charged .charged.active .lines {
    -webkit-animation: active_lines 0.5s forwards;
    -moz-animation: active_lines 0.5s forwards;
    animation: active_lines 0.5s forwards;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%
}

.payments101 .slide-bank-networks .animation-text-charged .charged.active .text2 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    display: none
}

.payments101 .slide-bank-networks .animation-text-charged .charged.active .text3 {
    -webkit-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    -moz-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    animation: text_anim 0.2s 0.25s ease-in-out forwards;
    opacity: 1
}

.payments101 .slide-bank-networks .animation-text-charged .charged .text1 {
    -webkit-animation: text_anim 0.2s 0.2s ease-in-out forwards;
    -moz-animation: text_anim 0.2s 0.2s ease-in-out forwards;
    animation: text_anim 0.2s 0.2s ease-in-out forwards;
    opacity: 0
}

.payments101 .slide-bank-networks .animation-text-charged .charged .text2 {
    -webkit-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    -moz-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    animation: text_anim 0.2s 0.25s ease-in-out forwards;
    opacity: 0
}

.payments101 .slide-bank-networks .animation-text-charged .charged .text3 {
    opacity: 0
}

.payments101 .slide-bank-networks .animation-text-charged .charged .blink {
    -webkit-animation: blink_text 2s 1s ease-in-out infinite;
    -moz-animation: blink_text 2s 1s ease-in-out infinite;
    animation: blink_text 2s 1s ease-in-out infinite
}

.payments101 .slide-bank-networks .animation-text-charged .charged .lines {
    -webkit-animation: blink_lines 1s 0.5s forwards;
    -moz-animation: blink_lines 1s 0.5s forwards;
    animation: blink_lines 1s 0.5s forwards
}

.payments101 .slide-bank-networks .animation-text-charged .charged .line1 {
    -webkit-animation: line1 0.2s ease-out forwards;
    -moz-animation: line1 0.2s ease-out forwards;
    animation: line1 0.2s ease-out forwards;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -ms-transform-origin: 0%;
    -o-transform-origin: 0%;
    transform-origin: 0%
}

.payments101 .slide-bank-networks .animation-text-charged .charged .line2 {
    -webkit-animation: line2 0.3s ease-out forwards;
    -moz-animation: line2 0.3s ease-out forwards;
    animation: line2 0.3s ease-out forwards;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.payments101 .slide-bank-networks .animation-text-charged .charged .line3 {
    -webkit-animation: line3 0.2s ease-out forwards;
    -moz-animation: line3 0.2s ease-out forwards;
    animation: line3 0.2s ease-out forwards;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.payments101 .slide-bank-networks .animation-text-charged .charged .line4 {
    -webkit-animation: line4 0.3s ease-out forwards;
    -moz-animation: line4 0.3s ease-out forwards;
    animation: line4 0.3s ease-out forwards;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.payments101 .slide-relay-info {
    background: url('assets/images/payments101-bg.jpg') no-repeat center bottom
}

.payments101 .slide-relay-info .slide-inner {
    position: absolute;
    z-index: 10
}

.payments101 .slide-relay-info .top-text {
    width: 90%;
    margin: 20px auto 0;
    position: relative;
    z-index: 5;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .top-text {
        width: 80%;
        margin: 40px auto 0;
    }
}

.payments101 .slide-relay-info .top-text p {
    font-size: 0.875rem
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .top-text p {
        font-size: 1.125rem;
    }
}

.payments101 .slide-relay-info .center-graphic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8)
}

.payments101 .slide-relay-info .animation-text-approving {
    position: absolute;
    z-index: 10;
    left: 6%;
    bottom: -4%;
    width: 34%
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .animation-text-approving {
        bottom: 15%;
        width: auto;
    }
}

@media only screen and (max-width: 40em) {
    .payments101 .slide-relay-info .animation-text-approving .approving {
        width: 124%;
    }
}

.payments101 .slide-relay-info .animation-text-approving .approving.active .lines {
    -webkit-animation: active_lines 0.5s forwards;
    -moz-animation: active_lines 0.5s forwards;
    animation: active_lines 0.5s forwards;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%
}

.payments101 .slide-relay-info .animation-text-approving .approving.active .text2 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    display: none
}

.payments101 .slide-relay-info .animation-text-approving .approving.active .text3 {
    -webkit-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    -moz-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    animation: text_anim 0.2s 0.25s ease-in-out forwards;
    opacity: 1
}

.payments101 .slide-relay-info .animation-text-approving .approving .text2 {
    -webkit-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    -moz-animation: text_anim 0.2s 0.25s ease-in-out forwards;
    animation: text_anim 0.2s 0.25s ease-in-out forwards;
    opacity: 0
}

.payments101 .slide-relay-info .animation-text-approving .approving .text3 {
    opacity: 0
}

.payments101 .slide-relay-info .animation-text-approving .approving .blink {
    -webkit-animation: blink_text 2s 1s ease-in-out infinite;
    -moz-animation: blink_text 2s 1s ease-in-out infinite;
    animation: blink_text 2s 1s ease-in-out infinite
}

.payments101 .slide-relay-info .animation-text-approving .approving .lines {
    -webkit-animation: blink_lines 1s 0.5s forwards;
    -moz-animation: blink_lines 1s 0.5s forwards;
    animation: blink_lines 1s 0.5s forwards
}

.payments101 .slide-relay-info .animation-text-approving .approving .line1 {
    -webkit-animation: line1 0.2s ease-out forwards;
    -moz-animation: line1 0.2s ease-out forwards;
    animation: line1 0.2s ease-out forwards;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -ms-transform-origin: 0%;
    -o-transform-origin: 0%;
    transform-origin: 0%
}

.payments101 .slide-relay-info .animation-text-approving .approving .line2 {
    -webkit-animation: line2 0.3s ease-out forwards;
    -moz-animation: line2 0.3s ease-out forwards;
    animation: line2 0.3s ease-out forwards;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.payments101 .slide-relay-info .animation-text-approving .approving .line3 {
    -webkit-animation: line3 0.2s ease-out forwards;
    -moz-animation: line3 0.2s ease-out forwards;
    animation: line3 0.2s ease-out forwards;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.payments101 .slide-relay-info .animation-text-approving .approving .line4 {
    -webkit-animation: line4 0.3s ease-out forwards;
    -moz-animation: line4 0.3s ease-out forwards;
    animation: line4 0.3s ease-out forwards;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.payments101 .slide-relay-info .chipnetwork {
    position: absolute;
    z-index: 15;
    width: 178px;
    height: 187px;
    top: 64%;
    left: 50%;
    border-radius: 15px;
    background: #ffffff;
    text-align: center;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url('assets/images/payments101-graphic-chipnetwork.png') no-repeat center center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .chipnetwork {
        top: 50%;
        width: 541px;
        height: 568px;
    }
}

.payments101 .slide-relay-info .matrix-grey {
    height: 40%;
    top: auto;
    bottom: 0%;
    z-index: 2
}

.payments101 .slide-relay-info .icon-chip {
    display: block;
    width: 15%;
    height: 15%;
    background: url('assets/images/payments101-icon-chip.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    z-index: 2
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .icon-chip {
        width: 210px;
        height: 210px;
    }
}

.payments101 .slide-relay-info .icon-chip .inner-image {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 3px;
    width: 60%;
    height: 0%;
    -webkit-transition: height 300ms linear;
    -moz-transition: height 300ms linear;
    transition: height 300ms linear
}

.payments101 .slide-relay-info .icon-chip.active .inner-image {
    height: 60%
}

.payments101 .slide-relay-info .icon-chip.icon-chip1 {
    right: 5%;
    top: 20%
}

.payments101 .slide-relay-info .icon-chip.icon-chip1 .inner-image {
    background-image: url('assets/images/payments101-smbiz1.jpg')
}

.payments101 .slide-relay-info .icon-chip.icon-chip2 {
    right: 8%;
    bottom: 8%;
    width: 10%;
    height: 10%
}

.payments101 .slide-relay-info .icon-chip.icon-chip2 .inner-image {
    background-image: url('assets/images/payments101-smbiz2.jpg')
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .icon-chip.icon-chip2 {
        width: 136px;
        height: 136px;
    }
}

.payments101 .slide-relay-info .icon-chip.icon-chip3 {
    right: 22%;
    bottom: 30%;
    width: 8%;
    height: 8%
}

.payments101 .slide-relay-info .icon-chip.icon-chip3 .inner-image {
    background-image: url('assets/images/payments101-smbiz3.jpg')
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .icon-chip.icon-chip3 {
        width: 96px;
        height: 96px;
    }
}

.payments101 .slide-relay-info .icon-chip.icon-chip4 {
    left: 10%;
    top: 30%;
    width: 10.5%;
    height: 10.5%
}

.payments101 .slide-relay-info .icon-chip.icon-chip4 .inner-image {
    background-image: url('assets/images/payments101-smbiz4.jpg')
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .icon-chip.icon-chip4 {
        width: 140px;
        height: 140px;
    }
}

.payments101 .slide-relay-info .icon-chip.icon-chip5 {
    left: 27%;
    bottom: 10%;
    width: 8%;
    height: 8%
}

.payments101 .slide-relay-info .icon-chip.icon-chip5 .inner-image {
    background-image: url('assets/images/payments101-smbiz5.jpg')
}

@media only screen and (min-width:40.063em) {
    .payments101 .slide-relay-info .icon-chip.icon-chip5 {
        width: 96px;
        height: 96px;
    }
}

.payments101 .slide-approved {
    background: url('assets/images/payments101-approved-bg.jpg') no-repeat center;
    background-size: cover
}

.payments101 .slide-approved .matrix-yellow {
    height: 40%
}

@-webkit-keyframes code_anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-500%)
    }
    90% {
        -webkit-transform: translateY(30%)
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes code_anim {
    0% {
        opacity: 0;
        -moz-transform: translateY(-500%)
    }
    90% {
        -moz-transform: translateY(30%)
    }
    100% {
        opacity: 1
    }
}

@keyframes code_anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-500%);
        -moz-transform: translateY(-500%);
        -ms-transform: translateY(-500%);
        -o-transform: translateY(-500%);
        transform: translateY(-500%)
    }
    90% {
        -webkit-transform: translateY(30%);
        -moz-transform: translateY(30%);
        -ms-transform: translateY(30%);
        -o-transform: translateY(30%);
        transform: translateY(30%)
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flip90 {
    0% {
        -webkit-transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(90deg);
        opacity: 1
    }
}

@-moz-keyframes flip90 {
    0% {
        -moz-transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: rotateY(90deg);
        opacity: 1
    }
}

@keyframes flip90 {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 1
    }
}

@-webkit-keyframes flip360 {
    0% {
        -webkit-transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(360deg);
        opacity: 1
    }
}

@-moz-keyframes flip360 {
    0% {
        -moz-transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: rotateY(360deg);
        opacity: 1
    }
}

@keyframes flip360 {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
        opacity: 1
    }
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: -200;
        opacity: 1
    }
    to {
        stroke-dashoffset: 0;
        opacity: 1
    }
}

@-moz-keyframes dash {
    from {
        stroke-dashoffset: -200;
        opacity: 1
    }
    to {
        stroke-dashoffset: 0;
        opacity: 1
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: -200;
        opacity: 1
    }
    to {
        stroke-dashoffset: 0;
        opacity: 1
    }
}

@-webkit-keyframes blink_text {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-moz-keyframes blink_text {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes blink_text {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-webkit-keyframes text_anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200%)
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes text_anim {
    0% {
        opacity: 0;
        -moz-transform: translateY(200%)
    }
    100% {
        opacity: 1
    }
}

@keyframes text_anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%)
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes active_lines {
    0%,
    100% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0)
    }
}

@-moz-keyframes active_lines {
    0%,
    100% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(0)
    }
}

@keyframes active_lines {
    0%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes blink_lines {
    0%,
    15%,
    35%,
    100% {
        opacity: 1
    }
    10%,
    30% {
        opacity: 0
    }
}

@-moz-keyframes blink_lines {
    0%,
    15%,
    35%,
    100% {
        opacity: 1
    }
    10%,
    30% {
        opacity: 0
    }
}

@keyframes blink_lines {
    0%,
    15%,
    35%,
    100% {
        opacity: 1
    }
    10%,
    30% {
        opacity: 0
    }
}

@-webkit-keyframes line1 {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes line1 {
    0% {
        -moz-transform: scale(0)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@keyframes line1 {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes line3 {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes line3 {
    0% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(1.1)
    }
}

@keyframes line3 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes line2 {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes line2 {
    0% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(1.1)
    }
}

@keyframes line2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes line4 {
    0% {
        -webkit-transform: scale(0.1)
    }
    100% {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes line4 {
    0% {
        -moz-transform: scale(0.1)
    }
    100% {
        -moz-transform: scale(1.1)
    }
}

@keyframes line4 {
    0% {
        -webkit-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        -o-transform: scale(0.1);
        transform: scale(0.1)
    }
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes logo_fade {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    70% {
        -webkit-transform: scale(1.1);
        opacity: 1
    }
    75%,
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes logo_fade {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }
    70% {
        -moz-transform: scale(1.1);
        opacity: 1
    }
    75%,
    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes logo_fade {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    70% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    75%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0) rotate(0deg)
    }
    70% {
        -webkit-transform: scale(1.2) rotate(225deg)
    }
    75%,
    100% {
        -webkit-transform: scale(1) rotate(225deg)
    }
}

@-moz-keyframes scale {
    0% {
        -moz-transform: scale(0) rotate(0deg)
    }
    70% {
        -moz-transform: scale(1.2) rotate(225deg)
    }
    75%,
    100% {
        -moz-transform: scale(1) rotate(225deg)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0) rotate(0deg);
        -moz-transform: scale(0) rotate(0deg);
        -ms-transform: scale(0) rotate(0deg);
        -o-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg)
    }
    70% {
        -webkit-transform: scale(1.2) rotate(225deg);
        -moz-transform: scale(1.2) rotate(225deg);
        -ms-transform: scale(1.2) rotate(225deg);
        -o-transform: scale(1.2) rotate(225deg);
        transform: scale(1.2) rotate(225deg)
    }
    75%,
    100% {
        -webkit-transform: scale(1) rotate(225deg);
        -moz-transform: scale(1) rotate(225deg);
        -ms-transform: scale(1) rotate(225deg);
        -o-transform: scale(1) rotate(225deg);
        transform: scale(1) rotate(225deg)
    }
}

@-webkit-keyframes proc_anim {
    0%,
    50%,
    70% {
        -webkit-transform: scale(0.95)
    }
    60% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes proc_anim {
    0%,
    50%,
    70% {
        -moz-transform: scale(0.95)
    }
    60% {
        -moz-transform: scale(1.1)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@keyframes proc_anim {
    0%,
    50%,
    70% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95)
    }
    60% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bars {
    from {
        -webkit-transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(65px, 65px)
    }
}

@-moz-keyframes bars {
    from {
        -moz-transform: translate(0, 0)
    }
    to {
        -moz-transform: translate(65px, 65px)
    }
}

@keyframes bars {
    from {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(65px, 65px);
        -moz-transform: translate(65px, 65px);
        -ms-transform: translate(65px, 65px);
        -o-transform: translate(65px, 65px);
        transform: translate(65px, 65px)
    }
}

@-webkit-keyframes bars1 {
    from {
        -webkit-transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(65px, -65px)
    }
}

@-moz-keyframes bars1 {
    from {
        -moz-transform: translate(0, 0)
    }
    to {
        -moz-transform: translate(65px, -65px)
    }
}

@keyframes bars1 {
    from {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(65px, -65px);
        -moz-transform: translate(65px, -65px);
        -ms-transform: translate(65px, -65px);
        -o-transform: translate(65px, -65px);
        transform: translate(65px, -65px)
    }
}

@-webkit-keyframes bars2 {
    from {
        -webkit-transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(-65px, 65px)
    }
}

@-moz-keyframes bars2 {
    from {
        -moz-transform: translate(0, 0)
    }
    to {
        -moz-transform: translate(-65px, 65px)
    }
}

@keyframes bars2 {
    from {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(-65px, 65px);
        -moz-transform: translate(-65px, 65px);
        -ms-transform: translate(-65px, 65px);
        -o-transform: translate(-65px, 65px);
        transform: translate(-65px, 65px)
    }
}

@-webkit-keyframes bars3 {
    from {
        -webkit-transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(-65px, -65px)
    }
}

@-moz-keyframes bars3 {
    from {
        -moz-transform: translate(0, 0)
    }
    to {
        -moz-transform: translate(-65px, -65px)
    }
}

@keyframes bars3 {
    from {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(-65px, -65px);
        -moz-transform: translate(-65px, -65px);
        -ms-transform: translate(-65px, -65px);
        -o-transform: translate(-65px, -65px);
        transform: translate(-65px, -65px)
    }
}

@-webkit-keyframes cicuit_circle {
    0% {
        opacity: 1
    }
    50%,
    100% {
        -webkit-transform: scale(40);
        opacity: 0
    }
}

@-moz-keyframes cicuit_circle {
    0% {
        opacity: 1
    }
    50%,
    100% {
        -moz-transform: scale(40);
        opacity: 0
    }
}

@keyframes cicuit_circle {
    0% {
        opacity: 1
    }
    50%,
    100% {
        -webkit-transform: scale(40);
        -moz-transform: scale(40);
        -ms-transform: scale(40);
        -o-transform: scale(40);
        transform: scale(40);
        opacity: 0
    }
}

@-webkit-keyframes circle_gear {
    0%,
    30% {
        fill: #C6C6C6;
        -webkit-transform: scale(1)
    }
    10% {
        fill: #fbb315;
        -webkit-transform: scale(1.2)
    }
    70%,
    100% {
        fill: white;
        opacity: 1;
        -webkit-transform: scale(3)
    }
    80% {
        fill: white;
        opacity: 0.9
    }
}

@-moz-keyframes circle_gear {
    0%,
    30% {
        fill: #C6C6C6;
        -moz-transform: scale(1)
    }
    10% {
        fill: #fbb315;
        -moz-transform: scale(1.2)
    }
    70%,
    100% {
        fill: white;
        opacity: 1;
        -moz-transform: scale(3)
    }
    80% {
        fill: white;
        opacity: 0.9
    }
}

@keyframes circle_gear {
    0%,
    30% {
        fill: #C6C6C6;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    10% {
        fill: #fbb315;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    70%,
    100% {
        fill: white;
        opacity: 1;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3)
    }
    80% {
        fill: white;
        opacity: 0.9
    }
}

@-webkit-keyframes fade_logo {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8)
    }
    50%,
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@-moz-keyframes fade_logo {
    0% {
        opacity: 0;
        -moz-transform: scale(0.8)
    }
    50%,
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@keyframes fade_logo {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
    50%,
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@-webkit-keyframes rotating {
    0%,
    20% {
        -webkit-transform: rotate(0deg)
    }
    40% {
        -webkit-transform: rotate(225deg)
    }
    80%,
    100% {
        -webkit-transform: scale(1.15) rotate(225deg)
    }
}

@-moz-keyframes rotating {
    0%,
    20% {
        -moz-transform: rotate(0deg)
    }
    40% {
        -moz-transform: rotate(225deg)
    }
    80%,
    100% {
        -moz-transform: scale(1.15) rotate(225deg)
    }
}

@keyframes rotating {
    0%,
    20% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    40% {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg)
    }
    80%,
    100% {
        -webkit-transform: scale(1.15) rotate(225deg);
        -moz-transform: scale(1.15) rotate(225deg);
        -ms-transform: scale(1.15) rotate(225deg);
        -o-transform: scale(1.15) rotate(225deg);
        transform: scale(1.15) rotate(225deg)
    }
}

@-webkit-keyframes rotating2 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotating2 {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotating2 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes active_door_left {
    0% {
        -webkit-transform: translate(0, 0)
    }
    70% {
        -webkit-transform: translate(-260px, 0)
    }
    100% {
        -webkit-transform: translate(-250px, 0)
    }
}

@-moz-keyframes active_door_left {
    0% {
        -moz-transform: translate(0, 0)
    }
    70% {
        -moz-transform: translate(-260px, 0)
    }
    100% {
        -moz-transform: translate(-250px, 0)
    }
}

@keyframes active_door_left {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    70% {
        -webkit-transform: translate(-260px, 0);
        -moz-transform: translate(-260px, 0);
        -ms-transform: translate(-260px, 0);
        -o-transform: translate(-260px, 0);
        transform: translate(-260px, 0)
    }
    100% {
        -webkit-transform: translate(-250px, 0);
        -moz-transform: translate(-250px, 0);
        -ms-transform: translate(-250px, 0);
        -o-transform: translate(-250px, 0);
        transform: translate(-250px, 0)
    }
}

@-webkit-keyframes active_door_right {
    0% {
        -webkit-transform: translate(0, 0)
    }
    70% {
        -webkit-transform: translate(260px, 0)
    }
    100% {
        -webkit-transform: translate(250px, 0)
    }
}

@-moz-keyframes active_door_right {
    0% {
        -moz-transform: translate(0, 0)
    }
    70% {
        -moz-transform: translate(260px, 0)
    }
    100% {
        -moz-transform: translate(250px, 0)
    }
}

@keyframes active_door_right {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    70% {
        -webkit-transform: translate(260px, 0);
        -moz-transform: translate(260px, 0);
        -ms-transform: translate(260px, 0);
        -o-transform: translate(260px, 0);
        transform: translate(260px, 0)
    }
    100% {
        -webkit-transform: translate(250px, 0);
        -moz-transform: translate(250px, 0);
        -ms-transform: translate(250px, 0);
        -o-transform: translate(250px, 0);
        transform: translate(250px, 0)
    }
}

@-webkit-keyframes blink_text {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-moz-keyframes blink_text {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes blink_text {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-webkit-keyframes rotate_circles {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate_circles {
    0% {
        -moz-transform: rotate(0deg)
    }
    50% {
        -moz-transform: rotate(180deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotate_circles {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes authorized_circles {
    0%,
    50%,
    100% {
        -webkit-transform: scale(1)
    }
    25%,
    75% {
        -webkit-transform: scale(0.6)
    }
}

@-moz-keyframes authorized_circles {
    0%,
    50%,
    100% {
        -moz-transform: scale(1)
    }
    25%,
    75% {
        -moz-transform: scale(0.6)
    }
}

@keyframes authorized_circles {
    0%,
    50%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    25%,
    75% {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6)
    }
}

@-webkit-keyframes authorized_text2 {
    0% {
        -webkit-transform: translate(-200px, 0)
    }
    60% {
        -webkit-transform: translate(20px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0)
    }
}

@-moz-keyframes authorized_text2 {
    0% {
        -moz-transform: translate(-200px, 0)
    }
    60% {
        -moz-transform: translate(20px, 0)
    }
    100% {
        -moz-transform: translate(0, 0)
    }
}

@keyframes authorized_text2 {
    0% {
        -webkit-transform: translate(-200px, 0);
        -moz-transform: translate(-200px, 0);
        -ms-transform: translate(-200px, 0);
        -o-transform: translate(-200px, 0);
        transform: translate(-200px, 0)
    }
    60% {
        -webkit-transform: translate(20px, 0);
        -moz-transform: translate(20px, 0);
        -ms-transform: translate(20px, 0);
        -o-transform: translate(20px, 0);
        transform: translate(20px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes block_anim {
    10%,
    100% {
        -webkit-transform: translateX(0%)
    }
    50%,
    70% {
        -webkit-transform: translateX(130%)
    }
}

@-moz-keyframes block_anim {
    10%,
    100% {
        -moz-transform: translateX(0%)
    }
    50%,
    70% {
        -moz-transform: translateX(130%)
    }
}

@keyframes block_anim {
    10%,
    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }
    50%,
    70% {
        -webkit-transform: translateX(130%);
        -moz-transform: translateX(130%);
        -ms-transform: translateX(130%);
        -o-transform: translateX(130%);
        transform: translateX(130%)
    }
}

@-webkit-keyframes robot_anim {
    0%,
    100% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        -webkit-transform: translateY(300%)
    }
}

@-moz-keyframes robot_anim {
    0%,
    100% {
        -moz-transform: translateY(-100%)
    }
    50% {
        -moz-transform: translateY(300%)
    }
}

@keyframes robot_anim {
    0%,
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    50% {
        -webkit-transform: translateY(300%);
        -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
        -o-transform: translateY(300%);
        transform: translateY(300%)
    }
}

@-webkit-keyframes loader_blink {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-moz-keyframes loader_blink {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes loader_blink {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.matrix {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    white-space: nowrap;
    text-align: center
}

.matrix-yellow {
    color: #fbbb2e;
    font-size: 10px;
    line-height: 15px
}

@media only screen and (min-width:40.063em) {
    .matrix-yellow {
        font-size: 20px;
        line-height: 30px;
    }
}

.matrix-yellow li {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.matrix-yellow li:before {
    display: block;
    width: 10px
}

@media only screen and (min-width:40.063em) {
    .matrix-yellow li:before {
        width: 15px;
    }
}

.matrix-yellow li:after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.matrix-yellow li:nth-child(1):before {
    content: "0 0 1 0 0 0 0 0 0 1 0 1 0 1 1 1 1 1 1 1 0 1 0 0 0 1 1 1 0 1 0 1 0 0"
}

.matrix-yellow li:nth-child(1):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 510px, #fbb315 510px, #fbb315 1020px) 0 360px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 510px, #fbb315 510px, #fbb315 1020px) 0 360px repeat;
    color: #fbb315;
    content: "1";
    padding-top: 870px;
    -webkit-animation: 2720ms column-1 infinite steps(1, start);
    -moz-animation: 2720ms column-1 infinite steps(1, start);
    animation: 2720ms column-1 infinite steps(1, start)
}

@-webkit-keyframes column-1 {
    0% {
        background-position: 0 360px;
        padding-top: 870px
    }
    2.9411764706% {
        background-position: 0 390px;
        padding-top: 900px
    }
    5.8823529412% {
        background-position: 0 420px;
        padding-top: 930px
    }
    8.8235294118% {
        background-position: 0 450px;
        padding-top: 960px
    }
    11.7647058824% {
        background-position: 0 480px;
        padding-top: 990px
    }
    14.7058823529% {
        background-position: 0 -510px;
        padding-top: 0px
    }
    17.6470588235% {
        background-position: 0 -480px;
        padding-top: 30px
    }
    20.5882352941% {
        background-position: 0 -450px;
        padding-top: 60px
    }
    23.5294117647% {
        background-position: 0 -420px;
        padding-top: 90px
    }
    26.4705882353% {
        background-position: 0 -390px;
        padding-top: 120px
    }
    29.4117647059% {
        background-position: 0 -360px;
        padding-top: 150px
    }
    32.3529411765% {
        background-position: 0 -330px;
        padding-top: 180px
    }
    35.2941176471% {
        background-position: 0 -300px;
        padding-top: 210px
    }
    38.2352941176% {
        background-position: 0 -270px;
        padding-top: 240px
    }
    41.1764705882% {
        background-position: 0 -240px;
        padding-top: 270px
    }
    44.1176470588% {
        background-position: 0 -210px;
        padding-top: 300px
    }
    47.0588235294% {
        background-position: 0 -180px;
        padding-top: 330px
    }
    50% {
        background-position: 0 -150px;
        padding-top: 360px
    }
    52.9411764706% {
        background-position: 0 -120px;
        padding-top: 390px
    }
    55.8823529412% {
        background-position: 0 -90px;
        padding-top: 420px
    }
    58.8235294118% {
        background-position: 0 -60px;
        padding-top: 450px
    }
    61.7647058824% {
        background-position: 0 -30px;
        padding-top: 480px
    }
    64.7058823529% {
        background-position: 0 0px;
        padding-top: 510px
    }
    67.6470588235% {
        background-position: 0 30px;
        padding-top: 540px
    }
    70.5882352941% {
        background-position: 0 60px;
        padding-top: 570px
    }
    73.5294117647% {
        background-position: 0 90px;
        padding-top: 600px
    }
    76.4705882353% {
        background-position: 0 120px;
        padding-top: 630px
    }
    79.4117647059% {
        background-position: 0 150px;
        padding-top: 660px
    }
    82.3529411765% {
        background-position: 0 180px;
        padding-top: 690px
    }
    85.2941176471% {
        background-position: 0 210px;
        padding-top: 720px
    }
    88.2352941176% {
        background-position: 0 240px;
        padding-top: 750px
    }
    91.1764705882% {
        background-position: 0 270px;
        padding-top: 780px
    }
    94.1176470588% {
        background-position: 0 300px;
        padding-top: 810px
    }
    97.0588235294% {
        background-position: 0 330px;
        padding-top: 840px
    }
}

@-moz-keyframes column-1 {
    0% {
        background-position: 0 360px;
        padding-top: 870px
    }
    2.9411764706% {
        background-position: 0 390px;
        padding-top: 900px
    }
    5.8823529412% {
        background-position: 0 420px;
        padding-top: 930px
    }
    8.8235294118% {
        background-position: 0 450px;
        padding-top: 960px
    }
    11.7647058824% {
        background-position: 0 480px;
        padding-top: 990px
    }
    14.7058823529% {
        background-position: 0 -510px;
        padding-top: 0px
    }
    17.6470588235% {
        background-position: 0 -480px;
        padding-top: 30px
    }
    20.5882352941% {
        background-position: 0 -450px;
        padding-top: 60px
    }
    23.5294117647% {
        background-position: 0 -420px;
        padding-top: 90px
    }
    26.4705882353% {
        background-position: 0 -390px;
        padding-top: 120px
    }
    29.4117647059% {
        background-position: 0 -360px;
        padding-top: 150px
    }
    32.3529411765% {
        background-position: 0 -330px;
        padding-top: 180px
    }
    35.2941176471% {
        background-position: 0 -300px;
        padding-top: 210px
    }
    38.2352941176% {
        background-position: 0 -270px;
        padding-top: 240px
    }
    41.1764705882% {
        background-position: 0 -240px;
        padding-top: 270px
    }
    44.1176470588% {
        background-position: 0 -210px;
        padding-top: 300px
    }
    47.0588235294% {
        background-position: 0 -180px;
        padding-top: 330px
    }
    50% {
        background-position: 0 -150px;
        padding-top: 360px
    }
    52.9411764706% {
        background-position: 0 -120px;
        padding-top: 390px
    }
    55.8823529412% {
        background-position: 0 -90px;
        padding-top: 420px
    }
    58.8235294118% {
        background-position: 0 -60px;
        padding-top: 450px
    }
    61.7647058824% {
        background-position: 0 -30px;
        padding-top: 480px
    }
    64.7058823529% {
        background-position: 0 0px;
        padding-top: 510px
    }
    67.6470588235% {
        background-position: 0 30px;
        padding-top: 540px
    }
    70.5882352941% {
        background-position: 0 60px;
        padding-top: 570px
    }
    73.5294117647% {
        background-position: 0 90px;
        padding-top: 600px
    }
    76.4705882353% {
        background-position: 0 120px;
        padding-top: 630px
    }
    79.4117647059% {
        background-position: 0 150px;
        padding-top: 660px
    }
    82.3529411765% {
        background-position: 0 180px;
        padding-top: 690px
    }
    85.2941176471% {
        background-position: 0 210px;
        padding-top: 720px
    }
    88.2352941176% {
        background-position: 0 240px;
        padding-top: 750px
    }
    91.1764705882% {
        background-position: 0 270px;
        padding-top: 780px
    }
    94.1176470588% {
        background-position: 0 300px;
        padding-top: 810px
    }
    97.0588235294% {
        background-position: 0 330px;
        padding-top: 840px
    }
}

@keyframes column-1 {
    0% {
        background-position: 0 360px;
        padding-top: 870px
    }
    2.9411764706% {
        background-position: 0 390px;
        padding-top: 900px
    }
    5.8823529412% {
        background-position: 0 420px;
        padding-top: 930px
    }
    8.8235294118% {
        background-position: 0 450px;
        padding-top: 960px
    }
    11.7647058824% {
        background-position: 0 480px;
        padding-top: 990px
    }
    14.7058823529% {
        background-position: 0 -510px;
        padding-top: 0px
    }
    17.6470588235% {
        background-position: 0 -480px;
        padding-top: 30px
    }
    20.5882352941% {
        background-position: 0 -450px;
        padding-top: 60px
    }
    23.5294117647% {
        background-position: 0 -420px;
        padding-top: 90px
    }
    26.4705882353% {
        background-position: 0 -390px;
        padding-top: 120px
    }
    29.4117647059% {
        background-position: 0 -360px;
        padding-top: 150px
    }
    32.3529411765% {
        background-position: 0 -330px;
        padding-top: 180px
    }
    35.2941176471% {
        background-position: 0 -300px;
        padding-top: 210px
    }
    38.2352941176% {
        background-position: 0 -270px;
        padding-top: 240px
    }
    41.1764705882% {
        background-position: 0 -240px;
        padding-top: 270px
    }
    44.1176470588% {
        background-position: 0 -210px;
        padding-top: 300px
    }
    47.0588235294% {
        background-position: 0 -180px;
        padding-top: 330px
    }
    50% {
        background-position: 0 -150px;
        padding-top: 360px
    }
    52.9411764706% {
        background-position: 0 -120px;
        padding-top: 390px
    }
    55.8823529412% {
        background-position: 0 -90px;
        padding-top: 420px
    }
    58.8235294118% {
        background-position: 0 -60px;
        padding-top: 450px
    }
    61.7647058824% {
        background-position: 0 -30px;
        padding-top: 480px
    }
    64.7058823529% {
        background-position: 0 0px;
        padding-top: 510px
    }
    67.6470588235% {
        background-position: 0 30px;
        padding-top: 540px
    }
    70.5882352941% {
        background-position: 0 60px;
        padding-top: 570px
    }
    73.5294117647% {
        background-position: 0 90px;
        padding-top: 600px
    }
    76.4705882353% {
        background-position: 0 120px;
        padding-top: 630px
    }
    79.4117647059% {
        background-position: 0 150px;
        padding-top: 660px
    }
    82.3529411765% {
        background-position: 0 180px;
        padding-top: 690px
    }
    85.2941176471% {
        background-position: 0 210px;
        padding-top: 720px
    }
    88.2352941176% {
        background-position: 0 240px;
        padding-top: 750px
    }
    91.1764705882% {
        background-position: 0 270px;
        padding-top: 780px
    }
    94.1176470588% {
        background-position: 0 300px;
        padding-top: 810px
    }
    97.0588235294% {
        background-position: 0 330px;
        padding-top: 840px
    }
}

.matrix-yellow li:nth-child(2):before {
    content: "1 1 1 1 0 0 1 0 1 0 1 0 1 0 1 0 0 1 0 1 0 0 0 0 0 0 0 0 0 1 0 0 0 0"
}

.matrix-yellow li:nth-child(2):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 690px, #fbb315 690px, #fbb315 1020px) 0 90px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 690px, #fbb315 690px, #fbb315 1020px) 0 90px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 780px;
    -webkit-animation: 2720ms column-2 infinite steps(1, start);
    -moz-animation: 2720ms column-2 infinite steps(1, start);
    animation: 2720ms column-2 infinite steps(1, start)
}

@-webkit-keyframes column-2 {
    0% {
        background-position: 0 90px;
        padding-top: 780px
    }
    2.9411764706% {
        background-position: 0 120px;
        padding-top: 810px
    }
    5.8823529412% {
        background-position: 0 150px;
        padding-top: 840px
    }
    8.8235294118% {
        background-position: 0 180px;
        padding-top: 870px
    }
    11.7647058824% {
        background-position: 0 210px;
        padding-top: 900px
    }
    14.7058823529% {
        background-position: 0 240px;
        padding-top: 930px
    }
    17.6470588235% {
        background-position: 0 270px;
        padding-top: 960px
    }
    20.5882352941% {
        background-position: 0 300px;
        padding-top: 990px
    }
    23.5294117647% {
        background-position: 0 -690px;
        padding-top: 0px
    }
    26.4705882353% {
        background-position: 0 -660px;
        padding-top: 30px
    }
    29.4117647059% {
        background-position: 0 -630px;
        padding-top: 60px
    }
    32.3529411765% {
        background-position: 0 -600px;
        padding-top: 90px
    }
    35.2941176471% {
        background-position: 0 -570px;
        padding-top: 120px
    }
    38.2352941176% {
        background-position: 0 -540px;
        padding-top: 150px
    }
    41.1764705882% {
        background-position: 0 -510px;
        padding-top: 180px
    }
    44.1176470588% {
        background-position: 0 -480px;
        padding-top: 210px
    }
    47.0588235294% {
        background-position: 0 -450px;
        padding-top: 240px
    }
    50% {
        background-position: 0 -420px;
        padding-top: 270px
    }
    52.9411764706% {
        background-position: 0 -390px;
        padding-top: 300px
    }
    55.8823529412% {
        background-position: 0 -360px;
        padding-top: 330px
    }
    58.8235294118% {
        background-position: 0 -330px;
        padding-top: 360px
    }
    61.7647058824% {
        background-position: 0 -300px;
        padding-top: 390px
    }
    64.7058823529% {
        background-position: 0 -270px;
        padding-top: 420px
    }
    67.6470588235% {
        background-position: 0 -240px;
        padding-top: 450px
    }
    70.5882352941% {
        background-position: 0 -210px;
        padding-top: 480px
    }
    73.5294117647% {
        background-position: 0 -180px;
        padding-top: 510px
    }
    76.4705882353% {
        background-position: 0 -150px;
        padding-top: 540px
    }
    79.4117647059% {
        background-position: 0 -120px;
        padding-top: 570px
    }
    82.3529411765% {
        background-position: 0 -90px;
        padding-top: 600px
    }
    85.2941176471% {
        background-position: 0 -60px;
        padding-top: 630px
    }
    88.2352941176% {
        background-position: 0 -30px;
        padding-top: 660px
    }
    91.1764705882% {
        background-position: 0 0px;
        padding-top: 690px
    }
    94.1176470588% {
        background-position: 0 30px;
        padding-top: 720px
    }
    97.0588235294% {
        background-position: 0 60px;
        padding-top: 750px
    }
}

@-moz-keyframes column-2 {
    0% {
        background-position: 0 90px;
        padding-top: 780px
    }
    2.9411764706% {
        background-position: 0 120px;
        padding-top: 810px
    }
    5.8823529412% {
        background-position: 0 150px;
        padding-top: 840px
    }
    8.8235294118% {
        background-position: 0 180px;
        padding-top: 870px
    }
    11.7647058824% {
        background-position: 0 210px;
        padding-top: 900px
    }
    14.7058823529% {
        background-position: 0 240px;
        padding-top: 930px
    }
    17.6470588235% {
        background-position: 0 270px;
        padding-top: 960px
    }
    20.5882352941% {
        background-position: 0 300px;
        padding-top: 990px
    }
    23.5294117647% {
        background-position: 0 -690px;
        padding-top: 0px
    }
    26.4705882353% {
        background-position: 0 -660px;
        padding-top: 30px
    }
    29.4117647059% {
        background-position: 0 -630px;
        padding-top: 60px
    }
    32.3529411765% {
        background-position: 0 -600px;
        padding-top: 90px
    }
    35.2941176471% {
        background-position: 0 -570px;
        padding-top: 120px
    }
    38.2352941176% {
        background-position: 0 -540px;
        padding-top: 150px
    }
    41.1764705882% {
        background-position: 0 -510px;
        padding-top: 180px
    }
    44.1176470588% {
        background-position: 0 -480px;
        padding-top: 210px
    }
    47.0588235294% {
        background-position: 0 -450px;
        padding-top: 240px
    }
    50% {
        background-position: 0 -420px;
        padding-top: 270px
    }
    52.9411764706% {
        background-position: 0 -390px;
        padding-top: 300px
    }
    55.8823529412% {
        background-position: 0 -360px;
        padding-top: 330px
    }
    58.8235294118% {
        background-position: 0 -330px;
        padding-top: 360px
    }
    61.7647058824% {
        background-position: 0 -300px;
        padding-top: 390px
    }
    64.7058823529% {
        background-position: 0 -270px;
        padding-top: 420px
    }
    67.6470588235% {
        background-position: 0 -240px;
        padding-top: 450px
    }
    70.5882352941% {
        background-position: 0 -210px;
        padding-top: 480px
    }
    73.5294117647% {
        background-position: 0 -180px;
        padding-top: 510px
    }
    76.4705882353% {
        background-position: 0 -150px;
        padding-top: 540px
    }
    79.4117647059% {
        background-position: 0 -120px;
        padding-top: 570px
    }
    82.3529411765% {
        background-position: 0 -90px;
        padding-top: 600px
    }
    85.2941176471% {
        background-position: 0 -60px;
        padding-top: 630px
    }
    88.2352941176% {
        background-position: 0 -30px;
        padding-top: 660px
    }
    91.1764705882% {
        background-position: 0 0px;
        padding-top: 690px
    }
    94.1176470588% {
        background-position: 0 30px;
        padding-top: 720px
    }
    97.0588235294% {
        background-position: 0 60px;
        padding-top: 750px
    }
}

@keyframes column-2 {
    0% {
        background-position: 0 90px;
        padding-top: 780px
    }
    2.9411764706% {
        background-position: 0 120px;
        padding-top: 810px
    }
    5.8823529412% {
        background-position: 0 150px;
        padding-top: 840px
    }
    8.8235294118% {
        background-position: 0 180px;
        padding-top: 870px
    }
    11.7647058824% {
        background-position: 0 210px;
        padding-top: 900px
    }
    14.7058823529% {
        background-position: 0 240px;
        padding-top: 930px
    }
    17.6470588235% {
        background-position: 0 270px;
        padding-top: 960px
    }
    20.5882352941% {
        background-position: 0 300px;
        padding-top: 990px
    }
    23.5294117647% {
        background-position: 0 -690px;
        padding-top: 0px
    }
    26.4705882353% {
        background-position: 0 -660px;
        padding-top: 30px
    }
    29.4117647059% {
        background-position: 0 -630px;
        padding-top: 60px
    }
    32.3529411765% {
        background-position: 0 -600px;
        padding-top: 90px
    }
    35.2941176471% {
        background-position: 0 -570px;
        padding-top: 120px
    }
    38.2352941176% {
        background-position: 0 -540px;
        padding-top: 150px
    }
    41.1764705882% {
        background-position: 0 -510px;
        padding-top: 180px
    }
    44.1176470588% {
        background-position: 0 -480px;
        padding-top: 210px
    }
    47.0588235294% {
        background-position: 0 -450px;
        padding-top: 240px
    }
    50% {
        background-position: 0 -420px;
        padding-top: 270px
    }
    52.9411764706% {
        background-position: 0 -390px;
        padding-top: 300px
    }
    55.8823529412% {
        background-position: 0 -360px;
        padding-top: 330px
    }
    58.8235294118% {
        background-position: 0 -330px;
        padding-top: 360px
    }
    61.7647058824% {
        background-position: 0 -300px;
        padding-top: 390px
    }
    64.7058823529% {
        background-position: 0 -270px;
        padding-top: 420px
    }
    67.6470588235% {
        background-position: 0 -240px;
        padding-top: 450px
    }
    70.5882352941% {
        background-position: 0 -210px;
        padding-top: 480px
    }
    73.5294117647% {
        background-position: 0 -180px;
        padding-top: 510px
    }
    76.4705882353% {
        background-position: 0 -150px;
        padding-top: 540px
    }
    79.4117647059% {
        background-position: 0 -120px;
        padding-top: 570px
    }
    82.3529411765% {
        background-position: 0 -90px;
        padding-top: 600px
    }
    85.2941176471% {
        background-position: 0 -60px;
        padding-top: 630px
    }
    88.2352941176% {
        background-position: 0 -30px;
        padding-top: 660px
    }
    91.1764705882% {
        background-position: 0 0px;
        padding-top: 690px
    }
    94.1176470588% {
        background-position: 0 30px;
        padding-top: 720px
    }
    97.0588235294% {
        background-position: 0 60px;
        padding-top: 750px
    }
}

.matrix-yellow li:nth-child(3):before {
    content: "0 0 0 0 0 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 1 1 0 0 0 0"
}

.matrix-yellow li:nth-child(3):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 360px, #fbb315 360px, #fbb315 1020px) 0 630px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 360px, #fbb315 360px, #fbb315 1020px) 0 630px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 990px;
    -webkit-animation: 2720ms column-3 infinite steps(1, start);
    -moz-animation: 2720ms column-3 infinite steps(1, start);
    animation: 2720ms column-3 infinite steps(1, start)
}

@-webkit-keyframes column-3 {
    0% {
        background-position: 0 630px;
        padding-top: 990px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 0px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 30px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 60px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 90px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 120px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 150px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 180px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 210px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 240px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 270px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 300px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 330px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 360px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 390px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 420px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 450px
    }
    50% {
        background-position: 0 120px;
        padding-top: 480px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 510px
    }
    55.8823529412% {
        background-position: 0 180px;
        padding-top: 540px
    }
    58.8235294118% {
        background-position: 0 210px;
        padding-top: 570px
    }
    61.7647058824% {
        background-position: 0 240px;
        padding-top: 600px
    }
    64.7058823529% {
        background-position: 0 270px;
        padding-top: 630px
    }
    67.6470588235% {
        background-position: 0 300px;
        padding-top: 660px
    }
    70.5882352941% {
        background-position: 0 330px;
        padding-top: 690px
    }
    73.5294117647% {
        background-position: 0 360px;
        padding-top: 720px
    }
    76.4705882353% {
        background-position: 0 390px;
        padding-top: 750px
    }
    79.4117647059% {
        background-position: 0 420px;
        padding-top: 780px
    }
    82.3529411765% {
        background-position: 0 450px;
        padding-top: 810px
    }
    85.2941176471% {
        background-position: 0 480px;
        padding-top: 840px
    }
    88.2352941176% {
        background-position: 0 510px;
        padding-top: 870px
    }
    91.1764705882% {
        background-position: 0 540px;
        padding-top: 900px
    }
    94.1176470588% {
        background-position: 0 570px;
        padding-top: 930px
    }
    97.0588235294% {
        background-position: 0 600px;
        padding-top: 960px
    }
}

@-moz-keyframes column-3 {
    0% {
        background-position: 0 630px;
        padding-top: 990px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 0px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 30px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 60px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 90px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 120px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 150px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 180px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 210px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 240px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 270px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 300px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 330px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 360px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 390px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 420px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 450px
    }
    50% {
        background-position: 0 120px;
        padding-top: 480px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 510px
    }
    55.8823529412% {
        background-position: 0 180px;
        padding-top: 540px
    }
    58.8235294118% {
        background-position: 0 210px;
        padding-top: 570px
    }
    61.7647058824% {
        background-position: 0 240px;
        padding-top: 600px
    }
    64.7058823529% {
        background-position: 0 270px;
        padding-top: 630px
    }
    67.6470588235% {
        background-position: 0 300px;
        padding-top: 660px
    }
    70.5882352941% {
        background-position: 0 330px;
        padding-top: 690px
    }
    73.5294117647% {
        background-position: 0 360px;
        padding-top: 720px
    }
    76.4705882353% {
        background-position: 0 390px;
        padding-top: 750px
    }
    79.4117647059% {
        background-position: 0 420px;
        padding-top: 780px
    }
    82.3529411765% {
        background-position: 0 450px;
        padding-top: 810px
    }
    85.2941176471% {
        background-position: 0 480px;
        padding-top: 840px
    }
    88.2352941176% {
        background-position: 0 510px;
        padding-top: 870px
    }
    91.1764705882% {
        background-position: 0 540px;
        padding-top: 900px
    }
    94.1176470588% {
        background-position: 0 570px;
        padding-top: 930px
    }
    97.0588235294% {
        background-position: 0 600px;
        padding-top: 960px
    }
}

@keyframes column-3 {
    0% {
        background-position: 0 630px;
        padding-top: 990px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 0px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 30px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 60px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 90px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 120px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 150px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 180px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 210px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 240px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 270px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 300px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 330px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 360px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 390px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 420px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 450px
    }
    50% {
        background-position: 0 120px;
        padding-top: 480px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 510px
    }
    55.8823529412% {
        background-position: 0 180px;
        padding-top: 540px
    }
    58.8235294118% {
        background-position: 0 210px;
        padding-top: 570px
    }
    61.7647058824% {
        background-position: 0 240px;
        padding-top: 600px
    }
    64.7058823529% {
        background-position: 0 270px;
        padding-top: 630px
    }
    67.6470588235% {
        background-position: 0 300px;
        padding-top: 660px
    }
    70.5882352941% {
        background-position: 0 330px;
        padding-top: 690px
    }
    73.5294117647% {
        background-position: 0 360px;
        padding-top: 720px
    }
    76.4705882353% {
        background-position: 0 390px;
        padding-top: 750px
    }
    79.4117647059% {
        background-position: 0 420px;
        padding-top: 780px
    }
    82.3529411765% {
        background-position: 0 450px;
        padding-top: 810px
    }
    85.2941176471% {
        background-position: 0 480px;
        padding-top: 840px
    }
    88.2352941176% {
        background-position: 0 510px;
        padding-top: 870px
    }
    91.1764705882% {
        background-position: 0 540px;
        padding-top: 900px
    }
    94.1176470588% {
        background-position: 0 570px;
        padding-top: 930px
    }
    97.0588235294% {
        background-position: 0 600px;
        padding-top: 960px
    }
}

.matrix-yellow li:nth-child(4):before {
    content: "0 0 0 0 1 0 0 0 0 0 0 0 1 1 0 0 0 1 0 0 0 1 0 0 1 1 0 1 0 0 1 0 0 0"
}

.matrix-yellow li:nth-child(4):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 420px, #fbb315 420px, #fbb315 1020px) 0 450px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 420px, #fbb315 420px, #fbb315 1020px) 0 450px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 870px;
    -webkit-animation: 2720ms column-4 infinite steps(1, start);
    -moz-animation: 2720ms column-4 infinite steps(1, start);
    animation: 2720ms column-4 infinite steps(1, start)
}

@-webkit-keyframes column-4 {
    0% {
        background-position: 0 450px;
        padding-top: 870px
    }
    2.9411764706% {
        background-position: 0 480px;
        padding-top: 900px
    }
    5.8823529412% {
        background-position: 0 510px;
        padding-top: 930px
    }
    8.8235294118% {
        background-position: 0 540px;
        padding-top: 960px
    }
    11.7647058824% {
        background-position: 0 570px;
        padding-top: 990px
    }
    14.7058823529% {
        background-position: 0 -420px;
        padding-top: 0px
    }
    17.6470588235% {
        background-position: 0 -390px;
        padding-top: 30px
    }
    20.5882352941% {
        background-position: 0 -360px;
        padding-top: 60px
    }
    23.5294117647% {
        background-position: 0 -330px;
        padding-top: 90px
    }
    26.4705882353% {
        background-position: 0 -300px;
        padding-top: 120px
    }
    29.4117647059% {
        background-position: 0 -270px;
        padding-top: 150px
    }
    32.3529411765% {
        background-position: 0 -240px;
        padding-top: 180px
    }
    35.2941176471% {
        background-position: 0 -210px;
        padding-top: 210px
    }
    38.2352941176% {
        background-position: 0 -180px;
        padding-top: 240px
    }
    41.1764705882% {
        background-position: 0 -150px;
        padding-top: 270px
    }
    44.1176470588% {
        background-position: 0 -120px;
        padding-top: 300px
    }
    47.0588235294% {
        background-position: 0 -90px;
        padding-top: 330px
    }
    50% {
        background-position: 0 -60px;
        padding-top: 360px
    }
    52.9411764706% {
        background-position: 0 -30px;
        padding-top: 390px
    }
    55.8823529412% {
        background-position: 0 0px;
        padding-top: 420px
    }
    58.8235294118% {
        background-position: 0 30px;
        padding-top: 450px
    }
    61.7647058824% {
        background-position: 0 60px;
        padding-top: 480px
    }
    64.7058823529% {
        background-position: 0 90px;
        padding-top: 510px
    }
    67.6470588235% {
        background-position: 0 120px;
        padding-top: 540px
    }
    70.5882352941% {
        background-position: 0 150px;
        padding-top: 570px
    }
    73.5294117647% {
        background-position: 0 180px;
        padding-top: 600px
    }
    76.4705882353% {
        background-position: 0 210px;
        padding-top: 630px
    }
    79.4117647059% {
        background-position: 0 240px;
        padding-top: 660px
    }
    82.3529411765% {
        background-position: 0 270px;
        padding-top: 690px
    }
    85.2941176471% {
        background-position: 0 300px;
        padding-top: 720px
    }
    88.2352941176% {
        background-position: 0 330px;
        padding-top: 750px
    }
    91.1764705882% {
        background-position: 0 360px;
        padding-top: 780px
    }
    94.1176470588% {
        background-position: 0 390px;
        padding-top: 810px
    }
    97.0588235294% {
        background-position: 0 420px;
        padding-top: 840px
    }
}

@-moz-keyframes column-4 {
    0% {
        background-position: 0 450px;
        padding-top: 870px
    }
    2.9411764706% {
        background-position: 0 480px;
        padding-top: 900px
    }
    5.8823529412% {
        background-position: 0 510px;
        padding-top: 930px
    }
    8.8235294118% {
        background-position: 0 540px;
        padding-top: 960px
    }
    11.7647058824% {
        background-position: 0 570px;
        padding-top: 990px
    }
    14.7058823529% {
        background-position: 0 -420px;
        padding-top: 0px
    }
    17.6470588235% {
        background-position: 0 -390px;
        padding-top: 30px
    }
    20.5882352941% {
        background-position: 0 -360px;
        padding-top: 60px
    }
    23.5294117647% {
        background-position: 0 -330px;
        padding-top: 90px
    }
    26.4705882353% {
        background-position: 0 -300px;
        padding-top: 120px
    }
    29.4117647059% {
        background-position: 0 -270px;
        padding-top: 150px
    }
    32.3529411765% {
        background-position: 0 -240px;
        padding-top: 180px
    }
    35.2941176471% {
        background-position: 0 -210px;
        padding-top: 210px
    }
    38.2352941176% {
        background-position: 0 -180px;
        padding-top: 240px
    }
    41.1764705882% {
        background-position: 0 -150px;
        padding-top: 270px
    }
    44.1176470588% {
        background-position: 0 -120px;
        padding-top: 300px
    }
    47.0588235294% {
        background-position: 0 -90px;
        padding-top: 330px
    }
    50% {
        background-position: 0 -60px;
        padding-top: 360px
    }
    52.9411764706% {
        background-position: 0 -30px;
        padding-top: 390px
    }
    55.8823529412% {
        background-position: 0 0px;
        padding-top: 420px
    }
    58.8235294118% {
        background-position: 0 30px;
        padding-top: 450px
    }
    61.7647058824% {
        background-position: 0 60px;
        padding-top: 480px
    }
    64.7058823529% {
        background-position: 0 90px;
        padding-top: 510px
    }
    67.6470588235% {
        background-position: 0 120px;
        padding-top: 540px
    }
    70.5882352941% {
        background-position: 0 150px;
        padding-top: 570px
    }
    73.5294117647% {
        background-position: 0 180px;
        padding-top: 600px
    }
    76.4705882353% {
        background-position: 0 210px;
        padding-top: 630px
    }
    79.4117647059% {
        background-position: 0 240px;
        padding-top: 660px
    }
    82.3529411765% {
        background-position: 0 270px;
        padding-top: 690px
    }
    85.2941176471% {
        background-position: 0 300px;
        padding-top: 720px
    }
    88.2352941176% {
        background-position: 0 330px;
        padding-top: 750px
    }
    91.1764705882% {
        background-position: 0 360px;
        padding-top: 780px
    }
    94.1176470588% {
        background-position: 0 390px;
        padding-top: 810px
    }
    97.0588235294% {
        background-position: 0 420px;
        padding-top: 840px
    }
}

@keyframes column-4 {
    0% {
        background-position: 0 450px;
        padding-top: 870px
    }
    2.9411764706% {
        background-position: 0 480px;
        padding-top: 900px
    }
    5.8823529412% {
        background-position: 0 510px;
        padding-top: 930px
    }
    8.8235294118% {
        background-position: 0 540px;
        padding-top: 960px
    }
    11.7647058824% {
        background-position: 0 570px;
        padding-top: 990px
    }
    14.7058823529% {
        background-position: 0 -420px;
        padding-top: 0px
    }
    17.6470588235% {
        background-position: 0 -390px;
        padding-top: 30px
    }
    20.5882352941% {
        background-position: 0 -360px;
        padding-top: 60px
    }
    23.5294117647% {
        background-position: 0 -330px;
        padding-top: 90px
    }
    26.4705882353% {
        background-position: 0 -300px;
        padding-top: 120px
    }
    29.4117647059% {
        background-position: 0 -270px;
        padding-top: 150px
    }
    32.3529411765% {
        background-position: 0 -240px;
        padding-top: 180px
    }
    35.2941176471% {
        background-position: 0 -210px;
        padding-top: 210px
    }
    38.2352941176% {
        background-position: 0 -180px;
        padding-top: 240px
    }
    41.1764705882% {
        background-position: 0 -150px;
        padding-top: 270px
    }
    44.1176470588% {
        background-position: 0 -120px;
        padding-top: 300px
    }
    47.0588235294% {
        background-position: 0 -90px;
        padding-top: 330px
    }
    50% {
        background-position: 0 -60px;
        padding-top: 360px
    }
    52.9411764706% {
        background-position: 0 -30px;
        padding-top: 390px
    }
    55.8823529412% {
        background-position: 0 0px;
        padding-top: 420px
    }
    58.8235294118% {
        background-position: 0 30px;
        padding-top: 450px
    }
    61.7647058824% {
        background-position: 0 60px;
        padding-top: 480px
    }
    64.7058823529% {
        background-position: 0 90px;
        padding-top: 510px
    }
    67.6470588235% {
        background-position: 0 120px;
        padding-top: 540px
    }
    70.5882352941% {
        background-position: 0 150px;
        padding-top: 570px
    }
    73.5294117647% {
        background-position: 0 180px;
        padding-top: 600px
    }
    76.4705882353% {
        background-position: 0 210px;
        padding-top: 630px
    }
    79.4117647059% {
        background-position: 0 240px;
        padding-top: 660px
    }
    82.3529411765% {
        background-position: 0 270px;
        padding-top: 690px
    }
    85.2941176471% {
        background-position: 0 300px;
        padding-top: 720px
    }
    88.2352941176% {
        background-position: 0 330px;
        padding-top: 750px
    }
    91.1764705882% {
        background-position: 0 360px;
        padding-top: 780px
    }
    94.1176470588% {
        background-position: 0 390px;
        padding-top: 810px
    }
    97.0588235294% {
        background-position: 0 420px;
        padding-top: 840px
    }
}

.matrix-yellow li:nth-child(5):before {
    content: "0 0 0 1 1 1 0 0 1 0 1 0 1 0 0 0 0 0 0 0 1 0 0 0 0 1 0 1 1 1 1 0 1 0"
}

.matrix-yellow li:nth-child(5):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 600px, #fbb315 600px, #fbb315 1020px) 0 -360px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 600px, #fbb315 600px, #fbb315 1020px) 0 -360px repeat;
    color: #fbb315;
    content: "1";
    padding-top: 240px;
    -webkit-animation: 2720ms column-5 infinite steps(1, start);
    -moz-animation: 2720ms column-5 infinite steps(1, start);
    animation: 2720ms column-5 infinite steps(1, start)
}

@-webkit-keyframes column-5 {
    0% {
        background-position: 0 -360px;
        padding-top: 240px
    }
    2.9411764706% {
        background-position: 0 -330px;
        padding-top: 270px
    }
    5.8823529412% {
        background-position: 0 -300px;
        padding-top: 300px
    }
    8.8235294118% {
        background-position: 0 -270px;
        padding-top: 330px
    }
    11.7647058824% {
        background-position: 0 -240px;
        padding-top: 360px
    }
    14.7058823529% {
        background-position: 0 -210px;
        padding-top: 390px
    }
    17.6470588235% {
        background-position: 0 -180px;
        padding-top: 420px
    }
    20.5882352941% {
        background-position: 0 -150px;
        padding-top: 450px
    }
    23.5294117647% {
        background-position: 0 -120px;
        padding-top: 480px
    }
    26.4705882353% {
        background-position: 0 -90px;
        padding-top: 510px
    }
    29.4117647059% {
        background-position: 0 -60px;
        padding-top: 540px
    }
    32.3529411765% {
        background-position: 0 -30px;
        padding-top: 570px
    }
    35.2941176471% {
        background-position: 0 0px;
        padding-top: 600px
    }
    38.2352941176% {
        background-position: 0 30px;
        padding-top: 630px
    }
    41.1764705882% {
        background-position: 0 60px;
        padding-top: 660px
    }
    44.1176470588% {
        background-position: 0 90px;
        padding-top: 690px
    }
    47.0588235294% {
        background-position: 0 120px;
        padding-top: 720px
    }
    50% {
        background-position: 0 150px;
        padding-top: 750px
    }
    52.9411764706% {
        background-position: 0 180px;
        padding-top: 780px
    }
    55.8823529412% {
        background-position: 0 210px;
        padding-top: 810px
    }
    58.8235294118% {
        background-position: 0 240px;
        padding-top: 840px
    }
    61.7647058824% {
        background-position: 0 270px;
        padding-top: 870px
    }
    64.7058823529% {
        background-position: 0 300px;
        padding-top: 900px
    }
    67.6470588235% {
        background-position: 0 330px;
        padding-top: 930px
    }
    70.5882352941% {
        background-position: 0 360px;
        padding-top: 960px
    }
    73.5294117647% {
        background-position: 0 390px;
        padding-top: 990px
    }
    76.4705882353% {
        background-position: 0 -600px;
        padding-top: 0px
    }
    79.4117647059% {
        background-position: 0 -570px;
        padding-top: 30px
    }
    82.3529411765% {
        background-position: 0 -540px;
        padding-top: 60px
    }
    85.2941176471% {
        background-position: 0 -510px;
        padding-top: 90px
    }
    88.2352941176% {
        background-position: 0 -480px;
        padding-top: 120px
    }
    91.1764705882% {
        background-position: 0 -450px;
        padding-top: 150px
    }
    94.1176470588% {
        background-position: 0 -420px;
        padding-top: 180px
    }
    97.0588235294% {
        background-position: 0 -390px;
        padding-top: 210px
    }
}

@-moz-keyframes column-5 {
    0% {
        background-position: 0 -360px;
        padding-top: 240px
    }
    2.9411764706% {
        background-position: 0 -330px;
        padding-top: 270px
    }
    5.8823529412% {
        background-position: 0 -300px;
        padding-top: 300px
    }
    8.8235294118% {
        background-position: 0 -270px;
        padding-top: 330px
    }
    11.7647058824% {
        background-position: 0 -240px;
        padding-top: 360px
    }
    14.7058823529% {
        background-position: 0 -210px;
        padding-top: 390px
    }
    17.6470588235% {
        background-position: 0 -180px;
        padding-top: 420px
    }
    20.5882352941% {
        background-position: 0 -150px;
        padding-top: 450px
    }
    23.5294117647% {
        background-position: 0 -120px;
        padding-top: 480px
    }
    26.4705882353% {
        background-position: 0 -90px;
        padding-top: 510px
    }
    29.4117647059% {
        background-position: 0 -60px;
        padding-top: 540px
    }
    32.3529411765% {
        background-position: 0 -30px;
        padding-top: 570px
    }
    35.2941176471% {
        background-position: 0 0px;
        padding-top: 600px
    }
    38.2352941176% {
        background-position: 0 30px;
        padding-top: 630px
    }
    41.1764705882% {
        background-position: 0 60px;
        padding-top: 660px
    }
    44.1176470588% {
        background-position: 0 90px;
        padding-top: 690px
    }
    47.0588235294% {
        background-position: 0 120px;
        padding-top: 720px
    }
    50% {
        background-position: 0 150px;
        padding-top: 750px
    }
    52.9411764706% {
        background-position: 0 180px;
        padding-top: 780px
    }
    55.8823529412% {
        background-position: 0 210px;
        padding-top: 810px
    }
    58.8235294118% {
        background-position: 0 240px;
        padding-top: 840px
    }
    61.7647058824% {
        background-position: 0 270px;
        padding-top: 870px
    }
    64.7058823529% {
        background-position: 0 300px;
        padding-top: 900px
    }
    67.6470588235% {
        background-position: 0 330px;
        padding-top: 930px
    }
    70.5882352941% {
        background-position: 0 360px;
        padding-top: 960px
    }
    73.5294117647% {
        background-position: 0 390px;
        padding-top: 990px
    }
    76.4705882353% {
        background-position: 0 -600px;
        padding-top: 0px
    }
    79.4117647059% {
        background-position: 0 -570px;
        padding-top: 30px
    }
    82.3529411765% {
        background-position: 0 -540px;
        padding-top: 60px
    }
    85.2941176471% {
        background-position: 0 -510px;
        padding-top: 90px
    }
    88.2352941176% {
        background-position: 0 -480px;
        padding-top: 120px
    }
    91.1764705882% {
        background-position: 0 -450px;
        padding-top: 150px
    }
    94.1176470588% {
        background-position: 0 -420px;
        padding-top: 180px
    }
    97.0588235294% {
        background-position: 0 -390px;
        padding-top: 210px
    }
}

@keyframes column-5 {
    0% {
        background-position: 0 -360px;
        padding-top: 240px
    }
    2.9411764706% {
        background-position: 0 -330px;
        padding-top: 270px
    }
    5.8823529412% {
        background-position: 0 -300px;
        padding-top: 300px
    }
    8.8235294118% {
        background-position: 0 -270px;
        padding-top: 330px
    }
    11.7647058824% {
        background-position: 0 -240px;
        padding-top: 360px
    }
    14.7058823529% {
        background-position: 0 -210px;
        padding-top: 390px
    }
    17.6470588235% {
        background-position: 0 -180px;
        padding-top: 420px
    }
    20.5882352941% {
        background-position: 0 -150px;
        padding-top: 450px
    }
    23.5294117647% {
        background-position: 0 -120px;
        padding-top: 480px
    }
    26.4705882353% {
        background-position: 0 -90px;
        padding-top: 510px
    }
    29.4117647059% {
        background-position: 0 -60px;
        padding-top: 540px
    }
    32.3529411765% {
        background-position: 0 -30px;
        padding-top: 570px
    }
    35.2941176471% {
        background-position: 0 0px;
        padding-top: 600px
    }
    38.2352941176% {
        background-position: 0 30px;
        padding-top: 630px
    }
    41.1764705882% {
        background-position: 0 60px;
        padding-top: 660px
    }
    44.1176470588% {
        background-position: 0 90px;
        padding-top: 690px
    }
    47.0588235294% {
        background-position: 0 120px;
        padding-top: 720px
    }
    50% {
        background-position: 0 150px;
        padding-top: 750px
    }
    52.9411764706% {
        background-position: 0 180px;
        padding-top: 780px
    }
    55.8823529412% {
        background-position: 0 210px;
        padding-top: 810px
    }
    58.8235294118% {
        background-position: 0 240px;
        padding-top: 840px
    }
    61.7647058824% {
        background-position: 0 270px;
        padding-top: 870px
    }
    64.7058823529% {
        background-position: 0 300px;
        padding-top: 900px
    }
    67.6470588235% {
        background-position: 0 330px;
        padding-top: 930px
    }
    70.5882352941% {
        background-position: 0 360px;
        padding-top: 960px
    }
    73.5294117647% {
        background-position: 0 390px;
        padding-top: 990px
    }
    76.4705882353% {
        background-position: 0 -600px;
        padding-top: 0px
    }
    79.4117647059% {
        background-position: 0 -570px;
        padding-top: 30px
    }
    82.3529411765% {
        background-position: 0 -540px;
        padding-top: 60px
    }
    85.2941176471% {
        background-position: 0 -510px;
        padding-top: 90px
    }
    88.2352941176% {
        background-position: 0 -480px;
        padding-top: 120px
    }
    91.1764705882% {
        background-position: 0 -450px;
        padding-top: 150px
    }
    94.1176470588% {
        background-position: 0 -420px;
        padding-top: 180px
    }
    97.0588235294% {
        background-position: 0 -390px;
        padding-top: 210px
    }
}

.matrix-yellow li:nth-child(6):before {
    content: "0 0 0 0 1 0 0 0 0 0 0 0 1 0 1 0 1 0 0 1 1 1 0 0 0 0 0 1 0 1 0 0 1 0"
}

.matrix-yellow li:nth-child(6):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 180px, #fbb315 180px, #fbb315 1020px) 0 -60px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 180px, #fbb315 180px, #fbb315 1020px) 0 -60px repeat;
    color: #fbb315;
    content: "1";
    padding-top: 120px;
    -webkit-animation: 2720ms column-6 infinite steps(1, start);
    -moz-animation: 2720ms column-6 infinite steps(1, start);
    animation: 2720ms column-6 infinite steps(1, start)
}

@-webkit-keyframes column-6 {
    0% {
        background-position: 0 -60px;
        padding-top: 120px
    }
    2.9411764706% {
        background-position: 0 -30px;
        padding-top: 150px
    }
    5.8823529412% {
        background-position: 0 0px;
        padding-top: 180px
    }
    8.8235294118% {
        background-position: 0 30px;
        padding-top: 210px
    }
    11.7647058824% {
        background-position: 0 60px;
        padding-top: 240px
    }
    14.7058823529% {
        background-position: 0 90px;
        padding-top: 270px
    }
    17.6470588235% {
        background-position: 0 120px;
        padding-top: 300px
    }
    20.5882352941% {
        background-position: 0 150px;
        padding-top: 330px
    }
    23.5294117647% {
        background-position: 0 180px;
        padding-top: 360px
    }
    26.4705882353% {
        background-position: 0 210px;
        padding-top: 390px
    }
    29.4117647059% {
        background-position: 0 240px;
        padding-top: 420px
    }
    32.3529411765% {
        background-position: 0 270px;
        padding-top: 450px
    }
    35.2941176471% {
        background-position: 0 300px;
        padding-top: 480px
    }
    38.2352941176% {
        background-position: 0 330px;
        padding-top: 510px
    }
    41.1764705882% {
        background-position: 0 360px;
        padding-top: 540px
    }
    44.1176470588% {
        background-position: 0 390px;
        padding-top: 570px
    }
    47.0588235294% {
        background-position: 0 420px;
        padding-top: 600px
    }
    50% {
        background-position: 0 450px;
        padding-top: 630px
    }
    52.9411764706% {
        background-position: 0 480px;
        padding-top: 660px
    }
    55.8823529412% {
        background-position: 0 510px;
        padding-top: 690px
    }
    58.8235294118% {
        background-position: 0 540px;
        padding-top: 720px
    }
    61.7647058824% {
        background-position: 0 570px;
        padding-top: 750px
    }
    64.7058823529% {
        background-position: 0 600px;
        padding-top: 780px
    }
    67.6470588235% {
        background-position: 0 630px;
        padding-top: 810px
    }
    70.5882352941% {
        background-position: 0 660px;
        padding-top: 840px
    }
    73.5294117647% {
        background-position: 0 690px;
        padding-top: 870px
    }
    76.4705882353% {
        background-position: 0 720px;
        padding-top: 900px
    }
    79.4117647059% {
        background-position: 0 750px;
        padding-top: 930px
    }
    82.3529411765% {
        background-position: 0 780px;
        padding-top: 960px
    }
    85.2941176471% {
        background-position: 0 810px;
        padding-top: 990px
    }
    88.2352941176% {
        background-position: 0 -180px;
        padding-top: 0px
    }
    91.1764705882% {
        background-position: 0 -150px;
        padding-top: 30px
    }
    94.1176470588% {
        background-position: 0 -120px;
        padding-top: 60px
    }
    97.0588235294% {
        background-position: 0 -90px;
        padding-top: 90px
    }
}

@-moz-keyframes column-6 {
    0% {
        background-position: 0 -60px;
        padding-top: 120px
    }
    2.9411764706% {
        background-position: 0 -30px;
        padding-top: 150px
    }
    5.8823529412% {
        background-position: 0 0px;
        padding-top: 180px
    }
    8.8235294118% {
        background-position: 0 30px;
        padding-top: 210px
    }
    11.7647058824% {
        background-position: 0 60px;
        padding-top: 240px
    }
    14.7058823529% {
        background-position: 0 90px;
        padding-top: 270px
    }
    17.6470588235% {
        background-position: 0 120px;
        padding-top: 300px
    }
    20.5882352941% {
        background-position: 0 150px;
        padding-top: 330px
    }
    23.5294117647% {
        background-position: 0 180px;
        padding-top: 360px
    }
    26.4705882353% {
        background-position: 0 210px;
        padding-top: 390px
    }
    29.4117647059% {
        background-position: 0 240px;
        padding-top: 420px
    }
    32.3529411765% {
        background-position: 0 270px;
        padding-top: 450px
    }
    35.2941176471% {
        background-position: 0 300px;
        padding-top: 480px
    }
    38.2352941176% {
        background-position: 0 330px;
        padding-top: 510px
    }
    41.1764705882% {
        background-position: 0 360px;
        padding-top: 540px
    }
    44.1176470588% {
        background-position: 0 390px;
        padding-top: 570px
    }
    47.0588235294% {
        background-position: 0 420px;
        padding-top: 600px
    }
    50% {
        background-position: 0 450px;
        padding-top: 630px
    }
    52.9411764706% {
        background-position: 0 480px;
        padding-top: 660px
    }
    55.8823529412% {
        background-position: 0 510px;
        padding-top: 690px
    }
    58.8235294118% {
        background-position: 0 540px;
        padding-top: 720px
    }
    61.7647058824% {
        background-position: 0 570px;
        padding-top: 750px
    }
    64.7058823529% {
        background-position: 0 600px;
        padding-top: 780px
    }
    67.6470588235% {
        background-position: 0 630px;
        padding-top: 810px
    }
    70.5882352941% {
        background-position: 0 660px;
        padding-top: 840px
    }
    73.5294117647% {
        background-position: 0 690px;
        padding-top: 870px
    }
    76.4705882353% {
        background-position: 0 720px;
        padding-top: 900px
    }
    79.4117647059% {
        background-position: 0 750px;
        padding-top: 930px
    }
    82.3529411765% {
        background-position: 0 780px;
        padding-top: 960px
    }
    85.2941176471% {
        background-position: 0 810px;
        padding-top: 990px
    }
    88.2352941176% {
        background-position: 0 -180px;
        padding-top: 0px
    }
    91.1764705882% {
        background-position: 0 -150px;
        padding-top: 30px
    }
    94.1176470588% {
        background-position: 0 -120px;
        padding-top: 60px
    }
    97.0588235294% {
        background-position: 0 -90px;
        padding-top: 90px
    }
}

@keyframes column-6 {
    0% {
        background-position: 0 -60px;
        padding-top: 120px
    }
    2.9411764706% {
        background-position: 0 -30px;
        padding-top: 150px
    }
    5.8823529412% {
        background-position: 0 0px;
        padding-top: 180px
    }
    8.8235294118% {
        background-position: 0 30px;
        padding-top: 210px
    }
    11.7647058824% {
        background-position: 0 60px;
        padding-top: 240px
    }
    14.7058823529% {
        background-position: 0 90px;
        padding-top: 270px
    }
    17.6470588235% {
        background-position: 0 120px;
        padding-top: 300px
    }
    20.5882352941% {
        background-position: 0 150px;
        padding-top: 330px
    }
    23.5294117647% {
        background-position: 0 180px;
        padding-top: 360px
    }
    26.4705882353% {
        background-position: 0 210px;
        padding-top: 390px
    }
    29.4117647059% {
        background-position: 0 240px;
        padding-top: 420px
    }
    32.3529411765% {
        background-position: 0 270px;
        padding-top: 450px
    }
    35.2941176471% {
        background-position: 0 300px;
        padding-top: 480px
    }
    38.2352941176% {
        background-position: 0 330px;
        padding-top: 510px
    }
    41.1764705882% {
        background-position: 0 360px;
        padding-top: 540px
    }
    44.1176470588% {
        background-position: 0 390px;
        padding-top: 570px
    }
    47.0588235294% {
        background-position: 0 420px;
        padding-top: 600px
    }
    50% {
        background-position: 0 450px;
        padding-top: 630px
    }
    52.9411764706% {
        background-position: 0 480px;
        padding-top: 660px
    }
    55.8823529412% {
        background-position: 0 510px;
        padding-top: 690px
    }
    58.8235294118% {
        background-position: 0 540px;
        padding-top: 720px
    }
    61.7647058824% {
        background-position: 0 570px;
        padding-top: 750px
    }
    64.7058823529% {
        background-position: 0 600px;
        padding-top: 780px
    }
    67.6470588235% {
        background-position: 0 630px;
        padding-top: 810px
    }
    70.5882352941% {
        background-position: 0 660px;
        padding-top: 840px
    }
    73.5294117647% {
        background-position: 0 690px;
        padding-top: 870px
    }
    76.4705882353% {
        background-position: 0 720px;
        padding-top: 900px
    }
    79.4117647059% {
        background-position: 0 750px;
        padding-top: 930px
    }
    82.3529411765% {
        background-position: 0 780px;
        padding-top: 960px
    }
    85.2941176471% {
        background-position: 0 810px;
        padding-top: 990px
    }
    88.2352941176% {
        background-position: 0 -180px;
        padding-top: 0px
    }
    91.1764705882% {
        background-position: 0 -150px;
        padding-top: 30px
    }
    94.1176470588% {
        background-position: 0 -120px;
        padding-top: 60px
    }
    97.0588235294% {
        background-position: 0 -90px;
        padding-top: 90px
    }
}

.matrix-yellow li:nth-child(7):before {
    content: "1 0 0 1 0 0 1 0 1 0 1 0 0 0 0 1 0 0 1 1 0 0 0 1 1 0 0 0 0 1 0 0 1 1"
}

.matrix-yellow li:nth-child(7):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 630px, #fbb315 630px, #fbb315 1020px) 0 -540px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 630px, #fbb315 630px, #fbb315 1020px) 0 -540px repeat;
    color: #fbb315;
    content: "1";
    padding-top: 90px;
    -webkit-animation: 2720ms column-7 infinite steps(1, start);
    -moz-animation: 2720ms column-7 infinite steps(1, start);
    animation: 2720ms column-7 infinite steps(1, start)
}

@-webkit-keyframes column-7 {
    0% {
        background-position: 0 -540px;
        padding-top: 90px
    }
    2.9411764706% {
        background-position: 0 -510px;
        padding-top: 120px
    }
    5.8823529412% {
        background-position: 0 -480px;
        padding-top: 150px
    }
    8.8235294118% {
        background-position: 0 -450px;
        padding-top: 180px
    }
    11.7647058824% {
        background-position: 0 -420px;
        padding-top: 210px
    }
    14.7058823529% {
        background-position: 0 -390px;
        padding-top: 240px
    }
    17.6470588235% {
        background-position: 0 -360px;
        padding-top: 270px
    }
    20.5882352941% {
        background-position: 0 -330px;
        padding-top: 300px
    }
    23.5294117647% {
        background-position: 0 -300px;
        padding-top: 330px
    }
    26.4705882353% {
        background-position: 0 -270px;
        padding-top: 360px
    }
    29.4117647059% {
        background-position: 0 -240px;
        padding-top: 390px
    }
    32.3529411765% {
        background-position: 0 -210px;
        padding-top: 420px
    }
    35.2941176471% {
        background-position: 0 -180px;
        padding-top: 450px
    }
    38.2352941176% {
        background-position: 0 -150px;
        padding-top: 480px
    }
    41.1764705882% {
        background-position: 0 -120px;
        padding-top: 510px
    }
    44.1176470588% {
        background-position: 0 -90px;
        padding-top: 540px
    }
    47.0588235294% {
        background-position: 0 -60px;
        padding-top: 570px
    }
    50% {
        background-position: 0 -30px;
        padding-top: 600px
    }
    52.9411764706% {
        background-position: 0 0px;
        padding-top: 630px
    }
    55.8823529412% {
        background-position: 0 30px;
        padding-top: 660px
    }
    58.8235294118% {
        background-position: 0 60px;
        padding-top: 690px
    }
    61.7647058824% {
        background-position: 0 90px;
        padding-top: 720px
    }
    64.7058823529% {
        background-position: 0 120px;
        padding-top: 750px
    }
    67.6470588235% {
        background-position: 0 150px;
        padding-top: 780px
    }
    70.5882352941% {
        background-position: 0 180px;
        padding-top: 810px
    }
    73.5294117647% {
        background-position: 0 210px;
        padding-top: 840px
    }
    76.4705882353% {
        background-position: 0 240px;
        padding-top: 870px
    }
    79.4117647059% {
        background-position: 0 270px;
        padding-top: 900px
    }
    82.3529411765% {
        background-position: 0 300px;
        padding-top: 930px
    }
    85.2941176471% {
        background-position: 0 330px;
        padding-top: 960px
    }
    88.2352941176% {
        background-position: 0 360px;
        padding-top: 990px
    }
    91.1764705882% {
        background-position: 0 -630px;
        padding-top: 0px
    }
    94.1176470588% {
        background-position: 0 -600px;
        padding-top: 30px
    }
    97.0588235294% {
        background-position: 0 -570px;
        padding-top: 60px
    }
}

@-moz-keyframes column-7 {
    0% {
        background-position: 0 -540px;
        padding-top: 90px
    }
    2.9411764706% {
        background-position: 0 -510px;
        padding-top: 120px
    }
    5.8823529412% {
        background-position: 0 -480px;
        padding-top: 150px
    }
    8.8235294118% {
        background-position: 0 -450px;
        padding-top: 180px
    }
    11.7647058824% {
        background-position: 0 -420px;
        padding-top: 210px
    }
    14.7058823529% {
        background-position: 0 -390px;
        padding-top: 240px
    }
    17.6470588235% {
        background-position: 0 -360px;
        padding-top: 270px
    }
    20.5882352941% {
        background-position: 0 -330px;
        padding-top: 300px
    }
    23.5294117647% {
        background-position: 0 -300px;
        padding-top: 330px
    }
    26.4705882353% {
        background-position: 0 -270px;
        padding-top: 360px
    }
    29.4117647059% {
        background-position: 0 -240px;
        padding-top: 390px
    }
    32.3529411765% {
        background-position: 0 -210px;
        padding-top: 420px
    }
    35.2941176471% {
        background-position: 0 -180px;
        padding-top: 450px
    }
    38.2352941176% {
        background-position: 0 -150px;
        padding-top: 480px
    }
    41.1764705882% {
        background-position: 0 -120px;
        padding-top: 510px
    }
    44.1176470588% {
        background-position: 0 -90px;
        padding-top: 540px
    }
    47.0588235294% {
        background-position: 0 -60px;
        padding-top: 570px
    }
    50% {
        background-position: 0 -30px;
        padding-top: 600px
    }
    52.9411764706% {
        background-position: 0 0px;
        padding-top: 630px
    }
    55.8823529412% {
        background-position: 0 30px;
        padding-top: 660px
    }
    58.8235294118% {
        background-position: 0 60px;
        padding-top: 690px
    }
    61.7647058824% {
        background-position: 0 90px;
        padding-top: 720px
    }
    64.7058823529% {
        background-position: 0 120px;
        padding-top: 750px
    }
    67.6470588235% {
        background-position: 0 150px;
        padding-top: 780px
    }
    70.5882352941% {
        background-position: 0 180px;
        padding-top: 810px
    }
    73.5294117647% {
        background-position: 0 210px;
        padding-top: 840px
    }
    76.4705882353% {
        background-position: 0 240px;
        padding-top: 870px
    }
    79.4117647059% {
        background-position: 0 270px;
        padding-top: 900px
    }
    82.3529411765% {
        background-position: 0 300px;
        padding-top: 930px
    }
    85.2941176471% {
        background-position: 0 330px;
        padding-top: 960px
    }
    88.2352941176% {
        background-position: 0 360px;
        padding-top: 990px
    }
    91.1764705882% {
        background-position: 0 -630px;
        padding-top: 0px
    }
    94.1176470588% {
        background-position: 0 -600px;
        padding-top: 30px
    }
    97.0588235294% {
        background-position: 0 -570px;
        padding-top: 60px
    }
}

@keyframes column-7 {
    0% {
        background-position: 0 -540px;
        padding-top: 90px
    }
    2.9411764706% {
        background-position: 0 -510px;
        padding-top: 120px
    }
    5.8823529412% {
        background-position: 0 -480px;
        padding-top: 150px
    }
    8.8235294118% {
        background-position: 0 -450px;
        padding-top: 180px
    }
    11.7647058824% {
        background-position: 0 -420px;
        padding-top: 210px
    }
    14.7058823529% {
        background-position: 0 -390px;
        padding-top: 240px
    }
    17.6470588235% {
        background-position: 0 -360px;
        padding-top: 270px
    }
    20.5882352941% {
        background-position: 0 -330px;
        padding-top: 300px
    }
    23.5294117647% {
        background-position: 0 -300px;
        padding-top: 330px
    }
    26.4705882353% {
        background-position: 0 -270px;
        padding-top: 360px
    }
    29.4117647059% {
        background-position: 0 -240px;
        padding-top: 390px
    }
    32.3529411765% {
        background-position: 0 -210px;
        padding-top: 420px
    }
    35.2941176471% {
        background-position: 0 -180px;
        padding-top: 450px
    }
    38.2352941176% {
        background-position: 0 -150px;
        padding-top: 480px
    }
    41.1764705882% {
        background-position: 0 -120px;
        padding-top: 510px
    }
    44.1176470588% {
        background-position: 0 -90px;
        padding-top: 540px
    }
    47.0588235294% {
        background-position: 0 -60px;
        padding-top: 570px
    }
    50% {
        background-position: 0 -30px;
        padding-top: 600px
    }
    52.9411764706% {
        background-position: 0 0px;
        padding-top: 630px
    }
    55.8823529412% {
        background-position: 0 30px;
        padding-top: 660px
    }
    58.8235294118% {
        background-position: 0 60px;
        padding-top: 690px
    }
    61.7647058824% {
        background-position: 0 90px;
        padding-top: 720px
    }
    64.7058823529% {
        background-position: 0 120px;
        padding-top: 750px
    }
    67.6470588235% {
        background-position: 0 150px;
        padding-top: 780px
    }
    70.5882352941% {
        background-position: 0 180px;
        padding-top: 810px
    }
    73.5294117647% {
        background-position: 0 210px;
        padding-top: 840px
    }
    76.4705882353% {
        background-position: 0 240px;
        padding-top: 870px
    }
    79.4117647059% {
        background-position: 0 270px;
        padding-top: 900px
    }
    82.3529411765% {
        background-position: 0 300px;
        padding-top: 930px
    }
    85.2941176471% {
        background-position: 0 330px;
        padding-top: 960px
    }
    88.2352941176% {
        background-position: 0 360px;
        padding-top: 990px
    }
    91.1764705882% {
        background-position: 0 -630px;
        padding-top: 0px
    }
    94.1176470588% {
        background-position: 0 -600px;
        padding-top: 30px
    }
    97.0588235294% {
        background-position: 0 -570px;
        padding-top: 60px
    }
}

.matrix-yellow li:nth-child(8):before {
    content: "1 0 1 0 1 1 1 1 1 0 1 0 1 1 1 0 0 1 1 0 0 0 0 1 1 1 1 0 0 0 1 0 0 1"
}

.matrix-yellow li:nth-child(8):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 270px, #fbb315 270px, #fbb315 1020px) 0 660px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 270px, #fbb315 270px, #fbb315 1020px) 0 660px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 930px;
    -webkit-animation: 2720ms column-8 infinite steps(1, start);
    -moz-animation: 2720ms column-8 infinite steps(1, start);
    animation: 2720ms column-8 infinite steps(1, start)
}

@-webkit-keyframes column-8 {
    0% {
        background-position: 0 660px;
        padding-top: 930px
    }
    2.9411764706% {
        background-position: 0 690px;
        padding-top: 960px
    }
    5.8823529412% {
        background-position: 0 720px;
        padding-top: 990px
    }
    8.8235294118% {
        background-position: 0 -270px;
        padding-top: 0px
    }
    11.7647058824% {
        background-position: 0 -240px;
        padding-top: 30px
    }
    14.7058823529% {
        background-position: 0 -210px;
        padding-top: 60px
    }
    17.6470588235% {
        background-position: 0 -180px;
        padding-top: 90px
    }
    20.5882352941% {
        background-position: 0 -150px;
        padding-top: 120px
    }
    23.5294117647% {
        background-position: 0 -120px;
        padding-top: 150px
    }
    26.4705882353% {
        background-position: 0 -90px;
        padding-top: 180px
    }
    29.4117647059% {
        background-position: 0 -60px;
        padding-top: 210px
    }
    32.3529411765% {
        background-position: 0 -30px;
        padding-top: 240px
    }
    35.2941176471% {
        background-position: 0 0px;
        padding-top: 270px
    }
    38.2352941176% {
        background-position: 0 30px;
        padding-top: 300px
    }
    41.1764705882% {
        background-position: 0 60px;
        padding-top: 330px
    }
    44.1176470588% {
        background-position: 0 90px;
        padding-top: 360px
    }
    47.0588235294% {
        background-position: 0 120px;
        padding-top: 390px
    }
    50% {
        background-position: 0 150px;
        padding-top: 420px
    }
    52.9411764706% {
        background-position: 0 180px;
        padding-top: 450px
    }
    55.8823529412% {
        background-position: 0 210px;
        padding-top: 480px
    }
    58.8235294118% {
        background-position: 0 240px;
        padding-top: 510px
    }
    61.7647058824% {
        background-position: 0 270px;
        padding-top: 540px
    }
    64.7058823529% {
        background-position: 0 300px;
        padding-top: 570px
    }
    67.6470588235% {
        background-position: 0 330px;
        padding-top: 600px
    }
    70.5882352941% {
        background-position: 0 360px;
        padding-top: 630px
    }
    73.5294117647% {
        background-position: 0 390px;
        padding-top: 660px
    }
    76.4705882353% {
        background-position: 0 420px;
        padding-top: 690px
    }
    79.4117647059% {
        background-position: 0 450px;
        padding-top: 720px
    }
    82.3529411765% {
        background-position: 0 480px;
        padding-top: 750px
    }
    85.2941176471% {
        background-position: 0 510px;
        padding-top: 780px
    }
    88.2352941176% {
        background-position: 0 540px;
        padding-top: 810px
    }
    91.1764705882% {
        background-position: 0 570px;
        padding-top: 840px
    }
    94.1176470588% {
        background-position: 0 600px;
        padding-top: 870px
    }
    97.0588235294% {
        background-position: 0 630px;
        padding-top: 900px
    }
}

@-moz-keyframes column-8 {
    0% {
        background-position: 0 660px;
        padding-top: 930px
    }
    2.9411764706% {
        background-position: 0 690px;
        padding-top: 960px
    }
    5.8823529412% {
        background-position: 0 720px;
        padding-top: 990px
    }
    8.8235294118% {
        background-position: 0 -270px;
        padding-top: 0px
    }
    11.7647058824% {
        background-position: 0 -240px;
        padding-top: 30px
    }
    14.7058823529% {
        background-position: 0 -210px;
        padding-top: 60px
    }
    17.6470588235% {
        background-position: 0 -180px;
        padding-top: 90px
    }
    20.5882352941% {
        background-position: 0 -150px;
        padding-top: 120px
    }
    23.5294117647% {
        background-position: 0 -120px;
        padding-top: 150px
    }
    26.4705882353% {
        background-position: 0 -90px;
        padding-top: 180px
    }
    29.4117647059% {
        background-position: 0 -60px;
        padding-top: 210px
    }
    32.3529411765% {
        background-position: 0 -30px;
        padding-top: 240px
    }
    35.2941176471% {
        background-position: 0 0px;
        padding-top: 270px
    }
    38.2352941176% {
        background-position: 0 30px;
        padding-top: 300px
    }
    41.1764705882% {
        background-position: 0 60px;
        padding-top: 330px
    }
    44.1176470588% {
        background-position: 0 90px;
        padding-top: 360px
    }
    47.0588235294% {
        background-position: 0 120px;
        padding-top: 390px
    }
    50% {
        background-position: 0 150px;
        padding-top: 420px
    }
    52.9411764706% {
        background-position: 0 180px;
        padding-top: 450px
    }
    55.8823529412% {
        background-position: 0 210px;
        padding-top: 480px
    }
    58.8235294118% {
        background-position: 0 240px;
        padding-top: 510px
    }
    61.7647058824% {
        background-position: 0 270px;
        padding-top: 540px
    }
    64.7058823529% {
        background-position: 0 300px;
        padding-top: 570px
    }
    67.6470588235% {
        background-position: 0 330px;
        padding-top: 600px
    }
    70.5882352941% {
        background-position: 0 360px;
        padding-top: 630px
    }
    73.5294117647% {
        background-position: 0 390px;
        padding-top: 660px
    }
    76.4705882353% {
        background-position: 0 420px;
        padding-top: 690px
    }
    79.4117647059% {
        background-position: 0 450px;
        padding-top: 720px
    }
    82.3529411765% {
        background-position: 0 480px;
        padding-top: 750px
    }
    85.2941176471% {
        background-position: 0 510px;
        padding-top: 780px
    }
    88.2352941176% {
        background-position: 0 540px;
        padding-top: 810px
    }
    91.1764705882% {
        background-position: 0 570px;
        padding-top: 840px
    }
    94.1176470588% {
        background-position: 0 600px;
        padding-top: 870px
    }
    97.0588235294% {
        background-position: 0 630px;
        padding-top: 900px
    }
}

@keyframes column-8 {
    0% {
        background-position: 0 660px;
        padding-top: 930px
    }
    2.9411764706% {
        background-position: 0 690px;
        padding-top: 960px
    }
    5.8823529412% {
        background-position: 0 720px;
        padding-top: 990px
    }
    8.8235294118% {
        background-position: 0 -270px;
        padding-top: 0px
    }
    11.7647058824% {
        background-position: 0 -240px;
        padding-top: 30px
    }
    14.7058823529% {
        background-position: 0 -210px;
        padding-top: 60px
    }
    17.6470588235% {
        background-position: 0 -180px;
        padding-top: 90px
    }
    20.5882352941% {
        background-position: 0 -150px;
        padding-top: 120px
    }
    23.5294117647% {
        background-position: 0 -120px;
        padding-top: 150px
    }
    26.4705882353% {
        background-position: 0 -90px;
        padding-top: 180px
    }
    29.4117647059% {
        background-position: 0 -60px;
        padding-top: 210px
    }
    32.3529411765% {
        background-position: 0 -30px;
        padding-top: 240px
    }
    35.2941176471% {
        background-position: 0 0px;
        padding-top: 270px
    }
    38.2352941176% {
        background-position: 0 30px;
        padding-top: 300px
    }
    41.1764705882% {
        background-position: 0 60px;
        padding-top: 330px
    }
    44.1176470588% {
        background-position: 0 90px;
        padding-top: 360px
    }
    47.0588235294% {
        background-position: 0 120px;
        padding-top: 390px
    }
    50% {
        background-position: 0 150px;
        padding-top: 420px
    }
    52.9411764706% {
        background-position: 0 180px;
        padding-top: 450px
    }
    55.8823529412% {
        background-position: 0 210px;
        padding-top: 480px
    }
    58.8235294118% {
        background-position: 0 240px;
        padding-top: 510px
    }
    61.7647058824% {
        background-position: 0 270px;
        padding-top: 540px
    }
    64.7058823529% {
        background-position: 0 300px;
        padding-top: 570px
    }
    67.6470588235% {
        background-position: 0 330px;
        padding-top: 600px
    }
    70.5882352941% {
        background-position: 0 360px;
        padding-top: 630px
    }
    73.5294117647% {
        background-position: 0 390px;
        padding-top: 660px
    }
    76.4705882353% {
        background-position: 0 420px;
        padding-top: 690px
    }
    79.4117647059% {
        background-position: 0 450px;
        padding-top: 720px
    }
    82.3529411765% {
        background-position: 0 480px;
        padding-top: 750px
    }
    85.2941176471% {
        background-position: 0 510px;
        padding-top: 780px
    }
    88.2352941176% {
        background-position: 0 540px;
        padding-top: 810px
    }
    91.1764705882% {
        background-position: 0 570px;
        padding-top: 840px
    }
    94.1176470588% {
        background-position: 0 600px;
        padding-top: 870px
    }
    97.0588235294% {
        background-position: 0 630px;
        padding-top: 900px
    }
}

.matrix-yellow li:nth-child(9):before {
    content: "0 0 0 0 0 0 0 0 0 1 1 1 0 0 0 0 0 1 1 0 0 0 0 0 1 0 0 1 0 1 0 1 0 1"
}

.matrix-yellow li:nth-child(9):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 720px, #fbb315 720px, #fbb315 1020px) 0 -90px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 720px, #fbb315 720px, #fbb315 1020px) 0 -90px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 630px;
    -webkit-animation: 2720ms column-9 infinite steps(1, start);
    -moz-animation: 2720ms column-9 infinite steps(1, start);
    animation: 2720ms column-9 infinite steps(1, start)
}

@-webkit-keyframes column-9 {
    0% {
        background-position: 0 -90px;
        padding-top: 630px
    }
    2.9411764706% {
        background-position: 0 -60px;
        padding-top: 660px
    }
    5.8823529412% {
        background-position: 0 -30px;
        padding-top: 690px
    }
    8.8235294118% {
        background-position: 0 0px;
        padding-top: 720px
    }
    11.7647058824% {
        background-position: 0 30px;
        padding-top: 750px
    }
    14.7058823529% {
        background-position: 0 60px;
        padding-top: 780px
    }
    17.6470588235% {
        background-position: 0 90px;
        padding-top: 810px
    }
    20.5882352941% {
        background-position: 0 120px;
        padding-top: 840px
    }
    23.5294117647% {
        background-position: 0 150px;
        padding-top: 870px
    }
    26.4705882353% {
        background-position: 0 180px;
        padding-top: 900px
    }
    29.4117647059% {
        background-position: 0 210px;
        padding-top: 930px
    }
    32.3529411765% {
        background-position: 0 240px;
        padding-top: 960px
    }
    35.2941176471% {
        background-position: 0 270px;
        padding-top: 990px
    }
    38.2352941176% {
        background-position: 0 -720px;
        padding-top: 0px
    }
    41.1764705882% {
        background-position: 0 -690px;
        padding-top: 30px
    }
    44.1176470588% {
        background-position: 0 -660px;
        padding-top: 60px
    }
    47.0588235294% {
        background-position: 0 -630px;
        padding-top: 90px
    }
    50% {
        background-position: 0 -600px;
        padding-top: 120px
    }
    52.9411764706% {
        background-position: 0 -570px;
        padding-top: 150px
    }
    55.8823529412% {
        background-position: 0 -540px;
        padding-top: 180px
    }
    58.8235294118% {
        background-position: 0 -510px;
        padding-top: 210px
    }
    61.7647058824% {
        background-position: 0 -480px;
        padding-top: 240px
    }
    64.7058823529% {
        background-position: 0 -450px;
        padding-top: 270px
    }
    67.6470588235% {
        background-position: 0 -420px;
        padding-top: 300px
    }
    70.5882352941% {
        background-position: 0 -390px;
        padding-top: 330px
    }
    73.5294117647% {
        background-position: 0 -360px;
        padding-top: 360px
    }
    76.4705882353% {
        background-position: 0 -330px;
        padding-top: 390px
    }
    79.4117647059% {
        background-position: 0 -300px;
        padding-top: 420px
    }
    82.3529411765% {
        background-position: 0 -270px;
        padding-top: 450px
    }
    85.2941176471% {
        background-position: 0 -240px;
        padding-top: 480px
    }
    88.2352941176% {
        background-position: 0 -210px;
        padding-top: 510px
    }
    91.1764705882% {
        background-position: 0 -180px;
        padding-top: 540px
    }
    94.1176470588% {
        background-position: 0 -150px;
        padding-top: 570px
    }
    97.0588235294% {
        background-position: 0 -120px;
        padding-top: 600px
    }
}

@-moz-keyframes column-9 {
    0% {
        background-position: 0 -90px;
        padding-top: 630px
    }
    2.9411764706% {
        background-position: 0 -60px;
        padding-top: 660px
    }
    5.8823529412% {
        background-position: 0 -30px;
        padding-top: 690px
    }
    8.8235294118% {
        background-position: 0 0px;
        padding-top: 720px
    }
    11.7647058824% {
        background-position: 0 30px;
        padding-top: 750px
    }
    14.7058823529% {
        background-position: 0 60px;
        padding-top: 780px
    }
    17.6470588235% {
        background-position: 0 90px;
        padding-top: 810px
    }
    20.5882352941% {
        background-position: 0 120px;
        padding-top: 840px
    }
    23.5294117647% {
        background-position: 0 150px;
        padding-top: 870px
    }
    26.4705882353% {
        background-position: 0 180px;
        padding-top: 900px
    }
    29.4117647059% {
        background-position: 0 210px;
        padding-top: 930px
    }
    32.3529411765% {
        background-position: 0 240px;
        padding-top: 960px
    }
    35.2941176471% {
        background-position: 0 270px;
        padding-top: 990px
    }
    38.2352941176% {
        background-position: 0 -720px;
        padding-top: 0px
    }
    41.1764705882% {
        background-position: 0 -690px;
        padding-top: 30px
    }
    44.1176470588% {
        background-position: 0 -660px;
        padding-top: 60px
    }
    47.0588235294% {
        background-position: 0 -630px;
        padding-top: 90px
    }
    50% {
        background-position: 0 -600px;
        padding-top: 120px
    }
    52.9411764706% {
        background-position: 0 -570px;
        padding-top: 150px
    }
    55.8823529412% {
        background-position: 0 -540px;
        padding-top: 180px
    }
    58.8235294118% {
        background-position: 0 -510px;
        padding-top: 210px
    }
    61.7647058824% {
        background-position: 0 -480px;
        padding-top: 240px
    }
    64.7058823529% {
        background-position: 0 -450px;
        padding-top: 270px
    }
    67.6470588235% {
        background-position: 0 -420px;
        padding-top: 300px
    }
    70.5882352941% {
        background-position: 0 -390px;
        padding-top: 330px
    }
    73.5294117647% {
        background-position: 0 -360px;
        padding-top: 360px
    }
    76.4705882353% {
        background-position: 0 -330px;
        padding-top: 390px
    }
    79.4117647059% {
        background-position: 0 -300px;
        padding-top: 420px
    }
    82.3529411765% {
        background-position: 0 -270px;
        padding-top: 450px
    }
    85.2941176471% {
        background-position: 0 -240px;
        padding-top: 480px
    }
    88.2352941176% {
        background-position: 0 -210px;
        padding-top: 510px
    }
    91.1764705882% {
        background-position: 0 -180px;
        padding-top: 540px
    }
    94.1176470588% {
        background-position: 0 -150px;
        padding-top: 570px
    }
    97.0588235294% {
        background-position: 0 -120px;
        padding-top: 600px
    }
}

@keyframes column-9 {
    0% {
        background-position: 0 -90px;
        padding-top: 630px
    }
    2.9411764706% {
        background-position: 0 -60px;
        padding-top: 660px
    }
    5.8823529412% {
        background-position: 0 -30px;
        padding-top: 690px
    }
    8.8235294118% {
        background-position: 0 0px;
        padding-top: 720px
    }
    11.7647058824% {
        background-position: 0 30px;
        padding-top: 750px
    }
    14.7058823529% {
        background-position: 0 60px;
        padding-top: 780px
    }
    17.6470588235% {
        background-position: 0 90px;
        padding-top: 810px
    }
    20.5882352941% {
        background-position: 0 120px;
        padding-top: 840px
    }
    23.5294117647% {
        background-position: 0 150px;
        padding-top: 870px
    }
    26.4705882353% {
        background-position: 0 180px;
        padding-top: 900px
    }
    29.4117647059% {
        background-position: 0 210px;
        padding-top: 930px
    }
    32.3529411765% {
        background-position: 0 240px;
        padding-top: 960px
    }
    35.2941176471% {
        background-position: 0 270px;
        padding-top: 990px
    }
    38.2352941176% {
        background-position: 0 -720px;
        padding-top: 0px
    }
    41.1764705882% {
        background-position: 0 -690px;
        padding-top: 30px
    }
    44.1176470588% {
        background-position: 0 -660px;
        padding-top: 60px
    }
    47.0588235294% {
        background-position: 0 -630px;
        padding-top: 90px
    }
    50% {
        background-position: 0 -600px;
        padding-top: 120px
    }
    52.9411764706% {
        background-position: 0 -570px;
        padding-top: 150px
    }
    55.8823529412% {
        background-position: 0 -540px;
        padding-top: 180px
    }
    58.8235294118% {
        background-position: 0 -510px;
        padding-top: 210px
    }
    61.7647058824% {
        background-position: 0 -480px;
        padding-top: 240px
    }
    64.7058823529% {
        background-position: 0 -450px;
        padding-top: 270px
    }
    67.6470588235% {
        background-position: 0 -420px;
        padding-top: 300px
    }
    70.5882352941% {
        background-position: 0 -390px;
        padding-top: 330px
    }
    73.5294117647% {
        background-position: 0 -360px;
        padding-top: 360px
    }
    76.4705882353% {
        background-position: 0 -330px;
        padding-top: 390px
    }
    79.4117647059% {
        background-position: 0 -300px;
        padding-top: 420px
    }
    82.3529411765% {
        background-position: 0 -270px;
        padding-top: 450px
    }
    85.2941176471% {
        background-position: 0 -240px;
        padding-top: 480px
    }
    88.2352941176% {
        background-position: 0 -210px;
        padding-top: 510px
    }
    91.1764705882% {
        background-position: 0 -180px;
        padding-top: 540px
    }
    94.1176470588% {
        background-position: 0 -150px;
        padding-top: 570px
    }
    97.0588235294% {
        background-position: 0 -120px;
        padding-top: 600px
    }
}

.matrix-yellow li:nth-child(10):before {
    content: "0 1 1 0 1 1 1 0 1 0 1 0 0 0 0 0 1 0 1 0 0 1 0 0 1 0 1 0 1 0 1 1 1 1"
}

.matrix-yellow li:nth-child(10):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 720px, #fbb315 720px, #fbb315 1020px) 0 -270px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 720px, #fbb315 720px, #fbb315 1020px) 0 -270px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 450px;
    -webkit-animation: 2720ms column-10 infinite steps(1, start);
    -moz-animation: 2720ms column-10 infinite steps(1, start);
    animation: 2720ms column-10 infinite steps(1, start)
}

@-webkit-keyframes column-10 {
    0% {
        background-position: 0 -270px;
        padding-top: 450px
    }
    2.9411764706% {
        background-position: 0 -240px;
        padding-top: 480px
    }
    5.8823529412% {
        background-position: 0 -210px;
        padding-top: 510px
    }
    8.8235294118% {
        background-position: 0 -180px;
        padding-top: 540px
    }
    11.7647058824% {
        background-position: 0 -150px;
        padding-top: 570px
    }
    14.7058823529% {
        background-position: 0 -120px;
        padding-top: 600px
    }
    17.6470588235% {
        background-position: 0 -90px;
        padding-top: 630px
    }
    20.5882352941% {
        background-position: 0 -60px;
        padding-top: 660px
    }
    23.5294117647% {
        background-position: 0 -30px;
        padding-top: 690px
    }
    26.4705882353% {
        background-position: 0 0px;
        padding-top: 720px
    }
    29.4117647059% {
        background-position: 0 30px;
        padding-top: 750px
    }
    32.3529411765% {
        background-position: 0 60px;
        padding-top: 780px
    }
    35.2941176471% {
        background-position: 0 90px;
        padding-top: 810px
    }
    38.2352941176% {
        background-position: 0 120px;
        padding-top: 840px
    }
    41.1764705882% {
        background-position: 0 150px;
        padding-top: 870px
    }
    44.1176470588% {
        background-position: 0 180px;
        padding-top: 900px
    }
    47.0588235294% {
        background-position: 0 210px;
        padding-top: 930px
    }
    50% {
        background-position: 0 240px;
        padding-top: 960px
    }
    52.9411764706% {
        background-position: 0 270px;
        padding-top: 990px
    }
    55.8823529412% {
        background-position: 0 -720px;
        padding-top: 0px
    }
    58.8235294118% {
        background-position: 0 -690px;
        padding-top: 30px
    }
    61.7647058824% {
        background-position: 0 -660px;
        padding-top: 60px
    }
    64.7058823529% {
        background-position: 0 -630px;
        padding-top: 90px
    }
    67.6470588235% {
        background-position: 0 -600px;
        padding-top: 120px
    }
    70.5882352941% {
        background-position: 0 -570px;
        padding-top: 150px
    }
    73.5294117647% {
        background-position: 0 -540px;
        padding-top: 180px
    }
    76.4705882353% {
        background-position: 0 -510px;
        padding-top: 210px
    }
    79.4117647059% {
        background-position: 0 -480px;
        padding-top: 240px
    }
    82.3529411765% {
        background-position: 0 -450px;
        padding-top: 270px
    }
    85.2941176471% {
        background-position: 0 -420px;
        padding-top: 300px
    }
    88.2352941176% {
        background-position: 0 -390px;
        padding-top: 330px
    }
    91.1764705882% {
        background-position: 0 -360px;
        padding-top: 360px
    }
    94.1176470588% {
        background-position: 0 -330px;
        padding-top: 390px
    }
    97.0588235294% {
        background-position: 0 -300px;
        padding-top: 420px
    }
}

@-moz-keyframes column-10 {
    0% {
        background-position: 0 -270px;
        padding-top: 450px
    }
    2.9411764706% {
        background-position: 0 -240px;
        padding-top: 480px
    }
    5.8823529412% {
        background-position: 0 -210px;
        padding-top: 510px
    }
    8.8235294118% {
        background-position: 0 -180px;
        padding-top: 540px
    }
    11.7647058824% {
        background-position: 0 -150px;
        padding-top: 570px
    }
    14.7058823529% {
        background-position: 0 -120px;
        padding-top: 600px
    }
    17.6470588235% {
        background-position: 0 -90px;
        padding-top: 630px
    }
    20.5882352941% {
        background-position: 0 -60px;
        padding-top: 660px
    }
    23.5294117647% {
        background-position: 0 -30px;
        padding-top: 690px
    }
    26.4705882353% {
        background-position: 0 0px;
        padding-top: 720px
    }
    29.4117647059% {
        background-position: 0 30px;
        padding-top: 750px
    }
    32.3529411765% {
        background-position: 0 60px;
        padding-top: 780px
    }
    35.2941176471% {
        background-position: 0 90px;
        padding-top: 810px
    }
    38.2352941176% {
        background-position: 0 120px;
        padding-top: 840px
    }
    41.1764705882% {
        background-position: 0 150px;
        padding-top: 870px
    }
    44.1176470588% {
        background-position: 0 180px;
        padding-top: 900px
    }
    47.0588235294% {
        background-position: 0 210px;
        padding-top: 930px
    }
    50% {
        background-position: 0 240px;
        padding-top: 960px
    }
    52.9411764706% {
        background-position: 0 270px;
        padding-top: 990px
    }
    55.8823529412% {
        background-position: 0 -720px;
        padding-top: 0px
    }
    58.8235294118% {
        background-position: 0 -690px;
        padding-top: 30px
    }
    61.7647058824% {
        background-position: 0 -660px;
        padding-top: 60px
    }
    64.7058823529% {
        background-position: 0 -630px;
        padding-top: 90px
    }
    67.6470588235% {
        background-position: 0 -600px;
        padding-top: 120px
    }
    70.5882352941% {
        background-position: 0 -570px;
        padding-top: 150px
    }
    73.5294117647% {
        background-position: 0 -540px;
        padding-top: 180px
    }
    76.4705882353% {
        background-position: 0 -510px;
        padding-top: 210px
    }
    79.4117647059% {
        background-position: 0 -480px;
        padding-top: 240px
    }
    82.3529411765% {
        background-position: 0 -450px;
        padding-top: 270px
    }
    85.2941176471% {
        background-position: 0 -420px;
        padding-top: 300px
    }
    88.2352941176% {
        background-position: 0 -390px;
        padding-top: 330px
    }
    91.1764705882% {
        background-position: 0 -360px;
        padding-top: 360px
    }
    94.1176470588% {
        background-position: 0 -330px;
        padding-top: 390px
    }
    97.0588235294% {
        background-position: 0 -300px;
        padding-top: 420px
    }
}

@keyframes column-10 {
    0% {
        background-position: 0 -270px;
        padding-top: 450px
    }
    2.9411764706% {
        background-position: 0 -240px;
        padding-top: 480px
    }
    5.8823529412% {
        background-position: 0 -210px;
        padding-top: 510px
    }
    8.8235294118% {
        background-position: 0 -180px;
        padding-top: 540px
    }
    11.7647058824% {
        background-position: 0 -150px;
        padding-top: 570px
    }
    14.7058823529% {
        background-position: 0 -120px;
        padding-top: 600px
    }
    17.6470588235% {
        background-position: 0 -90px;
        padding-top: 630px
    }
    20.5882352941% {
        background-position: 0 -60px;
        padding-top: 660px
    }
    23.5294117647% {
        background-position: 0 -30px;
        padding-top: 690px
    }
    26.4705882353% {
        background-position: 0 0px;
        padding-top: 720px
    }
    29.4117647059% {
        background-position: 0 30px;
        padding-top: 750px
    }
    32.3529411765% {
        background-position: 0 60px;
        padding-top: 780px
    }
    35.2941176471% {
        background-position: 0 90px;
        padding-top: 810px
    }
    38.2352941176% {
        background-position: 0 120px;
        padding-top: 840px
    }
    41.1764705882% {
        background-position: 0 150px;
        padding-top: 870px
    }
    44.1176470588% {
        background-position: 0 180px;
        padding-top: 900px
    }
    47.0588235294% {
        background-position: 0 210px;
        padding-top: 930px
    }
    50% {
        background-position: 0 240px;
        padding-top: 960px
    }
    52.9411764706% {
        background-position: 0 270px;
        padding-top: 990px
    }
    55.8823529412% {
        background-position: 0 -720px;
        padding-top: 0px
    }
    58.8235294118% {
        background-position: 0 -690px;
        padding-top: 30px
    }
    61.7647058824% {
        background-position: 0 -660px;
        padding-top: 60px
    }
    64.7058823529% {
        background-position: 0 -630px;
        padding-top: 90px
    }
    67.6470588235% {
        background-position: 0 -600px;
        padding-top: 120px
    }
    70.5882352941% {
        background-position: 0 -570px;
        padding-top: 150px
    }
    73.5294117647% {
        background-position: 0 -540px;
        padding-top: 180px
    }
    76.4705882353% {
        background-position: 0 -510px;
        padding-top: 210px
    }
    79.4117647059% {
        background-position: 0 -480px;
        padding-top: 240px
    }
    82.3529411765% {
        background-position: 0 -450px;
        padding-top: 270px
    }
    85.2941176471% {
        background-position: 0 -420px;
        padding-top: 300px
    }
    88.2352941176% {
        background-position: 0 -390px;
        padding-top: 330px
    }
    91.1764705882% {
        background-position: 0 -360px;
        padding-top: 360px
    }
    94.1176470588% {
        background-position: 0 -330px;
        padding-top: 390px
    }
    97.0588235294% {
        background-position: 0 -300px;
        padding-top: 420px
    }
}

.matrix-yellow li:nth-child(11):before {
    content: "0 1 0 1 0 0 0 1 0 0 0 1 0 0 0 1 0 0 1 1 0 0 0 0 1 1 0 0 0 0 1 0 1 1"
}

.matrix-yellow li:nth-child(11):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 360px, #fbb315 360px, #fbb315 1020px) 0 0px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 360px, #fbb315 360px, #fbb315 1020px) 0 0px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 360px;
    -webkit-animation: 2720ms column-11 infinite steps(1, start);
    -moz-animation: 2720ms column-11 infinite steps(1, start);
    animation: 2720ms column-11 infinite steps(1, start)
}

@-webkit-keyframes column-11 {
    0% {
        background-position: 0 0px;
        padding-top: 360px
    }
    2.9411764706% {
        background-position: 0 30px;
        padding-top: 390px
    }
    5.8823529412% {
        background-position: 0 60px;
        padding-top: 420px
    }
    8.8235294118% {
        background-position: 0 90px;
        padding-top: 450px
    }
    11.7647058824% {
        background-position: 0 120px;
        padding-top: 480px
    }
    14.7058823529% {
        background-position: 0 150px;
        padding-top: 510px
    }
    17.6470588235% {
        background-position: 0 180px;
        padding-top: 540px
    }
    20.5882352941% {
        background-position: 0 210px;
        padding-top: 570px
    }
    23.5294117647% {
        background-position: 0 240px;
        padding-top: 600px
    }
    26.4705882353% {
        background-position: 0 270px;
        padding-top: 630px
    }
    29.4117647059% {
        background-position: 0 300px;
        padding-top: 660px
    }
    32.3529411765% {
        background-position: 0 330px;
        padding-top: 690px
    }
    35.2941176471% {
        background-position: 0 360px;
        padding-top: 720px
    }
    38.2352941176% {
        background-position: 0 390px;
        padding-top: 750px
    }
    41.1764705882% {
        background-position: 0 420px;
        padding-top: 780px
    }
    44.1176470588% {
        background-position: 0 450px;
        padding-top: 810px
    }
    47.0588235294% {
        background-position: 0 480px;
        padding-top: 840px
    }
    50% {
        background-position: 0 510px;
        padding-top: 870px
    }
    52.9411764706% {
        background-position: 0 540px;
        padding-top: 900px
    }
    55.8823529412% {
        background-position: 0 570px;
        padding-top: 930px
    }
    58.8235294118% {
        background-position: 0 600px;
        padding-top: 960px
    }
    61.7647058824% {
        background-position: 0 630px;
        padding-top: 990px
    }
    64.7058823529% {
        background-position: 0 -360px;
        padding-top: 0px
    }
    67.6470588235% {
        background-position: 0 -330px;
        padding-top: 30px
    }
    70.5882352941% {
        background-position: 0 -300px;
        padding-top: 60px
    }
    73.5294117647% {
        background-position: 0 -270px;
        padding-top: 90px
    }
    76.4705882353% {
        background-position: 0 -240px;
        padding-top: 120px
    }
    79.4117647059% {
        background-position: 0 -210px;
        padding-top: 150px
    }
    82.3529411765% {
        background-position: 0 -180px;
        padding-top: 180px
    }
    85.2941176471% {
        background-position: 0 -150px;
        padding-top: 210px
    }
    88.2352941176% {
        background-position: 0 -120px;
        padding-top: 240px
    }
    91.1764705882% {
        background-position: 0 -90px;
        padding-top: 270px
    }
    94.1176470588% {
        background-position: 0 -60px;
        padding-top: 300px
    }
    97.0588235294% {
        background-position: 0 -30px;
        padding-top: 330px
    }
}

@-moz-keyframes column-11 {
    0% {
        background-position: 0 0px;
        padding-top: 360px
    }
    2.9411764706% {
        background-position: 0 30px;
        padding-top: 390px
    }
    5.8823529412% {
        background-position: 0 60px;
        padding-top: 420px
    }
    8.8235294118% {
        background-position: 0 90px;
        padding-top: 450px
    }
    11.7647058824% {
        background-position: 0 120px;
        padding-top: 480px
    }
    14.7058823529% {
        background-position: 0 150px;
        padding-top: 510px
    }
    17.6470588235% {
        background-position: 0 180px;
        padding-top: 540px
    }
    20.5882352941% {
        background-position: 0 210px;
        padding-top: 570px
    }
    23.5294117647% {
        background-position: 0 240px;
        padding-top: 600px
    }
    26.4705882353% {
        background-position: 0 270px;
        padding-top: 630px
    }
    29.4117647059% {
        background-position: 0 300px;
        padding-top: 660px
    }
    32.3529411765% {
        background-position: 0 330px;
        padding-top: 690px
    }
    35.2941176471% {
        background-position: 0 360px;
        padding-top: 720px
    }
    38.2352941176% {
        background-position: 0 390px;
        padding-top: 750px
    }
    41.1764705882% {
        background-position: 0 420px;
        padding-top: 780px
    }
    44.1176470588% {
        background-position: 0 450px;
        padding-top: 810px
    }
    47.0588235294% {
        background-position: 0 480px;
        padding-top: 840px
    }
    50% {
        background-position: 0 510px;
        padding-top: 870px
    }
    52.9411764706% {
        background-position: 0 540px;
        padding-top: 900px
    }
    55.8823529412% {
        background-position: 0 570px;
        padding-top: 930px
    }
    58.8235294118% {
        background-position: 0 600px;
        padding-top: 960px
    }
    61.7647058824% {
        background-position: 0 630px;
        padding-top: 990px
    }
    64.7058823529% {
        background-position: 0 -360px;
        padding-top: 0px
    }
    67.6470588235% {
        background-position: 0 -330px;
        padding-top: 30px
    }
    70.5882352941% {
        background-position: 0 -300px;
        padding-top: 60px
    }
    73.5294117647% {
        background-position: 0 -270px;
        padding-top: 90px
    }
    76.4705882353% {
        background-position: 0 -240px;
        padding-top: 120px
    }
    79.4117647059% {
        background-position: 0 -210px;
        padding-top: 150px
    }
    82.3529411765% {
        background-position: 0 -180px;
        padding-top: 180px
    }
    85.2941176471% {
        background-position: 0 -150px;
        padding-top: 210px
    }
    88.2352941176% {
        background-position: 0 -120px;
        padding-top: 240px
    }
    91.1764705882% {
        background-position: 0 -90px;
        padding-top: 270px
    }
    94.1176470588% {
        background-position: 0 -60px;
        padding-top: 300px
    }
    97.0588235294% {
        background-position: 0 -30px;
        padding-top: 330px
    }
}

@keyframes column-11 {
    0% {
        background-position: 0 0px;
        padding-top: 360px
    }
    2.9411764706% {
        background-position: 0 30px;
        padding-top: 390px
    }
    5.8823529412% {
        background-position: 0 60px;
        padding-top: 420px
    }
    8.8235294118% {
        background-position: 0 90px;
        padding-top: 450px
    }
    11.7647058824% {
        background-position: 0 120px;
        padding-top: 480px
    }
    14.7058823529% {
        background-position: 0 150px;
        padding-top: 510px
    }
    17.6470588235% {
        background-position: 0 180px;
        padding-top: 540px
    }
    20.5882352941% {
        background-position: 0 210px;
        padding-top: 570px
    }
    23.5294117647% {
        background-position: 0 240px;
        padding-top: 600px
    }
    26.4705882353% {
        background-position: 0 270px;
        padding-top: 630px
    }
    29.4117647059% {
        background-position: 0 300px;
        padding-top: 660px
    }
    32.3529411765% {
        background-position: 0 330px;
        padding-top: 690px
    }
    35.2941176471% {
        background-position: 0 360px;
        padding-top: 720px
    }
    38.2352941176% {
        background-position: 0 390px;
        padding-top: 750px
    }
    41.1764705882% {
        background-position: 0 420px;
        padding-top: 780px
    }
    44.1176470588% {
        background-position: 0 450px;
        padding-top: 810px
    }
    47.0588235294% {
        background-position: 0 480px;
        padding-top: 840px
    }
    50% {
        background-position: 0 510px;
        padding-top: 870px
    }
    52.9411764706% {
        background-position: 0 540px;
        padding-top: 900px
    }
    55.8823529412% {
        background-position: 0 570px;
        padding-top: 930px
    }
    58.8235294118% {
        background-position: 0 600px;
        padding-top: 960px
    }
    61.7647058824% {
        background-position: 0 630px;
        padding-top: 990px
    }
    64.7058823529% {
        background-position: 0 -360px;
        padding-top: 0px
    }
    67.6470588235% {
        background-position: 0 -330px;
        padding-top: 30px
    }
    70.5882352941% {
        background-position: 0 -300px;
        padding-top: 60px
    }
    73.5294117647% {
        background-position: 0 -270px;
        padding-top: 90px
    }
    76.4705882353% {
        background-position: 0 -240px;
        padding-top: 120px
    }
    79.4117647059% {
        background-position: 0 -210px;
        padding-top: 150px
    }
    82.3529411765% {
        background-position: 0 -180px;
        padding-top: 180px
    }
    85.2941176471% {
        background-position: 0 -150px;
        padding-top: 210px
    }
    88.2352941176% {
        background-position: 0 -120px;
        padding-top: 240px
    }
    91.1764705882% {
        background-position: 0 -90px;
        padding-top: 270px
    }
    94.1176470588% {
        background-position: 0 -60px;
        padding-top: 300px
    }
    97.0588235294% {
        background-position: 0 -30px;
        padding-top: 330px
    }
}

.matrix-yellow li:nth-child(12):before {
    content: "0 1 1 0 0 0 1 1 0 0 1 1 0 0 0 1 0 1 1 1 0 0 0 0 0 0 1 0 1 0 0 1 0 0"
}

.matrix-yellow li:nth-child(12):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 840px, #fbb315 840px, #fbb315 1020px) 0 -390px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 840px, #fbb315 840px, #fbb315 1020px) 0 -390px repeat;
    color: #fbb315;
    content: "1";
    padding-top: 450px;
    -webkit-animation: 2720ms column-12 infinite steps(1, start);
    -moz-animation: 2720ms column-12 infinite steps(1, start);
    animation: 2720ms column-12 infinite steps(1, start)
}

@-webkit-keyframes column-12 {
    0% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 780px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 840px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 870px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 900px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 930px
    }
    50% {
        background-position: 0 120px;
        padding-top: 960px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 990px
    }
    55.8823529412% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    58.8235294118% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    61.7647058824% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    64.7058823529% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    67.6470588235% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    70.5882352941% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    73.5294117647% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    76.4705882353% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    79.4117647059% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    82.3529411765% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    85.2941176471% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    88.2352941176% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    91.1764705882% {
        background-position: 0 -480px;
        padding-top: 360px
    }
    94.1176470588% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    97.0588235294% {
        background-position: 0 -420px;
        padding-top: 420px
    }
}

@-moz-keyframes column-12 {
    0% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 780px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 840px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 870px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 900px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 930px
    }
    50% {
        background-position: 0 120px;
        padding-top: 960px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 990px
    }
    55.8823529412% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    58.8235294118% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    61.7647058824% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    64.7058823529% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    67.6470588235% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    70.5882352941% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    73.5294117647% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    76.4705882353% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    79.4117647059% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    82.3529411765% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    85.2941176471% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    88.2352941176% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    91.1764705882% {
        background-position: 0 -480px;
        padding-top: 360px
    }
    94.1176470588% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    97.0588235294% {
        background-position: 0 -420px;
        padding-top: 420px
    }
}

@keyframes column-12 {
    0% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 780px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 840px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 870px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 900px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 930px
    }
    50% {
        background-position: 0 120px;
        padding-top: 960px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 990px
    }
    55.8823529412% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    58.8235294118% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    61.7647058824% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    64.7058823529% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    67.6470588235% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    70.5882352941% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    73.5294117647% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    76.4705882353% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    79.4117647059% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    82.3529411765% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    85.2941176471% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    88.2352941176% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    91.1764705882% {
        background-position: 0 -480px;
        padding-top: 360px
    }
    94.1176470588% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    97.0588235294% {
        background-position: 0 -420px;
        padding-top: 420px
    }
}

.matrix-yellow li:nth-child(13):before {
    content: "1 1 1 0 1 0 1 0 1 0 0 0 1 0 0 1 1 1 0 0 0 0 0 0 0 0 0 0 0 1 1 0 1 0"
}

.matrix-yellow li:nth-child(13):after {
    background: -webkit-linear-gradient(#fbb315 0, rgba(251, 179, 21, 0) 240px, #fbb315 240px, #fbb315 1020px) 0 570px repeat;
    background: linear-gradient(to, rgba(251, 179, 21, 0) 240px, #fbb315 240px, #fbb315 1020px) 0 570px repeat;
    color: #fbb315;
    content: "0";
    padding-top: 810px;
    -webkit-animation: 2720ms column-13 infinite steps(1, start);
    -moz-animation: 2720ms column-13 infinite steps(1, start);
    animation: 2720ms column-13 infinite steps(1, start)
}

@-webkit-keyframes column-13 {
    0% {
        background-position: 0 570px;
        padding-top: 810px
    }
    2.9411764706% {
        background-position: 0 600px;
        padding-top: 840px
    }
    5.8823529412% {
        background-position: 0 630px;
        padding-top: 870px
    }
    8.8235294118% {
        background-position: 0 660px;
        padding-top: 900px
    }
    11.7647058824% {
        background-position: 0 690px;
        padding-top: 930px
    }
    14.7058823529% {
        background-position: 0 720px;
        padding-top: 960px
    }
    17.6470588235% {
        background-position: 0 750px;
        padding-top: 990px
    }
    20.5882352941% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    23.5294117647% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    26.4705882353% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    29.4117647059% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    32.3529411765% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    35.2941176471% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    38.2352941176% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    41.1764705882% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    44.1176470588% {
        background-position: 0 0px;
        padding-top: 240px
    }
    47.0588235294% {
        background-position: 0 30px;
        padding-top: 270px
    }
    50% {
        background-position: 0 60px;
        padding-top: 300px
    }
    52.9411764706% {
        background-position: 0 90px;
        padding-top: 330px
    }
    55.8823529412% {
        background-position: 0 120px;
        padding-top: 360px
    }
    58.8235294118% {
        background-position: 0 150px;
        padding-top: 390px
    }
    61.7647058824% {
        background-position: 0 180px;
        padding-top: 420px
    }
    64.7058823529% {
        background-position: 0 210px;
        padding-top: 450px
    }
    67.6470588235% {
        background-position: 0 240px;
        padding-top: 480px
    }
    70.5882352941% {
        background-position: 0 270px;
        padding-top: 510px
    }
    73.5294117647% {
        background-position: 0 300px;
        padding-top: 540px
    }
    76.4705882353% {
        background-position: 0 330px;
        padding-top: 570px
    }
    79.4117647059% {
        background-position: 0 360px;
        padding-top: 600px
    }
    82.3529411765% {
        background-position: 0 390px;
        padding-top: 630px
    }
    85.2941176471% {
        background-position: 0 420px;
        padding-top: 660px
    }
    88.2352941176% {
        background-position: 0 450px;
        padding-top: 690px
    }
    91.1764705882% {
        background-position: 0 480px;
        padding-top: 720px
    }
    94.1176470588% {
        background-position: 0 510px;
        padding-top: 750px
    }
    97.0588235294% {
        background-position: 0 540px;
        padding-top: 780px
    }
}

@-moz-keyframes column-13 {
    0% {
        background-position: 0 570px;
        padding-top: 810px
    }
    2.9411764706% {
        background-position: 0 600px;
        padding-top: 840px
    }
    5.8823529412% {
        background-position: 0 630px;
        padding-top: 870px
    }
    8.8235294118% {
        background-position: 0 660px;
        padding-top: 900px
    }
    11.7647058824% {
        background-position: 0 690px;
        padding-top: 930px
    }
    14.7058823529% {
        background-position: 0 720px;
        padding-top: 960px
    }
    17.6470588235% {
        background-position: 0 750px;
        padding-top: 990px
    }
    20.5882352941% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    23.5294117647% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    26.4705882353% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    29.4117647059% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    32.3529411765% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    35.2941176471% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    38.2352941176% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    41.1764705882% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    44.1176470588% {
        background-position: 0 0px;
        padding-top: 240px
    }
    47.0588235294% {
        background-position: 0 30px;
        padding-top: 270px
    }
    50% {
        background-position: 0 60px;
        padding-top: 300px
    }
    52.9411764706% {
        background-position: 0 90px;
        padding-top: 330px
    }
    55.8823529412% {
        background-position: 0 120px;
        padding-top: 360px
    }
    58.8235294118% {
        background-position: 0 150px;
        padding-top: 390px
    }
    61.7647058824% {
        background-position: 0 180px;
        padding-top: 420px
    }
    64.7058823529% {
        background-position: 0 210px;
        padding-top: 450px
    }
    67.6470588235% {
        background-position: 0 240px;
        padding-top: 480px
    }
    70.5882352941% {
        background-position: 0 270px;
        padding-top: 510px
    }
    73.5294117647% {
        background-position: 0 300px;
        padding-top: 540px
    }
    76.4705882353% {
        background-position: 0 330px;
        padding-top: 570px
    }
    79.4117647059% {
        background-position: 0 360px;
        padding-top: 600px
    }
    82.3529411765% {
        background-position: 0 390px;
        padding-top: 630px
    }
    85.2941176471% {
        background-position: 0 420px;
        padding-top: 660px
    }
    88.2352941176% {
        background-position: 0 450px;
        padding-top: 690px
    }
    91.1764705882% {
        background-position: 0 480px;
        padding-top: 720px
    }
    94.1176470588% {
        background-position: 0 510px;
        padding-top: 750px
    }
    97.0588235294% {
        background-position: 0 540px;
        padding-top: 780px
    }
}

@keyframes column-13 {
    0% {
        background-position: 0 570px;
        padding-top: 810px
    }
    2.9411764706% {
        background-position: 0 600px;
        padding-top: 840px
    }
    5.8823529412% {
        background-position: 0 630px;
        padding-top: 870px
    }
    8.8235294118% {
        background-position: 0 660px;
        padding-top: 900px
    }
    11.7647058824% {
        background-position: 0 690px;
        padding-top: 930px
    }
    14.7058823529% {
        background-position: 0 720px;
        padding-top: 960px
    }
    17.6470588235% {
        background-position: 0 750px;
        padding-top: 990px
    }
    20.5882352941% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    23.5294117647% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    26.4705882353% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    29.4117647059% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    32.3529411765% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    35.2941176471% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    38.2352941176% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    41.1764705882% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    44.1176470588% {
        background-position: 0 0px;
        padding-top: 240px
    }
    47.0588235294% {
        background-position: 0 30px;
        padding-top: 270px
    }
    50% {
        background-position: 0 60px;
        padding-top: 300px
    }
    52.9411764706% {
        background-position: 0 90px;
        padding-top: 330px
    }
    55.8823529412% {
        background-position: 0 120px;
        padding-top: 360px
    }
    58.8235294118% {
        background-position: 0 150px;
        padding-top: 390px
    }
    61.7647058824% {
        background-position: 0 180px;
        padding-top: 420px
    }
    64.7058823529% {
        background-position: 0 210px;
        padding-top: 450px
    }
    67.6470588235% {
        background-position: 0 240px;
        padding-top: 480px
    }
    70.5882352941% {
        background-position: 0 270px;
        padding-top: 510px
    }
    73.5294117647% {
        background-position: 0 300px;
        padding-top: 540px
    }
    76.4705882353% {
        background-position: 0 330px;
        padding-top: 570px
    }
    79.4117647059% {
        background-position: 0 360px;
        padding-top: 600px
    }
    82.3529411765% {
        background-position: 0 390px;
        padding-top: 630px
    }
    85.2941176471% {
        background-position: 0 420px;
        padding-top: 660px
    }
    88.2352941176% {
        background-position: 0 450px;
        padding-top: 690px
    }
    91.1764705882% {
        background-position: 0 480px;
        padding-top: 720px
    }
    94.1176470588% {
        background-position: 0 510px;
        padding-top: 750px
    }
    97.0588235294% {
        background-position: 0 540px;
        padding-top: 780px
    }
}

.matrix-grey {
    color: #a4abaf;
    font-size: 10px;
    line-height: 15px
}

@media only screen and (min-width:40.063em) {
    .matrix-grey {
        font-size: 20px;
        line-height: 30px;
    }
}

.matrix-grey li {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.matrix-grey li:before {
    display: block;
    width: 10px
}

@media only screen and (min-width:40.063em) {
    .matrix-grey li:before {
        width: 15px;
    }
}

.matrix-grey li:after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.matrix-grey li:nth-child(1):before {
    content: "1 0 0 1 1 0 0 0 0 1 1 0 0 0 1 0 1 1 0 1 0 0 0 0 0 0 0 0 0 1 1 1 1 0"
}

.matrix-grey li:nth-child(1):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 420px, #f0f1f2 420px, #f0f1f2 1020px) 0 -390px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 420px, #f0f1f2 420px, #f0f1f2 1020px) 0 -390px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 30px;
    -webkit-animation: 2720ms column-1 infinite steps(1, start);
    -moz-animation: 2720ms column-1 infinite steps(1, start);
    animation: 2720ms column-1 infinite steps(1, start)
}

@-webkit-keyframes column-1 {
    0% {
        background-position: 0 -390px;
        padding-top: 30px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 60px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 90px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 120px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 150px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 180px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 210px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 240px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 270px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 300px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 330px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 360px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 390px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 420px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 450px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 480px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 510px
    }
    50% {
        background-position: 0 120px;
        padding-top: 540px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 570px
    }
    55.8823529412% {
        background-position: 0 180px;
        padding-top: 600px
    }
    58.8235294118% {
        background-position: 0 210px;
        padding-top: 630px
    }
    61.7647058824% {
        background-position: 0 240px;
        padding-top: 660px
    }
    64.7058823529% {
        background-position: 0 270px;
        padding-top: 690px
    }
    67.6470588235% {
        background-position: 0 300px;
        padding-top: 720px
    }
    70.5882352941% {
        background-position: 0 330px;
        padding-top: 750px
    }
    73.5294117647% {
        background-position: 0 360px;
        padding-top: 780px
    }
    76.4705882353% {
        background-position: 0 390px;
        padding-top: 810px
    }
    79.4117647059% {
        background-position: 0 420px;
        padding-top: 840px
    }
    82.3529411765% {
        background-position: 0 450px;
        padding-top: 870px
    }
    85.2941176471% {
        background-position: 0 480px;
        padding-top: 900px
    }
    88.2352941176% {
        background-position: 0 510px;
        padding-top: 930px
    }
    91.1764705882% {
        background-position: 0 540px;
        padding-top: 960px
    }
    94.1176470588% {
        background-position: 0 570px;
        padding-top: 990px
    }
    97.0588235294% {
        background-position: 0 -420px;
        padding-top: 0px
    }
}

@-moz-keyframes column-1 {
    0% {
        background-position: 0 -390px;
        padding-top: 30px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 60px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 90px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 120px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 150px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 180px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 210px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 240px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 270px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 300px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 330px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 360px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 390px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 420px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 450px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 480px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 510px
    }
    50% {
        background-position: 0 120px;
        padding-top: 540px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 570px
    }
    55.8823529412% {
        background-position: 0 180px;
        padding-top: 600px
    }
    58.8235294118% {
        background-position: 0 210px;
        padding-top: 630px
    }
    61.7647058824% {
        background-position: 0 240px;
        padding-top: 660px
    }
    64.7058823529% {
        background-position: 0 270px;
        padding-top: 690px
    }
    67.6470588235% {
        background-position: 0 300px;
        padding-top: 720px
    }
    70.5882352941% {
        background-position: 0 330px;
        padding-top: 750px
    }
    73.5294117647% {
        background-position: 0 360px;
        padding-top: 780px
    }
    76.4705882353% {
        background-position: 0 390px;
        padding-top: 810px
    }
    79.4117647059% {
        background-position: 0 420px;
        padding-top: 840px
    }
    82.3529411765% {
        background-position: 0 450px;
        padding-top: 870px
    }
    85.2941176471% {
        background-position: 0 480px;
        padding-top: 900px
    }
    88.2352941176% {
        background-position: 0 510px;
        padding-top: 930px
    }
    91.1764705882% {
        background-position: 0 540px;
        padding-top: 960px
    }
    94.1176470588% {
        background-position: 0 570px;
        padding-top: 990px
    }
    97.0588235294% {
        background-position: 0 -420px;
        padding-top: 0px
    }
}

@keyframes column-1 {
    0% {
        background-position: 0 -390px;
        padding-top: 30px
    }
    2.9411764706% {
        background-position: 0 -360px;
        padding-top: 60px
    }
    5.8823529412% {
        background-position: 0 -330px;
        padding-top: 90px
    }
    8.8235294118% {
        background-position: 0 -300px;
        padding-top: 120px
    }
    11.7647058824% {
        background-position: 0 -270px;
        padding-top: 150px
    }
    14.7058823529% {
        background-position: 0 -240px;
        padding-top: 180px
    }
    17.6470588235% {
        background-position: 0 -210px;
        padding-top: 210px
    }
    20.5882352941% {
        background-position: 0 -180px;
        padding-top: 240px
    }
    23.5294117647% {
        background-position: 0 -150px;
        padding-top: 270px
    }
    26.4705882353% {
        background-position: 0 -120px;
        padding-top: 300px
    }
    29.4117647059% {
        background-position: 0 -90px;
        padding-top: 330px
    }
    32.3529411765% {
        background-position: 0 -60px;
        padding-top: 360px
    }
    35.2941176471% {
        background-position: 0 -30px;
        padding-top: 390px
    }
    38.2352941176% {
        background-position: 0 0px;
        padding-top: 420px
    }
    41.1764705882% {
        background-position: 0 30px;
        padding-top: 450px
    }
    44.1176470588% {
        background-position: 0 60px;
        padding-top: 480px
    }
    47.0588235294% {
        background-position: 0 90px;
        padding-top: 510px
    }
    50% {
        background-position: 0 120px;
        padding-top: 540px
    }
    52.9411764706% {
        background-position: 0 150px;
        padding-top: 570px
    }
    55.8823529412% {
        background-position: 0 180px;
        padding-top: 600px
    }
    58.8235294118% {
        background-position: 0 210px;
        padding-top: 630px
    }
    61.7647058824% {
        background-position: 0 240px;
        padding-top: 660px
    }
    64.7058823529% {
        background-position: 0 270px;
        padding-top: 690px
    }
    67.6470588235% {
        background-position: 0 300px;
        padding-top: 720px
    }
    70.5882352941% {
        background-position: 0 330px;
        padding-top: 750px
    }
    73.5294117647% {
        background-position: 0 360px;
        padding-top: 780px
    }
    76.4705882353% {
        background-position: 0 390px;
        padding-top: 810px
    }
    79.4117647059% {
        background-position: 0 420px;
        padding-top: 840px
    }
    82.3529411765% {
        background-position: 0 450px;
        padding-top: 870px
    }
    85.2941176471% {
        background-position: 0 480px;
        padding-top: 900px
    }
    88.2352941176% {
        background-position: 0 510px;
        padding-top: 930px
    }
    91.1764705882% {
        background-position: 0 540px;
        padding-top: 960px
    }
    94.1176470588% {
        background-position: 0 570px;
        padding-top: 990px
    }
    97.0588235294% {
        background-position: 0 -420px;
        padding-top: 0px
    }
}

.matrix-grey li:nth-child(2):before {
    content: "0 0 1 0 0 1 0 0 1 0 0 0 1 1 0 0 1 0 0 1 0 1 0 1 0 0 1 0 0 0 0 0 0 0"
}

.matrix-grey li:nth-child(2):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 390px, #f0f1f2 390px, #f0f1f2 1020px) 0 -240px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 390px, #f0f1f2 390px, #f0f1f2 1020px) 0 -240px repeat;
    color: #f0f1f2;
    content: "1";
    padding-top: 150px;
    -webkit-animation: 2720ms column-2 infinite steps(1, start);
    -moz-animation: 2720ms column-2 infinite steps(1, start);
    animation: 2720ms column-2 infinite steps(1, start)
}

@-webkit-keyframes column-2 {
    0% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    2.9411764706% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    5.8823529412% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    8.8235294118% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    11.7647058824% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    14.7058823529% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    17.6470588235% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    20.5882352941% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    23.5294117647% {
        background-position: 0 0px;
        padding-top: 390px
    }
    26.4705882353% {
        background-position: 0 30px;
        padding-top: 420px
    }
    29.4117647059% {
        background-position: 0 60px;
        padding-top: 450px
    }
    32.3529411765% {
        background-position: 0 90px;
        padding-top: 480px
    }
    35.2941176471% {
        background-position: 0 120px;
        padding-top: 510px
    }
    38.2352941176% {
        background-position: 0 150px;
        padding-top: 540px
    }
    41.1764705882% {
        background-position: 0 180px;
        padding-top: 570px
    }
    44.1176470588% {
        background-position: 0 210px;
        padding-top: 600px
    }
    47.0588235294% {
        background-position: 0 240px;
        padding-top: 630px
    }
    50% {
        background-position: 0 270px;
        padding-top: 660px
    }
    52.9411764706% {
        background-position: 0 300px;
        padding-top: 690px
    }
    55.8823529412% {
        background-position: 0 330px;
        padding-top: 720px
    }
    58.8235294118% {
        background-position: 0 360px;
        padding-top: 750px
    }
    61.7647058824% {
        background-position: 0 390px;
        padding-top: 780px
    }
    64.7058823529% {
        background-position: 0 420px;
        padding-top: 810px
    }
    67.6470588235% {
        background-position: 0 450px;
        padding-top: 840px
    }
    70.5882352941% {
        background-position: 0 480px;
        padding-top: 870px
    }
    73.5294117647% {
        background-position: 0 510px;
        padding-top: 900px
    }
    76.4705882353% {
        background-position: 0 540px;
        padding-top: 930px
    }
    79.4117647059% {
        background-position: 0 570px;
        padding-top: 960px
    }
    82.3529411765% {
        background-position: 0 600px;
        padding-top: 990px
    }
    85.2941176471% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    88.2352941176% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    91.1764705882% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    94.1176470588% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    97.0588235294% {
        background-position: 0 -270px;
        padding-top: 120px
    }
}

@-moz-keyframes column-2 {
    0% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    2.9411764706% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    5.8823529412% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    8.8235294118% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    11.7647058824% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    14.7058823529% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    17.6470588235% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    20.5882352941% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    23.5294117647% {
        background-position: 0 0px;
        padding-top: 390px
    }
    26.4705882353% {
        background-position: 0 30px;
        padding-top: 420px
    }
    29.4117647059% {
        background-position: 0 60px;
        padding-top: 450px
    }
    32.3529411765% {
        background-position: 0 90px;
        padding-top: 480px
    }
    35.2941176471% {
        background-position: 0 120px;
        padding-top: 510px
    }
    38.2352941176% {
        background-position: 0 150px;
        padding-top: 540px
    }
    41.1764705882% {
        background-position: 0 180px;
        padding-top: 570px
    }
    44.1176470588% {
        background-position: 0 210px;
        padding-top: 600px
    }
    47.0588235294% {
        background-position: 0 240px;
        padding-top: 630px
    }
    50% {
        background-position: 0 270px;
        padding-top: 660px
    }
    52.9411764706% {
        background-position: 0 300px;
        padding-top: 690px
    }
    55.8823529412% {
        background-position: 0 330px;
        padding-top: 720px
    }
    58.8235294118% {
        background-position: 0 360px;
        padding-top: 750px
    }
    61.7647058824% {
        background-position: 0 390px;
        padding-top: 780px
    }
    64.7058823529% {
        background-position: 0 420px;
        padding-top: 810px
    }
    67.6470588235% {
        background-position: 0 450px;
        padding-top: 840px
    }
    70.5882352941% {
        background-position: 0 480px;
        padding-top: 870px
    }
    73.5294117647% {
        background-position: 0 510px;
        padding-top: 900px
    }
    76.4705882353% {
        background-position: 0 540px;
        padding-top: 930px
    }
    79.4117647059% {
        background-position: 0 570px;
        padding-top: 960px
    }
    82.3529411765% {
        background-position: 0 600px;
        padding-top: 990px
    }
    85.2941176471% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    88.2352941176% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    91.1764705882% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    94.1176470588% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    97.0588235294% {
        background-position: 0 -270px;
        padding-top: 120px
    }
}

@keyframes column-2 {
    0% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    2.9411764706% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    5.8823529412% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    8.8235294118% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    11.7647058824% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    14.7058823529% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    17.6470588235% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    20.5882352941% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    23.5294117647% {
        background-position: 0 0px;
        padding-top: 390px
    }
    26.4705882353% {
        background-position: 0 30px;
        padding-top: 420px
    }
    29.4117647059% {
        background-position: 0 60px;
        padding-top: 450px
    }
    32.3529411765% {
        background-position: 0 90px;
        padding-top: 480px
    }
    35.2941176471% {
        background-position: 0 120px;
        padding-top: 510px
    }
    38.2352941176% {
        background-position: 0 150px;
        padding-top: 540px
    }
    41.1764705882% {
        background-position: 0 180px;
        padding-top: 570px
    }
    44.1176470588% {
        background-position: 0 210px;
        padding-top: 600px
    }
    47.0588235294% {
        background-position: 0 240px;
        padding-top: 630px
    }
    50% {
        background-position: 0 270px;
        padding-top: 660px
    }
    52.9411764706% {
        background-position: 0 300px;
        padding-top: 690px
    }
    55.8823529412% {
        background-position: 0 330px;
        padding-top: 720px
    }
    58.8235294118% {
        background-position: 0 360px;
        padding-top: 750px
    }
    61.7647058824% {
        background-position: 0 390px;
        padding-top: 780px
    }
    64.7058823529% {
        background-position: 0 420px;
        padding-top: 810px
    }
    67.6470588235% {
        background-position: 0 450px;
        padding-top: 840px
    }
    70.5882352941% {
        background-position: 0 480px;
        padding-top: 870px
    }
    73.5294117647% {
        background-position: 0 510px;
        padding-top: 900px
    }
    76.4705882353% {
        background-position: 0 540px;
        padding-top: 930px
    }
    79.4117647059% {
        background-position: 0 570px;
        padding-top: 960px
    }
    82.3529411765% {
        background-position: 0 600px;
        padding-top: 990px
    }
    85.2941176471% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    88.2352941176% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    91.1764705882% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    94.1176470588% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    97.0588235294% {
        background-position: 0 -270px;
        padding-top: 120px
    }
}

.matrix-grey li:nth-child(3):before {
    content: "0 1 0 0 0 0 0 0 1 0 0 1 0 1 0 0 1 1 1 1 0 1 1 0 1 1 1 0 1 1 0 0 0 0"
}

.matrix-grey li:nth-child(3):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 660px, #f0f1f2 660px, #f0f1f2 1020px) 0 30px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 660px, #f0f1f2 660px, #f0f1f2 1020px) 0 30px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 690px;
    -webkit-animation: 2720ms column-3 infinite steps(1, start);
    -moz-animation: 2720ms column-3 infinite steps(1, start);
    animation: 2720ms column-3 infinite steps(1, start)
}

@-webkit-keyframes column-3 {
    0% {
        background-position: 0 30px;
        padding-top: 690px
    }
    2.9411764706% {
        background-position: 0 60px;
        padding-top: 720px
    }
    5.8823529412% {
        background-position: 0 90px;
        padding-top: 750px
    }
    8.8235294118% {
        background-position: 0 120px;
        padding-top: 780px
    }
    11.7647058824% {
        background-position: 0 150px;
        padding-top: 810px
    }
    14.7058823529% {
        background-position: 0 180px;
        padding-top: 840px
    }
    17.6470588235% {
        background-position: 0 210px;
        padding-top: 870px
    }
    20.5882352941% {
        background-position: 0 240px;
        padding-top: 900px
    }
    23.5294117647% {
        background-position: 0 270px;
        padding-top: 930px
    }
    26.4705882353% {
        background-position: 0 300px;
        padding-top: 960px
    }
    29.4117647059% {
        background-position: 0 330px;
        padding-top: 990px
    }
    32.3529411765% {
        background-position: 0 -660px;
        padding-top: 0px
    }
    35.2941176471% {
        background-position: 0 -630px;
        padding-top: 30px
    }
    38.2352941176% {
        background-position: 0 -600px;
        padding-top: 60px
    }
    41.1764705882% {
        background-position: 0 -570px;
        padding-top: 90px
    }
    44.1176470588% {
        background-position: 0 -540px;
        padding-top: 120px
    }
    47.0588235294% {
        background-position: 0 -510px;
        padding-top: 150px
    }
    50% {
        background-position: 0 -480px;
        padding-top: 180px
    }
    52.9411764706% {
        background-position: 0 -450px;
        padding-top: 210px
    }
    55.8823529412% {
        background-position: 0 -420px;
        padding-top: 240px
    }
    58.8235294118% {
        background-position: 0 -390px;
        padding-top: 270px
    }
    61.7647058824% {
        background-position: 0 -360px;
        padding-top: 300px
    }
    64.7058823529% {
        background-position: 0 -330px;
        padding-top: 330px
    }
    67.6470588235% {
        background-position: 0 -300px;
        padding-top: 360px
    }
    70.5882352941% {
        background-position: 0 -270px;
        padding-top: 390px
    }
    73.5294117647% {
        background-position: 0 -240px;
        padding-top: 420px
    }
    76.4705882353% {
        background-position: 0 -210px;
        padding-top: 450px
    }
    79.4117647059% {
        background-position: 0 -180px;
        padding-top: 480px
    }
    82.3529411765% {
        background-position: 0 -150px;
        padding-top: 510px
    }
    85.2941176471% {
        background-position: 0 -120px;
        padding-top: 540px
    }
    88.2352941176% {
        background-position: 0 -90px;
        padding-top: 570px
    }
    91.1764705882% {
        background-position: 0 -60px;
        padding-top: 600px
    }
    94.1176470588% {
        background-position: 0 -30px;
        padding-top: 630px
    }
    97.0588235294% {
        background-position: 0 0px;
        padding-top: 660px
    }
}

@-moz-keyframes column-3 {
    0% {
        background-position: 0 30px;
        padding-top: 690px
    }
    2.9411764706% {
        background-position: 0 60px;
        padding-top: 720px
    }
    5.8823529412% {
        background-position: 0 90px;
        padding-top: 750px
    }
    8.8235294118% {
        background-position: 0 120px;
        padding-top: 780px
    }
    11.7647058824% {
        background-position: 0 150px;
        padding-top: 810px
    }
    14.7058823529% {
        background-position: 0 180px;
        padding-top: 840px
    }
    17.6470588235% {
        background-position: 0 210px;
        padding-top: 870px
    }
    20.5882352941% {
        background-position: 0 240px;
        padding-top: 900px
    }
    23.5294117647% {
        background-position: 0 270px;
        padding-top: 930px
    }
    26.4705882353% {
        background-position: 0 300px;
        padding-top: 960px
    }
    29.4117647059% {
        background-position: 0 330px;
        padding-top: 990px
    }
    32.3529411765% {
        background-position: 0 -660px;
        padding-top: 0px
    }
    35.2941176471% {
        background-position: 0 -630px;
        padding-top: 30px
    }
    38.2352941176% {
        background-position: 0 -600px;
        padding-top: 60px
    }
    41.1764705882% {
        background-position: 0 -570px;
        padding-top: 90px
    }
    44.1176470588% {
        background-position: 0 -540px;
        padding-top: 120px
    }
    47.0588235294% {
        background-position: 0 -510px;
        padding-top: 150px
    }
    50% {
        background-position: 0 -480px;
        padding-top: 180px
    }
    52.9411764706% {
        background-position: 0 -450px;
        padding-top: 210px
    }
    55.8823529412% {
        background-position: 0 -420px;
        padding-top: 240px
    }
    58.8235294118% {
        background-position: 0 -390px;
        padding-top: 270px
    }
    61.7647058824% {
        background-position: 0 -360px;
        padding-top: 300px
    }
    64.7058823529% {
        background-position: 0 -330px;
        padding-top: 330px
    }
    67.6470588235% {
        background-position: 0 -300px;
        padding-top: 360px
    }
    70.5882352941% {
        background-position: 0 -270px;
        padding-top: 390px
    }
    73.5294117647% {
        background-position: 0 -240px;
        padding-top: 420px
    }
    76.4705882353% {
        background-position: 0 -210px;
        padding-top: 450px
    }
    79.4117647059% {
        background-position: 0 -180px;
        padding-top: 480px
    }
    82.3529411765% {
        background-position: 0 -150px;
        padding-top: 510px
    }
    85.2941176471% {
        background-position: 0 -120px;
        padding-top: 540px
    }
    88.2352941176% {
        background-position: 0 -90px;
        padding-top: 570px
    }
    91.1764705882% {
        background-position: 0 -60px;
        padding-top: 600px
    }
    94.1176470588% {
        background-position: 0 -30px;
        padding-top: 630px
    }
    97.0588235294% {
        background-position: 0 0px;
        padding-top: 660px
    }
}

@keyframes column-3 {
    0% {
        background-position: 0 30px;
        padding-top: 690px
    }
    2.9411764706% {
        background-position: 0 60px;
        padding-top: 720px
    }
    5.8823529412% {
        background-position: 0 90px;
        padding-top: 750px
    }
    8.8235294118% {
        background-position: 0 120px;
        padding-top: 780px
    }
    11.7647058824% {
        background-position: 0 150px;
        padding-top: 810px
    }
    14.7058823529% {
        background-position: 0 180px;
        padding-top: 840px
    }
    17.6470588235% {
        background-position: 0 210px;
        padding-top: 870px
    }
    20.5882352941% {
        background-position: 0 240px;
        padding-top: 900px
    }
    23.5294117647% {
        background-position: 0 270px;
        padding-top: 930px
    }
    26.4705882353% {
        background-position: 0 300px;
        padding-top: 960px
    }
    29.4117647059% {
        background-position: 0 330px;
        padding-top: 990px
    }
    32.3529411765% {
        background-position: 0 -660px;
        padding-top: 0px
    }
    35.2941176471% {
        background-position: 0 -630px;
        padding-top: 30px
    }
    38.2352941176% {
        background-position: 0 -600px;
        padding-top: 60px
    }
    41.1764705882% {
        background-position: 0 -570px;
        padding-top: 90px
    }
    44.1176470588% {
        background-position: 0 -540px;
        padding-top: 120px
    }
    47.0588235294% {
        background-position: 0 -510px;
        padding-top: 150px
    }
    50% {
        background-position: 0 -480px;
        padding-top: 180px
    }
    52.9411764706% {
        background-position: 0 -450px;
        padding-top: 210px
    }
    55.8823529412% {
        background-position: 0 -420px;
        padding-top: 240px
    }
    58.8235294118% {
        background-position: 0 -390px;
        padding-top: 270px
    }
    61.7647058824% {
        background-position: 0 -360px;
        padding-top: 300px
    }
    64.7058823529% {
        background-position: 0 -330px;
        padding-top: 330px
    }
    67.6470588235% {
        background-position: 0 -300px;
        padding-top: 360px
    }
    70.5882352941% {
        background-position: 0 -270px;
        padding-top: 390px
    }
    73.5294117647% {
        background-position: 0 -240px;
        padding-top: 420px
    }
    76.4705882353% {
        background-position: 0 -210px;
        padding-top: 450px
    }
    79.4117647059% {
        background-position: 0 -180px;
        padding-top: 480px
    }
    82.3529411765% {
        background-position: 0 -150px;
        padding-top: 510px
    }
    85.2941176471% {
        background-position: 0 -120px;
        padding-top: 540px
    }
    88.2352941176% {
        background-position: 0 -90px;
        padding-top: 570px
    }
    91.1764705882% {
        background-position: 0 -60px;
        padding-top: 600px
    }
    94.1176470588% {
        background-position: 0 -30px;
        padding-top: 630px
    }
    97.0588235294% {
        background-position: 0 0px;
        padding-top: 660px
    }
}

.matrix-grey li:nth-child(4):before {
    content: "1 0 0 1 1 0 1 1 1 1 0 0 0 1 0 1 1 1 0 0 1 0 1 0 0 0 0 0 0 1 1 0 1 0"
}

.matrix-grey li:nth-child(4):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 840px, #f0f1f2 840px, #f0f1f2 1020px) 0 -30px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 840px, #f0f1f2 840px, #f0f1f2 1020px) 0 -30px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 810px;
    -webkit-animation: 2720ms column-4 infinite steps(1, start);
    -moz-animation: 2720ms column-4 infinite steps(1, start);
    animation: 2720ms column-4 infinite steps(1, start)
}

@-webkit-keyframes column-4 {
    0% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    2.9411764706% {
        background-position: 0 0px;
        padding-top: 840px
    }
    5.8823529412% {
        background-position: 0 30px;
        padding-top: 870px
    }
    8.8235294118% {
        background-position: 0 60px;
        padding-top: 900px
    }
    11.7647058824% {
        background-position: 0 90px;
        padding-top: 930px
    }
    14.7058823529% {
        background-position: 0 120px;
        padding-top: 960px
    }
    17.6470588235% {
        background-position: 0 150px;
        padding-top: 990px
    }
    20.5882352941% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    23.5294117647% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    26.4705882353% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    29.4117647059% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    32.3529411765% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    35.2941176471% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    38.2352941176% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    41.1764705882% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    44.1176470588% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    47.0588235294% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    50% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    52.9411764706% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    55.8823529412% {
        background-position: 0 -480px;
        padding-top: 360px
    }
    58.8235294118% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    61.7647058824% {
        background-position: 0 -420px;
        padding-top: 420px
    }
    64.7058823529% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    67.6470588235% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    70.5882352941% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    73.5294117647% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    76.4705882353% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    79.4117647059% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    82.3529411765% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    85.2941176471% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    88.2352941176% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    91.1764705882% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    94.1176470588% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    97.0588235294% {
        background-position: 0 -60px;
        padding-top: 780px
    }
}

@-moz-keyframes column-4 {
    0% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    2.9411764706% {
        background-position: 0 0px;
        padding-top: 840px
    }
    5.8823529412% {
        background-position: 0 30px;
        padding-top: 870px
    }
    8.8235294118% {
        background-position: 0 60px;
        padding-top: 900px
    }
    11.7647058824% {
        background-position: 0 90px;
        padding-top: 930px
    }
    14.7058823529% {
        background-position: 0 120px;
        padding-top: 960px
    }
    17.6470588235% {
        background-position: 0 150px;
        padding-top: 990px
    }
    20.5882352941% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    23.5294117647% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    26.4705882353% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    29.4117647059% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    32.3529411765% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    35.2941176471% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    38.2352941176% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    41.1764705882% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    44.1176470588% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    47.0588235294% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    50% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    52.9411764706% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    55.8823529412% {
        background-position: 0 -480px;
        padding-top: 360px
    }
    58.8235294118% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    61.7647058824% {
        background-position: 0 -420px;
        padding-top: 420px
    }
    64.7058823529% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    67.6470588235% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    70.5882352941% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    73.5294117647% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    76.4705882353% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    79.4117647059% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    82.3529411765% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    85.2941176471% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    88.2352941176% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    91.1764705882% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    94.1176470588% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    97.0588235294% {
        background-position: 0 -60px;
        padding-top: 780px
    }
}

@keyframes column-4 {
    0% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    2.9411764706% {
        background-position: 0 0px;
        padding-top: 840px
    }
    5.8823529412% {
        background-position: 0 30px;
        padding-top: 870px
    }
    8.8235294118% {
        background-position: 0 60px;
        padding-top: 900px
    }
    11.7647058824% {
        background-position: 0 90px;
        padding-top: 930px
    }
    14.7058823529% {
        background-position: 0 120px;
        padding-top: 960px
    }
    17.6470588235% {
        background-position: 0 150px;
        padding-top: 990px
    }
    20.5882352941% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    23.5294117647% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    26.4705882353% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    29.4117647059% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    32.3529411765% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    35.2941176471% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    38.2352941176% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    41.1764705882% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    44.1176470588% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    47.0588235294% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    50% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    52.9411764706% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    55.8823529412% {
        background-position: 0 -480px;
        padding-top: 360px
    }
    58.8235294118% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    61.7647058824% {
        background-position: 0 -420px;
        padding-top: 420px
    }
    64.7058823529% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    67.6470588235% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    70.5882352941% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    73.5294117647% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    76.4705882353% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    79.4117647059% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    82.3529411765% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    85.2941176471% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    88.2352941176% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    91.1764705882% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    94.1176470588% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    97.0588235294% {
        background-position: 0 -60px;
        padding-top: 780px
    }
}

.matrix-grey li:nth-child(5):before {
    content: "1 0 1 0 1 0 0 1 1 0 0 0 0 0 1 0 1 1 0 1 0 1 1 0 0 0 1 1 1 0 0 1 1 0"
}

.matrix-grey li:nth-child(5):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 390px, #f0f1f2 390px, #f0f1f2 1020px) 0 390px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 390px, #f0f1f2 390px, #f0f1f2 1020px) 0 390px repeat;
    color: #f0f1f2;
    content: "1";
    padding-top: 780px;
    -webkit-animation: 2720ms column-5 infinite steps(1, start);
    -moz-animation: 2720ms column-5 infinite steps(1, start);
    animation: 2720ms column-5 infinite steps(1, start)
}

@-webkit-keyframes column-5 {
    0% {
        background-position: 0 390px;
        padding-top: 780px
    }
    2.9411764706% {
        background-position: 0 420px;
        padding-top: 810px
    }
    5.8823529412% {
        background-position: 0 450px;
        padding-top: 840px
    }
    8.8235294118% {
        background-position: 0 480px;
        padding-top: 870px
    }
    11.7647058824% {
        background-position: 0 510px;
        padding-top: 900px
    }
    14.7058823529% {
        background-position: 0 540px;
        padding-top: 930px
    }
    17.6470588235% {
        background-position: 0 570px;
        padding-top: 960px
    }
    20.5882352941% {
        background-position: 0 600px;
        padding-top: 990px
    }
    23.5294117647% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    26.4705882353% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    29.4117647059% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    32.3529411765% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    35.2941176471% {
        background-position: 0 -270px;
        padding-top: 120px
    }
    38.2352941176% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    41.1764705882% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    44.1176470588% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    47.0588235294% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    50% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    52.9411764706% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    55.8823529412% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    58.8235294118% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    61.7647058824% {
        background-position: 0 0px;
        padding-top: 390px
    }
    64.7058823529% {
        background-position: 0 30px;
        padding-top: 420px
    }
    67.6470588235% {
        background-position: 0 60px;
        padding-top: 450px
    }
    70.5882352941% {
        background-position: 0 90px;
        padding-top: 480px
    }
    73.5294117647% {
        background-position: 0 120px;
        padding-top: 510px
    }
    76.4705882353% {
        background-position: 0 150px;
        padding-top: 540px
    }
    79.4117647059% {
        background-position: 0 180px;
        padding-top: 570px
    }
    82.3529411765% {
        background-position: 0 210px;
        padding-top: 600px
    }
    85.2941176471% {
        background-position: 0 240px;
        padding-top: 630px
    }
    88.2352941176% {
        background-position: 0 270px;
        padding-top: 660px
    }
    91.1764705882% {
        background-position: 0 300px;
        padding-top: 690px
    }
    94.1176470588% {
        background-position: 0 330px;
        padding-top: 720px
    }
    97.0588235294% {
        background-position: 0 360px;
        padding-top: 750px
    }
}

@-moz-keyframes column-5 {
    0% {
        background-position: 0 390px;
        padding-top: 780px
    }
    2.9411764706% {
        background-position: 0 420px;
        padding-top: 810px
    }
    5.8823529412% {
        background-position: 0 450px;
        padding-top: 840px
    }
    8.8235294118% {
        background-position: 0 480px;
        padding-top: 870px
    }
    11.7647058824% {
        background-position: 0 510px;
        padding-top: 900px
    }
    14.7058823529% {
        background-position: 0 540px;
        padding-top: 930px
    }
    17.6470588235% {
        background-position: 0 570px;
        padding-top: 960px
    }
    20.5882352941% {
        background-position: 0 600px;
        padding-top: 990px
    }
    23.5294117647% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    26.4705882353% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    29.4117647059% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    32.3529411765% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    35.2941176471% {
        background-position: 0 -270px;
        padding-top: 120px
    }
    38.2352941176% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    41.1764705882% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    44.1176470588% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    47.0588235294% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    50% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    52.9411764706% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    55.8823529412% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    58.8235294118% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    61.7647058824% {
        background-position: 0 0px;
        padding-top: 390px
    }
    64.7058823529% {
        background-position: 0 30px;
        padding-top: 420px
    }
    67.6470588235% {
        background-position: 0 60px;
        padding-top: 450px
    }
    70.5882352941% {
        background-position: 0 90px;
        padding-top: 480px
    }
    73.5294117647% {
        background-position: 0 120px;
        padding-top: 510px
    }
    76.4705882353% {
        background-position: 0 150px;
        padding-top: 540px
    }
    79.4117647059% {
        background-position: 0 180px;
        padding-top: 570px
    }
    82.3529411765% {
        background-position: 0 210px;
        padding-top: 600px
    }
    85.2941176471% {
        background-position: 0 240px;
        padding-top: 630px
    }
    88.2352941176% {
        background-position: 0 270px;
        padding-top: 660px
    }
    91.1764705882% {
        background-position: 0 300px;
        padding-top: 690px
    }
    94.1176470588% {
        background-position: 0 330px;
        padding-top: 720px
    }
    97.0588235294% {
        background-position: 0 360px;
        padding-top: 750px
    }
}

@keyframes column-5 {
    0% {
        background-position: 0 390px;
        padding-top: 780px
    }
    2.9411764706% {
        background-position: 0 420px;
        padding-top: 810px
    }
    5.8823529412% {
        background-position: 0 450px;
        padding-top: 840px
    }
    8.8235294118% {
        background-position: 0 480px;
        padding-top: 870px
    }
    11.7647058824% {
        background-position: 0 510px;
        padding-top: 900px
    }
    14.7058823529% {
        background-position: 0 540px;
        padding-top: 930px
    }
    17.6470588235% {
        background-position: 0 570px;
        padding-top: 960px
    }
    20.5882352941% {
        background-position: 0 600px;
        padding-top: 990px
    }
    23.5294117647% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    26.4705882353% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    29.4117647059% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    32.3529411765% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    35.2941176471% {
        background-position: 0 -270px;
        padding-top: 120px
    }
    38.2352941176% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    41.1764705882% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    44.1176470588% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    47.0588235294% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    50% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    52.9411764706% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    55.8823529412% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    58.8235294118% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    61.7647058824% {
        background-position: 0 0px;
        padding-top: 390px
    }
    64.7058823529% {
        background-position: 0 30px;
        padding-top: 420px
    }
    67.6470588235% {
        background-position: 0 60px;
        padding-top: 450px
    }
    70.5882352941% {
        background-position: 0 90px;
        padding-top: 480px
    }
    73.5294117647% {
        background-position: 0 120px;
        padding-top: 510px
    }
    76.4705882353% {
        background-position: 0 150px;
        padding-top: 540px
    }
    79.4117647059% {
        background-position: 0 180px;
        padding-top: 570px
    }
    82.3529411765% {
        background-position: 0 210px;
        padding-top: 600px
    }
    85.2941176471% {
        background-position: 0 240px;
        padding-top: 630px
    }
    88.2352941176% {
        background-position: 0 270px;
        padding-top: 660px
    }
    91.1764705882% {
        background-position: 0 300px;
        padding-top: 690px
    }
    94.1176470588% {
        background-position: 0 330px;
        padding-top: 720px
    }
    97.0588235294% {
        background-position: 0 360px;
        padding-top: 750px
    }
}

.matrix-grey li:nth-child(6):before {
    content: "1 0 0 0 0 0 1 0 0 0 0 1 1 1 0 0 1 0 1 1 0 1 1 1 1 1 0 0 0 0 0 0 0 1"
}

.matrix-grey li:nth-child(6):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 240px, #f0f1f2 240px, #f0f1f2 1020px) 0 480px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 240px, #f0f1f2 240px, #f0f1f2 1020px) 0 480px repeat;
    color: #f0f1f2;
    content: "1";
    padding-top: 720px;
    -webkit-animation: 2720ms column-6 infinite steps(1, start);
    -moz-animation: 2720ms column-6 infinite steps(1, start);
    animation: 2720ms column-6 infinite steps(1, start)
}

@-webkit-keyframes column-6 {
    0% {
        background-position: 0 480px;
        padding-top: 720px
    }
    2.9411764706% {
        background-position: 0 510px;
        padding-top: 750px
    }
    5.8823529412% {
        background-position: 0 540px;
        padding-top: 780px
    }
    8.8235294118% {
        background-position: 0 570px;
        padding-top: 810px
    }
    11.7647058824% {
        background-position: 0 600px;
        padding-top: 840px
    }
    14.7058823529% {
        background-position: 0 630px;
        padding-top: 870px
    }
    17.6470588235% {
        background-position: 0 660px;
        padding-top: 900px
    }
    20.5882352941% {
        background-position: 0 690px;
        padding-top: 930px
    }
    23.5294117647% {
        background-position: 0 720px;
        padding-top: 960px
    }
    26.4705882353% {
        background-position: 0 750px;
        padding-top: 990px
    }
    29.4117647059% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    32.3529411765% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    35.2941176471% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    38.2352941176% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    41.1764705882% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    44.1176470588% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    47.0588235294% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    50% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    52.9411764706% {
        background-position: 0 0px;
        padding-top: 240px
    }
    55.8823529412% {
        background-position: 0 30px;
        padding-top: 270px
    }
    58.8235294118% {
        background-position: 0 60px;
        padding-top: 300px
    }
    61.7647058824% {
        background-position: 0 90px;
        padding-top: 330px
    }
    64.7058823529% {
        background-position: 0 120px;
        padding-top: 360px
    }
    67.6470588235% {
        background-position: 0 150px;
        padding-top: 390px
    }
    70.5882352941% {
        background-position: 0 180px;
        padding-top: 420px
    }
    73.5294117647% {
        background-position: 0 210px;
        padding-top: 450px
    }
    76.4705882353% {
        background-position: 0 240px;
        padding-top: 480px
    }
    79.4117647059% {
        background-position: 0 270px;
        padding-top: 510px
    }
    82.3529411765% {
        background-position: 0 300px;
        padding-top: 540px
    }
    85.2941176471% {
        background-position: 0 330px;
        padding-top: 570px
    }
    88.2352941176% {
        background-position: 0 360px;
        padding-top: 600px
    }
    91.1764705882% {
        background-position: 0 390px;
        padding-top: 630px
    }
    94.1176470588% {
        background-position: 0 420px;
        padding-top: 660px
    }
    97.0588235294% {
        background-position: 0 450px;
        padding-top: 690px
    }
}

@-moz-keyframes column-6 {
    0% {
        background-position: 0 480px;
        padding-top: 720px
    }
    2.9411764706% {
        background-position: 0 510px;
        padding-top: 750px
    }
    5.8823529412% {
        background-position: 0 540px;
        padding-top: 780px
    }
    8.8235294118% {
        background-position: 0 570px;
        padding-top: 810px
    }
    11.7647058824% {
        background-position: 0 600px;
        padding-top: 840px
    }
    14.7058823529% {
        background-position: 0 630px;
        padding-top: 870px
    }
    17.6470588235% {
        background-position: 0 660px;
        padding-top: 900px
    }
    20.5882352941% {
        background-position: 0 690px;
        padding-top: 930px
    }
    23.5294117647% {
        background-position: 0 720px;
        padding-top: 960px
    }
    26.4705882353% {
        background-position: 0 750px;
        padding-top: 990px
    }
    29.4117647059% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    32.3529411765% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    35.2941176471% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    38.2352941176% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    41.1764705882% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    44.1176470588% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    47.0588235294% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    50% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    52.9411764706% {
        background-position: 0 0px;
        padding-top: 240px
    }
    55.8823529412% {
        background-position: 0 30px;
        padding-top: 270px
    }
    58.8235294118% {
        background-position: 0 60px;
        padding-top: 300px
    }
    61.7647058824% {
        background-position: 0 90px;
        padding-top: 330px
    }
    64.7058823529% {
        background-position: 0 120px;
        padding-top: 360px
    }
    67.6470588235% {
        background-position: 0 150px;
        padding-top: 390px
    }
    70.5882352941% {
        background-position: 0 180px;
        padding-top: 420px
    }
    73.5294117647% {
        background-position: 0 210px;
        padding-top: 450px
    }
    76.4705882353% {
        background-position: 0 240px;
        padding-top: 480px
    }
    79.4117647059% {
        background-position: 0 270px;
        padding-top: 510px
    }
    82.3529411765% {
        background-position: 0 300px;
        padding-top: 540px
    }
    85.2941176471% {
        background-position: 0 330px;
        padding-top: 570px
    }
    88.2352941176% {
        background-position: 0 360px;
        padding-top: 600px
    }
    91.1764705882% {
        background-position: 0 390px;
        padding-top: 630px
    }
    94.1176470588% {
        background-position: 0 420px;
        padding-top: 660px
    }
    97.0588235294% {
        background-position: 0 450px;
        padding-top: 690px
    }
}

@keyframes column-6 {
    0% {
        background-position: 0 480px;
        padding-top: 720px
    }
    2.9411764706% {
        background-position: 0 510px;
        padding-top: 750px
    }
    5.8823529412% {
        background-position: 0 540px;
        padding-top: 780px
    }
    8.8235294118% {
        background-position: 0 570px;
        padding-top: 810px
    }
    11.7647058824% {
        background-position: 0 600px;
        padding-top: 840px
    }
    14.7058823529% {
        background-position: 0 630px;
        padding-top: 870px
    }
    17.6470588235% {
        background-position: 0 660px;
        padding-top: 900px
    }
    20.5882352941% {
        background-position: 0 690px;
        padding-top: 930px
    }
    23.5294117647% {
        background-position: 0 720px;
        padding-top: 960px
    }
    26.4705882353% {
        background-position: 0 750px;
        padding-top: 990px
    }
    29.4117647059% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    32.3529411765% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    35.2941176471% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    38.2352941176% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    41.1764705882% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    44.1176470588% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    47.0588235294% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    50% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    52.9411764706% {
        background-position: 0 0px;
        padding-top: 240px
    }
    55.8823529412% {
        background-position: 0 30px;
        padding-top: 270px
    }
    58.8235294118% {
        background-position: 0 60px;
        padding-top: 300px
    }
    61.7647058824% {
        background-position: 0 90px;
        padding-top: 330px
    }
    64.7058823529% {
        background-position: 0 120px;
        padding-top: 360px
    }
    67.6470588235% {
        background-position: 0 150px;
        padding-top: 390px
    }
    70.5882352941% {
        background-position: 0 180px;
        padding-top: 420px
    }
    73.5294117647% {
        background-position: 0 210px;
        padding-top: 450px
    }
    76.4705882353% {
        background-position: 0 240px;
        padding-top: 480px
    }
    79.4117647059% {
        background-position: 0 270px;
        padding-top: 510px
    }
    82.3529411765% {
        background-position: 0 300px;
        padding-top: 540px
    }
    85.2941176471% {
        background-position: 0 330px;
        padding-top: 570px
    }
    88.2352941176% {
        background-position: 0 360px;
        padding-top: 600px
    }
    91.1764705882% {
        background-position: 0 390px;
        padding-top: 630px
    }
    94.1176470588% {
        background-position: 0 420px;
        padding-top: 660px
    }
    97.0588235294% {
        background-position: 0 450px;
        padding-top: 690px
    }
}

.matrix-grey li:nth-child(7):before {
    content: "1 1 0 0 0 0 1 1 0 0 1 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 1 1 1 0 0 1 1 0"
}

.matrix-grey li:nth-child(7):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 510px, #f0f1f2 510px, #f0f1f2 1020px) 0 -480px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 510px, #f0f1f2 510px, #f0f1f2 1020px) 0 -480px repeat;
    color: #f0f1f2;
    content: "1";
    padding-top: 30px;
    -webkit-animation: 2720ms column-7 infinite steps(1, start);
    -moz-animation: 2720ms column-7 infinite steps(1, start);
    animation: 2720ms column-7 infinite steps(1, start)
}

@-webkit-keyframes column-7 {
    0% {
        background-position: 0 -480px;
        padding-top: 30px
    }
    2.9411764706% {
        background-position: 0 -450px;
        padding-top: 60px
    }
    5.8823529412% {
        background-position: 0 -420px;
        padding-top: 90px
    }
    8.8235294118% {
        background-position: 0 -390px;
        padding-top: 120px
    }
    11.7647058824% {
        background-position: 0 -360px;
        padding-top: 150px
    }
    14.7058823529% {
        background-position: 0 -330px;
        padding-top: 180px
    }
    17.6470588235% {
        background-position: 0 -300px;
        padding-top: 210px
    }
    20.5882352941% {
        background-position: 0 -270px;
        padding-top: 240px
    }
    23.5294117647% {
        background-position: 0 -240px;
        padding-top: 270px
    }
    26.4705882353% {
        background-position: 0 -210px;
        padding-top: 300px
    }
    29.4117647059% {
        background-position: 0 -180px;
        padding-top: 330px
    }
    32.3529411765% {
        background-position: 0 -150px;
        padding-top: 360px
    }
    35.2941176471% {
        background-position: 0 -120px;
        padding-top: 390px
    }
    38.2352941176% {
        background-position: 0 -90px;
        padding-top: 420px
    }
    41.1764705882% {
        background-position: 0 -60px;
        padding-top: 450px
    }
    44.1176470588% {
        background-position: 0 -30px;
        padding-top: 480px
    }
    47.0588235294% {
        background-position: 0 0px;
        padding-top: 510px
    }
    50% {
        background-position: 0 30px;
        padding-top: 540px
    }
    52.9411764706% {
        background-position: 0 60px;
        padding-top: 570px
    }
    55.8823529412% {
        background-position: 0 90px;
        padding-top: 600px
    }
    58.8235294118% {
        background-position: 0 120px;
        padding-top: 630px
    }
    61.7647058824% {
        background-position: 0 150px;
        padding-top: 660px
    }
    64.7058823529% {
        background-position: 0 180px;
        padding-top: 690px
    }
    67.6470588235% {
        background-position: 0 210px;
        padding-top: 720px
    }
    70.5882352941% {
        background-position: 0 240px;
        padding-top: 750px
    }
    73.5294117647% {
        background-position: 0 270px;
        padding-top: 780px
    }
    76.4705882353% {
        background-position: 0 300px;
        padding-top: 810px
    }
    79.4117647059% {
        background-position: 0 330px;
        padding-top: 840px
    }
    82.3529411765% {
        background-position: 0 360px;
        padding-top: 870px
    }
    85.2941176471% {
        background-position: 0 390px;
        padding-top: 900px
    }
    88.2352941176% {
        background-position: 0 420px;
        padding-top: 930px
    }
    91.1764705882% {
        background-position: 0 450px;
        padding-top: 960px
    }
    94.1176470588% {
        background-position: 0 480px;
        padding-top: 990px
    }
    97.0588235294% {
        background-position: 0 -510px;
        padding-top: 0px
    }
}

@-moz-keyframes column-7 {
    0% {
        background-position: 0 -480px;
        padding-top: 30px
    }
    2.9411764706% {
        background-position: 0 -450px;
        padding-top: 60px
    }
    5.8823529412% {
        background-position: 0 -420px;
        padding-top: 90px
    }
    8.8235294118% {
        background-position: 0 -390px;
        padding-top: 120px
    }
    11.7647058824% {
        background-position: 0 -360px;
        padding-top: 150px
    }
    14.7058823529% {
        background-position: 0 -330px;
        padding-top: 180px
    }
    17.6470588235% {
        background-position: 0 -300px;
        padding-top: 210px
    }
    20.5882352941% {
        background-position: 0 -270px;
        padding-top: 240px
    }
    23.5294117647% {
        background-position: 0 -240px;
        padding-top: 270px
    }
    26.4705882353% {
        background-position: 0 -210px;
        padding-top: 300px
    }
    29.4117647059% {
        background-position: 0 -180px;
        padding-top: 330px
    }
    32.3529411765% {
        background-position: 0 -150px;
        padding-top: 360px
    }
    35.2941176471% {
        background-position: 0 -120px;
        padding-top: 390px
    }
    38.2352941176% {
        background-position: 0 -90px;
        padding-top: 420px
    }
    41.1764705882% {
        background-position: 0 -60px;
        padding-top: 450px
    }
    44.1176470588% {
        background-position: 0 -30px;
        padding-top: 480px
    }
    47.0588235294% {
        background-position: 0 0px;
        padding-top: 510px
    }
    50% {
        background-position: 0 30px;
        padding-top: 540px
    }
    52.9411764706% {
        background-position: 0 60px;
        padding-top: 570px
    }
    55.8823529412% {
        background-position: 0 90px;
        padding-top: 600px
    }
    58.8235294118% {
        background-position: 0 120px;
        padding-top: 630px
    }
    61.7647058824% {
        background-position: 0 150px;
        padding-top: 660px
    }
    64.7058823529% {
        background-position: 0 180px;
        padding-top: 690px
    }
    67.6470588235% {
        background-position: 0 210px;
        padding-top: 720px
    }
    70.5882352941% {
        background-position: 0 240px;
        padding-top: 750px
    }
    73.5294117647% {
        background-position: 0 270px;
        padding-top: 780px
    }
    76.4705882353% {
        background-position: 0 300px;
        padding-top: 810px
    }
    79.4117647059% {
        background-position: 0 330px;
        padding-top: 840px
    }
    82.3529411765% {
        background-position: 0 360px;
        padding-top: 870px
    }
    85.2941176471% {
        background-position: 0 390px;
        padding-top: 900px
    }
    88.2352941176% {
        background-position: 0 420px;
        padding-top: 930px
    }
    91.1764705882% {
        background-position: 0 450px;
        padding-top: 960px
    }
    94.1176470588% {
        background-position: 0 480px;
        padding-top: 990px
    }
    97.0588235294% {
        background-position: 0 -510px;
        padding-top: 0px
    }
}

@keyframes column-7 {
    0% {
        background-position: 0 -480px;
        padding-top: 30px
    }
    2.9411764706% {
        background-position: 0 -450px;
        padding-top: 60px
    }
    5.8823529412% {
        background-position: 0 -420px;
        padding-top: 90px
    }
    8.8235294118% {
        background-position: 0 -390px;
        padding-top: 120px
    }
    11.7647058824% {
        background-position: 0 -360px;
        padding-top: 150px
    }
    14.7058823529% {
        background-position: 0 -330px;
        padding-top: 180px
    }
    17.6470588235% {
        background-position: 0 -300px;
        padding-top: 210px
    }
    20.5882352941% {
        background-position: 0 -270px;
        padding-top: 240px
    }
    23.5294117647% {
        background-position: 0 -240px;
        padding-top: 270px
    }
    26.4705882353% {
        background-position: 0 -210px;
        padding-top: 300px
    }
    29.4117647059% {
        background-position: 0 -180px;
        padding-top: 330px
    }
    32.3529411765% {
        background-position: 0 -150px;
        padding-top: 360px
    }
    35.2941176471% {
        background-position: 0 -120px;
        padding-top: 390px
    }
    38.2352941176% {
        background-position: 0 -90px;
        padding-top: 420px
    }
    41.1764705882% {
        background-position: 0 -60px;
        padding-top: 450px
    }
    44.1176470588% {
        background-position: 0 -30px;
        padding-top: 480px
    }
    47.0588235294% {
        background-position: 0 0px;
        padding-top: 510px
    }
    50% {
        background-position: 0 30px;
        padding-top: 540px
    }
    52.9411764706% {
        background-position: 0 60px;
        padding-top: 570px
    }
    55.8823529412% {
        background-position: 0 90px;
        padding-top: 600px
    }
    58.8235294118% {
        background-position: 0 120px;
        padding-top: 630px
    }
    61.7647058824% {
        background-position: 0 150px;
        padding-top: 660px
    }
    64.7058823529% {
        background-position: 0 180px;
        padding-top: 690px
    }
    67.6470588235% {
        background-position: 0 210px;
        padding-top: 720px
    }
    70.5882352941% {
        background-position: 0 240px;
        padding-top: 750px
    }
    73.5294117647% {
        background-position: 0 270px;
        padding-top: 780px
    }
    76.4705882353% {
        background-position: 0 300px;
        padding-top: 810px
    }
    79.4117647059% {
        background-position: 0 330px;
        padding-top: 840px
    }
    82.3529411765% {
        background-position: 0 360px;
        padding-top: 870px
    }
    85.2941176471% {
        background-position: 0 390px;
        padding-top: 900px
    }
    88.2352941176% {
        background-position: 0 420px;
        padding-top: 930px
    }
    91.1764705882% {
        background-position: 0 450px;
        padding-top: 960px
    }
    94.1176470588% {
        background-position: 0 480px;
        padding-top: 990px
    }
    97.0588235294% {
        background-position: 0 -510px;
        padding-top: 0px
    }
}

.matrix-grey li:nth-child(8):before {
    content: "1 1 0 0 1 0 0 1 0 1 0 1 1 0 0 0 0 0 0 0 0 1 0 0 1 0 1 1 0 1 0 0 0 0"
}

.matrix-grey li:nth-child(8):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 840px, #f0f1f2 840px, #f0f1f2 1020px) 0 -450px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 840px, #f0f1f2 840px, #f0f1f2 1020px) 0 -450px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 390px;
    -webkit-animation: 2720ms column-8 infinite steps(1, start);
    -moz-animation: 2720ms column-8 infinite steps(1, start);
    animation: 2720ms column-8 infinite steps(1, start)
}

@-webkit-keyframes column-8 {
    0% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    2.9411764706% {
        background-position: 0 -420px;
        padding-top: 420px
    }
    5.8823529412% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    8.8235294118% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    11.7647058824% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    14.7058823529% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    17.6470588235% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    20.5882352941% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    23.5294117647% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    26.4705882353% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    29.4117647059% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    32.3529411765% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    35.2941176471% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    38.2352941176% {
        background-position: 0 -60px;
        padding-top: 780px
    }
    41.1764705882% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    44.1176470588% {
        background-position: 0 0px;
        padding-top: 840px
    }
    47.0588235294% {
        background-position: 0 30px;
        padding-top: 870px
    }
    50% {
        background-position: 0 60px;
        padding-top: 900px
    }
    52.9411764706% {
        background-position: 0 90px;
        padding-top: 930px
    }
    55.8823529412% {
        background-position: 0 120px;
        padding-top: 960px
    }
    58.8235294118% {
        background-position: 0 150px;
        padding-top: 990px
    }
    61.7647058824% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    64.7058823529% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    67.6470588235% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    70.5882352941% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    73.5294117647% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    76.4705882353% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    79.4117647059% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    82.3529411765% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    85.2941176471% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    88.2352941176% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    91.1764705882% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    94.1176470588% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    97.0588235294% {
        background-position: 0 -480px;
        padding-top: 360px
    }
}

@-moz-keyframes column-8 {
    0% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    2.9411764706% {
        background-position: 0 -420px;
        padding-top: 420px
    }
    5.8823529412% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    8.8235294118% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    11.7647058824% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    14.7058823529% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    17.6470588235% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    20.5882352941% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    23.5294117647% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    26.4705882353% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    29.4117647059% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    32.3529411765% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    35.2941176471% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    38.2352941176% {
        background-position: 0 -60px;
        padding-top: 780px
    }
    41.1764705882% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    44.1176470588% {
        background-position: 0 0px;
        padding-top: 840px
    }
    47.0588235294% {
        background-position: 0 30px;
        padding-top: 870px
    }
    50% {
        background-position: 0 60px;
        padding-top: 900px
    }
    52.9411764706% {
        background-position: 0 90px;
        padding-top: 930px
    }
    55.8823529412% {
        background-position: 0 120px;
        padding-top: 960px
    }
    58.8235294118% {
        background-position: 0 150px;
        padding-top: 990px
    }
    61.7647058824% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    64.7058823529% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    67.6470588235% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    70.5882352941% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    73.5294117647% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    76.4705882353% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    79.4117647059% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    82.3529411765% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    85.2941176471% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    88.2352941176% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    91.1764705882% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    94.1176470588% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    97.0588235294% {
        background-position: 0 -480px;
        padding-top: 360px
    }
}

@keyframes column-8 {
    0% {
        background-position: 0 -450px;
        padding-top: 390px
    }
    2.9411764706% {
        background-position: 0 -420px;
        padding-top: 420px
    }
    5.8823529412% {
        background-position: 0 -390px;
        padding-top: 450px
    }
    8.8235294118% {
        background-position: 0 -360px;
        padding-top: 480px
    }
    11.7647058824% {
        background-position: 0 -330px;
        padding-top: 510px
    }
    14.7058823529% {
        background-position: 0 -300px;
        padding-top: 540px
    }
    17.6470588235% {
        background-position: 0 -270px;
        padding-top: 570px
    }
    20.5882352941% {
        background-position: 0 -240px;
        padding-top: 600px
    }
    23.5294117647% {
        background-position: 0 -210px;
        padding-top: 630px
    }
    26.4705882353% {
        background-position: 0 -180px;
        padding-top: 660px
    }
    29.4117647059% {
        background-position: 0 -150px;
        padding-top: 690px
    }
    32.3529411765% {
        background-position: 0 -120px;
        padding-top: 720px
    }
    35.2941176471% {
        background-position: 0 -90px;
        padding-top: 750px
    }
    38.2352941176% {
        background-position: 0 -60px;
        padding-top: 780px
    }
    41.1764705882% {
        background-position: 0 -30px;
        padding-top: 810px
    }
    44.1176470588% {
        background-position: 0 0px;
        padding-top: 840px
    }
    47.0588235294% {
        background-position: 0 30px;
        padding-top: 870px
    }
    50% {
        background-position: 0 60px;
        padding-top: 900px
    }
    52.9411764706% {
        background-position: 0 90px;
        padding-top: 930px
    }
    55.8823529412% {
        background-position: 0 120px;
        padding-top: 960px
    }
    58.8235294118% {
        background-position: 0 150px;
        padding-top: 990px
    }
    61.7647058824% {
        background-position: 0 -840px;
        padding-top: 0px
    }
    64.7058823529% {
        background-position: 0 -810px;
        padding-top: 30px
    }
    67.6470588235% {
        background-position: 0 -780px;
        padding-top: 60px
    }
    70.5882352941% {
        background-position: 0 -750px;
        padding-top: 90px
    }
    73.5294117647% {
        background-position: 0 -720px;
        padding-top: 120px
    }
    76.4705882353% {
        background-position: 0 -690px;
        padding-top: 150px
    }
    79.4117647059% {
        background-position: 0 -660px;
        padding-top: 180px
    }
    82.3529411765% {
        background-position: 0 -630px;
        padding-top: 210px
    }
    85.2941176471% {
        background-position: 0 -600px;
        padding-top: 240px
    }
    88.2352941176% {
        background-position: 0 -570px;
        padding-top: 270px
    }
    91.1764705882% {
        background-position: 0 -540px;
        padding-top: 300px
    }
    94.1176470588% {
        background-position: 0 -510px;
        padding-top: 330px
    }
    97.0588235294% {
        background-position: 0 -480px;
        padding-top: 360px
    }
}

.matrix-grey li:nth-child(9):before {
    content: "0 0 0 1 1 0 0 0 1 1 0 0 0 0 1 0 0 0 1 1 0 0 0 1 1 1 1 0 0 1 0 0 0 1"
}

.matrix-grey li:nth-child(9):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 870px, #f0f1f2 870px, #f0f1f2 1020px) 0 60px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 870px, #f0f1f2 870px, #f0f1f2 1020px) 0 60px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 930px;
    -webkit-animation: 2720ms column-9 infinite steps(1, start);
    -moz-animation: 2720ms column-9 infinite steps(1, start);
    animation: 2720ms column-9 infinite steps(1, start)
}

@-webkit-keyframes column-9 {
    0% {
        background-position: 0 60px;
        padding-top: 930px
    }
    2.9411764706% {
        background-position: 0 90px;
        padding-top: 960px
    }
    5.8823529412% {
        background-position: 0 120px;
        padding-top: 990px
    }
    8.8235294118% {
        background-position: 0 -870px;
        padding-top: 0px
    }
    11.7647058824% {
        background-position: 0 -840px;
        padding-top: 30px
    }
    14.7058823529% {
        background-position: 0 -810px;
        padding-top: 60px
    }
    17.6470588235% {
        background-position: 0 -780px;
        padding-top: 90px
    }
    20.5882352941% {
        background-position: 0 -750px;
        padding-top: 120px
    }
    23.5294117647% {
        background-position: 0 -720px;
        padding-top: 150px
    }
    26.4705882353% {
        background-position: 0 -690px;
        padding-top: 180px
    }
    29.4117647059% {
        background-position: 0 -660px;
        padding-top: 210px
    }
    32.3529411765% {
        background-position: 0 -630px;
        padding-top: 240px
    }
    35.2941176471% {
        background-position: 0 -600px;
        padding-top: 270px
    }
    38.2352941176% {
        background-position: 0 -570px;
        padding-top: 300px
    }
    41.1764705882% {
        background-position: 0 -540px;
        padding-top: 330px
    }
    44.1176470588% {
        background-position: 0 -510px;
        padding-top: 360px
    }
    47.0588235294% {
        background-position: 0 -480px;
        padding-top: 390px
    }
    50% {
        background-position: 0 -450px;
        padding-top: 420px
    }
    52.9411764706% {
        background-position: 0 -420px;
        padding-top: 450px
    }
    55.8823529412% {
        background-position: 0 -390px;
        padding-top: 480px
    }
    58.8235294118% {
        background-position: 0 -360px;
        padding-top: 510px
    }
    61.7647058824% {
        background-position: 0 -330px;
        padding-top: 540px
    }
    64.7058823529% {
        background-position: 0 -300px;
        padding-top: 570px
    }
    67.6470588235% {
        background-position: 0 -270px;
        padding-top: 600px
    }
    70.5882352941% {
        background-position: 0 -240px;
        padding-top: 630px
    }
    73.5294117647% {
        background-position: 0 -210px;
        padding-top: 660px
    }
    76.4705882353% {
        background-position: 0 -180px;
        padding-top: 690px
    }
    79.4117647059% {
        background-position: 0 -150px;
        padding-top: 720px
    }
    82.3529411765% {
        background-position: 0 -120px;
        padding-top: 750px
    }
    85.2941176471% {
        background-position: 0 -90px;
        padding-top: 780px
    }
    88.2352941176% {
        background-position: 0 -60px;
        padding-top: 810px
    }
    91.1764705882% {
        background-position: 0 -30px;
        padding-top: 840px
    }
    94.1176470588% {
        background-position: 0 0px;
        padding-top: 870px
    }
    97.0588235294% {
        background-position: 0 30px;
        padding-top: 900px
    }
}

@-moz-keyframes column-9 {
    0% {
        background-position: 0 60px;
        padding-top: 930px
    }
    2.9411764706% {
        background-position: 0 90px;
        padding-top: 960px
    }
    5.8823529412% {
        background-position: 0 120px;
        padding-top: 990px
    }
    8.8235294118% {
        background-position: 0 -870px;
        padding-top: 0px
    }
    11.7647058824% {
        background-position: 0 -840px;
        padding-top: 30px
    }
    14.7058823529% {
        background-position: 0 -810px;
        padding-top: 60px
    }
    17.6470588235% {
        background-position: 0 -780px;
        padding-top: 90px
    }
    20.5882352941% {
        background-position: 0 -750px;
        padding-top: 120px
    }
    23.5294117647% {
        background-position: 0 -720px;
        padding-top: 150px
    }
    26.4705882353% {
        background-position: 0 -690px;
        padding-top: 180px
    }
    29.4117647059% {
        background-position: 0 -660px;
        padding-top: 210px
    }
    32.3529411765% {
        background-position: 0 -630px;
        padding-top: 240px
    }
    35.2941176471% {
        background-position: 0 -600px;
        padding-top: 270px
    }
    38.2352941176% {
        background-position: 0 -570px;
        padding-top: 300px
    }
    41.1764705882% {
        background-position: 0 -540px;
        padding-top: 330px
    }
    44.1176470588% {
        background-position: 0 -510px;
        padding-top: 360px
    }
    47.0588235294% {
        background-position: 0 -480px;
        padding-top: 390px
    }
    50% {
        background-position: 0 -450px;
        padding-top: 420px
    }
    52.9411764706% {
        background-position: 0 -420px;
        padding-top: 450px
    }
    55.8823529412% {
        background-position: 0 -390px;
        padding-top: 480px
    }
    58.8235294118% {
        background-position: 0 -360px;
        padding-top: 510px
    }
    61.7647058824% {
        background-position: 0 -330px;
        padding-top: 540px
    }
    64.7058823529% {
        background-position: 0 -300px;
        padding-top: 570px
    }
    67.6470588235% {
        background-position: 0 -270px;
        padding-top: 600px
    }
    70.5882352941% {
        background-position: 0 -240px;
        padding-top: 630px
    }
    73.5294117647% {
        background-position: 0 -210px;
        padding-top: 660px
    }
    76.4705882353% {
        background-position: 0 -180px;
        padding-top: 690px
    }
    79.4117647059% {
        background-position: 0 -150px;
        padding-top: 720px
    }
    82.3529411765% {
        background-position: 0 -120px;
        padding-top: 750px
    }
    85.2941176471% {
        background-position: 0 -90px;
        padding-top: 780px
    }
    88.2352941176% {
        background-position: 0 -60px;
        padding-top: 810px
    }
    91.1764705882% {
        background-position: 0 -30px;
        padding-top: 840px
    }
    94.1176470588% {
        background-position: 0 0px;
        padding-top: 870px
    }
    97.0588235294% {
        background-position: 0 30px;
        padding-top: 900px
    }
}

@keyframes column-9 {
    0% {
        background-position: 0 60px;
        padding-top: 930px
    }
    2.9411764706% {
        background-position: 0 90px;
        padding-top: 960px
    }
    5.8823529412% {
        background-position: 0 120px;
        padding-top: 990px
    }
    8.8235294118% {
        background-position: 0 -870px;
        padding-top: 0px
    }
    11.7647058824% {
        background-position: 0 -840px;
        padding-top: 30px
    }
    14.7058823529% {
        background-position: 0 -810px;
        padding-top: 60px
    }
    17.6470588235% {
        background-position: 0 -780px;
        padding-top: 90px
    }
    20.5882352941% {
        background-position: 0 -750px;
        padding-top: 120px
    }
    23.5294117647% {
        background-position: 0 -720px;
        padding-top: 150px
    }
    26.4705882353% {
        background-position: 0 -690px;
        padding-top: 180px
    }
    29.4117647059% {
        background-position: 0 -660px;
        padding-top: 210px
    }
    32.3529411765% {
        background-position: 0 -630px;
        padding-top: 240px
    }
    35.2941176471% {
        background-position: 0 -600px;
        padding-top: 270px
    }
    38.2352941176% {
        background-position: 0 -570px;
        padding-top: 300px
    }
    41.1764705882% {
        background-position: 0 -540px;
        padding-top: 330px
    }
    44.1176470588% {
        background-position: 0 -510px;
        padding-top: 360px
    }
    47.0588235294% {
        background-position: 0 -480px;
        padding-top: 390px
    }
    50% {
        background-position: 0 -450px;
        padding-top: 420px
    }
    52.9411764706% {
        background-position: 0 -420px;
        padding-top: 450px
    }
    55.8823529412% {
        background-position: 0 -390px;
        padding-top: 480px
    }
    58.8235294118% {
        background-position: 0 -360px;
        padding-top: 510px
    }
    61.7647058824% {
        background-position: 0 -330px;
        padding-top: 540px
    }
    64.7058823529% {
        background-position: 0 -300px;
        padding-top: 570px
    }
    67.6470588235% {
        background-position: 0 -270px;
        padding-top: 600px
    }
    70.5882352941% {
        background-position: 0 -240px;
        padding-top: 630px
    }
    73.5294117647% {
        background-position: 0 -210px;
        padding-top: 660px
    }
    76.4705882353% {
        background-position: 0 -180px;
        padding-top: 690px
    }
    79.4117647059% {
        background-position: 0 -150px;
        padding-top: 720px
    }
    82.3529411765% {
        background-position: 0 -120px;
        padding-top: 750px
    }
    85.2941176471% {
        background-position: 0 -90px;
        padding-top: 780px
    }
    88.2352941176% {
        background-position: 0 -60px;
        padding-top: 810px
    }
    91.1764705882% {
        background-position: 0 -30px;
        padding-top: 840px
    }
    94.1176470588% {
        background-position: 0 0px;
        padding-top: 870px
    }
    97.0588235294% {
        background-position: 0 30px;
        padding-top: 900px
    }
}

.matrix-grey li:nth-child(10):before {
    content: "0 0 1 1 0 0 0 1 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 1 0 1 0 1"
}

.matrix-grey li:nth-child(10):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 390px, #f0f1f2 390px, #f0f1f2 1020px) 0 30px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 390px, #f0f1f2 390px, #f0f1f2 1020px) 0 30px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 420px;
    -webkit-animation: 2720ms column-10 infinite steps(1, start);
    -moz-animation: 2720ms column-10 infinite steps(1, start);
    animation: 2720ms column-10 infinite steps(1, start)
}

@-webkit-keyframes column-10 {
    0% {
        background-position: 0 30px;
        padding-top: 420px
    }
    2.9411764706% {
        background-position: 0 60px;
        padding-top: 450px
    }
    5.8823529412% {
        background-position: 0 90px;
        padding-top: 480px
    }
    8.8235294118% {
        background-position: 0 120px;
        padding-top: 510px
    }
    11.7647058824% {
        background-position: 0 150px;
        padding-top: 540px
    }
    14.7058823529% {
        background-position: 0 180px;
        padding-top: 570px
    }
    17.6470588235% {
        background-position: 0 210px;
        padding-top: 600px
    }
    20.5882352941% {
        background-position: 0 240px;
        padding-top: 630px
    }
    23.5294117647% {
        background-position: 0 270px;
        padding-top: 660px
    }
    26.4705882353% {
        background-position: 0 300px;
        padding-top: 690px
    }
    29.4117647059% {
        background-position: 0 330px;
        padding-top: 720px
    }
    32.3529411765% {
        background-position: 0 360px;
        padding-top: 750px
    }
    35.2941176471% {
        background-position: 0 390px;
        padding-top: 780px
    }
    38.2352941176% {
        background-position: 0 420px;
        padding-top: 810px
    }
    41.1764705882% {
        background-position: 0 450px;
        padding-top: 840px
    }
    44.1176470588% {
        background-position: 0 480px;
        padding-top: 870px
    }
    47.0588235294% {
        background-position: 0 510px;
        padding-top: 900px
    }
    50% {
        background-position: 0 540px;
        padding-top: 930px
    }
    52.9411764706% {
        background-position: 0 570px;
        padding-top: 960px
    }
    55.8823529412% {
        background-position: 0 600px;
        padding-top: 990px
    }
    58.8235294118% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    61.7647058824% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    64.7058823529% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    67.6470588235% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    70.5882352941% {
        background-position: 0 -270px;
        padding-top: 120px
    }
    73.5294117647% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    76.4705882353% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    79.4117647059% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    82.3529411765% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    85.2941176471% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    88.2352941176% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    91.1764705882% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    94.1176470588% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    97.0588235294% {
        background-position: 0 0px;
        padding-top: 390px
    }
}

@-moz-keyframes column-10 {
    0% {
        background-position: 0 30px;
        padding-top: 420px
    }
    2.9411764706% {
        background-position: 0 60px;
        padding-top: 450px
    }
    5.8823529412% {
        background-position: 0 90px;
        padding-top: 480px
    }
    8.8235294118% {
        background-position: 0 120px;
        padding-top: 510px
    }
    11.7647058824% {
        background-position: 0 150px;
        padding-top: 540px
    }
    14.7058823529% {
        background-position: 0 180px;
        padding-top: 570px
    }
    17.6470588235% {
        background-position: 0 210px;
        padding-top: 600px
    }
    20.5882352941% {
        background-position: 0 240px;
        padding-top: 630px
    }
    23.5294117647% {
        background-position: 0 270px;
        padding-top: 660px
    }
    26.4705882353% {
        background-position: 0 300px;
        padding-top: 690px
    }
    29.4117647059% {
        background-position: 0 330px;
        padding-top: 720px
    }
    32.3529411765% {
        background-position: 0 360px;
        padding-top: 750px
    }
    35.2941176471% {
        background-position: 0 390px;
        padding-top: 780px
    }
    38.2352941176% {
        background-position: 0 420px;
        padding-top: 810px
    }
    41.1764705882% {
        background-position: 0 450px;
        padding-top: 840px
    }
    44.1176470588% {
        background-position: 0 480px;
        padding-top: 870px
    }
    47.0588235294% {
        background-position: 0 510px;
        padding-top: 900px
    }
    50% {
        background-position: 0 540px;
        padding-top: 930px
    }
    52.9411764706% {
        background-position: 0 570px;
        padding-top: 960px
    }
    55.8823529412% {
        background-position: 0 600px;
        padding-top: 990px
    }
    58.8235294118% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    61.7647058824% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    64.7058823529% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    67.6470588235% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    70.5882352941% {
        background-position: 0 -270px;
        padding-top: 120px
    }
    73.5294117647% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    76.4705882353% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    79.4117647059% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    82.3529411765% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    85.2941176471% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    88.2352941176% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    91.1764705882% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    94.1176470588% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    97.0588235294% {
        background-position: 0 0px;
        padding-top: 390px
    }
}

@keyframes column-10 {
    0% {
        background-position: 0 30px;
        padding-top: 420px
    }
    2.9411764706% {
        background-position: 0 60px;
        padding-top: 450px
    }
    5.8823529412% {
        background-position: 0 90px;
        padding-top: 480px
    }
    8.8235294118% {
        background-position: 0 120px;
        padding-top: 510px
    }
    11.7647058824% {
        background-position: 0 150px;
        padding-top: 540px
    }
    14.7058823529% {
        background-position: 0 180px;
        padding-top: 570px
    }
    17.6470588235% {
        background-position: 0 210px;
        padding-top: 600px
    }
    20.5882352941% {
        background-position: 0 240px;
        padding-top: 630px
    }
    23.5294117647% {
        background-position: 0 270px;
        padding-top: 660px
    }
    26.4705882353% {
        background-position: 0 300px;
        padding-top: 690px
    }
    29.4117647059% {
        background-position: 0 330px;
        padding-top: 720px
    }
    32.3529411765% {
        background-position: 0 360px;
        padding-top: 750px
    }
    35.2941176471% {
        background-position: 0 390px;
        padding-top: 780px
    }
    38.2352941176% {
        background-position: 0 420px;
        padding-top: 810px
    }
    41.1764705882% {
        background-position: 0 450px;
        padding-top: 840px
    }
    44.1176470588% {
        background-position: 0 480px;
        padding-top: 870px
    }
    47.0588235294% {
        background-position: 0 510px;
        padding-top: 900px
    }
    50% {
        background-position: 0 540px;
        padding-top: 930px
    }
    52.9411764706% {
        background-position: 0 570px;
        padding-top: 960px
    }
    55.8823529412% {
        background-position: 0 600px;
        padding-top: 990px
    }
    58.8235294118% {
        background-position: 0 -390px;
        padding-top: 0px
    }
    61.7647058824% {
        background-position: 0 -360px;
        padding-top: 30px
    }
    64.7058823529% {
        background-position: 0 -330px;
        padding-top: 60px
    }
    67.6470588235% {
        background-position: 0 -300px;
        padding-top: 90px
    }
    70.5882352941% {
        background-position: 0 -270px;
        padding-top: 120px
    }
    73.5294117647% {
        background-position: 0 -240px;
        padding-top: 150px
    }
    76.4705882353% {
        background-position: 0 -210px;
        padding-top: 180px
    }
    79.4117647059% {
        background-position: 0 -180px;
        padding-top: 210px
    }
    82.3529411765% {
        background-position: 0 -150px;
        padding-top: 240px
    }
    85.2941176471% {
        background-position: 0 -120px;
        padding-top: 270px
    }
    88.2352941176% {
        background-position: 0 -90px;
        padding-top: 300px
    }
    91.1764705882% {
        background-position: 0 -60px;
        padding-top: 330px
    }
    94.1176470588% {
        background-position: 0 -30px;
        padding-top: 360px
    }
    97.0588235294% {
        background-position: 0 0px;
        padding-top: 390px
    }
}

.matrix-grey li:nth-child(11):before {
    content: "1 0 0 0 0 0 1 0 1 0 0 0 0 0 0 0 1 1 1 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0"
}

.matrix-grey li:nth-child(11):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 240px, #f0f1f2 240px, #f0f1f2 1020px) 0 180px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 240px, #f0f1f2 240px, #f0f1f2 1020px) 0 180px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 420px;
    -webkit-animation: 2720ms column-11 infinite steps(1, start);
    -moz-animation: 2720ms column-11 infinite steps(1, start);
    animation: 2720ms column-11 infinite steps(1, start)
}

@-webkit-keyframes column-11 {
    0% {
        background-position: 0 180px;
        padding-top: 420px
    }
    2.9411764706% {
        background-position: 0 210px;
        padding-top: 450px
    }
    5.8823529412% {
        background-position: 0 240px;
        padding-top: 480px
    }
    8.8235294118% {
        background-position: 0 270px;
        padding-top: 510px
    }
    11.7647058824% {
        background-position: 0 300px;
        padding-top: 540px
    }
    14.7058823529% {
        background-position: 0 330px;
        padding-top: 570px
    }
    17.6470588235% {
        background-position: 0 360px;
        padding-top: 600px
    }
    20.5882352941% {
        background-position: 0 390px;
        padding-top: 630px
    }
    23.5294117647% {
        background-position: 0 420px;
        padding-top: 660px
    }
    26.4705882353% {
        background-position: 0 450px;
        padding-top: 690px
    }
    29.4117647059% {
        background-position: 0 480px;
        padding-top: 720px
    }
    32.3529411765% {
        background-position: 0 510px;
        padding-top: 750px
    }
    35.2941176471% {
        background-position: 0 540px;
        padding-top: 780px
    }
    38.2352941176% {
        background-position: 0 570px;
        padding-top: 810px
    }
    41.1764705882% {
        background-position: 0 600px;
        padding-top: 840px
    }
    44.1176470588% {
        background-position: 0 630px;
        padding-top: 870px
    }
    47.0588235294% {
        background-position: 0 660px;
        padding-top: 900px
    }
    50% {
        background-position: 0 690px;
        padding-top: 930px
    }
    52.9411764706% {
        background-position: 0 720px;
        padding-top: 960px
    }
    55.8823529412% {
        background-position: 0 750px;
        padding-top: 990px
    }
    58.8235294118% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    61.7647058824% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    64.7058823529% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    67.6470588235% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    70.5882352941% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    73.5294117647% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    76.4705882353% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    79.4117647059% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    82.3529411765% {
        background-position: 0 0px;
        padding-top: 240px
    }
    85.2941176471% {
        background-position: 0 30px;
        padding-top: 270px
    }
    88.2352941176% {
        background-position: 0 60px;
        padding-top: 300px
    }
    91.1764705882% {
        background-position: 0 90px;
        padding-top: 330px
    }
    94.1176470588% {
        background-position: 0 120px;
        padding-top: 360px
    }
    97.0588235294% {
        background-position: 0 150px;
        padding-top: 390px
    }
}

@-moz-keyframes column-11 {
    0% {
        background-position: 0 180px;
        padding-top: 420px
    }
    2.9411764706% {
        background-position: 0 210px;
        padding-top: 450px
    }
    5.8823529412% {
        background-position: 0 240px;
        padding-top: 480px
    }
    8.8235294118% {
        background-position: 0 270px;
        padding-top: 510px
    }
    11.7647058824% {
        background-position: 0 300px;
        padding-top: 540px
    }
    14.7058823529% {
        background-position: 0 330px;
        padding-top: 570px
    }
    17.6470588235% {
        background-position: 0 360px;
        padding-top: 600px
    }
    20.5882352941% {
        background-position: 0 390px;
        padding-top: 630px
    }
    23.5294117647% {
        background-position: 0 420px;
        padding-top: 660px
    }
    26.4705882353% {
        background-position: 0 450px;
        padding-top: 690px
    }
    29.4117647059% {
        background-position: 0 480px;
        padding-top: 720px
    }
    32.3529411765% {
        background-position: 0 510px;
        padding-top: 750px
    }
    35.2941176471% {
        background-position: 0 540px;
        padding-top: 780px
    }
    38.2352941176% {
        background-position: 0 570px;
        padding-top: 810px
    }
    41.1764705882% {
        background-position: 0 600px;
        padding-top: 840px
    }
    44.1176470588% {
        background-position: 0 630px;
        padding-top: 870px
    }
    47.0588235294% {
        background-position: 0 660px;
        padding-top: 900px
    }
    50% {
        background-position: 0 690px;
        padding-top: 930px
    }
    52.9411764706% {
        background-position: 0 720px;
        padding-top: 960px
    }
    55.8823529412% {
        background-position: 0 750px;
        padding-top: 990px
    }
    58.8235294118% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    61.7647058824% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    64.7058823529% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    67.6470588235% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    70.5882352941% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    73.5294117647% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    76.4705882353% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    79.4117647059% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    82.3529411765% {
        background-position: 0 0px;
        padding-top: 240px
    }
    85.2941176471% {
        background-position: 0 30px;
        padding-top: 270px
    }
    88.2352941176% {
        background-position: 0 60px;
        padding-top: 300px
    }
    91.1764705882% {
        background-position: 0 90px;
        padding-top: 330px
    }
    94.1176470588% {
        background-position: 0 120px;
        padding-top: 360px
    }
    97.0588235294% {
        background-position: 0 150px;
        padding-top: 390px
    }
}

@keyframes column-11 {
    0% {
        background-position: 0 180px;
        padding-top: 420px
    }
    2.9411764706% {
        background-position: 0 210px;
        padding-top: 450px
    }
    5.8823529412% {
        background-position: 0 240px;
        padding-top: 480px
    }
    8.8235294118% {
        background-position: 0 270px;
        padding-top: 510px
    }
    11.7647058824% {
        background-position: 0 300px;
        padding-top: 540px
    }
    14.7058823529% {
        background-position: 0 330px;
        padding-top: 570px
    }
    17.6470588235% {
        background-position: 0 360px;
        padding-top: 600px
    }
    20.5882352941% {
        background-position: 0 390px;
        padding-top: 630px
    }
    23.5294117647% {
        background-position: 0 420px;
        padding-top: 660px
    }
    26.4705882353% {
        background-position: 0 450px;
        padding-top: 690px
    }
    29.4117647059% {
        background-position: 0 480px;
        padding-top: 720px
    }
    32.3529411765% {
        background-position: 0 510px;
        padding-top: 750px
    }
    35.2941176471% {
        background-position: 0 540px;
        padding-top: 780px
    }
    38.2352941176% {
        background-position: 0 570px;
        padding-top: 810px
    }
    41.1764705882% {
        background-position: 0 600px;
        padding-top: 840px
    }
    44.1176470588% {
        background-position: 0 630px;
        padding-top: 870px
    }
    47.0588235294% {
        background-position: 0 660px;
        padding-top: 900px
    }
    50% {
        background-position: 0 690px;
        padding-top: 930px
    }
    52.9411764706% {
        background-position: 0 720px;
        padding-top: 960px
    }
    55.8823529412% {
        background-position: 0 750px;
        padding-top: 990px
    }
    58.8235294118% {
        background-position: 0 -240px;
        padding-top: 0px
    }
    61.7647058824% {
        background-position: 0 -210px;
        padding-top: 30px
    }
    64.7058823529% {
        background-position: 0 -180px;
        padding-top: 60px
    }
    67.6470588235% {
        background-position: 0 -150px;
        padding-top: 90px
    }
    70.5882352941% {
        background-position: 0 -120px;
        padding-top: 120px
    }
    73.5294117647% {
        background-position: 0 -90px;
        padding-top: 150px
    }
    76.4705882353% {
        background-position: 0 -60px;
        padding-top: 180px
    }
    79.4117647059% {
        background-position: 0 -30px;
        padding-top: 210px
    }
    82.3529411765% {
        background-position: 0 0px;
        padding-top: 240px
    }
    85.2941176471% {
        background-position: 0 30px;
        padding-top: 270px
    }
    88.2352941176% {
        background-position: 0 60px;
        padding-top: 300px
    }
    91.1764705882% {
        background-position: 0 90px;
        padding-top: 330px
    }
    94.1176470588% {
        background-position: 0 120px;
        padding-top: 360px
    }
    97.0588235294% {
        background-position: 0 150px;
        padding-top: 390px
    }
}

.matrix-grey li:nth-child(12):before {
    content: "0 1 1 0 1 0 1 0 0 0 0 1 1 1 0 0 1 1 0 0 1 0 1 0 0 0 0 0 0 0 0 0 1 0"
}

.matrix-grey li:nth-child(12):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 270px, #f0f1f2 270px, #f0f1f2 1020px) 0 -30px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 270px, #f0f1f2 270px, #f0f1f2 1020px) 0 -30px repeat;
    color: #f0f1f2;
    content: "0";
    padding-top: 240px;
    -webkit-animation: 2720ms column-12 infinite steps(1, start);
    -moz-animation: 2720ms column-12 infinite steps(1, start);
    animation: 2720ms column-12 infinite steps(1, start)
}

@-webkit-keyframes column-12 {
    0% {
        background-position: 0 -30px;
        padding-top: 240px
    }
    2.9411764706% {
        background-position: 0 0px;
        padding-top: 270px
    }
    5.8823529412% {
        background-position: 0 30px;
        padding-top: 300px
    }
    8.8235294118% {
        background-position: 0 60px;
        padding-top: 330px
    }
    11.7647058824% {
        background-position: 0 90px;
        padding-top: 360px
    }
    14.7058823529% {
        background-position: 0 120px;
        padding-top: 390px
    }
    17.6470588235% {
        background-position: 0 150px;
        padding-top: 420px
    }
    20.5882352941% {
        background-position: 0 180px;
        padding-top: 450px
    }
    23.5294117647% {
        background-position: 0 210px;
        padding-top: 480px
    }
    26.4705882353% {
        background-position: 0 240px;
        padding-top: 510px
    }
    29.4117647059% {
        background-position: 0 270px;
        padding-top: 540px
    }
    32.3529411765% {
        background-position: 0 300px;
        padding-top: 570px
    }
    35.2941176471% {
        background-position: 0 330px;
        padding-top: 600px
    }
    38.2352941176% {
        background-position: 0 360px;
        padding-top: 630px
    }
    41.1764705882% {
        background-position: 0 390px;
        padding-top: 660px
    }
    44.1176470588% {
        background-position: 0 420px;
        padding-top: 690px
    }
    47.0588235294% {
        background-position: 0 450px;
        padding-top: 720px
    }
    50% {
        background-position: 0 480px;
        padding-top: 750px
    }
    52.9411764706% {
        background-position: 0 510px;
        padding-top: 780px
    }
    55.8823529412% {
        background-position: 0 540px;
        padding-top: 810px
    }
    58.8235294118% {
        background-position: 0 570px;
        padding-top: 840px
    }
    61.7647058824% {
        background-position: 0 600px;
        padding-top: 870px
    }
    64.7058823529% {
        background-position: 0 630px;
        padding-top: 900px
    }
    67.6470588235% {
        background-position: 0 660px;
        padding-top: 930px
    }
    70.5882352941% {
        background-position: 0 690px;
        padding-top: 960px
    }
    73.5294117647% {
        background-position: 0 720px;
        padding-top: 990px
    }
    76.4705882353% {
        background-position: 0 -270px;
        padding-top: 0px
    }
    79.4117647059% {
        background-position: 0 -240px;
        padding-top: 30px
    }
    82.3529411765% {
        background-position: 0 -210px;
        padding-top: 60px
    }
    85.2941176471% {
        background-position: 0 -180px;
        padding-top: 90px
    }
    88.2352941176% {
        background-position: 0 -150px;
        padding-top: 120px
    }
    91.1764705882% {
        background-position: 0 -120px;
        padding-top: 150px
    }
    94.1176470588% {
        background-position: 0 -90px;
        padding-top: 180px
    }
    97.0588235294% {
        background-position: 0 -60px;
        padding-top: 210px
    }
}

@-moz-keyframes column-12 {
    0% {
        background-position: 0 -30px;
        padding-top: 240px
    }
    2.9411764706% {
        background-position: 0 0px;
        padding-top: 270px
    }
    5.8823529412% {
        background-position: 0 30px;
        padding-top: 300px
    }
    8.8235294118% {
        background-position: 0 60px;
        padding-top: 330px
    }
    11.7647058824% {
        background-position: 0 90px;
        padding-top: 360px
    }
    14.7058823529% {
        background-position: 0 120px;
        padding-top: 390px
    }
    17.6470588235% {
        background-position: 0 150px;
        padding-top: 420px
    }
    20.5882352941% {
        background-position: 0 180px;
        padding-top: 450px
    }
    23.5294117647% {
        background-position: 0 210px;
        padding-top: 480px
    }
    26.4705882353% {
        background-position: 0 240px;
        padding-top: 510px
    }
    29.4117647059% {
        background-position: 0 270px;
        padding-top: 540px
    }
    32.3529411765% {
        background-position: 0 300px;
        padding-top: 570px
    }
    35.2941176471% {
        background-position: 0 330px;
        padding-top: 600px
    }
    38.2352941176% {
        background-position: 0 360px;
        padding-top: 630px
    }
    41.1764705882% {
        background-position: 0 390px;
        padding-top: 660px
    }
    44.1176470588% {
        background-position: 0 420px;
        padding-top: 690px
    }
    47.0588235294% {
        background-position: 0 450px;
        padding-top: 720px
    }
    50% {
        background-position: 0 480px;
        padding-top: 750px
    }
    52.9411764706% {
        background-position: 0 510px;
        padding-top: 780px
    }
    55.8823529412% {
        background-position: 0 540px;
        padding-top: 810px
    }
    58.8235294118% {
        background-position: 0 570px;
        padding-top: 840px
    }
    61.7647058824% {
        background-position: 0 600px;
        padding-top: 870px
    }
    64.7058823529% {
        background-position: 0 630px;
        padding-top: 900px
    }
    67.6470588235% {
        background-position: 0 660px;
        padding-top: 930px
    }
    70.5882352941% {
        background-position: 0 690px;
        padding-top: 960px
    }
    73.5294117647% {
        background-position: 0 720px;
        padding-top: 990px
    }
    76.4705882353% {
        background-position: 0 -270px;
        padding-top: 0px
    }
    79.4117647059% {
        background-position: 0 -240px;
        padding-top: 30px
    }
    82.3529411765% {
        background-position: 0 -210px;
        padding-top: 60px
    }
    85.2941176471% {
        background-position: 0 -180px;
        padding-top: 90px
    }
    88.2352941176% {
        background-position: 0 -150px;
        padding-top: 120px
    }
    91.1764705882% {
        background-position: 0 -120px;
        padding-top: 150px
    }
    94.1176470588% {
        background-position: 0 -90px;
        padding-top: 180px
    }
    97.0588235294% {
        background-position: 0 -60px;
        padding-top: 210px
    }
}

@keyframes column-12 {
    0% {
        background-position: 0 -30px;
        padding-top: 240px
    }
    2.9411764706% {
        background-position: 0 0px;
        padding-top: 270px
    }
    5.8823529412% {
        background-position: 0 30px;
        padding-top: 300px
    }
    8.8235294118% {
        background-position: 0 60px;
        padding-top: 330px
    }
    11.7647058824% {
        background-position: 0 90px;
        padding-top: 360px
    }
    14.7058823529% {
        background-position: 0 120px;
        padding-top: 390px
    }
    17.6470588235% {
        background-position: 0 150px;
        padding-top: 420px
    }
    20.5882352941% {
        background-position: 0 180px;
        padding-top: 450px
    }
    23.5294117647% {
        background-position: 0 210px;
        padding-top: 480px
    }
    26.4705882353% {
        background-position: 0 240px;
        padding-top: 510px
    }
    29.4117647059% {
        background-position: 0 270px;
        padding-top: 540px
    }
    32.3529411765% {
        background-position: 0 300px;
        padding-top: 570px
    }
    35.2941176471% {
        background-position: 0 330px;
        padding-top: 600px
    }
    38.2352941176% {
        background-position: 0 360px;
        padding-top: 630px
    }
    41.1764705882% {
        background-position: 0 390px;
        padding-top: 660px
    }
    44.1176470588% {
        background-position: 0 420px;
        padding-top: 690px
    }
    47.0588235294% {
        background-position: 0 450px;
        padding-top: 720px
    }
    50% {
        background-position: 0 480px;
        padding-top: 750px
    }
    52.9411764706% {
        background-position: 0 510px;
        padding-top: 780px
    }
    55.8823529412% {
        background-position: 0 540px;
        padding-top: 810px
    }
    58.8235294118% {
        background-position: 0 570px;
        padding-top: 840px
    }
    61.7647058824% {
        background-position: 0 600px;
        padding-top: 870px
    }
    64.7058823529% {
        background-position: 0 630px;
        padding-top: 900px
    }
    67.6470588235% {
        background-position: 0 660px;
        padding-top: 930px
    }
    70.5882352941% {
        background-position: 0 690px;
        padding-top: 960px
    }
    73.5294117647% {
        background-position: 0 720px;
        padding-top: 990px
    }
    76.4705882353% {
        background-position: 0 -270px;
        padding-top: 0px
    }
    79.4117647059% {
        background-position: 0 -240px;
        padding-top: 30px
    }
    82.3529411765% {
        background-position: 0 -210px;
        padding-top: 60px
    }
    85.2941176471% {
        background-position: 0 -180px;
        padding-top: 90px
    }
    88.2352941176% {
        background-position: 0 -150px;
        padding-top: 120px
    }
    91.1764705882% {
        background-position: 0 -120px;
        padding-top: 150px
    }
    94.1176470588% {
        background-position: 0 -90px;
        padding-top: 180px
    }
    97.0588235294% {
        background-position: 0 -60px;
        padding-top: 210px
    }
}

.matrix-grey li:nth-child(13):before {
    content: "1 1 1 1 1 0 0 1 0 1 0 0 0 1 0 0 0 1 1 1 0 0 0 0 1 1 0 0 0 1 1 0 0 1"
}

.matrix-grey li:nth-child(13):after {
    background: -webkit-linear-gradient(#f0f1f2 0, rgba(240, 241, 242, 0) 870px, #f0f1f2 870px, #f0f1f2 1020px) 0 -750px repeat;
    background: linear-gradient(to, rgba(240, 241, 242, 0) 870px, #f0f1f2 870px, #f0f1f2 1020px) 0 -750px repeat;
    color: #f0f1f2;
    content: "1";
    padding-top: 120px;
    -webkit-animation: 2720ms column-13 infinite steps(1, start);
    -moz-animation: 2720ms column-13 infinite steps(1, start);
    animation: 2720ms column-13 infinite steps(1, start)
}

@-webkit-keyframes column-13 {
    0% {
        background-position: 0 -750px;
        padding-top: 120px
    }
    2.9411764706% {
        background-position: 0 -720px;
        padding-top: 150px
    }
    5.8823529412% {
        background-position: 0 -690px;
        padding-top: 180px
    }
    8.8235294118% {
        background-position: 0 -660px;
        padding-top: 210px
    }
    11.7647058824% {
        background-position: 0 -630px;
        padding-top: 240px
    }
    14.7058823529% {
        background-position: 0 -600px;
        padding-top: 270px
    }
    17.6470588235% {
        background-position: 0 -570px;
        padding-top: 300px
    }
    20.5882352941% {
        background-position: 0 -540px;
        padding-top: 330px
    }
    23.5294117647% {
        background-position: 0 -510px;
        padding-top: 360px
    }
    26.4705882353% {
        background-position: 0 -480px;
        padding-top: 390px
    }
    29.4117647059% {
        background-position: 0 -450px;
        padding-top: 420px
    }
    32.3529411765% {
        background-position: 0 -420px;
        padding-top: 450px
    }
    35.2941176471% {
        background-position: 0 -390px;
        padding-top: 480px
    }
    38.2352941176% {
        background-position: 0 -360px;
        padding-top: 510px
    }
    41.1764705882% {
        background-position: 0 -330px;
        padding-top: 540px
    }
    44.1176470588% {
        background-position: 0 -300px;
        padding-top: 570px
    }
    47.0588235294% {
        background-position: 0 -270px;
        padding-top: 600px
    }
    50% {
        background-position: 0 -240px;
        padding-top: 630px
    }
    52.9411764706% {
        background-position: 0 -210px;
        padding-top: 660px
    }
    55.8823529412% {
        background-position: 0 -180px;
        padding-top: 690px
    }
    58.8235294118% {
        background-position: 0 -150px;
        padding-top: 720px
    }
    61.7647058824% {
        background-position: 0 -120px;
        padding-top: 750px
    }
    64.7058823529% {
        background-position: 0 -90px;
        padding-top: 780px
    }
    67.6470588235% {
        background-position: 0 -60px;
        padding-top: 810px
    }
    70.5882352941% {
        background-position: 0 -30px;
        padding-top: 840px
    }
    73.5294117647% {
        background-position: 0 0px;
        padding-top: 870px
    }
    76.4705882353% {
        background-position: 0 30px;
        padding-top: 900px
    }
    79.4117647059% {
        background-position: 0 60px;
        padding-top: 930px
    }
    82.3529411765% {
        background-position: 0 90px;
        padding-top: 960px
    }
    85.2941176471% {
        background-position: 0 120px;
        padding-top: 990px
    }
    88.2352941176% {
        background-position: 0 -870px;
        padding-top: 0px
    }
    91.1764705882% {
        background-position: 0 -840px;
        padding-top: 30px
    }
    94.1176470588% {
        background-position: 0 -810px;
        padding-top: 60px
    }
    97.0588235294% {
        background-position: 0 -780px;
        padding-top: 90px
    }
}

@-moz-keyframes column-13 {
    0% {
        background-position: 0 -750px;
        padding-top: 120px
    }
    2.9411764706% {
        background-position: 0 -720px;
        padding-top: 150px
    }
    5.8823529412% {
        background-position: 0 -690px;
        padding-top: 180px
    }
    8.8235294118% {
        background-position: 0 -660px;
        padding-top: 210px
    }
    11.7647058824% {
        background-position: 0 -630px;
        padding-top: 240px
    }
    14.7058823529% {
        background-position: 0 -600px;
        padding-top: 270px
    }
    17.6470588235% {
        background-position: 0 -570px;
        padding-top: 300px
    }
    20.5882352941% {
        background-position: 0 -540px;
        padding-top: 330px
    }
    23.5294117647% {
        background-position: 0 -510px;
        padding-top: 360px
    }
    26.4705882353% {
        background-position: 0 -480px;
        padding-top: 390px
    }
    29.4117647059% {
        background-position: 0 -450px;
        padding-top: 420px
    }
    32.3529411765% {
        background-position: 0 -420px;
        padding-top: 450px
    }
    35.2941176471% {
        background-position: 0 -390px;
        padding-top: 480px
    }
    38.2352941176% {
        background-position: 0 -360px;
        padding-top: 510px
    }
    41.1764705882% {
        background-position: 0 -330px;
        padding-top: 540px
    }
    44.1176470588% {
        background-position: 0 -300px;
        padding-top: 570px
    }
    47.0588235294% {
        background-position: 0 -270px;
        padding-top: 600px
    }
    50% {
        background-position: 0 -240px;
        padding-top: 630px
    }
    52.9411764706% {
        background-position: 0 -210px;
        padding-top: 660px
    }
    55.8823529412% {
        background-position: 0 -180px;
        padding-top: 690px
    }
    58.8235294118% {
        background-position: 0 -150px;
        padding-top: 720px
    }
    61.7647058824% {
        background-position: 0 -120px;
        padding-top: 750px
    }
    64.7058823529% {
        background-position: 0 -90px;
        padding-top: 780px
    }
    67.6470588235% {
        background-position: 0 -60px;
        padding-top: 810px
    }
    70.5882352941% {
        background-position: 0 -30px;
        padding-top: 840px
    }
    73.5294117647% {
        background-position: 0 0px;
        padding-top: 870px
    }
    76.4705882353% {
        background-position: 0 30px;
        padding-top: 900px
    }
    79.4117647059% {
        background-position: 0 60px;
        padding-top: 930px
    }
    82.3529411765% {
        background-position: 0 90px;
        padding-top: 960px
    }
    85.2941176471% {
        background-position: 0 120px;
        padding-top: 990px
    }
    88.2352941176% {
        background-position: 0 -870px;
        padding-top: 0px
    }
    91.1764705882% {
        background-position: 0 -840px;
        padding-top: 30px
    }
    94.1176470588% {
        background-position: 0 -810px;
        padding-top: 60px
    }
    97.0588235294% {
        background-position: 0 -780px;
        padding-top: 90px
    }
}

@keyframes column-13 {
    0% {
        background-position: 0 -750px;
        padding-top: 120px
    }
    2.9411764706% {
        background-position: 0 -720px;
        padding-top: 150px
    }
    5.8823529412% {
        background-position: 0 -690px;
        padding-top: 180px
    }
    8.8235294118% {
        background-position: 0 -660px;
        padding-top: 210px
    }
    11.7647058824% {
        background-position: 0 -630px;
        padding-top: 240px
    }
    14.7058823529% {
        background-position: 0 -600px;
        padding-top: 270px
    }
    17.6470588235% {
        background-position: 0 -570px;
        padding-top: 300px
    }
    20.5882352941% {
        background-position: 0 -540px;
        padding-top: 330px
    }
    23.5294117647% {
        background-position: 0 -510px;
        padding-top: 360px
    }
    26.4705882353% {
        background-position: 0 -480px;
        padding-top: 390px
    }
    29.4117647059% {
        background-position: 0 -450px;
        padding-top: 420px
    }
    32.3529411765% {
        background-position: 0 -420px;
        padding-top: 450px
    }
    35.2941176471% {
        background-position: 0 -390px;
        padding-top: 480px
    }
    38.2352941176% {
        background-position: 0 -360px;
        padding-top: 510px
    }
    41.1764705882% {
        background-position: 0 -330px;
        padding-top: 540px
    }
    44.1176470588% {
        background-position: 0 -300px;
        padding-top: 570px
    }
    47.0588235294% {
        background-position: 0 -270px;
        padding-top: 600px
    }
    50% {
        background-position: 0 -240px;
        padding-top: 630px
    }
    52.9411764706% {
        background-position: 0 -210px;
        padding-top: 660px
    }
    55.8823529412% {
        background-position: 0 -180px;
        padding-top: 690px
    }
    58.8235294118% {
        background-position: 0 -150px;
        padding-top: 720px
    }
    61.7647058824% {
        background-position: 0 -120px;
        padding-top: 750px
    }
    64.7058823529% {
        background-position: 0 -90px;
        padding-top: 780px
    }
    67.6470588235% {
        background-position: 0 -60px;
        padding-top: 810px
    }
    70.5882352941% {
        background-position: 0 -30px;
        padding-top: 840px
    }
    73.5294117647% {
        background-position: 0 0px;
        padding-top: 870px
    }
    76.4705882353% {
        background-position: 0 30px;
        padding-top: 900px
    }
    79.4117647059% {
        background-position: 0 60px;
        padding-top: 930px
    }
    82.3529411765% {
        background-position: 0 90px;
        padding-top: 960px
    }
    85.2941176471% {
        background-position: 0 120px;
        padding-top: 990px
    }
    88.2352941176% {
        background-position: 0 -870px;
        padding-top: 0px
    }
    91.1764705882% {
        background-position: 0 -840px;
        padding-top: 30px
    }
    94.1176470588% {
        background-position: 0 -810px;
        padding-top: 60px
    }
    97.0588235294% {
        background-position: 0 -780px;
        padding-top: 90px
    }
}

.moment-features-hero::after {
    content: attr(title);
    z-index: 0;
    width: 100%;
    height: 256px;
    position: absolute;
    bottom: 0;
    background-position: center 100px;
    background-repeat: no-repeat;
    background-image: url("assets/images/bg-image-features.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-features-hero::after {
        background-image: url("assets/images/bg-image-features_2x.jpg");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .moment-features-hero::after {
        -webkit-animation: moveboard 1.5s forwards ease-in-out;
        -moz-animation: moveboard 1.5s forwards ease-in-out;
        animation: moveboard 1.5s forwards ease-in-out;
        background-position: center 300px;
    }
}

.moment-features-hero {
    background: #f6f6f6
}

.moment-features-hero p {
    padding-bottom: 110px
}

@media only screen and (min-width:40.063em) {
    .moment-features-hero {
        background-size: auto;
    }
}

@-webkit-keyframes moveboard {
    0% {
        background-position: center 300px
    }
    100% {
        background-position: center bottom
    }
}

@-moz-keyframes moveboard {
    0% {
        background-position: center 300px
    }
    100% {
        background-position: center bottom
    }
}

@keyframes moveboard {
    0% {
        background-position: center 300px
    }
    100% {
        background-position: center bottom
    }
}

.moment-feature-types {
    background: #fff
}

.moment-feature-types .centered-content {
    text-align: center
}

.moment-feature-types .centered-content .image {
    display: inline-block;
    width: 100%;
    height: 100%;
    min-width: 40px;
    min-height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: auto
}

@media only screen and (min-width:40.063em) {
    .moment-feature-types .centered-content .image {
        min-width: 70px;
        min-height: 70px;
    }
}

.moment-feature-types .centered-content .subtitle {
    text-align: center
}

.moment-feature-types .content-merchant-accounts {
    background: #fff url('assets/images/check-pattern-bg.png')
}

.moment-feature-types .content-merchant-accounts .image {
    background-image: url("assets/images/features-merchant-accounts.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-feature-types .content-merchant-accounts .image {
        background-image: url("assets/images/features-merchant-accounts_2x.png");
        background-size: contain;
    }
}

.moment-feature-types .content-payment-gateway {
    background: url('assets/images/features-payment-gateway.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    .moment-feature-types .content-payment-gateway {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moment-feature-types .content-payment-gateway {
        background-attachment: scroll;
    }
}

.moment-feature-types .content-payment-gateway .image {
    background-image: url("assets/images/features-payment-gateway.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-feature-types .content-payment-gateway .image {
        background-image: url("assets/images/features-payment-gateway_2x.png");
        background-size: contain;
    }
}

.moment-feature-types .content-payment-gateway .subtitle {
    color: #fff
}

.moment-feature-types .content-payment-gateway p {
    color: #fff
}

.moment-feature-types .content-pci-compliant .image {
    background-image: url("assets/images/features-pci-compliant.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-feature-types .content-pci-compliant .image {
        background-image: url("assets/images/features-pci-compliant_2x.png");
        background-size: contain;
    }
}

.moment-feature-types .content-line-item {
    background: url('assets/images/features-line-item.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    .moment-feature-types .content-line-item {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moment-feature-types .content-line-item {
        background-attachment: scroll;
    }
}

.moment-feature-types .content-line-item .image {
    background-image: url("assets/images/features-line-item.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-feature-types .content-line-item .image {
        background-image: url("assets/images/features-line-item_2x.png");
        background-size: contain;
    }
}

.moment-feature-types .content-line-item .subtitle {
    color: #fff
}

.moment-feature-types .content-line-item p {
    color: #fff
}

.moment-best-tools,
.moment-designed-scale {
    background: #fdb414;
    color: #fff
}

.moment-best-tools .title,
.moment-designed-scale .title {
    color: #fff
}

.moment-payment-tools {
    background: #fff
}

.moment-payment-tools .centered-content {
    text-align: center
}

.moment-payment-tools .centered-content .image {
    display: inline-block;
    width: 100%;
    height: 100%;
    min-width: 40px;
    min-height: 40px;
    margin: 0 auto 0.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-payment-tools .centered-content .image {
        min-width: 70px;
        min-height: 70px;
        margin: 0 auto;
    }
}

.moment-payment-tools .centered-content .subtitle {
    text-align: center
}

.moment-payment-tools .content-payment-configurations .image {
    background-image: url("assets/images/features-payment-configurations.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-payment-tools .content-payment-configurations .image {
        background-image: url("assets/images/features-payment-configurations_2x.png");
        background-size: contain;
    }
}

.moment-payment-tools .content-bank-statement {
    background: url('assets/images/features-bank-statement.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    .moment-payment-tools .content-bank-statement {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moment-payment-tools .content-bank-statement {
        background-attachment: scroll;
    }
}

.moment-payment-tools .content-bank-statement .image {
    background-image: url("assets/images/features-bank-statement.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-payment-tools .content-bank-statement .image {
        background-image: url("assets/images/features-bank-statement_2x.png");
        background-size: contain;
    }
}

.moment-payment-tools .content-bank-statement .subtitle {
    color: #fff
}

.moment-payment-tools .content-bank-statement p {
    color: #fff
}

.moment-payment-tools .content-flexible-billing .image {
    background-image: url("assets/images/features-flexible-billing.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-payment-tools .content-flexible-billing .image {
        background-image: url("assets/images/features-flexible-billing_2x.png");
        background-size: contain;
    }
}

.moment-payment-tools .content-international-payments {
    background: url('assets/images/features-international-payments.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    .moment-payment-tools .content-international-payments {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moment-payment-tools .content-international-payments {
        background-attachment: scroll;
    }
}

.moment-payment-tools .content-international-payments .image {
    background-image: url("assets/images/features-international-payments.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-payment-tools .content-international-payments .image {
        background-image: url("assets/images/features-international-payments_2x.png");
        background-size: contain;
    }
}

.moment-payment-tools .content-international-payments .subtitle {
    color: #fff
}

.moment-payment-tools .content-international-payments p {
    color: #fff
}

.moments-payment-methods-channels {
    background: #fff;
    text-align: center
}

.moments-payment-methods-channels .centered-content {
    text-align: center
}

.moments-payment-methods-channels .centered-content .subtitle {
    text-align: center
}

.moments-payment-methods-channels .centered-content .payment-icons {
    width: 100%;
    text-align: center;
    margin: 0 auto
}

.moments-payment-methods-channels .centered-content .payment-icons li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    width: 13%
}

@media only screen and (min-width:40.063em) {
    .moments-payment-methods-channels .centered-content .payment-icons li {
        margin: 0 1rem;
        width: 11%;
    }
}

.moments-payment-methods-channels .centered-content .payment-icons li .image {
    display: inline-block;
    min-width: 30px;
    min-height: 30px;
    width: 100%;
    height: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moments-payment-methods-channels .centered-content .payment-icons li .image {
        margin: auto;
        min-width: 71px;
        min-height: 71px;
    }
}

.moments-payment-methods-channels .centered-content .payment-icons li .subtitle {
    font-size: 0.6875rem;
    line-height: 1;
    text-transform: none
}

@media only screen and (min-width:40.063em) {
    .moments-payment-methods-channels .centered-content .payment-icons li .subtitle {
        font-size: 0.9375rem;
    }
}

.moments-payment-methods-channels .row-payment-methods {
    background: url('assets/images/features-payment-methods.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    .moments-payment-methods-channels .row-payment-methods {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moments-payment-methods-channels .row-payment-methods {
        background-attachment: scroll;
    }
}

.moments-payment-methods-channels .row-payment-methods .title,
.moments-payment-methods-channels .row-payment-methods .subtitle {
    color: #fff
}

.moments-payment-methods-channels .row-payment-methods .payment-methods-1 {
    background-image: url("assets/images/payment-methods-1.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-methods .payment-methods-1 {
        background-image: url("assets/images/payment-methods-1_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-methods .payment-methods-2 {
    background-image: url("assets/images/payment-methods-2.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-methods .payment-methods-2 {
        background-image: url("assets/images/payment-methods-2_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-methods .payment-methods-3 {
    background-image: url("assets/images/payment-methods-3.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-methods .payment-methods-3 {
        background-image: url("assets/images/payment-methods-3_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-methods .payment-methods-4 {
    background-image: url("assets/images/payment-methods-4.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-methods .payment-methods-4 {
        background-image: url("assets/images/payment-methods-4_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-methods .payment-methods-5 {
    background-image: url("assets/images/payment-methods-5.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-methods .payment-methods-5 {
        background-image: url("assets/images/payment-methods-5_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-channels .payment-channels-1 {
    background-image: url("assets/images/payment-channels-1.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-channels .payment-channels-1 {
        background-image: url("assets/images/payment-channels-1_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-channels .payment-channels-2 {
    background-image: url("assets/images/payment-channels-2.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-channels .payment-channels-2 {
        background-image: url("assets/images/payment-channels-2_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-channels .payment-channels-3 {
    background-image: url("assets/images/payment-channels-3.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-channels .payment-channels-3 {
        background-image: url("assets/images/payment-channels-3_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-channels .payment-channels-4 {
    background-image: url("assets/images/payment-channels-4.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-channels .payment-channels-4 {
        background-image: url("assets/images/payment-channels-4_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-channels .payment-channels-5 {
    background-image: url("assets/images/payment-channels-5.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-channels .payment-channels-5 {
        background-image: url("assets/images/payment-channels-5_2x.png");
        background-size: contain;
    }
}

.moments-payment-methods-channels .row-payment-channels .payment-channels-6 {
    background-image: url("assets/images/payment-channels-6.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moments-payment-methods-channels .row-payment-channels .payment-channels-6 {
        background-image: url("assets/images/payment-channels-6_2x.png");
        background-size: contain;
    }
}

.page-content-product {
    padding: 0 2.8125rem
}

.moment-solutions-hero-image {
    background-image: url('assets/images/bg-solutions-hero.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.moment-solutions-hero-image:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75)
}

.moment-solutions-hero-image .title {
    color: #fff
}

.moment-solutions-hero-image p {
    color: #fff
}

.page-id-41 .moment-feature-types,
.moment-solution-options {
    overflow: hidden
}

.page-id-41 .moment-feature-types .solution,
.moment-solution-options .solution {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
    float: left;
    cursor: pointer
}

@media only screen and (min-width:40.063em) {
    .page-id-41 .moment-feature-types .solution,
    .moment-solution-options .solution {
        width: 50%;
        height: 540px;
    }
}

.page-id-41 .moment-feature-types .solution:after,
.moment-solution-options .solution:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear
}

@media only screen and (min-width:40.063em) {
    .page-id-41 .moment-feature-types .solution:hover:after,
    .moment-solution-options .solution:hover:after {
        background-color: rgba(0, 0, 0, 0.4)
    }
    .page-id-41 .moment-feature-types .solution.active,
    .moment-solution-options .solution.active {
        cursor: default
    }
    .page-id-41 .moment-feature-types .solution.active:after,
    .moment-solution-options .solution.active:after {
        background-color: rgba(0, 0, 0, 0.8)
    }
    .page-id-41 .moment-feature-types .solution.active .hover-text,
    .moment-solution-options .solution.active .hover-text {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
    .page-id-41 .moment-feature-types .solution.active .subtitle,
    .moment-solution-options .solution.active .subtitle {
        top: 4%;
        left: 50%;
        width: 100%;
        height: 13%;
        background-position: center;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }
    @media only screen and (min-width:64.063em) {
        .page-id-41 .moment-feature-types .solution.active .subtitle,
        .moment-solution-options .solution.active .subtitle {
            left: 0%;
            height: 13%;
            top: 9%;
            -webkit-transform: translate(0%, 25%);
            -moz-transform: translate(0%, 25%);
            -ms-transform: translate(0%, 25%);
            -o-transform: translate(0%, 25%);
            transform: translate(0%, 25%);
        }
    }
    .page-id-41 .moment-feature-types .solution.active .mask,
    .moment-solution-options .solution.active .mask {
        opacity: 0
    }
    @media only screen and (min-width:64.063em) {
        .page-id-41 .moment-feature-types .solution.active .mask,
        .moment-solution-options .solution.active .mask {
            opacity: 1;
        }
    }
}

.page-id-41 .moment-feature-types .solution .button,
.moment-solution-options .solution .button {
    padding: 0.625rem 1.25rem
}

.page-id-41 .moment-feature-types .solution .row,
.page-id-41 .moment-feature-types .solution .page-content,
.moment-solution-options .solution .row,
.moment-solution-options .solution .page-content {
    height: 100%
}

.page-id-41 .moment-feature-types .subtitle,
.moment-solution-options .subtitle {
    color: #fff;
    margin: 0;
    width: 100%;
    height: 92px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (min-width:40.063em) {
    .page-id-41 .moment-feature-types .subtitle,
    .moment-solution-options .subtitle {
        height: 131px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
}

.page-id-41 .moment-feature-types p,
.moment-solution-options p {
    color: #fff
}

.page-id-41 .moment-feature-types .hover-text,
.moment-solution-options .hover-text {
    width: 100%;
    margin: 2rem auto 0;
    text-align: center
}

.page-id-41 .moment-feature-types .hover-text .subtitle-hover,
.moment-solution-options .hover-text .subtitle-hover {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400
}

@media only screen and (min-width:40.063em) {
    .page-id-41 .moment-feature-types .hover-text,
    .moment-solution-options .hover-text {
        width: 100%;
        margin: 80px 0 0 0;
        opacity: 0;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
}

@media only screen and (min-width:64.063em) {
    .page-id-41 .moment-feature-types .hover-text,
    .moment-solution-options .hover-text {
        text-align: left;
        width: 100%;
        margin: 120px 0 0 0;
    }
}

@media only screen and (min-width:40.063em) {
    .page-id-41 .moment-feature-types .mask,
    .moment-solution-options .mask {
        display: block;
        position: absolute;
        z-index: 2;
        top: -10%;
        bottom: 0;
        right: -10%;
        width: 140%;
        height: 110%;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-image: url("assets/images/bg-solutions-mask.png");
        background-size: cover;
        opacity: 0;
        -webkit-transition: opacity 500ms linear;
        -moz-transition: opacity 500ms linear;
        transition: opacity 500ms linear;
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
    only screen and (min--moz-device-pixel-ratio: 1.3),
    only screen and (-o-min-device-pixel-ratio: 1.3/1),
    only screen and (min-resolution: 125dpi),
    only screen and (min-resolution: 1.3dppx) {
        .page-id-41 .moment-feature-types .mask,
        .moment-solution-options .mask {
            background-image: url("assets/images/bg-solutions-mask_2x.png");
            background-size: cover;
        }
    }
}

.page-id-41 .content-products-rentpayment {
    background-image: url('assets/images/bg-solutions-rentpayment.jpg');
    width: 100% !important
}

.page-id-41 .content-products-rentpayment .mask {
    height: 160%;
    top: -60%;
    bottom: auto;
    right: 0;
    width: 100%
}

@media only screen and (min-width:40.063em) {
    .page-id-41 .content-products-rentpayment .hover-text {
        width: 80%;
        margin: 140px 0 0 10%;
    }
}

.page-id-41 .content-products-rentpayment .subtitle {
    background-image: url("assets/images/solutions-rent-payment.png");
    height: 80px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .page-id-41 .content-products-rentpayment .subtitle {
        background-image: url("assets/images/solutions-rent-payment_2x.png");
        background-size: contain;
    }
}

.content-products-parishpay {
    background-image: url('assets/images/bg-solutions-parishpay.jpg')
}

.content-products-parishpay .subtitle {
    background-image: url("assets/images/solutions-parish-pay.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-products-parishpay .subtitle {
        background-image: url("assets/images/solutions-parish-pay_2x.png");
        background-size: contain;
    }
}

.content-products-duespayment {
    background-image: url('assets/images/bg-solutions-duespayment.jpg')
}

.content-products-duespayment .subtitle {
    background-image: url("assets/images/solutions-dues-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-products-duespayment .subtitle {
        background-image: url("assets/images/solutions-dues-payment_2x.png");
        background-size: contain;
    }
}

.content-products-vacationrentpayment {
    background-image: url('assets/images/bg-solutions-vacationrentpayment.jpg')
}

.content-products-vacationrentpayment .subtitle {
    background-image: url("assets/images/solutions-vacation-rent-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-products-vacationrentpayment .subtitle {
        background-image: url("assets/images/solutions-vacation-rent-payment_2x.png");
        background-size: contain;
    }
}

.content-products-storagerentpayment {
    background-image: url('assets/images/bg-solutions-storagerentpayment.jpg')
}

.content-products-storagerentpayment .subtitle {
    background-image: url("assets/images/solutions-storage-rent-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-products-storagerentpayment .subtitle {
        background-image: url("assets/images/solutions-storage-rent-payment_2x.png");
        background-size: contain;
    }
}

.content-products-innpayment {
    background-image: url('assets/images/bg-solutions-innpayment.jpg')
}

.content-products-innpayment .subtitle {
    background-image: url("assets/images/solutions-inn-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-products-innpayment .subtitle {
        background-image: url("assets/images/solutions-inn-payment_2x.png");
        background-size: contain;
    }
}

.content-products-holidayrentpayment {
    background-image: url('assets/images/bg-solutions-holidayrentpayment.jpg')
}

.content-products-holidayrentpayment .subtitle {
    background-image: url("assets/images/solutions-holiday-rent-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-products-holidayrentpayment .subtitle {
        background-image: url("assets/images/solutions-holiday-rent-payment_2x.png");
        background-size: contain;
    }
}

.moment-vertical-hero {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.moment-vertical-hero:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75)
}

.moment-vertical-hero .image {
    display: block;
    width: 100%;
    margin: 0 auto 2rem;
    width: 100%;
    height: 131px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (max-width: 40em) {
    .moment-vertical-hero .image {
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-hero .image {
        margin: 0 auto 48px;
    }
}

.moment-vertical-hero .title {
    color: #fff
}

.moment-vertical-hero p {
    color: #fff;
    text-align: center
}

.moment-vertical-hero.duespayment-hero {
    background-image: url('assets/images/bg-duespayment-hero.jpg')
}

.moment-vertical-hero.duespayment-hero .image {
    background-image: url("assets/images/solutions-dues-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-hero.duespayment-hero .image {
        background-image: url("assets/images/solutions-dues-payment_2x.png");
        background-size: contain;
    }
}

.moment-vertical-hero.rentpayment-hero {
    background-image: url('assets/images/bg-rentpayment-hero.jpg')
}

.moment-vertical-hero.rentpayment-hero .image {
    background-image: url("assets/images/solutions-rent-payment-w.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-hero.rentpayment-hero .image {
        background-image: url("assets/images/solutions-rent-payment-w_2x.png");
        background-size: contain;
    }
}

.moment-vertical-hero.parishpay-hero {
    background-image: url('assets/images/bg-parishpay-hero.jpg')
}

.moment-vertical-hero.parishpay-hero .image {
    background-image: url("assets/images/solutions-parish-pay.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-hero.parishpay-hero .image {
        background-image: url("assets/images/solutions-parish-pay_2x.png");
        background-size: contain;
    }
}

.moment-vertical-hero.vacationrentpayment-hero {
    background-image: url('assets/images/bg-vacationrentpayment-hero.jpg')
}

.moment-vertical-hero.vacationrentpayment-hero .image {
    background-image: url("assets/images/solutions-vacation-rent-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-hero.vacationrentpayment-hero .image {
        background-image: url("assets/images/solutions-vacation-rent-payment_2x.png");
        background-size: contain;
    }
}

.moment-vertical-hero.storagerentpayment-hero {
    background-image: url('assets/images/bg-storagerentpayment-hero.jpg')
}

.moment-vertical-hero.storagerentpayment-hero .image {
    background-image: url("assets/images/solutions-storage-rent-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-hero.storagerentpayment-hero .image {
        background-image: url("assets/images/solutions-storage-rent-payment_2x.png");
        background-size: contain;
    }
}

.moment-vertical-hero.holidayrentpayment-hero {
    background-image: url('assets/images/bg-holidayrentpayment-hero.jpg')
}

.moment-vertical-hero.holidayrentpayment-hero .image {
    background-image: url("assets/images/solutions-holiday-rent-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-hero.holidayrentpayment-hero .image {
        background-image: url("assets/images/solutions-holiday-rent-payment_2x.png");
        background-size: contain;
    }
}

.moment-vertical-hero.innpayment-hero {
    background-image: url('assets/images/bg-innpayment-hero.jpg')
}

.moment-vertical-hero.innpayment-hero .image {
    background-image: url("assets/images/solutions-inn-payment.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-hero.innpayment-hero .image {
        background-image: url("assets/images/solutions-inn-payment_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about {
    background-color: #f2f2f2
}

.moment-vertical-about .page-content {
    text-align: center
}

.moment-vertical-about .figure {
    display: none
}

.moment-vertical-about .title {
    font-size: 1.875rem;
    margin-bottom: 0.5rem
}

.moment-vertical-about p {
    text-align: center
}

.moment-vertical-about ul {
    margin: 0 auto;
    list-style: none;
    text-align: center
}

.moment-vertical-about ul li {
    display: inline-block;
    color: #fff;
    text-align: center;
    vertical-align: top;
    padding: 1rem 0;
    width: 48%
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about ul li {
        padding: 0 1.25rem;
        width: 28%;
    }
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about ul li {
        padding: 0 2.5rem;
        width: 24%;
    }
}

.moment-vertical-about ul li:before {
    content: '';
    display: block;
    margin: 0 auto 0.5rem;
    width: 100%;
    max-width: 101px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.moment-vertical-about.duespayment-about {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-image: url('assets/images/bg-duespayment-map.jpg');
    padding: 0
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about.duespayment-about {
        background-size: contain;
    }
}

.moment-vertical-about.duespayment-about .page-content {
    padding-top: 16px !important
}

.moment-vertical-about.duespayment-about ul {
    margin: 7.5rem auto 0
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.duespayment-about ul {
        margin: 12.5rem auto 0;
    }
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about.duespayment-about ul {
        margin: 11.125rem auto 0;
    }
}

.moment-vertical-about.duespayment-about ul li:nth-child(1):before {
    background-image: url("assets/images/icon-duespayment-industry.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.duespayment-about ul li:nth-child(1):before {
        background-image: url("assets/images/icon-duespayment-industry_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.duespayment-about ul li:nth-child(2):before {
    background-image: url("assets/images/icon-duespayment-properties.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.duespayment-about ul li:nth-child(2):before {
        background-image: url("assets/images/icon-duespayment-properties_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.duespayment-about ul li:nth-child(3):before {
    background-image: url("assets/images/icon-duespayment-processed.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.duespayment-about ul li:nth-child(3):before {
        background-image: url("assets/images/icon-duespayment-processed_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.vacationrentpayment-about {
    background-repeat: no-repeat;
    background-position: center 280px;
    background-size: auto;
    background-image: url('assets/images/bg-vacationrentpayment-suitcase.jpg');
    padding-bottom: 0;
    overflow: hidden
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.vacationrentpayment-about {
        background-position: center 180px;
    }
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about.vacationrentpayment-about {
        background-size: auto;
    }
}

.moment-vertical-about.vacationrentpayment-about .page-content {
    padding-top: 0 !important
}

.moment-vertical-about.vacationrentpayment-about ul {
    margin: 7.5rem auto 0
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.vacationrentpayment-about ul {
        margin: 9.375rem auto 0;
    }
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about.vacationrentpayment-about ul {
        margin: 10rem auto 0;
    }
}

.moment-vertical-about.vacationrentpayment-about ul li {
    margin-bottom: 3.75rem
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.vacationrentpayment-about ul li {
        width: 34%;
    }
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about.vacationrentpayment-about ul li {
        width: 34%;
    }
}

.moment-vertical-about.vacationrentpayment-about ul li:nth-child(1):before {
    background-image: url("assets/images/icon-duespayment-industry.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.vacationrentpayment-about ul li:nth-child(1):before {
        background-image: url("assets/images/icon-duespayment-industry_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.vacationrentpayment-about ul li:nth-child(2):before {
    background-image: url("assets/images/icon-duespayment-properties.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.vacationrentpayment-about ul li:nth-child(2):before {
        background-image: url("assets/images/icon-duespayment-properties_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.vacationrentpayment-about ul li:nth-child(3):before {
    background-image: url("assets/images/icon-duespayment-processed.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.vacationrentpayment-about ul li:nth-child(3):before {
        background-image: url("assets/images/icon-duespayment-processed_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.vacationrentpayment-about ul li:nth-child(4):before {
    background-image: url("assets/images/icon-currencies-white.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.vacationrentpayment-about ul li:nth-child(4):before {
        background-image: url("assets/images/icon-currencies-white_2x.html");
        background-size: contain;
    }
}

.moment-vertical-about.rentpayment-about ul {
    margin: 32px auto 0
}

.moment-vertical-about.rentpayment-about ul li {
    color: #000
}

.moment-vertical-about.rentpayment-about ul li:nth-child(1):before {
    background-image: url("assets/images/icon-rentpayment-property700.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.rentpayment-about ul li:nth-child(1):before {
        background-image: url("assets/images/icon-rentpayment-property700_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.rentpayment-about ul li:nth-child(2):before {
    background-image: url("assets/images/icon-rentpayment-payment23m.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.rentpayment-about ul li:nth-child(2):before {
        background-image: url("assets/images/icon-rentpayment-payment23m_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.rentpayment-about ul li:nth-child(3):before {
    background-image: url("assets/images/icon-rentpayment-unit3m.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.rentpayment-about ul li:nth-child(3):before {
        background-image: url("assets/images/icon-rentpayment-unit3m_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.rentpayment-about ul li:nth-child(4):before {
    background-image: url("assets/images/icon-rentpayment-payment40.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.rentpayment-about ul li:nth-child(4):before {
        background-image: url("assets/images/icon-rentpayment-payment40_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.storagerentpayment-about {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    background-image: url('assets/images/bg-storagerentpayment-cardboard.png');
    padding-bottom: 8.75rem
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.storagerentpayment-about {
        background-size: auto;
    }
}

.moment-vertical-about.storagerentpayment-about .valign-middle {
    padding-top: 4.5% !important
}

.moment-vertical-about.holidayrentpayment-about {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    background-image: url('assets/images/bg-holidayrentpayment-houses.png');
    padding-bottom: 8.75rem
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.holidayrentpayment-about {
        background-size: auto;
    }
}

.moment-vertical-about.holidayrentpayment-about .valign-middle {
    padding-top: 9% !important
}

.moment-vertical-about.innpayment-about {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    background-image: url('assets/images/bg-innpayment-pillows.png');
    padding-bottom: 8.75rem
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.innpayment-about {
        background-size: auto;
    }
}

.moment-vertical-about.innpayment-about .valign-middle {
    padding-top: 7% !important
}

.moment-vertical-about.parishpay-about {
    padding-bottom: 8.75rem
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about.parishpay-about {
        padding-bottom: 10rem;
    }
}

.moment-vertical-about.parishpay-about ul {
    margin: 7.5rem auto 0
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-about.parishpay-about ul {
        margin: 12.5rem auto 0;
    }
}

@media only screen and (min-width:64.063em) {
    .moment-vertical-about.parishpay-about ul {
        margin: 11.125rem auto 0;
    }
}

.moment-vertical-about.parishpay-about ul li {
    color: #000
}

.moment-vertical-about.parishpay-about ul li:nth-child(1):before {
    background-image: url("assets/images/icon-rentpayment-industry.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.parishpay-about ul li:nth-child(1):before {
        background-image: url("assets/images/icon-rentpayment-industry_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.parishpay-about ul li:nth-child(2):before {
    background-image: url("assets/images/icon-rentpayment-properties.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.parishpay-about ul li:nth-child(2):before {
        background-image: url("assets/images/icon-rentpayment-properties_2x.png");
        background-size: contain;
    }
}

.moment-vertical-about.parishpay-about ul li:nth-child(3):before {
    background-image: url("assets/images/icon-rentpayment-processed.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-about.parishpay-about ul li:nth-child(3):before {
        background-image: url("assets/images/icon-rentpayment-processed_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info {
    background-color: #fff
}

.moment-vertical-info .content-info {
    text-align: center;
    position: relative
}

.moment-vertical-info .content-info .subtitle {
    font-weight: 200
}

.moment-vertical-info .content-info p {
    font-weight: 200;
    font-size: 0.9375rem;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-info p {
        font-size: 1.125rem;
    }
}

.moment-vertical-info .content-info p i.spacer {
    margin: 0 0 12px 0;
    display: block;
    width: 100%
}

.moment-vertical-info .content-info p i.spacer:first-child {
    display: none
}

.moment-vertical-info .content-info .icon {
    margin: 0
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-benefits,
    .moment-vertical-info .content-parishpay-fees,
    .moment-vertical-info .content-online-donations,
    .moment-vertical-info .content-payment-channels,
    .moment-vertical-info .content-payment-channels-3icons,
    .moment-vertical-info .content-payment-channels-6icons,
    .moment-vertical-info .content-industry-specific,
    .moment-vertical-info .content-security,
    .moment-vertical-info .content-features {
        width: 50%;
        float: left;
        height: 620px;
    }
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-benefits,
    .moment-vertical-info .content-payment-methods,
    .moment-vertical-info .content-parishpay-fees,
    .moment-vertical-info .content-customer-support,
    .moment-vertical-info .content-industry-partners {
        clear: left;
    }
}

.moment-vertical-info .content-payment-methods,
.moment-vertical-info .content-industry-partners {
    width: 100%
}

.moment-vertical-info .content-benefits {
    background-repeat: no-repeat;
    background-position: center
}

.moment-vertical-info .content-benefits .large-8 {
    width: 80%
}

.moment-vertical-info .content-benefits .page-content:before {
    content: '';
    display: block;
    height: 40px;
    width: 64px;
    margin: auto;
    background: url("assets/images/icon-duespayment-smile.png") no-repeat center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-benefits .page-content:before {
        height: 64px;
    }
}

.moment-vertical-info .content-benefits .subtitle {
    color: #fff
}

.moment-vertical-info .content-benefits p {
    color: #fff
}

.moment-vertical-info .content-online-donations {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("assets/images/icon-parishpay-donation.png")
}

.moment-vertical-info .content-online-donations .page-content:before {
    content: '';
    display: block;
    height: 40px;
    width: 64px;
    margin: auto;
    background: url("assets/images/icon-parishpay-dove.png") no-repeat center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-online-donations .page-content:before {
        height: 64px;
    }
}

.moment-vertical-info .content-features {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("assets/images/icon-rentpayment-features.png")
}

.moment-vertical-info .content-features .page-content:before {
    content: '';
    display: block;
    height: 40px;
    width: 64px;
    margin: auto;
    background: url("assets/images/icon-rentpayment-nut.png") no-repeat center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-features .page-content:before {
        height: 64px;
    }
}

.moment-vertical-info .content-payment-channels,
.moment-vertical-info .content-parishpay-fees,
.moment-vertical-info .content-payment-channels-6icons,
.moment-vertical-info .content-payment-channels-3icons {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center
}

.moment-vertical-info .content-payment-channels .page-content:before,
.moment-vertical-info .content-parishpay-fees .page-content:before,
.moment-vertical-info .content-payment-channels-6icons .page-content:before,
.moment-vertical-info .content-payment-channels-3icons .page-content:before {
    content: '';
    display: block;
    height: 40px;
    width: 70px;
    margin: auto;
    background: no-repeat center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-payment-channels .page-content:before,
    .moment-vertical-info .content-parishpay-fees .page-content:before,
    .moment-vertical-info .content-payment-channels-6icons .page-content:before,
    .moment-vertical-info .content-payment-channels-3icons .page-content:before {
        height: 70px;
    }
}

.moment-vertical-info .content-payment-channels ul,
.moment-vertical-info .content-parishpay-fees ul,
.moment-vertical-info .content-payment-channels-6icons ul,
.moment-vertical-info .content-payment-channels-3icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.moment-vertical-info .content-payment-channels ul li,
.moment-vertical-info .content-parishpay-fees ul li,
.moment-vertical-info .content-payment-channels-6icons ul li,
.moment-vertical-info .content-payment-channels-3icons ul li {
    display: inline-block;
    margin: 0;
    padding: 0 0.75rem;
    text-align: center;
    white-space: nowrap;
    width: 30%;
    vertical-align: top
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-payment-channels ul li,
    .moment-vertical-info .content-parishpay-fees ul li,
    .moment-vertical-info .content-payment-channels-6icons ul li,
    .moment-vertical-info .content-payment-channels-3icons ul li {
        padding: 0 0.5rem;
    }
}

.moment-vertical-info .content-payment-channels ul li p,
.moment-vertical-info .content-parishpay-fees ul li p,
.moment-vertical-info .content-payment-channels-6icons ul li p,
.moment-vertical-info .content-payment-channels-3icons ul li p {
    font-size: 1rem
}

@media only screen and (max-width: 40em) {
    .moment-vertical-info .content-payment-channels ul li p,
    .moment-vertical-info .content-parishpay-fees ul li p,
    .moment-vertical-info .content-payment-channels-6icons ul li p,
    .moment-vertical-info .content-payment-channels-3icons ul li p {
        line-height: 1.1
    }
}

.moment-vertical-info .content-payment-channels ul li .icon,
.moment-vertical-info .content-parishpay-fees ul li .icon,
.moment-vertical-info .content-payment-channels-6icons ul li .icon,
.moment-vertical-info .content-payment-channels-3icons ul li .icon {
    display: block;
    width: 100%;
    margin: 0.5rem auto 0;
    max-width: 100px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-payment-channels ul li .icon,
    .moment-vertical-info .content-parishpay-fees ul li .icon,
    .moment-vertical-info .content-payment-channels-6icons ul li .icon,
    .moment-vertical-info .content-payment-channels-3icons ul li .icon {
        height: 100px;
        margin: 0.75rem auto 0.25rem;
    }
}

.moment-vertical-info .content-payment-channels-6icons ul li .icon {
    height: 70px
}

.moment-vertical-info .content-payment-channels-6icons ul li p {
    font-size: 1rem;
    line-height: 1.1;
    margin-bottom: 0
}

.moment-vertical-info .content-payment-methods {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-payment-methods {
        min-height: 640px;
    }
}

.moment-vertical-info .content-payment-methods:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background: url("assets/images/bg-vertical-payment-methods.png") no-repeat center bottom;
    background-size: 135%
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-payment-methods:after {
        background-size: contain;
    }
}

.moment-vertical-info .content-payment-methods .subtitle {
    color: #fff
}

.moment-vertical-info .content-payment-methods p {
    color: #fff
}

.moment-vertical-info .content-industry-specific,
.moment-vertical-info .content-parishpay-fees {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center
}

.moment-vertical-info .content-industry-specific .page-content:before,
.moment-vertical-info .content-parishpay-fees .page-content:before {
    content: '';
    display: block;
    height: 30px;
    width: 51px;
    margin: auto;
    background: no-repeat center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-industry-specific .page-content:before,
    .moment-vertical-info .content-parishpay-fees .page-content:before {
        height: 51px;
    }
}

.moment-vertical-info .content-industry-specific .page-content:after,
.moment-vertical-info .content-parishpay-fees .page-content:after {
    right: 0%;
    bottom: 0%;
    height: 30px;
    width: 51px;
    margin: auto;
    background: no-repeat center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-industry-specific .page-content:after,
    .moment-vertical-info .content-parishpay-fees .page-content:after {
        height: 51px;
    }
}

.moment-vertical-info .content-security {
    background-repeat: no-repeat;
    background-position: center
}

.moment-vertical-info .content-security .page-content:before {
    content: '';
    display: block;
    height: 35px;
    width: 104px;
    margin: auto;
    background: no-repeat center;
    background: url("assets/images/icon-duespayment-key.png") no-repeat center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-security .page-content:before {
        height: 45px;
    }
}

.moment-vertical-info .content-security .subtitle {
    color: #fff
}

.moment-vertical-info .content-security p {
    color: #fff
}

.moment-vertical-info .content-industry-partners {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.moment-vertical-info .content-industry-partners .subtitle {
    color: #fff
}

.moment-vertical-info .content-industry-partners p {
    color: #fff
}

.moment-vertical-info .content-customer-support .icon {
    display: block;
    width: 98px;
    height: 64px;
    margin: 2rem auto 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-customer-support .icon {
        height: 100px;
    }
}

.moment-vertical-info .content-versatile .icon {
    display: block;
    width: 98px;
    height: 64px;
    margin: 2rem auto 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-versatile .icon {
        height: 100px;
    }
}

.moment-vertical-info .content-second-cta .icon,
.moment-vertical-info .content-second-cta .subtitle,
.moment-vertical-info .content-second-cta p {
    display: none
}

.moment-vertical-info .content-second-cta .button {
    border: none;
    border-radius: 0;
    width: 100%;
    margin: 64px 0;
    font-size: 0.9375rem;
    line-height: 1.5rem
}

.moment-vertical-info .content-second-cta .button:hover {
    background-color: transparent
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info .content-second-cta .button {
        font-size: 1.375rem;
        line-height: 2rem;
    }
}

.moment-vertical-info.duespayment-info .content-benefits {
    background-color: #4CBC68;
    background-image: url("assets/images/icon-duespayment-stats.png")
}

.moment-vertical-info.duespayment-info .content-payment-channels {
    background-image: url("assets/images/icon-duespayment-channels-light.png")
}

.moment-vertical-info.duespayment-info .content-payment-channels .page-content:before {
    background-image: url("assets/images/icon-duespayment-channels.png")
}

.moment-vertical-info.duespayment-info .content-payment-channels ul li {
    width: 23%
}

.moment-vertical-info.duespayment-info .content-payment-channels .icon.online {
    background-image: url("assets/images/icon-duespayment-online.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.duespayment-info .content-payment-channels .icon.online {
        background-image: url("assets/images/icon-duespayment-online_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.duespayment-info .content-payment-channels .icon.email {
    background-image: url("assets/images/icon-duespayment-email.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.duespayment-info .content-payment-channels .icon.email {
        background-image: url("assets/images/icon-duespayment-email_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.duespayment-info .content-payment-channels .icon.phone {
    background-image: url("assets/images/icon-duespayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.duespayment-info .content-payment-channels .icon.phone {
        background-image: url("assets/images/icon-duespayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.duespayment-info .content-payment-channels .icon.inperson {
    background-image: url("assets/images/icon-duespayment-inperson.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.duespayment-info .content-payment-channels .icon.inperson {
        background-image: url("assets/images/icon-duespayment-inperson_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.duespayment-info .content-payment-methods {
    background-image: url("assets/images/bg-vertical-payment-methods.jpg")
}

.moment-vertical-info.duespayment-info .content-payment-methods .vertical-valign-middle {
    padding-top: 6% !important
}

.moment-vertical-info.duespayment-info .content-industry-specific {
    background-image: url("assets/images/icon-duespayment-security.png")
}

.moment-vertical-info.duespayment-info .content-industry-specific .page-content:before {
    background-image: url("assets/images/icon-duespayment-nut.png")
}

.moment-vertical-info.duespayment-info .content-security {
    background-color: #4CBC68;
    background-image: url("assets/images/icon-duespayment-lock.png")
}

.moment-vertical-info.duespayment-info .content-industry-partners {
    background-image: url("assets/images/bg-duespayment-industry.jpg");
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.duespayment-info .content-industry-partners {
        min-height: 640px;
    }
}

.moment-vertical-info.duespayment-info .content-customer-support .icon {
    background-image: url("assets/images/icon-duespayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.duespayment-info .content-customer-support .icon {
        background-image: url("assets/images/icon-duespayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.duespayment-info .content-second-cta {
    background-color: #4CBC68
}

.moment-vertical-info.holidayrentpayment-info .content-benefits {
    background-color: #6c3f98;
    background-image: url("assets/images/icon-holidayrentpayment-stats.html")
}

.moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons {
    background-image: url("assets/images/icon-holidayrentpayment-channels-light.png")
}

.moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons .page-content:before {
    background-image: url("assets/images/icon-holidayrentpayment-channels.png")
}

.moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons .icon.online {
    background-image: url("assets/images/icon-holidayrentpayment-online.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons .icon.online {
        background-image: url("assets/images/icon-holidayrentpayment-online_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons .icon.phone {
    background-image: url("assets/images/icon-holidayrentpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons .icon.phone {
        background-image: url("assets/images/icon-holidayrentpayment-customersupport_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons .icon.inperson {
    background-image: url("assets/images/icon-holidayrentpayment-inperson.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.holidayrentpayment-info .content-payment-channels-3icons .icon.inperson {
        background-image: url("assets/images/icon-holidayrentpayment-inperson_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.holidayrentpayment-info .content-payment-methods {
    background-image: url("assets/images/bg-vertical-payment-methods.jpg")
}

.moment-vertical-info.holidayrentpayment-info .content-payment-methods .vertical-valign-middle {
    padding-top: 6% !important
}

.moment-vertical-info.holidayrentpayment-info .content-industry-specific {
    background-image: url("assets/images/icon-parishpay-star.png");
    background-color: #CFBBE2
}

.moment-vertical-info.holidayrentpayment-info .content-industry-specific .page-content:before {
    width: 86px;
    background-image: url("assets/images/icon-holidayrentpayment-stars.png")
}

.moment-vertical-info.holidayrentpayment-info .content-security {
    background-color: #6c3f98;
    background-image: url("assets/images/icon-duespayment-lock.png")
}

.moment-vertical-info.holidayrentpayment-info .content-industry-partners {
    background-image: url("assets/images/bg-duespayment-industry.jpg");
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.holidayrentpayment-info .content-industry-partners {
        min-height: 640px;
    }
}

.moment-vertical-info.holidayrentpayment-info .content-customer-support .icon {
    background-image: url("assets/images/icon-holidayrentpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.holidayrentpayment-info .content-customer-support .icon {
        background-image: url("assets/images/icon-holidayrentpayment-customersupport_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.holidayrentpayment-info .content-second-cta {
    background-color: #6c3f98
}

.moment-vertical-info.rentpayment-info .content-benefits {
    background-color: #016d44;
    background-image: url("assets/images/icon-duespayment-stats.png")
}

.moment-vertical-info.rentpayment-info .content-payment-channels,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons {
    background-image: url("assets/images/icon-rentpayment-channels-light.png")
}

.moment-vertical-info.rentpayment-info .content-payment-channels .page-content:before,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons .page-content:before {
    background-image: url("assets/images/icon-rentpayment-channels.png")
}

.moment-vertical-info.rentpayment-info .content-payment-channels .icon.online,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.online {
    background-image: url("assets/images/icon-rentpayment-online.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.rentpayment-info .content-payment-channels .icon.online,
    .moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.online {
        background-image: url("assets/images/icon-rentpayment-online_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.rentpayment-info .content-payment-channels .icon.mobile-app,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.mobile-app {
    background-image: url("assets/images/icon-rentpayment-mobile.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.rentpayment-info .content-payment-channels .icon.mobile-app,
    .moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.mobile-app {
        background-image: url("assets/images/icon-rentpayment-mobile_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.rentpayment-info .content-payment-channels .icon.text-message,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.text-message {
    background-image: url("assets/images/icon-rentpayment-message.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.rentpayment-info .content-payment-channels .icon.text-message,
    .moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.text-message {
        background-image: url("assets/images/icon-rentpayment-message_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.rentpayment-info .content-payment-channels .icon.email,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.email {
    background-image: url("assets/images/icon-rentpayment-email.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.rentpayment-info .content-payment-channels .icon.email,
    .moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.email {
        background-image: url("assets/images/icon-rentpayment-email_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.rentpayment-info .content-payment-channels .icon.phone,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.phone {
    background-image: url("assets/images/icon-rentpayment-phone.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.rentpayment-info .content-payment-channels .icon.phone,
    .moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.phone {
        background-image: url("assets/images/icon-rentpayment-phone_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.rentpayment-info .content-payment-channels .icon.autopay,
.moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.autopay {
    background-image: url("assets/images/icon-rentpayment-autopay.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.rentpayment-info .content-payment-channels .icon.autopay,
    .moment-vertical-info.rentpayment-info .content-payment-channels-6icons .icon.autopay {
        background-image: url("assets/images/icon-rentpayment-autopay_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.rentpayment-info .content-payment-methods {
    background-image: url("assets/images/bg-vertical-payment-methods.jpg")
}

.moment-vertical-info.rentpayment-info .content-payment-methods .vertical-valign-middle {
    padding-top: 6% !important
}

.moment-vertical-info.rentpayment-info .content-industry-specific {
    background-image: url("assets/images/icon-rentpayment-security.png")
}

.moment-vertical-info.rentpayment-info .content-industry-specific .page-content:before {
    background-image: url("assets/images/icon-rentpayment-nut.png")
}

.moment-vertical-info.rentpayment-info .content-security {
    background-color: #016d44;
    background-image: url("assets/images/icon-duespayment-lock.png")
}

.moment-vertical-info.rentpayment-info .content-industry-partners {
    background-image: url("assets/images/bg-duespayment-industry.jpg");
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.rentpayment-info .content-industry-partners {
        min-height: 640px;
    }
}

.moment-vertical-info.rentpayment-info .content-versatile .icon {
    background-image: url("assets/images/icon-rentpayment-versatile.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.rentpayment-info .content-versatile .icon {
        background-image: url("assets/images/icon-rentpayment-versatile_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.rentpayment-info .content-second-cta {
    background-color: #016d44
}

.moment-vertical-info.parishpay-info .content-benefits {
    background-color: #507fab;
    background-image: url("assets/images/icon-duespayment-stats.png")
}

.moment-vertical-info.parishpay-info .content-parishpay-fees {
    background-image: url("assets/images/icon-parishpay-star.png");
    background-color: #D0E3FF
}

.moment-vertical-info.parishpay-info .content-parishpay-fees .page-content:before {
    width: 86px;
    background-image: url("assets/images/icon-parishpay-stars.png")
}

.moment-vertical-info.parishpay-info .content-parishpay-fees li {
    width: 49%;
    white-space: normal
}

.moment-vertical-info.parishpay-info .content-parishpay-fees .icon.nosetup {
    background-image: url("assets/images/icon-parishpay-nosetup.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.parishpay-info .content-parishpay-fees .icon.nosetup {
        background-image: url("assets/images/icon-parishpay-nosetup_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.parishpay-info .content-parishpay-fees .icon.plans {
    background-image: url("assets/images/icon-parishpay-plans.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.parishpay-info .content-parishpay-fees .icon.plans {
        background-image: url("assets/images/icon-parishpay-plans_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.parishpay-info .content-parishpay-fees .icon.check-transaction {
    background-image: url("assets/images/icon-parishpay-check-transaction.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.parishpay-info .content-parishpay-fees .icon.check-transaction {
        background-image: url("assets/images/icon-parishpay-check-transaction_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.parishpay-info .content-parishpay-fees .icon.card-transaction {
    background-image: url("assets/images/icon-parishpay-card-transaction.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.parishpay-info .content-parishpay-fees .icon.card-transaction {
        background-image: url("assets/images/icon-parishpay-card-transaction_2x.html");
        background-size: contain;
    }
}

.moment-vertical-info.parishpay-info .content-payment-methods {
    background-image: url("assets/images/bg-vertical-payment-methods.jpg")
}

.moment-vertical-info.parishpay-info .content-payment-methods .vertical-valign-middle {
    padding-top: 6% !important
}

.moment-vertical-info.parishpay-info .content-industry-specific {
    background-image: url("assets/images/icon-storagerentpayment-star.png")
}

.moment-vertical-info.parishpay-info .content-industry-specific .page-content:before {
    width: 86px;
    background-image: url("assets/images/icon-storagerentpayment-stars.png")
}

.moment-vertical-info.parishpay-info .content-security {
    background-color: #507fab;
    background-image: url("assets/images/icon-duespayment-lock.png")
}

.moment-vertical-info.parishpay-info .content-industry-partners {
    background-image: url("assets/images/bg-duespayment-industry.jpg");
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.parishpay-info .content-industry-partners {
        min-height: 640px;
    }
}

.moment-vertical-info.parishpay-info .content-customer-support .icon {
    background-image: url("assets/images/icon-parishpay-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.parishpay-info .content-customer-support .icon {
        background-image: url("assets/images/icon-parishpay-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.parishpay-info .content-second-cta {
    background-color: #507fab
}

.moment-vertical-info.vacationrentpayment-info .content-benefits {
    background-color: #f6881f;
    background-image: url("assets/images/icon-duespayment-stats.png")
}

.moment-vertical-info.vacationrentpayment-info .content-payment-channels {
    background-image: url("assets/images/icon-vacationrentpayment-channels-light.png")
}

.moment-vertical-info.vacationrentpayment-info .content-payment-channels .page-content:before {
    background-image: url("assets/images/icon-vacationrentpayment-channels.png")
}

.moment-vertical-info.vacationrentpayment-info .content-payment-channels li:nth-child(2) {
    display: none
}

.moment-vertical-info.vacationrentpayment-info .content-payment-channels .icon.online {
    background-image: url("assets/images/icon-vacationrentpayment-online.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.vacationrentpayment-info .content-payment-channels .icon.online {
        background-image: url("assets/images/icon-vacationrentpayment-online_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.vacationrentpayment-info .content-payment-channels .icon.phone {
    background-image: url("assets/images/icon-vacationrentpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.vacationrentpayment-info .content-payment-channels .icon.phone {
        background-image: url("assets/images/icon-vacationrentpayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.vacationrentpayment-info .content-payment-channels .icon.inperson {
    background-image: url("assets/images/icon-vacationrentpayment-inperson.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.vacationrentpayment-info .content-payment-channels .icon.inperson {
        background-image: url("assets/images/icon-vacationrentpayment-inperson_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.vacationrentpayment-info .content-payment-methods {
    background-image: url("assets/images/bg-vertical-payment-methods.jpg")
}

.moment-vertical-info.vacationrentpayment-info .content-payment-methods .vertical-valign-middle {
    padding-top: 6% !important
}

.moment-vertical-info.vacationrentpayment-info .content-industry-specific {
    background-image: url("assets/images/icon-parishpay-star.png");
    background-color: #FFEAD7
}

.moment-vertical-info.vacationrentpayment-info .content-industry-specific .page-content:before {
    width: 86px;
    background-image: url("assets/images/icon-vacationrentpayment-stars.png")
}

.moment-vertical-info.vacationrentpayment-info .content-security {
    background-color: #f6881f;
    background-image: url("assets/images/icon-duespayment-lock.png")
}

.moment-vertical-info.vacationrentpayment-info .content-industry-partners {
    background: white;
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.vacationrentpayment-info .content-industry-partners {
        min-height: 640px;
    }
}

.moment-vertical-info.vacationrentpayment-info .content-industry-partners .subtitle,
.moment-vertical-info.vacationrentpayment-info .content-industry-partners p {
    color: #000000
}

.moment-vertical-info.vacationrentpayment-info .content-industry-partners .page-content:after {
    content: '';
    display: block;
    margin: auto;
    width: 100%;
    height: 220px;
    background: url("assets/images/bg-vacationrentpayment-partners.png") no-repeat center bottom;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.vacationrentpayment-info .content-industry-partners .page-content:after {
        background-position: center;
    }
}

.moment-vertical-info.vacationrentpayment-info .content-customer-support {
    background-color: #FFEAD7
}

.moment-vertical-info.vacationrentpayment-info .content-customer-support .icon {
    background-image: url("assets/images/icon-vacationrentpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.vacationrentpayment-info .content-customer-support .icon {
        background-image: url("assets/images/icon-vacationrentpayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.vacationrentpayment-info .content-second-cta {
    background-color: #f6881f
}

.moment-vertical-info.storagerentpayment-info .content-benefits {
    background-color: #0060af;
    background-image: url("assets/images/icon-duespayment-stats.png")
}

.moment-vertical-info.storagerentpayment-info .content-payment-channels {
    background-image: url("assets/images/icon-storagerentpayment-channels-light.png")
}

.moment-vertical-info.storagerentpayment-info .content-payment-channels .page-content:before {
    background-image: url("assets/images/icon-storagerentpayment-channels.png")
}

.moment-vertical-info.storagerentpayment-info .content-payment-channels ul li {
    width: 23%
}

.moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.online {
    background-image: url("assets/images/icon-storagerentpayment-online.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.online {
        background-image: url("assets/images/icon-storagerentpayment-online_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.email {
    background-image: url("assets/images/icon-storagerentpayment-email.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.email {
        background-image: url("assets/images/icon-storagerentpayment-email_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.phone {
    background-image: url("assets/images/icon-storagerentpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.phone {
        background-image: url("assets/images/icon-storagerentpayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.inperson {
    background-image: url("assets/images/icon-storagerentpayment-inperson.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.storagerentpayment-info .content-payment-channels .icon.inperson {
        background-image: url("assets/images/icon-storagerentpayment-inperson_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.storagerentpayment-info .content-payment-methods {
    background-image: url("assets/images/bg-vertical-payment-methods.jpg")
}

.moment-vertical-info.storagerentpayment-info .content-payment-methods .vertical-valign-middle {
    padding-top: 6% !important
}

.moment-vertical-info.storagerentpayment-info .content-industry-specific {
    background-image: url("assets/images/icon-parishpay-star.png");
    background-color: #CEE6FA
}

.moment-vertical-info.storagerentpayment-info .content-industry-specific .page-content:before {
    width: 86px;
    background-image: url("assets/images/icon-storagerentpayment-stars.png")
}

.moment-vertical-info.storagerentpayment-info .content-security {
    background-color: #0060af;
    background-image: url("assets/images/icon-duespayment-lock.png")
}

.moment-vertical-info.storagerentpayment-info .content-industry-partners {
    background-image: url("assets/images/bg-storagerentpayment-industry.jpg");
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.storagerentpayment-info .content-industry-partners {
        min-height: 640px;
    }
}

.moment-vertical-info.storagerentpayment-info .content-customer-support .icon {
    background-image: url("assets/images/icon-storagerentpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.storagerentpayment-info .content-customer-support .icon {
        background-image: url("assets/images/icon-storagerentpayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.storagerentpayment-info .content-second-cta {
    background-color: #0060af
}

.moment-vertical-info.innpayment-info .content-benefits {
    background-color: #1a9e9f;
    background-image: url("assets/images/icon-duespayment-stats.png")
}

.moment-vertical-info.innpayment-info .content-payment-channels-3icons {
    background-image: url("assets/images/icon-innpayment-channels-light.png")
}

.moment-vertical-info.innpayment-info .content-payment-channels-3icons .page-content:before {
    background-image: url("assets/images/icon-innpayment-channels.png")
}

.moment-vertical-info.innpayment-info .content-payment-channels-3icons .icon.online {
    background-image: url("assets/images/icon-innpayment-online.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.innpayment-info .content-payment-channels-3icons .icon.online {
        background-image: url("assets/images/icon-innpayment-online_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.innpayment-info .content-payment-channels-3icons .icon.phone {
    background-image: url("assets/images/icon-innpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.innpayment-info .content-payment-channels-3icons .icon.phone {
        background-image: url("assets/images/icon-innpayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.innpayment-info .content-payment-channels-3icons .icon.inperson {
    background-image: url("assets/images/icon-innpayment-inperson.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.innpayment-info .content-payment-channels-3icons .icon.inperson {
        background-image: url("assets/images/icon-innpayment-inperson_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.innpayment-info .content-payment-methods {
    background-image: url("assets/images/bg-vertical-payment-methods.jpg")
}

.moment-vertical-info.innpayment-info .content-payment-methods .vertical-valign-middle {
    padding-top: 6% !important
}

.moment-vertical-info.innpayment-info .content-industry-specific {
    background-image: url("assets/images/icon-parishpay-star.png");
    background-color: #BDE4E4
}

.moment-vertical-info.innpayment-info .content-industry-specific .page-content:before {
    width: 86px;
    background-image: url("assets/images/icon-innpayment-stars.png")
}

.moment-vertical-info.innpayment-info .content-security {
    background-color: #1a9e9f;
    background-image: url("assets/images/icon-duespayment-lock.png")
}

.moment-vertical-info.innpayment-info .content-industry-partners {
    background-image: url("assets/images/bg-innpayment-industry.jpg");
    min-height: 360px
}

@media only screen and (min-width:40.063em) {
    .moment-vertical-info.innpayment-info .content-industry-partners {
        min-height: 640px;
    }
}

.moment-vertical-info.innpayment-info .content-customer-support .icon {
    background-image: url("assets/images/icon-innpayment-customersupport.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-vertical-info.innpayment-info .content-customer-support .icon {
        background-image: url("assets/images/icon-innpayment-customersupport_2x.png");
        background-size: contain;
    }
}

.moment-vertical-info.innpayment-info .content-second-cta {
    background-color: #1a9e9f
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 1560
    }
    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes dash {
    from {
        stroke-dashoffset: 1560
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 1560
    }
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: scale(0, 1);
        opacity: 0
    }
    40% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 1
    }
    80% {
        -webkit-transform: scale(0.9, 0.9);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: scale(0, 1);
        opacity: 0
    }
    40% {
        -moz-transform: scale(1.2, 1.2);
        opacity: 1
    }
    80% {
        -moz-transform: scale(0.9, 0.9);
        opacity: 1
    }
    100% {
        -moz-transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes flip {
    0% {
        transform: scale(0, 1);
        opacity: 0
    }
    40% {
        transform: scale(1.2, 1.2);
        opacity: 1
    }
    80% {
        transform: scale(0.9, 0.9);
        opacity: 1
    }
    100% {
        transform: scale(1, 1);
        opacity: 1
    }
}

@media only screen and (min-width:40.063em) {
    .visible .path {
        stroke-dasharray: 1560;
        stroke-dashoffset: 1560;
        stroke-linecap: round;
        stroke-linejoin: round;
        -webkit-animation: dash 1200ms ease-out forwards;
        -moz-animation: dash 1200ms ease-out forwards;
        animation: dash 1200ms ease-out forwards
    }
    .visible .flip {
        opacity: 0;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-animation: flip 600ms ease-out forwards;
        -moz-animation: flip 600ms ease-out forwards;
        animation: flip 600ms ease-out forwards
    }
}

@-webkit-keyframes texte {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, -10%)
    }
}

@-moz-keyframes texte {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0, -10%)
    }
}

@keyframes texte {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: translate(0, -10%)
    }
}

@media only screen and (min-width:40.063em) {
    .content-partner-case-study.visible p {
        -webkit-animation: texte 1500ms ease-out forwards;
        -moz-animation: texte 1500ms ease-out forwards;
        animation: texte 1500ms ease-out forwards
    }
    .content-partner-case-study.visible .play-button {
        -webkit-animation: texte 500ms 1400ms ease-out forwards;
        -moz-animation: texte 500ms 1400ms ease-out forwards;
        animation: texte 500ms 1400ms ease-out forwards
    }
}

.visible .col-1 .path,
.visible .col-1 .flip,
.visible .col-1 p {
    -webkit-animation-delay: 500ms;
    -moz-animation-delay: 500ms;
    animation-delay: 500ms
}

.visible .col-2 .path,
.visible .col-2 .flip,
.visible .col-2 p {
    -webkit-animation-delay: 700ms;
    -moz-animation-delay: 700ms;
    animation-delay: 700ms
}

.visible .col-3 .path,
.visible .col-3 .flip,
.visible .col-3 p {
    -webkit-animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    animation-delay: 800ms
}

.visible .col-4 .path,
.visible .col-4 .flip,
.visible .col-4 p {
    -webkit-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    animation-delay: 1000ms
}

.content-partners-intro {
    background: #f6f6f6;
    background: -moz-radial-gradient(center, ellipse cover, #fefefe 0%, #e6e6e6 50%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fefefe), color-stop(50%, #e6e6e6));
    background: -webkit-radial-gradient(center, ellipse cover, #fefefe 0%, #e6e6e6 50%);
    background: -o-radial-gradient(center, ellipse cover, #fefefe 0%, #e6e6e6 50%);
    background: -ms-radial-gradient(center, ellipse cover, #fefefe 0%, #e6e6e6 50%);
    background: radial-gradient(ellipse at center, #fefefe 0%, #e6e6e6 50%)
}

.content-partners-intro::before {
    content: attr(title);
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url("assets/images/bg-image-partners-hero-chair.png");
    background-size: auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-partners-intro::before {
        background-image: url("assets/images/bg-image-partners-hero-chair_2x.png");
        background-size: 308px 386px;
    }
}

@media only screen and (min-width:40.063em) {
    .content-partners-intro::before {
        -webkit-animation: movetoleft 2.5s 1s forwards ease-in-out;
        background-position: 130% bottom;
    }
}

@-webkit-keyframes movetoleft {
    0% {
        background-position-x: 130%
    }
    100% {
        background-position-x: 20%
    }
}

@-moz-keyframes movetoleft {
    0% {
        background-position-x: 130%
    }
    100% {
        background-position-x: 20%
    }
}

@keyframes movetoleft {
    0% {
        background-position-x: 130%
    }
    100% {
        background-position-x: 20%
    }
}

@media only screen and (min-width:40.063em) {
    .content-partners-intro:after {
        content: attr(title);
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background-repeat: no-repeat;
        background-position: -30% bottom;
        background-image: url("assets/images/bg-image-partners-hero-chair.png");
        -webkit-animation: movetoright 2.5s 1s forwards ease-in-out;
        -moz-animation: movetoright 2.5s 1s forwards ease-in-out;
        animation: movetoright 2.5s 1s forwards ease-in-out
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
    only screen and (min--moz-device-pixel-ratio: 1.3),
    only screen and (-o-min-device-pixel-ratio: 1.3/1),
    only screen and (min-resolution: 125dpi),
    only screen and (min-resolution: 1.3dppx) {
        .content-partners-intro:after {
            background-image: url("assets/images/bg-image-partners-hero-chair_2x.png");
            background-size: 308px 386px;
        }
    }
}

@-webkit-keyframes movetoright {
    0% {
        background-position-x: -30%
    }
    100% {
        background-position-x: 80%
    }
}

@-moz-keyframes movetoright {
    0% {
        background-position-x: -30%
    }
    100% {
        background-position-x: 80%
    }
}

@keyframes movetoright {
    0% {
        background-position-x: -30%
    }
    100% {
        background-position-x: 80%
    }
}

.content-partner-case-study {
    background: #000 url('assets/images/case-study-homeaway-bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media only screen and (min-width:40.063em) {
    .content-partner-case-study .page-content {
        padding: 3.375rem 0
    }
}

.content-partner-case-study .small-title {
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0 auto;
    color: #fff
}

.content-partner-case-study .title {
    color: #fff;
    margin: 1rem auto 2.5rem
}

@media only screen and (min-width:40.063em) {
    .content-partner-case-study .title {
        font-size: 2.25rem;
    }
}

.content-partner-case-study .image {
    display: block;
    width: 42%;
    min-height: 100px;
    height: 110px;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.content-partner-case-study p {
    font-size: 1rem;
    line-height: 1.2;
    margin: 1rem 0.9375rem;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .content-partner-case-study p {
        font-size: 0.875rem;
        line-height: 1.5;
        padding: 0 0.5rem;
        opacity: 0;
    }
}

.content-partner-case-study .columns {
    text-align: center;
    padding: 0 0rem;
    min-height: 180px
}

@media only screen and (min-width:40.063em) {
    .content-partner-case-study .columns {
        min-height: 0;
        padding: 0;
    }
}

.content-partner-case-study .play-button {
    margin: 0.5rem auto 1.75rem
}

@media only screen and (min-width:40.063em) {
    .content-partner-case-study .play-button {
        margin: 4rem auto 0;
        opacity: 0;
    }
}

.content-partner-case-study #video-frame {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    margin: auto;
    height: 200px;
    z-index: 1000;
    background: red
}

.inner-modal {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #262626;
    overflow: hidden
}

.inner-modal .flex-video {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: #262626 url('assets/images/icon-sending.gif') no-repeat center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inner-modal .close-reveal-modal {
    font-size: 2rem;
    display: block;
    width: 40px;
    height: 40px;
    background: black;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 38px;
    position: absolute;
    z-index: 100;
    color: #fff;
    font-weight: bold;
    cursor: pointer
}

.content-testimonials li {
    min-height: 545px;
    position: relative;
    background-color: #51bb6c;
    text-align: center
}

.content-testimonials li.testimonial-rent-payment {
    background-color: #016d44
}

.content-testimonials li.testimonial-rent-payment .slide-logo {
    background: url('assets/images/logo-rent-payment-w.png') no-repeat center center
}

.content-testimonials li.testimonial-vacation-rent-payment {
    background-color: #f6881f
}

.content-testimonials li.testimonial-vacation-rent-payment .slide-logo {
    background: url('assets/images/logo-vacation-rent-payment-w.png') no-repeat center center
}

.content-testimonials li.testimonial-dues-payment {
    background-color: #51bb6c
}

.content-testimonials li.testimonial-dues-payment .slide-logo {
    background: url('assets/images/logo-dues-payment-w.png') no-repeat center center
}

.content-testimonials li.testimonial-storage-rent-payment {
    background-color: #0060af
}

.content-testimonials li.testimonial-storage-rent-payment .slide-logo {
    background: url('assets/images/logo-storage-rent-payment-w.png') no-repeat center center
}

.content-testimonials li.testimonial-parish-pay {
    background-color: #507fab
}

.content-testimonials li.testimonial-parish-pay .slide-logo {
    background: url('assets/images/logo-parish-pay-w.png') no-repeat center center
}

.content-testimonials li .slideshow-title {
    margin: 1rem auto;
    text-align: center;
    font-weight: 300;
    width: 90%;
    line-height: 1;
    font-size: 1.5rem;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (min-width:40.063em) {
    .content-testimonials li .slideshow-title {
        margin: 3rem auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 75%;
        height: 20px;
        font-size: 2.125rem;
        line-height: 2.8125rem;
    }
}

.content-testimonials li .slide-logo {
    max-width: 775px;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 auto 1.25rem;
    min-height: 80px;
    border-top: 1px solid rgba(53, 53, 53, 0.2);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-size: 70% !important
}

@media only screen and (min-width:40.063em) {
    .content-testimonials li .slide-logo {
        padding: 2.8125rem 0;
        margin: 0 auto 1.25rem;
        height: 160px;
        background-size: auto !important;
    }
}

.content-testimonials li .quotes {
    letter-spacing: -0.315em
}

.content-testimonials li .quote {
    display: inline-block;
    letter-spacing: normal;
    float: none;
    vertical-align: top;
    width: 50%;
    color: #fff;
    border: none;
    text-align: left;
    font-weight: 300;
    padding: 0 0.5rem;
    font-size: 0.75rem;
    line-height: 1.6
}

.content-testimonials li .quote em {
    display: inline-block;
    margin: 0.5rem 0 0;
    font-size: 0.75rem;
    font-weight: 300;
    width: 100%
}

@media only screen and (min-width:40.063em) {
    .content-testimonials li .quote {
        padding: 0 2rem;
        font-size: 0.9375rem
    }
    .content-testimonials li .quote em {
        margin: 1.25rem 0 0;
        font-size: 0.8125rem
    }
}

.orbit-container li {
    max-height: 540px
}

.orbit-container li img {
    min-width: 100%
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
    width: 64px;
    height: 103px;
    top: 50%;
    margin-top: -52px;
    background: url('assets/images/arrow-slideshow.png') no-repeat
}

.orbit-container .orbit-prev>span,
.orbit-container .orbit-next>span {
    display: none
}

.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
    background-color: transparent
}

.orbit-container .orbit-prev {
    background-position: left top
}

.orbit-container .orbit-next {
    background-position: left bottom
}

.content-payment-partners .title,
.content-powering-online-marketplaces .title,
.moment-custom-services-moment .title {
    color: #fff
}

.content-payment-partners p,
.content-powering-online-marketplaces p,
.moment-custom-services-moment p {
    color: #fff;
    text-align: center;
    font-weight: 300
}

.moment-custom-services-moment,
.moment-custom-services {
    background-color: #fdb414;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.content-powering-online-marketplaces {
    background: url('assets/images/bg-img-powering-online-marketplaces.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    .content-powering-online-marketplaces {
        background-attachment: normal;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .content-powering-online-marketplaces {
        background-attachment: scroll;
    }
}

.content-powering-online-marketplaces .subtitle,
.content-powering-online-marketplaces p {
    color: #fff
}

.content-powering-online-marketplaces .subtitle {
    text-align: center
}

.content-powering-online-marketplaces .image {
    width: 100%;
    max-width: 449px;
    min-height: 72px;
    margin: 1.25rem auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/images/partners-powering-online-marketplaces.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-powering-online-marketplaces .image {
        background-image: url("assets/images/partners-powering-online-marketplaces_2x.png");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .content-powering-online-marketplaces .image {
        margin: 3.125rem auto;
    }
}

.content-leading-software {
    background-color: #fff
}

.content-leading-software .subtitle {
    text-align: center
}

.content-leading-software .image {
    width: 100%;
    max-width: 565px;
    min-height: 2.5rem;
    margin: 1rem auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/images/partners-leading-software-integrations-2.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-leading-software .image {
        background-image: url("assets/images/partners-leading-software-integrations-2_2x.png");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .content-leading-software .image {
        min-height: 5rem;
        margin: 3.125rem auto;
    }
}

.content-payment-partners {
    background: url('assets/images/bg-img-payment-partners.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:64.063em) {
    .content-payment-partners {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .content-payment-partners {
        background-attachment: scroll;
    }
}

.content-payment-partners .subtitle,
.content-payment-partners p {
    color: #fff;
    text-align: center
}

.content-payment-partners .image {
    width: 100%;
    max-width: 707px;
    min-height: 60px;
    margin: 1rem auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/images/partners-payment-partners.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-payment-partners .image {
        background-image: url("assets/images/partners-payment-partners_2x.png");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .content-payment-partners .image {
        margin: 3.125rem auto;
    }
}

.content-powering-non-profit {
    background-color: #fff
}

.content-powering-non-profit .subtitle {
    text-align: center
}

.content-powering-non-profit .image {
    width: 100%;
    max-width: 862px;
    min-height: 60px;
    margin: 1rem auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/images/partners-powering-non-profit-organizations.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .content-powering-non-profit .image {
        background-image: url("assets/images/partners-powering-non-profit-organizations_2x.png");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .content-powering-non-profit .image {
        margin: 3.125rem auto;
    }
}

.moment-hands-hero-image {
    background-color: #f2f2f2
}

.moment-hands-hero-image .page-title {
    margin: 0 0 1rem
}

@media only screen and (min-width:40.063em) {
    .moment-hands-hero-image .page-title {
        font-size: 2.5rem;
        line-height: 3.125rem;
        margin: 0 0 1.875rem 0;
    }
}

.moment-hands-hero-image .hands p {
    padding-bottom: 110px
}

.moment-hands-hero-image #security-hands {
    width: 100%;
    min-height: 120px;
    margin: 1rem auto 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("assets/images/bg-image-hero-security.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-hands-hero-image #security-hands {
        background-image: url("assets/images/bg-image-hero-security_2x.jpg");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .moment-hands-hero-image #security-hands {
        background-position: center 500px;
        -webkit-animation: movebg 2s forwards;
        -moz-animation: movebg 2s forwards;
        animation: movebg 2s forwards;
        margin: 2rem auto 0;
        min-height: 235px;
    }
}

@-webkit-keyframes movebg {
    0% {
        background-position: center 500px
    }
    100% {
        background-position: center bottom
    }
}

@-moz-keyframes movebg {
    0% {
        background-position: center 500px
    }
    100% {
        background-position: center bottom
    }
}

@keyframes movebg {
    0% {
        background-position: center 500px
    }
    100% {
        background-position: center bottom
    }
}

@media only screen and (min-width:40.063em) {
    .security .image,
    .security .subtitle {
        opacity: 0
    }
    .security.fade .image {
        -webkit-animation: fadeicon 0.5s forwards;
        -moz-animation: fadeicon 0.5s forwards;
        animation: fadeicon 0.5s forwards
    }
    .security.fade .subtitle {
        -webkit-animation: movet 0.5s 300ms forwards;
        -moz-animation: movet 0.5s 300ms forwards;
        animation: movet 0.5s 300ms forwards
    }
}

.moment-security .image {
    width: 100%;
    height: 100%;
    min-width: 40px;
    min-height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-security .image {
        min-width: 70px;
        min-height: 70px;
    }
}

.moment-security .content-security-detection {
    background: #fff url('assets/images/check-pattern-bg.png')
}

.moment-security .content-security-detection.bg-white {
    background-color: #fff
}

.moment-security .content-security-detection .image {
    background-image: url("assets/images/security-detection.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-security .content-security-detection .image {
        background-image: url("assets/images/security-detection_2x.png");
        background-size: contain;
    }
}

.moment-security .content-security-encryption {
    position: relative;
    overflow: hidden
}

.moment-security .content-security-encryption .image {
    background-image: url("assets/images/security-encryption.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-security .content-security-encryption .image {
        background-image: url("assets/images/security-encryption_2x.png");
        background-size: contain;
    }
}

.moment-security .content-security-compliance .image {
    background-image: url("assets/images/security-compliance.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .moment-security .content-security-compliance .image {
        background-image: url("assets/images/security-compliance_2x.png");
        background-size: contain;
    }
}

.moment-security .bg-photo article {
    left: auto
}

.moment-security .bg-photo article * {
    text-align: center !important
}

.moment-security .bg-photo .subtitle {
    text-align: center !important;
    color: #fff
}

.moment-security .bg-photo p {
    color: #fff;
    text-align: left !important
}

.moment-security .bg-white {
    background-color: #f2f2f2
}

.moment-security .bg-grey {
    background-color: #dadada
}

.moment-careers-intro {
    background-image: url('assets/images/career-bg3.jpg')
}

.moment-passion {
    background-color: #8b1519
}

@media only screen and (min-width:40.063em) {
    .moment-passion.visible h3 {
        opacity: 1;
        padding-top: 20px
    }
    .moment-passion.visible #video-carousel {
        opacity: 1
    }
}

@media only screen and (min-width:40.063em) {
    .moment-passion .title {
        opacity: 0;
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        transition: all 600ms;
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        transition-delay: 600ms;
        margin-bottom: 120px;
    }
}

.moment-passion #video-carousel {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    transition-delay: 600ms
}

@media only screen and (min-width:40.063em) {
    .moment-passion #video-carousel {
        opacity: 0;
    }
}

.moment-passion #video-carousel .slick-slide {
    padding: 1em
}

.moment-passion #video-carousel .video-carousel-link {
    display: block;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in
}

.moment-passion #video-carousel .video-carousel-link:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 31px;
    height: 30px;
    opacity: 0.5;
    background: url('assets/images/play-button.png') no-repeat center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.moment-passion #video-carousel .video-carousel-link:hover:after {
    opacity: 1
}

.moment-passion #video-carousel h4 {
    color: #FFFFFF;
    font-size: 1rem;
    text-align: center;
    margin: 1em 0 0
}

#passion-videos {
    border-radius: 0;
    position: fixed !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#passion-videos .flex-video {
    margin: 32vh auto 0
}

@media only screen and (min-width:40.063em) {
    #passion-videos .flex-video {
        margin: 0;
    }
}

.content-benefits .benefits-text {
    margin: 5rem auto 0
}

.content-benefits .benefits-text p {
    font-size: 1.5rem;
    line-height: 2.1875rem;
    font-weight: 200;
    text-align: center
}

.content-benefits ul.benefits {
    max-width: 71.875rem;
    margin: 0rem auto 2.5rem;
    padding: 0;
    list-style: none
}

.content-benefits ul.benefits li {
    width: 20%;
    padding: 7rem 0.625rem 0;
    position: relative;
    margin: 0 auto 3.125rem;
    text-align: left;
    min-height: 180px
}

.content-benefits ul.benefits li img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto
}

.content-benefits ul.benefits li .benefit-name {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.5625rem;
    margin: 0;
    margin-bottom: 0.25rem;
    text-transform: none;
    margin-top: 1.25rem
}

.content-benefits ul.benefits li .benefit-desc {
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.125rem;
    font-weight: 300
}

.moment-benefits .title-content {
    padding: 3.125rem 0;
    background-color: #8b1519
}

.moment-benefits .benefit-rows {
    padding: 1.25rem 0
}

.moment-benefits .benefit-rows .subtitle {
    font-size: 1.375rem
}

.moment-benefits .benefit-rows:nth-child(odd) {
    background: #f6f6f6
}

.moment-benefits .image-rows.fade {
    opacity: 1
}

@media only screen and (min-width:40.063em) {
    .moment-benefits .fade .benefit-icon {
        -webkit-animation: fadeicon 0.5s forwards;
        -moz-animation: fadeicon 0.5s forwards;
        animation: fadeicon 0.5s forwards
    }
    .moment-benefits .fade .subtitle {
        -webkit-animation: movet 0.5s 300ms forwards;
        -moz-animation: movet 0.5s 300ms forwards;
        animation: movet 0.5s 300ms forwards
    }
}

.moment-benefits .image-rows {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:40.063em) {
    .moment-benefits .image-rows {
        opacity: 0;
        -webkit-transition: opacity 1s linear;
        -moz-transition: opacity 1s linear;
        transition: opacity 1s linear;
    }
}

@media only screen and (min-width:64.063em) {
    .moment-benefits .image-rows {
        background-attachment: fixed;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .moment-benefits .image-rows {
        background-attachment: scroll;
    }
}

.moment-benefits .image-rows.career-1-row {
    background-image: url('assets/images/career-revolution.jpg')
}

.moment-benefits .image-rows.career-2-row {
    background-image: url('assets/images/career-code.jpg')
}

.moment-benefits .image-rows.career-3-row {
    background-image: url('assets/images/career-enjoy.jpg')
}

.moment-benefits .image-rows.career-4-row {
    background-image: url('assets/images/career-smile.jpg')
}

@media only screen and (min-width:64.063em) {
    .moment-benefits .image-rows.career-4-row .page-content {
        padding: 15rem 0;
    }
}

.moment-benefits .image-rows .page-content {
    padding: 6rem 0
}

.moment-benefits .image-rows .subtitle {
    color: #ffffff
}

.moment-benefits .title {
    color: #fff
}

.moment-benefits .benefit-icon {
    width: 100%;
    height: 100%;
    min-width: 40px;
    min-height: 40px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .moment-benefits .benefit-icon {
        min-width: 70px;
        min-height: 71px;
        opacity: 0;
    }
}

.moment-benefits .benefit-icon.yapster {
    background-image: url('assets/images/icon-yapster.png')
}

.moment-benefits .benefit-icon.grow-career {
    background-image: url('assets/images/icon-grow-career.png')
}

.moment-benefits .benefit-icon.peer2peer {
    background-image: url('assets/images/icon-peer2peer.png')
}

.moment-benefits .benefit-icon.plan-match {
    background-image: url('assets/images/icon-401k-match.png')
}

.moment-benefits .benefit-icon.perk {
    background-image: url('assets/images/icon-perk.png')
}

.moment-benefits .benefit-icon.paid-time-off {
    background-image: url('assets/images/icon-paid-time-off.png')
}

.moment-benefits .benefit-icon.wellness {
    background-image: url('assets/images/icon-wellness.png')
}

.moment-benefits .benefit-icon.pay-it-forward {
    background-image: url('assets/images/icon-pay-it-forward.png')
}

.moment-benefits .benefit-icon.paper-checks-enemy {
    background-image: url('assets/images/icon-paper-checks-enemy.png')
}

.moment-benefits .subtitle {
    margin-top: 1rem;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .moment-benefits .subtitle {
        margin-top: 1.25rem;
        opacity: 0;
    }
}

.moment-benefits p {
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.375rem
}

body.careers .inner-modal .close-reveal-modal {
    width: 36px;
    height: 36px;
    background: transparent;
    right: auto;
    left: 3px;
    top: 50%;
    margin-top: -18px;
    line-height: 28px;
    border-radius: 20px;
    border: 2px solid #ffffff
}

body.careers .inner-modal .close-reveal-modal:hover {
    background-color: rgba(0, 0, 0, 0.5)
}

.content-offices {
    background-position: center center;
    background-size: 100%;
    background-size: cover;
    min-height: 100%
}

.content-offices:after {
    content: attr(title);
    background-color: black;
    opacity: 0.7;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

@media only screen and (min-width:40.063em) {
    .content-offices:after {
        background: none;
        -webkit-transition: all 500ms ease-in;
        -moz-transition: all 500ms ease-in;
        transition: all 500ms ease-in;
    }
}

.content-offices.visible:after {
    background-color: black;
    opacity: 0.7
}

.content-offices.visible .title {
    color: #fff
}

@media only screen and (min-width:40.063em) {
    .content-offices.visible h3 {
        -webkit-animation: texte 1500ms ease-out forwards;
        -moz-animation: texte 1500ms ease-out forwards;
        animation: texte 1500ms ease-out forwards;
    }
}

.content-offices.visible .office-info:first-child .path,
.content-offices.visible .office-info:first-child .flip,
.content-offices.visible .office-info:first-child .info {
    -webkit-animation-delay: 700ms;
    -moz-animation-delay: 700ms;
    animation-delay: 700ms
}

.content-offices.visible .office-info .path,
.content-offices.visible .office-info .flip,
.content-offices.visible .office-info .info {
    -webkit-animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    animation-delay: 800ms
}

.content-offices.visible .office-info:last-child .path,
.content-offices.visible .office-info:last-child .flip,
.content-offices.visible .office-info:last-child .info {
    -webkit-animation-delay: 900ms;
    -moz-animation-delay: 900ms;
    animation-delay: 900ms
}

.content-offices .title {
    color: #fff;
    margin-bottom: 2rem
}

@media only screen and (min-width:40.063em) {
    .content-offices .title {
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        color: #333;
        margin-bottom: 3.75rem;
    }
}

.content-offices .office-info {
    text-align: center;
    color: #fff
}

.content-offices .office-info .image {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    min-width: 35px;
    min-height: 35px;
    margin: 0 auto 0.5rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (min-width:40.063em) {
    .content-offices .office-info .image {
        min-width: 70px;
        min-height: 70px;
        margin: 0 auto 1.25rem;
    }
}

@media only screen and (max-width: 40em) {
    .content-offices .office-info .image svg {
        width: 85%;
    }
}

.content-offices .office-info .info {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
    color: #fff;
    text-transform: none
}

@media only screen and (min-width:40.063em) {
    .content-offices .office-info .info {
        opacity: 0;
        font-size: 1.5rem;
        line-height: 2.125rem;
        padding: 0 1.25rem;
    }
}

.content-offices.office-santa-monica {
    background-image: url('assets/images/office-santa-monica1.jpg')
}

.content-offices.office-walnut-creek {
    background-image: url('assets/images/office-walnut-creek1.jpg')
}

.content-offices.office-dublin {
    background-image: url('assets/images/office-dublin1.jpg')
}

.content-offices .offices-link {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

.content-intro-open-positions:after {
    content: attr(title);
    background-color: black;
    opacity: 0.8;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

@media only screen and (min-width:40.063em) {
    .content-intro-open-positions:after {
        opacity: 0.95;
        -webkit-animation: fade 5s forwards;
        -moz-animation: fade 5s forwards;
        animation: fade 5s forwards;
    }
}

.content-intro-open-positions {
    background: #fff url('assets/images/openpositions-hero-background1.jpg') no-repeat center center;
    background-size: cover
}

@media only screen and (min-width:40.063em) {
    .content-intro-open-positions h1.title {
        opacity: 0;
        -webkit-animation: moveb 1.4s 1s forwards;
        -moz-animation: moveb 1.4s 1s forwards;
        animation: moveb 1.4s 1s forwards
    }
    .content-intro-open-positions p {
        opacity: 0;
        -webkit-animation: moveb 1.4s 1.4s forwards;
        -moz-animation: moveb 1.4s 1.4s forwards;
        animation: moveb 1.4s 1.4s forwards
    }
    .content-intro-open-positions .button {
        opacity: 0;
        -webkit-animation: moveb 1s 2s forwards, bounce 10s 15s infinite;
        -moz-animation: moveb 1s 2s forwards, bounce 10s 15s infinite;
        animation: moveb 1s 2s forwards, bounce 10s 15s infinite
    }
}

@-webkit-keyframes movet {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, -10%);
        opacity: 1
    }
}

@-moz-keyframes movet {
    0% {
        -moz-transform: translate(0, 0);
        opacity: 0
    }
    100% {
        -moz-transform: translate(0, -10%);
        opacity: 1
    }
}

@keyframes movet {
    0% {
        transform: translate(0, 0);
        opacity: 0
    }
    100% {
        transform: translate(0, -10%);
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0.95
    }
    100% {
        opacity: 0.7
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 0.95
    }
    100% {
        opacity: 0.7
    }
}

@keyframes fade {
    0% {
        opacity: 0.95
    }
    100% {
        opacity: 0.7
    }
}

@-webkit-keyframes moveb {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, -10%)
    }
}

@-moz-keyframes moveb {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0, -10%)
    }
}

@keyframes moveb {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: translate(0, -10%)
    }
}

@-webkit-keyframes bounce {
    0%,
    2%,
    5%,
    8%,
    10% {
        -webkit-transform: translateY(0)
    }
    4% {
        -webkit-transform: translateY(-30px)
    }
    6% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {
    0%,
    2%,
    5%,
    8%,
    10% {
        -moz-transform: translateY(0)
    }
    4% {
        -moz-transform: translateY(-30px)
    }
    6% {
        -moz-transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    2%,
    5%,
    8%,
    10% {
        transform: translateY(0)
    }
    4% {
        transform: translateY(-30px)
    }
    6% {
        transform: translateY(-15px)
    }
}

@-webkit-keyframes fadeicon {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2, 0.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
}

@-moz-keyframes fadeicon {
    0% {
        opacity: 0;
        -moz-transform: scale(0.2, 0.2)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1, 1)
    }
}

@keyframes fadeicon {
    0% {
        opacity: 0;
        transform: scale(0.2, 0.2)
    }
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@media only screen and (min-width:40.063em) {
    .fade .job-icon {
        -webkit-animation: fadeicon 0.5s forwards;
        -moz-animation: fadeicon 0.5s forwards;
        animation: fadeicon 0.5s forwards
    }
    .fade .job-type {
        -webkit-animation: movet 0.5s 300ms forwards;
        -moz-animation: movet 0.5s 300ms forwards;
        animation: movet 0.5s 300ms forwards
    }
}

.content-jobvite .back-link a {
    position: relative;
    margin: 1rem 0 2rem
}

@media only screen and (min-width:64.063em) {
    .content-jobvite .back-link a {
        margin: 0 0 2rem;
    }
}

.jobvite-intro {
    background-color: #8b1519
}

.jobvite-intro .title {
    color: #fff;
    margin: 2rem auto
}

@media only screen and (min-width:40.063em) {
    .jobvite-intro h2 {
        opacity: 0;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
        -webkit-transition-delay: 0.6s;
        -moz-transition-delay: 0.6s;
        transition-delay: 0.6s
    }
}

.jobvite-intro.visible h2 {
    opacity: 1;
    padding-top: 20px
}

.jobs {
    position: relative;
    text-align: center;
    padding: 0 0 0.5rem;
    margin: 0 auto 1rem
}

.jobs:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:40.063em) {
    .jobs {
        margin: 0 auto 3.5rem;
    }
}

.jobs .job-icon {
    width: 100%;
    height: 100%;
    min-width: 35px;
    min-height: 35px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("assets/images/open-positions-ressources.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon {
        background-image: url("assets/images/open-positions-ressources_2x.png");
        background-size: contain;
    }
}

@media only screen and (min-width:40.063em) {
    .jobs .job-icon {
        min-width: 71px;
        min-height: 71px;
        opacity: 0;
    }
}

.jobs .job-icon-accounting {
    background-image: url("assets/images/open-positions-accounting.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-accounting {
        background-image: url("assets/images/open-positions-accounting_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-customer-service {
    background-image: url("assets/images/open-positions-customer-service.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-customer-service {
        background-image: url("assets/images/open-positions-customer-service_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-engineering {
    background-image: url("assets/images/open-positions-engineering.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-engineering {
        background-image: url("assets/images/open-positions-engineering_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-finance {
    background-image: url("assets/images/open-positions-finance.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-finance {
        background-image: url("assets/images/open-positions-finance_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-information-technology {
    background-image: url("assets/images/open-positions-information-technology.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-information-technology {
        background-image: url("assets/images/open-positions-information-technology_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-marketing {
    background-image: url("assets/images/open-positions-marketing.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-marketing {
        background-image: url("assets/images/open-positions-marketing_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-facilities- {
    background-image: url("assets/images/open-positions-operations.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-facilities- {
        background-image: url("assets/images/open-positions-operations_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-facilities {
    background-image: url("assets/images/open-positions-operations.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-facilities {
        background-image: url("assets/images/open-positions-operations_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-sales {
    background-image: url("assets/images/open-positions-sale.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-sales {
        background-image: url("assets/images/open-positions-sale_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-technical-support {
    background-image: url("assets/images/open-positions-technical-support.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-technical-support {
        background-image: url("assets/images/open-positions-technical-support_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-human-resources {
    background-image: url("assets/images/open-positions-ressources.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-human-resources {
        background-image: url("assets/images/open-positions-ressources_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-legal {
    background-image: url("assets/images/open-positions-technical-legal.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-legal {
        background-image: url("assets/images/open-positions-technical-legal_2x.png");
        background-size: contain;
    }
}

.jobs .job-icon-risk-operations {
    background-image: url("assets/images/open-positions-job-icon-risk-operations.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-risk-operations {
        background-image: url("assets/images/open-positions-job-icon-risk-operations_2x.html");
        background-size: contain;
    }
}

.jobs .job-icon-administrative {
    background-image: url("assets/images/open-positions-job-icon-administrative.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-administrative {
        background-image: url("assets/images/open-positions-job-icon-administrative_2x.html");
        background-size: contain;
    }
}

.jobs .job-icon-payment-operations {
    background-image: url("assets/images/open-positions-job-icon-payment-operations.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-payment-operations {
        background-image: url("assets/images/open-positions-job-icon-payment-operations_2x.html");
        background-size: contain;
    }
}

.jobs .job-icon-corporate-development {
    background-image: url("assets/images/open-positions-job-icon-corporate-development.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .jobs .job-icon-corporate-development {
        background-image: url("assets/images/open-positions-job-icon-corporate-development_2x.html");
        background-size: contain;
    }
}

.jobs .job-type {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 1rem
}

@media only screen and (min-width:40.063em) {
    .jobs .job-type {
        font-size: 1.375rem;
        margin-bottom: 1rem;
        margin-top: 1.25rem;
        opacity: 0;
    }
}

.jobs .job-type-subhead {
    margin: 1.5rem 0 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left;
    font-weight: 500;
    border-bottom: 1px solid #e7e7e7
}

.jobs .job-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.jobs .job-list li {
    font-size: 0.75rem;
    line-height: 1.2;
    margin: 0.5rem 0;
    padding: 0;
    list-style: none;
    text-align: left;
    opacity: 0.75
}

@media only screen and (min-width:40.063em) {
    .jobs .job-list li {
        font-size: 0.9375rem;
        line-height: 1.5625rem;
    }
}

.jobs .job-list li .job-title {
    float: left;
    font-weight: 300;
    width: 58%;
    text-align: left;
    text-decoration: underline
}

@media only screen and (min-width:64.063em) {
    .jobs .job-list li .job-title {
        text-decoration: none;
    }
}

.jobs .job-list li .job-location {
    float: right;
    font-weight: 300;
    width: 39%;
    text-align: right
}

.jobs .job-list li:hover {
    opacity: 1
}

.content-contact {
    padding: 1rem 0 1.5rem
}

.content-contact .contact-form .page-title {
    font-size: 2.125rem;
    line-height: 2.8125rem;
    margin: 0 0 1.75rem;
    line-height: 1
}

.contact-form-wrap {
    border: none;
    padding: 0;
    margin: 0;
    position: relative
}

.contact-form-wrap .input-group {
    position: relative;
    margin: 0 0 1.375rem
}

.contact-form-wrap .input-group .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
    min-height: 50px;
    position: relative;
    padding: 0 !important
}

.contact-form-wrap .input-group .wpcf7-form-control-wrap.first_name,
.contact-form-wrap .input-group .wpcf7-form-control-wrap.email,
.contact-form-wrap .input-group .wpcf7-form-control-wrap.street {
    width: 48%
}

.contact-form-wrap .input-group .wpcf7-form-control-wrap.last_name,
.contact-form-wrap .input-group .wpcf7-form-control-wrap.company {
    width: 48%
}

.contact-form-wrap .input-group .wpcf7-form-control-wrap.city {
    width: 28%
}

.contact-form-wrap .input-group .wpcf7-form-control-wrap.state,
.contact-form-wrap .input-group .wpcf7-form-control-wrap.state_code {
    width: 16%
}

.contact-form-wrap .input-group .wpcf7-form-control-wrap.first_name,
.contact-form-wrap .input-group .wpcf7-form-control-wrap.email,
.contact-form-wrap .input-group .wpcf7-form-control-wrap.street,
.contact-form-wrap .input-group .wpcf7-form-control-wrap.city {
    margin-right: 4%
}

.contact-form-wrap .input-group input.wpcf7-text,
.contact-form-wrap .input-group textarea.wpcf7-textarea {
    font-size: 1rem;
    margin: 0;
    padding: 0 0.625rem;
    height: 50px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-color: #e7e7e7;
    zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 3px
}

.contact-form-wrap .input-group input.wpcf7-text.wpcf7-not-valid,
.contact-form-wrap .input-group textarea.wpcf7-textarea.wpcf7-not-valid {
    -webkit-transition: border-color 100ms ease-in;
    -moz-transition: border-color 100ms ease-out;
    transition: border-color 100ms ease-out;
    border-color: #FF9494
}

.contact-form-wrap .input-group textarea.wpcf7-textarea {
    height: 7rem;
    line-height: 1.4;
    padding: 0.625rem
}

.contact-form-wrap .input-group select {
    display: inline-block;
    vertical-align: top;
    border-color: #e7e7e7;
    background-color: #FFFFFF;
    height: 50px;
    font-size: 1rem;
    margin-bottom: 0;
    border-radius: 3px;
    outline: 0
}

.contact-form-wrap .input-group .button {
    outline: none;
    margin: 0
}

.contact-form-wrap .input-group .required {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 24px 24px 0;
    border-color: transparent #e7e7e7 transparent transparent
}

.contact-form-wrap .input-group .required:after {
    content: '*';
    display: block;
    position: absolute;
    z-index: 1;
    right: -23px;
    top: -1px;
    text-align: right;
    font-size: 1.625rem;
    line-height: 1
}

.contact-form-wrap .input-group.right {
    margin-bottom: 0
}

.contact-form-wrap .input-group .wpcf7-not-valid-tip,
.contact-form-wrap .input-group img.ajax-loader {
    display: none !important
}

div.wpcf7-response-output,
div.wpcf7-validation-errors {
    display: none !important
}

.wpcf7-form.sending .button {
    -webkit-transition: background-color 100ms ease-in;
    -moz-transition: background-color 100ms ease-in;
    transition: background-color 100ms ease-in;
    -webkit-transition: padding-left 100ms ease-in;
    -moz-transition: padding-left 100ms ease-in;
    transition: padding-left 100ms ease-in;
    background-color: #262626 !important;
    color: white !important;
    background-image: url('assets/images/icon-sending.gif');
    background-position: 1.75rem center;
    background-repeat: no-repeat;
    padding-left: 4rem
}

.wpcf7-form.sending .button:hover {
    color: white !important;
    background-color: #262626 !important;
    border-color: #262626
}

.wpcf7-form.invalid .button {
    color: white !important;
    background-image: none;
    -webkit-transition: background-image 0 linear;
    -moz-transition: background-image 0 linear;
    transition: background-image 0 linear;
    -webkit-transition: background-color 100ms ease-in;
    -moz-transition: background-color 100ms ease-in;
    transition: background-color 100ms ease-in;
    -webkit-transition: padding 100ms ease-in;
    -moz-transition: padding 100ms ease-in;
    transition: padding 100ms ease-in;
    padding-left: 2rem;
    background-color: red !important
}

.wpcf7-form.invalid .button:hover {
    color: white !important;
    background-color: #cc0000 !important;
    border-color: #cc0000
}

.wpcf7-form.invalid .wpcf7-not-valid+.required {
    -webkit-transition: border-color 100ms ease-in;
    -moz-transition: border-color 100ms ease-in;
    transition: border-color 100ms ease-in;
    border-color: transparent #FF9494 transparent transparent
}

.wpcf7-form.invalid .wpcf7-not-valid+.required:after {
    color: #000
}

.wpcf7-form.sent .button {
    -webkit-transition: background-color 100ms ease-in;
    -moz-transition: background-color 100ms ease-in;
    transition: background-color 100ms ease-in;
    -webkit-transition: padding-left 100ms ease-in;
    -moz-transition: padding-left 100ms ease-in;
    transition: padding-left 100ms ease-in;
    background-color: #3d93cb;
    background-image: url('assets/images/icon-success.png');
    background-position: 1.75rem center;
    background-repeat: no-repeat;
    padding-left: 4rem
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    margin: -16px 0 0;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    outline: none;
    opacity: 0.5;
    z-index: 1000;
    -webkit-transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    transform: translateY(-75%);
    -webkit-transition: opacity 300ms ease-in;
    -moz-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in
}

@media only screen and (min-width:40.063em) {
    .slick-prev,
    .slick-next {
        height: 57px;
        width: 57px;
    }
}

.slick-prev:hover,
.slick-prev:focus,
.slick-prev:active,
.slick-next:hover,
.slick-next:focus,
.slick-next:active {
    outline: none;
    background-color: transparent;
    opacity: 1
}

.slick-prev {
    left: -24px;
    background-image: url('assets/images/arrow-red-left.png')
}

@media only screen and (min-width:40.063em) {
    .slick-prev {
        left: -64px;
    }
}

.slick-next {
    right: -24px;
    background-image: url('assets/images/arrow-red-right.png')
}

@media only screen and (min-width:40.063em) {
    .slick-next {
        right: -64px;
    }
}

.single-post .page-title {
    text-transform: none
}

.single-post .back-link a {
    margin: 0;
    display: none
}

@media only screen and (min-width:64.063em) {
    .single-post .back-link a {
        display: block;
    }
}

.post {
    text-align: center;
    float: none !important;
    padding: 1.875rem 0;
    margin: 0 auto;
    border-top: 1px solid #d7d7d7
}

@media only screen and (min-width:40.063em) {
    .post {
        padding: 3.125rem 0.3125rem;
    }
}

.post:first-child {
    border: none;
    padding-top: 0
}

.post .post-thumbnail {
    margin: 0 auto 2.5rem
}

.post .post-title {
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: none;
    font-weight: 300
}

@media only screen and (min-width:40.063em) {
    .post .post-title {
        font-size: 2.25rem;
        line-height: 2.875rem;
    }
}

.post .post-title:hover a {
    color: #3d93cb
}

.post .post-meta p {
    font-size: 0.875rem;
    font-size: 300
}

.post .post-content p,
.post .post-content li {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem
}

@media only screen and (min-width:40.063em) {
    .post .post-content p,
    .post .post-content li {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.post .read-more {
    margin: 1rem auto 0
}

@media only screen and (min-width:40.063em) {
    .post .read-more {
        margin: 2rem auto 0;
    }
}

.post .post-share {
    margin: 1.875rem auto;
    text-align: center
}

.post .post-share li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    padding: 0.5rem 2.5rem;
    border-left: 1px solid #d6d6d6
}

.post .post-share li:first-child {
    border: none
}

.post .post-share li a {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    background: #3d93cb url('assets/images/icons-social.png') no-repeat 0 0;
    border-radius: 16px
}

.post .post-share li a.share-fb {
    background-position: 0 0
}

.post .post-share li a.share-gplus {
    background-position: 0 -32px
}

.post .post-share li a.share-twitter {
    background-position: 0 -64px
}

.faq-group {
    margin: 0;
    padding: 0
}

.faq-group .term {
    overflow: hidden
}

.faq-group .term .question {
    color: #6e6e6e;
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 400;
    margin: 1rem auto;
    padding: 0;
    position: relative;
    background: none;
    cursor: pointer
}

.faq-group .term .question:hover {
    background: none
}

.faq-group .term .question .bullet {
    display: block;
    color: #c1c1c1;
    position: absolute;
    left: -0.625rem;
    font-size: 0.8125rem;
    line-height: 2rem
}

.faq-group .term .content {
    margin: 0 auto;
    padding: 0
}

.faq-group .term .content p {
    font-size: 1rem;
    line-height: 1.5rem
}

.faq-group .term a:hover {
    background: url('assets/images/grey-texture-bg.jpg');
    color: #333333
}

.faq-group .term a:hover .bullet {
    color: #333333
}

.faq-group .term.active {
    background: url('assets/images/grey-texture-bg.jpg')
}

.faq-group .term.active .question {
    color: #333333
}

.faq-group .term.active .question .bullet {
    color: #333333
}

.faq-group .term.active .content.active {
    background-color: transparent
}

.faq-group .term.active:last-child {
    margin-bottom: 0 !important
}

.content-legal {
    padding: 0 0 2rem
}

.document-group {
    padding: 1rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e7e7e7;
    text-align: center
}

@media only screen and (min-width:40.063em) {
    .document-group {
        padding: 1.5rem 0 1.5rem;
        margin-bottom: 2rem;
    }
}

.document-group .subtitle {
    margin-bottom: 0
}

.document-group .docs {
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.document-group .docs li {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 300;
    margin: 0.5rem 0;
    padding: 0;
    list-style: none;
    text-align: left
}

@media only screen and (min-width:40.063em) {
    .document-group .docs li {
        font-size: 0.9375rem;
        line-height: 2rem;
    }
}

.document-group .docs li .doc-link {
    float: left;
    width: 69%;
    text-decoration: underline;
    background-repeat: no-repeat;
    background-position: 0 -99999em;
    background-image: url("assets/images/icon-download.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3/1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .document-group .docs li .doc-link {
        background-image: url("assets/images/icon-download_2x.png");
        background-size: 16px 16px;
    }
}

@media only screen and (min-width:40.063em) {
    .document-group .docs li .doc-link {
        padding-left: 1.75rem;
    }
    .document-group .docs li .doc-link:hover {
        background-position: left center
    }
}

@media only screen and (min-width:64.063em) {
    .document-group .docs li .doc-link {
        text-decoration: none;
    }
}

.document-group .docs li .doc-updated {
    float: right;
    display: inline-block;
    text-align: right;
    width: 29%
}

.hero-header {
    width: 100%;
    min-height: 300px;
    position: relative;
    background-color: #f6f6f6;
    margin-bottom: 2rem
}

@media only screen and (min-width:40.063em) {
    .hero-header {
        min-height: 400px;
    }
}

.hero-header .hero-image {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.hero-header .hero-image:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7)
}

.hero-header .title-content {
    position: relative;
    min-height: 300px
}

@media only screen and (min-width:40.063em) {
    .hero-header .title-content {
        min-height: 400px;
    }
}

.hero-header .title {
    font-weight: 200;
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.75rem;
    text-align: center;
    margin: auto;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media only screen and (min-width:40.063em) {
    .hero-header .title {
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
}

.hero-header .title.hero-title {
    color: #333
}

.content-text {
    padding: 0 0.625rem 2rem
}

.content-text .post-thumbnail {
    margin: 0 0 2rem
}

.sitemap article.page ul {
    margin: 3.75rem 0
}

.sitemap article.page ul ul {
    margin: 1.25rem 0px
}

.sitemap article.page ul ul ul {
    margin: 0px 0px 1.25rem
}

.sitemap article.page ul li {
    font-size: 1.5625rem;
    margin-bottom: 1.25rem;
    list-style-type: none;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 0 1.0625rem;
    text-align: center
}

.sitemap article.page ul li ul li {
    border: none;
    padding: 0
}

.sitemap article.page ul li li {
    font-size: 1.25rem;
    margin: 0
}

.sitemap article.page ul li li li {
    font-size: 0.9375rem
}

.sitemap article.page ul li li li a {
    color: #bbb
}

.sitemap article.page ul li li a {
    color: #777
}

.sitemap article.page ul li a {
    color: #333
}

.ie9 {}

.ie9 a {
    outline: none
}

.ie9 .video-bg .video-source {
    opacity: 0.55
}

.ie9 .video-bg .fallback {
    display: block
}

.ie9 .video-bg .bg {
    opacity: 0.55
}

.ie9 .moment-features-hero:after {
    background-position: center bottom
}

.ie9 .moment-hands-hero-image #security-hands {
    background-position: center bottom
}

.ie9 .content-partners-intro:before {
    background-position: 20% bottom
}

.ie9 .content-partners-intro:after {
    background-position: 80% bottom
}

.ie9 .visible .path {
    stroke-dashoffset: 0;
    opacity: 1
}

.ie9 .visible .flip {
    opacity: 1
}

.ie9 .content-partner-case-study p {
    opacity: 1
}

.ie9 .moment-passion h3,
.ie9 .moment-benefits .fade .subtitle,
.ie9 .moment-benefits .benefit-icon {
    opacity: 1
}

.ie9 .content-offices .office-info .info {
    opacity: 1
}

.ie9 .content-intro-open-positions:after {
    opacity: 0.7
}

.ie9 .content-intro-open-positions h1.title,
.ie9 .content-intro-open-positions p,
.ie9 .content-intro-open-positions .button {
    opacity: 1
}

.ie9 .jobvite-intro h2 {
    padding-top: 20px !important
}

.ie9 .jobvite-intro h2,
.ie9 .fade .job-icon,
.ie9 .fade .job-type {
    opacity: 1 !important
}