body.theme-dark {
    /*--background-color: white;*/
    --background-gradient-color: #131516;
    --font-color: #fdfdfd;
    --font-color-dark: #ccc;
    --font-color-secondary: hsla(0, 0%, 100%, 0.3);
    --button-color: #fdfdfd;
    --button-gradient-color: #fdfdfd;
    --content-color: #fdfdfd;
    --accent-color: #fdfdfd;
}

body.theme-light {
    --background-color: #fff;
    --background-gradient-color: #f2f2f2;
    --font-color: #000;
    --font-color-dark: #000;
    --font-color-secondary: rgba(0, 0, 0, 0.3);
    --button-color: #639900;
    --button-gradient-color: #9ee619;
    --content-color: #85cc00;
    --accent-color: #639a00
}

.signup-theme-dark {
    --signup-form-background-color: #af262f;
    --signup-form-color: #fff;
    --signup-right-background-color: #af262f;
    --signup-right-color: #fff;
    --signup-inputs-background-color: #000;
    --signup-inputs-border-color: #000;
    --signup-inputs-color: #f8f8f8;
    --signup-buttons-background-color: #ffdf83;
    --signup-buttons-active-background-color: #fff;
    --signup-buttons-color: #414141;
    --signup-buttons-active-color: #414141
}

.signup-theme-light {
    --signup-form-background-color: #f7f7f7;
    --signup-form-color: #333;
    --signup-right-background-color: #af262f;
    --signup-right-color: #fff;
    --signup-inputs-background-color: #fff;
    --signup-inputs-border-color: #bfbfbf;
    --signup-inputs-color: #333;
    --signup-buttons-background-color: #71ad42;
    --signup-buttons-active-background-color: #79ba46;
    --signup-buttons-color: #fff;
    --signup-buttons-active-color: #fff
}

.agev-theme-dark {
    --agev-modal-background-color: #222;
    --agev-modal-color: hsla(0, 0%, 100%, 0.6);
    --agev-modal-link-color: #fff;
    --agev-conditions-background-color: #000;
    --agev-conditions-border-color: #313131
}

.agev-theme-light {
    --agev-modal-background-color: #f2f2f2;
    --agev-modal-color: #414141;
    --agev-modal-link-color: #414141;
    --agev-conditions-background-color: #f9f9f9;
    --agev-conditions-border-color: #dadada
}

.footer-wrapper {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 50px
}

.footer-wrapper,
.footer-wrapper a {
    color: hsla(0, 0%, 100%, .3);
    color: var(--font-color-secondary)
}

.footer-wrapper a:hover,
.fw-labels {
    color: #fff;
    color: var(--font-color)
}

.fw-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-bottom: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fwl-item {
    width: 50%
}

@media (min-width:480px) {
    .fwl-item {
        width: auto
    }
}

.fw-copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fw-copyright>* {
    margin: 0 10px
}

