@charset "UTF-8";

.lp-layout-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -20px 0 40px -16px;
}

.lp-layout-grid > *:last-child {
    margin-bottom: 0;
}

.lp-layout-grid-column {
    margin-top: 20px;
    padding-left: 16px;
}

.lp-layout-grid-column > *:last-child {
    margin-bottom: 0;
}

.lp-layout-grid-column.of-flex {
    display: flex;
    flex-wrap: wrap;
}

.lp-layout-grid-column.of-flex > * {
    width: 100%;
}

@media only screen and (max-width: 360px) {
    .lp-layout-grid-column.of-flex {
        justify-content: center;
    }
}

.lp-layout-grid-column.of-column-1 {
    width: 8.33333%;
}

.lp-layout-grid-column.of-column-2 {
    width: 16.66667%;
}

.lp-layout-grid-column.of-column-3 {
    width: 25%;
}

.lp-layout-grid-column.of-column-4 {
    width: 33.33333%;
}

.lp-layout-grid-column.of-column-5 {
    width: 41.66667%;
}

.lp-layout-grid-column.of-column-6 {
    width: 50%;
}

.lp-layout-grid-column.of-column-7 {
    width: 58.33333%;
}

.lp-layout-grid-column.of-column-8 {
    width: 66.66667%;
}

.lp-layout-grid-column.of-column-9 {
    width: 75%;
}

.lp-layout-grid-column.of-column-10 {
    width: 83.33333%;
}

.lp-layout-grid-column.of-column-11 {
    width: 91.66667%;
}

.lp-layout-grid-column.of-column-12 {
    width: 100%;
}

#LoginForm > *:only-child {
    margin-bottom: 0;
}

.lp-jumbotron {
    position: relative;
}

.lp-jumbotron::after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b91d20;
    background-image: radial-gradient(at 56% 4%, #e49449 0px, transparent 50%), radial-gradient(at 45% 4%, #e59448 0px, transparent 50%), radial-gradient(at 51% 56%, #d51010 0px, transparent 50%), radial-gradient(at 7% 89%, #940014 0px, transparent 50%), radial-gradient(at 90% 88%, #8f0013 0px, transparent 50%);
    content: "";
}

@media only screen and (max-width: 970px) {
    .lp-jumbotron::after {
        height: calc(26.5rem + ((1vw - 0.36rem) * (40.16393)));
    }
}

@media only screen and (max-width: 360px) {
    .lp-jumbotron::after {
        height: 265px;
    }
}

.lp-jumbotron-content {
    display: flex;
    position: relative;
    justify-content: flex-end;
    max-width: 1920px;
    margin: 0 auto 75px;
    padding: 40px 390px 36px 40px;
}

@media only screen and (max-width: 1919px) {
    .lp-jumbotron-content {
        padding: calc(2rem + ((1vw - 0.97rem) * (2.10748))) calc(2rem + ((1vw - 0.97rem) * (38.98841))) 36px calc(2rem + ((1vw - 0.97rem) * (2.10748)));
    }
}

@media only screen and (max-width: 970px) {
    .lp-jumbotron-content {
        flex-direction: column;
        margin-bottom: calc(3.6rem + ((1vw - 0.36rem) * (6.39344)));
        padding: 20px calc(2rem + ((1vw - 0.36rem) * (25.40984))) 28px;
    }
}

@media only screen and (max-width: 360px) {
    .lp-jumbotron-content {
        margin-bottom: 36px;
        padding: 20px 20px 28px;
    }
}

.lp-jumbotron-content::after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: "";
}

@media only screen and (min-width: 1921px) {
    .lp-jumbotron-content::after {
        height: 90%;
    }
}

@media only screen and (max-width: 1919px) {
    .lp-jumbotron-content::after {
        content: none;
    }
}

@media only screen and (max-width: 970px) {
    .lp-jumbotron-content::after {
        height: calc(26.5rem + ((1vw - 0.36rem) * (40.16393)));
        content: "";
    }
}

@media only screen and (max-width: 360px) {
    .lp-jumbotron-content::after {
        height: 265px;
    }
}

.lp-jumbotron-header {
    position: absolute;
    top: 40px;
    right: 1010px;
    max-width: 720px;
    margin-right: 80px;
}

