@charset "UTF-8";

#layout-pattern-05 .lp-layout-container {
    font-size: 1.6rem;
}

#layout-pattern-05 .lp-layout-container > *:last-child {
    margin-bottom: 0;
}

#layout-pattern-05 .lp-layout-container.of-primary {
    margin-inline: auto;
    max-width: 44rem;
    margin-bottom: 4rem;
}

#layout-pattern-05 .lp-layout-container.of-primary > *:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-layout-container.of-primary {
        margin-bottom: 3.2rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-layout-container.of-primary {
        max-width: calc(40rem + ((1vh - 0.624rem) * (14.49275)));
        margin-bottom: calc(2.4rem + ((1vh - 0.624rem) * (5.7971)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-layout-container.of-primary {
        max-width: 40rem;
        margin-bottom: 2.4rem;
    }
}

#layout-pattern-05 .lp-jumbotron,
#layout-pattern-05 .lp-section {
    margin-inline: auto;
    display: flex;
    height: calc(100vh - 11rem);
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-jumbotron,
    #layout-pattern-05 .lp-section {
        height: auto;
        min-height: calc(100vh - 11rem);
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-jumbotron,
    #layout-pattern-05 .lp-section {
        min-height: 0;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-jumbotron,
    #layout-pattern-05 .lp-section {
        height: auto;
        min-height: calc(100vh - 11rem);
    }
}

[data-script-enabled="true"] #layout-pattern-05 .lp-jumbotron.is-sticky, [data-script-enabled="true"]
#layout-pattern-05 .lp-section.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 11rem;
    margin: 0 auto 12rem;
}

#layout-pattern-05 .lp-jumbotron {
    background-color: #090a0c;
    color: #fff;
}

#layout-pattern-05 .lp-jumbotron.of-backgroundImage-primary {
    background-image: url("../../img/vwo/series_md-x_keyvisual_02-02.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 1921px) {
    #layout-pattern-05 .lp-jumbotron.of-backgroundImage-primary {
        background-size: auto;
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-jumbotron.of-backgroundImage-primary {
        background-image: url("../../img/vwo/series_md-x_keyvisual_02-03.jpg");
        background-position: top;
        background-size: contain;
    }
}

#layout-pattern-05 .lp-jumbotron-content {
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: calc(164rem + (10rem * 2));
    padding: 4rem 10rem;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-jumbotron-content {
        padding: 4rem calc(2rem + ((1vw - 0.969rem) * (20.20202)));
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-jumbotron-content {
        flex-direction: column-reverse;
        padding: 4.8rem 2rem;
    }
}

#layout-pattern-05 .lp-jumbotron-body {
    flex: 1 0 auto;
    max-width: 800px;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-jumbotron-body {
        max-width: calc(44.8rem + ((1vw - 0.969rem) * (88.88889)));
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-jumbotron-body {
        max-width: none;
    }
}

#layout-pattern-05 .lp-jumbotron-body > *:last-child {
    margin-bottom: 0;
}

#layout-pattern-05 .lp-jumbotron-seriesGroup {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    line-height: 1.35;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-jumbotron-seriesGroup {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-jumbotron-seriesGroup {
        margin-bottom: calc(0.8rem + ((1vh - 0.624rem) * (4.34783)));
        font-size: calc(1.6rem + ((1vh - 0.624rem) * (0.72464)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-jumbotron-seriesGroup {
        margin-bottom: 0.8rem;
        font-size: 1.6rem;
    }
}

#layout-pattern-05 .lp-jumbotron-series {
    display: inline-block;
}