@media only screen and (max-width:480px) {
    .fw-labels {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.modals-container-wrapper {
    z-index: 4
}

.mcw-modal-backdrop,
.modals-container-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mcw-modal-backdrop {
    background-color: #000
}

.mcw-modal-backdrop_transparent {
    opacity: .8
}

.mcw-modal-content {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute
}

@media (max-height:600px) {
    .modals-container-wrapper {
        position: absolute;
        height: auto;
        min-height: 100%
    }

    .mcw-modal-content {
        height: auto;
        min-height: 100%;
        bottom: auto;
        padding-top: 50px
    }
}

.btn {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: 400;
    outline: none;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 11px;
    letter-spacing: .2px;
    line-height: 27px;
    border-radius: 2rem
}

.btn.overflow-visible {
    overflow: visible
}

.btn:active,
.btn:focus,
.btn:hover {
    text-decoration: none;
    cursor: pointer
}

.btn:active {
    position: relative;
    top: 1px
}

.btn.disabled,
.btn:disabled {
    cursor: default;
    opacity: .33 !important;
    pointer-events: none
}

.btn:last-child {
    margin-right: 0
}

.btn-extra-small {
    line-height: 19px
}

.btn-small {
    line-height: 23px
}

.btn-medium {
    line-height: 36px
}

.btn-large {
    line-height: 39px;
    font-size: .938rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-default {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: transparent
}

.btn-default,
.btn-default>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-default>.icon {
    fill: #f1f1f1
}

.btn-default.hover:not(:disabled),
.btn-default:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-default.hover:not(:disabled)>.icon,
.btn-default:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus {
    background: #2e2e2e;
    color: #f1f1f1 !important
}

.btn-default.active>.icon,
.btn-default.focus>.icon,
.btn-default:active>.icon,
.btn-default:focus>.icon {
    fill: #f1f1f1
}

.btn-default.active,
.btn-default.focus,
.btn-default.hover,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
    border-color: transparent
}

.btn-default-restyled {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: transparent
}

.btn-default-restyled,
.btn-default-restyled>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-default-restyled>.icon {
    fill: #f1f1f1
}

.btn-default-restyled.hover:not(:disabled),
.btn-default-restyled:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-default-restyled.hover:not(:disabled)>.icon,
.btn-default-restyled:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-default-restyled.active,
.btn-default-restyled.focus,
.btn-default-restyled:active,
.btn-default-restyled:focus {
    background: #232323;
    color: #f1f1f1 !important
}

.btn-default-restyled.active>.icon,
.btn-default-restyled.focus>.icon,
.btn-default-restyled:active>.icon,
.btn-default-restyled:focus>.icon {
    fill: #f1f1f1
}

.btn-default-restyled.active,
.btn-default-restyled.focus,
.btn-default-restyled.hover,
.btn-default-restyled:active,
.btn-default-restyled:focus,
.btn-default-restyled:hover {
    border-color: transparent
}

.btn-accept {
    background: #af262f;
    color: #f1f1f1
}

.btn-accept,
.btn-accept>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-accept>.icon {
    fill: #f1f1f1
}

.btn-accept.hover:not(:disabled),
.btn-accept:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-accept.hover:not(:disabled)>.icon,
.btn-accept:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-accept.active,
.btn-accept.focus,
.btn-accept:active,
.btn-accept:focus {
    background: #9c2a32;
    color: #f1f1f1 !important
}

.btn-accept.active>.icon,
.btn-accept.focus>.icon,
.btn-accept:active>.icon,
.btn-accept:focus>.icon {
    fill: #f1f1f1
}

.btn-apply {
    background: #79943d;
    color: #f8f8f8
}

.btn-apply,
.btn-apply>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-apply>.icon {
    fill: #f8f8f8
}

.btn-apply.hover:not(:disabled),
.btn-apply:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-apply.hover:not(:disabled)>.icon,
.btn-apply:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-apply.active,
.btn-apply.focus,
.btn-apply:active,
.btn-apply:focus {
    background: #5f7430;
    color: #f8f8f8 !important
}

.btn-apply.active>.icon,
.btn-apply.focus>.icon,
.btn-apply:active>.icon,
.btn-apply:focus>.icon {
    fill: #f8f8f8
}

.btn-apply-alternative {
    background: #79943d;
    color: #f8f8f8
}

.btn-apply-alternative,
.btn-apply-alternative>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-apply-alternative>.icon {
    fill: #f8f8f8
}

.btn-apply-alternative.hover:not(:disabled),
.btn-apply-alternative:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-apply-alternative.hover:not(:disabled)>.icon,
.btn-apply-alternative:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-apply-alternative.active,
.btn-apply-alternative.focus,
.btn-apply-alternative:active,
.btn-apply-alternative:focus {
    background: #5f7430;
    color: #f8f8f8 !important
}

.btn-apply-alternative.active>.icon,
.btn-apply-alternative.focus>.icon,
.btn-apply-alternative:active>.icon,
.btn-apply-alternative:focus>.icon {
    fill: #f8f8f8
}

.btn-apply-alter {
    background: #b1e345;
    color: #414141
}

.btn-apply-alter,
.btn-apply-alter>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-apply-alter>.icon {
    fill: #414141
}

.btn-apply-alter.hover:not(:disabled),
.btn-apply-alter:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-apply-alter.hover:not(:disabled)>.icon,
.btn-apply-alter:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-apply-alter.active,
.btn-apply-alter.focus,
.btn-apply-alter:active,
.btn-apply-alter:focus {
    background: #96c03b;
    color: #414141 !important
}

.btn-apply-alter.active>.icon,
.btn-apply-alter.focus>.icon,
.btn-apply-alter:active>.icon,
.btn-apply-alter:focus>.icon {
    fill: #414141
}

.btn-apply-alter2 {
    background: #6e932a;
    color: #f8f8f8
}

.btn-apply-alter2,
.btn-apply-alter2>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-apply-alter2>.icon {
    fill: #f8f8f8
}

.btn-apply-alter2.hover:not(:disabled),
.btn-apply-alter2:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-apply-alter2.hover:not(:disabled)>.icon,
.btn-apply-alter2:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-apply-alter2.active,
.btn-apply-alter2.focus,
.btn-apply-alter2:active,
.btn-apply-alter2:focus {
    background: #6e932a;
    color: #f8f8f8 !important
}

.btn-apply-alter2.active>.icon,
.btn-apply-alter2.focus>.icon,
.btn-apply-alter2:active>.icon,
.btn-apply-alter2:focus>.icon {
    fill: #f8f8f8
}

.btn-auth-banner {
    background: #fff;
    color: #414141
}

.btn-auth-banner,
.btn-auth-banner>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-auth-banner>.icon {
    fill: #414141
}

.btn-auth-banner.hover:not(:disabled),
.btn-auth-banner:hover:not(:disabled) {
    background: #af262f;
    color: #f1f1f1 !important
}

.btn-auth-banner.hover:not(:disabled)>.icon,
.btn-auth-banner:hover:not(:disabled)>.icon {
    fill: #f1f1f1
}

.btn-auth-banner.active,
.btn-auth-banner.focus,
.btn-auth-banner:active,
.btn-auth-banner:focus {
    background: #e5e5e5;
    color: #414141 !important
}

.btn-auth-banner.active>.icon,
.btn-auth-banner.focus>.icon,
.btn-auth-banner:active>.icon,
.btn-auth-banner:focus>.icon {
    fill: #414141
}

.btn-decline {
    background: #2e2e2e;
    color: #fff
}

.btn-decline,
.btn-decline>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-decline>.icon {
    fill: #fff
}

.btn-decline.hover:not(:disabled),
.btn-decline:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-decline.hover:not(:disabled)>.icon,
.btn-decline:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-decline.active,
.btn-decline.focus,
.btn-decline:active,
.btn-decline:focus {
    background: #1e1e1e;
    color: #fff !important
}

.btn-decline.active>.icon,
.btn-decline.focus>.icon,
.btn-decline:active>.icon,
.btn-decline:focus>.icon {
    fill: #fff
}

.btn-delete {
    background: #de5b64;
    color: #f8f8f8
}

.btn-delete,
.btn-delete>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-delete>.icon {
    fill: #f8f8f8
}

.btn-delete.hover:not(:disabled),
.btn-delete:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-delete.hover:not(:disabled)>.icon,
.btn-delete:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-delete.active,
.btn-delete.focus,
.btn-delete:active,
.btn-delete:focus {
    background: #bf4d55;
    color: #f8f8f8 !important
}

.btn-delete.active>.icon,
.btn-delete.focus>.icon,
.btn-delete:active>.icon,
.btn-delete:focus>.icon {
    fill: #f8f8f8
}

.btn-end-broadcasting {
    background: #181818;
    color: #fff
}

.btn-end-broadcasting,
.btn-end-broadcasting>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-end-broadcasting>.icon {
    fill: #fff
}

.btn-end-broadcasting.hover:not(:disabled),
.btn-end-broadcasting:hover:not(:disabled) {
    background: #252525;
    color: #fff !important
}

.btn-end-broadcasting.hover:not(:disabled)>.icon,
.btn-end-broadcasting:hover:not(:disabled)>.icon {
    fill: #fff
}

.btn-end-broadcasting.active,
.btn-end-broadcasting.focus,
.btn-end-broadcasting:active,
.btn-end-broadcasting:focus {
    background: #252525;
    color: #fff !important
}

.btn-end-broadcasting.active>.icon,
.btn-end-broadcasting.focus>.icon,
.btn-end-broadcasting:active>.icon,
.btn-end-broadcasting:focus>.icon {
    fill: #fff
}

.btn-end-private {
    background: #5b5b5b;
    color: #f1f1f1
}

.btn-end-private,
.btn-end-private>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-end-private>.icon {
    fill: #f1f1f1
}

.btn-end-private.hover:not(:disabled),
.btn-end-private:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-end-private.hover:not(:disabled)>.icon,
.btn-end-private:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-end-private.active,
.btn-end-private.focus,
.btn-end-private:active,
.btn-end-private:focus {
    background: #2e2e2e;
    color: #f1f1f1 !important
}

.btn-end-private.active>.icon,
.btn-end-private.focus>.icon,
.btn-end-private:active>.icon,
.btn-end-private:focus>.icon {
    fill: #f1f1f1
}

.btn-gold {
    background: #e1ad5b;
    color: #414141
}

.btn-gold,
.btn-gold>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-gold>.icon {
    fill: #414141
}

.btn-gold.hover:not(:disabled),
.btn-gold:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-gold.hover:not(:disabled)>.icon,
.btn-gold:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-gold.active,
.btn-gold.focus,
.btn-gold:active,
.btn-gold:focus {
    background: #fff;
    color: #414141 !important
}

.btn-gold.active>.icon,
.btn-gold.focus>.icon,
.btn-gold:active>.icon,
.btn-gold:focus>.icon {
    fill: #414141
}

.btn-highlighted {
    background: #833e42;
    color: #f1f1f1;
    border-color: #833e42
}

.btn-highlighted,
.btn-highlighted>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-highlighted>.icon {
    fill: #f1f1f1
}

.btn-highlighted.hover:not(:disabled),
.btn-highlighted:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-highlighted.hover:not(:disabled)>.icon,
.btn-highlighted:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-highlighted.active,
.btn-highlighted.focus,
.btn-highlighted:active,
.btn-highlighted:focus {
    background: #6b3236;
    color: #f1f1f1 !important
}

.btn-highlighted.active>.icon,
.btn-highlighted.focus>.icon,
.btn-highlighted:active>.icon,
.btn-highlighted:focus>.icon {
    fill: #f1f1f1
}

.btn-highlighted.hover,
.btn-highlighted:hover {
    border-color: transparent
}

.btn-highlighted.active,
.btn-highlighted.focus,
.btn-highlighted:active,
.btn-highlighted:focus {
    border-color: #6b3236
}

.btn-nav {
    background: #5b5b5b;
    color: #f8f8f8
}

.btn-nav,
.btn-nav>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-nav>.icon {
    fill: #f8f8f8
}

.btn-nav.hover:not(:disabled),
.btn-nav:hover:not(:disabled) {
    background: #b5323b;
    color: #f8f8f8 !important
}

.btn-nav.hover:not(:disabled)>.icon,
.btn-nav:hover:not(:disabled)>.icon {
    fill: #f8f8f8
}

.btn-nav.active,
.btn-nav.focus,
.btn-nav:active,
.btn-nav:focus {
    background: #292929;
    color: #fff !important
}

.btn-nav.active>.icon,
.btn-nav.focus>.icon,
.btn-nav:active>.icon,
.btn-nav:focus>.icon {
    fill: #fff
}

.btn-outline {
    background: transparent;
    color: #fdfdfd;
    border-color: #f8f8f8
}

.btn-outline,
.btn-outline>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-outline>.icon {
    fill: #fdfdfd
}

.btn-outline.hover:not(:disabled),
.btn-outline:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-outline.hover:not(:disabled)>.icon,
.btn-outline:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-outline.active,
.btn-outline.focus,
.btn-outline:active,
.btn-outline:focus {
    background: #8e2128;
    color: #fdfdfd !important
}

.btn-outline.active>.icon,
.btn-outline.focus>.icon,
.btn-outline:active>.icon,
.btn-outline:focus>.icon {
    fill: #fdfdfd
}

.btn-outline.active,
.btn-outline.focus,
.btn-outline.hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    border-color: #f8f8f8
}

.btn-primary {
    background: #ffdf83;
    color: #414141;
    border-color: transparent
}

.btn-primary,
.btn-primary>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-primary>.icon {
    fill: #414141
}

.btn-primary.hover:not(:disabled),
.btn-primary:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-primary.hover:not(:disabled)>.icon,
.btn-primary:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus {
    background: #ddc272;
    color: #414141 !important
}

.btn-primary.active>.icon,
.btn-primary.focus>.icon,
.btn-primary:active>.icon,
.btn-primary:focus>.icon {
    fill: #414141
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary.hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    border-color: transparent
}

.btn-private {
    background: #e9a63b;
    color: #583b0b;
    border-color: transparent
}

.btn-private,
.btn-private>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-private>.icon {
    fill: #583b0b
}

.btn-private.hover:not(:disabled),
.btn-private:hover:not(:disabled) {
    background: #e9ae50;
    color: #583b0b !important
}

.btn-private.hover:not(:disabled)>.icon,
.btn-private:hover:not(:disabled)>.icon {
    fill: #583b0b
}

.btn-private.active,
.btn-private.focus,
.btn-private:active,
.btn-private:focus {
    background: #e9a63b;
    color: #583b0b !important
}

.btn-private.active>.icon,
.btn-private.focus>.icon,
.btn-private:active>.icon,
.btn-private:focus>.icon {
    fill: #583b0b
}

.btn-private.active,
.btn-private.focus,
.btn-private.hover,
.btn-private:active,
.btn-private:focus,
.btn-private:hover {
    border-color: transparent
}

.btn-send {
    background: #4c88bc;
    color: #fcfcfc
}

.btn-send,
.btn-send>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-send>.icon {
    fill: #fcfcfc
}

.btn-send.hover:not(:disabled),
.btn-send:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-send.hover:not(:disabled)>.icon,
.btn-send:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-send.active,
.btn-send.focus,
.btn-send:active,
.btn-send:focus {
    background: #4377a4;
    color: #fcfcfc !important
}

.btn-send.active>.icon,
.btn-send.focus>.icon,
.btn-send:active>.icon,
.btn-send:focus>.icon {
    fill: #fcfcfc
}

.btn-blue {
    background: #4c88bc;
    color: #fcfcfc;
    border-color: transparent
}

.btn-blue,
.btn-blue>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-blue>.icon {
    fill: #fcfcfc
}

.btn-blue.hover:not(:disabled),
.btn-blue:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-blue.hover:not(:disabled)>.icon,
.btn-blue:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-blue.active,
.btn-blue.focus,
.btn-blue:active,
.btn-blue:focus {
    background: #4377a4;
    color: #fcfcfc !important
}

.btn-blue.active>.icon,
.btn-blue.focus>.icon,
.btn-blue:active>.icon,
.btn-blue:focus>.icon {
    fill: #fcfcfc
}

.btn-blue.active,
.btn-blue.focus,
.btn-blue.hover,
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover {
    border-color: transparent
}

.btn-signup {
    background: #f1f1f1;
    color: #414141
}

.btn-signup,
.btn-signup>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-signup>.icon {
    fill: #414141
}

.btn-signup.hover:not(:disabled),
.btn-signup:hover:not(:disabled) {
    background: #f7cd7b;
    color: #414141 !important
}

.btn-signup.hover:not(:disabled)>.icon,
.btn-signup:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-signup.active,
.btn-signup.focus,
.btn-signup:active,
.btn-signup:focus {
    background: rgba(247, 205, 123, .75);
    color: #414141 !important
}

.btn-signup.active>.icon,
.btn-signup.focus>.icon,
.btn-signup:active>.icon,
.btn-signup:focus>.icon {
    fill: #414141
}

.btn-login {
    background: #ffdf83;
    color: #414141;
    border-color: transparent
}

.btn-login,
.btn-login>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-login>.icon {
    fill: #414141
}

.btn-login.hover:not(:disabled),
.btn-login:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-login.hover:not(:disabled)>.icon,
.btn-login:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-login.active,
.btn-login.focus,
.btn-login:active,
.btn-login:focus {
    background: #ddc272;
    color: #414141 !important
}

.btn-login.active>.icon,
.btn-login.focus>.icon,
.btn-login:active>.icon,
.btn-login:focus>.icon {
    fill: #414141
}

.btn-login.active,
.btn-login.focus,
.btn-login.hover,
.btn-login:active,
.btn-login:focus,
.btn-login:hover {
    border-color: transparent
}

.btn-login.disabled,
.btn-login:disabled {
    opacity: .33 !important
}

.btn-tokens {
    background: #5b5b5b;
    color: #f1f1f1
}

.btn-tokens,
.btn-tokens>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-tokens>.icon {
    fill: #f1f1f1
}

.btn-tokens.hover:not(:disabled),
.btn-tokens:hover:not(:disabled) {
    background: rgba(181, 50, 59, .5);
    color: #f1f1f1 !important
}

.btn-tokens.hover:not(:disabled)>.icon,
.btn-tokens:hover:not(:disabled)>.icon {
    fill: #f1f1f1
}

.btn-tokens.active,
.btn-tokens.focus,
.btn-tokens:active,
.btn-tokens:focus {
    background: #141414;
    color: #f1f1f1 !important
}

.btn-tokens.active>.icon,
.btn-tokens.focus>.icon,
.btn-tokens:active>.icon,
.btn-tokens:focus>.icon {
    fill: #f1f1f1
}

.btn-white-outline {
    background: transparent;
    color: hsla(0, 0%, 100%, .6);
    border-color: hsla(0, 0%, 100%, .3)
}

.btn-white-outline,
.btn-white-outline>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-white-outline>.icon {
    fill: hsla(0, 0%, 100%, .6)
}

.btn-white-outline.hover:not(:disabled),
.btn-white-outline:hover:not(:disabled) {
    background: transparent;
    color: hsla(0, 0%, 100%, .8) !important
}

.btn-white-outline.hover:not(:disabled)>.icon,
.btn-white-outline:hover:not(:disabled)>.icon {
    fill: hsla(0, 0%, 100%, .8)
}

.btn-white-outline.active,
.btn-white-outline.focus,
.btn-white-outline:active,
.btn-white-outline:focus {
    background: transparent;
    color: hsla(0, 0%, 100%, .8) !important
}

.btn-white-outline.active>.icon,
.btn-white-outline.focus>.icon,
.btn-white-outline:active>.icon,
.btn-white-outline:focus>.icon {
    fill: hsla(0, 0%, 100%, .8)
}

.btn-white-outline.active,
.btn-white-outline.focus,
.btn-white-outline.hover,
.btn-white-outline:active,
.btn-white-outline:focus,
.btn-white-outline:hover {
    border-color: hsla(0, 0%, 100%, .6)
}

.btn-pale {
    background: transparent;
    color: hsla(0, 0%, 100%, .6);
    border-color: hsla(0, 0%, 100%, .3)
}

.btn-pale,
.btn-pale>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-pale>.icon {
    fill: hsla(0, 0%, 100%, .6)
}

.btn-pale.hover:not(:disabled),
.btn-pale:hover:not(:disabled) {
    background: transparent;
    color: hsla(0, 0%, 100%, .8) !important
}

.btn-pale.hover:not(:disabled)>.icon,
.btn-pale:hover:not(:disabled)>.icon {
    fill: hsla(0, 0%, 100%, .8)
}

.btn-pale.active,
.btn-pale.focus,
.btn-pale:active,
.btn-pale:focus {
    background: transparent;
    color: hsla(0, 0%, 100%, .8) !important
}

.btn-pale.active>.icon,
.btn-pale.focus>.icon,
.btn-pale:active>.icon,
.btn-pale:focus>.icon {
    fill: hsla(0, 0%, 100%, .8)
}

.btn-pale.active,
.btn-pale.focus,
.btn-pale.hover,
.btn-pale:active,
.btn-pale:focus,
.btn-pale:hover {
    border-color: hsla(0, 0%, 100%, .6)
}

.btn-call2action {
    background: #f14452;
    color: #fff
}

.btn-call2action,
.btn-call2action>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-call2action>.icon {
    fill: #fff
}

.btn-call2action.hover:not(:disabled),
.btn-call2action:hover:not(:disabled) {
    background: #c63541;
    color: #fff !important
}

.btn-call2action.hover:not(:disabled)>.icon,
.btn-call2action:hover:not(:disabled)>.icon {
    fill: #fff
}

.btn-call2action.active,
.btn-call2action.focus,
.btn-call2action:active,
.btn-call2action:focus {
    background: #ff4c5c;
    color: #fff !important
}

.btn-call2action.active>.icon,
.btn-call2action.focus>.icon,
.btn-call2action:active>.icon,
.btn-call2action:focus>.icon {
    fill: #fff
}

.btn-call2action-premium {
    background: #ecba72;
    color: #000
}

.btn-call2action-premium,
.btn-call2action-premium>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-call2action-premium>.icon {
    fill: #000
}

.btn-call2action-premium.hover:not(:disabled),
.btn-call2action-premium:hover:not(:disabled) {
    background: #c5995c;
    color: #000 !important
}

.btn-call2action-premium.hover:not(:disabled)>.icon,
.btn-call2action-premium:hover:not(:disabled)>.icon {
    fill: #000
}

.btn-call2action-premium.active,
.btn-call2action-premium.focus,
.btn-call2action-premium:active,
.btn-call2action-premium:focus {
    background: #eec487;
    color: #000 !important
}

.btn-call2action-premium.active>.icon,
.btn-call2action-premium.focus>.icon,
.btn-call2action-premium:active>.icon,
.btn-call2action-premium:focus>.icon {
    fill: #000
}

.btn-money {
    background: #c1d429;
    color: #000
}

.btn-money,
.btn-money>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-money>.icon {
    fill: #000
}

.btn-money.hover:not(:disabled),
.btn-money:hover:not(:disabled) {
    background: #9fb020;
    color: #000 !important
}

.btn-money.hover:not(:disabled)>.icon,
.btn-money:hover:not(:disabled)>.icon {
    fill: #000
}

.btn-money.active,
.btn-money.focus,
.btn-money:active,
.btn-money:focus {
    background: #cada48;
    color: #000 !important
}

.btn-money.active>.icon,
.btn-money.focus>.icon,
.btn-money:active>.icon,
.btn-money:focus>.icon {
    fill: #000
}

.btn-default-filled {
    background: hsla(0, 0%, 100%, .8);
    color: #000
}

.btn-default-filled,
.btn-default-filled>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-default-filled>.icon {
    fill: #000
}

.btn-default-filled.hover:not(:disabled),
.btn-default-filled:hover:not(:disabled) {
    background: hsla(0, 0%, 100%, .6);
    color: #000 !important
}

.btn-default-filled.hover:not(:disabled)>.icon,
.btn-default-filled:hover:not(:disabled)>.icon {
    fill: #000
}

.btn-default-filled.active,
.btn-default-filled.focus,
.btn-default-filled:active,
.btn-default-filled:focus {
    background: #fff;
    color: #000 !important
}

.btn-default-filled.active>.icon,
.btn-default-filled.focus>.icon,
.btn-default-filled:active>.icon,
.btn-default-filled:focus>.icon {
    fill: #000
}

.btn-default-outline {
    background: transparent;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .8)
}

