.lrs-5-30x56ffp {
    font-family: "Montserrat", sans-serif;
    max-width: 1500px;
    min-width: 270px;
    width: 100%;
    margin: 0 auto;
    overflow-x: unset;
}

.product-container {
    overflow-x: visible;
}

/* product==================================================================== */
.product-lrs-18x50 {
    background-image: url(/image/catalog/landings/lrs-5-30x56ffp/prod-forest.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

.product-lrs-18x50::before {
    content: "";
    background-image: url(/image/catalog/landings/lrs-5-30x56ffp/lrs-5-30x56ffp.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    width: 100%;
    height: 167px;
    position: absolute;
    top: 187px;
    left: 0;
    display: block;
}

.mount-back {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 100%;
    object-fit: cover;
}

.product-lrs-18x50__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    background-image: url(/image/catalog/landings/lrs-5-30x56ffp/prod-mount-front.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    padding: 130px 0 190px;
}

.product-lrs-18x50__wrap h3 {
    color: #020A0A;
    font-size: 40px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.product-lrs-18x50__wrap h2 {
    color: #020A0A;
    font-size: 72px;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    margin: 0;
}

.product-lrs-18x50__img {
    max-width: 928px;
    width: 100%;
    margin: -15px 0 0 0;
}

@media screen and (max-width: 1599px) {
    .mount-back {
        width: 1450px;
        left: -6%;
        top: 15px;
    }
}

@media screen and (max-width: 1344px) {
    .mount-back {
        width: 1250px;
    }

    .product-lrs-18x50__wrap {
        padding: 80px 0 220px;
    }

    .product-lrs-18x50__img {
        max-width: 772px;
    }
}

@media screen and (max-width: 1199px) {
    .product-lrs-18x50::before {
        top: 125px;
    }

    .mount-back {
        width: 1156px;
        left: -8%;
    }

    .product-lrs-18x50__wrap {
        padding: 75px 0 200px;
    }

    .product-lrs-18x50__wrap h3 {
        font-size: 32px;
    }

    .product-lrs-18x50__wrap h2 {
        font-size: 60px;
    }

    .product-lrs-18x50__img {
        max-width: 660px;
    }
}

@media screen and (max-width: 991px) {
    .product-lrs-18x50::before {
        top: 112px;
    }

    .mount-back {
        width: 976px;
    }

    .product-lrs-18x50__wrap {
        padding: 70px 0 150px;
    }

    .product-lrs-18x50__wrap h3 {
        font-size: 28px;
    }

    .product-lrs-18x50__wrap h2 {
        font-size: 48px;
    }

    .product-lrs-18x50__img {
        max-width: 512px;
    }
}

@media screen and (max-width: 767px) {
    .product-lrs-18x50::before {
        top: 165px;
    }

    .mount-back {
        width: 906px;
        top: 60px;
    }

    .product-lrs-18x50__wrap {
        padding: 60px 0 150px;
    }

    .product-lrs-18x50__wrap h3 {
        font-size: 22px;
    }

    .product-lrs-18x50__wrap h2 {
        max-width: 325px;
    }

    .product-lrs-18x50__img {
        max-width: 415px;
        margin: 10px 0 0 0;
    }
}

@media screen and (max-width: 567px) {
    .product-lrs-18x50::before {
        top: 145px;
    }

    .mount-back {
        width: 180vw;
        left: -17vw;
        top: 50px;
    }

    .product-lrs-18x50__wrap {
        padding: 60px 15px 100px;
        box-sizing: border-box;
    }

    .product-lrs-18x50__wrap h3 {
        font-size: 18px;
    }

    .product-lrs-18x50__wrap h2 {
        font-size: 36px;
        max-width: 245px;
    }
}

/* video--------------------------------------------------------------------- */
.video-lrs-18x50 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 50px;
    padding: 40px 100px 150px;
    background-color: #22372C;
    margin: -10px 0 0 0;
    position: relative;
}

.video-lrs-18x50 h2 {
    color: #FFF;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.video-lrs-18x50 video {
    max-width: 1250px;
    width: 100%;
}

@media screen and (max-width: 1599px) {
    .video-lrs-18x50 {
        padding: 40px 80px 150px;
    }
}

@media screen and (max-width: 1344px) {
    .video-lrs-18x50 {
        padding: 40px 40px 150px;
    }

    .video-lrs-18x50 h2 {
        font-size: 46px;
        max-width: 868px;
    }
}

@media screen and (max-width: 1199px) {
    .video-lrs-18x50 {
        padding: 40px 30px 100px;
    }

    .video-lrs-18x50 h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .video-lrs-18x50 {
        gap: 40px;
    }

    .video-lrs-18x50 h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .video-lrs-18x50 {
        gap: 30px;
        padding: 10px 30px 100px;
    }

    .video-lrs-18x50 h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 567px) {
    .video-lrs-18x50 {
        gap: 20px;
        padding: 10px 20px 80px;
    }

    .video-lrs-18x50 h2 {
        font-size: 20px;
    }
}

/* detail-------------------------------------------------------------------- */
.detail-lrs-18x50 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 40px 50px 100px;
    margin: -10px 0 0 0;
    background-color: #22372C;
    position: relative;
}

.detail-lrs-18x50 h2 {
    color: #FFF;
    text-align: center;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.detail-lrs-18x50 p {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.detail-lrs-18x50__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.detail-lrs-18x50__inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: 615px;
}

.detail-lrs-18x50__wrap img {
    max-width: 662px;
    width: 100%;
}

@media screen and (max-width: 1599px) {
    .detail-lrs-18x50 {
        gap: 80px;
    }

    .detail-lrs-18x50__inner {
        max-width: 544px;
    }

    .detail-lrs-18x50__wrap img {
        max-width: 556px;
    }
}

@media screen and (max-width: 1344px) {
    .detail-lrs-18x50 {
        padding: 40px 40px 100px;
    }

    .detail-lrs-18x50 h2 {
        font-size: 46px;
    }

    .detail-lrs-18x50 p {
        font-size: 20px;
    }

    .detail-lrs-18x50__inner {
        max-width: 490px;
    }

    .detail-lrs-18x50__wrap img {
        max-width: 500px;
    }
}

@media screen and (max-width: 1199px) {
    .detail-lrs-18x50 {
        padding: 40px 30px 100px;
    }

    .detail-lrs-18x50 h2 {
        font-size: 40px;
    }

    .detail-lrs-18x50__inner {
        max-width: 430px;
        gap: 30px;
    }

    .detail-lrs-18x50__wrap img {
        max-width: 408px;
    }
}

@media screen and (max-width: 991px) {
    .detail-lrs-18x50 {
        padding: 40px 20px 100px;
        gap: 50px;
    }

    .detail-lrs-18x50 h2 {
        font-size: 28px;
    }

    .detail-lrs-18x50 p {
        font-size: 18px;
    }

    .detail-lrs-18x50__inner {
        max-width: 320px;
        gap: 20px;
    }

    .detail-lrs-18x50__wrap img {
        max-width: 320px;
    }
}

@media screen and (max-width: 767px) {
    .detail-lrs-18x50 {
        padding: 20px 30px 50px;
    }

    .detail-lrs-18x50__wrap {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .detail-lrs-18x50__inner {
        max-width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .detail-lrs-18x50 {
        padding: 20px 12px 50px;
    }

    .detail-lrs-18x50 h2 {
        font-size: 20px;
    }

    .detail-lrs-18x50 p {
        font-size: 16px;
    }

    .detail-lrs-18x50__wrap {
        padding: 0 8px;
        box-sizing: border-box;
    }
}

/* coating-------------------------------------------------------------------- */
.coating-lrs-18x50 {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin: 150px 0;
}

.coating-lrs-18x50 h2 {
    color: #020A0A;
    font-size: 54px;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.coating-lrs-18x50 h2 span {
    color: #266141;
}

.coating-lrs-18x50__wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 0 0 155px;
    box-sizing: border-box;
}

.coating-lrs-18x50__wrap ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 120px;
    max-width: 713px;
}

.coating-lrs-18x50__wrap ol li {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.coating-lrs-18x50__wrap ol li b {
    color: #266141;
    font-size: 96px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    border-bottom: 6px solid #266141;
    align-self: start;
}

.coating-lrs-18x50__wrap ol li h3 {
    color: #020A0A;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}

.coating-lrs-18x50__wrap ol li p {
    color: #020A0A;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.coating-lrs-18x50__lenses {
    position: relative;
    align-self: start;
    padding: 100px 0 0 0;
}

.light-lens {
    width: 520px;
    position: absolute;
    top: -125px;
    left: -25px;
    animation: opacityAnim 1.5s ease-in-out 0s infinite alternate;
}

@keyframes opacityAnim {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.lens-1 {
    max-width: 423px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 140px;
}

.lens-2 {
    max-width: 423px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 70px;
}

.lens-3 {
    max-width: 423px;
    width: 100%;
}

.coating-lrs-18x50__inner {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 60px 0 0 155px;
    background-color: #22372C;
}

.coating-lrs-18x50__img {
    max-width: 434px;
    width: 100%;
}

.coating-lrs-18x50__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 713px;
    padding: 0 40px 60px 0;
    box-sizing: border-box;
}

.coating-lrs-18x50__item b {
    color: #F3E3CD;
    font-size: 96px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    border-bottom: 6px solid #F3E3CD;
    align-self: start;
}

.coating-lrs-18x50__item h3 {
    color: #FFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}

.coating-lrs-18x50__item p {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.lenses {
    display: none;
}

@media screen and (max-width: 1599px) {
    .coating-lrs-18x50 {
        gap: 60px;
    }

    .coating-lrs-18x50__wrap {
        padding: 0 0 0 90px;
    }

    .coating-lrs-18x50__inner {
        padding: 60px 0 0 90px;
    }

    .coating-lrs-18x50__wrap ol {
        max-width: 671px;
    }

    .coating-lrs-18x50__item {
        max-width: 671px;
    }
}

@media screen and (max-width: 1344px) {
    .coating-lrs-18x50 h2 {
        font-size: 46px;
    }

    .coating-lrs-18x50__wrap ol li b {
        font-size: 80px;
    }

    .coating-lrs-18x50__wrap ol li h3 {
        font-size: 32px;
    }

    .coating-lrs-18x50__wrap ol li p {
        font-size: 20px;
    }

    .coating-lrs-18x50__wrap {
        padding: 0 0 0 70px;
    }

    .coating-lrs-18x50__inner {
        padding: 60px 0 0 70px;
    }

    .coating-lrs-18x50__wrap ol {
        max-width: 560px;
    }

    .coating-lrs-18x50__item {
        max-width: 560px;
    }

    .coating-lrs-18x50__item b {
        font-size: 80px;
    }

    .coating-lrs-18x50__item h3 {
        font-size: 32px;
    }

    .coating-lrs-18x50__item p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .coating-lrs-18x50 h2 {
        font-size: 40px;
    }

    .coating-lrs-18x50__wrap {
        padding: 0 0 0 50px;
    }

    .coating-lrs-18x50__inner {
        padding: 50px 0 0 50px;
    }

    .coating-lrs-18x50__wrap ol {
        max-width: 460px;
    }

    .coating-lrs-18x50__wrap ol li {
        gap: 10px;
    }

    .coating-lrs-18x50__wrap ol li h3 {
        margin: 20px 0 0 0;
    }

    .coating-lrs-18x50__item {
        max-width: 460px;
        gap: 10px;
        padding: 0 30px 50px 0;
    }

    .coating-lrs-18x50__item h3 {
        margin: 20px 0 0 0;
    }

    .coating-lrs-18x50__img {
        max-width: 337px;
    }

    .light-lens {
        width: 350px;
        top: -50px;
        left: 5px;
    }

    .lens-1 {
        max-width: 330px;
        bottom: 100px;
    }

    .lens-2 {
        max-width: 330px;
        bottom: 55px;
    }

    .lens-3 {
        max-width: 330px;
    }
}

@media screen and (max-width: 991px) {
    .coating-lrs-18x50 h2 {
        font-size: 28px;
    }

    .coating-lrs-18x50__wrap ol li h3 {
        font-size: 24px;
    }

    .coating-lrs-18x50__wrap ol li p {
        font-size: 18px;
    }

    .coating-lrs-18x50__item h3 {
        font-size: 24px;
    }

    .coating-lrs-18x50__item p {
        font-size: 18px;
    }

    .coating-lrs-18x50__wrap {
        padding: 0 0 0 35px;
    }

    .coating-lrs-18x50__inner {
        padding: 50px 0 0 35px;
    }

    .coating-lrs-18x50__wrap ol {
        max-width: 350px;
        gap: 100px;
    }

    .coating-lrs-18x50__item {
        max-width: 350px;
        padding: 0 20px 50px 0;
    }

    .coating-lrs-18x50__img {
        max-width: 275px;
    }

    .light-lens {
        width: 280px;
        top: -20px;
        left: 10px;
    }

    .lens-1 {
        max-width: 265px;
        bottom: 100px;
    }

    .lens-2 {
        max-width: 265px;
        bottom: 55px;
    }

    .lens-3 {
        max-width: 265px;
    }
}

@media screen and (max-width: 767px) {
    .coating-lrs-18x50 {
        gap: 35px;
    }

    .coating-lrs-18x50__wrap ol li h3 {
        font-size: 28px;
    }

    .coating-lrs-18x50__item h3 {
        font-size: 28px;
    }

    .coating-lrs-18x50__wrap {
        padding: 0 30px;
    }

    .coating-lrs-18x50__wrap ol {
        max-width: 100%;
        gap: 60px;
    }

    .coating-lrs-18x50__lenses {
        display: none;
    }

    .coating-lrs-18x50__inner {
        padding: 25px 30px 0 30px;
    }

    .coating-lrs-18x50__item {
        max-width: 100%;
        padding: 0;
        margin: 0 0 130px 0;
    }

    .coating-lrs-18x50__inner {
        flex-direction: column-reverse;
        align-items: center;
    }

    .coating-lrs-18x50__img {
        max-width: 330px;
        order: -1;
    }

    .lenses {
        display: block;
        position: relative;
        margin: 20px 0 -200px 0;
    }

    .lenses__lens-1 {
        max-width: 320px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 100px;
    }

    .lenses__lens-2 {
        max-width: 320px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 55px;
    }

    .lenses__lens-3 {
        max-width: 320px;
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .coating-lrs-18x50 h2 {
        font-size: 20px;
    }

    .coating-lrs-18x50__wrap {
        padding: 0 20px;
    }

    .coating-lrs-18x50__wrap ol {
        gap: 50px;
    }

    .coating-lrs-18x50__wrap ol li b {
        font-size: 60px;
        border-bottom: 4px solid #266141;
    }

    .coating-lrs-18x50__wrap ol li h3 {
        font-size: 20px;
    }

    .coating-lrs-18x50__wrap ol li p {
        font-size: 16px;
    }

    .coating-lrs-18x50__inner {
        padding: 30px 20px 0;
    }

    .coating-lrs-18x50__item {
        margin: 0 0 80px 0;
    }

    .coating-lrs-18x50__item b {
        font-size: 60px;
        border-bottom: 6px solid #F3E3CD;
    }

    .coating-lrs-18x50__item h3 {
        font-size: 20px;
    }

    .coating-lrs-18x50__item p {
        font-size: 16px;
    }

    .coating-lrs-18x50__img {
        max-width: 230px;
    }

    .lenses {
        margin: 20px 0 -150px 0;
    }

    .lenses__lens-1 {
        max-width: 220px;
        bottom: 70px;
    }

    .lenses__lens-2 {
        max-width: 220px;
        bottom: 40px;
    }

    .lenses__lens-3 {
        max-width: 220px;
    }
}

/* diameter-------------------------------------------------------------------- */
.diameter-lrs-18x50 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 100px;
    padding: 0 122px;
    margin: 200px 0;
}

.diameter-lrs-18x50 h2 {
    color: #020A0A;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.diameter-lrs-18x50 h2 span {
    color: #266141;
}

.diameter-lrs-18x50 img {
    max-width: 1205px;
    width: 100%;
}

.diameter-lrs-18x50 p {
    color: #020A0A;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

@media screen and (max-width: 1599px) {
    .diameter-lrs-18x50 {
        padding: 0 22px;
    }
}

@media screen and (max-width: 1344px) {
    .diameter-lrs-18x50 {
        padding: 0;
        margin: 180px 0;
    }

    .diameter-lrs-18x50 h2 {
        font-size: 46px;
        max-width: 810px;
    }

    .diameter-lrs-18x50 p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .diameter-lrs-18x50 {
        gap: 80px;
    }

    .diameter-lrs-18x50 h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .diameter-lrs-18x50 {
        gap: 60px;
        margin: 150px 0;
    }

    .diameter-lrs-18x50 h2 {
        font-size: 28px;
        max-width: 503px;
    }

    .diameter-lrs-18x50 p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .diameter-lrs-18x50 {
        gap: 40px;
        margin: 100px 0;
        overflow: hidden;
    }

    .diameter-lrs-18x50 img {
        max-width: none;
        width: 900px;
        padding: 0 30px 0 0;
        align-self: end;
    }
}

@media screen and (max-width: 567px) {
    .diameter-lrs-18x50 h2 {
        font-size: 20px;
    }

    .diameter-lrs-18x50 p {
        font-size: 16px;
    }

    .diameter-lrs-18x50 img {
        width: 168vw;
        padding: 0;
    }
}

/* improved --------------------------------------------------------------------------------- */
.improved-lrs-18x50 {
    display: flex;
    flex-direction: column;
    gap: 150px;
    margin: 150px 0;
}

.improved-lrs-18x50__wrap {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.improved-lrs-18x50__info {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 675px;
    width: 100%;
    overflow: hidden;
}

.improved-lrs-18x50__info:first-child {
    text-align: right;
}

.improved-lrs-18x50__info h2 {
    color: #020A0A;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.improved-lrs-18x50__info h2 span {
    color: #266141;
}

.improved-lrs-18x50__info hr {
    background-color: #020A0A;
    margin: 0;
    border: 0;
    width: 100%;
    height: 6px;
}

.improved-lrs-18x50__info p {
    color: #020A0A;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.improved-lrs-18x50__inner {
    background-color: #EFEFEF;
    position: relative;
    overflow: hidden;
    max-width: 675px;
    width: 100%;
}

.improved-lrs-18x50__img_1 {
    width: 1082px;
    position: absolute;
    top: -80px;
    left: -190px;
}

.improved-lrs-18x50__img_2 {
    width: 1152px;
    position: absolute;
    bottom: 26px;
    right: 56px;
}

@media screen and (max-width: 1599px) {
    .improved-lrs-18x50__wrap {
        gap: 40px;
    }

    .improved-lrs-18x50__info {
        max-width: 605px;
    }

    .improved-lrs-18x50__inner {
        max-width: 605px;
    }

    .improved-lrs-18x50__info p {
        font-size: 22px;
    }
}

@media screen and (max-width: 1344px) {
    .improved-lrs-18x50__info {
        max-width: 540px;
    }

    .improved-lrs-18x50__inner {
        max-width: 540px;
    }

    .improved-lrs-18x50__info h2 {
        font-size: 46px;
    }

    .improved-lrs-18x50__info p {
        font-size: 20px;
    }

    .improved-lrs-18x50__img_1 {
        width: 996px;
        top: -80px;
        left: -190px;
    }

    .improved-lrs-18x50__img_2 {
        width: 1060px;
        bottom: 24px;
        right: 51px;
    }
}

@media screen and (max-width: 1199px) {
    .improved-lrs-18x50__wrap {
        gap: 30px;
    }

    .improved-lrs-18x50__info {
        max-width: 445px;
        gap: 20px;
    }

    .improved-lrs-18x50__inner {
        max-width: 445px;
    }

    .improved-lrs-18x50__info h2 {
        font-size: 40px;
    }

    .improved-lrs-18x50__info hr {
        height: 4px;
    }

    .improved-lrs-18x50__img_1 {
        width: 860px;
        top: -50px;
        left: -190px;
    }

    .improved-lrs-18x50__img_2 {
        width: 898px;
        bottom: 60px;
        right: 36px;
    }
}

@media screen and (max-width: 991px) {
    .improved-lrs-18x50 {
        gap: 100px;
        margin: 100px 0;
    }

    .improved-lrs-18x50__info {
        max-width: 335px;
        gap: 10px;
    }

    .improved-lrs-18x50__inner {
        max-width: 335px;
    }

    .improved-lrs-18x50__info h2 {
        font-size: 28px;
    }

    .improved-lrs-18x50__info p {
        font-size: 18px;
    }

    .improved-lrs-18x50__info hr {
        height: 2px;
    }

    .improved-lrs-18x50__img_1 {
        width: 802px;
        top: -50px;
        left: -220px;
    }

    .improved-lrs-18x50__img_2 {
        width: 688px;
        bottom: 90px;
        right: 28px;
    }
}

@media screen and (max-width: 767px) {
    .improved-lrs-18x50__wrap {
        flex-direction: column-reverse;
        align-items: end;
    }

    .improved-lrs-18x50__wrap:last-child {
        flex-direction: column;
        align-items: start;
    }

    .improved-lrs-18x50__info {
        max-width: 100%;
        gap: 20px;
    }

    .improved-lrs-18x50__inner {
        max-width: 335px;
        height: 350px;
    }
}

@media screen and (max-width: 567px) {
    .improved-lrs-18x50__info {
        gap: 10px;
    }

    .improved-lrs-18x50__info:first-child {
        text-align: left;
    }

    .improved-lrs-18x50__info h2 {
        font-size: 20px;
    }

    .improved-lrs-18x50__info p {
        font-size: 16px;
    }

    .improved-lrs-18x50__inner {
        height: 293px;
    }

    .improved-lrs-18x50__img_1 {
        width: 646px;
        top: -35px;
        left: -179px;
    }

    .improved-lrs-18x50__img_2 {
        width: 555px;
        bottom: 70px;
        right: 22px;
    }
}

/* cylinder---------------------------------------------------------------------------- */
.cylinder-lrs-18x50 {
    display: flex;
    flex-direction: column;
    gap: 150px;
    margin: 150px 0;
    background-image: url(/image/catalog/landings/lrs-5-30x56ffp/cylinder-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 150px 100px 100px;
}

.cylinder-lrs-18x50__info {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 700px;
    width: 100%;
    overflow: hidden;
}

.cylinder-lrs-18x50__info h2 {
    color: #FFF;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.cylinder-lrs-18x50__info hr {
    margin: 0;
    border: 0;
    background-color: #FFF;
    width: 100%;
    height: 6px;
}

.cylinder-lrs-18x50__info p {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.cylinder-lrs-18x50 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cylinder-lrs-18x50 ul li {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px;
    box-sizing: border-box;
    background: rgba(38, 97, 65, 0.60);
    backdrop-filter: blur(3.5px);
}

.cylinder-lrs-18x50 ul li:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
}

.cylinder-lrs-18x50 ul li:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2;
}

.cylinder-lrs-18x50 ul li:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
}

.cylinder-lrs-18x50 ul li:nth-child(3) h3 {
    max-width: 295px;
}

.cylinder-lrs-18x50 ul li img {
    max-width: 120px;
    width: 100%;
}

.cylinder-lrs-18x50 ul li h3 {
    color: #FFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}

.cylinder-lrs-18x50 ul li p {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

@media screen and (max-width: 1599px) {
    .cylinder-lrs-18x50 {
        padding: 150px 50px 100px;
        background-position: top right -70px;
    }

    .cylinder-lrs-18x50 ul {
        gap: 50px;
    }
}

@media screen and (max-width: 1344px) {
    .cylinder-lrs-18x50 {
        padding: 150px 40px 100px;
    }

    .cylinder-lrs-18x50 ul {
        gap: 40px;
    }

    .cylinder-lrs-18x50__info {
        max-width: 597px;
    }

    .cylinder-lrs-18x50__info h2 {
        font-size: 46px;
    }

    .cylinder-lrs-18x50__info p {
        font-size: 20px;
    }

    .cylinder-lrs-18x50 ul li {
        padding: 40px;
    }

    .cylinder-lrs-18x50 ul li img {
        max-width: 100px;
    }

    .cylinder-lrs-18x50 ul li h3 {
        font-size: 32px;
        margin: 20px 0 0 0;
    }

    .cylinder-lrs-18x50 ul li p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .cylinder-lrs-18x50 {
        padding: 100px 30px 50px;
        background-position: top right -70px;
    }

    .cylinder-lrs-18x50 ul {
        gap: 30px;
    }

    .cylinder-lrs-18x50__info {
        max-width: 518px;
        gap: 20px;
    }

    .cylinder-lrs-18x50__info h2 {
        font-size: 40px;
    }

    .cylinder-lrs-18x50 ul li {
        padding: 30px;
        gap: 10px;
    }
}

@media screen and (max-width: 991px) {
    .cylinder-lrs-18x50 {
        padding: 90px 30px 50px;
        background-image: url(/image/catalog/landings/lrs-5-30x56ffp/cylinder-bg-m.webp);
        background-position: top right;
    }

    .cylinder-lrs-18x50__info {
        max-width: 363px;
        gap: 10px;
    }

    .cylinder-lrs-18x50__info h2 {
        font-size: 28px;
    }

    .cylinder-lrs-18x50__info hr {
        height: 2px;
    }

    .cylinder-lrs-18x50__info p {
        font-size: 18px;
    }

    .cylinder-lrs-18x50 ul {
        display: flex;
        flex-direction: column;
    }

    .cylinder-lrs-18x50 ul li img {
        max-width: 80px;
    }

    .cylinder-lrs-18x50 ul li h3 {
        font-size: 28px;
    }

    .cylinder-lrs-18x50 ul li p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .cylinder-lrs-18x50 {
        margin: 100px 0;
        padding: 100px 30px 50px;
        background-image: url(/image/catalog/landings/lrs-5-30x56ffp/cylinder-bg-s.webp);
        background-position: center top;
        gap: 472px;
    }

    .cylinder-lrs-18x50__info {
        max-width: 100%;
        gap: 20px;
    }
}

@media screen and (max-width: 567px) {
    .cylinder-lrs-18x50 {
        padding: 50px 0 0;
        background-image: url(/image/catalog/landings/lrs-5-30x56ffp/cylinder-bg-xs.webp);
        background-position: center top;
        gap: 100vw;
    }

    .cylinder-lrs-18x50__info {
        padding: 0 20px;
        box-sizing: border-box;
        gap: 10px;
    }

    .cylinder-lrs-18x50__info h2 {
        font-size: 20px;
    }

    .cylinder-lrs-18x50__info p {
        font-size: 16px;
    }

    .cylinder-lrs-18x50 ul li {
        padding: 20px;
    }

    .cylinder-lrs-18x50 ul li img {
        max-width: 60px;
    }

    .cylinder-lrs-18x50 ul li h3 {
        font-size: 20px;
    }

    .cylinder-lrs-18x50 ul li p {
        font-size: 16px;
    }
}

/* green-forest */
/* reticle-------------------------------------------------------------------------------------- */
.green-forest {
    margin: 200px 0;
    background-image: url(/image/catalog/landings/lrs-5-30x56ffp/green-forest-bg.webp);
    background-position: center bottom 553px;
    background-repeat: no-repeat;
    background-size: 110%;
}

.reticle-lrs-18x50 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.reticle-lrs-18x50__wrap {
    position: relative;
    padding: 0 0 0 70px;
}

.reticle-lrs-18x50__aim {
    position: relative;
    z-index: 1;
}

.reticle-aim {
    max-width: 590px;
    width: 100%;
}

.reticle-white {
    max-width: 590px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: opacityAnim 2s ease-in-out 0s infinite alternate;
}

.goose-1 {
    position: absolute;
    top: -150px;
    left: 70px;
    width: 270px;
}

.goose-2 {
    position: absolute;
    top: -110px;
    left: 200px;
    width: 378px;
}

.goose-3 {
    position: absolute;
    top: 200px;
    left: 130px;
    width: 177px;
}

.goose-4 {
    position: absolute;
    top: 170px;
    left: 660px;
    width: 199px;
}

.goose-5 {
    position: absolute;
    top: 10px;
    left: 160px;
    width: 110px;
}

.goose-6 {
    position: absolute;
    top: 210px;
    left: 510px;
    width: 112px;
}

.goose-7 {
    position: absolute;
    top: -10px;
    left: 750px;
    width: 99px;
}

.reticle-lrs-18x50__info {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: 713px;
    width: 100%;
}

.reticle-lrs-18x50__info h2 {
    color: #020A0A;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.reticle-lrs-18x50__info p {
    color: #020A0A;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

@media screen and (max-width: 1599px) {
    .reticle-lrs-18x50__wrap {
        padding: 0 0 0 40px;
    }

    .reticle-aim {
        max-width: 535px;
    }

    .reticle-white {
        max-width: 535px;
    }

    .goose-1 {
        top: -150px;
        left: 70px;
        width: 241px;
    }

    .goose-2 {
        top: -110px;
        left: 200px;
        width: 338px;
    }

    .goose-3 {
        top: 200px;
        left: 130px;
        width: 158px;
    }

    .goose-4 {
        top: 170px;
        left: 660px;
        width: 178px;
    }

    .goose-5 {
        top: 10px;
        left: 160px;
        width: 98px;
    }

    .goose-6 {
        top: 210px;
        left: 510px;
        width: 100px;
    }

    .goose-7 {
        top: -10px;
        left: 750px;
        width: 88px;
    }

    .reticle-lrs-18x50__info {
        max-width: 625px;
    }
}

@media screen and (max-width: 1344px) {
    .green-forest {
        background-position: center bottom 455px;
    }

    .reticle-lrs-18x50__wrap {
        padding: 0 0 0 40px;
    }

    .reticle-aim {
        max-width: 480px;
    }

    .reticle-white {
        max-width: 480px;
    }

    .goose-1 {
        width: 212px;
    }

    .goose-2 {
        width: 297px;
    }

    .goose-3 {
        width: 139px;
    }

    .goose-4 {
        width: 157px;
    }

    .goose-5 {
        width: 86px;
    }

    .goose-6 {
        width: 88px;
    }

    .goose-7 {
        width: 77px;
    }

    .reticle-lrs-18x50__info {
        max-width: 540px;
    }

    .reticle-lrs-18x50__info h2 {
        font-size: 46px;
    }

    .reticle-lrs-18x50__info p {
        font-size: 20px;
        padding: 0 20px 0 0;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1199px) {
    .green-forest {
        background-position: center bottom 430px;
        margin: 200px 0 150px;
    }

    .reticle-lrs-18x50__wrap {
        padding: 0 0 0 30px;
    }

    .reticle-aim {
        max-width: 400px;
    }

    .reticle-white {
        max-width: 400px;
    }

    .goose-1 {
        top: -115px;
        left: 50px;
        width: 176px;
    }

    .goose-2 {
        top: -90px;
        left: 180px;
        width: 246px;
    }

    .goose-3 {
        top: 140px;
        left: 110px;
        width: 115px;
    }

    .goose-4 {
        top: 120px;
        left: 430px;
        width: 130px;
    }

    .goose-5 {
        top: 10px;
        left: 90px;
        width: 71px;
    }

    .goose-6 {
        top: 142px;
        left: 345px;
        width: 73px;
    }

    .goose-7 {
        top: -40px;
        left: 500px;
        width: 64px;
    }

    .reticle-lrs-18x50__info {
        max-width: 460px;
        gap: 30px;
    }

    .reticle-lrs-18x50__info h2 {
        font-size: 40px;
    }

    .reticle-lrs-18x50__info p {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .green-forest {
        background-position: center bottom 380px;
        margin: 180px 0 120px;
    }

    .reticle-lrs-18x50__wrap {
        padding: 0 0 0 20px;
    }

    .reticle-aim {
        max-width: 310px;
    }

    .reticle-white {
        max-width: 310px;
    }

    .goose-1 {
        top: -115px;
        left: 50px;
        width: 134px;
    }

    .goose-2 {
        top: -90px;
        left: 180px;
        width: 187px;
    }

    .goose-3 {
        top: 140px;
        left: 110px;
        width: 106px;
    }

    .goose-4 {
        top: 120px;
        left: 430px;
        width: 100px;
    }

    .goose-5 {
        top: 10px;
        left: 90px;
        width: 54px;
    }

    .goose-6 {
        top: 142px;
        left: 345px;
        width: 55px;
    }

    .goose-7 {
        top: -40px;
        left: 500px;
        width: 48px;
    }

    .reticle-lrs-18x50__info {
        max-width: 350px;
    }

    .reticle-lrs-18x50__info h2 {
        font-size: 28px;
    }

    .reticle-lrs-18x50__info p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .green-forest {
        background-image: none;
        margin: 130px 0 0;
    }

    .reticle-lrs-18x50 {
        flex-direction: column-reverse;
        gap: 52px;
    }

    .reticle-lrs-18x50__wrap {
        padding: 0;
    }

    .reticle-lrs-18x50__info {
        max-width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .reticle-lrs-18x50 {
        overflow: hidden;
        gap: 52px;
    }

    .reticle-aim {
        max-width: 250px;
    }

    .reticle-white {
        max-width: 250px;
    }

    .goose-1 {
        top: -40px;
        left: 15px;
        width: 79px;
    }

    .goose-2 {
        top: -50px;
        left: 100px;
        width: 111px;
    }

    .goose-3 {
        top: 100px;
        left: 50px;
        width: 52px;
    }

    .goose-4 {
        top: 95px;
        left: 215px;
        width: 58px;
    }

    .goose-5 {
        top: 10px;
        left: 45px;
        width: 32px;
    }

    .goose-6 {
        top: 100px;
        left: 190px;
        width: 33px;
    }

    .goose-7 {
        top: -40px;
        left: 240px;
        width: 30px;
    }

    .reticle-lrs-18x50__info {
        gap: 20px;
    }

    .reticle-lrs-18x50__info h2 {
        font-size: 20px;
    }

    .reticle-lrs-18x50__info p {
        font-size: 16px;
    }
}

/* modes---------------------------------------------------------------------------------- */
.modes-lrs-18x50 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 80px;
    grid-row-gap: 100px;
    padding: 0 50px 0 70px;
    margin: 400px 0 200px;
}

.modes-lrs-18x50__wrap {
    position: relative;
    grid-area: 1 / 1 / 3 / 2;
    align-self: start;
}

.modes-lrs-18x50__wrap img {
    max-width: 590px;
    width: 100%;
}

.mode-1 {
    animation: mode-1Opacity 9s ease-in-out 0s infinite;
}

.mode-2 {
    position: absolute;
    top: 0;
    left: 0;
    animation: mode-2Opacity 9s ease-in-out 0s infinite;
}

.mode-3 {
    position: absolute;
    top: 0;
    left: 0;
    animation: mode-3Opacity 9s ease-in-out 0s infinite;
}

@keyframes mode-1Opacity {
    0% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    33% {
        opacity: 0;
    }
    97% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mode-2Opacity {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    63% {
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes mode-3Opacity {
    0% {
        opacity: 0;
    }
    63% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    97% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.modes-lrs-18x50 p {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    max-width: 663px;
    width: 100%;

    grid-area: 1 / 2 / 2 / 3;
    align-self: start;
    justify-self: end;
}

.modes-lrs-18x50 ul {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
    max-width: 663px;
    width: 100%;

    grid-area: 2 / 2 / 3 / 3;
    align-self: start;
    justify-self: end;
    box-sizing: border-box;
}

@media screen and (max-width: 1599px) {
    .modes-lrs-18x50 {
        padding: 0 50px 0 40px;
        grid-column-gap: 50px;
    }

    .modes-lrs-18x50__wrap img {
        max-width: 535px;
    }

    .modes-lrs-18x50 p {
        max-width: 575px;
    }

    .modes-lrs-18x50 ul {
        max-width: 575px;
    }
}

@media screen and (max-width: 1344px) {
    .modes-lrs-18x50 {
        padding: 0 35px;
        margin: 300px 0 150px;
        grid-column-gap: 48px;
        grid-row-gap: 50px;
    }

    .modes-lrs-18x50__wrap img {
        max-width: 480px;
    }

    .modes-lrs-18x50 p {
        font-size: 20px;
        max-width: 521px;
    }

    .modes-lrs-18x50 ul {
        font-size: 20px;
        padding: 0 0 0 30px;
        max-width: 521px;
    }
}

@media screen and (max-width: 1199px) {
    .modes-lrs-18x50 {
        padding: 0 30px;
        margin: 200px 0 150px;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .modes-lrs-18x50__wrap img {
        max-width: 400px;
    }

    .modes-lrs-18x50 p {
        max-width: 430px;
    }

    .modes-lrs-18x50 ul {
        max-width: 430px;
    }
}

@media screen and (max-width: 991px) {
    .modes-lrs-18x50 {
        padding: 0 20px;
        margin: 160px 0 100px;
        align-items: start;
        grid-column-gap: 20px;
    }

    .modes-lrs-18x50__wrap img {
        max-width: 310px;
    }

    .modes-lrs-18x50 p {
        font-size: 18px;
        max-width: 330px;
    }

    .modes-lrs-18x50 ul {
        font-size: 18px;
        padding: 0 0 0 20px;
        max-width: 330px;
    }
}

@media screen and (max-width: 767px) {
    .modes-lrs-18x50 {
        display: flex;
        flex-direction: column;
        gap: 50px;
        padding: 0 30px 50px;
        margin: 100px 0 0;
    }

    .modes-lrs-18x50__wrap {
        align-self: center;
    }

    .modes-lrs-18x50 p {
        max-width: 100%;
        align-items: center;
        order: -1;
    }

    .modes-lrs-18x50 ul {
        max-width: 100%;
        align-items: center;
    }
}

@media screen and (max-width: 567px) {

    .modes-lrs-18x50 {
        gap: 30px;
        padding: 0 20px 30px;
    }

    .modes-lrs-18x50 p {
        font-size: 16px;
    }

    .modes-lrs-18x50 ul {
        font-size: 16px;
    }
}

/* construction------------------------------------------------------------------- */
.construction-lrs-18x50 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}

.construction-lrs-18x50 h2 {
    color: #FFF;
    text-align: center;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
    max-width: 1008px;
}

.construction-lrs-18x50__wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 0 40px 0 130px;
}

.construction-lrs-18x50__inner {
    position: relative;
}

.construction__img {
    max-width: 442px;
    width: 100%;
}

.construction__img_2 {
    position: absolute;
    top: 0;
    left: 0;
}

.construction__img_3 {
    position: absolute;
    top: 0;
    left: 0;
}

.construction__img_4 {
    position: absolute;
    top: 0;
    left: 0;
}

.construction-lrs-18x50__wrap ol {
    display: flex;
    flex-direction: column;
    max-width: 673px;
    width: 100%;
    gap: 120px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.construction-lrs-18x50__wrap ol li {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.construction-lrs-18x50__wrap ol li b {
    color: #F3E3CD;
    font-size: 96px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    border-bottom: 6px solid #F3E3CD;
    align-self: start;
}

.construction-lrs-18x50__wrap ol li h3 {
    color: #FFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin: 30px 0 0 0;
}

.construction-lrs-18x50__wrap ol li p {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

.construction-lrs-18x50__wrap ol li .construction__caliber {
    font-weight: 500;
}

.construction-lrs-18x50__wrap ol li:nth-child(3) b {
    color: #266141;
    border-bottom: 6px solid #266141;
}

.construction-lrs-18x50__wrap ol li:nth-child(3) h3 {
    color: #020A0A;
}

.construction-lrs-18x50__wrap ol li:nth-child(3) p {
    color: #020A0A;
}

@media screen and (max-width: 1599px) {
    .construction-lrs-18x50__wrap {
        padding: 0 22px 0 65px;
    }

    .construction-lrs-18x50__wrap ol {
        max-width: 645px;
    }

    .construction-lrs-18x50__wrap ol li p {
        padding: 0 18px 0 0;
    }
}

@media screen and (max-width: 1344px) {
    .construction-lrs-18x50 {
    }

    .construction-lrs-18x50 h2 {
        font-size: 46px;
        max-width: 908px;
    }

    .construction-lrs-18x50__wrap {
        padding: 0 40px 0 60px;
    }

    .construction__img {
        max-width: 400px;
    }

    .construction-lrs-18x50__wrap ol {
        max-width: 520px;
    }

    .construction-lrs-18x50__wrap ol li b {
        font-size: 80px;
    }

    .construction-lrs-18x50__wrap ol li h3 {
        font-size: 32px;
    }

    .construction-lrs-18x50__wrap ol li p {
        font-size: 20px;
        padding: 0;
    }

    .construction-lrs-18x50__wrap ol li .construction__caliber {
        margin: 30px 0 0 0;
    }
}

@media screen and (max-width: 1199px) {
    .construction-lrs-18x50 {
        gap: 90px;
    }

    .construction-lrs-18x50 h2 {
        font-size: 40px;
        max-width: 752px;
    }

    .construction-lrs-18x50__wrap {
        padding: 0 30px;
    }

    .construction__img {
        max-width: 384px;
    }

    .construction-lrs-18x50__wrap ol {
        max-width: 430px;
        gap: 70px;
    }

    .construction-lrs-18x50__wrap ol li {
        gap: 10px;
    }

    .construction-lrs-18x50__wrap ol li h3 {
        margin: 20px 0 0 0;
    }

    .construction-lrs-18x50__wrap ol li .construction__caliber {
        margin: 20px 0 0 0;
    }
}

@media screen and (max-width: 991px) {
    .construction-lrs-18x50 {
        overflow: hidden;
    }

    .construction-lrs-18x50 h2 {
        font-size: 28px;
        max-width: 552px;
    }

    .construction-lrs-18x50__wrap {
        padding: 0;
        gap: 40px;
    }

    .construction-lrs-18x50__inner {
        margin: 0 0 0 -116px;
    }

    .construction__img {
        max-width: 376px;
    }

    .construction-lrs-18x50__wrap ol {
        max-width: 400px;
        gap: 80px;
    }

    .construction-lrs-18x50__wrap ol li:not(:last-child) {
        padding: 0 30px 0 0;
    }

    .construction-lrs-18x50__wrap ol li h3 {
        font-size: 28px;
    }

    .construction-lrs-18x50__wrap ol li p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .construction-lrs-18x50 {
        height: 2000px;
        overflow: visible;
        position: relative;
        gap: 50px;
        margin: 100px 0 0 0;
    }

    .construction-lrs-18x50 h2 {
        max-width: 458px;
        color: #020A0A;
    }

    .construction-lrs-18x50 h2 span {
        color: #266141;
    }

    .construction-lrs-18x50__wrap {
        flex-direction: column-reverse;
        position: sticky;
        top: 50px;
        overflow: hidden;
    }

    .construction-lrs-18x50__wrap ol {
        flex-direction: row;
        max-width: 100%;
        position: relative;
    }

    .construction-lrs-18x50__wrap ol li {
        width: 100%;
        flex-shrink: 0;
    }

    .construction-lrs-18x50__wrap ol li:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .construction-lrs-18x50__wrap ol li:nth-child(3) {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .construction-lrs-18x50__wrap ol li:not(:last-child) {
        padding: 0;
    }

    .construction-lrs-18x50__wrap ol li b {
        color: #266141;
        border-bottom: 6px solid #266141;
    }

    .construction-lrs-18x50__wrap ol li h3 {
        color: #020A0A;
    }

    .construction-lrs-18x50__wrap ol li p {
        color: #020A0A;
    }

    .construction-lrs-18x50__inner {
        margin: 0;
    }

    .construction__img {
        max-width: none;
        width: 1323px;
    }

    .construction__img_1 {
        content: url(/image/catalog/landings/lrs-5-30x56ffp/construction-1s.webp);
    }

    .construction__img_2 {
        content: url(/image/catalog/landings/lrs-5-30x56ffp/construction-2s.webp);
    }

    .construction__img_3 {
        content: url(/image/catalog/landings/lrs-5-30x56ffp/construction-3s.webp);
    }

    .construction__img_4 {
        content: url(/image/catalog/landings/lrs-5-30x56ffp/construction-4s.webp);
    }
}

@media screen and (max-width: 567px) {
    .construction-lrs-18x50 {
        height: 2000px;
        margin: 80px 0;
    }

    .construction-lrs-18x50 h2 {
        font-size: 20px;
    }

    .construction-lrs-18x50__wrap {
        top: 10px;
        gap: 25px;
    }

    .construction-lrs-18x50__wrap ol li b {
        font-size: 60px;
        border-bottom: 4px solid #266141;
    }

    .construction-lrs-18x50__wrap ol li:nth-child(3) b {
        border-bottom: 4px solid #266141;
    }

    .construction-lrs-18x50__wrap ol li h3 {
        font-size: 20px;
        margin: 10px 0 0 0;
    }

    .construction-lrs-18x50__wrap ol li p {
        font-size: 14px;
    }

    .construction-lrs-18x50__wrap ol li .construction__caliber {
        margin: 10px 0 0 0;
    }

    .construction__img {
        width: 1000px;
    }
}

/* guarantee-------------------------------------------------------------------------------------- */
.guarantee-lrs-18x50 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    text-align: center;
    padding: 50px 205px 0;
    background-image: url(/image/catalog/landings/lrs-5-30x56ffp/guarantee.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}

.guarantee-lrs-18x50 h2 {
    color: #020A0A;
    font-size: 54px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}

.guarantee-lrs-18x50 p {
    color: #020A0A;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}

@media screen and (max-width: 1599px) {
    .guarantee-lrs-18x50 {
        padding: 28px 100px 0;
    }
}

@media screen and (max-width: 1344px) {
    .guarantee-lrs-18x50 {
        padding: 24px 40px 0;
    }

    .guarantee-lrs-18x50 h2 {
        font-size: 46px;
    }

    .guarantee-lrs-18x50 p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .guarantee-lrs-18x50 {
        padding: 29px 0 0;
        gap: 30px;
    }

    .guarantee-lrs-18x50 h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .guarantee-lrs-18x50 {
        padding: 17px 0 0;
        gap: 20px;
    }

    .guarantee-lrs-18x50 h2 {
        font-size: 28px;
    }

    .guarantee-lrs-18x50 p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .guarantee-lrs-18x50 {
        padding: 16px 0 0;
        gap: 10px;
    }

    .construction-lrs-18x50__wrap {
        display: none;
    }

    .construction-lrs-18x50 {
        height: unset;
    }
}

@media screen and (max-width: 567px) {
    .guarantee-lrs-18x50 {
        padding: 0;
        gap: 20px;
    }

    .guarantee-lrs-18x50 h2 {
        font-size: 20px;
        max-width: 400px;
    }

    .guarantee-lrs-18x50 p {
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {
    .construction-lrs-18x50_mob {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .construction-lrs-18x50_mob {
        width: 100%;
    }

    .construction-lrs-18x50_mob ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .construction-lrs-18x50_mob ol li b {
        color: #266141;
        border-bottom: 6px solid #266141;
        font-size: 80px;
        font-weight: 600;
        line-height: 120%;
        text-transform: uppercase;
    }

    .construction-lrs-18x50_mob ol li h3 {
        color: #020A0A;
        margin: 30px 0 0 0;
        font-size: 28px;
        font-weight: 600;
        line-height: 120%;
        text-transform: uppercase;
    }

    .construction-lrs-18x50_mob ol li p {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        margin: 20px 0 0 0;
    }

    .construction-lrs-18x50_mob ol li .construction__caliber {
        font-weight: 600;
        margin: 30px 0 0 0;
    }

    .construction__img_mob {
        object-fit: contain;
        max-width: 100%;
        width: 100%;
        margin: 30px 0 60px 0;
    }
}

@media screen and (max-width: 567px) {
    .construction-lrs-18x50_mob ol li b {
        font-size: 60px;
    }

    .construction-lrs-18x50_mob ol li h3 {
        font-size: 20px;
    }

    .construction-lrs-18x50_mob ol li p {
        font-size: 16px;
    }

    .construction__img_mob {
        margin: 30px 0 40px 0;
    }
}

.modes-new-lrs-18x50 p {
    color: #020A0A;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 150px 110px 100px;
}

.modes-new-lrs-18x50__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0 150px;
    margin: 0 50px;
}

.modes-new-lrs-18x50__wrap img {
    object-fit: contain;
    max-width: 600px;
    width: 100%;
}

.modes-new-lrs-18x50 ul {
    list-style: none;
    margin: 100px 50px 300px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 50px;
}

.modes-new-lrs-18x50 ul li {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
}

.modes-new-lrs-18x50 ul li img {
    object-fit: contain;
    max-width: 100px;
    width: 100%;
}

.modes-new-lrs-18x50 ul li span {
    color: #020A0A;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

@media screen and (max-width: 1599px) {
    .modes-new-lrs-18x50 p {
        margin: 150px 45px 100px;
    }

    .modes-new-lrs-18x50__wrap {
        gap: 0 50px;
        margin: 0;
    }

    .modes-new-lrs-18x50 ul li {
        gap: 30px;
    }

    .modes-new-lrs-18x50 ul {
        gap: 50px 30px;
    }

    .green-forest {
        background-position: center bottom 583px;
        background-size: 135%;

    }
}

@media screen and (max-width: 1344px) {
    .modes-new-lrs-18x50 p {
        font-size: 20px;
        margin: 150px 50px 100px;
    }

    .modes-new-lrs-18x50__wrap {
        gap: 0 44px;
        width: 100%;
        margin: 0;
    }

    .modes-new-lrs-18x50 ul li {
        gap: 30px;
    }

    .modes-new-lrs-18x50 ul {
        gap: 50px 30px;
        margin: 100px 20px 250px;
    }

    .modes-new-lrs-18x50__wrap img {
        object-fit: contain;
        max-width: 538px;
        width: 100%;
    }

    .modes-new-lrs-18x50 ul li span {
        font-size: 22px;
    }
}

@media screen and (max-width: 1199px) {
    .modes-new-lrs-18x50__wrap img {
        max-width: 441px;
    }

    .modes-new-lrs-18x50__wrap {
        gap: 0 0px;
    }

    .modes-new-lrs-18x50 p {
        margin: 150px 50px 70px;
    }

    .modes-new-lrs-18x50 ul li img {
        max-width: 80px;
    }

    .modes-new-lrs-18x50 ul {
        gap: 20px 0;
        margin: 70px 0 200px;
    }

    .modes-new-lrs-18x50 ul li span {
        font-size: 20px;
        line-height: 140%;
    }

    .modes-new-lrs-18x50 ul li {
        gap: 15px;
    }

    .green-forest {
        background-position: center bottom 623px;
        background-size: 144%;
    }
}

@media screen and (max-width: 991px) {
    .modes-new-lrs-18x50 p {
        margin: 100px 50px 50px;
        font-size: 18px;
    }

    .modes-new-lrs-18x50__wrap img {
        max-width: 336px;
    }

    .modes-new-lrs-18x50 ul {
        margin: 50px 90px 150px;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 30px;
    }

    .green-forest {
        background-position: left bottom 583px;
        background-size: 187%;
    }
}

@media screen and (max-width: 767px) {
    .modes-new-lrs-18x50 p {
        margin: 100px 0 50px;
        font-size: 18px;
    }

    .modes-new-lrs-18x50__wrap img {
        max-width: 310px;
    }

    .modes-new-lrs-18x50__wrap {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 30px 0;
    }

    .modes-new-lrs-18x50 ul {
        margin: 50px 0 150px;

    }
}

@media screen and (max-width: 567px) {
    .modes-new-lrs-18x50 p {
        margin: 70px 0 40px;
        font-size: 16px;
    }

    .modes-new-lrs-18x50 ul li img {
        max-width: 60px;
    }

    .modes-new-lrs-18x50 ul li span {
        font-size: 16px;
    }

    .modes-new-lrs-18x50 ul {
        margin: 50px 0 100px;
    }
}