/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    background: #ffffff;
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px
}

body {
    margin: 0 auto;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1.6;
    color: #5f6468
}

body.is-sticky {
    margin-bottom: 263px
}

main {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 280px;
    padding: 50px;
    overflow: auto;
    transition: all .3s linear
}

@media all and (max-width: 1223px) {
    main {
        top: 60px;
        left: 0;
        padding: 25px 25px 0
    }
}

@media all and (max-width: 1024px) {
    main {
        position: relative;
        top: 0;
        width: 100%
    }
}

@media all and (max-width: 767px) {
    body.is-sticky {
        margin-bottom: 636px
    }
    main {
        position: relative;
        top: 0;
        width: 100%
    }
}

@media all and (max-width: 420px) {
    body.is-sticky {
        margin-bottom: 655px
    }
}

p {
    margin: 0;
    font-weight: 400
}

p.is-primary {
    color: #006e96
}

b,
strong {
    font-weight: 600
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: 1.25;
    text-rendering: optimizeLegibility
}

h1 {
    font-size: 50px;
    font-weight: 300
}

h2 {
    font-size: 30px;
    font-weight: 400
}

h3 {
    font-size: 28px;
    font-weight: 300
}

h4 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em
}

h5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.01em
}

h6 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media all and (max-width: 1024px) {
    h1 {
        font-size: 35px
    }
    h2 {
        font-size: 24px
    }
    h3 {
        font-size: 22px
    }
}

@media all and (max-width: 767px) {
    h1 {
        font-size: 30px
    }
}

a {
    color: #006e96;
    text-decoration: none;
    transition: color .3s linear
}

a:hover,
a:active {
    color: #00364a
}

a:focus {
    color: #00364a;
    outline: none
}

abbr {
    cursor: help;
    border-bottom: 1px dotted #e2e3e4
}

blockquote {
    padding-left: 15px;
    margin: 10px 0;
    font-style: italic;
    color: #5f6468;
    border-left: 2px solid #e2e3e4
}

hr {
    margin: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e2e3e4;
    border-left: 0
}

img {
    display: block;
    max-width: 100%;
    margin: 0
}

::selection {
    color: #fff;
    background-color: #161718
}

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 75px 0;
    background: #2e3133
}

.footer-title {
    margin-bottom: 15px;
    color: #fff
}

.footer-links {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-links li {
    display: block;
    margin: 5px 0
}

.footer-links li a {
    color: rgba(255, 255, 255, .6);
    transition: color .3s linear
}

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

.footer-copy {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .4)
}

.footer-logo {
    display: block;
    margin-bottom: 10px;
    transition: opacity .3s linear
}

.footer-logo img {
    display: inline-block;
    width: 80px;
}

@media all and (max-width: 767px) {
    footer .grid-cell {
        text-align: center
    }
    .footer-links {
        margin-bottom: 25px
    }
}

.grid {
    display: block;
    padding: 0;
    margin: 0 -10px;
    font-size: 0;
    text-align: left
}

.grid-cell {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    margin: 0;
    font-size: 14px;
    text-align: left;
    vertical-align: top
}

.grid-cell.with-1col {
    width: 8.3333333333%
}

.grid-cell.with-2col {
    width: 16.6666666667%
}

.grid-cell.with-3col {
    width: 25%
}

.grid-cell.with-4col {
    width: 33.3333333333%
}

.grid-cell.with-5col {
    width: 41.6666666667%
}

.grid-cell.with-6col {
    width: 50%
}

.grid-cell.with-7col {
    width: 58.3333333333%
}

.grid-cell.with-8col {
    width: 66.6666666667%
}

.grid-cell.with-9col {
    width: 75%
}

.grid-cell.with-10col {
    width: 83.3333333333%
}

.grid-cell.with-11col {
    width: 91.6666666667%
}

.grid-cell.with-1off {
    margin-left: 8.3333333333%
}

.grid-cell.with-2off {
    margin-left: 16.6666666667%
}

.grid-cell.with-3off {
    margin-left: 25%
}

.grid-cell.with-4off {
    margin-left: 33.3333333333%
}

.grid-cell.with-5off {
    margin-left: 41.6666666667%
}

.grid-cell.with-6off {
    margin-left: 50%
}

.grid-cell.with-7off {
    margin-left: 58.3333333333%
}

.grid-cell.with-8off {
    margin-left: 66.6666666667%
}

.grid-cell.with-9off {
    margin-left: 75%
}

.grid-cell.with-10off {
    margin-left: 83.3333333333%
}

.grid-cell.with-11off {
    margin-left: 91.6666666667%
}

.grid-cell.is-centered {
    text-align: center
}

.grid-cell.is-right {
    text-align: right
}

.grid-cell.is-top {
    vertical-align: top
}

.grid-cell.is-middle {
    vertical-align: middle
}

.grid-cell.is-bottom {
    vertical-align: bottom
}

.grid-centered {
    max-width: 1400px
}

.grid-contained {
    max-width: 1120px;
    padding: 0 25px;
    margin-right: auto;
    margin-left: auto
}

.grid-contained.with-padding {
    padding-top: 130px
}

.grid-contained.without-margin {
    margin-bottom: -20px
}

@media all and (max-width: 1423px) {
    .grid-cell.with-2col {
        width: 33.33%
    }
}

@media all and (max-width: 767px) {
    .grid-contained {
        padding: 0 10px
    }
    .grid-contained.with-padding {
        padding-top: 110px
    }
    .grid-contained .grid-cell.with-1col {
        width: 100%
    }
    .grid-contained .grid-cell.with-1off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-2col {
        width: 100%
    }
    .grid-contained .grid-cell.with-2off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-3col {
        width: 100%
    }
    .grid-contained .grid-cell.with-3off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-4col {
        width: 100%
    }
    .grid-contained .grid-cell.with-4off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-5col {
        width: 100%
    }
    .grid-contained .grid-cell.with-5off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-6col {
        width: 100%
    }
    .grid-contained .grid-cell.with-6off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-7col {
        width: 100%
    }
    .grid-contained .grid-cell.with-7off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-8col {
        width: 100%
    }
    .grid-contained .grid-cell.with-8off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-9col {
        width: 100%
    }
    .grid-contained .grid-cell.with-9off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-10col {
        width: 100%
    }
    .grid-contained .grid-cell.with-10off {
        margin-left: 0
    }
    .grid-contained .grid-cell.with-11col {
        width: 100%
    }
    .grid-contained .grid-cell.with-11off {
        margin-left: 0
    }
    .grid-manuals .grid-cell {
        width: 50% !important
    }
}

@media all and (max-width: 420px) {
    .grid-contained {
        padding: 0
    }
    .grid-manuals .grid-cell {
        width: 100% !important
    }
}

.navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 280px;
    z-index: 90;
    height: 80px;
    padding: 22px 50px;
    background: #fff;
    border-bottom: 1px solid #e2e3e4;
    box-shadow: 0;
    transition: box-shadow .3s linear
}

.navbar.with-shadow {
    box-shadow: 1px 0 10px rgba(16, 17, 17, .2)
}

.navbar-app {
    transition: all .3s linear
}

.navbar-breadcrumb {
    display: inline-block;
    padding: 5px 0 0;
    margin: 0;
    vertical-align: middle
}

.navbar-breadcrumb li {
    display: inline-block;
    margin-right: 7px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle
}

.navbar-breadcrumb li a,
.navbar-breadcrumb li span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2em;
    color: #5f6468;
    text-transform: uppercase
}

.navbar-breadcrumb li a:hover,
.navbar-breadcrumb li span:hover {
    color: #006e96
}

.navbar-actions {
    display: inline-block;
    float: right;
    padding: 0;
    margin: 0;
    list-style: none
}

.navbar-actions li {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}

.navbar-webshop {
    left: 0;
    padding: 0;
}

.navbar-webshop .grid-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}

.navbar-logo {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle
}

.navbar-logo img {
    height: 30px
}

.navbar-logo.main-logo img {
    height: 50px
}

@media all and (max-width: 992px) {
    .navbar-logo img {
        display: none;
    }

    .navbar-logo.main-logo img {
        display: block;
        height: 35px;
    }
}

.navbar-links {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: -5px;
    line-height: 1;
    vertical-align: middle;
    list-style: none
}

.navbar-links li {
    display: inline-block;
    margin: 0 30px 0 0;
    vertical-align: middle
}

.navbar-links li a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    color: #5f6468;
    text-transform: uppercase
}

.navbar-links li a:hover {
    color: #161718
}

.navbar-links li a span {
    display: inline-block;
    vertical-align: middle
}

.navbar-links li a .icon,
.navbar-links li a .uw-captcha a.refresh-image-captcha,
.uw-captcha .navbar-links li a a.refresh-image-captcha,
.navbar-links li a .inline-error:before {
    font-size: 24px
}

.navbar-links li.navbar-menu {
    display: none
}

.navbar-links.is-right {
    float: right;
    margin-top: 5px
}

.navbar-links.is-right li {
    margin: 0 0 0 30px
}

.navbar-links.is-right li:last-child {
    margin-right: 0
}

.navbar-menu span {
    font-size: 28px;
    line-height: 1;
    text-align: right;
    cursor: pointer;
    transition: color .3s linear
}

.navbar-menu span:hover {
    color: #161718
}

.navbar-responsive {
    position: absolute;
    top: 55px;
    right: 5px;
    z-index: 1000;
    display: none;
    width: 100%;
    max-width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

.navbar-responsive li {
    display: block
}

.navbar-responsive li a {
    display: block;
    padding: 10px 15px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    color: #5f6468;
    text-transform: uppercase;
    background: #fff;
    border-bottom: 1px solid #e2e3e4;
    transition: background .3s linear
}

.navbar-responsive li a:hover {
    background: #e2e3e4
}

.navbar-responsive li:last-child a {
    border-bottom: 0
}

.navbar-responsive:after {
    position: absolute;
    right: 8px;
    bottom: 100%;
    z-index: 1001;
    width: 0;
    height: 0;
    margin-left: -10px;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(226, 227, 228, 0);
    border-bottom-color: #e2e3e4;
    border-width: 10px;
    content: " "
}

.navbar-responsive.is-open {
    display: block
}

@media all and (max-width: 1223px) {
    .navbar-app {
        left: 0;
        height: 60px;
        padding: 12px 25px 12px 60px
    }
    .navbar-actions {
        margin-top: -4px
    }
}

@media all and (max-width: 1024px) {
    .navbar-app {
        position: relative;
        width: 100%
    }
}

@media all and (max-width: 767px) {
    .navbar-webshop {
        height: 60px;
        padding: 14.5px 0
    }

    .navbar-webshop .grid-cell {
        height: 30px;
    }

    .navbar-logo {
        margin-right: 0
    }
    .navbar-logo img {
        height: 30px
    }
    .navbar-links {
        margin-top: -4px
    }
    .navbar-links li {
        display: none
    }
    .navbar-links.is-right {
        margin-top: 2px
    }
    .navbar-links.is-right li {
        display: inline-block;
        margin: 0 0 0 15px
    }
    .navbar-links.is-right li:nth-child(2) {
        display: none
    }
    .navbar-links .navbar-menu {
        display: inline-block
    }
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 280px;
    overflow: auto;
    background: #f7f7f8;
    transition: left .3s linear
}

.sidebar-heading {
    display: block;
    padding: 35px 40px 5px;
    color: #fff;
    text-align: center;
    background: #f7f7f8;
    opacity: 1;
    transition: opacity .3s linear;
    margin-bottom: 60px
}

.sidebar-heading img {
    display: inline-block;
    height: 30px;
    vertical-align: middle
}

.sidebar-links-wrapper {
    display: block
}

.sidebar-links-title {
    display: block;
    padding-left: 15px;
    font-size: 12px;
    color: #82878c;
    border-bottom: 1px solid #efefef;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #e2e3e4
}

.sidebar-links-title:hover,
.sidebar-links-title.active {
    cursor: pointer
}

.sidebar-links {
    display: block;
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none
}

.sidebar-links li {
    display: block
}

.sidebar-links li a {
    display: block;
    padding: 5px 0 5px 10px;
    font-size: 14px;
    color: #5f6468;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    transition: all .3s linear
}

.sidebar-links li a span {
    display: inline-block;
    vertical-align: middle
}

.sidebar-links li a .icon,
.sidebar-links li a .uw-captcha a.refresh-image-captcha,
.uw-captcha .sidebar-links li a a.refresh-image-captcha,
.sidebar-links li a .inline-error:before {
    margin-right: 5px;
    font-size: 20px;
    line-height: 1;
    color: #787d82;
    transition: color .3s linear
}

.sidebar-links li a:hover {
    background: #e2e3e4
}

.sidebar-links li a.is-active {
    color: #006e96;
    border-left: 2px solid #006e96
}

.sidebar-links li a.is-active .icon,
.sidebar-links li a.is-active .uw-captcha a.refresh-image-captcha,
.uw-captcha .sidebar-links li a.is-active a.refresh-image-captcha,
.sidebar-links li a.is-active .inline-error:before {
    color: #006e96
}

.sidebar-links li ul li a {
    padding: 1px 0 1px 10px
}

.sidebar-links li ul li a.active {
    background: #e2e3e4
}

.sidebar-links li ul li a .icon,
.sidebar-links li ul li a .uw-captcha a.refresh-image-captcha,
.uw-captcha .sidebar-links li ul li a a.refresh-image-captcha,
.sidebar-links li ul li a .inline-error:before {
    font-size: 10px;
    margin-top: -3px;
    margin-right: 2px
}

.sidebar-container {
    display: block;
    margin-bottom: 85px
}

.sidebar-logout,
.sidebar-user-info,
.sidebar-stop-impersonation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 280px;
    height: 40px;
    padding: 7px 11px 7px 11px;
    font-size: 14px;
    color: #92979b;
    text-align: center;
    background: #f7f7f8;
    transition: all .3s linear
}

.sidebar-logout span,
.sidebar-user-info span,
.sidebar-stop-impersonation span {
    display: inline-block;
    vertical-align: middle
}

.sidebar-logout .icon,
.sidebar-user-info .icon,
.sidebar-stop-impersonation .icon,
.sidebar-logout .uw-captcha a.refresh-image-captcha,
.sidebar-user-info .uw-captcha a.refresh-image-captcha,
.sidebar-stop-impersonation .uw-captcha a.refresh-image-captcha,
.uw-captcha .sidebar-logout a.refresh-image-captcha,
.uw-captcha .sidebar-user-info a.refresh-image-captcha,
.uw-captcha .sidebar-stop-impersonation a.refresh-image-captcha,
.sidebar-logout .inline-error:before,
.sidebar-user-info .inline-error:before,
.sidebar-stop-impersonation .inline-error:before {
    margin-right: 5px;
    font-size: 20px;
    line-height: 1
}

.sidebar-logout:hover,
.sidebar-user-info:hover,
.sidebar-stop-impersonation:hover {
    color: #fff;
    background: #f00000
}

.sidebar-trigger {
    position: fixed;
    top: 10px;
    left: 22px;
    z-index: 100;
    cursor: pointer;
    transition: all .3s linear
}

.sidebar-trigger span {
    font-size: 26px;
    color: #474a4d
}

.sidebar-trigger:hover span {
    color: #101111
}

.sidebar-overlay {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    max-width: 0;
    overflow: hidden;
    background: rgba(16, 17, 17, .7);
    opacity: 0;
    transition: left .3s linear, opacity .3s linear
}

.sidebar-overlay.is-open {
    left: 280px;
    max-width: 100%
}

.sidebar-open {
    overflow: hidden
}

.sidebar-open main,
.sidebar-open .navbar-app {
    right: -280px;
    left: 280px
}

.sidebar-open .sidebar-overlay {
    left: 280px;
    opacity: 1
}

.sidebar-open .sidebar {
    left: 0
}

.sidebar-open .sidebar-logout,
.sidebar-open .sidebar-user-info,
.sidebar-open .sidebar-stop-impersonation {
    left: 0
}

.sidebar-open .sidebar-trigger {
    left: 302px
}

@media all and (max-width: 1223px) {
    .sidebar {
        left: -280px
    }
    .sidebar-logout,
    .sidebar-user-info,
    .sidebar-stop-impersonation {
        left: -280px
    }
}

@media all and (max-width: 1024px) {
    .sidebar-trigger {
        position: absolute
    }
}

.brand-up {
    position: fixed;
    top: 0;
    left: 60%;
    z-index: 999;
    width: 25%;
    height: 12px;
    background: #006e96
}

.brand-down {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 85%;
    z-index: 999;
    width: 15%;
    height: 12px;
    background: #f00000
}

@media all and (max-width: 1024px) {
    .brand-up {
        position: absolute;
        left: 0;
        width: 60%
    }
    .brand-down {
        position: absolute;
        left: 60%;
        width: 40%
    }
}

.button,
.btn-secondary,
.btn-primary {
    position: relative;
    display: inline-block;
    padding: 13px 30px;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    transition: all .3s ease-in-out;
    appearance: none;
    user-select: none
}

.button:disabled,
.btn-secondary:disabled,
.btn-primary:disabled,
.button.is-disabled,
.is-disabled.btn-secondary,
.is-disabled.btn-primary {
    color: #92979b;
    cursor: not-allowed;
    background-color: #f7f7f8
}

.button:disabled:hover,
.btn-secondary:disabled:hover,
.btn-primary:disabled:hover,
.button:disabled:focus,
.btn-secondary:disabled:focus,
.btn-primary:disabled:focus,
.button:disabled:active,
.btn-secondary:disabled:active,
.btn-primary:disabled:active,
.button.is-disabled:hover,
.is-disabled.btn-secondary:hover,
.is-disabled.btn-primary:hover,
.button.is-disabled:focus,
.is-disabled.btn-secondary:focus,
.is-disabled.btn-primary:focus,
.button.is-disabled:active,
.is-disabled.btn-secondary:active,
.is-disabled.btn-primary:active {
    color: #92979b;
    background-color: #f7f7f8;
    outline: none
}

.button-muted {
    color: #5f6468;
    background-color: #e2e3e4
}

.button-muted:hover {
    color: #5f6468;
    background-color: #eff0f0
}

.button-muted:focus,
.button-muted:active {
    color: #5f6468;
    background-color: #c7cacc;
    outline: none
}

.button-danger {
    color: #fff;
    background-color: #f00000
}

.button-danger:hover {
    color: #fff;
    background-color: #ff0b0b
}

.button-danger:focus,
.button-danger:active {
    color: #fff;
    background-color: #bd0000;
    outline: none
}

.button-primary {
    color: #fff;
    background-color: #006e96
}

.button-primary:hover {
    color: #fff;
    background-color: #0081b0
}

.button-primary:focus,
.button-primary:active {
    color: #fff;
    background-color: #004963;
    outline: none
}

.button-success,
.btn-primary {
    color: #fff;
    background-color: #48c878
}

.button-success:hover,
.btn-primary:hover {
    color: #fff;
    background-color: #5cce86
}

.button-success:focus,
.btn-primary:focus,
.button-success:active,
.btn-primary:active {
    color: #fff;
    background-color: #33aa60;
    outline: none
}

.button-info {
    color: #fff;
    background-color: #78d2dc
}

.button-info:hover {
    color: #fff;
    background-color: #8cd9e1
}

.button-info:focus,
.button-info:active {
    color: #fff;
    background-color: #50c5d2;
    outline: none
}

.button-white {
    color: #006e96;
    background-color: #fff
}

.button-white:hover {
    color: #006e96;
    background-color: #fff
}

.button-white:focus,
.button-white:active {
    color: #006e96;
    background-color: #e6e6e6;
    outline: none
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 60%;
    font-size: 14px;
    vertical-align: middle
}

.dropdown>a {
    display: block;
    padding: 7.5px 15px;
    color: #474a4d;
    background-color: #fff;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

.dropdown>a i {
    float: right
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 120%;
    right: -6px;
    z-index: 100;
    display: none;
    float: left;
    max-height: 400px;
    padding: 5px 0;
    margin: -1px 0 0;
    overflow: auto;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid #e2e3e4;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 6px 12px rgba(22, 23, 24, .125);
    background-clip: padding-box
}

.dropdown-menu>li>a {
    display: block;
    padding: 4px 15px;
    clear: both;
    font-weight: 500;
    color: #787d82;
    white-space: nowrap;
    background: transparent;
    transition: all .1s linear
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #006e96
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #161718;
    text-decoration: none;
    background-color: #161718;
    outline: 0
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90
}

.dropdown-white {
    width: auto
}

.dropdown-white>a {
    padding: 0;
    background-color: transparent;
    border: 0
}

.dropdown-white>a i {
    margin-left: 5px;
    font-size: 12px !important
}

.dropdown-white .dropdown-menu {
    min-width: 50px
}

.dropdown-white .dropdown-menu>li {
    display: block;
    margin: 0
}

.dropdown-white .dropdown-menu>li>a {
    padding: 4px 15px;
    color: #5f6468
}

.dropdown-white .dropdown-menu>li>a:hover {
    color: #fff !important
}

@media all and (max-width: 767px) {
    .dropdown {
        display: block;
        width: 100%
    }
}

.file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 39px;
    padding: 7.5px 15px;
    line-height: 1.6;
    color: #474a4d;
    background-color: #fff;
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    transition: border-color .3s linear;
    user-select: none
}

.file-custom::after {
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    color: #5f6468;
    text-transform: none;
    content: "Choose file..."
}

.file-custom::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 39px;
    padding: 7.5px 15px;
    font-size: 12px;
    line-height: 1.6;
    color: #474a4d;
    background-color: #f7f7f8;
    border: 1px solid #e2e3e4;
    border-radius: 0 2px 2px 0;
    content: "Browse";
    transition: border-color .3s linear
}

.file-custom:hover {
    border-color: #c7cacc
}

.file-custom:hover::before {
    border-color: #c7cacc
}

.file {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 85%;
    height: 39px;
    margin: 0 0 0 15%;
    cursor: pointer
}

.file input {
    margin: 0;
    opacity: 0
}

.file input:focus~.file-custom {
    border-color: #006e96
}

.file input:focus~.file-custom::before {
    border-color: #006e96
}

.file.is-full {
    width: 100%;
    margin: 0
}

.file-multiple {
    display: block;
    margin-top: 59px
}

.file-multiple a {
    position: relative;
    display: inline-block;
    width: 39px;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 2px
}

.file-multiple a img {
    position: relative;
    z-index: 20;
    display: block;
    border-radius: 2px
}

.file-multiple a span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    padding-top: 5px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: rgba(240, 0, 0, .5);
    border-radius: 2px;
    opacity: 0;
    transition: opacity .3s linear
}

.file-multiple a .icon-arrow-move {
    background: rgba(0, 110, 150, .5);
    opacity: 0
}

.file-multiple a:hover span.icon-ios-trash {
    opacity: 1
}

.file-multiple a .file-multiple-reorder {
    width: auto;
    margin-right: 0;
    border: 0;
    border-radius: 0
}

.file-multiple.is-reordering a .icon-arrow-move {
    opacity: 1
}

.file-multiple.is-reordering a:hover span.icon-ios-trash {
    opacity: 0
}

.flash {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 2px
}

.flash h6 {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle
}

.flash .button,
.flash .btn-secondary,
.flash .btn-primary {
    display: inline-block;
    padding: 5px 20px;
    margin-top: -4px;
    margin-left: 15px;
    font-size: 11px;
    vertical-align: middle;
    opacity: .7
}

.flash.is-closed {
    display: none
}

.flash.is-left {
    font-size: 0;
    text-align: left
}

.flash.is-left span,
.flash.is-left p {
    display: inline-block;
    vertical-align: middle
}

.flash.is-left span {
    width: 7%;
    font-size: 30px;
    line-height: 1;
    text-align: center
}

.flash.is-left p {
    width: 93%;
    font-size: 14px;
    font-weight: 600
}

.flash-danger {
    color: #f00000;
    background-color: rgba(240, 0, 0, .2)
}

.flash-danger .flash-close {
    color: rgba(240, 0, 0, .5)
}

.flash-danger .flash-close:hover,
.flash-danger .flash-close:active,
.flash-danger .flash-close:focus {
    color: #f00000
}

.flash-danger h6,
.flash-danger span,
.flash-danger p {
    color: #f00000
}

.flash-danger a {
    color: #bd0000
}

.flash-danger .button,
.flash-danger .btn-secondary,
.flash-danger .btn-primary {
    color: #fff
}

.flash-primary {
    color: #006e96;
    background-color: rgba(0, 110, 150, .2)
}

.flash-primary .flash-close {
    color: rgba(0, 110, 150, .5)
}

.flash-primary .flash-close:hover,
.flash-primary .flash-close:active,
.flash-primary .flash-close:focus {
    color: #006e96
}

.flash-primary h6,
.flash-primary span,
.flash-primary p {
    color: #006e96
}

.flash-primary a {
    color: #004963
}

.flash-primary .button,
.flash-primary .btn-secondary,
.flash-primary .btn-primary {
    color: #fff
}

.flash-success {
    color: #48c878;
    background-color: rgba(72, 200, 120, .2)
}

.flash-success .flash-close {
    color: rgba(72, 200, 120, .5)
}

.flash-success .flash-close:hover,
.flash-success .flash-close:active,
.flash-success .flash-close:focus {
    color: #48c878
}

.flash-success h6,
.flash-success span,
.flash-success p {
    color: #48c878
}

.flash-success a {
    color: #33aa60
}

.flash-success .button,
.flash-success .btn-secondary,
.flash-success .btn-primary {
    color: #fff
}

.flash-info,
.flash.flash-info-readable {
    color: #006e96;
    background-color: rgba(0, 110, 150, .2)
}

.flash-info .flash-close,
.flash.flash-info-readable .flash-close {
    color: rgba(0, 110, 150, .5)
}

.flash-info .flash-close:hover,
.flash.flash-info-readable .flash-close:hover,
.flash-info .flash-close:active,
.flash.flash-info-readable .flash-close:active,
.flash-info .flash-close:focus,
.flash.flash-info-readable .flash-close:focus {
    color: #006e96
}

.flash-info h6,
.flash.flash-info-readable h6,
.flash-info span,
.flash.flash-info-readable span,
.flash-info p,
.flash.flash-info-readable p {
    color: #006e96
}

.flash-info a,
.flash.flash-info-readable a {
    color: #004963
}

.flash-info .button,
.flash.flash-info-readable .button,
.flash-info .btn-secondary,
.flash.flash-info-readable .btn-secondary,
.flash-info .btn-primary,
.flash.flash-info-readable .btn-primary {
    color: #fff
}

.flash-close {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 20px;
    line-height: 1
}

form {
    position: relative;
    display: block;
    margin-bottom: 50px;
    clear: both
}

fieldset {
    position: relative;
    display: block;
    min-width: 100%;
    padding: 50px 0 0;
    margin: 0;
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

fieldset .flash {
    margin-bottom: 0;
    border-radius: 0
}

fieldset:last-of-type {
    margin-bottom: 0
}

legend {
    position: absolute;
    top: 1px;
    right: 1px;
    left: 1px;
    display: block;
    width: 100%;
    padding: 15px 35px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2em;
    color: #5f6468;
    text-transform: uppercase;
    border-bottom: 1px solid #e2e3e4;
    border-radius: 2px 2px 0 0
}

legend a {
    display: block;
    color: #5f6468
}

legend a span {
    display: block;
    float: right
}

legend a.collapsed span {
    transform: rotate(180deg)
}

legend.with-check .checkbox {
    position: absolute;
    top: 5px;
    right: 35px;
    width: 14px
}

label,
input,
select,
textarea {
    display: inline-block;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    line-height: 1.6
}

label {
    display: inline-block;
    width: 40%;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    color: #92979b;
    text-transform: uppercase;
    vertical-align: top
}

label.without-margin {
    margin-top: 0
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]),
textarea {
    display: inline-block;
    padding: 7.5px 15px;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    font-size: 14px;
    color: #474a4d;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    transition: border-color .3s linear;
    appearance: none
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):hover,
textarea:hover {
    border-color: #c7cacc
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):focus,
input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):active,
textarea:focus,
textarea:active {
    border-color: #006e96;
    outline: none
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):disabled,
textarea:disabled {
    cursor: not-allowed;
    background-color: #e2e3e4
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):disabled:hover,
textarea:disabled:hover {
    border-color: #e2e3e4
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):disabled:active,
textarea:disabled:active {
    border-color: #e2e3e4;
    outline: none
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]).is-second,
textarea.is-second {
    margin-top: 5px;
    margin-left: 40%
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]).is-small,
textarea.is-small {
    width: 70px
}

textarea {
    min-height: 170px;
    resize: vertical
}

input[type=checkbox],
input[type=radio] {
    display: inline-block;
    margin-right: 10px
}

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

.form-wrapper {
    display: block;
    max-width: 600px;
    padding: 35px
}

.form-wrapper.collapse {
    display: none
}

.form-wrapper.collapse.in {
    display: block
}

.form-item {
    position: relative;
    display: block;
    margin-bottom: 20px;
    font-size: 0
}

.form-item.with-margin {
    margin-top: 30px
}

.form-item:last-child {
    margin-bottom: 0
}

.form-item .button,
.form-item .btn-secondary,
.form-item .btn-primary,
.form-item .control {
    display: inline-block;
    width: 60%;
    vertical-align: top
}

.form-item p {
    font-size: 14px
}

.form-item.is-top label {
    margin-top: 2px
}

.form-item.with-error {
    position: relative
}

.form-item.with-error input {
    border-color: #f00000 !important
}

.form-item.with-error label {
    color: #f00000
}

.form-error {
    position: absolute;
    top: 8px;
    left: 100%;
    width: 200px;
    padding-left: 10px;
    color: #f00000
}

.form-button {
    display: block;
    margin-top: 30px
}

.form-save {
    position: relative;
    display: block;
    margin-top: 30px;
    text-align: right
}

.form-save .button,
.form-save .btn-secondary,
.form-save .btn-primary {
    display: inline-block
}

.form-link {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    color: #787d82
}

.form-link:hover {
    color: #5f6468
}

.form-output {
    position: relative;
    display: inline-block;
    width: 60%;
    min-height: 39px;
    font-size: 14px;
    vertical-align: top
}

.form-output strong {
    display: inline-block;
    width: 120px;
    vertical-align: middle
}

.form-output img {
    display: inline-block;
    width: 39px;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 2px
}

.form-output.is-selects {
    font-size: 0
}

.form-output.is-selects .control {
    width: 120px
}

.form-output.with-image img {
    width: 100%;
    margin-right: 0
}

.form-output.with-payments img {
    cursor: pointer;
    opacity: .5
}

.form-output.with-payments img.is-selected {
    opacity: 1
}

.form-output.with-check {
    position: relative
}

.form-output.with-check .checkbox {
    position: absolute;
    right: 0;
    width: 14px
}

.form-output.with-checkinputs .control {
    display: inline-block;
    width: 39%;
    margin-top: 20px;
    vertical-align: middle
}

.form-output.with-checkinputs>input {
    display: inline-block;
    width: 60%;
    margin-top: 10px;
    vertical-align: middle
}

.form-factor {
    display: block;
    padding: 25px;
    text-align: center;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

.form-factor img {
    display: inline-block;
    margin-bottom: 10px
}

.fieldset-danger {
    border-color: rgba(240, 0, 0, .3)
}

.fieldset-danger legend {
    color: #f00000;
    border-color: rgba(240, 0, 0, .3)
}

.form-search {
    display: block
}

.form-search .control {
    display: block;
    margin: 15px 0 0
}

.form-search .dropdown,
.form-search input {
    width: 100% !important;
    margin-top: 10px
}

.form-search-button {
    margin-top: 15px;
    text-align: right
}

.form-search-button .button,
.form-search-button .btn-secondary,
.form-search-button .btn-primary {
    display: inline-block;
    float: none
}

.form-cta {
    display: block;
    margin-bottom: 25px;
    font-size: 0;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

.form-cta-img {
    display: inline-block;
    width: 35%;
    height: 500px;
    margin: -1px 0 -1px -1px;
    font-size: 0;
    vertical-align: middle;
    background-size: cover !important;
    border-radius: 2px 0 0 2px
}

.form-cta-content {
    display: inline-block;
    width: 65%;
    padding: 0 50px;
    font-size: 14px;
    vertical-align: middle
}

.form-cta-content .icon,
.form-cta-content .uw-captcha a.refresh-image-captcha,
.uw-captcha .form-cta-content a.refresh-image-captcha,
.form-cta-content .inline-error:before {
    margin-bottom: 15px;
    font-size: 60px;
    line-height: 1;
    color: #006e96
}

.form-cta-content p {
    margin: 25px 0 30px
}

.form-table {
    width: 100%;
    margin-top: 10px;
    font-size: 14px
}

.form-inverted label {
    width: 100% !important
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) {
    width: 100%;
    padding: 0 0 10px;
    color: #5f6468;
    border: 0;
    border-bottom: 1px solid #e2e3e4;
    border-radius: 0
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder {
    color: #92979b
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::-moz-placeholder {
    color: #92979b
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder {
    color: #92979b
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::placeholder {
    color: #92979b
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):hover {
    border-color: #e2e3e4
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):focus,
.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):active {
    border-color: #e2e3e4
}

.form-inverted .dropdown {
    width: 100%
}

.form-inverted .dropdown>a {
    padding: 0 0 10px;
    color: #92979b;
    border: 0;
    border-bottom: 1px solid #e2e3e4;
    border-radius: 0
}

.form-inverted .dropdown>a i {
    margin-top: 4px
}

.form-inverted .dropdown-menu {
    margin-top: 0;
    border: 0
}

@media all and (max-width: 1223px) {
    form {
        margin-bottom: 25px
    }
}

@media all and (max-width: 767px) {
    label {
        display: block;
        width: 100%;
        margin-bottom: 5px
    }
    input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]),
    textarea {
        display: block;
        width: 100%
    }
    input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]).is-second,
    textarea.is-second {
        margin-left: 0
    }
    .form-item .button,
    .form-item .btn-secondary,
    .form-item .btn-primary,
    .form-item .control {
        display: block;
        width: 100%
    }
    .form-output {
        width: 100%
    }
}

header {
    position: relative;
    display: block;
    margin-top: 95px;
    margin-bottom: 50px
}

.header-etco {
    background: #092e73;
    padding: 60px 0;
}

.header-etco h1 {
    color: #FFFFFF;
}

@media all and (max-width: 992px) {
    header {
        margin-bottom: 20px;
        margin-top: 80px !important;
    }

    .header-etco {
        padding: 30px 0;
    }
}

.header-webshop .icon,
.header-webshop .uw-captcha a.refresh-image-captcha,
.uw-captcha .header-webshop a.refresh-image-captcha,
.header-webshop .inline-error:before {
    position: absolute;
    z-index: 50;
    bottom: 25px;
    color: #fff;
    left: 50%;
    font-size: 24px;
    margin-left: -13px
}

.header-webshop-overlay {
    position: absolute;
    z-index: 40;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(22, 23, 24, .3)
}

@media all and (max-width: 1024px) {
    .header-webshop h1 {
        max-width: 400px;
        padding: 75px 0;
        margin-top: 0
    }
}

@media all and (max-width: 767px) {
    header {
        margin-top: 60px
    }
}

@font-face {
    font-family: ionicons;
    src: url("../fonts/ionicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ionicons.woff") format("woff"), url("../fonts/ionicons.ttf") format("truetype")
}

.icon,
.uw-captcha a.refresh-image-captcha,
.inline-error:before {
    display: inline-block;
    width: 1.1em;
    font-family: ionicons;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    text-align: center
}

.icon-alert:before {
    content: ""
}

.icon-alert-circled:before,
.inline-error:before {
    content: ""
}

.icon-android-add:before {
    content: ""
}

.icon-android-add-circle:before {
    content: ""
}

.icon-android-alarm-clock:before {
    content: ""
}

.icon-android-alert:before {
    content: ""
}

.icon-android-apps:before {
    content: ""
}

.icon-android-archive:before {
    content: ""
}

.icon-android-arrow-back:before {
    content: ""
}

.icon-android-arrow-down:before {
    content: ""
}

.icon-android-arrow-dropdown:before {
    content: ""
}

.icon-android-arrow-dropdown-circle:before {
    content: ""
}

.icon-android-arrow-dropleft:before {
    content: ""
}

.icon-android-arrow-dropleft-circle:before {
    content: ""
}

.icon-android-arrow-dropright:before {
    content: ""
}

.icon-android-arrow-dropright-circle:before {
    content: ""
}

.icon-android-arrow-dropup:before {
    content: ""
}

.icon-android-arrow-dropup-circle:before {
    content: ""
}

.icon-android-arrow-forward:before {
    content: ""
}

.icon-android-arrow-up:before {
    content: ""
}

.icon-android-attach:before {
    content: ""
}

.icon-android-bar:before {
    content: ""
}

.icon-android-bicycle:before {
    content: ""
}

.icon-android-boat:before {
    content: ""
}

.icon-android-bookmark:before {
    content: ""
}

.icon-android-bulb:before {
    content: ""
}

.icon-android-bus:before {
    content: ""
}

.icon-android-calendar:before {
    content: ""
}

.icon-android-call:before {
    content: ""
}

.icon-android-camera:before {
    content: ""
}

.icon-android-cancel:before {
    content: ""
}

.icon-android-car:before {
    content: ""
}

.icon-android-cart:before {
    content: ""
}

.icon-android-chat:before {
    content: ""
}

.icon-android-checkbox:before {
    content: ""
}

.icon-android-checkbox-blank:before {
    content: ""
}

.icon-android-checkbox-outline:before {
    content: ""
}

.icon-android-checkbox-outline-blank:before {
    content: ""
}

.icon-android-checkmark-circle:before {
    content: ""
}

.icon-android-clipboard:before {
    content: ""
}

.icon-android-close:before {
    content: ""
}

.icon-android-cloud:before {
    content: ""
}

.icon-android-cloud-circle:before {
    content: ""
}

.icon-android-cloud-done:before {
    content: ""
}

.icon-android-cloud-outline:before {
    content: ""
}

.icon-android-color-palette:before {
    content: ""
}

.icon-android-compass:before {
    content: ""
}

.icon-android-contact:before {
    content: ""
}

.icon-android-contacts:before {
    content: ""
}

.icon-android-contract:before {
    content: ""
}

.icon-android-create:before {
    content: ""
}

.icon-android-delete:before {
    content: ""
}

.icon-android-desktop:before {
    content: ""
}

.icon-android-document:before {
    content: ""
}

.icon-android-done:before {
    content: ""
}

.icon-android-done-all:before {
    content: ""
}

.icon-android-download:before {
    content: ""
}

.icon-android-drafts:before {
    content: ""
}

.icon-android-exit:before {
    content: ""
}

.icon-android-expand:before {
    content: ""
}

.icon-android-favorite:before {
    content: ""
}

.icon-android-favorite-outline:before {
    content: ""
}

.icon-android-film:before {
    content: ""
}

.icon-android-folder:before {
    content: ""
}

.icon-android-folder-open:before {
    content: ""
}

.icon-android-funnel:before {
    content: ""
}

.icon-android-globe:before {
    content: ""
}

.icon-android-hand:before {
    content: ""
}

.icon-android-hangout:before {
    content: ""
}

.icon-android-happy:before {
    content: ""
}

.icon-android-home:before {
    content: ""
}

.icon-android-image:before {
    content: ""
}

.icon-android-laptop:before {
    content: ""
}

.icon-android-list:before {
    content: ""
}

.icon-android-locate:before {
    content: ""
}

.icon-android-lock:before {
    content: ""
}

.icon-android-mail:before {
    content: ""
}

.icon-android-map:before {
    content: ""
}

.icon-android-menu:before {
    content: ""
}

.icon-android-microphone:before {
    content: ""
}

.icon-android-microphone-off:before {
    content: ""
}

.icon-android-more-horizontal:before {
    content: ""
}

.icon-android-more-vertical:before {
    content: ""
}

.icon-android-navigate:before {
    content: ""
}

.icon-android-notifications:before {
    content: ""
}

.icon-android-notifications-none:before {
    content: ""
}

.icon-android-notifications-off:before {
    content: ""
}

.icon-android-open:before {
    content: ""
}

.icon-android-options:before {
    content: ""
}

.icon-android-people:before {
    content: ""
}

.icon-android-person:before {
    content: ""
}

.icon-android-person-add:before {
    content: ""
}

.icon-android-phone-landscape:before {
    content: ""
}

.icon-android-phone-portrait:before {
    content: ""
}

.icon-android-pin:before {
    content: ""
}

.icon-android-plane:before {
    content: ""
}

.icon-android-playstore:before {
    content: ""
}

.icon-android-print:before {
    content: ""
}

.icon-android-radio-button-off:before {
    content: ""
}

.icon-android-radio-button-on:before {
    content: ""
}

.icon-android-refresh:before {
    content: ""
}

.icon-android-remove:before {
    content: ""
}

.icon-android-remove-circle:before {
    content: ""
}

.icon-android-restaurant:before {
    content: ""
}

.icon-android-sad:before {
    content: ""
}

.icon-android-search:before {
    content: ""
}

.icon-android-send:before {
    content: ""
}

.icon-android-settings:before {
    content: ""
}

.icon-android-share:before {
    content: ""
}

.icon-android-share-alt:before {
    content: ""
}

.icon-android-star:before {
    content: ""
}

.icon-android-star-half:before {
    content: ""
}

.icon-android-star-outline:before {
    content: ""
}

.icon-android-stopwatch:before {
    content: ""
}

.icon-android-subway:before {
    content: ""
}

.icon-android-sunny:before {
    content: ""
}

.icon-android-sync:before {
    content: ""
}

.icon-android-textsms:before {
    content: ""
}

.icon-android-time:before {
    content: ""
}

.icon-android-train:before {
    content: ""
}

.icon-android-unlock:before {
    content: ""
}

.icon-android-upload:before {
    content: ""
}

.icon-android-volume-down:before {
    content: ""
}

.icon-android-volume-mute:before {
    content: ""
}

.icon-android-volume-off:before {
    content: ""
}

.icon-android-volume-up:before {
    content: ""
}

.icon-android-walk:before {
    content: ""
}

.icon-android-warning:before {
    content: ""
}

.icon-android-watch:before {
    content: ""
}

.icon-android-wifi:before {
    content: ""
}

.icon-aperture:before {
    content: ""
}

.icon-archive:before {
    content: ""
}

.icon-arrow-down-a:before {
    content: ""
}

.icon-arrow-down-b:before {
    content: ""
}

.icon-arrow-down-c:before {
    content: ""
}

.icon-arrow-expand:before {
    content: ""
}

.icon-arrow-graph-down-left:before {
    content: ""
}

.icon-arrow-graph-down-right:before {
    content: ""
}

.icon-arrow-graph-up-left:before {
    content: ""
}

.icon-arrow-graph-up-right:before {
    content: ""
}

.icon-arrow-left-a:before {
    content: ""
}

.icon-arrow-left-b:before {
    content: ""
}

.icon-arrow-left-c:before {
    content: ""
}

.icon-arrow-move:before {
    content: ""
}

.icon-arrow-resize:before {
    content: ""
}

.icon-arrow-return-left:before {
    content: ""
}

.icon-arrow-return-right:before {
    content: ""
}

.icon-arrow-right-a:before {
    content: ""
}

.icon-arrow-right-b:before {
    content: ""
}

.icon-arrow-right-c:before {
    content: ""
}

.icon-arrow-shrink:before {
    content: ""
}

.icon-arrow-swap:before {
    content: ""
}

.icon-arrow-up-a:before {
    content: ""
}

.icon-arrow-up-b:before {
    content: ""
}

.icon-arrow-up-c:before {
    content: ""
}

.icon-asterisk:before {
    content: ""
}

.icon-at:before {
    content: ""
}

.icon-backspace:before {
    content: ""
}

.icon-backspace-outline:before {
    content: ""
}

.icon-bag:before {
    content: ""
}

.icon-battery-charging:before {
    content: ""
}

.icon-battery-empty:before {
    content: ""
}

.icon-battery-full:before {
    content: ""
}

.icon-battery-half:before {
    content: ""
}

.icon-battery-low:before {
    content: ""
}

.icon-beaker:before {
    content: ""
}

.icon-beer:before {
    content: ""
}

.icon-bluetooth:before {
    content: ""
}

.icon-bonfire:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-bowtie:before {
    content: ""
}

.icon-briefcase:before {
    content: ""
}

.icon-bug:before {
    content: ""
}

.icon-calculator:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-camera:before {
    content: ""
}

.icon-card:before {
    content: ""
}

.icon-cash:before {
    content: ""
}

.icon-chatbox:before {
    content: ""
}

.icon-chatbox-working:before {
    content: ""
}

.icon-chatboxes:before {
    content: ""
}

.icon-chatbubble:before {
    content: ""
}

.icon-chatbubble-working:before {
    content: ""
}

.icon-chatbubbles:before {
    content: ""
}

.icon-checkmark:before {
    content: ""
}

.icon-checkmark-circled:before {
    content: ""
}

.icon-checkmark-round:before {
    content: ""
}

.icon-chevron-down:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.icon-chevron-up:before {
    content: ""
}

.icon-clipboard:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-close-circled:before {
    content: ""
}

.icon-close-round:before {
    content: ""
}

.icon-closed-captioning:before {
    content: ""
}

.icon-cloud:before {
    content: ""
}

.icon-code:before {
    content: ""
}

.icon-code-download:before {
    content: ""
}

.icon-code-working:before {
    content: ""
}

.icon-coffee:before {
    content: ""
}

.icon-compass:before {
    content: ""
}

.icon-compose:before {
    content: ""
}

.icon-connection-bars:before {
    content: ""
}

.icon-contrast:before {
    content: ""
}

.icon-crop:before {
    content: ""
}

.icon-cube:before {
    content: ""
}

.icon-disc:before {
    content: ""
}

.icon-document:before {
    content: ""
}

.icon-document-text:before {
    content: ""
}

.icon-drag:before {
    content: ""
}

.icon-earth:before {
    content: ""
}

.icon-easel:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-egg:before {
    content: ""
}

.icon-eject:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-email-unread:before {
    content: ""
}

.icon-erlenmeyer-flask:before {
    content: ""
}

.icon-erlenmeyer-flask-bubbles:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-eye-disabled:before {
    content: ""
}

.icon-female:before {
    content: ""
}

.icon-filing:before {
    content: ""
}

.icon-film-marker:before {
    content: ""
}

.icon-fireball:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-flame:before {
    content: ""
}

.icon-flash:before {
    content: ""
}

.icon-flash-off:before {
    content: ""
}

.icon-folder:before {
    content: ""
}

.icon-fork:before {
    content: ""
}

.icon-fork-repo:before {
    content: ""
}

.icon-forward:before {
    content: ""
}

.icon-funnel:before {
    content: ""
}

.icon-gear-a:before {
    content: ""
}

.icon-gear-b:before {
    content: ""
}

.icon-grid:before {
    content: ""
}

.icon-hammer:before {
    content: ""
}

.icon-happy:before {
    content: ""
}

.icon-happy-outline:before {
    content: ""
}

.icon-headphone:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-heart-broken:before {
    content: ""
}

.icon-help:before {
    content: ""
}

.icon-help-buoy:before {
    content: ""
}

.icon-help-circled:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-icecream:before {
    content: ""
}

.icon-image:before {
    content: ""
}

.icon-images:before {
    content: ""
}

.icon-information:before {
    content: ""
}

.icon-information-circled:before {
    content: ""
}

.icon-ionic:before {
    content: ""
}

.icon-ios-alarm:before {
    content: ""
}

.icon-ios-alarm-outline:before {
    content: ""
}

.icon-ios-albums:before {
    content: ""
}

.icon-ios-albums-outline:before {
    content: ""
}

.icon-ios-americanfootball:before {
    content: ""
}

.icon-ios-americanfootball-outline:before {
    content: ""
}

.icon-ios-analytics:before {
    content: ""
}

.icon-ios-analytics-outline:before {
    content: ""
}

.icon-ios-arrow-back:before {
    content: ""
}

.icon-ios-arrow-down:before {
    content: ""
}

.icon-ios-arrow-forward:before {
    content: ""
}

.icon-ios-arrow-left:before {
    content: ""
}

.icon-ios-arrow-right:before {
    content: ""
}

.icon-ios-arrow-thin-down:before {
    content: ""
}

.icon-ios-arrow-thin-left:before {
    content: ""
}

.icon-ios-arrow-thin-right:before {
    content: ""
}

.icon-ios-arrow-thin-up:before {
    content: ""
}

.icon-ios-arrow-up:before {
    content: ""
}

.icon-ios-at:before {
    content: ""
}

.icon-ios-at-outline:before {
    content: ""
}

.icon-ios-barcode:before {
    content: ""
}

.icon-ios-barcode-outline:before {
    content: ""
}

.icon-ios-baseball:before {
    content: ""
}

.icon-ios-baseball-outline:before {
    content: ""
}

.icon-ios-basketball:before {
    content: ""
}

.icon-ios-basketball-outline:before {
    content: ""
}

.icon-ios-bell:before {
    content: ""
}

.icon-ios-bell-outline:before {
    content: ""
}

.icon-ios-body:before {
    content: ""
}

.icon-ios-body-outline:before {
    content: ""
}

.icon-ios-bolt:before {
    content: ""
}

.icon-ios-bolt-outline:before {
    content: ""
}

.icon-ios-book:before {
    content: ""
}

.icon-ios-book-outline:before {
    content: ""
}

.icon-ios-bookmarks:before {
    content: ""
}

.icon-ios-bookmarks-outline:before {
    content: ""
}

.icon-ios-box:before {
    content: ""
}

.icon-ios-box-outline:before {
    content: ""
}

.icon-ios-briefcase:before {
    content: ""
}

.icon-ios-briefcase-outline:before {
    content: ""
}

.icon-ios-browsers:before {
    content: ""
}

.icon-ios-browsers-outline:before {
    content: ""
}

.icon-ios-calculator:before {
    content: ""
}

.icon-ios-calculator-outline:before {
    content: ""
}

.icon-ios-calendar:before {
    content: ""
}

.icon-ios-calendar-outline:before {
    content: ""
}

.icon-ios-camera:before {
    content: ""
}

.icon-ios-camera-outline:before {
    content: ""
}

.icon-ios-cart:before {
    content: ""
}

.icon-ios-cart-outline:before {
    content: ""
}

.icon-ios-chatboxes:before {
    content: ""
}

.icon-ios-chatboxes-outline:before {
    content: ""
}

.icon-ios-chatbubble:before {
    content: ""
}

.icon-ios-chatbubble-outline:before {
    content: ""
}

.icon-ios-checkmark:before {
    content: ""
}

.icon-ios-checkmark-empty:before {
    content: ""
}

.icon-ios-checkmark-outline:before {
    content: ""
}

.icon-ios-circle-filled:before {
    content: ""
}

.icon-ios-circle-outline:before {
    content: ""
}

.icon-ios-clock:before {
    content: ""
}

.icon-ios-clock-outline:before {
    content: ""
}

.icon-ios-close:before {
    content: ""
}

.icon-ios-close-empty:before {
    content: ""
}

.icon-ios-close-outline:before {
    content: ""
}

.icon-ios-cloud:before {
    content: ""
}

.icon-ios-cloud-download:before {
    content: ""
}

.icon-ios-cloud-download-outline:before {
    content: ""
}

.icon-ios-cloud-outline:before {
    content: ""
}

.icon-ios-cloud-upload:before {
    content: ""
}

.icon-ios-cloud-upload-outline:before {
    content: ""
}

.icon-ios-cloudy:before {
    content: ""
}

.icon-ios-cloudy-night:before {
    content: ""
}

.icon-ios-cloudy-night-outline:before {
    content: ""
}

.icon-ios-cloudy-outline:before {
    content: ""
}

.icon-ios-cog:before {
    content: ""
}

.icon-ios-cog-outline:before {
    content: ""
}

.icon-ios-color-filter:before {
    content: ""
}

.icon-ios-color-filter-outline:before {
    content: ""
}

.icon-ios-color-wand:before {
    content: ""
}

.icon-ios-color-wand-outline:before {
    content: ""
}

.icon-ios-compose:before {
    content: ""
}

.icon-ios-compose-outline:before {
    content: ""
}

.icon-ios-contact:before {
    content: ""
}

.icon-ios-contact-outline:before {
    content: ""
}

.icon-ios-copy:before {
    content: ""
}

.icon-ios-copy-outline:before {
    content: ""
}

.icon-ios-crop:before {
    content: ""
}

.icon-ios-crop-strong:before {
    content: ""
}

.icon-ios-download:before {
    content: ""
}

.icon-ios-download-outline:before {
    content: ""
}

.icon-ios-drag:before {
    content: ""
}

.icon-ios-email:before {
    content: ""
}

.icon-ios-email-outline:before {
    content: ""
}

.icon-ios-eye:before {
    content: ""
}

.icon-ios-eye-outline:before {
    content: ""
}

.icon-ios-fastforward:before {
    content: ""
}

.icon-ios-fastforward-outline:before {
    content: ""
}

.icon-ios-filing:before {
    content: ""
}

.icon-ios-filing-outline:before {
    content: ""
}

.icon-ios-film:before {
    content: ""
}

.icon-ios-film-outline:before {
    content: ""
}

.icon-ios-flag:before {
    content: ""
}

.icon-ios-flag-outline:before {
    content: ""
}

.icon-ios-flame:before {
    content: ""
}

.icon-ios-flame-outline:before {
    content: ""
}

.icon-ios-flask:before {
    content: ""
}

.icon-ios-flask-outline:before {
    content: ""
}

.icon-ios-flower:before {
    content: ""
}

.icon-ios-flower-outline:before {
    content: ""
}

.icon-ios-folder:before {
    content: ""
}

.icon-ios-folder-outline:before {
    content: ""
}

.icon-ios-football:before {
    content: ""
}

.icon-ios-football-outline:before {
    content: ""
}

.icon-ios-game-controller-a:before {
    content: ""
}

.icon-ios-game-controller-a-outline:before {
    content: ""
}

.icon-ios-game-controller-b:before {
    content: ""
}

.icon-ios-game-controller-b-outline:before {
    content: ""
}

.icon-ios-gear:before {
    content: ""
}

.icon-ios-gear-outline:before {
    content: ""
}

.icon-ios-glasses:before {
    content: ""
}

.icon-ios-glasses-outline:before {
    content: ""
}

.icon-ios-grid-view:before {
    content: ""
}

.icon-ios-grid-view-outline:before {
    content: ""
}

.icon-ios-heart:before {
    content: ""
}

.icon-ios-heart-outline:before {
    content: ""
}

.icon-ios-help:before {
    content: ""
}

.icon-ios-help-empty:before {
    content: ""
}

.icon-ios-help-outline:before {
    content: ""
}

.icon-ios-home:before {
    content: ""
}

.icon-ios-home-outline:before {
    content: ""
}

.icon-ios-infinite:before {
    content: ""
}

.icon-ios-infinite-outline:before {
    content: ""
}

.icon-ios-information:before {
    content: ""
}

.icon-ios-information-empty:before {
    content: ""
}

.icon-ios-information-outline:before {
    content: ""
}

.icon-ios-ionic-outline:before {
    content: ""
}

.icon-ios-keypad:before {
    content: ""
}

.icon-ios-keypad-outline:before {
    content: ""
}

.icon-ios-lightbulb:before {
    content: ""
}

.icon-ios-lightbulb-outline:before {
    content: ""
}

.icon-ios-list:before {
    content: ""
}

.icon-ios-list-outline:before {
    content: ""
}

.icon-ios-location:before {
    content: ""
}

.icon-ios-location-outline:before {
    content: ""
}

.icon-ios-locked:before {
    content: ""
}

.icon-ios-locked-outline:before {
    content: ""
}

.icon-ios-loop:before {
    content: ""
}

.icon-ios-loop-strong:before {
    content: ""
}

.icon-ios-medical:before {
    content: ""
}

.icon-ios-medical-outline:before {
    content: ""
}

.icon-ios-medkit:before {
    content: ""
}

.icon-ios-medkit-outline:before {
    content: ""
}

.icon-ios-mic:before {
    content: ""
}

.icon-ios-mic-off:before {
    content: ""
}

.icon-ios-mic-outline:before {
    content: ""
}

.icon-ios-minus:before {
    content: ""
}

.icon-ios-minus-empty:before {
    content: ""
}

.icon-ios-minus-outline:before {
    content: ""
}

.icon-ios-monitor:before {
    content: ""
}

.icon-ios-monitor-outline:before {
    content: ""
}

.icon-ios-moon:before {
    content: ""
}

.icon-ios-moon-outline:before {
    content: ""
}

.icon-ios-more:before {
    content: ""
}

.icon-ios-more-outline:before {
    content: ""
}

.icon-ios-musical-note:before {
    content: ""
}

.icon-ios-musical-notes:before {
    content: ""
}

.icon-ios-navigate:before {
    content: ""
}

.icon-ios-navigate-outline:before {
    content: ""
}

.icon-ios-nutrition:before {
    content: ""
}

.icon-ios-nutrition-outline:before {
    content: ""
}

.icon-ios-paper:before {
    content: ""
}

.icon-ios-paper-outline:before {
    content: ""
}

.icon-ios-paperplane:before {
    content: ""
}

.icon-ios-paperplane-outline:before {
    content: ""
}

.icon-ios-partlysunny:before {
    content: ""
}

.icon-ios-partlysunny-outline:before {
    content: ""
}

.icon-ios-pause:before {
    content: ""
}

.icon-ios-pause-outline:before {
    content: ""
}

.icon-ios-paw:before {
    content: ""
}

.icon-ios-paw-outline:before {
    content: ""
}

.icon-ios-people:before {
    content: ""
}

.icon-ios-people-outline:before {
    content: ""
}

.icon-ios-person:before {
    content: ""
}

.icon-ios-person-outline:before {
    content: ""
}

.icon-ios-personadd:before {
    content: ""
}

.icon-ios-personadd-outline:before {
    content: ""
}

.icon-ios-photos:before {
    content: ""
}

.icon-ios-photos-outline:before {
    content: ""
}

.icon-ios-pie:before {
    content: ""
}

.icon-ios-pie-outline:before {
    content: ""
}

.icon-ios-pint:before {
    content: ""
}

.icon-ios-pint-outline:before {
    content: ""
}

.icon-ios-play:before {
    content: ""
}

.icon-ios-play-outline:before {
    content: ""
}

.icon-ios-plus:before {
    content: ""
}

.icon-ios-plus-empty:before {
    content: ""
}

.icon-ios-plus-outline:before {
    content: ""
}

.icon-ios-pricetag:before {
    content: ""
}

.icon-ios-pricetag-outline:before {
    content: ""
}

.icon-ios-pricetags:before {
    content: ""
}

.icon-ios-pricetags-outline:before {
    content: ""
}

.icon-ios-printer:before {
    content: ""
}

.icon-ios-printer-outline:before {
    content: ""
}

.icon-ios-pulse:before {
    content: ""
}

.icon-ios-pulse-strong:before {
    content: ""
}

.icon-ios-rainy:before {
    content: ""
}

.icon-ios-rainy-outline:before {
    content: ""
}

.icon-ios-recording:before {
    content: ""
}

.icon-ios-recording-outline:before {
    content: ""
}

.icon-ios-redo:before {
    content: ""
}

.icon-ios-redo-outline:before {
    content: ""
}

.icon-ios-refresh:before {
    content: ""
}

.icon-ios-refresh-empty:before {
    content: ""
}

.icon-ios-refresh-outline:before {
    content: ""
}

.icon-ios-reload:before {
    content: ""
}

.icon-ios-reverse-camera:before {
    content: ""
}

.icon-ios-reverse-camera-outline:before {
    content: ""
}

.icon-ios-rewind:before {
    content: ""
}

.icon-ios-rewind-outline:before {
    content: ""
}

.icon-ios-rose:before {
    content: ""
}

.icon-ios-rose-outline:before {
    content: ""
}

.icon-ios-search:before {
    content: ""
}

.icon-ios-search-strong:before {
    content: ""
}

.icon-ios-settings:before {
    content: ""
}

.icon-ios-settings-strong:before {
    content: ""
}

.icon-ios-shuffle:before {
    content: ""
}

.icon-ios-shuffle-strong:before {
    content: ""
}

.icon-ios-skipbackward:before {
    content: ""
}

.icon-ios-skipbackward-outline:before {
    content: ""
}

.icon-ios-skipforward:before {
    content: ""
}

.icon-ios-skipforward-outline:before {
    content: ""
}

.icon-ios-snowy:before {
    content: ""
}

.icon-ios-speedometer:before {
    content: ""
}

.icon-ios-speedometer-outline:before {
    content: ""
}

.icon-ios-star:before {
    content: ""
}

.icon-ios-star-half:before {
    content: ""
}

.icon-ios-star-outline:before {
    content: ""
}

.icon-ios-stopwatch:before {
    content: ""
}

.icon-ios-stopwatch-outline:before {
    content: ""
}

.icon-ios-sunny:before {
    content: ""
}

.icon-ios-sunny-outline:before {
    content: ""
}

.icon-ios-telephone:before {
    content: ""
}

.icon-ios-telephone-outline:before {
    content: ""
}

.icon-ios-tennisball:before {
    content: ""
}

.icon-ios-tennisball-outline:before {
    content: ""
}

.icon-ios-thunderstorm:before {
    content: ""
}

.icon-ios-thunderstorm-outline:before {
    content: ""
}

.icon-ios-time:before {
    content: ""
}

.icon-ios-time-outline:before {
    content: ""
}

.icon-ios-timer:before {
    content: ""
}

.icon-ios-timer-outline:before {
    content: ""
}

.icon-ios-toggle:before {
    content: ""
}

.icon-ios-toggle-outline:before {
    content: ""
}

.icon-ios-trash:before {
    content: ""
}

.icon-ios-trash-outline:before {
    content: ""
}

.icon-ios-undo:before {
    content: ""
}

.icon-ios-undo-outline:before {
    content: ""
}

.icon-ios-unlocked:before {
    content: ""
}

.icon-ios-unlocked-outline:before {
    content: ""
}

.icon-ios-upload:before {
    content: ""
}

.icon-ios-upload-outline:before {
    content: ""
}

.icon-ios-videocam:before {
    content: ""
}

.icon-ios-videocam-outline:before {
    content: ""
}

.icon-ios-volume-high:before {
    content: ""
}

.icon-ios-volume-low:before {
    content: ""
}

.icon-ios-wineglass:before {
    content: ""
}

.icon-ios-wineglass-outline:before {
    content: ""
}

.icon-ios-world:before {
    content: ""
}

.icon-ios-world-outline:before {
    content: ""
}

.icon-ipad:before {
    content: ""
}

.icon-iphone:before {
    content: ""
}

.icon-ipod:before {
    content: ""
}

.icon-jet:before {
    content: ""
}

.icon-key:before {
    content: ""
}

.icon-knife:before {
    content: ""
}

.icon-laptop:before {
    content: ""
}

.icon-leaf:before {
    content: ""
}

.icon-levels:before {
    content: ""
}

.icon-lightbulb:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-load-a:before {
    content: ""
}

.icon-load-b:before {
    content: ""
}

.icon-load-c:before {
    content: ""
}

.icon-load-d:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-lock-combination:before {
    content: ""
}

.icon-locked:before {
    content: ""
}

.icon-log-in:before {
    content: ""
}

.icon-log-out:before {
    content: ""
}

.icon-loop:before {
    content: ""
}

.icon-magnet:before {
    content: ""
}

.icon-male:before {
    content: ""
}

.icon-man:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-medkit:before {
    content: ""
}

.icon-merge:before {
    content: ""
}

.icon-mic-a:before {
    content: ""
}

.icon-mic-b:before {
    content: ""
}

.icon-mic-c:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-minus-circled:before {
    content: ""
}

.icon-minus-round:before {
    content: ""
}

.icon-model-s:before {
    content: ""
}

.icon-monitor:before {
    content: ""
}

.icon-more:before {
    content: ""
}

.icon-mouse:before {
    content: ""
}

.icon-music-note:before {
    content: ""
}

.icon-navicon:before {
    content: ""
}

.icon-navicon-round:before {
    content: ""
}

.icon-navigate:before {
    content: ""
}

.icon-network:before {
    content: ""
}

.icon-no-smoking:before {
    content: ""
}

.icon-nuclear:before {
    content: ""
}

.icon-outlet:before {
    content: ""
}

.icon-paintbrush:before {
    content: ""
}

.icon-paintbucket:before {
    content: ""
}

.icon-paper-airplane:before {
    content: ""
}

.icon-paperclip:before {
    content: ""
}

.icon-pause:before {
    content: ""
}

.icon-person:before {
    content: ""
}

.icon-person-add:before {
    content: ""
}

.icon-person-stalker:before {
    content: ""
}

.icon-pie-graph:before {
    content: ""
}

.icon-pin:before {
    content: ""
}

.icon-pinpoint:before {
    content: ""
}

.icon-pizza:before {
    content: ""
}

.icon-plane:before {
    content: ""
}

.icon-planet:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-playstation:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-plus-circled:before {
    content: ""
}

.icon-plus-round:before {
    content: ""
}

.icon-podium:before {
    content: ""
}

.icon-pound:before {
    content: ""
}

.icon-power:before {
    content: ""
}

.icon-pricetag:before {
    content: ""
}

.icon-pricetags:before {
    content: ""
}

.icon-printer:before {
    content: ""
}

.icon-pull-request:before {
    content: ""
}

.icon-qr-scanner:before {
    content: ""
}

.icon-quote:before {
    content: ""
}

.icon-radio-waves:before {
    content: ""
}

.icon-record:before {
    content: ""
}

.icon-refresh:before,
.uw-captcha a.refresh-image-captcha:before {
    content: ""
}

.icon-reply:before {
    content: ""
}

.icon-reply-all:before {
    content: ""
}

.icon-ribbon-a:before {
    content: ""
}

.icon-ribbon-b:before {
    content: ""
}

.icon-sad:before {
    content: ""
}

.icon-sad-outline:before {
    content: ""
}

.icon-scissors:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-shuffle:before {
    content: ""
}

.icon-skip-backward:before {
    content: ""
}

.icon-skip-forward:before {
    content: ""
}

.icon-social-android:before {
    content: ""
}

.icon-social-android-outline:before {
    content: ""
}

.icon-social-angular:before {
    content: ""
}

.icon-social-angular-outline:before {
    content: ""
}

.icon-social-apple:before {
    content: ""
}

.icon-social-apple-outline:before {
    content: ""
}

.icon-social-bitcoin:before {
    content: ""
}

.icon-social-bitcoin-outline:before {
    content: ""
}

.icon-social-buffer:before {
    content: ""
}

.icon-social-buffer-outline:before {
    content: ""
}

.icon-social-chrome:before {
    content: ""
}

.icon-social-chrome-outline:before {
    content: ""
}

.icon-social-codepen:before {
    content: ""
}

.icon-social-codepen-outline:before {
    content: ""
}

.icon-social-css3:before {
    content: ""
}

.icon-social-css3-outline:before {
    content: ""
}

.icon-social-designernews:before {
    content: ""
}

.icon-social-designernews-outline:before {
    content: ""
}

.icon-social-dribbble:before {
    content: ""
}

.icon-social-dribbble-outline:before {
    content: ""
}

.icon-social-dropbox:before {
    content: ""
}

.icon-social-dropbox-outline:before {
    content: ""
}

.icon-social-euro:before {
    content: ""
}

.icon-social-euro-outline:before {
    content: ""
}

.icon-social-facebook:before {
    content: ""
}

.icon-social-facebook-outline:before {
    content: ""
}

.icon-social-foursquare:before {
    content: ""
}

.icon-social-foursquare-outline:before {
    content: ""
}

.icon-social-freebsd-devil:before {
    content: ""
}

.icon-social-github:before {
    content: ""
}

.icon-social-github-outline:before {
    content: ""
}

.icon-social-google:before {
    content: ""
}

.icon-social-google-outline:before {
    content: ""
}

.icon-social-googleplus:before {
    content: ""
}

.icon-social-googleplus-outline:before {
    content: ""
}

.icon-social-hackernews:before {
    content: ""
}

.icon-social-hackernews-outline:before {
    content: ""
}

.icon-social-html5:before {
    content: ""
}

.icon-social-html5-outline:before {
    content: ""
}

.icon-social-instagram:before {
    content: ""
}

.icon-social-instagram-outline:before {
    content: ""
}

.icon-social-javascript:before {
    content: ""
}

.icon-social-javascript-outline:before {
    content: ""
}

.icon-social-linkedin:before {
    content: ""
}

.icon-social-linkedin-outline:before {
    content: ""
}

.icon-social-markdown:before {
    content: ""
}

.icon-social-nodejs:before {
    content: ""
}

.icon-social-octocat:before {
    content: ""
}

.icon-social-pinterest:before {
    content: ""
}

.icon-social-pinterest-outline:before {
    content: ""
}

.icon-social-python:before {
    content: ""
}

.icon-social-reddit:before {
    content: ""
}

.icon-social-reddit-outline:before {
    content: ""
}

.icon-social-rss:before {
    content: ""
}

.icon-social-rss-outline:before {
    content: ""
}

.icon-social-sass:before {
    content: ""
}

.icon-social-skype:before {
    content: ""
}

.icon-social-skype-outline:before {
    content: ""
}

.icon-social-snapchat:before {
    content: ""
}

.icon-social-snapchat-outline:before {
    content: ""
}

.icon-social-tumblr:before {
    content: ""
}

.icon-social-tumblr-outline:before {
    content: ""
}

.icon-social-tux:before {
    content: ""
}

.icon-social-twitch:before {
    content: ""
}

.icon-social-twitch-outline:before {
    content: ""
}

.icon-social-twitter:before {
    content: ""
}

.icon-social-twitter-outline:before {
    content: ""
}

.icon-social-usd:before {
    content: ""
}

.icon-social-usd-outline:before {
    content: ""
}

.icon-social-vimeo:before {
    content: ""
}

.icon-social-vimeo-outline:before {
    content: ""
}

.icon-social-whatsapp:before {
    content: ""
}

.icon-social-whatsapp-outline:before {
    content: ""
}

.icon-social-windows:before {
    content: ""
}

.icon-social-windows-outline:before {
    content: ""
}

.icon-social-wordpress:before {
    content: ""
}

.icon-social-wordpress-outline:before {
    content: ""
}

.icon-social-yahoo:before {
    content: ""
}

.icon-social-yahoo-outline:before {
    content: ""
}

.icon-social-yen:before {
    content: ""
}

.icon-social-yen-outline:before {
    content: ""
}

.icon-social-youtube:before {
    content: ""
}

.icon-social-youtube-outline:before {
    content: ""
}

.icon-soup-can:before {
    content: ""
}

.icon-soup-can-outline:before {
    content: ""
}

.icon-speakerphone:before {
    content: ""
}

.icon-speedometer:before {
    content: ""
}

.icon-spoon:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-stats-bars:before {
    content: ""
}

.icon-steam:before {
    content: ""
}

.icon-stop:before {
    content: ""
}

.icon-thermometer:before {
    content: ""
}

.icon-thumbsdown:before {
    content: ""
}

.icon-thumbsup:before {
    content: ""
}

.icon-toggle:before {
    content: ""
}

.icon-toggle-filled:before {
    content: ""
}

.icon-transgender:before {
    content: ""
}

.icon-trash-a:before {
    content: ""
}

.icon-trash-b:before {
    content: ""
}

.icon-trophy:before {
    content: ""
}

.icon-tshirt:before {
    content: ""
}

.icon-tshirt-outline:before {
    content: ""
}

.icon-umbrella:before {
    content: ""
}

.icon-university:before {
    content: ""
}

.icon-unlocked:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

.icon-usb:before {
    content: ""
}

.icon-videocamera:before {
    content: ""
}

.icon-volume-high:before {
    content: ""
}

.icon-volume-low:before {
    content: ""
}

.icon-volume-medium:before {
    content: ""
}

.icon-volume-mute:before {
    content: ""
}

.icon-wand:before {
    content: ""
}

.icon-waterdrop:before {
    content: ""
}

.icon-wifi:before {
    content: ""
}

.icon-wineglass:before {
    content: ""
}

.icon-woman:before {
    content: ""
}

.icon-wrench:before {
    content: ""
}

.icon-xbox:before {
    content: ""
}

.label,
.file-delete {
    display: inline-block;
    padding: 5px 10px;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 2px
}

.label-danger {
    color: #fff;
    background-color: #f00000
}

.label-danger:hover,
.label-danger:focus,
.label-danger:active {
    color: #fff
}

.label-primary {
    color: #fff;
    background-color: #006e96
}

.label-primary:hover,
.label-primary:focus,
.label-primary:active {
    color: #fff
}

.label-success {
    color: #fff;
    background-color: #48c878
}

.label-success:hover,
.label-success:focus,
.label-success:active {
    color: #fff
}

.label-warning {
    color: #fff;
    background-color: #e0ad3f
}

.label-warning:hover,
.label-warning:focus,
.label-warning:active {
    color: #fff
}

.label-default,
.file-delete {
    color: #92979b;
    background-color: #f7f7f8
}

.label-default:hover,
.file-delete:hover,
.label-default:focus,
.file-delete:focus,
.label-default:active,
.file-delete:active {
    color: #92979b
}

.list {
    display: block;
    max-width: 600px;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

.list-item {
    position: relative;
    display: block;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #e2e3e4;
    transition: background .3s linear
}

.list-item h6 {
    color: #5f6468
}

.list-item span {
    display: inline-block;
    margin: 4px 15px 0 0;
    color: #92979b
}

.list-item span:first-of-type {
    margin-top: 10px
}

.list-item.is-add {
    padding: 15px 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1em;
    color: #006e96;
    text-align: center;
    text-transform: uppercase
}

.list-item.is-add span {
    display: inline-block;
    margin: 0;
    color: #006e96;
    vertical-align: middle
}

.list-item:last-child {
    border-bottom: 0
}

.list-item:hover {
    background: #f7f7f8
}

.list-item.without-hover:hover {
    cursor: default;
    background: #fff
}

.list-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    text-align: right
}

.list-arrow span {
    display: inline-block;
    margin: 0 !important;
    font-size: 24px;
    line-height: 1;
    color: #e2e3e4
}

.list-button {
    margin-top: 15px
}

.list-item-checked .list-arrow span {
    color: #48c878 !important
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0, 0)
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 30px auto
}

.modal-content {
    position: relative;
    max-height: 800px;
    padding: 50px;
    overflow: auto;
    background-color: #fff;
    border-radius: 2px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(22, 23, 24, .5);
    background-clip: padding-box
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99990;
    background-color: #161718
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .7
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #787d82;
    background: transparent;
    border: 0;
    transition: color .3s linear
}

.modal-close:hover {
    color: #161718
}

.modal-title {
    display: block;
    margin-bottom: 35px;
    color: #2e3133;
    text-align: center
}

.modal-footer {
    display: block;
    padding-top: 25px;
    text-align: center
}

.modal-footer .button,
.modal-footer .btn-secondary,
.modal-footer .btn-primary {
    margin: 0 5px
}

@media all and (max-width: 767px) {
    .modal-content {
        padding: 50px 20px
    }
}

@media all and (max-width: 420px) {
    .modal-footer .button,
    .modal-footer .btn-secondary,
    .modal-footer .btn-primary {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
    .modal-footer .button:last-child,
    .modal-footer .btn-secondary:last-child,
    .modal-footer .btn-primary:last-child {
        margin-bottom: 0
    }
}

.product-item {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    background: #FFF;
    border-radius: 6px;
    transition: background .3s linear;
    -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.15);
}

.product-item img {
    display: block;
    margin-bottom: 20px;
    background: #90b4ce;
    padding: 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.product-item p {
    height: 51px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-size: 11px;
    font-weight: 700;
    color: #5f6468;
    text-align: left;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
}

.product-item:hover {
    background: #e2e3e4;
}

.product-image-main {
    display: block;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

.product-image-small {
    display: inline-block;
    width: 100px;
    margin: 20px 20px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    transition: border-color .3s linear
}

.product-image-small:hover {
    border-color: #787d82
}

.product-image-small.is-selected {
    border-color: #006e96
}

.product-content {
    display: block;
    padding-left: 50px
}

.product-content h2 {
    color: #006e96
}

.product-content p {
    margin: 25px 0 30px
}

.product-content form {
    margin-bottom: 0
}

.product-price {
    display: block;
    padding-left: 50px;
    margin-top: 25px;
    text-align: right
}

.product-price h2 {
    display: inline-block;
    font-size: 40px;
    color: #2e3133;
    vertical-align: middle
}

.product-price .button,
.product-price .btn-secondary,
.product-price .btn-primary {
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle
}

.product-cart {
    display: block;
    padding: 25px 0;
    font-size: 0;
    border-top: 1px solid #e2e3e4;
    border-bottom: 1px solid #e2e3e4
}

.product-cart img {
    display: inline-block;
    width: 30%;
    font-size: 14px;
    vertical-align: middle
}

.product-cart div {
    display: inline-block;
    width: 70%;
    padding-left: 25px;
    font-size: 14px;
    vertical-align: middle
}

.product-cart div h5 {
    margin-top: 15px
}

@media all and (max-width: 767px) {
    .product-images {
        text-align: center
    }
    .product-image-main {
        display: block;
        width: 100%;
        max-width: 350px;
        margin: 0 auto
    }
    .product-image-small {
        width: 80px;
        margin: 20px 10px 0
    }
    .product-content {
        padding-left: 0;
        margin-top: 50px
    }
    .product-price {
        padding-left: 0
    }
}

@media all and (max-width: 420px) {
    .product-item p {
        font-size: 10px
    }
    .product-image-small {
        width: 50px
    }
}

section {
    display: block;
    margin-bottom: 50px
}

section.with-grid {
    margin-bottom: 25px
}

section.without-margin {
    margin-bottom: 0
}

@media all and (max-width: 1223px) {
    section {
        margin-bottom: 25px
    }
    section.with-grid {
        margin-bottom: 0
    }
}

.control-indicator {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    font-size: 65%;
    line-height: 1rem;
    color: #e2e3e4;
    text-align: center;
    background-color: #e2e3e4;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    user-select: none
}

.control {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    letter-spacing: 0;
    color: #5f6468;
    text-transform: none;
    cursor: pointer
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.control input:focus~.control-indicator {
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #006e96
}

.control input:checked~.control-indicator {
    color: #fff;
    background-color: #006e96
}

.control input:active~.control-indicator {
    color: #fff;
    background-color: #006e96
}

.checkbox .control-indicator {
    border-radius: 2px
}

.checkbox input:checked~.control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=)
}

.radio .control-indicator {
    border-radius: 50%
}

.radio input:checked~.control-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==)
}

table {
    width: 100%;
    margin: 0;
    border-collapse: collapse
}

table.with-margin {
    margin-bottom: 25px
}

th,
td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #e2e3e4
}

th .label,
th .file-delete,
td .label,
td .file-delete {
    margin-top: 2px;
    vertical-align: top
}

.dark-border th,
.dark-border td {
    border: 1px solid #c7cacc
}

th {
    font-weight: 600
}

th a {
    color: #5f6468
}

tbody tr {
    background: transparent;
    transition: background .3s linear
}

.table-hover tbody tr {
    cursor: pointer
}

.table-hover tbody tr:hover {
    background: #f7f7f8
}

.table-responsive {
    display: block;
    width: 100%;
    min-height: .01%;
    overflow-x: auto
}

.table-image {
    display: inline-block;
    width: 35px;
    margin-right: 15px;
    vertical-align: middle;
    border-radius: 50%
}

.table-checkbox {
    text-align: center
}

.table-checkbox .control {
    margin: 1px 0 0 7px
}

.table-actions {
    display: block;
    margin-bottom: 15px
}

.table-actions .button,
.table-actions .btn-secondary,
.table-actions .btn-primary,
.table-actions .dropdown {
    display: inline-block !important;
    margin-right: 10px;
    vertical-align: middle
}

.table-actions .dropdown {
    width: 170px
}

.table-actions.is-right {
    text-align: right
}

.table-actions.is-right .table-search {
    float: none
}

.table-button-margin {
    margin-left: 15px
}

.table-pagination {
    display: block;
    padding: 0;
    margin: 15px 0 0;
    text-align: right;
    list-style: none
}

.table-pagination li {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle
}

.table-pagination li a {
    display: block;
    width: 40px;
    padding: 7px 10px;
    color: #5f6468;
    text-align: center;
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    transition: all .3s linear
}

.table-pagination li a:hover {
    background: #f7f7f8
}

.table-pagination li a.is-active {
    color: #fff;
    background: #006e96;
    border-color: #006e96
}

.table-pagination li a.show-all {
    width: auto
}

.table-search {
    position: relative;
    float: right;
    width: 100%;
    max-width: 300px
}

.table-search .icon,
.table-search .uw-captcha a.refresh-image-captcha,
.uw-captcha .table-search a.refresh-image-captcha,
.table-search .inline-error:before {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #92979b
}

.table-search input {
    display: block;
    width: 100% !important;
    padding: 7.5px 15px 7.5px 35px !important
}

.unauthorized-container {
    width: 100%;
    height: 60%;
    text-align: center
}

.unauthorized-left {
    position: fixed;
    top: 0;
    right: 40%;
    bottom: 0;
    left: 0;
    padding: 0 75px;
    overflow: auto;
    background: #fff
}

.unauthorized-logo-wrapper {
    display: block;
    width: 100%;
    height: 15%;
    max-width: 900px;
    padding-top: 75px;
    margin: 0 auto;
    text-align: left
}

.unauthorized-logo {
    display: inline-block
}

.unauthorized-logo img {
    display: block;
    height: 40px
}

.unauthorized-intro {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 75px auto;
    text-align: left
}

.unauthorized-intro h1 {
    color: #fff
}

.unauthorized-intro h3 {
    color: rgba(255, 255, 255, .8)
}

.unauthorized-intro p {
    margin: 30px 0 0;
    color: rgba(255, 255, 255, .8)
}

.unauthorized-intro .button,
.unauthorized-intro .btn-secondary,
.unauthorized-intro .btn-primary {
    margin-top: 35px
}

.unauthorized-list {
    padding-left: 18px;
    margin: 15px 0 0;
    color: rgba(255, 255, 255, .8)
}

.unauthorized-links {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 15%;
    max-width: 900px;
    padding: 0;
    padding-bottom: 75px;
    margin: 0 auto;
    text-align: left;
    list-style: none
}

.unauthorized-links li {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle
}

.unauthorized-links li a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    color: rgba(255, 255, 255, .8);
    text-transform: uppercase
}

.unauthorized-links li a:hover {
    color: #fff
}

.unauthorized-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 60%;
    padding: 0 75px;
    overflow: auto;
    background: #fff
}

.unauthorized-right .unauthorized-container {
    height: 100%
}

.unauthorized-form {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 75px 0;
    text-align: left
}

.unauthorized-form h3 {
    margin-bottom: 25px;
    color: #474a4d
}

.unauthorized-form h6 {
    margin: 40px 0 15px;
    color: #a5a8ac
}

.unauthorized-form h6:first-of-type {
    margin-top: 0
}

.unauthorized-form p {
    margin-bottom: 25px;
    color: #a5a8ac
}

.unauthorized-success-box {
    display: block;
    padding: 25px;
    font-weight: 500;
    color: #006e96;
    text-align: center;
    background-color: rgba(0, 110, 150, .2);
    border-radius: 2px
}

.unauthorized-success-box h4 {
    margin-bottom: 25px
}

.unauthorized-success-box .icon,
.unauthorized-success-box .uw-captcha a.refresh-image-captcha,
.uw-captcha .unauthorized-success-box a.refresh-image-captcha,
.unauthorized-success-box .inline-error:before {
    margin-bottom: 10px;
    font-size: 50px
}

.unauthorized-success-box p {
    color: #006e96
}

@media all and (max-height: 750px) {
    .unauthorized-left .unauthorized-container {
        height: 80%;
        padding: 0
    }
    .unauthorized-right .unauthorized-container {
        padding: 0
    }
    .unauthorized-right .unauthorized-container.is-big {
        display: block;
        align-items: none;
        height: auto
    }
    .unauthorized-logo-wrapper {
        height: 10%;
        padding-top: 40px
    }
    .unauthorized-intro {
        margin: 40px auto
    }
    .unauthorized-links {
        height: 10%;
        padding-bottom: 40px
    }
}

@media all and (max-height: 625px) {
    .unauthorized-left .unauthorized-container {
        display: block;
        align-items: none;
        height: auto;
        padding: 0
    }
    .unauthorized-logo-wrapper {
        height: auto
    }
    .unauthorized-intro {
        margin: 75px auto
    }
    .unauthorized-links {
        display: block;
        align-items: none;
        height: auto
    }
}

@media all and (max-height: 450px) {
    .unauthorized-right .unauthorized-container {
        display: block;
        align-items: none;
        height: auto
    }
}

@media all and (max-width: 1223px) {
    .unauthorized-left,
    .unauthorized-right {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media all and (max-width: 1024px) {
    .unauthorized-left,
    .unauthorized-right {
        position: relative;
        padding-right: 20px;
        padding-left: 20px;
        overflow: visible
    }
    .unauthorized-left {
        right: 0
    }
    .unauthorized-container {
        display: block;
        align-items: none;
        height: auto;
        padding: 0
    }
    .unauthorized-logo-wrapper {
        height: auto;
        padding-top: 75px
    }
    .unauthorized-intro {
        padding: 125px 0;
        margin: 0 auto
    }
    .unauthorized-links {
        display: block;
        align-items: none;
        height: auto;
        padding-bottom: 75px
    }
    .unauthorized-right {
        left: 0;
        text-align: center
    }
    .unauthorized-form {
        display: inline-block;
        padding: 125px 0;
        margin: 0
    }
}

@media all and (max-height: 625px)and (max-width: 1024px) {
    .unauthorized-logo-wrapper {
        padding-top: 40px
    }
    .unauthorized-intro {
        padding: 40px 0
    }
    .unauthorized-links {
        padding-bottom: 75px
    }
    .unauthorized-form {
        display: inline-block;
        padding: 75px 0;
        margin: 0
    }
    .unauthorized-logo-wrapper {
        padding-top: 75px
    }
}

.upgrade-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    background: #fff
}

.upgrade-wrapper.is-closed {
    display: none
}

.upgrade {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 350px;
    max-width: 600px;
    margin: -175px 0 0 -300px;
    text-align: center
}

.upgrade p {
    margin: 15px 0 35px;
    font-size: 18px
}

.upgrade .icon,
.upgrade .uw-captcha a.refresh-image-captcha,
.uw-captcha .upgrade a.refresh-image-captcha,
.upgrade .inline-error:before {
    display: inline-block;
    margin-bottom: 25px;
    font-size: 80px;
    line-height: 1;
    color: #e2e3e4
}

.upgrade-close {
    position: absolute;
    top: 25px;
    right: 25px;
    text-align: right
}

.upgrade-close .icon,
.upgrade-close .uw-captcha a.refresh-image-captcha,
.uw-captcha .upgrade-close a.refresh-image-captcha,
.upgrade-close .inline-error:before {
    display: inline-block;
    font-size: 50px;
    line-height: 1;
    color: #787d82;
    cursor: pointer;
    transition: color .3s linear
}

.upgrade-close .icon:hover,
.upgrade-close .uw-captcha a.refresh-image-captcha:hover,
.uw-captcha .upgrade-close a.refresh-image-captcha:hover,
.upgrade-close .inline-error:hover:before {
    color: #474a4d
}

.webshop-main {
    padding-bottom: 50px
}

.webshop-title {
    margin-bottom: 25px;
    color: #161718;
    font-weight: 300;
}

.webshop-proceed {
    display: block;
    padding: 20px 40px
}

.webshop-cart {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

.webshop-cart-product {
    display: block;
    padding: 15px 25px 15px 15px;
    margin-bottom: 15px;
    background: #f7f7f8;
    border-radius: 2px
}

.webshop-cart-product-image,
.webshop-cart-product-content,
.webshop-cart-product-amount {
    display: inline-block;
    vertical-align: middle
}

.webshop-cart-product-image {
    width: 100px;
    height: 100px;
    padding: 15px;
    text-align: center;
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    transition: border-color .3s linear
}

.webshop-cart-product-image:hover {
    border-color: #787d82
}

.webshop-cart-product-image img {
    display: inline-block;
    max-width: 70px;
    max-height: 70px
}

.webshop-cart-product-content {
    margin: 0 0 0 25px
}

.webshop-cart-product-content h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 500px
}

.webshop-cart-product-content p {
    color: #787d82
}

.webshop-cart-product-amount {
    float: right;
    margin-top: 30px
}

.webshop-cart-product-amount input,
.webshop-cart-product-amount h5,
.webshop-cart-product-amount .icon,
.webshop-cart-product-amount .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-cart-product-amount a.refresh-image-captcha,
.webshop-cart-product-amount .inline-error:before {
    display: inline-block;
    vertical-align: middle !important
}

.webshop-cart-product-amount input {
    width: 70px !important
}

.webshop-cart-product-amount .icon,
.webshop-cart-product-amount .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-cart-product-amount a.refresh-image-captcha,
.webshop-cart-product-amount .inline-error:before {
    font-size: 20px;
    color: #92979b;
    cursor: pointer;
    transition: color .3s linear
}

.webshop-cart-product-amount .icon:hover,
.webshop-cart-product-amount .uw-captcha a.refresh-image-captcha:hover,
.uw-captcha .webshop-cart-product-amount a.refresh-image-captcha:hover,
.webshop-cart-product-amount .inline-error:hover:before {
    color: #5f6468
}

.webshop-cart-product-amount h5 {
    width: 90px;
    margin-top: -2px;
    color: #2e3133;
    text-align: right
}

.webshop-cart-total {
    position: relative;
    display: block;
    padding: 25px;
    margin-bottom: 15px;
    background: #f7f7f8;
    border-radius: 2px
}

.webshop-cart-total h4,
.webshop-cart-total h2 {
    display: inline-block;
    color: #2e3133;
    vertical-align: middle
}

.webshop-cart-total h4 span,
.webshop-cart-total h2 span {
    margin-top: 5px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    color: #787d82;
    text-transform: uppercase
}

.webshop-cart-total h2 {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 24px;
    color: #006e96;
    text-align: right
}

.webshop-login {
    padding: 50px;
    text-align: center;
    background: #f7f7f8;
    border-radius: 2px
}

.webshop-login p {
    margin-bottom: 25px
}

.webshop-login-guest {
    display: inline-block;
    margin-top: 25px;
    font-size: 18px
}

.webshop-login-guest .icon,
.webshop-login-guest .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-login-guest a.refresh-image-captcha,
.webshop-login-guest .inline-error:before {
    display: inline-block;
    margin-top: -2px;
    font-size: 24px;
    vertical-align: middle
}

.webshop-wizard {
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    font-size: 0;
    list-style: none
}

.webshop-wizard li {
    display: inline-block;
    width: 25%;
    padding: 15px 0;
    font-size: 18px;
    text-align: center;
    background: #f7f7f8
}

.webshop-wizard li span {
    display: inline-block;
    vertical-align: middle
}

.webshop-wizard li .icon,
.webshop-wizard li .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-wizard li a.refresh-image-captcha,
.webshop-wizard li .inline-error:before {
    font-size: 24px
}

.webshop-wizard li.is-active {
    background-color: #006e96
}

.webshop-wizard li.is-active span {
    color: #fff
}

.webshop-wizard li.is-completed {
    background-color: #48c878
}

.webshop-wizard li.is-completed span {
    color: #fff
}

.webshop-wizard li:first-child {
    border-radius: 2px 0 0 2px
}

.webshop-wizard li:last-child {
    border-radius: 0 2px 2px 0
}

.webshop-checkout-detail {
    display: block;
    padding: 25px;
    margin: 0 0 15px 0;
    list-style: none;
    background: #f7f7f8;
    border-radius: 2px
}

.webshop-checkout-detail li {
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e3e4
}

.webshop-checkout-detail li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.webshop-checkout-selector {
    display: block;
    padding: 0;
    margin: 0;
    margin: 0 0 10px;
    list-style: none
}

.webshop-checkout-selector li {
    position: relative;
    display: inline-block;
    width: 220px;
    padding: 25px 35px 25px 25px;
    margin: 0 15px 15px 0;
    vertical-align: top;
    cursor: pointer;
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    transition: border-color .3s linear
}

.webshop-checkout-selector li:hover {
    border-color: #787d82
}

.webshop-checkout-selector li p {
    width: 100%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.webshop-checkout-selector li .icon,
.webshop-checkout-selector li .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-checkout-selector li a.refresh-image-captcha,
.webshop-checkout-selector li .inline-error:before {
    position: absolute;
    top: 50%;
    right: 10px;
    display: none;
    margin-top: -24px;
    font-size: 30px;
    color: #006e96
}

.webshop-checkout-selector li.is-new {
    width: 120px;
    height: 91px;
    padding-top: 32px;
    font-size: 16px;
    color: #006e96
}

.webshop-checkout-selector li.is-selected {
    border-color: #006e96
}

.webshop-checkout-selector li.is-selected .icon,
.webshop-checkout-selector li.is-selected .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-checkout-selector li.is-selected a.refresh-image-captcha,
.webshop-checkout-selector li.is-selected .inline-error:before {
    display: block
}

.webshop-checkout-form {
    display: block;
    padding: 25px;
    margin: 0;
    text-align: left;
    border: 1px solid #e2e3e4;
    border-radius: 2px
}

.webshop-checkout-form.with-margin {
    margin-top: 15px
}

.webshop-checkout-form.is-contact {
    padding: 50px;
    margin-top: 25px;
    background: #f7f7f8
}

.webshop-checkout-payments {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

.webshop-checkout-payments li {
    display: block;
    padding: 15px;
    margin-top: 15px;
    cursor: pointer;
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    transition: border-color .3s linear
}

.webshop-checkout-payments li .icon,
.webshop-checkout-payments li .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-checkout-payments li a.refresh-image-captcha,
.webshop-checkout-payments li .inline-error:before {
    display: inline-block;
    margin-top: -3px;
    margin-right: 5px;
    font-size: 24px;
    line-height: 0;
    color: #006e96;
    vertical-align: middle;
    opacity: 0
}

.webshop-checkout-payments li:hover {
    border-color: #787d82
}

.webshop-checkout-payments li.is-selected {
    border-color: #006e96
}

.webshop-checkout-payments li.is-selected .icon,
.webshop-checkout-payments li.is-selected .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-checkout-payments li.is-selected a.refresh-image-captcha,
.webshop-checkout-payments li.is-selected .inline-error:before {
    opacity: 1
}

.webshop-checkout-payments li:first-child {
    margin-top: 0
}

.webshop-checkout-payments-images {
    float: right
}

.webshop-checkout-payments-images img {
    display: inline-block;
    width: 25px;
    margin-left: 5px
}

.webshop-checkout-complete {
    display: block;
    padding: 50px 50px 50px;
    text-align: center;
    background: rgba(72, 200, 120, .1);
    border: 1px solid #48c878;
    border-radius: 2px
}

.webshop-checkout-complete .icon,
.webshop-checkout-complete .uw-captcha a.refresh-image-captcha,
.uw-captcha .webshop-checkout-complete a.refresh-image-captcha,
.webshop-checkout-complete .inline-error:before {
    font-size: 60px;
    color: #48c878
}

.webshop-checkout-complete h2 {
    display: block;
    margin-top: 25px;
    color: #48c878;
    text-align: center
}

.webshop-checkout-complete p {
    display: block;
    margin: 25px 0 10px;
    text-align: center
}

@media all and (max-width: 1024px) {
    .webshop-cart-product-content {
        max-width: 400px;
        margin: 0 0 0 15px
    }
    .webshop-cart-product-content h6 {
        width: 100%
    }
    .webshop-cart-product-amount {
        margin-top: 20px
    }
    .webshop-cart-product-amount h5 {
        width: 65px
    }
    .webshop-cart-product-image {
        width: 70px;
        height: 80px;
        padding: 15px 5px
    }
    .webshop-cart-product-image img {
        max-width: 50px;
        max-height: 50px
    }
    .webshop-login:first-child {
        margin-bottom: 20px
    }
}

@media all and (max-width: 767px) {
    .webshop-checkout-form {
        margin-bottom: 15px
    }
    .webshop-checkout-form.is-contact {
        padding: 20px;
        margin-bottom: 0
    }
    .webshop-cart-product-image {
        display: none
    }
    .webshop-cart-product-content {
        display: block;
        max-width: 100%;
        margin: 0
    }
    .webshop-cart-product-content h6 {
        width: 100%;
        max-width: 100%
    }
    .webshop-cart-product-amount {
        display: block;
        float: none;
        margin-top: 20px
    }
    .webshop-cart-product-amount input {
        display: inline-block !important
    }
    .webshop-login {
        padding: 50px 20px
    }
    .webshop-checkout-selector li {
        width: 200px;
        padding: 15px 35px 15px 15px
    }
    .webshop-checkout-selector li.is-new {
        height: 71px;
        padding-top: 22px
    }
    .webshop-wizard li {
        padding: 15px 0;
        font-size: 14px
    }
    .webshop-wizard li .icon,
    .webshop-wizard li .uw-captcha a.refresh-image-captcha,
    .uw-captcha .webshop-wizard li a.refresh-image-captcha,
    .webshop-wizard li .inline-error:before {
        font-size: 18px
    }
    .webshop-checkout-complete {
        display: block;
        padding: 50px 25px 70px;
        margin-bottom: 15px
    }
}

@media all and (max-width: 420px) {
    .webshop-wizard {
        border-radius: 2px
    }
    .webshop-wizard li {
        width: 50%;
        border-radius: 0 !important
    }
    .webshop-checkout-payments li .icon,
    .webshop-checkout-payments li .uw-captcha a.refresh-image-captcha,
    .uw-captcha .webshop-checkout-payments li a.refresh-image-captcha,
    .webshop-checkout-payments li .inline-error:before {
        display: none
    }
}

.dropdown .default {
    color: #92979b
}

.dropdown .deselect-option {
    position: absolute;
    display: block;
    border: none;
    right: 44px;
    top: 8px
}

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

.dropdown a span:first-child {
    display: inline-block;
    max-width: 87%
}

.form-inverted .dropdown a {
    color: #787d82
}

.form-inverted .dropdown .default {
    color: #787d82
}

.form-inverted .dropdown .deselect-option {
    right: 30px;
    top: 3px
}

.form-inverted .inline-error {
    margin-left: 0
}

.unauthorized-container .form-actions .button-primary {
    margin-right: 5px
}

.rotate {
    animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite
}

.button .icon.rotate,
.button .uw-captcha a.rotate.refresh-image-captcha,
.uw-captcha .button a.rotate.refresh-image-captcha,
.btn-secondary .icon.rotate,
.btn-secondary .uw-captcha a.rotate.refresh-image-captcha,
.uw-captcha .btn-secondary a.rotate.refresh-image-captcha,
.btn-primary .icon.rotate,
.btn-primary .uw-captcha a.rotate.refresh-image-captcha,
.uw-captcha .btn-primary a.rotate.refresh-image-captcha,
.button .rotate.inline-error:before,
.btn-secondary .rotate.inline-error:before,
.btn-primary .rotate.inline-error:before {
    position: absolute;
    font-size: 16px;
    line-height: 0;
    margin: 7px 0 0 3px
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

.token-list {
    border-bottom: 1px solid #e2e3e4;
    border-top: 1px solid #e2e3e4;
    display: block;
    list-style: outside none none;
    overflow: hidden;
    padding: 10px 0
}

.token-list li {
    float: left;
    font-size: 120%;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    width: 50%
}

.file-custom::after {
    content: ""
}

.form-item.error label {
    color: #f00000
}

.color-danger {
    color: #f00000
}

.color-info {
    color: #78d2dc
}

.color-success {
    color: #48c878
}

.color-warning {
    color: #e0ad3f
}

form {
    margin-bottom: 25px
}

.form-wrapper .flash {
    margin-bottom: 25px
}

.price-decimals {
    color: inherit;
    font-size: 90%
}

h2 .price-decimals {
    font-size: 50%;
    color: #999
}

.unavailable-message {
    font-style: italic
}

.header-webshop {
    background-image: url("/assets/etco-webshop/img/webshop-header.jpg");
    background-position: center center
}

form[name=shippingMethodForm] .radio-inline {
    width: 100%
}

form[name=user-management-merge] .selected-field {
    background-color: rgba(120, 210, 220, .2)
}

.spinner {
    background: transparent url(../img/spin.gif) center center no-repeat;
    opacity: .5;
    min-height: 100px
}

.spinner-small {
    background: transparent url(../img/spinner-20.gif) center center no-repeat;
    opacity: 1;
    min-height: 10px
}

.uw-date-element,
.uw-time-element,
.uw-date-time-element {
    width: 60%
}

.entity-table .sort {
    display: inline-block;
    height: 17px;
    line-height: 8px;
    vertical-align: middle;
    width: 10px;
    float: right;
    margin-top: 2px
}

.entity-table .sort a {
    display: inline-block;
    line-height: 8px;
    opacity: .3
}

.entity-table .sort a:hover {
    opacity: .5
}

.entity-table .sort a.active,
.entity-table .sort a.active:hover {
    opacity: .8
}
.entity-table td.actions .dropdown > a {
    border-width: 0;
    background-color: transparent;
    padding: 0;
}
.multiple-files {
    margin: 0
}

.multiple-files .product-sorting-placeholder {
    background: #f9fafb;
    border: 1px dotted #e2e3e4;
    float: left;
    margin: 0 10px 10px 0
}

.multiple-files .product-image-preview {
    border: 1px solid #e2e3e4;
    float: left;
    margin: 0 10px 10px 0;
    cursor: move
}

.multiple-files .product-image-preview img {
    margin: 0
}

.multiple-files .product-image-preview a {
    background-color: rgba(255, 0, 0, .8);
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 1px;
    padding: 0;
    position: absolute;
    text-align: center;
    margin-left: 37px;
    margin-top: 3px;
    opacity: 0;
    width: 0;
    height: 0;
    transition: .1s ease-in-out all
}

.multiple-files .product-image-preview:hover a {
    opacity: 100;
    width: 16px;
    height: 16px;
    margin-left: 29px;
    margin-top: -5px;
    font-size: 10px;
    line-height: 15px;
    transition: .2s ease-in-out all
}

.multiple-files .product-image-preview.ui-sortable-helper {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}

.form-output .form-output {
    position: static;
    width: 100%
}

.form-output .form-output .uw-date-mask-element {
    margin-top: 10px;
    display: inline-block;
    width: 60%
}

.form-output .form-output .uw-date-mask-element input {
    width: 100% !important
}

.form-output .form-output .vat-selector {
    width: 60%;
    margin-bottom: 7px
}

.form-output img {
    border: 1px solid #e2e3e4
}

.input-read-only {
    display: inline-block;
    font-size: 14px;
    min-height: 20px;
    position: relative;
    vertical-align: top;
    width: 100%;
    margin-top: 10px
}

.intl-tel-input {
    width: 100%
}

.intl-tel-input input {
    width: 100% !important;
    padding-left: 50px !important
}

.country-list {
    font-size: 13px !important
}

.openId-access {
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif
}

.openId-access button {
    background-color: #006e96;
    color: #fff;
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1;
    padding: 13px 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease-in-out 0s
}

.openId-access a {
    color: #006e96;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    padding: 12px 29px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #006e96;
    border-radius: 2px;
    display: inline-block;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif
}

.openId-access em {
    font-style: normal;
    font-weight: 600
}

.vatInfo,
.nrcInfo,
.freeCourseSeats {
    font-weight: 400;
    font-size: 12px;
    color: #5f6367;
    text-align: right;
    display: block
}

.vatInfo span,
.nrcInfo span,
.freeCourseSeats span {
    display: inline !important
}

.vatInfo .price-decimals,
.nrcInfo .price-decimals,
.freeCourseSeats .price-decimals {
    color: inherit;
    font-size: 90%
}

.freeCourseSeats {
    color: #48c878;
    margin-bottom: 20px
}

h2.is-primary {
    color: #006e96
}

.with-error .dropdown a {
    border-color: #f00000
}

.inline-error {
    clear: left;
    font-size: 10pt;
    margin: 10px 0 0 40%;
    padding: 0 0 0 20px;
    color: #f00000;
    background-color: transparent !important;
    border-color: transparent !important;
}

.inline-error:before {
    background: none;
    color: #a94442;
    font-size: 1.2em;
}

.form-item .file-custom {
    overflow: hidden
}

.form-item .single-plupload-progress {
    position: absolute;
    width: 100%;
    height: 4px;
    margin-top: -3px;
    background-color: #f7f7f8;
    border: 1px solid #e2e3e4;
    z-index: 1000;
    display: none
}

.form-item .single-plupload-progress .progress {
    width: 0;
    height: 100%;
    background-color: #e2e3e4
}

td.icon-action {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle
}

td.icon-action .icon,
td.icon-action .uw-captcha a.refresh-image-captcha,
.uw-captcha td.icon-action a.refresh-image-captcha,
td.icon-action .inline-error:before {
    font-size: 125%
}

label.disabled {
    opacity: .6;
    cursor: not-allowed
}

.toolbox {
    background: #f7f7f8;
    padding: 35px;
    width: 47%
}

th,
td {
    padding: 5px !important
}

.fll {
    float: left
}

.flr {
    float: right
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 1px
}

.sidebar {
    bottom: 60px
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]),
textarea {
    width: 100%
}

/*.select2-container .select2-choice {
    padding: 7.5px 15px 5px 15px !important
}

.form-item .select2-container .select2-choices .select2-search-field .select2-input,
.form-search .select2-container .select2-choices .select2-search-field .select2-input {
    padding: 7.5px 15px !important
}

.form-item .select2-container .select2-default,
.form-search .select2-container .select2-default {
    text-indent: 0px !important
}

.select2-container .select2-choice abbr {
    top: 15px !important;
    right: 35px !important
}

.select2-container .select2-choice {
    height: 25px !important;
    line-height: 23px !important
}*/

.select2-container--default .select2-selection--single {
    /*border-color: #ccc;*/
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    padding: 2px 7px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.form-item.with-error .select2-container--default .select2-selection--single {
    border-color: #a94442;
}

.select2-container--open .select2-selection--single,
.select2-container--focus .select2-selection--single {
    border: 1px solid #006e96;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    outline: none;
}

.select2-results__option {
    padding: 6px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px;
    width: 24px;
}

.select2-dropdown {
    border-color: #006e96;
}

.list-item span {
    color: #474a4d
}

.form-item .select2-container,
.form-search .select2-container {
    width: 100%
}

.form-item.legend {
    margin-top: -18px;
    position: inherit;
    margin-bottom: 0
}

.unauthorized-form .form-item.legend {
    margin-top: -28px;
    position: inherit
}

.unauthorized-container.login-form {
    display: flex;
    align-items: center
}

#s2id_order-year,
#s2id_order-status,
#s2id_order-cartType {
    width: 100% !important
}

#s2id_year a {
    height: 40px;
    padding: 5px 15px !important
}

.form-item.legend .form-output {
    font-size: 12px
}

.unauthorized-form label.radio-inline {
    width: 25% !important
}

.radio-inline {
    margin-left: 0 !important
}

.checkbox-group .control {
    width: 45% !important
}

.unauthorized-form .form-output {
    width: 100%
}

#myerc-form-user-courseorganizing-cdpresentform-1 .form-output label.radio-inline {
    width: 200px
}

.set-reminder .form-output {
    width: auto !important;
    margin-left: 10px !important
}

.set-reminder .form-output a {
    height: auto !important;
    padding: 5px 15px !important
}

.inline-error {
    margin: 5px 0 0 0 !important
}

.header-webshop h1 {
    color: #006e96
}

.form-wrapper.extended {
    max-width: 100%;
    float: left
}

.form-wrapper.extended label.control.checkbox {
    width: 60%;
    margin-left: 20%
}

.form-wrapper.extended .form-save {
    margin-right: 20%
}

.form-wrapper.extended .inline-error {
    margin-left: 20%
}

.form-wrapper.extended label {
    width: 20%
}

.form-wrapper.extended table {
    margin-bottom: 10px
}

.split {
    width: 600px;
    margin: 0 30px 0 0
}

.address {
    background: #f7f7f8;
    padding: 35px;
    color: #5f6368;
    float: right
}

.notify {
    border: 1px solid #006e96;
    padding: 15px;
    margin: 20px 0 0 0;
    color: #006e96
}

.nrr-order-address-view .address-contact {
    display: inline-block;
    margin-top: 5px
}

.form-wrapper.extended {
    width: 100%;
    max-width: 1200px;
    float: left
}

.navbar-actions.dropdowns {
    width: 285px
}

.form-add .control {
    display: inline-block
}

.form-add .form-item {
    margin-bottom: 0
}

textarea.full {
    min-height: 70px;
    width: 100%
}

.sidebar {
    top: 30px
}

.sidebar-trigger {
    top: 40px
}

.sidebar-heading {
    margin-bottom: 15px;
    padding: 11px 15px 5px
}

.sidebar-heading .cosy-logo {
    margin-left: 21px;
    height: auto
}

.navbar {
    top: 30px
}

.navigation-top {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 30px;
    text-align: center;
    font-family: "myriad pro", "myriad", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    border-bottom: 1px solid #ebebe6;
    position: fixed;
    top: 0;
    z-index: 100;
    font-size: 16px;
    width: 100%
}

.navigation-top .grid-centered {
    margin: 0 auto
}

.navigation-top .grid {
    display: block;
    font-size: 0;
    margin: 0 auto;
    padding: 0;
    text-align: left
}

.navigation-top .grid-cell {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0 20px;
    text-align: left;
    vertical-align: top;
    width: 100%
}

.navigation-social {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.navigation-social li a {
    background: #8e98a4 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 20px;
    padding-top: 1px;
    text-align: center;
    transition: background .2s linear 0s;
    width: 20px;
    line-height: 17px;
    font-size: 12px;
    line-height: 1.6
}

.navigation-links {
    float: right;
    list-style: outside none none;
    margin: 1px 0 0 0;
    padding: 0;
    line-height: 1.7
}

.navigation-social li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.navigation-links li {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

.navigation-links li:first-child {
    margin: 0
}

.navigation-links li a {
    color: #8e98a4;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: color .2s linear 0s
}

.navigation-links li a:hover {
    color: #3f4850
}

.navigation-social li h6 {
    color: #8e98a4;
    margin-right: 5px;
    padding-top: 1px;
    font-size: 11px;
    letter-spacing: 0 !important;
    font-weight: 600
}

img.cosy {
    margin: 0 0 0 0
}

a.export-all {
    float: right;
    margin-right: 0 !important
}

.user-search {
    width: 100%;
    max-width: none;
    margin-top: 10px
}

.unauthorized-left,
.unauthorized-right {
    top: 30px
}

.sidebar-logout,
.sidebar-user-info,
.sidebar-stop-impersonation {
    position: fixed;
    width: 280px
}

.sidebar {
    padding-bottom: 70px;
    position: fixed;
    bottom: 0
}

.sidebar-open .sidebar-logout,
.sidebar-open .sidebar-user-info,
.sidebar-open .sidebar-stop-impersonation {
    position: fixed;
    width: 280px
}

@media all and (max-width: 1223px) {
    .sidebar-logout,
    .sidebar-user-info,
    .sidebar-stop-impersonation {
        position: absolute
    }
}

.sidebar-overlay {
    top: 30px
}

.sidebar-container {
    padding-bottom: 65px
}

.legal-info {
    background: #f6f6f6;
    padding: 20px 0;
    border-top: 1px solid #e2e3e4
}

.legal-info p {
    font-size: 12px
}

.legal-info.out-shop {
    padding: 20px;
    border: 1px solid #e2e3e4;
    margin: 20px 0 0 0
}

#myerc-form-user-courseseat-adminform-1 .form-item input[type=number] {
    width: 100%
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder {
    color: #787d82;
    opacity: 1 !important
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::-moz-placeholder {
    color: #787d82;
    opacity: 1 !important
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder {
    color: #787d82;
    opacity: 1 !important
}

.form-inverted input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::placeholder {
    color: #787d82;
    opacity: 1 !important
}

.form-inverted .dropdown>a {
    color: #787d82
}

.form-item .select2-container .select2-default,
.form-search .select2-container .select2-default {
    color: #787d82 !important
}

p.small {
    font-size: 12px
}

.error-wrap {
    text-align: center;
    margin: 0 auto;
    width: 35%;
    padding: 40px 0 0 0
}

.error-wrap h1 {
    margin-bottom: 40px
}

.error-wrap p {
    margin: 20px 0 0 0
}

.error-wrap img {
    display: inline-block;
    margin-bottom: 20px
}

.notification-row {
    display: flex;
    align-items: stretch;
    margin: 0 0 1% 0
}

.dash-block {
    padding: 15px 20px 20px 20px;
    float: left;
    margin: 0 1% 1% 0;
    color: #fff
}

.dash-block:hover {
    color: #fff
}

.dash-block.new {
    border-top: 3px solid #f00000
}

.dash-block .nr {
    font-size: 56px;
    text-align: center
}

.filter-row {
    display: flex;
    align-items: stretch;
    margin: 0 0 1% 0
}

.filter-block {
    float: left;
    margin: 0 1% 1% 0;
    color: #fff;
    width: 25%;
    border: 1px solid #e2e3e4
}

.filter-block-title {
    background: #006e96;
    padding: 5px;
    margin: 1px 1px 0 1px;
    color: #fff;
    padding: 10px
}

.filter {
    padding: 10px
}

.filter form {
    margin: 0;
    padding: 0
}

.filter input[type=text] {
    width: 100% !important;
    margin: 10px 0 0 0
}

.ok {
    background: #94958b;
    border-top: 3px solid #94958b
}

.urgent {
    background: #ed1b23;
    border-top: 3px solid #ed1b23
}

.third-party {
    background: #00719c;
    border-top: 3px solid #00719c
}

.var1 {
    width: 28%
}

.var2 {
    width: 28%
}

.var3 {
    width: 42%;
    margin: 0 0 1% 0
}

.var4 {
    width: 28%
}

.var5 {
    width: 28%
}

.var6 {
    width: 42%;
    margin: 0 0 1% 0
}

.var7 {
    width: 42%;
    margin: 0 0 1% 0
}

.var8 {
    width: 57%
}

.notifications-list textarea {
    width: 100%;
    min-height: 10px
}

.notifications-list {
    margin: 0 0 15px 0
}

.checkbox-search .control {
    width: 100% !important
}

td .comment {
    font-size: 12px;
    line-height: 1.25em;
    padding: 5px 0 0 0;
    margin: 0 0 5px 0
}

td .comment:first-child {
    border-top: 0;
    padding: 0
}

td .comment:last-of-type {
    margin-bottom: 16px
}

td .comment-text {
    font-style: italic
}

.notifications td {
    vertical-align: top
}

.notifications-search .checkbox.control {
    width: auto;
    margin-right: 40px;
    float: left;
    display: inline-block
}

ul.tabs {
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: 1px solid #d0d0d0;
    float: left;
    width: 100%
}

ul.tabs li {
    list-style-type: none;
    display: inline-block;
    float: left
}

ul.tabs li:last-child a {
    border-right: none
}

ul.tabs li a {
    text-transform: uppercase;
    padding: 10px 16px;
    display: inline-block;
    background: #f0f0f0;
    border-top: 3px solid #f0f0f0;
    color: #666;
    border-right: 1px solid #d0d0d0
}

ul.tabs li a.active {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-top: 3px solid #006e96;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    background: #fff;
    color: #006e96
}

ul.tabs li a:hover {
    background: #f7f7f7;
    border-top: 3px solid #f7f7f7
}

ul.tabs li a.active:hover {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-top: 3px solid #006e96;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    background: #fff;
    color: #006e96
}

legend.switch {
    padding: 0;
    border-bottom: 0
}

legend.switch a {
    width: 50%;
    display: inline-block;
    padding: 15px 34px;
    float: left;
    background: #f7f7f7;
    color: #666;
    border-right: 1px solid #fff;
    border-bottom: 3px solid #fff
}

legend.switch a:hover {
    background: #f0f0f0;
    color: #006e96
}

legend.switch a.active {
    background: #f0f0f0;
    color: #006e96;
    border-bottom: 3px solid #006e96
}

legend.switch a:last-child {
    width: 49.9%
}

fieldset.no-p {
    padding: 0
}

#paginator-page-MyErc_MyErcControllerManagementOrder table tr td:nth-child(4n) {
    text-align: right
}

#paginator-page-MyErc_MyErcControllerOrder table tr td:nth-child(5n) {
    text-align: right
}

.order-list tr td:last-child {
    text-align: right;
    width: 150px
}

.webshop-cart-total h2 span {
    display: inline-block !important
}

main .webshop-cart-product-amount {
    margin-top: 0
}

main .webshop-cart-product-content {
    margin: 0
}

.congress-checkout-selector li {
    width: 100%
}

.webshop-checkout-form .uw-date-element {
    display: inline-block
}

a.back-link {
    background: #f7f7f8;
    padding: 13px 30px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600
}

td.actions i {
    font-size: 20px
}

.user-fiche {
    padding: 20px;
    margin-bottom: 50px;
    border: 1px solid #e2e3e4;
    border-top: 1px solid #006e96;
    background: #fcfdfd;
    float: left
}

.user-fiche img {
    border-radius: 50%;
    float: left
}

.user-fiche.small {
    padding: 10px;
    display: flex;
    align-items: center
}

.user-fiche.small img {
    width: 35px
}

.user-fiche-details {
    float: left;
    margin: 0 0 0 20px
}

.user-fiche .user-fiche-details {
    margin: 0 0 0 5px
}

.tabs-two {
    margin: 15px 0 15px 0;
    float: left;
    padding: 0
}

.tabs-two li {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0
}

.tabs-two li a {
    color: #666;
    padding: 5px 15px;
    display: block;
    border: 1px solid #e2e3e4
}

.tabs-two li a.active,
.tabs-two li a:hover {
    background: #006e96;
    color: #fff;
    border: 1px solid #006e96
}

.no-certificates-msg-dashboard {
    margin-top: 10px
}

.panel {
    border: 1px solid #e2e3e4;
    padding: 5px;
    float: left;
    width: 100%;
    margin: 0 0 20px 0
}

.panel .title {
    border-bottom: 2px solid #006e96;
    color: #006e96;
    padding: 5px 0;
    display: block
}

.panel .title .date {
    float: right
}

.panel .label,
.panel .file-delete {
    padding: 7px 0 3px 0;
    width: 95px;
    text-align: left;
    float: left
}

.panel .descr {
    display: block;
    float: left
}

.panel .panel-item {
    border-bottom: 1px dotted #e2e3e4;
    padding: 3px 0;
    float: left;
    width: 100%
}

.panel .panel-item:last-child {
    border-bottom: 0
}

.courses-chart {
    margin-bottom: 30px
}

.courses-chart th {
    color: #474a4d;
    font-weight: normal;
    vertical-align: top;
    line-height: 1.25em;
    padding-bottom: 25px !important;
    background: #e2e3e4 url(/assets/my-erc/img/grey-arrow.png) no-repeat 90% 15%;
    padding-right: 15px !important
}

.courses-chart th.no-arrow {
    background: #e2e3e4
}

.courses-chart th:first-child,
.courses-chart th.empty {
    background: #fff;
    border: none
}

.courses-chart td {
    text-align: center;
    vertical-align: top;
    background: #f8f8f8;
    border: 1px solid #fff;
    font-size: .85em
}

.courses-chart input {
    margin-bottom: 10px
}

.courses-chart td.spacer {
    padding: 2px !important;
    background: #fff
}

.courses-chart .course {
    background: #e2e3e4;
    color: #006e96;
    text-transform: uppercase;
    font-size: 1.75em;
    text-align: left;
    font-weight: 300;
    padding-bottom: 25px !important
}

.courses-chart td.green {
    border-top: 3px solid #48c878;
    border-bottom: 3px solid #48c878
}

.courses-chart td.green.solid {
    border-top: 3px solid #48c878;
    border-bottom: 3px solid #48c878;
    background: #48c878
}

.courses-chart td.blue.solid {
    border-top: 3px solid #78d2dc;
    border-bottom: none;
    background: #78d2dc
}

.courses-chart td.dark-blue.solid {
    border-top: 3px solid #006e96;
    border-bottom: none;
    background: #006e96
}

.courses-chart td.green.first-letter {
    border-top: 3px solid #48c878;
    border-bottom: 3px solid #48c878;
    background: #e2e3e4;
    color: #006e96;
    text-transform: uppercase;
    font-size: 1.75em;
    text-align: right;
    font-weight: 300;
    border-left: none;
    border-right: none;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.courses-chart td.blue.first-letter {
    border-top: 3px solid #78d2dc;
    border-bottom: none;
    background: #e2e3e4;
    color: #006e96;
    text-transform: uppercase;
    font-size: 1.75em;
    text-align: right;
    font-weight: 300;
    border-left: none;
    border-right: none;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.courses-chart td.dark-blue.first-letter {
    border-top: 3px solid #006e96;
    border-bottom: none;
    background: #e2e3e4;
    color: #006e96;
    text-transform: uppercase;
    font-size: 1.75em;
    text-align: right;
    font-weight: 300;
    border-left: none;
    border-right: none;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.courses-chart td.course.green {
    border-left: 3px solid #48c878
}

.courses-chart td.course.blue {
    border-left: 3px solid #78d2dc
}

.courses-chart td.course.green.up {
    border-left: none;
    padding-left: 0 !important;
    border-top: 3px solid #fff !important;
    border-bottom: 3px solid #fff
}

.courses-chart td.course.dark-blue.up {
    border-left: none;
    padding-left: 0 !important;
    border-top: 3px solid #fff !important;
    border-bottom: 3px solid #fff
}

.courses-chart td.no {
    border-top: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important
}

.courses-chart td.course.blue.up {
    border-left: none;
    padding-left: 0 !important;
    border-top: 3px solid #fff !important;
    border-bottom: 3px solid #fff
}

.courses-chart td.dark-blue:first-child {
    border-left: 3px solid #006e96
}

.courses-chart tr.first-dark-blue td {
    border-top: 3px solid #006e96
}

.courses-chart tr.last-dark-blue td {
    border-bottom: 3px solid #006e96
}

.courses-chart td.blue:first-child {
    border-left: 3px solid #78d2dc
}

.courses-chart tr.first-blue td {
    border-top: 3px solid #78d2dc
}

.courses-chart tr.last-blue td {
    border-bottom: 3px solid #78d2dc
}

.courses-chart tr.last-blue td.noline {
    border-bottom: 0;
    border-top: 0
}

.courses-chart td.arrow {
    position: relative;
    background: #fff
}

.courses-chart.two tr td:last-child {
    border-right: 3px solid #006e96
}

.courses-chart span.icon,
.courses-chart span.inline-error:before {
    font-size: 1.6em
}

.courses-chart.two td:last-child {
    border-right: 3px solid #006e96
}

.im-an-arrow {
    background: url(/assets/my-erc/img/dark-blue-bar-right.png) repeat-y;
    top: -2px;
    bottom: -2px;
    position: absolute;
    width: 100%;
    left: 0px
}

.im-an-arrow.blue {
    background: url(/assets/my-erc/img/blue-bar-right.png) repeat-y;
    top: -1px;
    bottom: -2px;
    position: absolute;
    width: 100%;
    left: 0px
}

.im-an-arrow.green {
    background: url(/assets/my-erc/img/green-bar-right.png) repeat-y;
    top: -2px;
    bottom: -2px;
    position: absolute;
    width: 100%;
    left: 0px
}

@-moz-document url-prefix() {
    .im-an-arrow {
        left: -1px;
        bottom: -1px;
        background: url(/assets/my-erc/img/dark-blue-bar-right-FF.png) repeat-y
    }
    .im-an-arrow.blue {
        left: -1px;
        bottom: -1px;
        background: url(/assets/my-erc/img/blue-bar-right-FF.png) repeat-y
    }
    .im-an-arrow.green {
        left: -1px;
        bottom: -1px;
        background: url(/assets/my-erc/img/green-bar-right-FF.png) repeat-y
    }
}

.control-table label {
    margin-top: 0;
    width: 100%
}

.ta-center {
    text-align: center
}

.ta-center input {
    margin-right: 0
}

tr.no-show td {
    background: url(/assets/my-erc/img/groovepaper.png)
}

tr.sub-th td {
    background: #f7f7f7
}

td.failed {
    background: #ff8b8b
}

td.resit {
    background: #fff667
}

td.passed {
    background: #c9ea78
}

td.immediate {
    background: #ffb351
}

td.advanced {
    background: #78d2dc
}

.student-card {
    margin-right: 3%;
    margin-bottom: 3%
}

.card-up {
    padding: 20px;
    border-bottom: 1px dotted #e2e3e4
}

.no-show-check {
    float: right;
    text-align: center;
    width: 50%
}

.ip-check {
    float: right;
    text-align: center;
    width: 50%
}

.switch {
    float: right;
    border-radius: 5px
}

.card-up a.name {
    float: left;
    font-size: 18px
}

.switcher.first {
    margin: 0 0 8px 0
}

.switch-label {
    float: right;
    margin-right: 5px
}

.switch.on {
    border: 1px solid #48c878;
    background: #48c878
}

.switch.off {
    border: 1px solid #d3d3d3;
    background: #d3d3d3
}

.switch a,
.switch span {
    padding: 3px 10px;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    font-size: 11px
}

.switch.on a.second {
    color: #fff;
    background: #fff
}

.switch a.first.active {
    background: #48c878;
    color: #fff
}

.switch a.second.active {
    color: #646464
}

.switch.off a.first {
    color: #fff;
    background: #fff
}

.score {
    float: left;
    width: 33%;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 0 0
}

.score.last {
    width: 34%
}

.score span {
    font-size: 36px
}

.score .icon-ios-checkmark {
    color: #48c878
}

.score .icon-ios-close {
    color: #f00000
}

.score .icon-ios-alert {
    color: #e0ad3f
}

.final-score {
    padding: 20px;
    text-transform: uppercase
}

.participant .edit-participant,
.participant .view-participant {
    cursor: pointer
}

.participant .edit-participant .icon,
.participant .edit-participant .uw-captcha a.refresh-image-captcha,
.uw-captcha .participant .edit-participant a.refresh-image-captcha,
.participant .edit-participant .inline-error:before,
.participant .view-participant .icon,
.participant .view-participant .uw-captcha a.refresh-image-captcha,
.uw-captcha .participant .view-participant a.refresh-image-captcha,
.participant .view-participant .inline-error:before {
    font-size: 20px
}

.final-score-wrapper {
    border-radius: 5px;
    border: 1px solid #e2e3e4;
    padding: 0;
    display: flex
}

.final-score-wrapper li {
    display: inline;
    padding: 5px;
    text-align: center;
    margin: 0;
    border-right: 1px solid #e2e3e4;
    flex-grow: 5
}

.final-score-wrapper li.disabled {
    opacity: .4
}

.final-score-wrapper li:last-child {
    border-right: 0
}

.final-score-wrapper li.failed.active {
    background: #ff8b8b;
    color: #fff
}

.final-score-wrapper li.resit.active {
    background: #fff667
}

.final-score-wrapper li.basic.active {
    background: #c9ea78
}

.final-score-wrapper li.immediate.active {
    background: #ffb351;
    color: #fff
}

.final-score-wrapper li.advanced.active {
    background: #78d2dc;
    color: #fff
}

.student-card.no-show .card-up {
    border-bottom: 0
}

.course-calendar h1 {
    margin-bottom: 20px;
    margin-top: 20px;
    color: #006e96
}

.course-calendar h3 {
    margin-bottom: 20px
}

.calendar-filter {
    background: #f7f7f8;
    border: 1px solid #e2e3e4;
    padding: 20px;
    margin: 20px 0 40px 0;
    float: left;
    width: 100%
}

.calendar-filter h2 {
    font-size: 1.35em;
    margin: 0 0 15px 0;
    color: #006e96
}

.calendar-filter .radio-inline {
    width: 170px
}

.calendar-filter-1 {
    width: 48%;
    float: left
}

.calendar-filter-1 input[type=text] {
    width: 100% !important;
    margin: 0 0 5px 0
}

.calendar-filter-1 .select2 {
    width: 100% !important;
    margin: 0 0 5px 0
}

.calendar-filter-1 .form-item {
    margin-bottom: 15px
}

.calendar-filter-1 .radio-inline {
    margin-left: 0 !important
}

.calendar-filter-1 .form-output {
    width: 100%
}

.calendar-filter-2 {
    width: 48%;
    float: right;
    padding-top: 12px
}

.calendar-filter-2 label {
    margin: 0
}

.calendar-filter-2 input {
    width: 100% !important;
    margin: 5px 0 10px 0;
    vertical-align: middle !important
}

.calendar-filter-2 .form-output {
    width: 40% !important;
    vertical-align: middle
}

.calendar-item {
    border: 1px solid #e2e3e4;
    width: 49%;
    min-width: 49%;
    float: left;
    padding: 20px;
    margin: 0 0 2% 0
}

.calendar-item.first {
    margin: 0 2% 2% 0
}

.calendar-item a.button,
.calendar-item a.btn-secondary,
.calendar-item a.btn-primary {
    padding: 13px 30px 13px 20px
}

.calendar-item a.button span.icon,
.calendar-item a.btn-secondary span.icon,
.calendar-item a.btn-primary span.icon,
.calendar-item a.button span.inline-error:before,
.calendar-item a.btn-secondary span.inline-error:before,
.calendar-item a.btn-primary span.inline-error:before {
    font-size: 16px;
    width: auto;
    line-height: 0;
    margin-top: -2px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.calendar-item h4 {
    font-size: 1.35em;
    font-weight: 300;
    color: #006e96;
    margin: 0 0 10px 0
}

.calendar-item-1 {
    float: left;
    width: 50%
}

.calendar-item-1 a.button,
.calendar-item-1 a.btn-secondary,
.calendar-item-1 a.btn-primary {
    display: inline-block;
    margin: 5px 0 0 0
}

.calendar-item-1 a.first {
    margin-top: 20px
}

.calendar-item-2 {
    border-left: 1px solid #e2e3e4;
    float: right;
    padding: 0 0 0 3%;
    width: 47%
}

.calendar-item-2 label {
    margin: 0;
    color: #78d2dc;
    letter-spacing: 0px
}

.calendar-item-list-items {
    margin: 0 0 10px 0;
    line-height: 1.35em
}

.course-fiche {
    background: #f4f4f4;
    padding: 5px;
    color: #82878c;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px dotted #ddd
}

.course-fiche b {
    color: #48c878
}

main.loose-fit {
    position: relative;
    top: 0;
    left: 0
}

.flag-icon {
    font-size: .85em;
    margin-left: 4px
}

input.time {
    width: 29% !important
}

.hidden {
    display: none
}

label.custom-label {
    font-weight: 300;
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0
}

h3.fll {
    float: left
}

.xp {
    display: inline-block;
    width: 100px
}

.badge {
    display: inline-block;
    width: 200px;
    margin: 0 20px 20px 0;
    background: #fff;
    -moz-box-shadow: 0 0 8px #d3d3d3;
    -webkit-box-shadow: 0 0 8px #d3d3d3;
    box-shadow: 0 0 8px #d3d3d3;
    padding: 20px;
    text-align: center
}

.badge img {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px
}

.xp-name {
    text-transform: uppercase;
    color: #92979b;
    font-weight: 600
}

.badge-name {
    color: #787d82;
    font-weight: 400;
    line-height: 18px;
    font-size: 12px
}

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

.xp-points {
    font-size: 30px;
    color: #474a4d;
    font-weight: 400;
    line-height: 36px
}

.badges {
    display: inline-flex;
    align-items: stretch
}

.dashboard-pending-tasks {
    margin: 1% 0 0 0
}

.course-data {
    margin-bottom: 35px
}

.course-data-box {
    width: 200px;
    background: #f7f7f8;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block
}

.course-data-item {
    font-size: 24px
}

.my-score {
    background: #92979b;
    margin-bottom: 10px;
    position: relative
}

.my-score-chart {
    background: #006e96;
    height: 40px
}

.my-score-score {
    color: #fff;
    font-size: 17px;
    position: absolute;
    top: 6px;
    left: 10px
}

p.correct-question {
    color: #48c878
}

p.false-question {
    color: #b76a66
}

.quiz-question {
    border-bottom: 1px dashed #e2e3e4;
    padding: 10px 0
}

.quiz-question p {
    font-size: 16px;
    margin: 0
}

.quiz-question:last-child {
    border-bottom: none
}

.quiz-question ul {
    margin: 10px 0 0 20px;
    padding: 0
}

.quiz-question ul li {
    list-style-type: none;
    padding: 5px;
    font-size: 16px;
    display: flex;
    justify-content: space-between
}

.quiz-question ul li.incorrect-answer-given .icon,
.quiz-question ul li.incorrect-answer-given .uw-captcha a.refresh-image-captcha,
.uw-captcha .quiz-question ul li.incorrect-answer-given a.refresh-image-captcha,
.quiz-question ul li.incorrect-answer-given .inline-error:before {
    color: #b76a66
}

.quiz-question ul li.incorrect-answer-given {
    background: #fbe9e7
}

.quiz-question ul li.correct-answer-given .icon,
.quiz-question ul li.correct-answer-given .uw-captcha a.refresh-image-captcha,
.uw-captcha .quiz-question ul li.correct-answer-given a.refresh-image-captcha,
.quiz-question ul li.correct-answer-given .inline-error:before {
    color: #237912
}

.quiz-question ul li.correct-answer-given {
    background: #e4f5e1
}

.correct-answers {
    background: #f7f7f8;
    padding: 5px;
    margin: 5px 0 5px 25px
}

.small-form.cdp {
    border-bottom: 1px solid #e2e3e4;
    padding-bottom: 40px;
    position: relative
}

.small-form.cdp .form-item label.label-yes {
    max-width: 220px
}

.small-form.cdp .form-item .radio-inline {
    margin-left: 220px
}

.small-form.cdp .form-item .radio-inline:nth-child(2) {
    margin-left: 0
}

.small-form.cdp button {
    position: absolute;
    left: 220px;
    top: 40px
}

.set-reminder {
    margin: 40px 0 0 0
}

.set-reminder label {
    width: auto;
    margin-top: 0;
    line-height: 3em
}

.set-reminder .dropdown {
    margin-left: 5px;
    width: 20%
}

.set-reminder .control-indicator {
    line-height: 3em;
    margin-top: 1em
}

.set-reminder a.button,
.set-reminder a.btn-secondary,
.set-reminder a.btn-primary {
    float: right;
    margin-top: -10px;
    margin-left: 10px
}

.link-box-wrapper {
    padding: 30px 0
}

.link-box-wrapper .link-box {
    padding: 10px;
    display: block;
    border: 1px solid #e2e3e4;
    border-radius: 3px;
    margin: 0 10px 10px 0
}

.link-box-wrapper .link-box:hover {
    background: #e2e3e4
}

.pending-task {
    display: inline-block;
    padding: 15px;
    background: #f7f7f8;
    border: 1px solid #e2e3e4;
    width: 100%;
    margin: 0 0 15px 0
}

.pending-task span.icon,
.pending-task span.inline-error:before {
    font-size: 26px;
    line-height: 1.2;
    margin: 0 0 5px 0
}

.pending-task .task-title {
    line-height: 1.4;
    height: 40px
}

.pending-task .task-legend {
    text-align: center
}

.pending-task .counter {
    font-size: 46px;
    text-align: center;
    line-height: 1;
    margin: 5px 0 0 0;
    font-weight: 700
}

.pending-task hr {
    border: 1px solid #e2e3e4;
    size: 1px;
    width: 100px;
    margin: 0 auto;
    margin-top: 15px
}

.pending-task .task-list {
    margin: 0;
    padding: 10px 0 0 0
}

.pending-task .task-list ul {
    margin: 0;
    padding: 0
}

.pending-task .task-list li {
    list-style-type: none;
    border-top: 1px dotted #e2e3e4;
    padding: 2px 0
}

.pending-task .task-list li:first-child {
    border-top: none;
    padding: 0 0 2px 0
}

.pending-task .task-list li:last-child {
    padding: 2px 0 0 0
}

.pending-task.ok {
    background: #94958b;
    border-top: 3px solid #94958b;
    color: #fff
}

.pending-task.urgent {
    background: #ed1b23;
    border-top: 3px solid #ed1b23;
    color: #fff
}

.pending-task.third-party {
    background: #00719c;
    border-top: 3px solid #00719c;
    color: #fff
}

.dashboard-pending-tasks>.pending-task:last-child {
    margin-right: 0
}

.my-sessions {
    margin: 10px 0 0 0;
    background: #f7f7f8;
    border: 1px solid #e2e3e4
}

.my-sessions .my-sessions-title {
    background: #e2e3e4;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600
}

.my-sessions ul {
    margin: 0;
    padding: 10px
}

.my-sessions li {
    list-style-type: none;
    border-top: 1px dotted #e2e3e4;
    padding: 3px 0
}

.my-sessions li:first-child {
    border-top: none;
    padding: 0 0 3px 0
}

.my-sessions li:last-child {
    padding: 3px 0 0 0
}

.my-sessions .add-button {
    color: #fff;
    background: #006e96;
    padding: 15px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600
}

.my-sessions a.view-all {
    margin: -4px 0 0 0;
    float: right;
    display: inline-block;
    border: 1px solid #006e96;
    padding: 2px 5px
}

.half {
    width: 49%;
    float: left
}

.half.one {
    margin-right: 2%;
    border: none
}

table.course-seats-roundup {
    margin: 6px 0 0 0
}

table.course-seats-roundup th,
table.course-seats-roundup td {
    border: none
}

table.course-seats-roundup th {
    color: #006e96;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 11px;
    vertical-align: bottom
}

table.course-seats-roundup tr:first-child {
    border-bottom: 1px solid #e2e3e4
}

table.course-seats-roundup tr {
    border-bottom: 1px solid #e2e3e4
}

table.course-seats-roundup span.icon-alert-circled,
table.course-seats-roundup span.inline-error:before {
    color: #f00000
}

table.course-seats-roundup span.icon-checkmark {
    color: #48c878
}

table.course-seats-roundup a {
    padding-left: 10px;
    padding-right: 10px
}

td.tar {
    text-align: right;
    padding-right: 0 !important
}

.select2-container .select2-choice {
    background-image: none !important;
    border-radius: 0 !important;
    border: 1px solid #e2e3e4 !important
}

.form-output.error .select2-container .select2-choice {
    border: 1px solid #f00000 !important
}

.select2-container .select2-choice .select2-arrow {
    border-left: 0 !important;
    background: none !important;
    background-image: none !important;
    top: 5px !important
}

.select2-drop-active {
    border: 1px solid #e2e3e4 !important;
    padding-top: 5px !important
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: 0 !important;
    color: #a9a9a9
}

.coursesCourseType .select2-choice {
    height: 40px !important
}

.coursesCourseType label {
    width: 150px
}

.coursesCourseType .select2-container {
    width: 40%
}

.tabs-courses-container span.date {
    color: #5f6367
}

#myerc-form-user-courseorganizing-participant-addstep1form-1 .form-item:first-of-type label {
    margin-top: -2px
}

.participant-wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.participant-wrap .participant {
    border: 1px solid #e2e3e4;
    width: 47%
}

#myerc-form-user-privacy-policyform-1 label {
    width: 100%
}

#myerc-form-user-privacy-policyform-1 label.radio-inline {
    width: auto
}

@media all and (max-width: 1024px) {
    .navigation-links li {
        display: none
    }
    .navigation-links li:first-child {
        display: inline-block
    }
    .navigation-links li:last-child {
        display: inline-block
    }
}

@media all and (max-width: 767px) {
    .form-item .checkbox {
        margin-left: 0
    }
    .form-output.is-selects .control {
        width: auto !important
    }
}

.set-reminder .form-item .checkbox {
    margin-left: 0
}

form[name=shippingMethodForm] .radio-inline {
    width: 100%
}

.logo.small {
    width: 200px;
    float: left;
    margin: -6px 40px 0 0
}

.uw-plupload-single-file input[type=text],
.erc-plupload-single-file input[type=text] {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.uw-plupload-single-file .single-plupload-progress,
.erc-plupload-single-file .single-plupload-progress {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 15px;
    margin-top: -15px
}

.uw-plupload-single-file .single-plupload-progress .progress,
.erc-plupload-single-file .single-plupload-progress .progress {
    background-color: #40e0d0;
    width: 0;
    transition: width .2s ease-in-out;
    border-radius: 2px
}

.uw-plupload-single-file .alert,
.erc-plupload-single-file .alert {
    margin: 4px 0 0 0
}

.uw-plupload .status-bar {
    float: right
}

.uw-plupload .status-bar .plupload-buttons {
    min-width: 200px
}

.uw-plupload .status-bar .plupload-buttons .button,
.uw-plupload .status-bar .plupload-buttons .btn-secondary,
.uw-plupload .status-bar .plupload-buttons .btn-primary {
    float: right
}

.uw-plupload .status-bar .progress-container {
    width: 30%
}

.uw-plupload .status-bar .progress-container .progress {
    display: inline-block;
    margin: 2px 0 0 0;
    width: 100%
}

.uw-plupload .status-bar .progress-pct {
    text-align: right;
    width: 60px
}

.uw-plupload .status-bar .total-size {
    text-align: right;
    width: 100px
}

.uw-plupload .file-list {
    list-style: none;
    padding: 0;
    margin: 0 0 4px
}

.uw-plupload .file-list li {
    border: 1px solid #ccc;
    padding: 5px 12px;
    border-radius: 4px;
    height: 32px;
    margin: 0 0 4px;
    overflow: hidden
}

.uw-plupload .file-list .file-list-actions {
    float: right;
    width: 24px;
    text-align: right
}

.uw-plupload .file-list .file-list-status {
    float: right;
    width: 100px;
    text-align: right
}

.uw-plupload .file-list .file-list-size {
    float: right;
    text-align: right;
    width: 76px
}

.uw-plupload .alert {
    margin-top: 4px
}

.uw-plupload .file-list .error {
    border: 1px solid #f00000
}

.uw-plupload .file-list span {
    display: inline-block;
    height: 32px
}

.uw-plupload .button,
.uw-plupload .btn-secondary,
.uw-plupload .btn-primary {
    width: auto
}

.form-item ul {
    font-size: 12px
}

input.input-xs {
    width: 50px !important
}

span.label-q {
    padding: 7px 0 3px 3px;
    width: 95px;
    text-align: left;
    display: inline-block;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-radius: 2px;
    margin-top: 10px;
    color: #92979b
}

p.with-error label,
p.with-error span {
    color: #f00000
}

.modal-dialog {
    max-width: 600px
}

form[name=appraisalForm] .form-item .radio-inline,
form[name=instructorAppraisalForm] .form-item .radio-inline {
    margin-left: 0;
    margin-right: 20px;
    width: auto;
    float: left
}

form[name=appraisalForm] .notes,
form[name=instructorAppraisalForm] .notes {
    width: 100%;
    margin: 0 20px 20px 20px
}

form[name=appraisalForm] .notes textarea,
form[name=instructorAppraisalForm] .notes textarea {
    width: 90%;
    min-height: initial
}

#paginator-page-import_session_list_invalid .entity-table tr.error {
    background-color: rgba(240, 0, 0, .2)
}

#paginator-page-import_session_list_invalid .entity-table tr.notice {
    background-color: #f4f4f4
}

.webshop-wizard-events li {
    width: 33.333%
}

.with-checkinputs.course-type label {
    width: 40% !important
}

.with-checkinputs.course-type .uw-date-mask-element {
    width: 59% !important
}

.button.selected-action,
.selected-action.btn-secondary,
.selected-action.btn-primary {
    padding: 5px 10px;
    margin-top: 5px
}

.in-browse-tabs {
    margin-bottom: 20px;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.in-browse-tabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between
}

.in-browse-tabs ul li {
    display: inline-block;
    flex-grow: 1
}

.in-browse-tabs ul li a {
    padding: 10px 0;
    display: block;
    text-align: center;
    border-right: 1px solid #ddd
}

.in-browse-tabs ul li:last-of-type a {
    border-right: 0
}

.in-browse-tabs ul li.active {
    background: #f4f4f4
}

.in-browse-tabs ul li.active a {
    color: #48c878
}

#myerc-form-course-coursedocumentform-1 label.file {
    width: 100%;
    margin-left: 0px
}

#self-sufficiency-form table td.hover {
    background-color: #f4f4f4
}

.form-output .uw-captcha img {
    width: 200px
}

a.help-me {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background: #006e96;
    text-align: center;
    line-height: 1.6;
    font-size: 32px;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

a.translate-me {
    position: fixed;
    bottom: 20px;
    right: 80px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background: #5cce86;
    text-align: center;
    line-height: 1.6;
    font-size: 32px;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.sidebar-avatar img {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition: all 150ms ease;
    margin: 0 auto
}

.sidebar-avatar {
    border-bottom: 3px solid #006e96;
    background: #e2e3e4;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px
}

.sidebar-avatar-co {
    border-bottom: 3px solid #006e96;
    background: #e2e3e4;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px
}

.sidebar-avatar-co .sidebar-links-title {
    padding-left: 0px;
    border-bottom: none
}

.sidebar-avatar-co img {
    display: inline-block;
    height: 40px;
    margin: 0 auto
}

.sidebar-main-title {
    display: block;
    padding-left: 15px;
    font-size: 12px;
    color: #fff;
    border-bottom: 1px solid #efefef;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #006e96
}

.sidebar-logout2 {
    font-size: 11px
}

.course-director-presence {
    background: #f4f4f4;
    padding: 5px;
    color: #82878c;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px dotted #ddd
}

.course-history-download .radio-inline {
    width: 100%
}

.checkbox-courseHistory {
    margin-left: 40%;
    margin-top: 10px;
    margin-bottom: 20px
}

.icon-green {
    color: #48c878
}

.icon-red {
    color: #f00000
}

.icon-yellow {
    color: #e0ad3f
}

label.checkbox-list {
    width: auto;
    margin-top: 0;
    font-size: inherit;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    color: inherit
}

.reports .filter-block {
    min-height: 250px
}

.reports .filter-block-small {
    min-height: auto
}

.hello-dashboard {
    background: rgba(0, 110, 150, .2);
    padding: 10px;
    color: #006e96
}

.hello-dashboard .hello-you {
    width: 100%
}

.hello-dashboard .hello-you span.icon,
.hello-dashboard .hello-you span.inline-error:before {
    font-size: 56px;
    float: left;
    margin-right: 10px;
    color: #006e96;
    line-height: 56px;
    display: none
}

.hello-dashboard .trinity-box {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px
}

.hello-dashboard .trinity-box span.icon,
.hello-dashboard .trinity-box span.inline-error:before {
    font-size: 32px;
    border-right: 1px solid #0081b0;
    margin-right: 15px;
    width: 80px;
    display: none
}

.quick-sets {
    margin: 30px 0
}

.quick-sets .quick-sets-set {
    padding: 10px;
    background: #f0f6f9;
    width: 30%
}

.trinity {
    margin: 30px 0;
    display: flex
}

.trinity .trinity-box {
    background: #f7f7f8;
    padding: 15px 25px;
    border: 1px solid #e2e3e4;
    display: flex;
    align-items: center
}

.trinity .trinity-box span.icon,
.trinity .trinity-box span.inline-error:before {
    font-size: 32px;
    border-right: 1px solid #e2e3e4;
    padding-right: 40px;
    margin-right: 15px
}

.trinity .trinity-box .qualifs-nr {
    font-size: 36px;
    font-weight: bold
}

.trinity .trinity-box .qualifs-descr {
    line-height: 17px
}

.trinity .trinity-box .trinity-box-small.warning-medium {
    background: #0081b0 !important;
    color: #fff
}

.trinity .trinity-box .trinity-box-small.warning-high {
    background: #ff0b0b !important;
    color: #fff
}

.trinity .trinity-box.center {
    padding: 0;
    background: none;
    display: flex;
    align-items: stretch;
    border: none;
    margin-right: 1px
}

.trinity .trinity-box.center .trinity-box-small {
    text-align: center;
    background: #f7f7f8;
    border: 1px solid #e2e3e4;
    padding-bottom: 10px;
    width: 150px;
    margin-right: 20px
}

.trinity .trinity-box.warning-medium {
    background: #fff3cd;
    border: 1px solid #fff3cd
}

.trinity .trinity-box.warning-high {
    background: #ff0b0b;
    border: 1px solid #ff0b0b;
    color: #fff
}

.trinity .trinity-box.warning-high span.icon,
.trinity .trinity-box.warning-high span.inline-error:before {
    border-right: 1px solid #fff
}

.trinity .trinity-box.warning-high a {
    color: #fff;
    text-decoration: underline
}

.end-set-reminder {
    border-bottom: 1px solid #e2e3e4;
    margin-bottom: 30px;
    margin-top: 10px
}

.i-am-a-dashboard .dashboard-half {
    background: #f7f7f8;
    border: 1px solid #e2e3e4 !important
}

.i-am-a-dashboard .dashboard-half ul.tabs {
    margin: 0;
    border-bottom: 1px solid #d0d0d0
}

.i-am-a-dashboard .dashboard-half ul.tabs li a.active {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 0;
    background: none;
    border-bottom: 3px solid #0081b0
}

.i-am-a-dashboard .dashboard-half ul.tabs li a {
    background: none;
    border-top: none
}

.i-am-a-dashboard .dashboard-half ul.tabs li a:hover {
    color: #0081b0
}

.i-am-a-dashboard .dashboard-half .dashboard-half-inner {
    padding: 20px
}

.i-am-a-dashboard .half {
    width: 100%;
    margin-bottom: 15px
}

.i-am-a-dashboard a.view-all {
    float: right;
    display: inline-block;
    border: 1px solid #006e96;
    padding: 2px 5px;
    text-transform: uppercase
}

#myerc-form-user-courseorganizerform-1 {
    margin: 0;
    width: 100%
}

#myerc-form-user-courseorganizerform-1 p {
    float: none;
    width: 100%;
    margin-bottom: 0px;
    padding-top: 0 !important;
    margin-top: -3px
}

#myerc-form-user-courseorganizerform-1 .form-output {
    width: 100%
}

#myerc-form-user-courseorganizerform-1 button.button,
#myerc-form-user-courseorganizerform-1 button.btn-secondary,
#myerc-form-user-courseorganizerform-1 button.btn-primary {
    margin-top: 0px;
    margin-left: 5px;
    width: 25%;
    float: right;
    padding: 15px 0;
    position: inherit
}

#myerc-form-user-courseorganizerform-1 .form-item {
    margin-bottom: 0;
    width: 70%
}

.i-am-a-dashboard .grey-title-bar {
    background: #e2e3e4;
    padding: 15px 20px 5px 20px;
    display: flex;
    align-items: center
}

.i-am-a-dashboard .grey-title-bar .icon,
.i-am-a-dashboard .grey-title-bar .uw-captcha a.refresh-image-captcha,
.uw-captcha .i-am-a-dashboard .grey-title-bar a.refresh-image-captcha,
.i-am-a-dashboard .grey-title-bar .inline-error:before {
    font-size: 32px;
    margin-right: 5px;
    display: block
}

.grey-title-bar .icon,
.grey-title-bar .uw-captcha a.refresh-image-captcha,
.uw-captcha .grey-title-bar a.refresh-image-captcha,
.grey-title-bar .inline-error:before {
    display: hidden
}

.grey-title-bar-sec {
    background: #e2e3e4;
    padding: 15px 20px 5px 20px;
    display: flex;
    align-items: center
}

.grey-title-bar-sec .icon,
.grey-title-bar-sec .uw-captcha a.refresh-image-captcha,
.uw-captcha .grey-title-bar-sec a.refresh-image-captcha,
.grey-title-bar-sec .inline-error:before {
    font-size: 32px;
    margin-right: 5px
}

.file-delete {
    float: right;
    height: 39px;
    font-size: 18px;
    border: 1px solid #e2e3e4
}

.file-delete span {
    vertical-align: middle;
    margin-top: 5px;
    color: orange
}

.file-custom-delete-enabled {
    width: 85%
}

.survey-report-fieldset .form-wrapper.extended label {
    width: 100%
}

.survey-report-fieldset .form-wrapper.extended .uw-date-element {
    width: 100%
}

.view-survey-report-table td.result {
    text-align: right
}

#myerc-form-mailing-mailingform-1 .file-list {
    margin-top: 5px;
    margin-bottom: 5px
}

.loading {
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.loading .loader-wrapper {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .93);
    position: absolute;
    z-index: 300
}

.loading .loader-text {
    position: absolute;
    top: 41.5%;
    left: 47%;
    margin: 16px 0 0 35px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700
}

.loading .loader {
    position: absolute;
    left: 46%;
    top: 46%;
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 0;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 1.5em 0 0 0, rgba(0, 0, 0, .75) 1.1em 1.1em 0 0, rgba(0, 0, 0, .75) 0 1.5em 0 0, rgba(0, 0, 0, .75) -1.1em 1.1em 0 0, rgba(0, 0, 0, .5) -1.5em 0 0 0, rgba(0, 0, 0, .5) -1.1em -1.1em 0 0, rgba(0, 0, 0, .75) 0 -1.5em 0 0, rgba(0, 0, 0, .75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, .75) 1.5em 0 0 0, rgba(0, 0, 0, .75) 1.1em 1.1em 0 0, rgba(0, 0, 0, .75) 0 1.5em 0 0, rgba(0, 0, 0, .75) -1.1em 1.1em 0 0, rgba(0, 0, 0, .75) -1.5em 0 0 0, rgba(0, 0, 0, .75) -1.1em -1.1em 0 0, rgba(0, 0, 0, .75) 0 -1.5em 0 0, rgba(0, 0, 0, .75) 1.1em -1.1em 0 0
}

@-webkit-keyframes spinner {
    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)
    }
}

@-moz-keyframes spinner {
    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)
    }
}

@-o-keyframes spinner {
    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)
    }
}

@keyframes spinner {
    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)
    }
}

.survey-submit .button,
.survey-submit .btn-secondary,
.survey-submit .btn-primary {
    margin-bottom: 5px
}

fieldset.privacy-policy div.form-item label {
    width: auto
}

fieldset.privacy-policy div.form-item div.radio-group label {
    margin-right: 20px
}

.health-status-courses {
    margin-top: 20px
}

.health-status-courses .health-course {
    width: 100%;
    border-radius: 3px;
    padding: 10px
}

.health-status-courses .health-course .health-course-title {
    color: #e15858;
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    font-weight: 600
}

.health-status-courses .health-course .health-course-targets ul {
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 30px
}

.health-status-courses .health-course .health-course-icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    display: none
}

.health-status-courses .health-course .health-course-content {
    display: flex;
    align-items: center
}

.health-status-courses .health-course a.button,
.health-status-courses .health-course a.btn-secondary,
.health-status-courses .health-course a.btn-primary {
    color: #fff;
    margin: 0 auto;
    margin-top: 10px;
    width: 100%
}

.health-status-courses .health-course.require-attention {
    border: 1px solid #e15858;
    background: #fff3ed
}

.health-status-courses .health-course.require-attention a.button,
.health-status-courses .health-course.require-attention a.btn-secondary,
.health-status-courses .health-course.require-attention a.btn-primary {
    background: #e15858
}

.health-status-courses .health-course.no-require-attention {
    border: 1px solid #689539;
    background: #e7f5d4
}

.health-status-courses .health-course.no-require-attention a.button,
.health-status-courses .health-course.no-require-attention a.btn-secondary,
.health-status-courses .health-course.no-require-attention a.btn-primary {
    background: #689539
}

.health-status-courses .health-course.no-require-attention .health-course-title {
    color: #689539
}

.overview-my-courses {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap
}

.my-courses-course {
    border: 1px solid #e2e3e4;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between
}

.my-courses-course a.button,
.my-courses-course a.btn-secondary,
.my-courses-course a.btn-primary {
    background: #006e96;
    color: #fff;
    width: 100%;
    margin-top: 5px;
    padding: 13px
}

.my-courses-course img.course-img {
    width: 100%
}

.my-courses-course .my-courses-content {
    padding: 15px
}

.my-courses-course .my-courses-content .my-courses-title {
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    font-weight: 600;
    color: #006e96
}

.my-courses-course .my-courses-content .my-courses-dates {
    font-size: 13px
}

.my-courses-course .my-course-bottom {
    padding: 0 15px 15px 15px
}

.my-courses-course.has-ribbon .my-courses-content {
    padding: 50px 15px 15px 15px
}

.my-courses-course:last-of-type {
    margin-right: 0
}

.my-course-online-progress {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px
}

.my-course-online-progress strong {
    font-size: 14px;
    text-transform: uppercase;
    font-size: 12px
}

.my-course-online-progress-bar {
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    color: #006e96
}

.my-course-online-progress-bar span {
    width: 15%
}

.my-course-online-progress-bar .my-course-online-progress-bar-main {
    border: 1px solid #006e96;
    height: 10px;
    padding: 1px;
    display: flex;
    align-items: stretch;
    width: 85%
}

.my-course-online-progress-bar .my-course-online-progress-bar-main .my-course-online-progress-bar-inner {
    background: #006e96;
    display: block
}

.my-course-online-titles {
    display: flex;
    justify-content: space-between
}

.my-course-grade {
    display: flex;
    align-items: center
}

.my-course-grade .my-course-grade-item {
    text-align: center;
    font-size: 24px;
    color: #929292;
    line-height: .1em
}

.my-course-grade .my-course-grade-item.active {
    background: #006e96
}

.my-course-grade .my-course-grade-item:last-of-type {
    border-right: 0
}

.my-course-grade .passed {
    color: #689539
}

.my-course-grade .failed {
    color: #e15858
}

.my-course-grade .tbd.active {
    background: #006e96;
    color: #fff
}

.icon-ios-checkmark.passed,
.you-passed {
    color: #689539
}

.my-course-ribbon {
    position: relative
}

.my-course-ribbon .my-course-ribbon-content {
    left: -10px;
    position: absolute;
    top: 18px;
    overflow: visible;
    max-width: 235px;
    min-height: 26px;
    background-color: #689536;
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1
}

.my-course-ribbon .my-course-ribbon-content::before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    border-bottom: 10px solid #486d1d;
    border-left: 10px solid transparent;
    -webkit-transform: scale(1, 0.7);
    transform: scale(1, 0.7)
}

.my-course-ribbon .my-course-ribbon-content-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding-right: 5px;
    max-width: 235px;
    min-height: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.my-course-ribbon .my-course-ribbon-content svg {
    right: -9px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    box-sizing: content-box;
    pointer-events: none;
    vertical-align: middle;
    overflow: hidden
}

.my-course-ribbon .my-course-ribbon-content-text {
    padding: 6px 2px 6px 51px;
    z-index: 2
}

.my-course-ribbon .ribbon-image {
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 3px;
    width: 30px
}

.my-course-ribbon.failed .my-course-ribbon-content {
    background-color: #e15858
}

.my-course-ribbon.failed .my-course-ribbon-content::before {
    border-bottom: 10px solid #a31c1c
}

.my-course-ribbon.failed .ribbon-image {
    top: 16px;
    color: #fff;
    font-size: 30px
}

.my-course-ribbon.resit .my-course-ribbon-content {
    background-color: #ffac29
}

.my-course-ribbon.resit .my-course-ribbon-content::before {
    border-bottom: 10px solid #ba770e
}

.my-certificates .my-courses-course {
    -webkit-box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, .3);
    border: none
}

.my-certificates .my-courses-course .my-courses-course-inner {
    padding: 15px 15px 10px 15px
}

.my-certificates .my-courses-course .my-certificate-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px
}

.my-certificates .my-courses-course .my-certificate-title .my-certificate-title-name {
    color: #fff;
    background: #006e96;
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 5px 40px 5px 20px;
    margin-left: -15px
}

.my-certificates .my-courses-course .my-certificate-title .included-certs {
    font-size: 12px;
    text-transform: uppercase
}

.my-certificates .my-courses-course .my-certificate-title .included-certs a {
    background: #f1f1f1;
    border-radius: 2px;
    padding: 4px 6px;
    color: #5f6468;
    margin-left: 5px
}

.my-certificates .my-courses-course .my-certificate-title .included-certs a:hover {
    background: #b0b0b0;
    color: #f1f1f1
}

.my-certificates .my-courses-course .download-level {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 0 0
}

.my-certificates .my-courses-course .download-level a.download-certificate {
    text-transform: uppercase;
    font-size: 12px;
    display: block
}

.my-certificates .my-courses-course .download-level .my-certificate-title-level {
    color: #92979b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 1px solid #e2e3e4;
    padding: 5px 8px
}

.my-certificates .my-courses-course .my-certificate-health {
    margin-top: 10px;
    padding: 8px;
    border-radius: 5px;
    position: relative
}

.my-certificates .my-courses-course .my-certificate-health .my-certificate-health-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.my-certificates .my-courses-course .my-certificate-health .my-certificate-health-bottom {
    margin-top: 35px;
    position: relative
}

.my-certificates .my-courses-course .my-certificate-health .my-certificate-health-bottom .my-certificate-health-percentage {
    font-size: 24px
}

.my-certificates .my-courses-course .my-certificate-health .my-certificate-health-bottom .my-certificate-health-bar {
    width: 100%
}

.my-certificates .my-courses-course .my-certificate-health .my-certificate-health-bottom .my-certificate-health-bar .my-certificate-health-bar-inner {
    background: #006e96;
    height: 100%
}

.my-certificates .my-courses-course .my-certificate-health .icon,
.my-certificates .my-courses-course .my-certificate-health .uw-captcha a.refresh-image-captcha,
.uw-captcha .my-certificates .my-courses-course .my-certificate-health a.refresh-image-captcha,
.my-certificates .my-courses-course .my-certificate-health .inline-error:before {
    font-size: 24px;
    position: absolute;
    top: 0px;
    right: 5px
}

.my-certificates .my-courses-course .my-certificate-how-to {
    margin-top: 10px;
    font-size: 12px;
    text-transform: uppercase
}

.my-certificates .my-courses-course .my-certificate-health.health-good {
    background: #f1f1f1
}

.my-certificates .my-courses-course .my-certificate-health.health-good .my-certificate-health-bar-inner {
    background: #689539 !important
}

.my-certificates .my-courses-course .my-certificate-health.health-good .icon,
.my-certificates .my-courses-course .my-certificate-health.health-good .uw-captcha a.refresh-image-captcha,
.uw-captcha .my-certificates .my-courses-course .my-certificate-health.health-good a.refresh-image-captcha,
.my-certificates .my-courses-course .my-certificate-health.health-good .inline-error:before {
    color: #689539
}

.my-certificates .my-courses-course .my-certificate-health.health-good .my-certificate-health-percentage {
    color: #689539
}

.my-certificates .my-courses-course .my-certificate-health.health-bad {
    background: #f1f1f1
}

.my-certificates .my-courses-course .my-certificate-health.health-bad .my-certificate-health-bar-inner {
    background: #e15858 !important
}

.my-certificates .my-courses-course .my-certificate-health.health-bad .icon,
.my-certificates .my-courses-course .my-certificate-health.health-bad .uw-captcha a.refresh-image-captcha,
.uw-captcha .my-certificates .my-courses-course .my-certificate-health.health-bad a.refresh-image-captcha,
.my-certificates .my-courses-course .my-certificate-health.health-bad .inline-error:before {
    color: #e15858
}

.my-certificates .my-courses-course .my-certificate-health.health-bad .my-certificate-health-percentage {
    color: #e15858
}

.my-certificates .my-courses-course .my-certificate-health.health-very-bad {
    background: #f1f1f1
}

.my-certificates .my-courses-course .my-certificate-health.health-very-bad .my-certificate-health-bar-inner {
    background: #e15858 !important
}

.my-certificates .my-courses-course .my-certificate-health.health-very-bad .icon,
.my-certificates .my-courses-course .my-certificate-health.health-very-bad .uw-captcha a.refresh-image-captcha,
.uw-captcha .my-certificates .my-courses-course .my-certificate-health.health-very-bad a.refresh-image-captcha,
.my-certificates .my-courses-course .my-certificate-health.health-very-bad .inline-error:before {
    color: #e15858
}

.my-certificates .my-courses-course .my-certificate-health.health-very-bad .my-certificate-health-percentage {
    color: #e15858
}

.my-certificates .my-courses-course .my-certificate-health.health-very-bad .my-certificate-health-percentage {
    color: #e15858
}

.my-certificates .my-courses-course .my-certificate-recert {
    padding: 10px 15px;
    background: #eee;
    font-size: 13px;
    line-height: 19px
}

.my-certificate-health-bar-progress {
    background-image: linear-gradient(to right, #248710, yellow, #be1616);
    height: 10px
}

.my-certificate-health-pointer {
    position: absolute;
    top: 40px
}

.my-certificate-health-percentage-indicator {
    background: #006e96;
    position: absolute;
    padding: 2px 0;
    width: 20px;
    text-align: center;
    color: transparent;
    font-size: 8px;
    position: relative;
    display: inline-block
}

.my-certificate-health-percentage-indicator:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px #006e96;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent
}

.my-certificate-legend {
    text-transform: uppercase;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    justify-content: space-between
}

.unauthorized-left,
.unauthorized-right {
    position: relative
}

.unauthorized-right {
    left: 0;
    width: 100%
}

.unauthorized-right .brand-up,
.unauthorized-right .brand-down {
    display: none
}

.navigation-top .navigation-links {
    display: none
}

.container-login {
    display: flex;
    flex-direction: column
}

.unauthorized-logo-wrapper {
    padding-top: 20px;
    display: flex
}

.unauthorized-logo-wrapper .unauthorized-logo img {
    height: 25px
}

.unauthorized-links {
    display: none
}

.unauthorized-intro {
    padding: 10px 0 20px 0
}

.unauthorized-intro h1,
.unauthorized-intro h3,
.unauthorized-intro p {
    display: none
}

.unauthorized-intro .button,
.unauthorized-intro .btn-secondary,
.unauthorized-intro .btn-primary {
    margin-top: 10px
}

.unauthorized-form {
    padding: 30px 0
}

.unauthorized-form .form-link {
    margin-left: 0;
    margin-top: 10px
}

.unauthorized-list {
    display: none
}

.calendar-filter-1,
.calendar-filter-2 {
    width: 100%
}

.form-search-button {
    width: 100%
}

.form-search-button .button,
.form-search-button .btn-secondary,
.form-search-button .btn-primary {
    width: 100%
}

.calendar-item {
    width: 100%
}

.calendar-item .calendar-item-1 {
    width: 100%
}

.calendar-item .calendar-item-1 a.button-muted {
    width: 100%
}

.calendar-item .calendar-item-1 a.button,
.calendar-item .calendar-item-1 a.btn-secondary,
.calendar-item .calendar-item-1 a.btn-primary {
    width: 100%
}

.calendar-item .calendar-item-1 a.first {
    margin-top: 0;
    margin-bottom: 10px
}

.calendar-item .calendar-item-2 {
    width: 100%;
    border-left: 0;
    padding: 0;
    margin-top: 10px
}

.calendar-item .calendar-item-2 .calendar-item-list {
    width: 48%;
    float: left
}

.navbar-breadcrumb {
    display: none
}

main {
    padding-top: 40px;
    padding-bottom: 40px
}

.edit-filter {
    margin-right: 0 !important
}

.table-actions .edit-filter {
    margin-right: 10px !important
}

#paginator-page-MyErc_MyErcControllerCourse_attended {
    overflow-x: auto
}

#paginator-page-MyErc_MyErcControllerCourse_attended table {
    font-size: 11px
}

.form-wrapper {
    padding: 10px
}

.form-double .column-left {
    width: 100% !important;
    margin-right: 0 !important
}

.form-double .column-right {
    width: 100% !important
}

#myerc-form-course-searchform-1 .button-muted {
    margin-top: 5px
}

.online-course-container {
    width: 100% !important;
    position: relative
}

.online-course-container .online-course {
    width: 100% !important;
    min-height: 150px !important
}

.course-title {
    background-color: rgba(0, 110, 150, .9);
    padding: 15px !important;
    color: #fff;
    width: 100%
}

.course-title h3 {
    color: #fff;
    font-weight: 400;
    text-align: center
}

.online-course-box-bottom {
    background: #f9f9f9;
    text-align: center
}

.online-course-box-bottom .panel {
    margin: 0 auto !important;
    float: none !important;
    width: 100% !important;
    text-align: left;
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px !important
}

.online-course-box-bottom .panel .title {
    font-size: 17px;
    font-weight: 400;
    padding-top: 0;
    margin-bottom: 10px
}

.online-course-box-bottom .panel .panel-item {
    border-bottom: none
}

.online-course-box-bottom .panel .panel-item .label,
.online-course-box-bottom .panel .panel-item .file-delete {
    width: 100% !important;
    display: block;
    font-weight: 700
}

.online-course-box-bottom .panel .panel-item .descr {
    font-weight: 400
}

.online-course-box-bottom .panel .panel-item .button.button-download,
.online-course-box-bottom .panel .panel-item .button-download.btn-secondary,
.online-course-box-bottom .panel .panel-item .button-download.btn-primary {
    background: #006e96;
    color: #fff
}

.online-course-box-bottom .panel .panel-item .online-courses .pie-progress__border {
    stroke-width: 9px
}

.online-course-box-bottom .panel .panel-item .online-courses .pie-progress__progress {
    stroke-width: 9px
}

.online-course-box-bottom .panel .panel-item .pie-progress {
    position: relative;
    margin: 0 auto
}

.online-course-box-bottom .panel .panel-item .pie-progress .percentage {
    font-size: 35px;
    position: absolute;
    top: 50px;
    left: 70px
}

.online-course-box-bottom .panel .panel-section-one {
    float: left;
    width: 100%
}

.online-course-box-bottom .panel .panel-section-one .start-resume-btn {
    width: 100%
}

.online-course-box-bottom .panel .panel-section-two {
    float: right;
    width: 100%
}

.already-have-account {
    display: none
}

.choose-language-certificate-form {
    margin-top: -15px;
    margin-bottom: 5px
}

@media(min-width: 576px) {
    .unauthorized-right .brand-up,
    .unauthorized-right .brand-down {
        display: block
    }
    .unauthorized-intro h1,
    .unauthorized-intro h3,
    .unauthorized-intro p {
        display: block
    }
    .unauthorized-form .form-link {
        margin-left: 10px
    }
    .navigation-top .navigation-links {
        display: block
    }
    .unauthorized-list {
        display: block
    }
    .navbar-breadcrumb {
        display: inline-block
    }
    #paginator-page-MyErc_MyErcControllerCourse_attended table {
        font-size: 14px
    }
}

@media(min-width: 768px) {
    .hello-dashboard {
        padding: 20px
    }
    .health-status-courses {
        margin-bottom: 20px
    }
    .health-status-courses .health-course {
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .health-status-courses .health-course .health-course-icon {
        display: block
    }
    .health-status-courses .health-course a.button,
    .health-status-courses .health-course a.btn-secondary,
    .health-status-courses .health-course a.btn-primary {
        float: right;
        margin: 0;
        width: auto
    }
    .i-am-a-dashboard .half {
        width: 49%;
        margin-bottom: 0
    }
    .calendar-filter-1,
    .calendar-filter-2 {
        width: 48%
    }
    .form-search-button .button,
    .form-search-button .btn-secondary,
    .form-search-button .btn-primary {
        width: auto
    }
    .form-wrapper {
        padding: 35px
    }
    .form-double .column-left {
        width: 49% !important;
        margin-right: 2% !important
    }
    .form-double .column-right {
        width: 49% !important
    }
    #myerc-form-course-searchform-1 .button-muted {
        margin-top: 0px
    }
    .online-course-container .online-course {
        min-height: 300px !important
    }
    .course-title {
        position: absolute;
        top: 200px
    }
    .choose-language-certificate-form {
        width: 70%
    }
    .vital-course-description {
        display: flex;
        width: 100% !important;
        flex-direction: row-reverse
    }
    .vital-course-description .vital-course-tasks {
        margin-top: 0 !important;
        margin-right: 20px;
        width: 320px
    }
    .vital-course-description.otherConfig {
        display: block
    }
    .my-courses-course {
        border: 1px solid #e2e3e4;
        width: 48.5%;
        display: inline-block;
        margin-right: 1%
    }
}

@media(min-width: 992px) {
    #myerc-form-user-notificationform-1 {
        display: flex
    }
    .hello-dashboard {
        display: flex;
        justify-content: space-between
    }
    .hello-dashboard .trinity-box {
        width: 50%
    }
    .hello-dashboard .trinity-box span.icon,
    .hello-dashboard .trinity-box span.inline-error:before {
        display: block
    }
    .dashboard-pending-tasks {
        display: flex
    }
    .dashboard-pending-tasks .pending-task {
        width: 24.25%;
        margin: 0 1% 0 0 !important
    }
    .link-box-wrapper {
        width: 50%
    }
    .unauthorized-left,
    .unauthorized-right {
        position: fixed
    }
    .unauthorized-left {
        right: 40%
    }
    .unauthorized-right {
        left: 60%;
        width: auto
    }
    .unauthorized-logo-wrapper {
        padding-top: 40px;
        display: block
    }
    .unauthorized-logo-wrapper .unauthorized-logo img {
        height: 40px
    }
    .unauthorized-links {
        display: block
    }
    .unauthorized-intro .button,
    .unauthorized-intro .btn-secondary,
    .unauthorized-intro .btn-primary {
        margin-top: 35px
    }
    .calendar-item {
        width: 49%
    }
    .calendar-item .calendar-item-1 {
        width: 50%
    }
    .calendar-item .calendar-item-1 a.button-muted {
        width: auto
    }
    .calendar-item .calendar-item-1 a.button,
    .calendar-item .calendar-item-1 a.btn-secondary,
    .calendar-item .calendar-item-1 a.btn-primary {
        width: auto
    }
    .calendar-item .calendar-item-1 a.first {
        margin-top: 0;
        margin-bottom: 10px
    }
    .calendar-item .calendar-item-2 {
        width: 47%;
        border-left: 1px solid #e2e3e4;
        padding: 0 0 0 3%;
        margin-top: 10px
    }
    .calendar-item .calendar-item-2 .calendar-item-list {
        width: 48%;
        float: left
    }
    .already-have-account {
        display: inline-block
    }
    .online-course-box-bottom .panel {
        width: 60% !important
    }
    .online-course-box-bottom .panel .panel-section-one {
        width: 48%
    }
    .online-course-box-bottom .panel .panel-section-two {
        width: 48%
    }
}

@media(min-width: 1222px) {
    .choose-language-certificate-form {
        width: 50%
    }
}

@media(min-width: 1400px) {
    .overview-my-courses {
        max-width: 1100px
    }
}

.online-stats-container .icon-checkmark-circled {
    color: #689539
}

.online-stats-container .icon-ios-close {
    color: #e15858
}

.quiz-question .icon-checkmark {
    color: #689539
}

.pie-progress {
    width: 30px;
    display: inline-block;
    text-align: center
}

.pie-progress .pie-progress__pie {
    -webkit-transform: rotate(-89.8deg);
    -ms-transform: rotate(-89.8deg);
    transform: rotate(-89.8deg)
}

.pie-progress .pie-progress__border {
    stroke: rgba(49, 53, 55, .1);
    stroke-width: 2;
    fill: transparent;
    -webkit-transition: opacity .3 .3s;
    transition: opacity .3 .3s
}

.pie-progress .brand--stroke {
    stroke: #689539 !important
}

.pie-progress .not-taken {
    stroke: gray !important
}

.pie-progress .passed {
    stroke: #689539 !important
}

.pie-progress .failed {
    stroke: #e15858 !important
}

.pie-progress .pie-progress__progress {
    stroke: #50abf1;
    stroke-width: 2;
    fill: transparent;
    -webkit-transition: stroke-dashoffset .4s ease-out, fill .3s .3s;
    transition: stroke-dashoffset .4s ease-out, fill .3s .3s
}

.pie-progress.overview {
    width: 20px;
    padding-left: 2px
}

.pie-progress.appraisal {
    width: 45px;
    padding-left: 10px
}

.pie-progress.online-courses {
    width: 200px;
    text-align: left;
    vertical-align: top
}

.pie-progress.online-courses .percentage {
    display: inline-block;
    vertical-align: top
}

.reports .filter {
    min-height: 210px
}

.flash ul {
    text-align: left
}

.checkbox-group .big-ones .control {
    width: 100% !important
}

.form-wrapper.extended label.control.checkbox {
    margin-left: 0
}

.sub-assets {
    margin-bottom: 10px
}

.sub-assets .form-item {
    display: flex;
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 25px
}

.sub-assets .form-item label {
    margin-top: 0 auto
}

.sub-assets .form-item .form-output span {
    margin-top: 0
}

#myerc-form-user-courseorganizing-group-participant-searchform-1 .form-output.checkbox-group .checkbox.control {
    margin-left: 0
}

#recertification-config-container .display-info {
    min-height: 100px;
    border: 1px solid #e2e3e4;
    padding: 20px
}

#recertification-config-container .display-info .panel-header,
#recertification-config-container .display-info .panel-edit,
#recertification-config-container .display-info .panel-info {
    text-align: center
}

#recertification-config-container .drop-zone .panel-body,
#recertification-config-container .drop-mandatory .panel-body {
    overflow-y: auto
}

#recertification-config-container .hidden {
    display: none
}

#recertification-config-container .icon-close-circled {
    color: red;
    float: right;
    margin-right: 4px;
    font-size: 14px
}

#recertification-config-container .modules {
    text-align: center;
    min-height: 200px
}

#recertification-config-container .type-online-course .bootstrap-badge {
    background-color: #0a6aa1
}

#recertification-config-container .type-online-course .panel-body {
    background-color: #0a6aa1
}

#recertification-config-container .type-faculty .bootstrap-badge {
    background-color: #0d6632
}

#recertification-config-container .type-faculty .panel-body {
    background-color: #0d6632
}

#recertification-config-container .type-participant .bootstrap-badge {
    background-color: #8a6d3b
}

#recertification-config-container .type-participant .panel-body {
    background-color: #8a6d3b
}

#recertification-config-container .type-educator-evidence .bootstrap-badge {
    background-color: #c46c00
}

#recertification-config-container .type-educator-evidence .panel-body {
    background-color: #c46c00
}

#recertification-config-container .module {
    width: 250px;
    padding: 0;
    margin-right: 20px;
    z-index: 100
}

#recertification-config-container .module .panel-header {
    border-bottom: 1px solid #e2e3e4;
    width: 100%
}

#recertification-config-container .module .panel-header .bootstrap-badge {
    font-weight: normal;
    margin: 4px 0 0 4px;
    float: left;
    color: #fff
}

#recertification-config-container .module .panel-body {
    height: 125px;
    cursor: pointer;
    padding: 10px
}

#recertification-config-container .module .panel-body .tooltip {
    color: #fff;
    font-size: 50px
}

#recertification-config-container .module .panel-body .icon-edit {
    color: #fff;
    font-size: 30px
}

#recertification-config-container .module .panel-edit {
    padding: 0;
    border-top: 1px solid #e2e3e4;
    height: 50px
}

legend.normal {
    font-size: inherit;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none
}

#myerc-form-recertificationconfig-module-moduleform-1 .list,
#myerc-form-recertificationconfig-module-moduleform-1 .form-wrapper {
    max-width: none
}

#myerc-form-user-notificationform-1 {
    width: 100%
}

#myerc-form-user-notificationform-1 button {
    margin-left: 15px
}

.modal-footer {
    padding-bottom: 25px
}

#recertification-config-container div.half-col {
    float: left;
    width: 21%
}

#recertification-config-container div.half-col .module {
    width: 100%
}

#recertification-config-container div.half-col.last {
    float: right;
    width: 75%
}

#recertification-config-container div.half-col.last .module {
    width: 250px
}

.vital-hero {
    padding-bottom: 30px
}

.vital-hero h1 {
    font-size: 17px;
    margin-top: 20px
}

.vital-course-titel {
    background: #006e96;
    padding: 15px;
    border-radius: 3px;
    margin: 10px 0 30px 0;
    display: flex;
    justify-content: space-between
}

.vital-course-titel h2 {
    font-size: 21px;
    color: #fff;
    line-height: 1
}

.vital-course-titel .vital-course-title-date {
    color: #fff
}

.vital-course-description {
    width: 80%
}

.vital-course-description .vital-course-tasks {
    background: #f9f9f9;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px
}

.vital-course-description .vital-course-tasks h6 {
    padding: 10px 15px;
    background: #006e96;
    color: #fff
}

.vital-course-description .vital-course-tasks .vital-course-tasks-content {
    padding: 15px
}

.vital-modules {
    background: #f9f9f9;
    border-top: 1px solid #e8eaed;
    padding: 30px 20px 10px 20px;
    margin-bottom: 30px
}

.vital-modules h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0
}

.vital-modules p {
    margin-top: -10px;
    margin-bottom: 15px
}

.keep-vital-card {
    background: #fff;
    border: 1px solid #e8eaed;
    width: 100%;
    margin-bottom: 20px
}

.keep-vital-card .keep-vital-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: rgba(0, 110, 150, .2);
    color: #006e96;
    font-size: 15px;
    font-weight: 600
}

.keep-vital-card .keep-vital-card-title span.module-name {
    color: #006e96;
    border: 1px solid #006e96;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: -3px;
    padding: 5px;
    margin-right: 10px;
    text-transform: uppercase
}

.keep-vital-card .keep-vital-card-title-category .label,
.keep-vital-card .keep-vital-card-title-category .file-delete {
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -2px
}

.keep-vital-card .keep-vital-card-content {
    background: #fff;
    padding: 15px;
    overflow-x: auto
}

.vitality-check {
    color: #48c878;
    font-size: 16px;
    vertical-align: middle
}

.vitality-status-bar {
    margin: 0;
    padding: 0;
    margin-top: 20px
}

.vitality-status-bar li {
    display: inline-block;
    list-style-type: none;
    width: 80px;
    height: 40px
}

.vitality-status-bar li div {
    border: 1px solid #fff;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.vitality-status-bar li div span {
    color: #fff
}

.vitality-status-bar li.mandatory {
    border: 4px solid #78d2dc
}

.vitality-status-bar li.mandatory .complete {
    background: #78d2dc
}

.vitality-status-bar li.other {
    border: 4px solid #cce0e8
}

.vitality-status-bar li.other .complete {
    background: #cce0e8
}

.vitality-pause {
    padding: 5px 10px;
    background: #b1d0df;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    display: inline
}

.radio-inline-forced .radio-inline {
    width: 100%
}

.radio-inline-forced .radio-inline strong {
    width: 100%
}

.big-radio-inline .radio-inline {
    width: 100%
}

.big-radio-inline .radio-inline strong {
    width: auto
}

.refine-selection {
    background: #fcfcfc;
    border-top: 2px solid #efefef;
    padding: 30px 0 30px 0px;
    margin-top: 20px
}

.refine-selection label {
    padding-left: 40px
}

.divider-form {
    margin: 40px 0
}

#onlineCourse-birthDate {
    margin-bottom: 0
}

.course-seat-convert .form-output {
    width: 100%
}

.recipient-list-form h3 {
    margin-bottom: 20px;
    background: #006e96;
    color: #fff;
    padding: 10px;
    font-size: 24px;
    display: flex
}

.recipient-list-form h3 .number {
    background: #fff;
    color: #006e96;
    border-radius: 50%;
    padding: 15px;
    display: inline-block;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    font-weight: 700;
    margin-right: 10px
}

.recipient-list-form h3.second-title {
    margin-top: 40px
}

.recipient-list-form .group {
    border: 1px solid #ddd;
    background: #fcfcfc;
    padding: 20px;
    border-radius: 4px
}

.recipient-list-form .group label {
    width: 100%;
    margin-top: 0px
}

.recipient-list-form .group button {
    background-color: #e2e3e4
}

.recipient-list-form .group.second {
    border: 1px solid #ddd;
    background: #fcfcfc;
    padding: 20px;
    border-radius: 4px
}

.recipient-list-form .group.second label {
    width: 100%;
    margin-bottom: 10px
}

.recipient-list-form .sep-line {
    border-right: 1px solid #ddd;
    width: 37px;
    height: 10px;
    display: block
}

.recipient-list-form .or {
    font-size: 13px;
    background-color: rgba(0, 110, 150, .2);
    padding: 5px 25px;
    border-radius: 12px;
    color: #006e96;
    display: inline-block;
    font-weight: 600
}

.recipient-list-form .hide-label,
.recipient-list-form .faculty-date-ranges,
.recipient-list-form .participant-date-ranges {
    margin-top: 20px
}

.recipient-list-form .form-save {
    margin-right: 0 !important
}

#myerc-form-privacy-dataapplicationform-1 label {
    width: 100%
}

#myerc-form-privacy-dataapplicationform-1 .form-output {
    width: 100%
}

@media(max-width: 850px) {
    .tabs {
        border-bottom: 0 !important
    }
    .tabs li {
        width: 100%
    }
    .tabs li a {
        width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #fff !important
    }
    .tabs li a.active {
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        background: #006e96 !important;
        color: #fff !important
    }
}

.collection-buttons button {
    padding: 5px 10px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0
}

.panel.select-user {
    border-radius: 5px;
    padding: 0
}

.panel.select-user .select-user-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f4f4f4;
    padding: 10px
}

.panel.select-user .select-user-top .button,
.panel.select-user .select-user-top .btn-primary,
.panel.select-user .select-user-top .btn-secondary {
    padding: 8px !important;
    line-height: 1
}

.panel.select-user .select-user.name {
    font-weight: bold;
    text-transform: uppercase;
    color: #006e96
}

.panel.select-user .select-user.name span {
    font-weight: normal
}

.panel.select-user .select-user-tag {
    font-weight: normal;
    text-transform: uppercase;
    color: #92979b;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: -5px
}

.panel.select-user .select-user-tag.certifs {
    margin-top: 10px !important
}

.panel.select-user .select-user.username {
    background: #fff;
    padding: 8px;
    color: #82878c;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 1
}

.panel.select-user .panel-body {
    padding: 10px
}

.panel.select-user .panel-body .fll,
.panel.select-user .panel-body .flr {
    width: 45%;
    margin-bottom: 5px
}

.panel.select-user .panel-body .select-user-tag {
    margin-bottom: 0;
    margin-top: 5px
}

.panel.select-user .panel-body ul {
    margin-top: 5px
}

.button.outline,
.outline.btn-primary,
.outline.btn-secondary {
    border: 1px solid #006e96
}

.select-user-btn {
    display: flex;
    justify-content: flex-end
}

.select-user-btn .button.outline,
.select-user-btn .outline.btn-primary,
.select-user-btn .outline.btn-secondary {
    margin-left: 10px
}

.ld.reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ld.xhalf {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.ld.x1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.ld.x2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.ld.x4 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.ld.running {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ld.paused {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ld.f00 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.ld.f01 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.ld.f02 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.ld.f03 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.ld.f04 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.ld.f05 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.ld.f06 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.ld.f07 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.ld.f08 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.ld.f09 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.ld.f10 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.ld-ball,
.ld-ring,
.ld-hourglass,
.ld-loader,
.ld-cross,
.ld-square,
.ld-pie,
.ld-spinner {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block
}

.ld-ball:after,
.ld-ring:after,
.ld-hourglass:after,
.ld-loader:after,
.ld-cross:after,
.ld-square:after,
.ld-pie:after,
.ld-spinner:after {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: inline-block;
    background: center center no-repeat;
    background-size: cover
}

.ld-ball:after {
    border-radius: 50%;
    background: currentColor
}

.ld-pie:after {
    width: 0;
    height: 0;
    border-radius: 50%;
    border-style: solid;
    border-width: .5em;
    -webkit-background-clip: padding-box;
    border-color: currentColor currentColor currentColor transparent
}

.ld-ring:after {
    border-radius: 50%;
    border-style: solid;
    border-width: .15em;
    -webkit-background-clip: padding-box;
    border-color: currentColor currentColor currentColor transparent;
    box-sizing: border-box
}

.ld-hourglass:after {
    width: 0;
    height: 0;
    background: none;
    border-radius: 50%;
    border-style: solid;
    border-width: .5em;
    border-color: currentColor transparent currentColor transparent
}

.ld-cross:after {
    width: 18%;
    height: 18%;
    background: currentColor;
    box-shadow: 0 .18em 0 1px currentColor, 0 -0.18em 0 1px currentColor, .18em 0 0 1px currentColor, -0.18em 0 0 1px currentColor, 0 .36em 0 1px currentColor, 0 -0.36em 0 1px currentColor, .36em 0 0 1px currentColor, -0.36em 0 0 1px currentColor
}

.ld-square:after {
    width: 90%;
    height: 90%;
    background: currentColor
}

.ld-spinner:after {
    width: 20%;
    height: 20%;
    border-radius: 50%;
    background: none;
    box-shadow: 0 .5em 0 0 currentColor, 0 -0.5em 0 0 currentColor, .5em 0 0 0 currentColor, -0.5em 0 0 0 currentColor, .3535533906em .3535533906em 0 0 currentColor, -0.3535533906em .3535533906em 0 0 currentColor, .3535533906em -0.3535533906em 0 0 currentColor, -0.3535533906em -0.3535533906em 0 0 currentColor
}

.ld-loader {
    background-size: cover
}

@keyframes ld-blink {
    0% {
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes ld-blink {
    0% {
        opacity: 1
    }
    49% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.ld.ld-blink {
    -webkit-animation: ld-blink 1s infinite linear;
    animation: ld-blink 1s infinite linear
}

@keyframes ld-blur {
    0% {
        filter: blur(0)
    }
    50% {
        filter: blur(5px)
    }
    100% {
        filter: blur(0)
    }
}

@-webkit-keyframes ld-blur {
    0% {
        filter: blur(0)
    }
    50% {
        filter: blur(5px)
    }
    100% {
        filter: blur(0)
    }
}

.ld.ld-blur {
    -webkit-animation: ld-blur 1s infinite;
    animation: ld-blur 1s infinite
}

@keyframes ld-breath {
    0% {
        -webkit-transform: scale(0.86);
        transform: scale(0.86)
    }
    50% {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
    100% {
        -webkit-transform: scale(0.86);
        transform: scale(0.86)
    }
}

@-webkit-keyframes ld-breath {
    0% {
        -webkit-transform: scale(0.86);
        transform: scale(0.86)
    }
    50% {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
    100% {
        -webkit-transform: scale(0.86);
        transform: scale(0.86)
    }
}

.ld.ld-breath {
    -webkit-animation: ld-breath 1s infinite;
    animation: ld-breath 1s infinite
}

@keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, .9)
    }
    19% {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, .7)
    }
    20% {
        box-shadow: 0 0 0 6px rgba(0, 0, 0, .8)
    }
    39% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, .6)
    }
    40% {
        box-shadow: 0 0 0 9px rgba(0, 0, 0, .7)
    }
    60% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, .6);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    100% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, .2)
    }
}

@-webkit-keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, .9)
    }
    19% {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, .7)
    }
    20% {
        box-shadow: 0 0 0 6px rgba(0, 0, 0, .8)
    }
    39% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, .6)
    }
    40% {
        box-shadow: 0 0 0 9px rgba(0, 0, 0, .7)
    }
    60% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, .6);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    100% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, .2)
    }
}

.ld.ld-broadcast {
    -webkit-animation: ld-broadcast 1s infinite ease-out;
    animation: ld-broadcast 1s infinite ease-out;
    border-radius: 50%
}

@keyframes ld-clock {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    8.333% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    16.667% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    33.333% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }
    41.667% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    58.333% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg)
    }
    66.667% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    83.333% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }
    91.667% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-clock {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    8.333% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    16.667% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    33.333% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }
    41.667% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    58.333% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg)
    }
    66.667% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    83.333% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }
    91.667% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ld.ld-clock {
    -webkit-animation: ld-clock 9s infinite cubic-bezier(0, 0.7, 0.3, 1);
    animation: ld-clock 9s infinite cubic-bezier(0, 0.7, 0.3, 1)
}

@keyframes ld-cycle {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5)
    }
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-cycle {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5)
    }
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ld.ld-cycle {
    -webkit-animation: ld-cycle 1s infinite linear;
    animation: ld-cycle 1s infinite linear
}

@keyframes ld-fade {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes ld-fade {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ld.ld-fade {
    -webkit-animation: ld-fade 1s infinite linear;
    animation: ld-fade 1s infinite linear
}

@keyframes ld-flip {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
    25% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg)
    }
    75% {
        -webkit-transform: rotateY(0deg) rotateX(180deg);
        transform: rotateY(0deg) rotateX(180deg)
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

@-webkit-keyframes ld-flip {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
    25% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg)
    }
    75% {
        -webkit-transform: rotateY(0deg) rotateX(180deg);
        transform: rotateY(0deg) rotateX(180deg)
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

.ld.ld-flip {
    -webkit-animation: ld-flip 2s infinite;
    animation: ld-flip 2s infinite
}

@keyframes ld-flip-v {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateX(180deg) rotateY(0deg);
        transform: rotateX(180deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
}

@-webkit-keyframes ld-flip-v {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateX(180deg) rotateY(0deg);
        transform: rotateX(180deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
}

.ld.ld-flip-v {
    -webkit-animation: ld-flip-v 1s infinite;
    animation: ld-flip-v 1s infinite
}

@keyframes ld-flip-h {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

@-webkit-keyframes ld-flip-h {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

.ld.ld-flip-h {
    -webkit-animation: ld-flip-h 1s infinite;
    animation: ld-flip-h 1s infinite
}

@keyframes ld-coin-v {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(1800deg);
        transform: rotateX(1800deg)
    }
    100% {
        -webkit-transform: rotateX(3600deg);
        transform: rotateX(3600deg)
    }
}

@-webkit-keyframes ld-coin-v {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(1800deg);
        transform: rotateX(1800deg)
    }
    100% {
        -webkit-transform: rotateX(3600deg);
        transform: rotateX(3600deg)
    }
}

.ld.ld-coin-v {
    -webkit-animation: ld-coin-v 2s infinite;
    animation: ld-coin-v 2s infinite
}

@keyframes ld-coin-h {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg)
    }
    100% {
        -webkit-transform: rotateY(3600deg);
        transform: rotateY(3600deg)
    }
}

@-webkit-keyframes ld-coin-h {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg)
    }
    100% {
        -webkit-transform: rotateY(3600deg);
        transform: rotateY(3600deg)
    }
}

.ld.ld-coin-h {
    -webkit-animation: ld-coin-h 2s infinite;
    animation: ld-coin-h 2s infinite
}

@keyframes ld-heartbeat {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
    39% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ld-heartbeat {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
    39% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ld.ld-heartbeat {
    -webkit-animation: ld-heartbeat .8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: ld-heartbeat .8s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}

@keyframes ld-radio {
    0% {
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1)
    }
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
    5% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes ld-radio {
    0% {
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1)
    }
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
    5% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

.ld.ld-radio {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0
}

.ld.ld-radio:after {
    -webkit-animation: ld-radio 1s infinite;
    animation: ld-radio 1s infinite;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 6px solid #000;
    border-radius: 50%;
    background: none
}

.ld.ld-radio.square:after {
    border-radius: 0
}

@keyframes ld-rotate {
    0%,
    33%,
    66%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    16%,
    50%,
    83% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5)
    }
    16% {
        -webkit-transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1)
    }
    33% {
        -webkit-transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1)
    }
    50% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2);
        transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2)
    }
    66% {
        -webkit-transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1)
    }
    83% {
        -webkit-transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1)
    }
    100% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5)
    }
}

@-webkit-keyframes ld-rotate {
    0%,
    33%,
    66%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    16%,
    50%,
    83% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5)
    }
    16% {
        -webkit-transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1)
    }
    33% {
        -webkit-transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1)
    }
    50% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2);
        transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2)
    }
    66% {
        -webkit-transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1)
    }
    83% {
        -webkit-transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1)
    }
    100% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5)
    }
}

.ld.ld-rotate {
    -webkit-animation: ld-rotate 1s infinite;
    animation: ld-rotate 1s infinite
}

@keyframes ld-rubber {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    20% {
        -webkit-transform: scale(1.5, 1);
        transform: scale(1.5, 1)
    }
    30% {
        -webkit-transform: scale(0.8, 1);
        transform: scale(0.8, 1)
    }
    40% {
        -webkit-transform: scale(1.3, 1);
        transform: scale(1.3, 1)
    }
    50% {
        -webkit-transform: scale(0.85, 1);
        transform: scale(0.85, 1)
    }
    60% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1)
    }
    70% {
        -webkit-transform: scale(0.9, 1);
        transform: scale(0.9, 1)
    }
    80% {
        -webkit-transform: scale(1.1, 1);
        transform: scale(1.1, 1)
    }
    90% {
        -webkit-transform: scale(0.95, 1);
        transform: scale(0.95, 1)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ld-rubber {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    20% {
        -webkit-transform: scale(1.5, 1);
        transform: scale(1.5, 1)
    }
    30% {
        -webkit-transform: scale(0.8, 1);
        transform: scale(0.8, 1)
    }
    40% {
        -webkit-transform: scale(1.3, 1);
        transform: scale(1.3, 1)
    }
    50% {
        -webkit-transform: scale(0.85, 1);
        transform: scale(0.85, 1)
    }
    60% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1)
    }
    70% {
        -webkit-transform: scale(0.9, 1);
        transform: scale(0.9, 1)
    }
    80% {
        -webkit-transform: scale(1.1, 1);
        transform: scale(1.1, 1)
    }
    90% {
        -webkit-transform: scale(0.95, 1);
        transform: scale(0.95, 1)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.ld.ld-rubber {
    -webkit-animation: ld-rubber 1s ease-out infinite;
    animation: ld-rubber 1s ease-out infinite
}

@keyframes ld-shadow {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
    }
    50% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
    }
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }
    50% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, .9)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }
}

@-webkit-keyframes ld-shadow {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
    }
    50% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
    }
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }
    50% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, .9)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }
}

.ld.ld-shadow {
    -webkit-animation: ld-shadow 1s infinite;
    animation: ld-shadow 1s infinite;
    border-radius: 50%
}

@keyframes ld-shadow-a {
    0% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, .5)
    }
    8.33% {
        box-shadow: 3px 1px 0 6px rgba(0, 0, 0, .5)
    }
    16.67% {
        box-shadow: 2px 3px 0 6px rgba(0, 0, 0, .5)
    }
    25% {
        box-shadow: 0px 3px 0 6px rgba(0, 0, 0, .5)
    }
    33.33% {
        box-shadow: -1px 3px 0 6px rgba(0, 0, 0, .5)
    }
    41.67% {
        box-shadow: -3px 1px 0 6px rgba(0, 0, 0, .5)
    }
    50% {
        box-shadow: -3px 0px 0 6px rgba(0, 0, 0, .5)
    }
    58.33% {
        box-shadow: -3px -1px 0 6px rgba(0, 0, 0, .5)
    }
    66.67% {
        box-shadow: -2px -3px 0 6px rgba(0, 0, 0, .5)
    }
    75% {
        box-shadow: 0px -3px 0 6px rgba(0, 0, 0, .5)
    }
    83.33% {
        box-shadow: 2px -3px 0 6px rgba(0, 0, 0, .5)
    }
    91.67% {
        box-shadow: 3px -2px 0 6px rgba(0, 0, 0, .5)
    }
    100% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, .5)
    }
}

@-webkit-keyframes ld-shadow-a {
    0% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, .5)
    }
    8.33% {
        box-shadow: 3px 1px 0 6px rgba(0, 0, 0, .5)
    }
    16.67% {
        box-shadow: 2px 3px 0 6px rgba(0, 0, 0, .5)
    }
    25% {
        box-shadow: 0px 3px 0 6px rgba(0, 0, 0, .5)
    }
    33.33% {
        box-shadow: -1px 3px 0 6px rgba(0, 0, 0, .5)
    }
    41.67% {
        box-shadow: -3px 1px 0 6px rgba(0, 0, 0, .5)
    }
    50% {
        box-shadow: -3px 0px 0 6px rgba(0, 0, 0, .5)
    }
    58.33% {
        box-shadow: -3px -1px 0 6px rgba(0, 0, 0, .5)
    }
    66.67% {
        box-shadow: -2px -3px 0 6px rgba(0, 0, 0, .5)
    }
    75% {
        box-shadow: 0px -3px 0 6px rgba(0, 0, 0, .5)
    }
    83.33% {
        box-shadow: 2px -3px 0 6px rgba(0, 0, 0, .5)
    }
    91.67% {
        box-shadow: 3px -2px 0 6px rgba(0, 0, 0, .5)
    }
    100% {
        box-shadow: 3px 0px 0 6px rgba(0, 0, 0, .5)
    }
}

.ld.ld-shadow-a {
    -webkit-animation: ld-shadow-a .5s infinite;
    animation: ld-shadow-a .5s infinite;
    box-shadow: 3px 0px 0 6px rgba(0, 0, 0, .5);
    border-radius: 50%
}

@keyframes ld-skew {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    25%,
    75% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    0% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }
    25% {
        -webkit-transform: skewX(0deg) scale(0.9);
        transform: skewX(0deg) scale(0.9)
    }
    50% {
        -webkit-transform: skewX(-20deg) scale(1);
        transform: skewX(-20deg) scale(1)
    }
    75% {
        -webkit-transform: skewX(0deg) scale(0.9);
        transform: skewX(0deg) scale(0.9)
    }
    100% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }
}

@-webkit-keyframes ld-skew {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    25%,
    75% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    0% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }
    25% {
        -webkit-transform: skewX(0deg) scale(0.9);
        transform: skewX(0deg) scale(0.9)
    }
    50% {
        -webkit-transform: skewX(-20deg) scale(1);
        transform: skewX(-20deg) scale(1)
    }
    75% {
        -webkit-transform: skewX(0deg) scale(0.9);
        transform: skewX(0deg) scale(0.9)
    }
    100% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }
}

.ld.ld-skew {
    -webkit-animation: ld-skew 1s infinite;
    animation: ld-skew 1s infinite
}

@keyframes ld-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ld.ld-spin {
    -webkit-animation: ld-spin 1s infinite;
    animation: ld-spin 1s infinite
}

@keyframes ld-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-webkit-keyframes ld-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

.ld.ld-spin-fast {
    -webkit-animation: ld-spin-fast 1s infinite;
    animation: ld-spin-fast 1s infinite
}

@keyframes ld-squeeze {
    0% {
        -webkit-transform: scale(1, 0.5);
        transform: scale(1, 0.5)
    }
    50% {
        -webkit-transform: scale(0.5, 1);
        transform: scale(0.5, 1)
    }
    100% {
        -webkit-transform: scale(1, 0.5);
        transform: scale(1, 0.5)
    }
}

@-webkit-keyframes ld-squeeze {
    0% {
        -webkit-transform: scale(1, 0.5);
        transform: scale(1, 0.5)
    }
    50% {
        -webkit-transform: scale(0.5, 1);
        transform: scale(0.5, 1)
    }
    100% {
        -webkit-transform: scale(1, 0.5);
        transform: scale(1, 0.5)
    }
}

.ld.ld-squeeze {
    -webkit-animation: ld-squeeze .8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: ld-squeeze .8s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}

@keyframes ld-surprise {
    0% {
        -webkit-transform: skewX(0deg) scale(1);
        transform: skewX(0deg) scale(1)
    }
    10% {
        -webkit-transform: skewX(-15deg) scale(0.8);
        transform: skewX(-15deg) scale(0.8)
    }
    20% {
        -webkit-transform: skewX(-15deg) scale(0.8);
        transform: skewX(-15deg) scale(0.8)
    }
    30% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    40% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
    50% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    60% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
    70% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    80% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
    90% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    100% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
}

@-webkit-keyframes ld-surprise {
    0% {
        -webkit-transform: skewX(0deg) scale(1);
        transform: skewX(0deg) scale(1)
    }
    10% {
        -webkit-transform: skewX(-15deg) scale(0.8);
        transform: skewX(-15deg) scale(0.8)
    }
    20% {
        -webkit-transform: skewX(-15deg) scale(0.8);
        transform: skewX(-15deg) scale(0.8)
    }
    30% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    40% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
    50% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    60% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
    70% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    80% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
    90% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }
    100% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
}

.ld.ld-surprise {
    -webkit-animation: ld-surprise 1s infinite linear;
    animation: ld-surprise 1s infinite linear
}

@keyframes ld-tick {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    20% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    30% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    40% {
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg)
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes ld-tick {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    20% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    30% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    40% {
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg)
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.ld.ld-tick {
    -webkit-animation: ld-tick 1s ease-out infinite;
    animation: ld-tick 1s ease-out infinite
}

@keyframes ld-vortex-in {
    0% {
        -webkit-transform: rotate(1800deg) scale(3);
        transform: rotate(1800deg) scale(3);
        opacity: 0
    }
    60% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes ld-vortex-in {
    0% {
        -webkit-transform: rotate(1800deg) scale(3);
        transform: rotate(1800deg) scale(3);
        opacity: 0
    }
    60% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ld.ld-vortex-in {
    -webkit-animation: ld-vortex-in 2s infinite;
    animation: ld-vortex-in 2s infinite;
    animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7)
}

@keyframes ld-vortex-out {
    0% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 1
    }
    60% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 0
    }
}

@-webkit-keyframes ld-vortex-out {
    0% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 1
    }
    60% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 0
    }
}

.ld.ld-vortex-out {
    -webkit-animation: ld-vortex-out 2s infinite;
    animation: ld-vortex-out 2s infinite;
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
}

@keyframes ld-wrench {
    20%,
    36%,
    70%,
    86% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    0%,
    50%,
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes ld-wrench {
    20%,
    36%,
    70%,
    86% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    0%,
    50%,
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.ld.ld-wrench {
    -webkit-animation: ld-wrench 1s infinite;
    animation: ld-wrench 1s infinite
}

@keyframes ld-pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    51% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@-webkit-keyframes ld-pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    51% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.ld.ld-pulse {
    -webkit-animation: ld-pulse .8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: ld-pulse .8s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}

@keyframes ld-bounce {
    0%,
    90% {
        animation-timing-function: linear
    }
    10% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    50% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0%, 30%) scaleY(0.5);
        transform: translate(0%, 30%) scaleY(0.5)
    }
    10% {
        -webkit-transform: translate(0%, 5%) scaleY(1.1);
        transform: translate(0%, 5%) scaleY(1.1)
    }
    50% {
        -webkit-transform: translate(0%, -37%) scaleY(1.1);
        transform: translate(0%, -37%) scaleY(1.1)
    }
    90% {
        -webkit-transform: translate(0%, 5%) scaleY(1.1);
        transform: translate(0%, 5%) scaleY(1.1)
    }
    100% {
        -webkit-transform: translate(0%, 30%) scaleY(0.5);
        transform: translate(0%, 30%) scaleY(0.5)
    }
}

@-webkit-keyframes ld-bounce {
    0%,
    90% {
        animation-timing-function: linear
    }
    10% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    50% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0%, 30%) scaleY(0.5);
        transform: translate(0%, 30%) scaleY(0.5)
    }
    10% {
        -webkit-transform: translate(0%, 5%) scaleY(1.1);
        transform: translate(0%, 5%) scaleY(1.1)
    }
    50% {
        -webkit-transform: translate(0%, -37%) scaleY(1.1);
        transform: translate(0%, -37%) scaleY(1.1)
    }
    90% {
        -webkit-transform: translate(0%, 5%) scaleY(1.1);
        transform: translate(0%, 5%) scaleY(1.1)
    }
    100% {
        -webkit-transform: translate(0%, 30%) scaleY(0.5);
        transform: translate(0%, 30%) scaleY(0.5)
    }
}

.ld.ld-bounce {
    -webkit-animation: ld-bounce 1s infinite;
    animation: ld-bounce 1s infinite
}

@keyframes ld-bounce-rtl {
    0% {
        -webkit-transform: translate(160%, -40%);
        transform: translate(160%, -40%)
    }
    12.5% {
        -webkit-transform: translate(120%, -23%);
        transform: translate(120%, -23%)
    }
    25% {
        -webkit-transform: translate(80%, 0%);
        transform: translate(80%, 0%)
    }
    37.5% {
        -webkit-transform: translate(50%, -23%);
        transform: translate(50%, -23%)
    }
    50% {
        -webkit-transform: translate(0%, -40%);
        transform: translate(0%, -40%)
    }
    62.5% {
        -webkit-transform: translate(-50%, -23%);
        transform: translate(-50%, -23%)
    }
    75% {
        -webkit-transform: translate(-80%, 0%);
        transform: translate(-80%, 0%)
    }
    87.5% {
        -webkit-transform: translate(-120%, -23%);
        transform: translate(-120%, -23%)
    }
    100% {
        -webkit-transform: translate(-160%, -40%);
        transform: translate(-160%, -40%)
    }
}

@-webkit-keyframes ld-bounce-rtl {
    0% {
        -webkit-transform: translate(160%, -40%);
        transform: translate(160%, -40%)
    }
    12.5% {
        -webkit-transform: translate(120%, -23%);
        transform: translate(120%, -23%)
    }
    25% {
        -webkit-transform: translate(80%, 0%);
        transform: translate(80%, 0%)
    }
    37.5% {
        -webkit-transform: translate(50%, -23%);
        transform: translate(50%, -23%)
    }
    50% {
        -webkit-transform: translate(0%, -40%);
        transform: translate(0%, -40%)
    }
    62.5% {
        -webkit-transform: translate(-50%, -23%);
        transform: translate(-50%, -23%)
    }
    75% {
        -webkit-transform: translate(-80%, 0%);
        transform: translate(-80%, 0%)
    }
    87.5% {
        -webkit-transform: translate(-120%, -23%);
        transform: translate(-120%, -23%)
    }
    100% {
        -webkit-transform: translate(-160%, -40%);
        transform: translate(-160%, -40%)
    }
}

.ld.ld-bounce-rtl {
    -webkit-animation: ld-bounce-rtl 1s infinite linear;
    animation: ld-bounce-rtl 1s infinite linear
}

@keyframes ld-bounce-ltr {
    0% {
        -webkit-transform: translate(-160%, -40%);
        transform: translate(-160%, -40%)
    }
    12.5% {
        -webkit-transform: translate(-120%, -23%);
        transform: translate(-120%, -23%)
    }
    25% {
        -webkit-transform: translate(-100%, 0%);
        transform: translate(-100%, 0%)
    }
    37.5% {
        -webkit-transform: translate(-50%, -23%);
        transform: translate(-50%, -23%)
    }
    50% {
        -webkit-transform: translate(0%, -40%);
        transform: translate(0%, -40%)
    }
    62.5% {
        -webkit-transform: translate(50%, -23%);
        transform: translate(50%, -23%)
    }
    75% {
        -webkit-transform: translate(100%, 0%);
        transform: translate(100%, 0%)
    }
    87.5% {
        -webkit-transform: translate(120%, -23%);
        transform: translate(120%, -23%)
    }
    100% {
        -webkit-transform: translate(160%, -40%);
        transform: translate(160%, -40%)
    }
}

@-webkit-keyframes ld-bounce-ltr {
    0% {
        -webkit-transform: translate(-160%, -40%);
        transform: translate(-160%, -40%)
    }
    12.5% {
        -webkit-transform: translate(-120%, -23%);
        transform: translate(-120%, -23%)
    }
    25% {
        -webkit-transform: translate(-100%, 0%);
        transform: translate(-100%, 0%)
    }
    37.5% {
        -webkit-transform: translate(-50%, -23%);
        transform: translate(-50%, -23%)
    }
    50% {
        -webkit-transform: translate(0%, -40%);
        transform: translate(0%, -40%)
    }
    62.5% {
        -webkit-transform: translate(50%, -23%);
        transform: translate(50%, -23%)
    }
    75% {
        -webkit-transform: translate(100%, 0%);
        transform: translate(100%, 0%)
    }
    87.5% {
        -webkit-transform: translate(120%, -23%);
        transform: translate(120%, -23%)
    }
    100% {
        -webkit-transform: translate(160%, -40%);
        transform: translate(160%, -40%)
    }
}

.ld.ld-bounce-ltr {
    -webkit-animation: ld-bounce-ltr 1s infinite linear;
    animation: ld-bounce-ltr 1s infinite linear
}

@keyframes ld-bounce-a-px {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
    12.5% {
        -webkit-transform: translate(5%, -28%);
        transform: translate(5%, -28%)
    }
    25% {
        -webkit-transform: translate(10%, 0%);
        transform: translate(10%, 0%)
    }
    37.5% {
        -webkit-transform: translate(5%, -28%);
        transform: translate(5%, -28%)
    }
    50% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
    62.5% {
        -webkit-transform: translate(-5%, -28%);
        transform: translate(-5%, -28%)
    }
    75% {
        -webkit-transform: translate(-10%, 0%);
        transform: translate(-10%, 0%)
    }
    87.5% {
        -webkit-transform: translate(-5%, -28%);
        transform: translate(-5%, -28%)
    }
    100% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
}

@-webkit-keyframes ld-bounce-a-px {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
    12.5% {
        -webkit-transform: translate(5%, -28%);
        transform: translate(5%, -28%)
    }
    25% {
        -webkit-transform: translate(10%, 0%);
        transform: translate(10%, 0%)
    }
    37.5% {
        -webkit-transform: translate(5%, -28%);
        transform: translate(5%, -28%)
    }
    50% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
    62.5% {
        -webkit-transform: translate(-5%, -28%);
        transform: translate(-5%, -28%)
    }
    75% {
        -webkit-transform: translate(-10%, 0%);
        transform: translate(-10%, 0%)
    }
    87.5% {
        -webkit-transform: translate(-5%, -28%);
        transform: translate(-5%, -28%)
    }
    100% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
}

.ld.ld-bounce-a-px {
    -webkit-animation: ld-bounce-a-px 2s infinite;
    animation: ld-bounce-a-px 2s infinite
}

@keyframes ld-float {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: linear
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
    30% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    50% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
}

@-webkit-keyframes ld-float {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: linear
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
    30% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    50% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
}

.ld.ld-float {
    -webkit-animation: ld-float 1s infinite;
    animation: ld-float 1s infinite
}

@keyframes ld-hit {
    0% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        -webkit-transform: scale(0) translate(0, 0) skewX(0);
        transform: scale(0) translate(0, 0) skewX(0)
    }
    20% {
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    50% {
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    100% {
        -webkit-transform: scale(1) translate(0, 200%) skewX(20deg);
        transform: scale(1) translate(0, 200%) skewX(20deg)
    }
}

@-webkit-keyframes ld-hit {
    0% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        -webkit-transform: scale(0) translate(0, 0) skewX(0);
        transform: scale(0) translate(0, 0) skewX(0)
    }
    20% {
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    50% {
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    100% {
        -webkit-transform: scale(1) translate(0, 200%) skewX(20deg);
        transform: scale(1) translate(0, 200%) skewX(20deg)
    }
}

.ld.ld-hit {
    -webkit-animation: ld-hit 2s infinite;
    animation: ld-hit 2s infinite
}

@keyframes ld-jelly {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    16.6% {
        -webkit-transform: translate(-30%, 0) skewX(30deg);
        transform: translate(-30%, 0) skewX(30deg)
    }
    33.3% {
        -webkit-transform: translate(25%, 0) skewX(-20deg);
        transform: translate(25%, 0) skewX(-20deg)
    }
    50% {
        -webkit-transform: translate(-12%, 0) skewX(10deg);
        transform: translate(-12%, 0) skewX(10deg)
    }
    66.6% {
        -webkit-transform: translate(6%, 0) skewX(-5deg);
        transform: translate(6%, 0) skewX(-5deg)
    }
    83.3% {
        -webkit-transform: translate(-2.5%, 0) skewX(2deg);
        transform: translate(-2.5%, 0) skewX(2deg)
    }
    100% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
}

@-webkit-keyframes ld-jelly {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    16.6% {
        -webkit-transform: translate(-30%, 0) skewX(30deg);
        transform: translate(-30%, 0) skewX(30deg)
    }
    33.3% {
        -webkit-transform: translate(25%, 0) skewX(-20deg);
        transform: translate(25%, 0) skewX(-20deg)
    }
    50% {
        -webkit-transform: translate(-12%, 0) skewX(10deg);
        transform: translate(-12%, 0) skewX(10deg)
    }
    66.6% {
        -webkit-transform: translate(6%, 0) skewX(-5deg);
        transform: translate(6%, 0) skewX(-5deg)
    }
    83.3% {
        -webkit-transform: translate(-2.5%, 0) skewX(2deg);
        transform: translate(-2.5%, 0) skewX(2deg)
    }
    100% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
}

.ld.ld-jelly {
    -webkit-animation: ld-jelly 1s infinite linear;
    animation: ld-jelly 1s infinite linear
}

@keyframes ld-jump {
    0%,
    28%,
    48%,
    64%,
    76%,
    86%,
    93%,
    100% {
        animation-timing-function: ease-out
    }
    14%,
    38%,
    56%,
    70%,
    81%,
    90%,
    97% {
        animation-timing-function: ease-in
    }
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    14% {
        -webkit-transform: translateY(-27%);
        transform: translateY(-27%)
    }
    28% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    38% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    48% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    56% {
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }
    64% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    70% {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%)
    }
    76% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    81% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }
    86% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    90% {
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%)
    }
    93% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    97% {
        -webkit-transform: translateY(-1.5%);
        transform: translateY(-1.5%)
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes ld-jump {
    0%,
    28%,
    48%,
    64%,
    76%,
    86%,
    93%,
    100% {
        animation-timing-function: ease-out
    }
    14%,
    38%,
    56%,
    70%,
    81%,
    90%,
    97% {
        animation-timing-function: ease-in
    }
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    14% {
        -webkit-transform: translateY(-27%);
        transform: translateY(-27%)
    }
    28% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    38% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    48% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    56% {
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }
    64% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    70% {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%)
    }
    76% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    81% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }
    86% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    90% {
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%)
    }
    93% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    97% {
        -webkit-transform: translateY(-1.5%);
        transform: translateY(-1.5%)
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.ld.ld-jump {
    -webkit-animation: ld-jump 1.5s ease-in infinite;
    animation: ld-jump 1.5s ease-in infinite
}

@keyframes ld-orbit {
    0% {
        -webkit-transform: translate(30%, 0%) rotate(0deg);
        transform: translate(30%, 0%) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(21%, 21%) rotate(45deg);
        transform: translate(21%, 21%) rotate(45deg)
    }
    25% {
        -webkit-transform: translate(0%, 30%) rotate(90deg);
        transform: translate(0%, 30%) rotate(90deg)
    }
    37.5% {
        -webkit-transform: translate(-21%, 21%) rotate(135deg);
        transform: translate(-21%, 21%) rotate(135deg)
    }
    50% {
        -webkit-transform: translate(-30%, 0%) rotate(180deg);
        transform: translate(-30%, 0%) rotate(180deg)
    }
    62.5% {
        -webkit-transform: translate(-21%, -21%) rotate(225deg);
        transform: translate(-21%, -21%) rotate(225deg)
    }
    75% {
        -webkit-transform: translate(0%, -30%) rotate(270deg);
        transform: translate(0%, -30%) rotate(270deg)
    }
    87.5% {
        -webkit-transform: translate(21%, -21%) rotate(315deg);
        transform: translate(21%, -21%) rotate(315deg)
    }
    100% {
        -webkit-transform: translate(30%, 0%) rotate(360deg);
        transform: translate(30%, 0%) rotate(360deg)
    }
}

@-webkit-keyframes ld-orbit {
    0% {
        -webkit-transform: translate(30%, 0%) rotate(0deg);
        transform: translate(30%, 0%) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(21%, 21%) rotate(45deg);
        transform: translate(21%, 21%) rotate(45deg)
    }
    25% {
        -webkit-transform: translate(0%, 30%) rotate(90deg);
        transform: translate(0%, 30%) rotate(90deg)
    }
    37.5% {
        -webkit-transform: translate(-21%, 21%) rotate(135deg);
        transform: translate(-21%, 21%) rotate(135deg)
    }
    50% {
        -webkit-transform: translate(-30%, 0%) rotate(180deg);
        transform: translate(-30%, 0%) rotate(180deg)
    }
    62.5% {
        -webkit-transform: translate(-21%, -21%) rotate(225deg);
        transform: translate(-21%, -21%) rotate(225deg)
    }
    75% {
        -webkit-transform: translate(0%, -30%) rotate(270deg);
        transform: translate(0%, -30%) rotate(270deg)
    }
    87.5% {
        -webkit-transform: translate(21%, -21%) rotate(315deg);
        transform: translate(21%, -21%) rotate(315deg)
    }
    100% {
        -webkit-transform: translate(30%, 0%) rotate(360deg);
        transform: translate(30%, 0%) rotate(360deg)
    }
}

.ld.ld-orbit {
    -webkit-animation: ld-orbit 1s infinite linear;
    animation: ld-orbit 1s infinite linear
}

@keyframes ld-rush-rtl {
    0% {
        -webkit-transform: translate(200%, 0) skewX(-45deg);
        transform: translate(200%, 0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(-40%, 0) skewX(35deg);
        transform: translate(-40%, 0) skewX(35deg)
    }
    45% {
        -webkit-transform: translate(20%, 0) skewX(-15deg);
        transform: translate(20%, 0) skewX(-15deg)
    }
    60% {
        -webkit-transform: translate(-10%, 0) skewX(7deg);
        transform: translate(-10%, 0) skewX(7deg)
    }
    80% {
        -webkit-transform: translate(0%, 0) skewX(0deg);
        transform: translate(0%, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(-250%, 0) skewX(-45deg);
        transform: translate(-250%, 0) skewX(-45deg)
    }
}

@-webkit-keyframes ld-rush-rtl {
    0% {
        -webkit-transform: translate(200%, 0) skewX(-45deg);
        transform: translate(200%, 0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(-40%, 0) skewX(35deg);
        transform: translate(-40%, 0) skewX(35deg)
    }
    45% {
        -webkit-transform: translate(20%, 0) skewX(-15deg);
        transform: translate(20%, 0) skewX(-15deg)
    }
    60% {
        -webkit-transform: translate(-10%, 0) skewX(7deg);
        transform: translate(-10%, 0) skewX(7deg)
    }
    80% {
        -webkit-transform: translate(0%, 0) skewX(0deg);
        transform: translate(0%, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(-250%, 0) skewX(-45deg);
        transform: translate(-250%, 0) skewX(-45deg)
    }
}

.ld.ld-rush-rtl {
    -webkit-animation: ld-rush-rtl 1.5s infinite linear;
    animation: ld-rush-rtl 1.5s infinite linear
}

@keyframes ld-rush-ltr {
    0% {
        -webkit-transform: translate(-200%, 0) skewX(45deg);
        transform: translate(-200%, 0) skewX(45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(40%, 0) skewX(-35deg);
        transform: translate(40%, 0) skewX(-35deg)
    }
    45% {
        -webkit-transform: translate(-20%, 0) skewX(15deg);
        transform: translate(-20%, 0) skewX(15deg)
    }
    60% {
        -webkit-transform: translate(10%, 0) skewX(-7deg);
        transform: translate(10%, 0) skewX(-7deg)
    }
    80% {
        -webkit-transform: translate(0%, 0) skewX(0deg);
        transform: translate(0%, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(250%, 0) skewX(45deg);
        transform: translate(250%, 0) skewX(45deg)
    }
}

@-webkit-keyframes ld-rush-ltr {
    0% {
        -webkit-transform: translate(-200%, 0) skewX(45deg);
        transform: translate(-200%, 0) skewX(45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(40%, 0) skewX(-35deg);
        transform: translate(40%, 0) skewX(-35deg)
    }
    45% {
        -webkit-transform: translate(-20%, 0) skewX(15deg);
        transform: translate(-20%, 0) skewX(15deg)
    }
    60% {
        -webkit-transform: translate(10%, 0) skewX(-7deg);
        transform: translate(10%, 0) skewX(-7deg)
    }
    80% {
        -webkit-transform: translate(0%, 0) skewX(0deg);
        transform: translate(0%, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(250%, 0) skewX(45deg);
        transform: translate(250%, 0) skewX(45deg)
    }
}

.ld.ld-rush-ltr {
    -webkit-animation: ld-rush-ltr 1.5s infinite linear;
    animation: ld-rush-ltr 1.5s infinite linear
}

@keyframes ld-shake {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    16.6% {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }
    33.3% {
        -webkit-transform: translate(25%, 0);
        transform: translate(25%, 0)
    }
    50% {
        -webkit-transform: translate(-12%, 0);
        transform: translate(-12%, 0)
    }
    66.6% {
        -webkit-transform: translate(6%, 0);
        transform: translate(6%, 0)
    }
    83.3% {
        -webkit-transform: translate(-2.5%, 0);
        transform: translate(-2.5%, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-shake {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    16.6% {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }
    33.3% {
        -webkit-transform: translate(25%, 0);
        transform: translate(25%, 0)
    }
    50% {
        -webkit-transform: translate(-12%, 0);
        transform: translate(-12%, 0)
    }
    66.6% {
        -webkit-transform: translate(6%, 0);
        transform: translate(6%, 0)
    }
    83.3% {
        -webkit-transform: translate(-2.5%, 0);
        transform: translate(-2.5%, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-shake {
    -webkit-animation: ld-shake 1s infinite linear;
    animation: ld-shake 1s infinite linear
}

@keyframes ld-slide-ltr {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0)
    }
    50% {
        -webkit-transform: translate(-200%, 0);
        transform: translate(-200%, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-ltr {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0)
    }
    50% {
        -webkit-transform: translate(-200%, 0);
        transform: translate(-200%, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-ltr {
    -webkit-animation: ld-slide-ltr 1s infinite;
    animation: ld-slide-ltr 1s infinite
}

@keyframes ld-slide-rtl {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(-200%, 0);
        transform: translate(-200%, 0)
    }
    50% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-rtl {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(-200%, 0);
        transform: translate(-200%, 0)
    }
    50% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-rtl {
    -webkit-animation: ld-slide-rtl 1s infinite;
    animation: ld-slide-rtl 1s infinite
}

@keyframes ld-slide-btt {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, -200%);
        transform: translate(0, -200%)
    }
    50% {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-btt {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, -200%);
        transform: translate(0, -200%)
    }
    50% {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-btt {
    -webkit-animation: ld-slide-btt 1s infinite;
    animation: ld-slide-btt 1s infinite
}

@keyframes ld-slide-ttb {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%)
    }
    50% {
        -webkit-transform: translate(0, -200%);
        transform: translate(0, -200%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-ttb {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%)
    }
    50% {
        -webkit-transform: translate(0, -200%);
        transform: translate(0, -200%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-ttb {
    -webkit-animation: ld-slide-ttb 1s infinite;
    animation: ld-slide-ttb 1s infinite
}

@keyframes ld-tremble {
    0% {
        -webkit-transform: translate(1%, 1%);
        transform: translate(1%, 1%)
    }
    5% {
        -webkit-transform: translate(0%, 1%);
        transform: translate(0%, 1%)
    }
    10% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }
    15% {
        -webkit-transform: translate(2%, 1%);
        transform: translate(2%, 1%)
    }
    20% {
        -webkit-transform: translate(3%, 0%);
        transform: translate(3%, 0%)
    }
    25% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }
    30% {
        -webkit-transform: translate(1%, 3%);
        transform: translate(1%, 3%)
    }
    35% {
        -webkit-transform: translate(0%, 1%);
        transform: translate(0%, 1%)
    }
    40% {
        -webkit-transform: translate(1%, 1%);
        transform: translate(1%, 1%)
    }
    45% {
        -webkit-transform: translate(1%, 0%);
        transform: translate(1%, 0%)
    }
    50% {
        -webkit-transform: translate(2%, 1%);
        transform: translate(2%, 1%)
    }
    55% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }
    60% {
        -webkit-transform: translate(3%, 1%);
        transform: translate(3%, 1%)
    }
    65% {
        -webkit-transform: translate(0%, 2%);
        transform: translate(0%, 2%)
    }
    70% {
        -webkit-transform: translate(3%, 0%);
        transform: translate(3%, 0%)
    }
    75% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
    80% {
        -webkit-transform: translate(2%, 3%);
        transform: translate(2%, 3%)
    }
    85% {
        -webkit-transform: translate(1%, 0%);
        transform: translate(1%, 0%)
    }
    90% {
        -webkit-transform: translate(0%, 2%);
        transform: translate(0%, 2%)
    }
    95% {
        -webkit-transform: translate(3%, 2%);
        transform: translate(3%, 2%)
    }
}

@-webkit-keyframes ld-tremble {
    0% {
        -webkit-transform: translate(1%, 1%);
        transform: translate(1%, 1%)
    }
    5% {
        -webkit-transform: translate(0%, 1%);
        transform: translate(0%, 1%)
    }
    10% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }
    15% {
        -webkit-transform: translate(2%, 1%);
        transform: translate(2%, 1%)
    }
    20% {
        -webkit-transform: translate(3%, 0%);
        transform: translate(3%, 0%)
    }
    25% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }
    30% {
        -webkit-transform: translate(1%, 3%);
        transform: translate(1%, 3%)
    }
    35% {
        -webkit-transform: translate(0%, 1%);
        transform: translate(0%, 1%)
    }
    40% {
        -webkit-transform: translate(1%, 1%);
        transform: translate(1%, 1%)
    }
    45% {
        -webkit-transform: translate(1%, 0%);
        transform: translate(1%, 0%)
    }
    50% {
        -webkit-transform: translate(2%, 1%);
        transform: translate(2%, 1%)
    }
    55% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }
    60% {
        -webkit-transform: translate(3%, 1%);
        transform: translate(3%, 1%)
    }
    65% {
        -webkit-transform: translate(0%, 2%);
        transform: translate(0%, 2%)
    }
    70% {
        -webkit-transform: translate(3%, 0%);
        transform: translate(3%, 0%)
    }
    75% {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%)
    }
    80% {
        -webkit-transform: translate(2%, 3%);
        transform: translate(2%, 3%)
    }
    85% {
        -webkit-transform: translate(1%, 0%);
        transform: translate(1%, 0%)
    }
    90% {
        -webkit-transform: translate(0%, 2%);
        transform: translate(0%, 2%)
    }
    95% {
        -webkit-transform: translate(3%, 2%);
        transform: translate(3%, 2%)
    }
}

.ld.ld-tremble {
    -webkit-animation: ld-tremble 1s infinite;
    animation: ld-tremble 1s infinite
}

@keyframes ld-wander-h {
    0% {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }
    50% {
        -webkit-transform: translate(35%, 0);
        transform: translate(35%, 0)
    }
    100% {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }
}

@-webkit-keyframes ld-wander-h {
    0% {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }
    50% {
        -webkit-transform: translate(35%, 0);
        transform: translate(35%, 0)
    }
    100% {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }
}

.ld.ld-wander-h {
    -webkit-animation: ld-wander-h 1s infinite ease-out;
    animation: ld-wander-h 1s infinite ease-out
}

@keyframes ld-wander-v {
    0% {
        -webkit-transform: translate(0, -35%);
        transform: translate(0, -35%)
    }
    50% {
        -webkit-transform: translate(0, 35%);
        transform: translate(0, 35%)
    }
    100% {
        -webkit-transform: translate(0, -35%);
        transform: translate(0, -35%)
    }
}

@-webkit-keyframes ld-wander-v {
    0% {
        -webkit-transform: translate(0, -35%);
        transform: translate(0, -35%)
    }
    50% {
        -webkit-transform: translate(0, 35%);
        transform: translate(0, 35%)
    }
    100% {
        -webkit-transform: translate(0, -35%);
        transform: translate(0, -35%)
    }
}

.ld.ld-wander-v {
    -webkit-animation: ld-wander-v 1s infinite ease-out;
    animation: ld-wander-v 1s infinite ease-out
}

@keyframes ld-jingle {
    0% {
        -webkit-transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%)
    }
    4% {
        -webkit-transform: translate(0, -40%) rotate(11deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(11deg) translate(0, 40%)
    }
    10% {
        -webkit-transform: translate(0, -40%) rotate(15deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(15deg) translate(0, 40%)
    }
    18% {
        -webkit-transform: translate(0, -40%) rotate(-11deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-11deg) translate(0, 40%)
    }
    20% {
        -webkit-transform: translate(0, -40%) rotate(-13deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-13deg) translate(0, 40%)
    }
    21% {
        -webkit-transform: translate(0, -40%) rotate(-12deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-12deg) translate(0, 40%)
    }
    22% {
        -webkit-transform: translate(0, -40%) rotate(-10deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-10deg) translate(0, 40%)
    }
    24% {
        -webkit-transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
    }
    26% {
        -webkit-transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%)
    }
    28% {
        -webkit-transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%)
    }
    30% {
        -webkit-transform: translate(0, -40%) rotate(10deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(10deg) translate(0, 40%)
    }
    31% {
        -webkit-transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%)
    }
    33% {
        -webkit-transform: translate(0, -40%) rotate(5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(5deg) translate(0, 40%)
    }
    34% {
        -webkit-transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%)
    }
    36% {
        -webkit-transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
    }
    39% {
        -webkit-transform: translate(0, -40%) rotate(-8deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-8deg) translate(0, 40%)
    }
    40% {
        -webkit-transform: translate(0, -40%) rotate(-7deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-7deg) translate(0, 40%)
    }
    44% {
        -webkit-transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%)
    }
    47% {
        -webkit-transform: translate(0, -40%) rotate(7deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(7deg) translate(0, 40%)
    }
    56% {
        -webkit-transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
    }
    63% {
        -webkit-transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%)
    }
    75% {
        -webkit-transform: translate(0, -40%) rotate(-1deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-1deg) translate(0, 40%)
    }
    100% {
        -webkit-transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%)
    }
}

@-webkit-keyframes ld-jingle {
    0% {
        -webkit-transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%)
    }
    4% {
        -webkit-transform: translate(0, -40%) rotate(11deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(11deg) translate(0, 40%)
    }
    10% {
        -webkit-transform: translate(0, -40%) rotate(15deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(15deg) translate(0, 40%)
    }
    18% {
        -webkit-transform: translate(0, -40%) rotate(-11deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-11deg) translate(0, 40%)
    }
    20% {
        -webkit-transform: translate(0, -40%) rotate(-13deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-13deg) translate(0, 40%)
    }
    21% {
        -webkit-transform: translate(0, -40%) rotate(-12deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-12deg) translate(0, 40%)
    }
    22% {
        -webkit-transform: translate(0, -40%) rotate(-10deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-10deg) translate(0, 40%)
    }
    24% {
        -webkit-transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
    }
    26% {
        -webkit-transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%)
    }
    28% {
        -webkit-transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%)
    }
    30% {
        -webkit-transform: translate(0, -40%) rotate(10deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(10deg) translate(0, 40%)
    }
    31% {
        -webkit-transform: translate(0, -40%) rotate(9deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(9deg) translate(0, 40%)
    }
    33% {
        -webkit-transform: translate(0, -40%) rotate(5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(5deg) translate(0, 40%)
    }
    34% {
        -webkit-transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%)
    }
    36% {
        -webkit-transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
    }
    39% {
        -webkit-transform: translate(0, -40%) rotate(-8deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-8deg) translate(0, 40%)
    }
    40% {
        -webkit-transform: translate(0, -40%) rotate(-7deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-7deg) translate(0, 40%)
    }
    44% {
        -webkit-transform: translate(0, -40%) rotate(3deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(3deg) translate(0, 40%)
    }
    47% {
        -webkit-transform: translate(0, -40%) rotate(7deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(7deg) translate(0, 40%)
    }
    56% {
        -webkit-transform: translate(0, -40%) rotate(-5deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
    }
    63% {
        -webkit-transform: translate(0, -40%) rotate(1deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(1deg) translate(0, 40%)
    }
    75% {
        -webkit-transform: translate(0, -40%) rotate(-1deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(-1deg) translate(0, 40%)
    }
    100% {
        -webkit-transform: translate(0, -40%) rotate(0deg) translate(0, 40%);
        transform: translate(0, -40%) rotate(0deg) translate(0, 40%)
    }
}

.ld.ld-jingle {
    -webkit-animation: ld-jingle 1s infinite;
    animation: ld-jingle 1s infinite
}

@keyframes ld-swim {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(5%, -10%) rotate(3deg);
        transform: translate(5%, -10%) rotate(3deg)
    }
    25% {
        -webkit-transform: translate(0, -15%) rotate(6deg);
        transform: translate(0, -15%) rotate(6deg)
    }
    37.5% {
        -webkit-transform: translate(-5%, -10%) rotate(3deg);
        transform: translate(-5%, -10%) rotate(3deg)
    }
    50% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    62.5% {
        -webkit-transform: translate(5%, 10%) rotate(-3deg);
        transform: translate(5%, 10%) rotate(-3deg)
    }
    75% {
        -webkit-transform: translate(0, 15%) rotate(-6deg);
        transform: translate(0, 15%) rotate(-6deg)
    }
    87.5% {
        -webkit-transform: translate(-5%, 10%) rotate(-3deg);
        transform: translate(-5%, 10%) rotate(-3deg)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
}

@-webkit-keyframes ld-swim {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(5%, -10%) rotate(3deg);
        transform: translate(5%, -10%) rotate(3deg)
    }
    25% {
        -webkit-transform: translate(0, -15%) rotate(6deg);
        transform: translate(0, -15%) rotate(6deg)
    }
    37.5% {
        -webkit-transform: translate(-5%, -10%) rotate(3deg);
        transform: translate(-5%, -10%) rotate(3deg)
    }
    50% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    62.5% {
        -webkit-transform: translate(5%, 10%) rotate(-3deg);
        transform: translate(5%, 10%) rotate(-3deg)
    }
    75% {
        -webkit-transform: translate(0, 15%) rotate(-6deg);
        transform: translate(0, 15%) rotate(-6deg)
    }
    87.5% {
        -webkit-transform: translate(-5%, 10%) rotate(-3deg);
        transform: translate(-5%, 10%) rotate(-3deg)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
}

.ld.ld-swim {
    -webkit-animation: ld-swim 3s infinite linear;
    animation: ld-swim 3s infinite linear
}

@keyframes ld-leaf {
    0% {
        -webkit-transform: translate(-14.7%, -117%) rotate(-0.3deg);
        transform: translate(-14.7%, -117%) rotate(-0.3deg)
    }
    1% {
        -webkit-transform: translate(-14.4%, -112.5%) rotate(-0.6deg);
        transform: translate(-14.4%, -112.5%) rotate(-0.6deg)
    }
    2% {
        -webkit-transform: translate(-13.8%, -102%) rotate(-1.2deg);
        transform: translate(-13.8%, -102%) rotate(-1.2deg)
    }
    3% {
        -webkit-transform: translate(-13.5%, -100.5%) rotate(-1.5deg);
        transform: translate(-13.5%, -100.5%) rotate(-1.5deg)
    }
    5% {
        -webkit-transform: translate(-7.2%, -87%) rotate(-7.8deg);
        transform: translate(-7.2%, -87%) rotate(-7.8deg)
    }
    7% {
        -webkit-transform: translate(5.4%, -79.5%) rotate(-20.4deg);
        transform: translate(5.4%, -79.5%) rotate(-20.4deg)
    }
    10% {
        -webkit-transform: translate(12.9%, -76.5%) rotate(-27.9deg);
        transform: translate(12.9%, -76.5%) rotate(-27.9deg)
    }
    12% {
        -webkit-transform: translate(14.4%, -75%) rotate(-29.4deg);
        transform: translate(14.4%, -75%) rotate(-29.4deg)
    }
    13% {
        -webkit-transform: translate(14.7%, -75%) rotate(-29.7deg);
        transform: translate(14.7%, -75%) rotate(-29.7deg)
    }
    14% {
        -webkit-transform: translate(15%, -75%) rotate(-30deg);
        transform: translate(15%, -75%) rotate(-30deg)
    }
    15% {
        -webkit-transform: translate(14.4%, -69%) rotate(0.6deg);
        transform: translate(14.4%, -69%) rotate(0.6deg)
    }
    16% {
        -webkit-transform: translate(13.8%, -58.5%) rotate(1.2deg);
        transform: translate(13.8%, -58.5%) rotate(1.2deg)
    }
    19% {
        -webkit-transform: translate(7.2%, -45%) rotate(7.8deg);
        transform: translate(7.2%, -45%) rotate(7.8deg)
    }
    21% {
        -webkit-transform: translate(-5.4%, -37.5%) rotate(20.4deg);
        transform: translate(-5.4%, -37.5%) rotate(20.4deg)
    }
    24% {
        -webkit-transform: translate(-12.9%, -33%) rotate(27.9deg);
        transform: translate(-12.9%, -33%) rotate(27.9deg)
    }
    26% {
        -webkit-transform: translate(-14.4%, -33%) rotate(29.4deg);
        transform: translate(-14.4%, -33%) rotate(29.4deg)
    }
    27% {
        -webkit-transform: translate(-14.7%, -31.5%) rotate(29.7deg);
        transform: translate(-14.7%, -31.5%) rotate(29.7deg)
    }
    28% {
        -webkit-transform: translate(-15%, -31.5%) rotate(30deg);
        transform: translate(-15%, -31.5%) rotate(30deg)
    }
    29% {
        -webkit-transform: translate(-14.4%, -27%) rotate(-0.6deg);
        transform: translate(-14.4%, -27%) rotate(-0.6deg)
    }
    30% {
        -webkit-transform: translate(-13.8%, -16.5%) rotate(-1.2deg);
        transform: translate(-13.8%, -16.5%) rotate(-1.2deg)
    }
    31% {
        -webkit-transform: translate(-13.5%, -15%) rotate(-1.5deg);
        transform: translate(-13.5%, -15%) rotate(-1.5deg)
    }
    33% {
        -webkit-transform: translate(-7.2%, -1.5%) rotate(-7.8deg);
        transform: translate(-7.2%, -1.5%) rotate(-7.8deg)
    }
    36% {
        -webkit-transform: translate(5.4%, 4.5%) rotate(-20.4deg);
        transform: translate(5.4%, 4.5%) rotate(-20.4deg)
    }
    38% {
        -webkit-transform: translate(12.9%, 9%) rotate(-27.9deg);
        transform: translate(12.9%, 9%) rotate(-27.9deg)
    }
    40% {
        -webkit-transform: translate(14.4%, 10.5%) rotate(-29.4deg);
        transform: translate(14.4%, 10.5%) rotate(-29.4deg)
    }
    41% {
        -webkit-transform: translate(14.7%, 10.5%) rotate(-29.7deg);
        transform: translate(14.7%, 10.5%) rotate(-29.7deg)
    }
    42% {
        -webkit-transform: translate(15%, 10.5%) rotate(-30deg);
        transform: translate(15%, 10.5%) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(15%, 10.5%) rotate(-30deg);
        transform: translate(15%, 10.5%) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(14.7%, 10.5%) rotate(0.3deg);
        transform: translate(14.7%, 10.5%) rotate(0.3deg)
    }
    43% {
        -webkit-transform: translate(14.4%, 16.5%) rotate(0.6deg);
        transform: translate(14.4%, 16.5%) rotate(0.6deg)
    }
    45% {
        -webkit-transform: translate(13.8%, 25.5%) rotate(1.2deg);
        transform: translate(13.8%, 25.5%) rotate(1.2deg)
    }
    45% {
        -webkit-transform: translate(13.5%, 27%) rotate(1.5deg);
        transform: translate(13.5%, 27%) rotate(1.5deg)
    }
    48% {
        -webkit-transform: translate(7.2%, 40.5%) rotate(7.8deg);
        transform: translate(7.2%, 40.5%) rotate(7.8deg)
    }
    50% {
        -webkit-transform: translate(-5.4%, 48%) rotate(20.4deg);
        transform: translate(-5.4%, 48%) rotate(20.4deg)
    }
    52% {
        -webkit-transform: translate(-12.9%, 51%) rotate(27.9deg);
        transform: translate(-12.9%, 51%) rotate(27.9deg)
    }
    54% {
        -webkit-transform: translate(-14.4%, 52.5%) rotate(29.4deg);
        transform: translate(-14.4%, 52.5%) rotate(29.4deg)
    }
    56% {
        -webkit-transform: translate(-14.7%, 54%) rotate(29.7deg);
        transform: translate(-14.7%, 54%) rotate(29.7deg)
    }
    57% {
        -webkit-transform: translate(-14.7%, 54%) rotate(-0.3deg);
        transform: translate(-14.7%, 54%) rotate(-0.3deg)
    }
    58% {
        -webkit-transform: translate(-14.4%, 58.5%) rotate(-0.6deg);
        transform: translate(-14.4%, 58.5%) rotate(-0.6deg)
    }
    59% {
        -webkit-transform: translate(-13.5%, 70.5%) rotate(-1.5deg);
        transform: translate(-13.5%, 70.5%) rotate(-1.5deg)
    }
    62% {
        -webkit-transform: translate(-7.2%, 84%) rotate(-7.8deg);
        transform: translate(-7.2%, 84%) rotate(-7.8deg)
    }
    64% {
        -webkit-transform: translate(5.4%, 91.5%) rotate(-20.4deg);
        transform: translate(5.4%, 91.5%) rotate(-20.4deg)
    }
    67% {
        -webkit-transform: translate(12.9%, 94.5%) rotate(-27.9deg);
        transform: translate(12.9%, 94.5%) rotate(-27.9deg)
    }
    69% {
        -webkit-transform: translate(14.4%, 96%) rotate(-29.4deg);
        transform: translate(14.4%, 96%) rotate(-29.4deg)
    }
    70% {
        -webkit-transform: translate(14.7%, 96%) rotate(-29.7deg);
        transform: translate(14.7%, 96%) rotate(-29.7deg)
    }
    71% {
        -webkit-transform: translate(15%, 96%) rotate(-30deg);
        transform: translate(15%, 96%) rotate(-30deg)
    }
    72% {
        -webkit-transform: translate(14.4%, 102%) rotate(0.6deg);
        transform: translate(14.4%, 102%) rotate(0.6deg)
    }
    73% {
        -webkit-transform: translate(13.8%, 111%) rotate(1.2deg);
        transform: translate(13.8%, 111%) rotate(1.2deg)
    }
    74% {
        -webkit-transform: translate(13.5%, 112.5%) rotate(1.5deg);
        transform: translate(13.5%, 112.5%) rotate(1.5deg)
    }
    76% {
        -webkit-transform: translate(7.2%, 126%) rotate(7.8deg);
        transform: translate(7.2%, 126%) rotate(7.8deg)
    }
    79% {
        -webkit-transform: translate(-5.4%, 133.5%) rotate(20.4deg);
        transform: translate(-5.4%, 133.5%) rotate(20.4deg)
    }
    81% {
        -webkit-transform: translate(-12.9%, 138%) rotate(27.9deg);
        transform: translate(-12.9%, 138%) rotate(27.9deg)
    }
    83% {
        -webkit-transform: translate(-14.4%, 139.5%) rotate(29.4deg);
        transform: translate(-14.4%, 139.5%) rotate(29.4deg)
    }
    84% {
        -webkit-transform: translate(-14.7%, 139.5%) rotate(29.7deg);
        transform: translate(-14.7%, 139.5%) rotate(29.7deg)
    }
    85% {
        -webkit-transform: translate(-15%, 139.5%) rotate(30deg);
        transform: translate(-15%, 139.5%) rotate(30deg)
    }
    86% {
        -webkit-transform: translate(-14.7%, 139.5%) rotate(-0.3deg);
        transform: translate(-14.7%, 139.5%) rotate(-0.3deg)
    }
    86% {
        -webkit-transform: translate(-14.4%, 144%) rotate(-0.6deg);
        transform: translate(-14.4%, 144%) rotate(-0.6deg)
    }
    88% {
        -webkit-transform: translate(-13.5%, 156%) rotate(-1.5deg);
        transform: translate(-13.5%, 156%) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7.2%, 169.5%) rotate(-7.8deg);
        transform: translate(-7.2%, 169.5%) rotate(-7.8deg)
    }
    93% {
        -webkit-transform: translate(5.4%, 177%) rotate(-20.4deg);
        transform: translate(5.4%, 177%) rotate(-20.4deg)
    }
    95% {
        -webkit-transform: translate(12.9%, 180%) rotate(-27.9deg);
        transform: translate(12.9%, 180%) rotate(-27.9deg)
    }
    97% {
        -webkit-transform: translate(14.4%, 181.5%) rotate(-29.4deg);
        transform: translate(14.4%, 181.5%) rotate(-29.4deg)
    }
    99% {
        -webkit-transform: translate(14.7%, 181.5%) rotate(-29.7deg);
        transform: translate(14.7%, 181.5%) rotate(-29.7deg)
    }
    100% {
        -webkit-transform: translate(15%, 181.5%) rotate(-30deg);
        transform: translate(15%, 181.5%) rotate(-30deg)
    }
}

@-webkit-keyframes ld-leaf {
    0% {
        -webkit-transform: translate(-14.7%, -117%) rotate(-0.3deg);
        transform: translate(-14.7%, -117%) rotate(-0.3deg)
    }
    1% {
        -webkit-transform: translate(-14.4%, -112.5%) rotate(-0.6deg);
        transform: translate(-14.4%, -112.5%) rotate(-0.6deg)
    }
    2% {
        -webkit-transform: translate(-13.8%, -102%) rotate(-1.2deg);
        transform: translate(-13.8%, -102%) rotate(-1.2deg)
    }
    3% {
        -webkit-transform: translate(-13.5%, -100.5%) rotate(-1.5deg);
        transform: translate(-13.5%, -100.5%) rotate(-1.5deg)
    }
    5% {
        -webkit-transform: translate(-7.2%, -87%) rotate(-7.8deg);
        transform: translate(-7.2%, -87%) rotate(-7.8deg)
    }
    7% {
        -webkit-transform: translate(5.4%, -79.5%) rotate(-20.4deg);
        transform: translate(5.4%, -79.5%) rotate(-20.4deg)
    }
    10% {
        -webkit-transform: translate(12.9%, -76.5%) rotate(-27.9deg);
        transform: translate(12.9%, -76.5%) rotate(-27.9deg)
    }
    12% {
        -webkit-transform: translate(14.4%, -75%) rotate(-29.4deg);
        transform: translate(14.4%, -75%) rotate(-29.4deg)
    }
    13% {
        -webkit-transform: translate(14.7%, -75%) rotate(-29.7deg);
        transform: translate(14.7%, -75%) rotate(-29.7deg)
    }
    14% {
        -webkit-transform: translate(15%, -75%) rotate(-30deg);
        transform: translate(15%, -75%) rotate(-30deg)
    }
    15% {
        -webkit-transform: translate(14.4%, -69%) rotate(0.6deg);
        transform: translate(14.4%, -69%) rotate(0.6deg)
    }
    16% {
        -webkit-transform: translate(13.8%, -58.5%) rotate(1.2deg);
        transform: translate(13.8%, -58.5%) rotate(1.2deg)
    }
    19% {
        -webkit-transform: translate(7.2%, -45%) rotate(7.8deg);
        transform: translate(7.2%, -45%) rotate(7.8deg)
    }
    21% {
        -webkit-transform: translate(-5.4%, -37.5%) rotate(20.4deg);
        transform: translate(-5.4%, -37.5%) rotate(20.4deg)
    }
    24% {
        -webkit-transform: translate(-12.9%, -33%) rotate(27.9deg);
        transform: translate(-12.9%, -33%) rotate(27.9deg)
    }
    26% {
        -webkit-transform: translate(-14.4%, -33%) rotate(29.4deg);
        transform: translate(-14.4%, -33%) rotate(29.4deg)
    }
    27% {
        -webkit-transform: translate(-14.7%, -31.5%) rotate(29.7deg);
        transform: translate(-14.7%, -31.5%) rotate(29.7deg)
    }
    28% {
        -webkit-transform: translate(-15%, -31.5%) rotate(30deg);
        transform: translate(-15%, -31.5%) rotate(30deg)
    }
    29% {
        -webkit-transform: translate(-14.4%, -27%) rotate(-0.6deg);
        transform: translate(-14.4%, -27%) rotate(-0.6deg)
    }
    30% {
        -webkit-transform: translate(-13.8%, -16.5%) rotate(-1.2deg);
        transform: translate(-13.8%, -16.5%) rotate(-1.2deg)
    }
    31% {
        -webkit-transform: translate(-13.5%, -15%) rotate(-1.5deg);
        transform: translate(-13.5%, -15%) rotate(-1.5deg)
    }
    33% {
        -webkit-transform: translate(-7.2%, -1.5%) rotate(-7.8deg);
        transform: translate(-7.2%, -1.5%) rotate(-7.8deg)
    }
    36% {
        -webkit-transform: translate(5.4%, 4.5%) rotate(-20.4deg);
        transform: translate(5.4%, 4.5%) rotate(-20.4deg)
    }
    38% {
        -webkit-transform: translate(12.9%, 9%) rotate(-27.9deg);
        transform: translate(12.9%, 9%) rotate(-27.9deg)
    }
    40% {
        -webkit-transform: translate(14.4%, 10.5%) rotate(-29.4deg);
        transform: translate(14.4%, 10.5%) rotate(-29.4deg)
    }
    41% {
        -webkit-transform: translate(14.7%, 10.5%) rotate(-29.7deg);
        transform: translate(14.7%, 10.5%) rotate(-29.7deg)
    }
    42% {
        -webkit-transform: translate(15%, 10.5%) rotate(-30deg);
        transform: translate(15%, 10.5%) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(15%, 10.5%) rotate(-30deg);
        transform: translate(15%, 10.5%) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(14.7%, 10.5%) rotate(0.3deg);
        transform: translate(14.7%, 10.5%) rotate(0.3deg)
    }
    43% {
        -webkit-transform: translate(14.4%, 16.5%) rotate(0.6deg);
        transform: translate(14.4%, 16.5%) rotate(0.6deg)
    }
    45% {
        -webkit-transform: translate(13.8%, 25.5%) rotate(1.2deg);
        transform: translate(13.8%, 25.5%) rotate(1.2deg)
    }
    45% {
        -webkit-transform: translate(13.5%, 27%) rotate(1.5deg);
        transform: translate(13.5%, 27%) rotate(1.5deg)
    }
    48% {
        -webkit-transform: translate(7.2%, 40.5%) rotate(7.8deg);
        transform: translate(7.2%, 40.5%) rotate(7.8deg)
    }
    50% {
        -webkit-transform: translate(-5.4%, 48%) rotate(20.4deg);
        transform: translate(-5.4%, 48%) rotate(20.4deg)
    }
    52% {
        -webkit-transform: translate(-12.9%, 51%) rotate(27.9deg);
        transform: translate(-12.9%, 51%) rotate(27.9deg)
    }
    54% {
        -webkit-transform: translate(-14.4%, 52.5%) rotate(29.4deg);
        transform: translate(-14.4%, 52.5%) rotate(29.4deg)
    }
    56% {
        -webkit-transform: translate(-14.7%, 54%) rotate(29.7deg);
        transform: translate(-14.7%, 54%) rotate(29.7deg)
    }
    57% {
        -webkit-transform: translate(-14.7%, 54%) rotate(-0.3deg);
        transform: translate(-14.7%, 54%) rotate(-0.3deg)
    }
    58% {
        -webkit-transform: translate(-14.4%, 58.5%) rotate(-0.6deg);
        transform: translate(-14.4%, 58.5%) rotate(-0.6deg)
    }
    59% {
        -webkit-transform: translate(-13.5%, 70.5%) rotate(-1.5deg);
        transform: translate(-13.5%, 70.5%) rotate(-1.5deg)
    }
    62% {
        -webkit-transform: translate(-7.2%, 84%) rotate(-7.8deg);
        transform: translate(-7.2%, 84%) rotate(-7.8deg)
    }
    64% {
        -webkit-transform: translate(5.4%, 91.5%) rotate(-20.4deg);
        transform: translate(5.4%, 91.5%) rotate(-20.4deg)
    }
    67% {
        -webkit-transform: translate(12.9%, 94.5%) rotate(-27.9deg);
        transform: translate(12.9%, 94.5%) rotate(-27.9deg)
    }
    69% {
        -webkit-transform: translate(14.4%, 96%) rotate(-29.4deg);
        transform: translate(14.4%, 96%) rotate(-29.4deg)
    }
    70% {
        -webkit-transform: translate(14.7%, 96%) rotate(-29.7deg);
        transform: translate(14.7%, 96%) rotate(-29.7deg)
    }
    71% {
        -webkit-transform: translate(15%, 96%) rotate(-30deg);
        transform: translate(15%, 96%) rotate(-30deg)
    }
    72% {
        -webkit-transform: translate(14.4%, 102%) rotate(0.6deg);
        transform: translate(14.4%, 102%) rotate(0.6deg)
    }
    73% {
        -webkit-transform: translate(13.8%, 111%) rotate(1.2deg);
        transform: translate(13.8%, 111%) rotate(1.2deg)
    }
    74% {
        -webkit-transform: translate(13.5%, 112.5%) rotate(1.5deg);
        transform: translate(13.5%, 112.5%) rotate(1.5deg)
    }
    76% {
        -webkit-transform: translate(7.2%, 126%) rotate(7.8deg);
        transform: translate(7.2%, 126%) rotate(7.8deg)
    }
    79% {
        -webkit-transform: translate(-5.4%, 133.5%) rotate(20.4deg);
        transform: translate(-5.4%, 133.5%) rotate(20.4deg)
    }
    81% {
        -webkit-transform: translate(-12.9%, 138%) rotate(27.9deg);
        transform: translate(-12.9%, 138%) rotate(27.9deg)
    }
    83% {
        -webkit-transform: translate(-14.4%, 139.5%) rotate(29.4deg);
        transform: translate(-14.4%, 139.5%) rotate(29.4deg)
    }
    84% {
        -webkit-transform: translate(-14.7%, 139.5%) rotate(29.7deg);
        transform: translate(-14.7%, 139.5%) rotate(29.7deg)
    }
    85% {
        -webkit-transform: translate(-15%, 139.5%) rotate(30deg);
        transform: translate(-15%, 139.5%) rotate(30deg)
    }
    86% {
        -webkit-transform: translate(-14.7%, 139.5%) rotate(-0.3deg);
        transform: translate(-14.7%, 139.5%) rotate(-0.3deg)
    }
    86% {
        -webkit-transform: translate(-14.4%, 144%) rotate(-0.6deg);
        transform: translate(-14.4%, 144%) rotate(-0.6deg)
    }
    88% {
        -webkit-transform: translate(-13.5%, 156%) rotate(-1.5deg);
        transform: translate(-13.5%, 156%) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7.2%, 169.5%) rotate(-7.8deg);
        transform: translate(-7.2%, 169.5%) rotate(-7.8deg)
    }
    93% {
        -webkit-transform: translate(5.4%, 177%) rotate(-20.4deg);
        transform: translate(5.4%, 177%) rotate(-20.4deg)
    }
    95% {
        -webkit-transform: translate(12.9%, 180%) rotate(-27.9deg);
        transform: translate(12.9%, 180%) rotate(-27.9deg)
    }
    97% {
        -webkit-transform: translate(14.4%, 181.5%) rotate(-29.4deg);
        transform: translate(14.4%, 181.5%) rotate(-29.4deg)
    }
    99% {
        -webkit-transform: translate(14.7%, 181.5%) rotate(-29.7deg);
        transform: translate(14.7%, 181.5%) rotate(-29.7deg)
    }
    100% {
        -webkit-transform: translate(15%, 181.5%) rotate(-30deg);
        transform: translate(15%, 181.5%) rotate(-30deg)
    }
}

.ld.ld-leaf {
    -webkit-animation: ld-leaf 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5);
    animation: ld-leaf 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5)
}

@keyframes ld-slot {
    0% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    9.09% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    9.1% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    16.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    17% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    23.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    23.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    29.59% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    29.6% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    34.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    34.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    38.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    38.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    41.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    41.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    44.39% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    44.4% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    46.29% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    46.3% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    47.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    47.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    48.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    48.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.39% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    49.4% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    49.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    50.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    50.59% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50.6% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    51.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    51.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    52.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    52.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    53.690000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    53.7% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    55.59% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    55.6% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    58.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    58.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    61.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    61.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    65.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    65.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    70.39% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    70.4% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    76.19% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    76.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    82.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    83% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    90.89% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    90.9% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    99.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    100% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
}

@-webkit-keyframes ld-slot {
    0% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    9.09% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    9.1% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    16.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    17% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    23.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    23.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    29.59% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    29.6% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    34.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    34.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    38.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    38.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    41.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    41.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    44.39% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    44.4% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    46.29% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    46.3% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    47.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    47.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    48.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    48.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.39% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    49.4% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.79% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    49.8% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    49.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    50.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    50.59% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    50.6% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    51.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    51.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    52.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    52.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    53.690000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    53.7% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    55.59% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    55.6% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    58.190000000000005% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    58.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    61.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    61.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    65.49% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    65.5% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    70.39% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    70.4% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    76.19% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    76.2% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    82.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    83% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    90.89% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    90.9% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
    99.99% {
        -webkit-transform: translate(0, 160%);
        transform: translate(0, 160%)
    }
    100% {
        -webkit-transform: translate(0, -160%);
        transform: translate(0, -160%)
    }
}

.ld.ld-slot {
    -webkit-animation: ld-slot 6s infinite linear;
    animation: ld-slot 6s infinite linear
}

@keyframes ld-bounce-px {
    0%,
    90% {
        animation-timing-function: linear
    }
    10% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    50% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0, 30px) scaleY(0.5);
        transform: translate(0, 30px) scaleY(0.5)
    }
    10% {
        -webkit-transform: translate(0, 5px) scaleY(1.1);
        transform: translate(0, 5px) scaleY(1.1)
    }
    50% {
        -webkit-transform: translate(0, -37px) scaleY(1.1);
        transform: translate(0, -37px) scaleY(1.1)
    }
    90% {
        -webkit-transform: translate(0, 5px) scaleY(1.1);
        transform: translate(0, 5px) scaleY(1.1)
    }
    100% {
        -webkit-transform: translate(0, 30px) scaleY(0.5);
        transform: translate(0, 30px) scaleY(0.5)
    }
}

@-webkit-keyframes ld-bounce-px {
    0%,
    90% {
        animation-timing-function: linear
    }
    10% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    50% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0, 30px) scaleY(0.5);
        transform: translate(0, 30px) scaleY(0.5)
    }
    10% {
        -webkit-transform: translate(0, 5px) scaleY(1.1);
        transform: translate(0, 5px) scaleY(1.1)
    }
    50% {
        -webkit-transform: translate(0, -37px) scaleY(1.1);
        transform: translate(0, -37px) scaleY(1.1)
    }
    90% {
        -webkit-transform: translate(0, 5px) scaleY(1.1);
        transform: translate(0, 5px) scaleY(1.1)
    }
    100% {
        -webkit-transform: translate(0, 30px) scaleY(0.5);
        transform: translate(0, 30px) scaleY(0.5)
    }
}

.ld.ld-bounce-px {
    -webkit-animation: ld-bounce-px 1s infinite;
    animation: ld-bounce-px 1s infinite
}

@keyframes ld-bounce-px-rtl {
    0% {
        -webkit-transform: translate(80px, -20px);
        transform: translate(80px, -20px)
    }
    12.5% {
        -webkit-transform: translate(60px, -12px);
        transform: translate(60px, -12px)
    }
    25% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0)
    }
    37.5% {
        -webkit-transform: translate(25px, -12px);
        transform: translate(25px, -12px)
    }
    50% {
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px)
    }
    62.5% {
        -webkit-transform: translate(-25px, -12px);
        transform: translate(-25px, -12px)
    }
    75% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }
    87.5% {
        -webkit-transform: translate(-60px, -12px);
        transform: translate(-60px, -12px)
    }
    100% {
        -webkit-transform: translate(-80px, -20px);
        transform: translate(-80px, -20px)
    }
}

@-webkit-keyframes ld-bounce-px-rtl {
    0% {
        -webkit-transform: translate(80px, -20px);
        transform: translate(80px, -20px)
    }
    12.5% {
        -webkit-transform: translate(60px, -12px);
        transform: translate(60px, -12px)
    }
    25% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0)
    }
    37.5% {
        -webkit-transform: translate(25px, -12px);
        transform: translate(25px, -12px)
    }
    50% {
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px)
    }
    62.5% {
        -webkit-transform: translate(-25px, -12px);
        transform: translate(-25px, -12px)
    }
    75% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }
    87.5% {
        -webkit-transform: translate(-60px, -12px);
        transform: translate(-60px, -12px)
    }
    100% {
        -webkit-transform: translate(-80px, -20px);
        transform: translate(-80px, -20px)
    }
}

.ld.ld-bounce-px-rtl {
    -webkit-animation: ld-bounce-px-rtl 1s infinite linear;
    animation: ld-bounce-px-rtl 1s infinite linear
}

@keyframes ld-bounce-px-ltr {
    0% {
        -webkit-transform: translate(-80px, -20px);
        transform: translate(-80px, -20px)
    }
    12.5% {
        -webkit-transform: translate(-60px, -12px);
        transform: translate(-60px, -12px)
    }
    25% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    37.5% {
        -webkit-transform: translate(-25px, -12px);
        transform: translate(-25px, -12px)
    }
    50% {
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px)
    }
    62.5% {
        -webkit-transform: translate(25px, -12px);
        transform: translate(25px, -12px)
    }
    75% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    87.5% {
        -webkit-transform: translate(60px, -12px);
        transform: translate(60px, -12px)
    }
    100% {
        -webkit-transform: translate(80px, -20px);
        transform: translate(80px, -20px)
    }
}

@-webkit-keyframes ld-bounce-px-ltr {
    0% {
        -webkit-transform: translate(-80px, -20px);
        transform: translate(-80px, -20px)
    }
    12.5% {
        -webkit-transform: translate(-60px, -12px);
        transform: translate(-60px, -12px)
    }
    25% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    37.5% {
        -webkit-transform: translate(-25px, -12px);
        transform: translate(-25px, -12px)
    }
    50% {
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px)
    }
    62.5% {
        -webkit-transform: translate(25px, -12px);
        transform: translate(25px, -12px)
    }
    75% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    87.5% {
        -webkit-transform: translate(60px, -12px);
        transform: translate(60px, -12px)
    }
    100% {
        -webkit-transform: translate(80px, -20px);
        transform: translate(80px, -20px)
    }
}

.ld.ld-bounce-px-ltr {
    -webkit-animation: ld-bounce-px-ltr 1s infinite linear;
    animation: ld-bounce-px-ltr 1s infinite linear
}

@keyframes ld-bounce-a-px {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    12.5% {
        -webkit-transform: translate(5px, -28px);
        transform: translate(5px, -28px)
    }
    25% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
    37.5% {
        -webkit-transform: translate(5px, -28px);
        transform: translate(5px, -28px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    62.5% {
        -webkit-transform: translate(-5px, -28px);
        transform: translate(-5px, -28px)
    }
    75% {
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0)
    }
    87.5% {
        -webkit-transform: translate(-5px, -28px);
        transform: translate(-5px, -28px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-bounce-a-px {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    12.5% {
        -webkit-transform: translate(5px, -28px);
        transform: translate(5px, -28px)
    }
    25% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
    37.5% {
        -webkit-transform: translate(5px, -28px);
        transform: translate(5px, -28px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    62.5% {
        -webkit-transform: translate(-5px, -28px);
        transform: translate(-5px, -28px)
    }
    75% {
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0)
    }
    87.5% {
        -webkit-transform: translate(-5px, -28px);
        transform: translate(-5px, -28px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-bounce-a-px {
    -webkit-animation: ld-bounce-a-px 2s infinite;
    animation: ld-bounce-a-px 2s infinite
}

@keyframes ld-float-px {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: linear
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
    30% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    50% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
}

@-webkit-keyframes ld-float-px {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: linear
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
    30% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    50% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
}

.ld.ld-float-px {
    -webkit-animation: ld-float-px 1s infinite;
    animation: ld-float-px 1s infinite
}

@keyframes ld-hit-px {
    0% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        -webkit-transform: scale(0) translate(0, 0) skewX(0);
        transform: scale(0) translate(0, 0) skewX(0)
    }
    20% {
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    50% {
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    100% {
        -webkit-transform: scale(1) translate(0, 150px) skewX(20deg);
        transform: scale(1) translate(0, 150px) skewX(20deg)
    }
}

@-webkit-keyframes ld-hit-px {
    0% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        -webkit-transform: scale(0) translate(0, 0) skewX(0);
        transform: scale(0) translate(0, 0) skewX(0)
    }
    20% {
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    50% {
        animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
        -webkit-transform: scale(1) translate(0, 0) skewX(20deg);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    100% {
        -webkit-transform: scale(1) translate(0, 150px) skewX(20deg);
        transform: scale(1) translate(0, 150px) skewX(20deg)
    }
}

.ld.ld-hit-px {
    -webkit-animation: ld-hit-px 2s infinite;
    animation: ld-hit-px 2s infinite
}

@keyframes ld-jelly-px {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    16.6% {
        -webkit-transform: translate(-30px, 0) skewX(30deg);
        transform: translate(-30px, 0) skewX(30deg)
    }
    33.3% {
        -webkit-transform: translate(25px, 0) skewX(-20deg);
        transform: translate(25px, 0) skewX(-20deg)
    }
    50% {
        -webkit-transform: translate(-12px, 0) skewX(10deg);
        transform: translate(-12px, 0) skewX(10deg)
    }
    66.6% {
        -webkit-transform: translate(6px, 0) skewX(-5deg);
        transform: translate(6px, 0) skewX(-5deg)
    }
    83.3% {
        -webkit-transform: translate(-2.5px, 0) skewX(2deg);
        transform: translate(-2.5px, 0) skewX(2deg)
    }
    100% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
}

@-webkit-keyframes ld-jelly-px {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    16.6% {
        -webkit-transform: translate(-30px, 0) skewX(30deg);
        transform: translate(-30px, 0) skewX(30deg)
    }
    33.3% {
        -webkit-transform: translate(25px, 0) skewX(-20deg);
        transform: translate(25px, 0) skewX(-20deg)
    }
    50% {
        -webkit-transform: translate(-12px, 0) skewX(10deg);
        transform: translate(-12px, 0) skewX(10deg)
    }
    66.6% {
        -webkit-transform: translate(6px, 0) skewX(-5deg);
        transform: translate(6px, 0) skewX(-5deg)
    }
    83.3% {
        -webkit-transform: translate(-2.5px, 0) skewX(2deg);
        transform: translate(-2.5px, 0) skewX(2deg)
    }
    100% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
}

.ld.ld-jelly-px {
    -webkit-animation: ld-jelly-px 1s infinite linear;
    animation: ld-jelly-px 1s infinite linear
}

@keyframes ld-jump-px {
    0%,
    28%,
    48%,
    64%,
    76%,
    86%,
    93%,
    100% {
        animation-timing-function: ease-out
    }
    14%,
    38%,
    56%,
    70%,
    81%,
    90%,
    97% {
        animation-timing-function: ease-in
    }
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    14% {
        -webkit-transform: translateY(-27px);
        transform: translateY(-27px)
    }
    28% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    38% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    48% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    56% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }
    64% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    70% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
    76% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    81% {
        -webkit-transform: translateY(-7.5px);
        transform: translateY(-7.5px)
    }
    86% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    90% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    93% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    97% {
        -webkit-transform: translateY(-1.5px);
        transform: translateY(-1.5px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes ld-jump-px {
    0%,
    28%,
    48%,
    64%,
    76%,
    86%,
    93%,
    100% {
        animation-timing-function: ease-out
    }
    14%,
    38%,
    56%,
    70%,
    81%,
    90%,
    97% {
        animation-timing-function: ease-in
    }
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    14% {
        -webkit-transform: translateY(-27px);
        transform: translateY(-27px)
    }
    28% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    38% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    48% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    56% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }
    64% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    70% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
    76% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    81% {
        -webkit-transform: translateY(-7.5px);
        transform: translateY(-7.5px)
    }
    86% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    90% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    93% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    97% {
        -webkit-transform: translateY(-1.5px);
        transform: translateY(-1.5px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

.ld.ld-jump-px {
    -webkit-animation: ld-jump-px 1.5s ease-in infinite;
    animation: ld-jump-px 1.5s ease-in infinite
}

@keyframes ld-orbit-px {
    0% {
        -webkit-transform: translate(30px, 0) rotate(0deg);
        transform: translate(30px, 0) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(21px, 21px) rotate(45deg);
        transform: translate(21px, 21px) rotate(45deg)
    }
    25% {
        -webkit-transform: translate(0, 30px) rotate(90deg);
        transform: translate(0, 30px) rotate(90deg)
    }
    37.5% {
        -webkit-transform: translate(-21px, 21px) rotate(135deg);
        transform: translate(-21px, 21px) rotate(135deg)
    }
    50% {
        -webkit-transform: translate(-30px, 0) rotate(180deg);
        transform: translate(-30px, 0) rotate(180deg)
    }
    62.5% {
        -webkit-transform: translate(-21px, -21px) rotate(225deg);
        transform: translate(-21px, -21px) rotate(225deg)
    }
    75% {
        -webkit-transform: translate(0, -30px) rotate(270deg);
        transform: translate(0, -30px) rotate(270deg)
    }
    87.5% {
        -webkit-transform: translate(21px, -21px) rotate(315deg);
        transform: translate(21px, -21px) rotate(315deg)
    }
    100% {
        -webkit-transform: translate(30px, 0) rotate(360deg);
        transform: translate(30px, 0) rotate(360deg)
    }
}

@-webkit-keyframes ld-orbit-px {
    0% {
        -webkit-transform: translate(30px, 0) rotate(0deg);
        transform: translate(30px, 0) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(21px, 21px) rotate(45deg);
        transform: translate(21px, 21px) rotate(45deg)
    }
    25% {
        -webkit-transform: translate(0, 30px) rotate(90deg);
        transform: translate(0, 30px) rotate(90deg)
    }
    37.5% {
        -webkit-transform: translate(-21px, 21px) rotate(135deg);
        transform: translate(-21px, 21px) rotate(135deg)
    }
    50% {
        -webkit-transform: translate(-30px, 0) rotate(180deg);
        transform: translate(-30px, 0) rotate(180deg)
    }
    62.5% {
        -webkit-transform: translate(-21px, -21px) rotate(225deg);
        transform: translate(-21px, -21px) rotate(225deg)
    }
    75% {
        -webkit-transform: translate(0, -30px) rotate(270deg);
        transform: translate(0, -30px) rotate(270deg)
    }
    87.5% {
        -webkit-transform: translate(21px, -21px) rotate(315deg);
        transform: translate(21px, -21px) rotate(315deg)
    }
    100% {
        -webkit-transform: translate(30px, 0) rotate(360deg);
        transform: translate(30px, 0) rotate(360deg)
    }
}

.ld.ld-orbit-px {
    -webkit-animation: ld-orbit-px 1s infinite linear;
    animation: ld-orbit-px 1s infinite linear
}

@keyframes ld-rush-px-rtl {
    0% {
        -webkit-transform: translate(100px, 0) skewX(-45deg);
        transform: translate(100px, 0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(-20px, 0) skewX(35deg);
        transform: translate(-20px, 0) skewX(35deg)
    }
    45% {
        -webkit-transform: translate(10px, 0) skewX(-15deg);
        transform: translate(10px, 0) skewX(-15deg)
    }
    60% {
        -webkit-transform: translate(-5px, 0) skewX(7deg);
        transform: translate(-5px, 0) skewX(7deg)
    }
    80% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(-150px, 0) skewX(-45deg);
        transform: translate(-150px, 0) skewX(-45deg)
    }
}

@-webkit-keyframes ld-rush-px-rtl {
    0% {
        -webkit-transform: translate(100px, 0) skewX(-45deg);
        transform: translate(100px, 0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(-20px, 0) skewX(35deg);
        transform: translate(-20px, 0) skewX(35deg)
    }
    45% {
        -webkit-transform: translate(10px, 0) skewX(-15deg);
        transform: translate(10px, 0) skewX(-15deg)
    }
    60% {
        -webkit-transform: translate(-5px, 0) skewX(7deg);
        transform: translate(-5px, 0) skewX(7deg)
    }
    80% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(-150px, 0) skewX(-45deg);
        transform: translate(-150px, 0) skewX(-45deg)
    }
}

.ld.ld-rush-px-rtl {
    -webkit-animation: ld-rush-px-rtl 1.5s infinite linear;
    animation: ld-rush-px-rtl 1.5s infinite linear
}

@keyframes ld-rush-px-ltr {
    0% {
        -webkit-transform: translate(-100px, 0) skewX(45deg);
        transform: translate(-100px, 0) skewX(45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(20px, 0) skewX(-35deg);
        transform: translate(20px, 0) skewX(-35deg)
    }
    45% {
        -webkit-transform: translate(-10px, 0) skewX(15deg);
        transform: translate(-10px, 0) skewX(15deg)
    }
    60% {
        -webkit-transform: translate(5px, 0) skewX(-7deg);
        transform: translate(5px, 0) skewX(-7deg)
    }
    80% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(150px, 0) skewX(45deg);
        transform: translate(150px, 0) skewX(45deg)
    }
}

@-webkit-keyframes ld-rush-px-ltr {
    0% {
        -webkit-transform: translate(-100px, 0) skewX(45deg);
        transform: translate(-100px, 0) skewX(45deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    30% {
        -webkit-transform: translate(20px, 0) skewX(-35deg);
        transform: translate(20px, 0) skewX(-35deg)
    }
    45% {
        -webkit-transform: translate(-10px, 0) skewX(15deg);
        transform: translate(-10px, 0) skewX(15deg)
    }
    60% {
        -webkit-transform: translate(5px, 0) skewX(-7deg);
        transform: translate(5px, 0) skewX(-7deg)
    }
    80% {
        -webkit-transform: translate(0, 0) skewX(0deg);
        transform: translate(0, 0) skewX(0deg)
    }
    100% {
        -webkit-transform: translate(150px, 0) skewX(45deg);
        transform: translate(150px, 0) skewX(45deg)
    }
}

.ld.ld-rush-px-ltr {
    -webkit-animation: ld-rush-px-ltr 1.5s infinite linear;
    animation: ld-rush-px-ltr 1.5s infinite linear
}

@keyframes ld-shake-px {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    16.6% {
        -webkit-transform: translate(-35px, 0);
        transform: translate(-35px, 0)
    }
    33.3% {
        -webkit-transform: translate(25px, 0);
        transform: translate(25px, 0)
    }
    50% {
        -webkit-transform: translate(-12px, 0);
        transform: translate(-12px, 0)
    }
    66.6% {
        -webkit-transform: translate(6px, 0);
        transform: translate(6px, 0)
    }
    83.3% {
        -webkit-transform: translate(-2.5px, 0);
        transform: translate(-2.5px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-shake-px {
    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    16.6% {
        -webkit-transform: translate(-35px, 0);
        transform: translate(-35px, 0)
    }
    33.3% {
        -webkit-transform: translate(25px, 0);
        transform: translate(25px, 0)
    }
    50% {
        -webkit-transform: translate(-12px, 0);
        transform: translate(-12px, 0)
    }
    66.6% {
        -webkit-transform: translate(6px, 0);
        transform: translate(6px, 0)
    }
    83.3% {
        -webkit-transform: translate(-2.5px, 0);
        transform: translate(-2.5px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-shake-px {
    -webkit-animation: ld-shake-px 1s infinite linear;
    animation: ld-shake-px 1s infinite linear
}

@keyframes ld-slide-px-ltr {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
    50% {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-px-ltr {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
    50% {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-px-ltr {
    -webkit-animation: ld-slide-px-ltr 1s infinite;
    animation: ld-slide-px-ltr 1s infinite
}

@keyframes ld-slide-px-rtl {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
    50% {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-px-rtl {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
    50% {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-px-rtl {
    -webkit-animation: ld-slide-px-rtl 1s infinite;
    animation: ld-slide-px-rtl 1s infinite
}

@keyframes ld-slide-px-btt {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    50% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-px-btt {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    50% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-px-btt {
    -webkit-animation: ld-slide-px-btt 1s infinite;
    animation: ld-slide-px-btt 1s infinite
}

@keyframes ld-slide-px-ttb {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ld-slide-px-ttb {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    49.9% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ld.ld-slide-px-ttb {
    -webkit-animation: ld-slide-px-ttb 1s infinite;
    animation: ld-slide-px-ttb 1s infinite
}

@keyframes ld-tremble-px {
    0% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    5% {
        -webkit-transform: translate(0, 1px);
        transform: translate(0, 1px)
    }
    10% {
        -webkit-transform: translate(1px, 2px);
        transform: translate(1px, 2px)
    }
    15% {
        -webkit-transform: translate(2px, 1px);
        transform: translate(2px, 1px)
    }
    20% {
        -webkit-transform: translate(3px, 0);
        transform: translate(3px, 0)
    }
    25% {
        -webkit-transform: translate(1px, 2px);
        transform: translate(1px, 2px)
    }
    30% {
        -webkit-transform: translate(1px, 3px);
        transform: translate(1px, 3px)
    }
    35% {
        -webkit-transform: translate(0, 1px);
        transform: translate(0, 1px)
    }
    40% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    45% {
        -webkit-transform: translate(1px, 0);
        transform: translate(1px, 0)
    }
    50% {
        -webkit-transform: translate(2px, 1px);
        transform: translate(2px, 1px)
    }
    55% {
        -webkit-transform: translate(1px, 2px);
        transform: translate(1px, 2px)
    }
    60% {
        -webkit-transform: translate(3px, 1px);
        transform: translate(3px, 1px)
    }
    65% {
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px)
    }
    70% {
        -webkit-transform: translate(3px, 0);
        transform: translate(3px, 0)
    }
    75% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    80% {
        -webkit-transform: translate(2px, 3px);
        transform: translate(2px, 3px)
    }
    85% {
        -webkit-transform: translate(1px, 0);
        transform: translate(1px, 0)
    }
    90% {
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px)
    }
    95% {
        -webkit-transform: translate(3px, 2px);
        transform: translate(3px, 2px)
    }
}

@-webkit-keyframes ld-tremble-px {
    0% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    5% {
        -webkit-transform: translate(0, 1px);
        transform: translate(0, 1px)
    }
    10% {
        -webkit-transform: translate(1px, 2px);
        transform: translate(1px, 2px)
    }
    15% {
        -webkit-transform: translate(2px, 1px);
        transform: translate(2px, 1px)
    }
    20% {
        -webkit-transform: translate(3px, 0);
        transform: translate(3px, 0)
    }
    25% {
        -webkit-transform: translate(1px, 2px);
        transform: translate(1px, 2px)
    }
    30% {
        -webkit-transform: translate(1px, 3px);
        transform: translate(1px, 3px)
    }
    35% {
        -webkit-transform: translate(0, 1px);
        transform: translate(0, 1px)
    }
    40% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    45% {
        -webkit-transform: translate(1px, 0);
        transform: translate(1px, 0)
    }
    50% {
        -webkit-transform: translate(2px, 1px);
        transform: translate(2px, 1px)
    }
    55% {
        -webkit-transform: translate(1px, 2px);
        transform: translate(1px, 2px)
    }
    60% {
        -webkit-transform: translate(3px, 1px);
        transform: translate(3px, 1px)
    }
    65% {
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px)
    }
    70% {
        -webkit-transform: translate(3px, 0);
        transform: translate(3px, 0)
    }
    75% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    80% {
        -webkit-transform: translate(2px, 3px);
        transform: translate(2px, 3px)
    }
    85% {
        -webkit-transform: translate(1px, 0);
        transform: translate(1px, 0)
    }
    90% {
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px)
    }
    95% {
        -webkit-transform: translate(3px, 2px);
        transform: translate(3px, 2px)
    }
}

.ld.ld-tremble-px {
    -webkit-animation: ld-tremble-px 1s infinite;
    animation: ld-tremble-px 1s infinite
}

@keyframes ld-wander-px-h {
    0% {
        -webkit-transform: translate(-35px, 0);
        transform: translate(-35px, 0)
    }
    50% {
        -webkit-transform: translate(35px, 0);
        transform: translate(35px, 0)
    }
    100% {
        -webkit-transform: translate(-35px, 0);
        transform: translate(-35px, 0)
    }
}

@-webkit-keyframes ld-wander-px-h {
    0% {
        -webkit-transform: translate(-35px, 0);
        transform: translate(-35px, 0)
    }
    50% {
        -webkit-transform: translate(35px, 0);
        transform: translate(35px, 0)
    }
    100% {
        -webkit-transform: translate(-35px, 0);
        transform: translate(-35px, 0)
    }
}

.ld.ld-wander-px-h {
    -webkit-animation: ld-wander-px-h 1s infinite ease-out;
    animation: ld-wander-px-h 1s infinite ease-out
}

@keyframes ld-wander-px-v {
    0% {
        -webkit-transform: translate(0, -35px);
        transform: translate(0, -35px)
    }
    50% {
        -webkit-transform: translate(0, 35px);
        transform: translate(0, 35px)
    }
    100% {
        -webkit-transform: translate(0, -35px);
        transform: translate(0, -35px)
    }
}

@-webkit-keyframes ld-wander-px-v {
    0% {
        -webkit-transform: translate(0, -35px);
        transform: translate(0, -35px)
    }
    50% {
        -webkit-transform: translate(0, 35px);
        transform: translate(0, 35px)
    }
    100% {
        -webkit-transform: translate(0, -35px);
        transform: translate(0, -35px)
    }
}

.ld.ld-wander-px-v {
    -webkit-animation: ld-wander-px-v 1s infinite ease-out;
    animation: ld-wander-px-v 1s infinite ease-out
}

@keyframes ld-jingle-px {
    0% {
        -webkit-transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px)
    }
    4% {
        -webkit-transform: translate(0, -40px) rotate(11deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(11deg) translate(0, 40px)
    }
    10% {
        -webkit-transform: translate(0, -40px) rotate(15deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(15deg) translate(0, 40px)
    }
    18% {
        -webkit-transform: translate(0, -40px) rotate(-11deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-11deg) translate(0, 40px)
    }
    20% {
        -webkit-transform: translate(0, -40px) rotate(-13deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-13deg) translate(0, 40px)
    }
    21% {
        -webkit-transform: translate(0, -40px) rotate(-12deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-12deg) translate(0, 40px)
    }
    22% {
        -webkit-transform: translate(0, -40px) rotate(-10deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-10deg) translate(0, 40px)
    }
    24% {
        -webkit-transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
    }
    26% {
        -webkit-transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px)
    }
    28% {
        -webkit-transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px)
    }
    30% {
        -webkit-transform: translate(0, -40px) rotate(10deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(10deg) translate(0, 40px)
    }
    31% {
        -webkit-transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px)
    }
    33% {
        -webkit-transform: translate(0, -40px) rotate(5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(5deg) translate(0, 40px)
    }
    34% {
        -webkit-transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px)
    }
    36% {
        -webkit-transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
    }
    39% {
        -webkit-transform: translate(0, -40px) rotate(-8deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-8deg) translate(0, 40px)
    }
    40% {
        -webkit-transform: translate(0, -40px) rotate(-7deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-7deg) translate(0, 40px)
    }
    44% {
        -webkit-transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px)
    }
    47% {
        -webkit-transform: translate(0, -40px) rotate(7deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(7deg) translate(0, 40px)
    }
    56% {
        -webkit-transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
    }
    63% {
        -webkit-transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px)
    }
    75% {
        -webkit-transform: translate(0, -40px) rotate(-1deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-1deg) translate(0, 40px)
    }
    100% {
        -webkit-transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px)
    }
}

@-webkit-keyframes ld-jingle-px {
    0% {
        -webkit-transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px)
    }
    4% {
        -webkit-transform: translate(0, -40px) rotate(11deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(11deg) translate(0, 40px)
    }
    10% {
        -webkit-transform: translate(0, -40px) rotate(15deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(15deg) translate(0, 40px)
    }
    18% {
        -webkit-transform: translate(0, -40px) rotate(-11deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-11deg) translate(0, 40px)
    }
    20% {
        -webkit-transform: translate(0, -40px) rotate(-13deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-13deg) translate(0, 40px)
    }
    21% {
        -webkit-transform: translate(0, -40px) rotate(-12deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-12deg) translate(0, 40px)
    }
    22% {
        -webkit-transform: translate(0, -40px) rotate(-10deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-10deg) translate(0, 40px)
    }
    24% {
        -webkit-transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
    }
    26% {
        -webkit-transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px)
    }
    28% {
        -webkit-transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px)
    }
    30% {
        -webkit-transform: translate(0, -40px) rotate(10deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(10deg) translate(0, 40px)
    }
    31% {
        -webkit-transform: translate(0, -40px) rotate(9deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(9deg) translate(0, 40px)
    }
    33% {
        -webkit-transform: translate(0, -40px) rotate(5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(5deg) translate(0, 40px)
    }
    34% {
        -webkit-transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px)
    }
    36% {
        -webkit-transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
    }
    39% {
        -webkit-transform: translate(0, -40px) rotate(-8deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-8deg) translate(0, 40px)
    }
    40% {
        -webkit-transform: translate(0, -40px) rotate(-7deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-7deg) translate(0, 40px)
    }
    44% {
        -webkit-transform: translate(0, -40px) rotate(3deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(3deg) translate(0, 40px)
    }
    47% {
        -webkit-transform: translate(0, -40px) rotate(7deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(7deg) translate(0, 40px)
    }
    56% {
        -webkit-transform: translate(0, -40px) rotate(-5deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
    }
    63% {
        -webkit-transform: translate(0, -40px) rotate(1deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(1deg) translate(0, 40px)
    }
    75% {
        -webkit-transform: translate(0, -40px) rotate(-1deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(-1deg) translate(0, 40px)
    }
    100% {
        -webkit-transform: translate(0, -40px) rotate(0deg) translate(0, 40px);
        transform: translate(0, -40px) rotate(0deg) translate(0, 40px)
    }
}

.ld.ld-jingle-px {
    -webkit-animation: ld-jingle-px 1s infinite;
    animation: ld-jingle-px 1s infinite
}

@keyframes ld-swim-px {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(1px, -2px) rotate(3deg);
        transform: translate(1px, -2px) rotate(3deg)
    }
    25% {
        -webkit-transform: translate(0, -3px) rotate(6deg);
        transform: translate(0, -3px) rotate(6deg)
    }
    37.5% {
        -webkit-transform: translate(-1px, -2px) rotate(3deg);
        transform: translate(-1px, -2px) rotate(3deg)
    }
    50% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    62.5% {
        -webkit-transform: translate(1px, 2px) rotate(-3deg);
        transform: translate(1px, 2px) rotate(-3deg)
    }
    75% {
        -webkit-transform: translate(0, 3px) rotate(-6deg);
        transform: translate(0, 3px) rotate(-6deg)
    }
    87.5% {
        -webkit-transform: translate(-1px, 2px) rotate(-3deg);
        transform: translate(-1px, 2px) rotate(-3deg)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
}

@-webkit-keyframes ld-swim-px {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    12.5% {
        -webkit-transform: translate(1px, -2px) rotate(3deg);
        transform: translate(1px, -2px) rotate(3deg)
    }
    25% {
        -webkit-transform: translate(0, -3px) rotate(6deg);
        transform: translate(0, -3px) rotate(6deg)
    }
    37.5% {
        -webkit-transform: translate(-1px, -2px) rotate(3deg);
        transform: translate(-1px, -2px) rotate(3deg)
    }
    50% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
    62.5% {
        -webkit-transform: translate(1px, 2px) rotate(-3deg);
        transform: translate(1px, 2px) rotate(-3deg)
    }
    75% {
        -webkit-transform: translate(0, 3px) rotate(-6deg);
        transform: translate(0, 3px) rotate(-6deg)
    }
    87.5% {
        -webkit-transform: translate(-1px, 2px) rotate(-3deg);
        transform: translate(-1px, 2px) rotate(-3deg)
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
}

.ld.ld-swim-px {
    -webkit-animation: ld-swim-px 3s infinite linear;
    animation: ld-swim-px 3s infinite linear
}

@keyframes ld-leaf-px {
    0% {
        -webkit-transform: translate(-14.7px, -117px) rotate(-0.3deg);
        transform: translate(-14.7px, -117px) rotate(-0.3deg)
    }
    1% {
        -webkit-transform: translate(-14.4px, -112.5px) rotate(-0.6deg);
        transform: translate(-14.4px, -112.5px) rotate(-0.6deg)
    }
    2% {
        -webkit-transform: translate(-13.8px, -102px) rotate(-1.2deg);
        transform: translate(-13.8px, -102px) rotate(-1.2deg)
    }
    3% {
        -webkit-transform: translate(-13.5px, -100.5px) rotate(-1.5deg);
        transform: translate(-13.5px, -100.5px) rotate(-1.5deg)
    }
    5% {
        -webkit-transform: translate(-7.2px, -87px) rotate(-7.8deg);
        transform: translate(-7.2px, -87px) rotate(-7.8deg)
    }
    7% {
        -webkit-transform: translate(5.4px, -79.5px) rotate(-20.4deg);
        transform: translate(5.4px, -79.5px) rotate(-20.4deg)
    }
    10% {
        -webkit-transform: translate(12.9px, -76.5px) rotate(-27.9deg);
        transform: translate(12.9px, -76.5px) rotate(-27.9deg)
    }
    12% {
        -webkit-transform: translate(14.4px, -75px) rotate(-29.4deg);
        transform: translate(14.4px, -75px) rotate(-29.4deg)
    }
    13% {
        -webkit-transform: translate(14.7px, -75px) rotate(-29.7deg);
        transform: translate(14.7px, -75px) rotate(-29.7deg)
    }
    14% {
        -webkit-transform: translate(15px, -75px) rotate(-30deg);
        transform: translate(15px, -75px) rotate(-30deg)
    }
    15% {
        -webkit-transform: translate(14.4px, -69px) rotate(0.6deg);
        transform: translate(14.4px, -69px) rotate(0.6deg)
    }
    16% {
        -webkit-transform: translate(13.8px, -58.5px) rotate(1.2deg);
        transform: translate(13.8px, -58.5px) rotate(1.2deg)
    }
    19% {
        -webkit-transform: translate(7.2px, -45px) rotate(7.8deg);
        transform: translate(7.2px, -45px) rotate(7.8deg)
    }
    21% {
        -webkit-transform: translate(-5.4px, -37.5px) rotate(20.4deg);
        transform: translate(-5.4px, -37.5px) rotate(20.4deg)
    }
    24% {
        -webkit-transform: translate(-12.9px, -33px) rotate(27.9deg);
        transform: translate(-12.9px, -33px) rotate(27.9deg)
    }
    26% {
        -webkit-transform: translate(-14.4px, -33px) rotate(29.4deg);
        transform: translate(-14.4px, -33px) rotate(29.4deg)
    }
    27% {
        -webkit-transform: translate(-14.7px, -31.5px) rotate(29.7deg);
        transform: translate(-14.7px, -31.5px) rotate(29.7deg)
    }
    28% {
        -webkit-transform: translate(-15px, -31.5px) rotate(30deg);
        transform: translate(-15px, -31.5px) rotate(30deg)
    }
    29% {
        -webkit-transform: translate(-14.4px, -27px) rotate(-0.6deg);
        transform: translate(-14.4px, -27px) rotate(-0.6deg)
    }
    30% {
        -webkit-transform: translate(-13.8px, -16.5px) rotate(-1.2deg);
        transform: translate(-13.8px, -16.5px) rotate(-1.2deg)
    }
    31% {
        -webkit-transform: translate(-13.5px, -15px) rotate(-1.5deg);
        transform: translate(-13.5px, -15px) rotate(-1.5deg)
    }
    33% {
        -webkit-transform: translate(-7.2px, -1.5px) rotate(-7.8deg);
        transform: translate(-7.2px, -1.5px) rotate(-7.8deg)
    }
    36% {
        -webkit-transform: translate(5.4px, 4.5px) rotate(-20.4deg);
        transform: translate(5.4px, 4.5px) rotate(-20.4deg)
    }
    38% {
        -webkit-transform: translate(12.9px, 9px) rotate(-27.9deg);
        transform: translate(12.9px, 9px) rotate(-27.9deg)
    }
    40% {
        -webkit-transform: translate(14.4px, 10.5px) rotate(-29.4deg);
        transform: translate(14.4px, 10.5px) rotate(-29.4deg)
    }
    41% {
        -webkit-transform: translate(14.7px, 10.5px) rotate(-29.7deg);
        transform: translate(14.7px, 10.5px) rotate(-29.7deg)
    }
    42% {
        -webkit-transform: translate(15px, 10.5px) rotate(-30deg);
        transform: translate(15px, 10.5px) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(15px, 10.5px) rotate(-30deg);
        transform: translate(15px, 10.5px) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(14.7px, 10.5px) rotate(0.3deg);
        transform: translate(14.7px, 10.5px) rotate(0.3deg)
    }
    43% {
        -webkit-transform: translate(14.4px, 16.5px) rotate(0.6deg);
        transform: translate(14.4px, 16.5px) rotate(0.6deg)
    }
    45% {
        -webkit-transform: translate(13.8px, 25.5px) rotate(1.2deg);
        transform: translate(13.8px, 25.5px) rotate(1.2deg)
    }
    45% {
        -webkit-transform: translate(13.5px, 27px) rotate(1.5deg);
        transform: translate(13.5px, 27px) rotate(1.5deg)
    }
    48% {
        -webkit-transform: translate(7.2px, 40.5px) rotate(7.8deg);
        transform: translate(7.2px, 40.5px) rotate(7.8deg)
    }
    50% {
        -webkit-transform: translate(-5.4px, 48px) rotate(20.4deg);
        transform: translate(-5.4px, 48px) rotate(20.4deg)
    }
    52% {
        -webkit-transform: translate(-12.9px, 51px) rotate(27.9deg);
        transform: translate(-12.9px, 51px) rotate(27.9deg)
    }
    54% {
        -webkit-transform: translate(-14.4px, 52.5px) rotate(29.4deg);
        transform: translate(-14.4px, 52.5px) rotate(29.4deg)
    }
    56% {
        -webkit-transform: translate(-14.7px, 54px) rotate(29.7deg);
        transform: translate(-14.7px, 54px) rotate(29.7deg)
    }
    57% {
        -webkit-transform: translate(-14.7px, 54px) rotate(-0.3deg);
        transform: translate(-14.7px, 54px) rotate(-0.3deg)
    }
    58% {
        -webkit-transform: translate(-14.4px, 58.5px) rotate(-0.6deg);
        transform: translate(-14.4px, 58.5px) rotate(-0.6deg)
    }
    59% {
        -webkit-transform: translate(-13.5px, 70.5px) rotate(-1.5deg);
        transform: translate(-13.5px, 70.5px) rotate(-1.5deg)
    }
    62% {
        -webkit-transform: translate(-7.2px, 84px) rotate(-7.8deg);
        transform: translate(-7.2px, 84px) rotate(-7.8deg)
    }
    64% {
        -webkit-transform: translate(5.4px, 91.5px) rotate(-20.4deg);
        transform: translate(5.4px, 91.5px) rotate(-20.4deg)
    }
    67% {
        -webkit-transform: translate(12.9px, 94.5px) rotate(-27.9deg);
        transform: translate(12.9px, 94.5px) rotate(-27.9deg)
    }
    69% {
        -webkit-transform: translate(14.4px, 96px) rotate(-29.4deg);
        transform: translate(14.4px, 96px) rotate(-29.4deg)
    }
    70% {
        -webkit-transform: translate(14.7px, 96px) rotate(-29.7deg);
        transform: translate(14.7px, 96px) rotate(-29.7deg)
    }
    71% {
        -webkit-transform: translate(15px, 96px) rotate(-30deg);
        transform: translate(15px, 96px) rotate(-30deg)
    }
    72% {
        -webkit-transform: translate(14.4px, 102px) rotate(0.6deg);
        transform: translate(14.4px, 102px) rotate(0.6deg)
    }
    73% {
        -webkit-transform: translate(13.8px, 111px) rotate(1.2deg);
        transform: translate(13.8px, 111px) rotate(1.2deg)
    }
    74% {
        -webkit-transform: translate(13.5px, 112.5px) rotate(1.5deg);
        transform: translate(13.5px, 112.5px) rotate(1.5deg)
    }
    76% {
        -webkit-transform: translate(7.2px, 126px) rotate(7.8deg);
        transform: translate(7.2px, 126px) rotate(7.8deg)
    }
    79% {
        -webkit-transform: translate(-5.4px, 133.5px) rotate(20.4deg);
        transform: translate(-5.4px, 133.5px) rotate(20.4deg)
    }
    81% {
        -webkit-transform: translate(-12.9px, 138px) rotate(27.9deg);
        transform: translate(-12.9px, 138px) rotate(27.9deg)
    }
    83% {
        -webkit-transform: translate(-14.4px, 139.5px) rotate(29.4deg);
        transform: translate(-14.4px, 139.5px) rotate(29.4deg)
    }
    84% {
        -webkit-transform: translate(-14.7px, 139.5px) rotate(29.7deg);
        transform: translate(-14.7px, 139.5px) rotate(29.7deg)
    }
    85% {
        -webkit-transform: translate(-15px, 139.5px) rotate(30deg);
        transform: translate(-15px, 139.5px) rotate(30deg)
    }
    86% {
        -webkit-transform: translate(-14.7px, 139.5px) rotate(-0.3deg);
        transform: translate(-14.7px, 139.5px) rotate(-0.3deg)
    }
    86% {
        -webkit-transform: translate(-14.4px, 144px) rotate(-0.6deg);
        transform: translate(-14.4px, 144px) rotate(-0.6deg)
    }
    88% {
        -webkit-transform: translate(-13.5px, 156px) rotate(-1.5deg);
        transform: translate(-13.5px, 156px) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7.2px, 169.5px) rotate(-7.8deg);
        transform: translate(-7.2px, 169.5px) rotate(-7.8deg)
    }
    93% {
        -webkit-transform: translate(5.4px, 177px) rotate(-20.4deg);
        transform: translate(5.4px, 177px) rotate(-20.4deg)
    }
    95% {
        -webkit-transform: translate(12.9px, 180px) rotate(-27.9deg);
        transform: translate(12.9px, 180px) rotate(-27.9deg)
    }
    97% {
        -webkit-transform: translate(14.4px, 181.5px) rotate(-29.4deg);
        transform: translate(14.4px, 181.5px) rotate(-29.4deg)
    }
    99% {
        -webkit-transform: translate(14.7px, 181.5px) rotate(-29.7deg);
        transform: translate(14.7px, 181.5px) rotate(-29.7deg)
    }
    100% {
        -webkit-transform: translate(15px, 181.5px) rotate(-30deg);
        transform: translate(15px, 181.5px) rotate(-30deg)
    }
}

@-webkit-keyframes ld-leaf-px {
    0% {
        -webkit-transform: translate(-14.7px, -117px) rotate(-0.3deg);
        transform: translate(-14.7px, -117px) rotate(-0.3deg)
    }
    1% {
        -webkit-transform: translate(-14.4px, -112.5px) rotate(-0.6deg);
        transform: translate(-14.4px, -112.5px) rotate(-0.6deg)
    }
    2% {
        -webkit-transform: translate(-13.8px, -102px) rotate(-1.2deg);
        transform: translate(-13.8px, -102px) rotate(-1.2deg)
    }
    3% {
        -webkit-transform: translate(-13.5px, -100.5px) rotate(-1.5deg);
        transform: translate(-13.5px, -100.5px) rotate(-1.5deg)
    }
    5% {
        -webkit-transform: translate(-7.2px, -87px) rotate(-7.8deg);
        transform: translate(-7.2px, -87px) rotate(-7.8deg)
    }
    7% {
        -webkit-transform: translate(5.4px, -79.5px) rotate(-20.4deg);
        transform: translate(5.4px, -79.5px) rotate(-20.4deg)
    }
    10% {
        -webkit-transform: translate(12.9px, -76.5px) rotate(-27.9deg);
        transform: translate(12.9px, -76.5px) rotate(-27.9deg)
    }
    12% {
        -webkit-transform: translate(14.4px, -75px) rotate(-29.4deg);
        transform: translate(14.4px, -75px) rotate(-29.4deg)
    }
    13% {
        -webkit-transform: translate(14.7px, -75px) rotate(-29.7deg);
        transform: translate(14.7px, -75px) rotate(-29.7deg)
    }
    14% {
        -webkit-transform: translate(15px, -75px) rotate(-30deg);
        transform: translate(15px, -75px) rotate(-30deg)
    }
    15% {
        -webkit-transform: translate(14.4px, -69px) rotate(0.6deg);
        transform: translate(14.4px, -69px) rotate(0.6deg)
    }
    16% {
        -webkit-transform: translate(13.8px, -58.5px) rotate(1.2deg);
        transform: translate(13.8px, -58.5px) rotate(1.2deg)
    }
    19% {
        -webkit-transform: translate(7.2px, -45px) rotate(7.8deg);
        transform: translate(7.2px, -45px) rotate(7.8deg)
    }
    21% {
        -webkit-transform: translate(-5.4px, -37.5px) rotate(20.4deg);
        transform: translate(-5.4px, -37.5px) rotate(20.4deg)
    }
    24% {
        -webkit-transform: translate(-12.9px, -33px) rotate(27.9deg);
        transform: translate(-12.9px, -33px) rotate(27.9deg)
    }
    26% {
        -webkit-transform: translate(-14.4px, -33px) rotate(29.4deg);
        transform: translate(-14.4px, -33px) rotate(29.4deg)
    }
    27% {
        -webkit-transform: translate(-14.7px, -31.5px) rotate(29.7deg);
        transform: translate(-14.7px, -31.5px) rotate(29.7deg)
    }
    28% {
        -webkit-transform: translate(-15px, -31.5px) rotate(30deg);
        transform: translate(-15px, -31.5px) rotate(30deg)
    }
    29% {
        -webkit-transform: translate(-14.4px, -27px) rotate(-0.6deg);
        transform: translate(-14.4px, -27px) rotate(-0.6deg)
    }
    30% {
        -webkit-transform: translate(-13.8px, -16.5px) rotate(-1.2deg);
        transform: translate(-13.8px, -16.5px) rotate(-1.2deg)
    }
    31% {
        -webkit-transform: translate(-13.5px, -15px) rotate(-1.5deg);
        transform: translate(-13.5px, -15px) rotate(-1.5deg)
    }
    33% {
        -webkit-transform: translate(-7.2px, -1.5px) rotate(-7.8deg);
        transform: translate(-7.2px, -1.5px) rotate(-7.8deg)
    }
    36% {
        -webkit-transform: translate(5.4px, 4.5px) rotate(-20.4deg);
        transform: translate(5.4px, 4.5px) rotate(-20.4deg)
    }
    38% {
        -webkit-transform: translate(12.9px, 9px) rotate(-27.9deg);
        transform: translate(12.9px, 9px) rotate(-27.9deg)
    }
    40% {
        -webkit-transform: translate(14.4px, 10.5px) rotate(-29.4deg);
        transform: translate(14.4px, 10.5px) rotate(-29.4deg)
    }
    41% {
        -webkit-transform: translate(14.7px, 10.5px) rotate(-29.7deg);
        transform: translate(14.7px, 10.5px) rotate(-29.7deg)
    }
    42% {
        -webkit-transform: translate(15px, 10.5px) rotate(-30deg);
        transform: translate(15px, 10.5px) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(15px, 10.5px) rotate(-30deg);
        transform: translate(15px, 10.5px) rotate(-30deg)
    }
    43% {
        -webkit-transform: translate(14.7px, 10.5px) rotate(0.3deg);
        transform: translate(14.7px, 10.5px) rotate(0.3deg)
    }
    43% {
        -webkit-transform: translate(14.4px, 16.5px) rotate(0.6deg);
        transform: translate(14.4px, 16.5px) rotate(0.6deg)
    }
    45% {
        -webkit-transform: translate(13.8px, 25.5px) rotate(1.2deg);
        transform: translate(13.8px, 25.5px) rotate(1.2deg)
    }
    45% {
        -webkit-transform: translate(13.5px, 27px) rotate(1.5deg);
        transform: translate(13.5px, 27px) rotate(1.5deg)
    }
    48% {
        -webkit-transform: translate(7.2px, 40.5px) rotate(7.8deg);
        transform: translate(7.2px, 40.5px) rotate(7.8deg)
    }
    50% {
        -webkit-transform: translate(-5.4px, 48px) rotate(20.4deg);
        transform: translate(-5.4px, 48px) rotate(20.4deg)
    }
    52% {
        -webkit-transform: translate(-12.9px, 51px) rotate(27.9deg);
        transform: translate(-12.9px, 51px) rotate(27.9deg)
    }
    54% {
        -webkit-transform: translate(-14.4px, 52.5px) rotate(29.4deg);
        transform: translate(-14.4px, 52.5px) rotate(29.4deg)
    }
    56% {
        -webkit-transform: translate(-14.7px, 54px) rotate(29.7deg);
        transform: translate(-14.7px, 54px) rotate(29.7deg)
    }
    57% {
        -webkit-transform: translate(-14.7px, 54px) rotate(-0.3deg);
        transform: translate(-14.7px, 54px) rotate(-0.3deg)
    }
    58% {
        -webkit-transform: translate(-14.4px, 58.5px) rotate(-0.6deg);
        transform: translate(-14.4px, 58.5px) rotate(-0.6deg)
    }
    59% {
        -webkit-transform: translate(-13.5px, 70.5px) rotate(-1.5deg);
        transform: translate(-13.5px, 70.5px) rotate(-1.5deg)
    }
    62% {
        -webkit-transform: translate(-7.2px, 84px) rotate(-7.8deg);
        transform: translate(-7.2px, 84px) rotate(-7.8deg)
    }
    64% {
        -webkit-transform: translate(5.4px, 91.5px) rotate(-20.4deg);
        transform: translate(5.4px, 91.5px) rotate(-20.4deg)
    }
    67% {
        -webkit-transform: translate(12.9px, 94.5px) rotate(-27.9deg);
        transform: translate(12.9px, 94.5px) rotate(-27.9deg)
    }
    69% {
        -webkit-transform: translate(14.4px, 96px) rotate(-29.4deg);
        transform: translate(14.4px, 96px) rotate(-29.4deg)
    }
    70% {
        -webkit-transform: translate(14.7px, 96px) rotate(-29.7deg);
        transform: translate(14.7px, 96px) rotate(-29.7deg)
    }
    71% {
        -webkit-transform: translate(15px, 96px) rotate(-30deg);
        transform: translate(15px, 96px) rotate(-30deg)
    }
    72% {
        -webkit-transform: translate(14.4px, 102px) rotate(0.6deg);
        transform: translate(14.4px, 102px) rotate(0.6deg)
    }
    73% {
        -webkit-transform: translate(13.8px, 111px) rotate(1.2deg);
        transform: translate(13.8px, 111px) rotate(1.2deg)
    }
    74% {
        -webkit-transform: translate(13.5px, 112.5px) rotate(1.5deg);
        transform: translate(13.5px, 112.5px) rotate(1.5deg)
    }
    76% {
        -webkit-transform: translate(7.2px, 126px) rotate(7.8deg);
        transform: translate(7.2px, 126px) rotate(7.8deg)
    }
    79% {
        -webkit-transform: translate(-5.4px, 133.5px) rotate(20.4deg);
        transform: translate(-5.4px, 133.5px) rotate(20.4deg)
    }
    81% {
        -webkit-transform: translate(-12.9px, 138px) rotate(27.9deg);
        transform: translate(-12.9px, 138px) rotate(27.9deg)
    }
    83% {
        -webkit-transform: translate(-14.4px, 139.5px) rotate(29.4deg);
        transform: translate(-14.4px, 139.5px) rotate(29.4deg)
    }
    84% {
        -webkit-transform: translate(-14.7px, 139.5px) rotate(29.7deg);
        transform: translate(-14.7px, 139.5px) rotate(29.7deg)
    }
    85% {
        -webkit-transform: translate(-15px, 139.5px) rotate(30deg);
        transform: translate(-15px, 139.5px) rotate(30deg)
    }
    86% {
        -webkit-transform: translate(-14.7px, 139.5px) rotate(-0.3deg);
        transform: translate(-14.7px, 139.5px) rotate(-0.3deg)
    }
    86% {
        -webkit-transform: translate(-14.4px, 144px) rotate(-0.6deg);
        transform: translate(-14.4px, 144px) rotate(-0.6deg)
    }
    88% {
        -webkit-transform: translate(-13.5px, 156px) rotate(-1.5deg);
        transform: translate(-13.5px, 156px) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7.2px, 169.5px) rotate(-7.8deg);
        transform: translate(-7.2px, 169.5px) rotate(-7.8deg)
    }
    93% {
        -webkit-transform: translate(5.4px, 177px) rotate(-20.4deg);
        transform: translate(5.4px, 177px) rotate(-20.4deg)
    }
    95% {
        -webkit-transform: translate(12.9px, 180px) rotate(-27.9deg);
        transform: translate(12.9px, 180px) rotate(-27.9deg)
    }
    97% {
        -webkit-transform: translate(14.4px, 181.5px) rotate(-29.4deg);
        transform: translate(14.4px, 181.5px) rotate(-29.4deg)
    }
    99% {
        -webkit-transform: translate(14.7px, 181.5px) rotate(-29.7deg);
        transform: translate(14.7px, 181.5px) rotate(-29.7deg)
    }
    100% {
        -webkit-transform: translate(15px, 181.5px) rotate(-30deg);
        transform: translate(15px, 181.5px) rotate(-30deg)
    }
}

.ld.ld-leaf-px {
    -webkit-animation: ld-leaf-px 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5);
    animation: ld-leaf-px 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5)
}

@keyframes ld-slot-px {
    0% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    9.09% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    9.1% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    16.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    17% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    23.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    23.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    29.59% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    29.6% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    34.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    34.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    38.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    38.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    41.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    41.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    44.39% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    44.4% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    46.29% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    46.3% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    47.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    47.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    48.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    48.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.39% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    49.4% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    49.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    50.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    50.59% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50.6% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    51.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    51.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    52.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    52.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    53.690000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    53.7% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    55.59% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    55.6% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    58.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    58.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    61.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    61.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    65.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    65.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    70.39% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    70.4% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    76.19% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    76.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    82.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    83% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    90.89% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    90.9% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    99.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    100% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
}

@-webkit-keyframes ld-slot-px {
    0% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    9.09% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    9.1% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    16.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    17% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    23.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    23.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    29.59% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    29.6% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    34.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    34.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    38.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    38.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    41.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    41.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    44.39% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    44.4% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    46.29% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    46.3% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    47.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    47.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    48.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    48.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.39% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    49.4% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.79% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    49.8% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    49.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    50.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    50.59% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    50.6% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    51.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    51.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    52.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    52.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    53.690000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    53.7% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    55.59% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    55.6% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    58.190000000000005% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    58.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    61.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    61.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    65.49% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    65.5% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    70.39% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    70.4% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    76.19% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    76.2% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    82.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    83% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    90.89% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    90.9% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    99.99% {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    100% {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
}

.ld.ld-slot-px {
    -webkit-animation: ld-slot-px 6s infinite linear;
    animation: ld-slot-px 6s infinite linear
}

.ld-ext-right,
.ld-ext-left,
.ld-ext-bottom,
.ld-ext-top,
.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in;
    overflow: hidden
}

.ld-ext-right>.ld,
.ld-ext-left>.ld,
.ld-ext-bottom>.ld,
.ld-ext-top>.ld,
.ld-over>.ld,
.ld-over-inverse>.ld,
.ld-over-full>.ld,
.ld-over-full-inverse>.ld {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em;
    opacity: 0;
    z-index: -100;
    -webkit-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in
}

.ld-ext-right.running>.ld,
.ld-ext-left.running>.ld,
.ld-ext-bottom.running>.ld,
.ld-ext-top.running>.ld,
.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
    opacity: 1;
    z-index: auto
}

.ld-ext-right.running {
    padding-right: 2.5em !important
}

.ld-ext-right>.ld {
    top: 50%;
    left: auto;
    right: 1em
}

.ld-ext-left.running {
    padding-left: 2.5em !important
}

.ld-ext-left>.ld {
    top: 50%;
    right: auto;
    left: 1em
}

.ld-ext-bottom.running {
    padding-bottom: 2.5em !important
}

.ld-ext-bottom>.ld {
    top: auto;
    left: 50%;
    bottom: 1em
}

.ld-ext-top.running {
    padding-top: 2.5em !important
}

.ld-ext-top>.ld {
    bottom: auto;
    left: 50%;
    top: 1em
}

.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
    overflow: hidden
}

.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
    z-index: 99999
}

.ld-over:before,
.ld-over-inverse:before,
.ld-over-full:before,
.ld-over-full-inverse:before {
    content: " ";
    display: block;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in;
    background: rgba(240, 240, 240, .8)
}

.ld-over-full>.ld,
.ld-over-full-inverse>.ld {
    position: fixed
}

.ld-over-full>.ld {
    color: rgba(0, 0, 0, .8)
}

.ld-over-full:before,
.ld-over-full-inverse:before {
    z-index: -1;
    position: fixed;
    background: rgba(255, 255, 255, .8)
}

.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
    z-index: 999999
}

.ld-over.running:before,
.ld-over-inverse.running:before,
.ld-over-full.running:before,
.ld-over-full-inverse.running:before {
    opacity: 1;
    z-index: 999998;
    display: block
}

.ld-over-inverse>.ld {
    color: rgba(255, 255, 255, .8)
}

.ld-over-inverse:before {
    background: rgba(0, 0, 0, .6)
}

.ld-over-full-inverse>.ld {
    color: rgba(255, 255, 255, .8)
}

.ld-over-full-inverse:before {
    background: rgba(0, 0, 0, .6)
}

.checkbox-group .checkbox {
    margin-left: auto
}

.checkbox-group .inline-error {
    margin-left: 0
}

.checkbox-group .radio-inline {
    display: inline-block
}

.checkbox-group2 {
    width: 100%
}

.checkbox-group2 .checkbox {
    margin-left: auto
}

.checkbox-group2 .inline-error {
    margin-left: 0
}

.checkbox-group2 .radio-inline {
    display: inline-block;
    margin-top: 20px;
    width: 140px;
    margin-right: 0
}

.checkbox-group2 label.control.checkbox {
    width: 140px
}

.unauthorized-container .form-item .checkbox {
    margin-left: 0
}

#uwauth-authentication-adapter-generic-form-authform-1 label {
    margin-left: 0
}

.unauthorized-links .language-selection {
    position: relative
}

.unauthorized-links .language-selection .list {
    position: absolute;
    bottom: 0;
    left: 93%;
    display: none
}

.unauthorized-links .language-selection .list .list-item {
    padding: 5px 15px
}

.unauthorized-links .language-selection .list .list-item a {
    color: #555
}

.form-double .column-left {
    float: left;
    width: 49%;
    margin-right: 2%
}

.form-double .column-right {
    float: right;
    width: 49%
}

.erc-plupload-single-file .flash {
    margin: 10px 0 0;
    padding: 5px 20px
}

.erc-plupload-single-file .flash-info,
.erc-plupload-single-file .flash.flash-info-readable {
    color: #57a9b3;
    font-weight: normal;
    line-height: 1.4em;
    padding: 8px 20px
}

.erc-plupload-single-file .height-helper {
    display: block;
    height: 39px;
    width: 0
}

.uw-captcha a.refresh-image-captcha {
    padding: 0 5px 0 4px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 20px;
    height: 20px;
    top: auto;
    left: auto;
    margin: 2px 0 0 2px;
    line-height: 18px
}

.uw-captcha a.refresh-image-captcha:before {
    margin-right: 20px
}

.uw-captcha a.refresh-image-captcha:focus {
    outline: none
}

.uw-captcha img {
    border: 1px solid #ccc;
    margin: 24px 0 14px;
    border-radius: 4px
}

.old-course-history .course-history table {
    border: 0
}

.old-course-history .course-history-wrap table {
    margin: 0 0 10px 0
}

.old-course-history .course-history-wrap td {
    padding: 5px
}

.old-course-history .course-history-wrap img {
    display: inline-block
}

.old-course-history .course-history-wrap table:first-child {
    margin: 0
}

.old-course-history .course-history-wrap table:first-child td {
    background: #006e96;
    color: #fff;
    border: 0;
    text-align: right
}

.old-course-history .course-history-wrap table:first-child td a {
    color: #fff
}

.old-course-history .course-history-wrap table td:first-child {
    text-align: left
}

.date-select-month {
    width: 70px;
    display: inline-block;
    margin-right: 5px
}

.date-select-month .dropdown {
    width: 100%
}

.date-select-year {
    width: 90px;
    display: inline-block
}

.date-select-year .dropdown {
    width: 100%
}

.form-output.with-payments img {
    border: none;
    opacity: 1;
    cursor: default
}

.erc-vat-number .vat-within-eu {
    display: block;
    padding-top: 7px;
    width: 100%;
    text-transform: none
}

.erc-vat-number label {
    font-size: inherit;
    font-family: inherit;
    text-transform: none;
    font-weight: inherit
}

.erc-vat-number .radio-inline {
    width: auto;
    padding-right: 20px
}

.erc-vat-number .vat-is-within-eu {
    margin-top: 10px
}

.erc-vat-number .vat-is-within-eu .mini-label {
    width: 35%;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    padding-top: 8px
}

.erc-vat-number .vat-is-within-eu .dropdown {
    width: 65%;
    margin-bottom: 5px
}

.erc-vat-number .vat-is-within-eu .erc-vat-number-number {
    padding-left: 35px !important
}

.erc-vat-number .vat-is-within-eu .country-code-display {
    position: absolute;
    padding: 8.5px 0 0 16px;
    color: #474a4d
}

.password-strength-indicator {
    font-size: 14px;
    margin-top: 10px;
    margin-left: 40%
}

.password-strength-indicator .progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    height: 14px;
    overflow: hidden;
    margin: 5px 0 0
}

.password-strength-indicator .progress .progress-bar {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .15) inset;
    height: 100%
}

.password-strength-indicator .progress .progress-bar.progress-bar-success {
    background-color: #48c878
}

.password-strength-indicator .progress .progress-bar.progress-bar-warning {
    background-color: #e0ad3f
}

.password-strength-indicator .progress .progress-bar.progress-bar-danger {
    background-color: #f00000
}

.unauthorized-container .password-strength-indicator {
    margin-left: 0
}

.flash.flash-info-readable {
    text-align: left;
    font-weight: normal;
    color: #006e96
}

.flash.flash-info-readable .button,
.flash.flash-info-readable .btn-primary,
.flash.flash-info-readable .btn-secondary {
    margin: 10px 0 0
}

.sidebar-stop-impersonation {
    bottom: 40px;
    padding: 5px 0
}

.sidebar-user-info {
    bottom: 40px;
    height: auto;
    padding: 11px;
    border-top: 3px solid #e2e3e4
}

.sidebar-user-info:hover {
    color: #92979b;
    background: #f7f7f8
}

.button.button-condensed,
.button-condensed.btn-primary,
.button-condensed.btn-secondary {
    padding: 6px 15px;
    letter-spacing: inherit;
    text-transform: none
}

td.edit-notification-comment .dropdown {
    width: 100%;
    border-bottom: 0
}

td.edit-notification-comment textarea {
    width: 100%
}

.form-item .select2,
.form-search .select2 {
    height: auto
}

.form-item .select2-container,
.form-item .select2-container::before,
.form-item .select2-container::after,
.form-item .select2-container *,
.form-item .select2-container *::before,
.form-item .select2-container *::after,
.form-search .select2-container,
.form-search .select2-container::before,
.form-search .select2-container::after,
.form-search .select2-container *,
.form-search .select2-container *::before,
.form-search .select2-container *::after {
    box-sizing: content-box
}

.form-item .select2-container,
.form-search .select2-container {
    font-size: 14px
}

.form-item .select2-container .select2-default,
.form-search .select2-container .select2-default {
    color: #787d82 !important;
    text-indent: 10px;
    text-rendering: auto;
    font-weight: 400
}

.form-item .select2-container .select2-choices,
.form-search .select2-container .select2-choices {
    border: 1px solid #e2e3e4;
    border-radius: 2px;
    background-image: none
}

.form-item .select2-container .select2-choices .select2-search-choice,
.form-search .select2-container .select2-choices .select2-search-choice {
    padding: 8px 5px 8px 18px
}

.form-item .select2-container .select2-choices .select2-search-choice .select2-search-choice-close,
.form-search .select2-container .select2-choices .select2-search-choice .select2-search-choice-close {
    top: 8px
}

.form-item .select2-container .select2-choices .select2-search-field .select2-input,
.form-search .select2-container .select2-choices .select2-search-field .select2-input {
    border: none !important;
    border-radius: 0 !important;
    padding: 5px;
    line-height: 25px
}

.form-search .select2 {
    width: 100% !important
}

.form-search .select2-container {
    margin-top: 10px
}

.webshop-cart-discount-amount {
    margin-top: 0
}

.seat-input {
    width: 100px
}

.canBeUpgraded .form-output {
    width: 100%
}

.bootstrap-badge-success {
    color: #fff;
    background-color: #48c878
}

.bootstrap-badge-danger {
    color: #fff;
    background-color: #f00000
}

.bootstrap-badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.online-course-container {
    width: 800px;
    display: block;
    margin-bottom: 25px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .07)
}

.online-course {
    width: 800px;
    min-height: 300px;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.online-course-box,
.online-course-box-bottom {
    padding: 15px 15px 0;
    margin-bottom: 5px;
    font-weight: 600;
    color: #6d8299
}

.online-course-box-bottom {
    border-top: 1px solid rgba(0, 0, 0, .07);
    padding: 15px
}

.online-course-box-bottom .panel {
    margin-left: 5px;
    width: 49%;
    float: left
}

.online-course-box-bottom .panel .panel-item .label,
.online-course-box-bottom .panel .panel-item .file-delete {
    width: 30%
}

.online-course-box-bottom .panel .panel-item .descr {
    width: 70%
}

.webshop-main.condensed {
    padding-bottom: 0;
}

.main-website-link {
    color: #8e98a4;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 2px;
    display: inline-block;
    margin-top: 4px;
}

.partner-shops {
    background: #F9F9F9;
    padding: 40px 0;
    margin-top: 40px;
    margin-bottom: -50px;
}

.partner-shops h3 {
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e3e4;
    padding-bottom: 10px;
}

.partner-shops-name {
    font-size: 16px;
    font-weight: 700;
    color: #092e73;
    margin-bottom: 10px;
}

.partner-shops .product-item {
    border: 1px solid #e2e3e4;
    background: #FFF;
    box-shadow: none;
}

.partner-shops .product-item img {
    background: none;
}

.partner-shops .product-item:hover {
    background: #f7f7f8;
}

.webshop-cart-product-amount {
    margin-top: 0;
}

.button-success, .btn-primary {
    background-color: #092e73;
}

.button-success:hover, .btn-primary:hover {
    background-color: #0c1a35;
}

.button-info {
    background-color: #3da9fc;
}

.button-primary {
    color: #fff;
    background-color: #ef4565;
}

.button-primary:hover {
    background-color: #aa1f39;
}

h2.is-primary {
    color: #3da9fc;
}

.etco-export {
    margin-bottom: 20px;
    margin-left: 10px;
    float: right;
}

.grid-cell.slick fieldset {
    padding: 0;
    border: none;
}

.grid-cell.slick .panel-group {
    display: inline-block;
    width: 100%;
}

.grid-cell.slick .panel {
    padding: 0;
}

.grid-cell.slick .form-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 900px;
}

.grid-cell.slick .form-wrapper .form-item {
    margin-bottom: 10px;
}

.grid-cell.slick .form-wrapper label {
    width: 100%;
}

.grid-cell.slick .form-actions {
    margin-left: 35px;
    margin-right: 35px;
}

.grid-cell.slick th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.etco-order-buttons a {
    margin-right: 5px;
    padding: 8px 15px;
}

.etco-order-buttons.is-right a {
    margin-right: 0;
    padding: 8px 15px;
}

.etc-manual-download {
    width: 1200px;
}

.etc-manual-download fieldset {
    padding-top: 0;
}

.etc-manual-download fieldset .form-wrapper {
    padding-bottom: 0;
}

.etc-manual-download .form-save {
    margin-top: 0;
}

.etc-manual-download ul {
    padding: 0;
    margin: 20px 0;
}

.etc-manual-download ul li {
    list-style-type: none;
    border-radius: 3px;
    margin-bottom: 10px;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.etc-manual-download ul li a {
    padding: 10px 20px;
    display: inline-block;
    border-top: 1px solid #e2e3e4;
    border-bottom: 1px solid #e2e3e4;
    border-right: 1px solid #e2e3e4;
}

.etc-manual-download ul li a:hover,
.etc-manual-download ul li a.active {
    text-decoration: none;
    background: #e2e3e4;
}

.etc-manual-download ul li .manual-chapter {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    background: #092e73;
    width: 50px;
    text-align: center;
    padding: 10px 0;
}

.etc-manual-download legend {
    display: none;
}

.title-actions .btn.btn-default {
    display: inline-block;
    padding: 13px 30px;
    font-family: "myriad-pro", Myriad Pro, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    transition: all .3s ease-in-out;
    background-color: #092e73;
    color: white;
}