.btn-default-outline,
.btn-default-outline>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-default-outline>.icon {
    fill: #fff
}

.btn-default-outline.hover:not(:disabled),
.btn-default-outline:hover:not(:disabled) {
    background: transparent;
    color: #fff !important
}

.btn-default-outline.hover:not(:disabled)>.icon,
.btn-default-outline:hover:not(:disabled)>.icon {
    fill: #fff
}

.btn-default-outline.active,
.btn-default-outline.focus,
.btn-default-outline:active,
.btn-default-outline:focus {
    background: transparent;
    color: #fff !important
}

.btn-default-outline.active>.icon,
.btn-default-outline.focus>.icon,
.btn-default-outline:active>.icon,
.btn-default-outline:focus>.icon {
    fill: #fff
}

.btn-default-outline.hover,
.btn-default-outline:hover {
    border-color: hsla(0, 0%, 100%, .6)
}

.btn-default-outline.active,
.btn-default-outline.focus,
.btn-default-outline:active,
.btn-default-outline:focus {
    border-color: #fff
}

.btn-second {
    background: transparent;
    color: hsla(0, 0%, 100%, .8);
    border-color: hsla(0, 0%, 100%, .4)
}

.btn-second,
.btn-second>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-second>.icon {
    fill: hsla(0, 0%, 100%, .8)
}