@media only screen and (max-width: 1919px) {
    .lp-jumbotron-header {
        right: calc(49rem + ((1vw - 0.97rem) * (54.79452)));
        max-width: calc(40rem + ((1vw - 0.97rem) * (33.7197)));
        margin-right: calc(4rem + ((1vw - 0.97rem) * (4.21496)));
    }
}

@media only screen and (max-width: 970px) {
    .lp-jumbotron-header {
        position: static;
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 360px) {
    .lp-jumbotron-header {
        max-width: 303px;
    }
}

[data-script-enabled="true"] .lp-jumbotron-title {
    font-size: 0;
}

.lp-jumbotron-body {
    display: flex;
    position: relative;
    flex-direction: column;
    max-width: 620px;
}

@media only screen and (max-width: 1919px) {
    .lp-jumbotron-body {
        max-width: calc(49rem + ((1vw - 0.97rem) * (13.69863)));
    }
}

@media only screen and (max-width: 970px) {
    .lp-jumbotron-body {
        max-width: none;
        margin: 0 auto;
    }
}

.lp-jumbotron-body > *:last-child {
    margin-bottom: 0;
}

.lp-card {
    max-width: 302px;
    margin-bottom: 24px;
    border-radius: 8px;
    background-color: #252525;
    color: #fff;
}

@media only screen and (max-width: 970px) {
    .lp-card {
        box-shadow: 4px 4px 0px #fd5f44;
    }
}

.lp-card-content {
    padding: 8px 8px 16px;
}

.lp-card-content > *:last-child {
    margin-bottom: 0;
}

.lp-card-image {
    margin-bottom: 8px;
}

.lp-figure {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 24px;
}

.lp-figure-caption {
    margin-top: 8px;
}

.lp-listButton {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 644px;
    margin: -24px 0 48px -24px;
}

.lp-listButton > li {
    margin-top: 24px;
    padding-left: 24px;
}

@media only screen and (max-width: 970px) {
    .lp-listButton {
        padding-bottom: 48px;
    }
}

.lp-buttonConversion {
    gap: 10px;
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    max-width: 100%;
    padding: 12px 40px;
    border: 3px solid #781900;
    border-radius: 30px;
    background-color: #ff4412;
    background-image: linear-gradient(#ff9037, #ff9037);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    box-shadow: 4px 8px 0px #781900;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    text-decoration: none;
    transition-duration: 0.4s;
    transition-property: color, background-size;
    transition-timing-function: ease-in-out;
}

@media only screen and (max-width: 970px) {
    .lp-buttonConversion {
        padding: 12px 24px;
    }
}

.lp-buttonConversion-body {
    display: flex;
    align-items: center;
}

.lp-buttonConversion-text {
    transition-duration: 0.3s;
    transition-property: color;
    transition-timing-function: ease-in-out;
}

.lp-buttonConversion-imageOuter {
    gap: 4px;
    display: flex;
    align-items: center;
    margin: -23px 0;
}

.lp-buttonConversion-image > img {
    min-width: 40px;
    max-width: 60px;
    border: 1px solid #ccc;
}

@media (hover: hover) {
    .lp-buttonConversion:hover {
        background-position: 0 100%;
        background-size: 100% 100%;
        box-shadow: none;
    }
    .lp-buttonConversion:hover .lp-buttonConversion-text {
        color: #252525;
        animation: scaleUp 0.3s ease-in-out;
    }
}

.lp-buttonConversion:focus-visible {
    background-position: 0 100%;
    background-size: 100% 100%;
    box-shadow: none;
}

.lp-buttonConversion:focus-visible .lp-buttonConversion-text {
    color: #252525;
    animation: scaleUp 0.3s ease-in-out;
}

@keyframes scaleUp {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

.lp-utility-imageHover-scale {
    overflow: hidden;
}

.lp-utility-imageHover-scale img {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (hover: hover) {
    .lp-utility-imageHover-scale img:hover {
        transform: scale(1.05);
    }
}

@media only screen and (max-width: 970px) {
    .lp-smallScreen-order-first {
        order: -1;
    }
    .lp-smallScreen-lastChild {
        margin-bottom: 0 !important;
    }
}