#layout-pattern-05 .lp-jumbotron-image {
    margin-left: 4rem;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-jumbotron-image {
        margin-bottom: 2.4rem;
        margin-left: 0;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-jumbotron-image {
        max-width: calc(50rem + ((1vh - 0.624rem) * (108.69565)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-jumbotron-image {
        max-width: 50rem;
    }
}

#layout-pattern-05 .lp-section {
    background-color: #1f2326;
    color: #fff;
}

#layout-pattern-05 .lp-section.of-backgroundImage-primary {
    background-color: #3e474e;
    background-image: url("../../img/vwo/series_md-x_applications_05.png");
    background-position: top right;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-section.of-backgroundImage-primary {
        background-image: none;
    }
}

#layout-pattern-05 .lp-section.of-backgroundImage-secondary {
    background-image: url("../../img/vwo/series_md-x_features_01-01.png");
    background-position: top left;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-section.of-backgroundImage-secondary {
        background-image: none;
    }
}

#layout-pattern-05 .lp-section.of-backgroundImage-tertiary {
    background-color: #3e474e;
    background-image: url("../../img/vwo/series_md-x_features_02-01.png");
    background-position: top right;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-section.of-backgroundImage-tertiary {
        background-image: none;
    }
}

#layout-pattern-05 .lp-section.of-backgroundImage-quaternary {
    background-image: url("../../img/vwo/series_md-x_features_03-01.png");
    background-position: top left;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-section.of-backgroundImage-quaternary {
        background-image: none;
    }
}

#layout-pattern-05 .lp-section.is-hidden {
    height: 7.2rem;
    min-height: 0;
    background: transparent;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-section.is-hidden {
        height: 7.2rem;
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-section.is-hidden {
        height: 0;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-section.is-hidden {
        height: 7.2rem;
    }
}

#layout-pattern-05 .lp-section.is-hidden.is-sticky {
    height: 23rem;
    margin-bottom: 0;
}

@media only screen and (max-width: 1919px) {
    #layout-pattern-05 .lp-section.is-hidden.is-sticky {
        height: calc(22rem + ((1vw - 1.365rem) * (1.80505)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-section.is-hidden.is-sticky {
        height: 23rem;
    }
}

#layout-pattern-05 .lp-section.is-scaleFixed {
    transform: scale(1) !important;
}

#layout-pattern-05 .lp-section-content {
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(128rem + (12rem * 2));
    padding: 4rem 12rem;
}

#layout-pattern-05 .lp-section-content.of-column {
    flex-direction: column;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-section-content {
        padding: 4rem calc(2rem + ((1vw - 0.969rem) * (25.25253)));
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-section-content {
        display: block;
        flex: 1;
        padding: 4.8rem 2rem;
    }
}

#layout-pattern-05 .lp-section-body {
    padding: 0 2rem;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-section-body {
        padding: 0;
    }
}

#layout-pattern-05 .lp-section-body > *:last-child {
    margin-bottom: 0;
}

#layout-pattern-05 .lp-pagination {
    z-index: 10;
    position: fixed;
    top: calc(50vh + (11rem / 2));
    left: 4rem;
    padding: 1.3rem 1.4rem;
    transform: translateY(-50%);
    border-radius: 3.2rem;
    background-color: rgba(69, 69, 69, 0.6);
}

#layout-pattern-05 .lp-pagination.is-hidden {
    display: none;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-pagination {
        display: none;
    }
}

#layout-pattern-05 .lp-pagination > li {
    height: 2.4rem;
}

#layout-pattern-05 .lp-pagination a {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.8rem 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    content: "";
}

#layout-pattern-05 .lp-pagination a.is-current {
    position: relative;
    background-color: white;
}

#layout-pattern-05 .lp-pagination a.is-current::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    transform: translate(-25%, -50%);
    border: solid #fff 0.2rem;
    border-radius: 50%;
    content: "";
}

@media (hover: hover) {
    #layout-pattern-05 .lp-pagination a:hover {
        background-color: white;
    }
}

#layout-pattern-05 .lp-pagination a:focus-visible {
    background-color: white;
}

#layout-pattern-05 .prd-catalogButton.of-primary {
    font-size: 1.8rem;
    line-height: 1.3;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .prd-catalogButton.of-primary {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .prd-catalogButton.of-primary {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        font-size: 1.6rem;
    }
}

#layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-inner {
    padding: 2rem 2.4rem;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-inner {
        padding: 1.6rem 2.4rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-inner {
        padding: calc(1.6rem + ((1vh - 0.624rem) * (1.44928))) 2.4rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-inner {
        padding: 1.6rem 2.4rem;
    }
}

#layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-imageWrapper {
    width: 6.4rem;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-imageWrapper {
        width: 4.6rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-imageWrapper {
        width: calc(4.6rem + ((1vh - 0.624rem) * (6.52174)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .prd-catalogButton.of-primary .prd-catalogButton-imageWrapper {
        width: 4.6rem;
    }
}

#layout-pattern-05 .prd-button.of-inquiry.of-primary {
    width: 100%;
    max-width: none;
    padding: 2rem 2.4rem;
    border: 0;
    font-size: 1.8rem;
    line-height: 1.3;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .prd-button.of-inquiry.of-primary {
        padding: 1.6rem 2.4rem;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .prd-button.of-inquiry.of-primary {
        padding: calc(1.6rem + ((1vh - 0.624rem) * (1.44928))) 2.4rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .prd-button.of-inquiry.of-primary {
        padding: 1.6rem 2.4rem;
    }
}

#layout-pattern-05 .prd-button.of-inquiry.of-primary .prd-button-label {
    padding-left: 0;
}

#layout-pattern-05 .lp-media {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

#layout-pattern-05 .lp-media-body > *:last-child {
    margin-bottom: 0;
}

#layout-pattern-05 .lp-media-text {
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.8;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-media-text {
        margin-bottom: 1.6rem;
        line-height: 1.5;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-media-text {
        margin-bottom: calc(2rem + ((1vh - 0.624rem) * (1.44928)));
        line-height: calc(2.4rem + ((1vh - 0.624rem) * (1.73913)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-media-text {
        margin-bottom: 2rem;
        line-height: 1.5;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-media-image {
        max-width: calc(24rem + ((1vh - 0.624rem) * (57.97101)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-media-image {
        max-width: 24rem;
    }
}

#layout-pattern-05 .lp-media-image.of-borderRadius-primary > img {
    border-radius: 1rem;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-media-image.of-borderRadius-primary > img {
        border-radius: 0.7rem;
    }
}

#layout-pattern-05 .lp-headingLevel2 {
    margin-bottom: 2.8rem;
    font-size: 5.6rem;
    line-height: 1.325;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-headingLevel2 {
        font-size: calc(4.8rem + ((1vw - 0.969rem) * (2.0202)));
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-headingLevel2 {
        margin-bottom: 2.4rem;
        font-size: calc(3.2rem + ((1vw - 0.36rem) * (3.94089)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-headingLevel2 {
        font-size: calc(4.4rem + ((1vh - 0.624rem) * (4.34783)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-headingLevel2 {
        font-size: 4.4rem;
    }
}

#layout-pattern-05 .lp-headingLevel3 {
    display: block;
    margin-bottom: 4.8rem;
    font-size: 3.2rem;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-headingLevel3 {
        margin-bottom: 4rem;
        font-size: calc(2.8rem + ((1vw - 0.969rem) * (1.0101)));
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-headingLevel3 {
        margin-bottom: 4rem;
        font-size: calc(2.4rem + ((1vw - 0.36rem) * (1.31363)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-headingLevel3 {
        margin-bottom: calc(1.8rem + ((1vh - 0.624rem) * (10.86957)));
        font-size: calc(2.8rem + ((1vh - 0.624rem) * (1.44928)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-headingLevel3 {
        margin-bottom: 1.8rem;
        font-size: 2.8rem;
    }
}

#layout-pattern-05 .lp-headingLevel3.of-primary {
    margin-bottom: 5.6rem;
    font-size: 4rem;
    line-height: 1.3;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-headingLevel3.of-primary {
        margin-bottom: calc(4rem + ((1vw - 0.36rem) * (2.62726)));
        font-size: calc(2.8rem + ((1vw - 0.36rem) * (1.97044)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-headingLevel3.of-primary {
        margin-bottom: calc(4rem + ((1vh - 0.624rem) * (5.7971)));
        font-size: calc(3.2rem + ((1vh - 0.624rem) * (2.89855)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-headingLevel3.of-primary {
        margin-bottom: 4rem;
        font-size: 3.2rem;
    }
}

#layout-pattern-05 .lp-headingLevel3-subtitle {
    display: block;
    color: #8fbcff;
    font-size: 2.4rem;
    line-height: 1.3;
}

@media only screen and (max-width: 1365px) {
    #layout-pattern-05 .lp-headingLevel3-subtitle {
        font-size: calc(2.2rem + ((1vw - 0.969rem) * (0.50505)));
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-headingLevel3-subtitle {
        color: #9bbcee;
        font-size: calc(1.8rem + ((1vw - 0.36rem) * (0.98522)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-headingLevel3-subtitle {
        font-size: calc(2rem + ((1vh - 0.624rem) * (1.44928)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-headingLevel3-subtitle {
        font-size: 2rem;
    }
}

#layout-pattern-05 .lp-headingLevel3-group {
    margin-bottom: 4.8rem;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-headingLevel3-group {
        margin-bottom: 4rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-headingLevel3-group {
        margin-bottom: calc(1.8rem + ((1vh - 0.624rem) * (10.86957)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-headingLevel3-group {
        margin-bottom: 1.8rem;
    }
}

#layout-pattern-05 .lp-headingLevel3-group > *:last-child {
    margin-bottom: 0;
}

#layout-pattern-05 .lp-text {
    margin-bottom: 4rem;
    font-size: 1.6rem;
    line-height: 1.8;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-text {
        margin-bottom: 3.2rem;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-text {
        margin-bottom: calc(1.8rem + ((1vh - 0.624rem) * (7.97101)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-text {
        margin-bottom: 1.8rem;
    }
}

#layout-pattern-05 .lp-textLead {
    margin-bottom: 5.6rem;
    font-size: 1.6rem;
    line-height: 1.8;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-textLead {
        margin-bottom: 4.8rem;
        font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.65681)));
        line-height: 1.5;
    }
}

@media only screen and (min-width: 1366px) and (max-height: 900px) {
    #layout-pattern-05 .lp-textLead {
        margin-bottom: calc(3.2rem + ((1vh - 0.624rem) * (8.69565)));
        font-size: calc(1.8rem + ((1vh - 0.624rem) * (0.72464)));
    }
}

@media only screen and (min-width: 1366px) and (max-height: 624px) {
    #layout-pattern-05 .lp-textLead {
        margin-bottom: 3.2rem;
        font-size: 1.8rem;
    }
}

#layout-pattern-05 .lp-seriesFeatureVideo {
    width: 76.8rem;
}

@media only screen and (max-width: 1919px) {
    #layout-pattern-05 .lp-seriesFeatureVideo {
        width: calc(60rem + ((1vw - 0.969rem) * (17.68421)));
    }
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-seriesFeatureVideo {
        width: 100%;
    }
}

#layout-pattern-05 .lp-seriesFeatureVideo.of-shadow {
    box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.502);
}

#layout-pattern-05 .lp-seriesFeatureVideo.of-position-right {
    margin-inline: auto 0;
}

@media only screen and (max-width: 969px) {
    #layout-pattern-05 .lp-seriesFeatureVideo.of-position-right {
        margin-inline: auto;
    }
}

#layout-pattern-05 .lp-utility-line-break {
    display: block;
}

@media only screen and (min-width: 970px) {
    #layout-pattern-05 .lp-largeScreen-line-break {
        display: block;
    }
}