.btn-second.hover:not(:disabled),
.btn-second:hover:not(:disabled) {
    background: transparent;
    color: #fff !important
}

.btn-second.hover:not(:disabled)>.icon,
.btn-second:hover:not(:disabled)>.icon {
    fill: #fff
}

.btn-second.active,
.btn-second.focus,
.btn-second:active,
.btn-second:focus {
    background: transparent;
    color: #fff !important
}

.btn-second.active>.icon,
.btn-second.focus>.icon,
.btn-second:active>.icon,
.btn-second:focus>.icon {
    fill: #fff
}

.btn-second.hover,
.btn-second:hover {
    border-color: hsla(0, 0%, 100%, .6)
}

.btn-second.active,
.btn-second.focus,
.btn-second:active,
.btn-second:focus {
    border-color: #fff
}

.btn-red-blue-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#c52745), color-stop(50%, #5c6ec0), to(#c52745));
    background: linear-gradient(90deg, #c52745 0, #5c6ec0 50%, #c52745);
    background-size: 200% auto;
    border: 0;
    color: #fff;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.btn-red-blue-gradient:hover {
    background-position: 100%
}

.btn-grouped {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: transparent
}

.btn-grouped,
.btn-grouped>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-grouped>.icon {
    fill: #f1f1f1
}

.btn-grouped.hover:not(:disabled),
.btn-grouped:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.btn-grouped.hover:not(:disabled)>.icon,
.btn-grouped:hover:not(:disabled)>.icon {
    fill: #414141
}

.btn-grouped.active,
.btn-grouped.focus,
.btn-grouped:active,
.btn-grouped:focus {
    background: #5b5b5b;
    color: #f1f1f1 !important
}

.btn-grouped.active>.icon,
.btn-grouped.focus>.icon,
.btn-grouped:active>.icon,
.btn-grouped:focus>.icon {
    fill: #f1f1f1
}

.btn-grouped.active,
.btn-grouped.focus,
.btn-grouped.hover,
.btn-grouped:active,
.btn-grouped:focus,
.btn-grouped:hover {
    border-color: transparent
}

.btn-grouped.pseudo-disabled {
    opacity: .33;
    background: transparent;
    color: #f1f1f1;
    border-color: #5b5b5b
}

.btn-grouped.pseudo-disabled,
.btn-grouped.pseudo-disabled>.icon {
    -webkit-transition: all 90ms ease-in-out;
    transition: all 90ms ease-in-out
}

.btn-grouped.pseudo-disabled>.icon {
    fill: #f1f1f1
}

.btn-grouped.pseudo-disabled.hover:not(:disabled),
.btn-grouped.pseudo-disabled:hover:not(:disabled) {
    background: transparent;
    color: #f1f1f1 !important
}

.btn-grouped.pseudo-disabled.hover:not(:disabled)>.icon,
.btn-grouped.pseudo-disabled:hover:not(:disabled)>.icon {
    fill: #f1f1f1
}

.btn-grouped.pseudo-disabled.active,
.btn-grouped.pseudo-disabled.focus,
.btn-grouped.pseudo-disabled:active,
.btn-grouped.pseudo-disabled:focus {
    background: #5b5b5b;
    color: #f1f1f1 !important
}

.btn-grouped.pseudo-disabled.active>.icon,
.btn-grouped.pseudo-disabled.focus>.icon,
.btn-grouped.pseudo-disabled:active>.icon,
.btn-grouped.pseudo-disabled:focus>.icon {
    fill: #f1f1f1
}

.btn-grouped.pseudo-disabled.active,
.btn-grouped.pseudo-disabled.focus,
.btn-grouped.pseudo-disabled.hover,
.btn-grouped.pseudo-disabled:active,
.btn-grouped.pseudo-disabled:focus,
.btn-grouped.pseudo-disabled:hover {
    border-color: #5b5b5b
}

.btn-grouped.pseudo-disabled:hover {
    opacity: 1
}

@-webkit-keyframes opacity-fade-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity-fade-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modal-wrapper {
    -webkit-overflow-scrolling: touch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-wrapper.without-backdrop {
    background: transparent
}

.modal-wrapper .modal-content {
    cursor: default;
    display: block;
    max-height: 100%;
    position: relative;
    text-align: left;
    white-space: normal
}

.modal-wrapper .modal-content>* {
    -webkit-animation: opacity-fade-show .5s;
    animation: opacity-fade-show .5s
}

.modal-wrapper .modal-content .controls .btn {
    margin-bottom: 0
}

.modal-wrapper .modal-content.modal-header-inside,
.modal-wrapper .modal-content.modal-header-outside .modal-body {
    background-color: rgba(59, 59, 59, .8);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .3);
    border-radius: 3px
}

.modal-wrapper .modal-content>.modal-header {
    min-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-wrapper .modal-content.modal-header-outside>.modal-header {
    color: inherit;
    padding: 0 0 10px
}

.modal-wrapper .modal-content.modal-header-inside>.modal-header {
    padding: 10px 42px 10px 10px
}

.modal-wrapper .modal-content .modal-header-outside .button-close {
    right: 0;
    top: 0
}

.modal-wrapper .modal-content .modal-header-inside .button-close {
    right: 10px;
    top: 10px
}

.modal-wrapper .modal-content.fullscreen {
    height: calc(100% - 20px);
    padding: 10px 10px 0;
    width: 100%
}

.modal-wrapper .modal-content.fullscreen .modal-body {
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal-wrapper .button-close {
    cursor: pointer;
    line-height: 0
}

.modal-wrapper .button-close>.icon {
    fill: hsla(0, 0%, 100%, .3);
    height: 22px;
    margin: 0;
    width: 22px
}

.modal-wrapper .button-close:hover>.icon {
    fill: #fff
}

.modal-wrapper .modal-header {
    position: relative;
    font-size: 1.125rem
}

.modal-wrapper .modal-header.top-placed {
    padding-right: 20px
}

.modal-wrapper .modal-header.top-placed .button-close {
    position: fixed;
    right: 20px;
    top: 20px
}

@media screen and (max-width:1023px) {
    .modal-wrapper .modal-header.top-placed .button-close {
        right: 10px;
        top: 10px
    }
}

.modal-wrapper .modal-body {
    padding: 20px
}

.modal-wrapper.default-modal .modal-content {
    min-width: 50%;
    min-height: 50%
}

@media screen and (max-width:1023px) {
    .modal-wrapper.default-modal .modal-content {
        min-width: 90%
    }
}

.modal-wrapper .tooltip {
    z-index: 601
}

.ucbrowser .modal-header .button-close {
    float: right
}

.visitors-agreement-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.visitors-agreement-modal .modal-content {
    border-radius: 3px;
    color: hsla(0, 0%, 100%, .6);
    color: var(--agev-modal-color)
}

.visitors-agreement-modal .modal-content .modal-body {
    position: relative;
    background-color: #222;
    background-color: var(--agev-modal-background-color)
}

.visitors-agreement-modal .modal-content .modal-body.full {
    width: 600px
}

@media screen and (max-width:480px) {
    .visitors-agreement-modal .modal-content .modal-body.full {
        padding: 20px 0;
        width: 100%
    }
}

.visitors-agreement-modal .warning-block {
    text-align: center;
    color: #fff;
    color: var(--agev-modal-link-color);
    margin-bottom: 20px
}

.visitors-agreement-modal .warning-block .warning-title {
    font-weight: 400;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 18px
}

.visitors-agreement-modal a:not(.btn) {
    color: #fff;
    color: var(--agev-modal-link-color);
    text-decoration: underline
}

.visitors-agreement-modal a:not(.btn):hover {
    text-decoration: none
}

.visitors-agreement-modal .conditions {
    background-color: #000;
    background-color: var(--agev-conditions-background-color);
    border: 1px solid #313131;
    border: 1px solid var(--agev-conditions-border-color);
    border-radius: 3px;
    line-height: 20px;
    padding: 16px 20px;
    position: relative;
    font-size: 12px
}

.visitors-agreement-modal .conditions p:last-of-type {
    margin-bottom: 0
}

.visitors-agreement-modal .conditions strong {
    font-weight: 400
}

.visitors-agreement-modal .conditions .about-domain__key-text {
    word-break: break-all
}

.visitors-agreement-modal .terms-block {
    text-align: center;
    margin: 20px;
    font-size: 12px
}

.visitors-agreement-modal .buttons-block {
    text-align: center;
    margin-top: 30px
}

.visitors-agreement-modal .buttons-block button {
    margin-bottom: 20px;
    padding: 0 40px
}

.visitors-agreement-modal .buttons-block button.btn-visitors-agreement-accept {
    font-size: 15px;
    -webkit-transition: none;
    transition: none
}

.visitors-agreement-modal .label-link-block {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    bottom: -50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.visitors-agreement-modal .label-link-block .label-link {
    display: inline-block;
    margin: 0 15px;
    color: hsla(0, 0%, 100%, .7)
}

@media screen and (max-width:767px)and (orientation:landscape) {
    .visitors-agreement-modal .modal-content .modal-body.full {
        padding-top: 10px
    }

    .visitors-agreement-modal .buttons-block {
        margin-top: 20px
    }

    .visitors-agreement-modal .warning-block {
        margin-bottom: 10px
    }

    .visitors-agreement-modal .warning-block .icon {
        display: none
    }

    .visitors-agreement-modal .warning-block .warning-title {
        margin-top: 0
    }

    .visitors-agreement-modal .conditions {
        max-height: 65px;
        overflow: hidden
    }

    .visitors-agreement-modal .conditions .show-all-conditions-text-toggler {
        display: block
    }

    .visitors-agreement-modal .conditions-opened {
        max-height: none
    }
}

@media screen and (max-width:600px) {
    .visitors-agreement-modal .conditions {
        max-height: 65px;
        overflow: hidden
    }

    .visitors-agreement-modal .conditions .show-all-conditions-text-toggler {
        display: block
    }

    .visitors-agreement-modal .conditions-opened {
        max-height: none
    }
}

.icon {
    height: 17px;
    width: 17px
}

.root--wxYAC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0 10px;
    overflow: hidden;
    list-style-type: none
}

@media only screen and (min-width:640px) {
    .root--wxYAC {
        margin-top: 65px
    }
}

.item--UOVjj {
    width: 100%;
    max-width: 530px;
    margin-bottom: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon--j3Spr,
.item--UOVjj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon--j3Spr {
    margin-right: 25px;
    min-width: 70px;
    width: 70px
}

.content--6aeP3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
    max-width: 230px
}

.title--IL4jm {
    margin-bottom: 10px;
    color: #fdfdfd;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.description--7U2aX {
    color: #fff;
    color: var(--font-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    opacity: .8
}

@media only screen and (min-width:900px) {
    .item--UOVjj {
        width: 33.3333333333%
    }
}

.circle--WfnBy {
    fill: #ffa900
}

.path--pl2ce {
    fill: #ff223a
}

.wrapper--tPPBm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px
}

.title--MO65l {
    margin: 0;
    font-size: 1.5rem;
    color: #f8f8f8;
    font-weight: 700;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 268px
}

@media screen and (min-width:1024px) {
    .title--MO65l {
        max-width: 100%
    }
}

.title--MO65l:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    margin-left: 7px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjOWFmNTUwIiBkPSJNNjMuMTQgNDEuNjJIMzUuMzM4VjIxLjU4YzAtNS41MDIgNi4zODYtMTAuMjE3IDEzLjg1Mi0xMC4yMTdzMTMuOTUgNC43MTUgMTMuOTUgMTAuMjE3djIwLjA0em0tNy4wNzMgNDMuNjJINDIuNDFsMi43NTItMTQuNzM3Yy0yLjI2LTEuMzc1LTMuODMtMy45My0zLjgzLTYuNzggMC00LjMyIDMuNTM1LTcuOTU2IDcuOTU2LTcuOTU2YTcuOTI1IDcuOTI1IDAgMDE3Ljk1OCA3Ljk1N2MwIDIuODUtMS41NzIgNS40MDQtMy44MzIgNi43OGwyLjY1MyAxNC43MzV6bTIwLjYzLTQzLjYyaC0zLjE0NFYyMS41OEM3My41NTMgMTAuMTg0IDYyLjY1Ljk1IDQ5LjI4OC45NXMtMjQuMzYzIDkuMjM0LTI0LjM2MyAyMC42M3YyMC4wNEgyMS43OGMtNC4zMiAwLTcuODU4IDMuNTM3LTcuODU4IDcuODZ2NDEuODVjMCA0LjMyMiAzLjUzNyA3Ljg2IDcuODYgNy44Nmg1NC45MTVjNC4zMjMgMCA3Ljg2LTMuNTM4IDcuODYtNy44NlY0OS40OGMwLTQuMzIzLTMuNTM3LTcuODYtNy44Ni03Ljg2eiIvPjwvc3ZnPg==)
}

.close--W5-BC {
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: none;
    margin-left: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNNjAuMiAzNC4yTDUwIDQ0LjQgMzkuOCAzNC4yYy0xLjUtMS41LTQtMS41LTUuNiAwLTEuNSAxLjUtMS41IDQgMCA1LjZMNDQuNCA1MCAzNC4yIDYwLjJjLTEuNSAxLjUtMS41IDQgMCA1LjYgMS41IDEuNSA0IDEuNSA1LjYgMEw1MCA1NS42bDEwLjIgMTAuMmMxLjUgMS41IDQgMS41IDUuNiAwIDEuNS0xLjUgMS41LTQgMC01LjZMNTUuNiA1MGwxMC4yLTEwLjJjMS41LTEuNSAxLjUtNCAwLTUuNi0xLjYtMS41LTQuMS0xLjUtNS42IDB6Ii8+PHBhdGggZD0iTTUwIDEwLjVjLTIxLjggMC0zOS41IDE3LjctMzkuNSAzOS41UzI4LjIgODkuNSA1MCA4OS41IDg5LjUgNzEuOCA4OS41IDUwIDcxLjggMTAuNSA1MCAxMC41em0wIDg5LjVDMjIuNCAxMDAgMCA3Ny42IDAgNTBTMjIuNCAwIDUwIDBzNTAgMjIuNCA1MCA1MC0yMi40IDUwLTUwIDUweiIvPjwvZz48L3N2Zz4=);
    background-size: cover;
    height: 22px;
    width: 22px;
    font-size: 0;
    color: transparent;
    opacity: .8;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.content--ymSMQ {
    width: 300px;
    border: none;
    padding: 18px 20px
}

.container--mUflD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    overflow: hidden
}

.containerSquared--3d5\+4 {
    border-radius: 0
}

.input--9jdSV {
    width: 100%;
    background-color: #000;
    background-color: var(--signup-inputs-background-color);
    border-radius: 20px;
    color: #f8f8f8;
    color: var(--signup-inputs-color);
    display: inline-block;
    height: 40px;
    line-height: 20px;
    border: 1px solid #000;
    border: 1px solid var(--signup-inputs-border-color);
    font-size: .875rem;
    padding: 0 15px
}

.input--9jdSV::-webkit-input-placeholder {
    color: #f8f8f8;
    color: var(--signup-inputs-color);
    opacity: .8
}

.input--9jdSV::-moz-placeholder {
    color: #f8f8f8;
    color: var(--signup-inputs-color);
    opacity: .8
}

.input--9jdSV:-ms-input-placeholder {
    color: #f8f8f8;
    color: var(--signup-inputs-color);
    opacity: .8
}

.input--9jdSV::-ms-input-placeholder {
    color: #f8f8f8;
    color: var(--signup-inputs-color);
    opacity: .8
}

.input--9jdSV::placeholder {
    color: #f8f8f8;
    color: var(--signup-inputs-color);
    opacity: .8
}

.input--9jdSV:focus {
    background-color: #000;
    background-color: var(--signup-inputs-background-color);
    border-color: #000;
    border-color: var(--signup-inputs-border-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px hsla(0, 0%, 100%, .25);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px hsla(0, 0%, 100%, .25);
    outline: 0
}

.input--9jdSV.error--78KXB {
    border: 1px solid #d5444e;
    color: #d5444e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(213, 68, 78, .75);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(213, 68, 78, .75)
}

.field--o9smY {
    position: relative
}

.field--o9smY:not(:last-child) {
    margin-bottom: 20px
}

.errorMessage--VNOa5 {
    opacity: 1;
    -webkit-transition: opacity .1s ease-in .3s;
    transition: opacity .1s ease-in .3s;
    font-size: .75rem;
    padding: 5px;
    font-weight: 400
}

.invalidIcon--2v6ZR {
    height: 15px;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 15px
}

.emailTooltip--0WDUv {
    border-radius: 6px;
    line-height: 16px;
    margin: 10px 0;
    opacity: .8;
    padding: 10px;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    border: 1px solid var(--signup-form-color);
    font-size: .75rem
}

.emailTooltip--0WDUv:after,
.emailTooltip--0WDUv:before {
    border: 8px solid transparent;
    border-top: 0 solid transparent;
    content: " ";
    height: 0;
    left: 20px;
    position: absolute;
    width: 0
}

.emailTooltip--0WDUv:before {
    border-bottom-color: #fff;
    border-bottom-color: var(--signup-form-color);
    top: -8px
}

.emailTooltip--0WDUv:after {
    border-bottom-color: #af262f;
    border-bottom-color: var(--signup-form-background-color);
    top: -7px
}

.submit--GWm8F {
    width: 100%;
    text-align: center
}

.submit--GWm8F a,
.submit--GWm8F button {
    background-color: #ffdf83;
    background-color: var(--signup-buttons-background-color);
    color: #414141;
    color: var(--signup-buttons-color);
    border-color: transparent;
    font-size: .938rem;
    font-weight: 700;
    line-height: 38px;
    margin: 0;
    min-width: 160px;
    opacity: .9;
    -webkit-transition: background-color 90ms ease-in-out 0s;
    transition: background-color 90ms ease-in-out 0s;
    border-radius: 29px;
    display: inline-block;
    cursor: pointer;
    padding: 0 20px
}

.submit--GWm8F a:hover,
.submit--GWm8F button:hover {
    background: #fff;
    background: var(--signup-buttons-active-background-color);
    color: #414141;
    color: var(--signup-buttons-active-color)
}

.submit--GWm8F a:focus,
.submit--GWm8F button:focus {
    outline: none
}

.submit--GWm8F a[disabled],
.submit--GWm8F button[disabled] {
    opacity: .7
}

.root--hoD\+j {
    height: auto;
    -webkit-transform: scale(.86);
    transform: scale(.86);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.container--MPsOw {
    height: 78px !important;
    -webkit-transition: height .3s ease-in, opacity .3s ease-in .3s;
    transition: height .3s ease-in, opacity .3s ease-in .3s;
    opacity: 1
}

.smw-features-wrapper--ewDy9 {
    background-color: #af262f;
    background-color: var(--signup-right-background-color);
    color: #fff;
    color: var(--signup-right-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 15px 30px 30px;
    position: relative;
    width: 660px;
    overflow: hidden
}

.smw-features-background--rOPP4 {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-height: 100%
}

.smw-fw-point--WRsjl {
    margin: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.smw-fw-point-title--\+kjGt {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 16px;
    text-shadow: 1px 1px 3px #000;
    vertical-align: middle
}

.smw-fw-point-icon--BDNd5 {
    width: 22px;
    height: 22px
}

.smw-fw-point-icon--BDNd5 svg {
    width: 100%;
    height: 100%
}

@media(max-width:1023px) {
    .smw-features-wrapper--ewDy9 {
        display: none
    }
}

.container--z3GX6 {
    background-color: #af262f;
    background-color: var(--signup-form-background-color);
    color: #fff;
    color: var(--signup-form-color)
}

.footer--WzqPc {
    font-size: .75rem;
    font-weight: 400;
    margin-top: 30px;
    text-align: center
}

.footerText--BYltn {
    opacity: .7
}

.footerLink--dqQs3 {
    color: #fff;
    color: var(--signup-form-color);
    text-decoration: underline;
    opacity: .8
}

.footerLink--dqQs3:hover {
    opacity: 1
}

.title--K54K9 {
    font-size: 19px;
    font-weight: 300;
    padding: 0 10px;
    margin-bottom: 10px !important
}

.description--9bCUg {
    font-size: 14px;
    font-weight: 300;
    padding: 0 10px;
    margin-bottom: 20px
}

.description--9bCUg b {
    font-weight: 700
}

@media screen and (min-width:1024px) {
    .mobileContent--3vBJ5 {
        display: none
    }
}

.container--bD8KF {
    max-width: 1265px;
    margin: 0 auto;
    padding: 0 20px
}

.column--vdOnw {
    width: 100%
}

.column6--qzjxv {
    width: 50%
}

.column4--aq4G6 {
    width: 33.3333333333%
}

.column5--Rt0HE {
    width: 41.6666666667%
}

.offset2--Fo7WR {
    margin-left: 16.6666666667%
}

.offset1--5-ApT {
    margin-left: 8.3333333333%
}

.row--FA986 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s ease-in-out infinite both;
    animation: sk-circleFadeDelay 1.2s ease-in-out infinite both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.root--\+9vNo {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.root--\+9vNo video {
    opacity: 1;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0;
    display: block
}

.root--\+9vNo video[metaloaded] {
    -webkit-animation: videoFadeIn--R67vo .3s ease-in forwards;
    animation: videoFadeIn--R67vo .3s ease-in forwards
}

.inner--w8Qlv {
    min-width: 100%;
    min-height: 100%;
    border-radius: 18px;
    overflow: hidden
}

.circle--tsF0N {
    border-radius: 100%;
    position: relative
}

@-webkit-keyframes videoFadeIn--R67vo {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes videoFadeIn--R67vo {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.root--JrRdn {
    color: inherit;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
}

.img--YWbK3 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    height: 100%;
    width: 100%
}

.background--CX6MD {
    background-position: 50%;
    background-size: cover;
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.background--CX6MD,
.with-shadow--z1XLV:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.with-shadow--z1XLV:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(transparent), color-stop(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .9)));
    background: linear-gradient(transparent, transparent, rgba(0, 0, 0, .2), rgba(0, 0, 0, .9));
    content: " ";
    display: block;
    pointer-events: none
}

.header--COb0Z {
    top: 6px
}

.footer--AApH4,
.header--COb0Z {
    position: absolute;
    left: 0;
    right: 0
}

.footer--AApH4,
.footer--AApH4>* {
    bottom: 0
}

.play-button--GJikc {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.root--tVeSu {
    background-color: rgba(0, 0, 0, .32);
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    display: inline-block;
    position: relative;
    z-index: 2
}

.root--tVeSu+.root--tVeSu {
    margin-left: 3px
}

.big--nv2ND {
    font-weight: 600;
    padding: 5px 12px;
    font-size: 15px;
    border-radius: 3px
}

.root--3KIsO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.root--3KIsO small {
    font-size: smaller
}

.online--\+zD2p {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 5px
}

.big--e2RNt {
    width: 13px;
    height: 13px
}

.root_universal--o-\+e0 {
    font-size: 12px;
    line-height: 12px
}

.root--LhO1W {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.left--Vf4-s,
.root--LhO1W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.left--Vf4-s {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0
}

.left--Vf4-s:only-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.right--gI-QO {
    margin-left: auto
}

.right--gI-QO,
.root--8jrgo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.root--8jrgo {
    font-size: 12px;
    padding: 0 8px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.big--E4iSN {
    padding: 0 25px 10px
}

.model-name--rPs-X {
    max-width: calc(100% - 17px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px
}

.model-name-responsive--oEXtj {
    font-size: calc(12px + 2vh);
    margin-right: calc(5px + .3vh)
}

.root--8jrgo .icon-responsive--NFVpB {
    height: 100%;
    width: auto
}

@media screen and (max-height:89px) {
    .hide-on-small-spots--953LV {
        display: none
    }
}

.root--aFfDV {
    position: absolute;
    left: 5px;
    right: 5px;
    z-index: 1
}

.big--3hd8C {
    left: 25px;
    right: 25px;
    top: 25px
}

.button--ZTUol {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    height: 56px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e02944), to(#9f041b));
    background-image: linear-gradient(180deg, #e02944, #9f041b);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--button-gradient-color)), to(var(--button-color)));
    background-image: linear-gradient(180deg, var(--button-gradient-color), var(--button-color));
    color: #fff;
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700
}

@media only screen and (min-width:640px) {
    .button--ZTUol {
        height: 64px;
        font-size: 21px
    }
}

.wide--8RHhn {
    padding: 0
}

.content--Dldzn,
.wide--8RHhn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content--Dldzn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0;
    height: 100%
}

.viewcam--hkFs8 {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px
}

@media only screen and (min-width:640px) {
    .content--Dldzn {
        border-radius: 18px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background-color: #303133;
        -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 2px 15px rgba(0, 0, 0, .5)
    }

    body.theme-light .content--Dldzn {
        background-color: rgba(0, 0, 0, .05);
        -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 15px rgba(0, 0, 0, .2)
    }

    .viewcam--hkFs8 {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }
}

.title--sU7W6 {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -.76px;
    line-height: .9;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.titlePart--dVm4h {
    opacity: 0
}

.titlePartSmall--zPXNg {
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.5
}

.button--Cm5QZ {
    margin-top: 10px;
    opacity: 0
}

.rightBlock--IRjwK {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:640px) {
    .rightBlock--IRjwK {
        padding: 40px 40px
    }
}

@media only screen and (min-width:1024px) {
    .rightBlock--IRjwK {
        width: 40%;
    }
}

@media only screen and (min-width:640px)and (max-width:896px)and (hover:none)and (orientation:landscape)and (min-aspect-ratio:8/5) {
    .content--Dldzn {
        height: calc(100vh - 40px)
    }

    .title--sU7W6 {
        font-size: 42px;
        line-height: 40px
    }

    .titlePartSmall--zPXNg {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 18px;
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

    .rightBlock--IRjwK {
        padding: 35px 30px
    }
}

.titlePartAccent--XoHDG {
    color: #ff112f;
    color: var(--accent-color)
}

.rightBlockLoaded--WWqUu .titlePart--dVm4h:first-child {
    -webkit-animation: title-fade-up--BYyzr .25s ease-in 0ms forwards;
    animation: title-fade-up--BYyzr .25s ease-in 0ms forwards
}

.rightBlockLoaded--WWqUu .titlePart--dVm4h:nth-child(2) {
    -webkit-animation: title-fade-up--BYyzr .35s ease-in 0ms forwards;
    animation: title-fade-up--BYyzr .35s ease-in 0ms forwards
}

.rightBlockLoaded--WWqUu .titlePart--dVm4h:nth-child(3) {
    -webkit-animation: title-fade-up--BYyzr .45s ease-in 0ms forwards;
    animation: title-fade-up--BYyzr .45s ease-in 0ms forwards
}

.rightBlockLoaded--WWqUu .button--Cm5QZ,
.rightBlockLoaded--WWqUu .titlePart--dVm4h:nth-child(4) {
    -webkit-animation: title-fade-in--4UYzf .2s ease-in .6s forwards;
    animation: title-fade-in--4UYzf .2s ease-in .6s forwards
}

@-webkit-keyframes title-fade-up--BYyzr {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes title-fade-up--BYyzr {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes title-fade-in--4UYzf {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes title-fade-in--4UYzf {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.root--iMb8b a {
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    width: 130px;
    color: transparent
}

@media only screen and (min-width:640px) {
    .root--iMb8b {
        padding: 10px 0;
        min-height: 30px
    }

    .root--iMb8b a {
        width: 150px
    }
}

@media only screen and (max-width:896px)and (orientation:landscape) {
    .root--iMb8b {
        padding: 10px 0;
        min-height: 0
    }

    .root--iMb8b a {
        position: absolute;
        z-index: 1;
        margin-top: 10px;
        margin-left: 20px
    }
}

.root--ltFQt {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    color: var(--font-color);
    font-size: 12px;
    font-weight: 500;
    min-height: 42px
}

.content--3XeCe,
.root--ltFQt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content--3XeCe {
    position: relative;
    padding: 12px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

@media only screen and (min-width:640px) {
    .content--3XeCe {
        padding: 0 50px
    }
}

@media only screen and (min-width:900px) {
    .content--3XeCe {
        padding: 0 110px
    }
}

.content--3XeCe:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: var(--font-color);
    opacity: .05;
    z-index: -1
}

.icon--90Zea {
    margin-right: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.text--fDflC {
    opacity: .6
}

.accent--J8dr7 {
    font-weight: 700
}

.root--QkmnQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nowrap--TVzKh {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.vertical--4IfGj {
    display: block;
    width: 100%
}

.center--5SZFg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.thumb--CYHj7 {
    width: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    min-height: 200px;
    margin: 10px 0;
    color: #fa2948;
    color: var(--content-color)
}

@media only screen and (min-width:480px) {
    .thumb--CYHj7 {
        width: calc(50% - 10px)
    }

    [data-count="3"] .thumb--CYHj7 {
        width: 100%
    }
}

@media only screen and (min-width:640px) {
    .thumb--CYHj7 {
        min-height: 250px;
        max-height: 250px;
        width: calc(50% - 10px)
    }

    [data-count="3"] .thumb--CYHj7 {
        width: calc(33.33333% - 10px)
    }
}

@media only screen and (min-width:1024px) {
    [data-count="4"] .thumb--CYHj7 {
        width: calc(25% - 10px);
        min-height: 200px
    }
}

.root--4tMOk {
    margin: 25px 0
}

.title--JfdJT {
    opacity: .5;
    color: #fff;
    color: var(--font-color);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.13px;
    text-transform: lowercase;
    margin-bottom: 30px
}

.title--JfdJT:first-letter {
    text-transform: uppercase
}

@media only screen and (min-width:900px) {
    .title--JfdJT {
        font-size: 20px
    }
}

@media only screen and (min-width:1024px) {
    .root--4tMOk {
        margin-bottom: 45px
    }
}

.text--nRU6q {
    color: #fff;
    color: var(--font-color);
    opacity: .8;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    word-break: break-word
}

@media only screen and (min-width:900px) {
    .text--nRU6q {
        font-size: 20px;
        line-height: 34px
    }
}

.title--DhWHu {
    color: #fff;
    color: var(--font-color);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.45px;
    line-height: 53px;
    word-break: break-word
}

@media only screen and (min-width:900px) {
    .title--DhWHu {
        font-size: 40px;
        letter-spacing: -.61px;
        line-height: 53px
    }
}

.root--9WQKM {
    margin: 75px 0;
    position: relative;
    -webkit-animation: forceTransparent--I-0cw 1ms forwards;
    animation: forceTransparent--I-0cw 1ms forwards
}

.title--\+4ial {
    margin-bottom: 15px
}

.accent--YhDvp {
    color: #ff112f;
    color: var(--accent-color)
}

.image--A7EAY {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

@-webkit-keyframes forceTransparent--I-0cw {
    to {
        background-color: transparent
    }
}

@keyframes forceTransparent--I-0cw {
    to {
        background-color: transparent
    }
}

@media only screen and (min-width:900px) {
    .root--9WQKM {
        padding: 60px 35% 70px 60px;
        -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .25);
        box-shadow: 0 0 45px rgba(0, 0, 0, .25);
        border-radius: 18px;
        background-color: #4d0000;
        background-color: var(--background-color);
        overflow: hidden;
        -webkit-animation: none;
        animation: none
    }

    .title--\+4ial {
        margin-bottom: 45px
    }

    .image--A7EAY {
        opacity: 1
    }
}

.title--ubIWo {
    margin-bottom: 15px
}

@media only screen and (min-width:900px) {
    .title--ubIWo {
        margin-bottom: 30px
    }
}

.accent--LhtyB {
    color: #ff112f;
    color: var(--accent-color)
}

.root--f92EG {
    text-align: left
}

.content--YhUC4 {
    display: inline-block;
    max-width: 930px
}

.title--eFtxj {
    margin-bottom: 15px
}

.accent--6GIrK {
    color: #ff112f;
    color: var(--accent-color)
}

@media only screen and (min-width:900px) {
    .title--eFtxj {
        margin-bottom: 30px
    }

    .root--f92EG {
        text-align: center
    }
}

.accent--BsQyI {
    color: #ff112f;
    color: var(--accent-color)
}

.root--9CVmr {
    margin: 40px 0 60px
}

.root--VxF43 {
    margin-top: 25px
}

.content--SzhpC {
    position: relative;
    height: 66px;
    margin-bottom: 20px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    overflow: hidden
}

.content--SzhpC:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: var(--font-color);
    opacity: .05
}

.icon--qMbKz {
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.icon--qMbKz svg {
    max-width: 50%
}

.item--s6ETt {
    position: relative
}

.itemActive--rVYj5 {
    cursor: pointer
}

.description--ueadC {
    position: absolute;
    width: 70%;
    margin-left: 45px;
    border-radius: 12px;
    overflow: hidden;
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    opacity: 0;
    -webkit-transform: translateY(-60%) scaleY(.5);
    transform: translateY(-60%) scaleY(.5);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none;
    z-index: 2
}

.item--s6ETt:hover .description--ueadC {
    opacity: 1;
    -webkit-transform: translateY(-10px) scaleY(1);
    transform: translateY(-10px) scaleY(1)
}

@media only screen and (min-width:900px) {
    .root--VxF43 {
        margin-top: 0;
        margin-left: auto;
        width: 80%
    }

    .content--SzhpC {
        height: 84px;
        font-size: 20px;
        padding-right: 30px
    }

    .icon--qMbKz {
        width: 120px
    }

    .icon--qMbKz svg {
        max-width: none
    }

    .description--ueadC {
        display: block
    }
}

.button--x9GpD {
    text-align: center;
    margin-top: 20px
}

.root--zUDJF {
    margin: 0 0 70px
}

@media only screen and (min-width:900px) {
    .root--zUDJF {
        margin: 100px 0 70px
    }

    .button--x9GpD {
        margin-top: 50px
    }
}

.root--vQECP {
    color: #fff;
    color: var(--font-color);
    margin-bottom: 50px
}

.icon--gVA60 {
    text-align: center;
    margin-bottom: 12px
}

.title--UKLZa {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.33px;
    line-height: 45px;
    margin-bottom: 15px
}

.item--b2Jwb {
    position: relative;
    overflow: hidden;
    border-radius: 7px;
    line-height: 43px;
    margin-bottom: 10px
}

.item--b2Jwb:before {
    content: "";
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzAwZmY0MCIgZD0iTTUuMjQ4IDEwLjUwNmwtMy41Mi0zLjU4N2EuOTk3Ljk5NyAwIDAwLTEuNDMxIDAgMS4wNDMgMS4wNDMgMCAwMDAgMS40NTdsNC4yNCA0LjMyMmEuOTk3Ljk5NyAwIDAwMS40MzIgMEwxNi43MDMgMS43NmExLjA0MyAxLjA0MyAwIDAwMC0xLjQ1OC45OTcuOTk3IDAgMDAtMS40MyAweiIvPjwvc3ZnPg==);
    width: 17px;
    height: 13px;
    margin: 0 15px
}

.item--b2Jwb:after {
    content: "";
    z-index: -1;
    position: absolute;
    background-color: #fff;
    background-color: var(--font-color);
    opacity: .05;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:700px) {
    .list--0Yb9x {
        padding: 0 10px
    }
}

@media only screen and (min-width:900px) {
    .list--0Yb9x {
        padding: 0 35px
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

body,
html {
    height: 100%
}

a {
    color: #000;
    cursor: pointer
}

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

@font-face {
    font-family: Helvetica Neue;
    font-weight: 400;
    src: url(/LPAkira/HelveticaNeue.ttf)
}

@font-face {
    font-family: Helvetica Neue;
    font-weight: 500;
    src: url(/LPAkira/HelveticaNeue-Medium.ttf)
}

@font-face {
    font-family: Helvetica Neue;
    font-weight: 600;
    src: url(/LPAkira/HelveticaNeue-Bold.ttf)
}

body {
    background-image: radial-gradient(circle 900px at 50%, at 0, #4d0000 0, #0f0000 100%);
    background-image: radial-gradient(circle 900px at 50% 0, #4d0000 0, #0f0000 100%);
    background-image: radial-gradient(circle 900px at 50%, at 0, var(--background-color) 0, var(--background-gradient-color) 100%);
    background-image: radial-gradient(circle 900px at 50% 0, var(--background-color) 0, var(--background-gradient-color) 100%)
}

body,
html {
    min-height: 100%;
    height: auto
}

a {
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s
}

.container {
    max-width: 1127px;
    margin: 0 auto;
    padding: 0 20px
}

.mh-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: hsla(0, 0%, 100%, .13);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 15px rgba(0, 0, 0, .05);
    height: 100%
}

.mh-content,
.viewcam-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0
}

.viewcam-wrapper {
    height: 200px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fa2948;
    color: var(--content-color)
}

.canvas-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.viewcam-wrapper .canvas-wrapper {
    position: absolute
}

.header-cta-block-wrapper {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px
}

.hctabw-title {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -.67px;
    line-height: 34px;
    text-transform: uppercase
}

.hctabw-title__part {
    opacity: 0
}

.hctabwt-accent {
    color: #ff112f;
    color: var(--accent-color);
    word-break: break-word
}

.hctabw-description {
    margin: 18px 0;
    color: #ccc;
    color: var(--font-color-dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.header-cta-block-wrapper_animated .hctabw-action-button-wrapper,
.header-cta-block-wrapper_animated .hctabw-description,
.header-cta-block-wrapper_animated .hctabw-title__part {
    opacity: 0
}

.header-cta-block-wrapper_animated.header-cta-block-wrapper_loaded .hctabw-title__part:first-child {
    -webkit-animation: title-fade-up .25s ease-in 0ms forwards;
    animation: title-fade-up .25s ease-in 0ms forwards
}

.header-cta-block-wrapper_animated.header-cta-block-wrapper_loaded .hctabw-title__part:nth-child(2) {
    -webkit-animation: title-fade-up .35s ease-in 0ms forwards;
    animation: title-fade-up .35s ease-in 0ms forwards
}

.header-cta-block-wrapper_animated.header-cta-block-wrapper_loaded .hctabw-title__part:nth-child(3) {
    -webkit-animation: title-fade-up .45s ease-in 0ms forwards;
    animation: title-fade-up .45s ease-in 0ms forwards
}

.header-cta-block-wrapper_animated.header-cta-block-wrapper_loaded .hctabw-action-button-wrapper,
.header-cta-block-wrapper_animated.header-cta-block-wrapper_loaded .hctabw-description,
.header-cta-block-wrapper_animated.header-cta-block-wrapper_loaded .hctabw-title__part:nth-child(4) {
    -webkit-animation: title-fade-in .2s ease-in .6s forwards;
    animation: title-fade-in .2s ease-in .6s forwards
}

.hctabw-action-button-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    height: 46px;
    -webkit-box-shadow: 0 2px 8px var(--button-glow-color);
    box-shadow: 0 2px 8px var(--button-glow-color);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e02944), to(#9f041b));
    background-image: linear-gradient(180deg, #e02944, #9f041b);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--button-gradient-color)), to(var(--button-color)));
    background-image: linear-gradient(180deg, var(--button-gradient-color), var(--button-color));
    color: var(--font);
    opacity: .9;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.hctabw-action-button-wrapper a:hover {
    opacity: 1
}

.features-wrapper {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 44px 0 10px;
    overflow: hidden;
    list-style-type: none
}

.feature-item,
.features-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.feature-item {
    width: 100%;
    max-width: 530px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 30px
}

.feature-item:not(:last-child) .fi-content {
    padding-right: 30px
}

.features-wrapper_animated .feature-item {
    opacity: 0
}

.features-wrapper_animated.features-wrapper_loaded .feature-item {
    -webkit-animation: title-fade-in .3s ease-in .9s forwards;
    animation: title-fade-in .3s ease-in .9s forwards
}

.fi-icon {
    min-width: 56px;
    width: 56px;
    margin-right: 25px
}

.fi-content,
.fi-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fi-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1366px) {
    .fi-icon {
        min-width: 70px;
        width: 70px
    }

    .feature-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .fi-content {
        max-width: 196px
    }

    .feature-item:not(:last-child) .fi-content {
        padding-right: 0
    }
}

.fi-title {
    margin-bottom: 10px;
    color: #fa2948;
    color: var(--content-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.fi-description {
    color: #fff;
    color: var(--font-color);
    opacity: .9;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.mlw-title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mlw-title {
    color: #fff;
    color: var(--font-color);
    opacity: .5;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.11px
}

.mlw-title-line {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 25px
}

.mlw-title-line:after {
    left: 0;
    position: absolute;
    content: " ";
    height: 1px;
    width: 100%;
    background-color: #fff;
    background-color: var(--font-color);
    opacity: .21
}

.main-header-container {
    padding: 0;
    width: 100%
}

@media only screen and (min-width:640px) {
    .main-header-container {
        padding: 0 20px;
        margin-top: 20px
    }

    .viewcam-wrapper {
        height: 400px
    }

    .hctabw-title {
        font-size: 44px;
        line-height: 40px
    }

    .hctabw-description {
        margin: 24px 0
    }

    .viewcam-wrapper {
        width: 100%;
        border-radius: 18px
    }

    .mh-content {
        border-radius: 18px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:640px)and (max-width:896px)and (hover:none)and (orientation:landscape)and (min-aspect-ratio:8/5) {
    .mh-content {
        height: calc(100vh - 40px)
    }

    .hctabw-title {
        font-size: 9.5vh;
        line-height: 8.5vh
    }

    .hctabw-description {
        font-size: 3.6vh;
        line-height: 5.5vh
    }

    .viewcam-wrapper {
        min-height: auto
    }
}

@media only screen and (min-width:1024px) {
    .feature-item {
        width: 33.3333333333%
    }

    .viewcam-wrapper {
        width: calc(100% - 390px)
    }

    .header-cta-block-wrapper {
        width: 390px
    }
}

@media (min-width:1366px) {
    .main-header-container {
        margin-top: 35px
    }
}

.svg-extra {
    fill: #fa2948;
    fill: var(--content-color)
}

@media (max-width:639px) {
    .viewcam-wrapper_vertical {
        height: 50vh
    }
}

@-webkit-keyframes title-fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes title-fade-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes title-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes title-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

body {
    background-color: #0f0000;
    background-color: var(--background-gradient-color);
    background-image: radial-gradient(circle 2400px at 50%, at 0, #4d0000 0, #0f0000 100%);
    background-image: radial-gradient(circle 2400px at 50% 0, #4d0000 0, #0f0000 100%);
    background-image: radial-gradient(circle 2400px at 50%, at 0, var(--background-color) 0, var(--background-gradient-color) 100%);
    background-image: radial-gradient(circle 2400px at 50% 0, var(--background-color) 0, var(--background-gradient-color) 100%);
    color: #fff;
    color: var(--font-color);
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.list-type-disc {
    list-style-type: disc;
    margin-left: 17px
}

.lng-ru .hctabw-title {
    font-size: 40px;
    line-height: 44px
}

.lng-de .hctabw-title,
.lng-hu .hctabw-title,
.lng-ja .hctabw-title,
.lng-ko .hctabw-title,
.lng-nb .hctabw-title,
.lng-pl .hctabw-title,
.lng-sv .hctabw-title {
    line-height: 44px
}

@media only screen and (min-width:640px)and (max-width:896px)and (hover:none)and (orientation:landscape)and (min-aspect-ratio:8/5) {

    .lng-cs .hctabw-title,
    .lng-ru .hctabw-title {
        font-size: 7vh;
        line-height: 7.5vh
    }

    .lng-de .hctabw-title {
        font-size: 7vh;
        line-height: 8vh
    }

    .lng-el .hctabw-title,
    .lng-es .hctabw-title,
    .lng-fr .hctabw-title,
    .lng-hi .hctabw-title,
    .lng-hu .hctabw-title,
    .lng-it .hctabw-title {
        font-size: 7vh;
        line-height: 7.5vh
    }

    .lng-ja .hctabw-title {
        font-size: 6vh;
        line-height: 7vh
    }

    .lng-ko .hctabw-title,
    .lng-nb .hctabw-title,
    .lng-nl .hctabw-title,
    .lng-pl .hctabw-title,
    .lng-pt .hctabw-title,
    .lng-sv .hctabw-title,
    .lng-tr .hctabw-title {
        font-size: 7vh;
        line-height: 7.5vh
    }
}

.mh-logo a {
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 54px;
    width: 155px;
    color: transparent;
    margin-bottom: 20px
}

.mh-logo {
    margin-left: 20px;
    position: absolute;
    z-index: 1
}

@media (min-width:640px) {
    .mh-logo {
        margin-left: 0;
        position: static
    }
}

@media only screen and (min-width:640px)and (max-width:896px)and (hover:none)and (orientation:landscape)and (min-aspect-ratio:8/5) {
    .mh-logo {
        margin-left: 15px;
        position: absolute
    }
}