:root {
    --mpr-dark: #04262d;
    --mpr-dark-rgb: 4, 38, 45;
    --mpr-gray: #bbbbba;
    --mpr-orange: #eb6a26;
    --mpr-red: #9a2630;
    --mpr-coral: #c64f37;
    --mpr-light: #f2f3f2;
    --mpr-white: #ffffff;
    --mpr-text: #18343a;
    --mpr-muted: #6f7c7f;
    --mpr-border: rgba(4, 38, 45, .14);
    --mpr-gradient: linear-gradient(135deg, var(--mpr-orange) 0%, var(--mpr-red) 100%);
    --mpr-container: 1500px;
    --mpr-header-height: 88px;
    --mpr-ease: cubic-bezier(.22, 1, .36, 1)
}
* {
    box-sizing: border-box
}
html {
    scroll-behavior: smooth
}
body {
    margin: 0;
    color: var(--mpr-text);
    background: var(--mpr-white);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden
}
body.mpr-menu-open {
    overflow: hidden
}
a {
    color: inherit;
    text-decoration: none
}
img {
    display: block;
    width: 100%
}
button, input {
    font: inherit
}
button {
    border: 0
}
.container {
    width: min(92%, var(--mpr-container));
    max-width: none
}
::selection {
    color: var(--mpr-white);
    background: var(--mpr-orange)
}
.mpr-section-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--mpr-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase
}
.mpr-section-label::before {
    width: 28px;
    height: 2px;
    content: "";
    background: currentColor
}
.mpr-section-label-light {
    color: rgba(255, 255, 255, .72)
}
.mpr-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 54px;
    padding: 0 24px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 800;
    transition: color .35s ease, background .35s ease, border-color .35s ease, transform .35s ease
}
.mpr-button:hover {
    transform: translateY(-2px)
}
.mpr-button-light {
    color: var(--mpr-dark);
    background: var(--mpr-white)
}
.mpr-button-light:hover {
    color: var(--mpr-white);
    border-color: rgba(255, 255, 255, .35);
    background: transparent
}
.mpr-button-dark {
    color: var(--mpr-white);
    background: var(--mpr-dark)
}
.mpr-button-dark:hover {
    color: var(--mpr-dark);
    border-color: var(--mpr-dark);
    background: transparent
}
.mpr-text-link {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    color: var(--mpr-dark);
    font-size: 14px;
    font-weight: 800
}
.mpr-text-link i {
    transition: transform .3s ease
}
.mpr-text-link:hover i {
    transform: translateX(6px)
}
.mpr-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 52px
}
.mpr-section-head h2 {
    max-width: 820px;
    margin: 0;
    color: var(--mpr-dark);
    font-size: clamp(40px, 5.1vw, 78px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.055em
}
@media (max-width:767.98px) {
    .mpr-section-head {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 32px
    }
    .mpr-section-head h2 {
        font-size: 40px
    }
}
.mpr-loader {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--mpr-dark);
    transition: opacity .55s ease, visibility .55s ease
}
.mpr-loader.is-hidden {
    opacity: 0;
    visibility: hidden
}
.mpr-loader-mark {
    display: flex;
    gap: 8px;
    transform: skewX(22deg)
}
.mpr-loader-mark span {
    width: 18px;
    height: 62px;
    background: var(--mpr-gradient);
    animation: mprLoader 1s ease-in-out infinite alternate
}
.mpr-loader-mark span:last-child {
    animation-delay: .2s
}
@keyframes mprLoader {
    from {
        transform: scaleY(.45);
        opacity: .4
    }
    to {
        transform: scaleY(1);
        opacity: 1
    }
}
.mpr-header {
    position: fixed;
    z-index: 1030;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--mpr-white);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    transition: background .35s ease, color .35s ease, border-color .35s ease, transform .35s ease
}
.mpr-header.is-scrolled {
    color: var(--mpr-dark);
    border-color: var(--mpr-border);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 40px rgba(4, 38, 45, .08);
    backdrop-filter: blur(16px)
}
.mpr-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(94%, 1700px);
    height: var(--mpr-header-height);
    margin-inline: auto
}
.mpr-brand {
    display: block;
    width: 205px;
    height: 58px;
    background: url("../img/logo.png") center / contain no-repeat;
    transition: background-image .3s ease
}
.mpr-header.is-scrolled .mpr-brand {
    background-image: url("../img/logo_dark.png")
}
.mpr-desktop-nav {
    align-items: center;
    gap: 34px;
    height: 100%;
    margin-left: auto;
    margin-right: 40px
}
.mpr-nav-group {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}
.mpr-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    font-size: 14px;
    font-weight: 700
}
.mpr-nav-link::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    content: "";
    background: var(--mpr-gradient);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s ease
}
.mpr-nav-link:hover::after, .mpr-nav-group:hover .mpr-nav-link::after {
    transform: scaleX(1);
    transform-origin: left
}
.mpr-nav-link i {
    font-size: 11px
}
.mpr-nav-panel {
    position: absolute;
    top: calc(100% + 1px);
    left: -24px;
    display: grid;
    width: 260px;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    background: var(--mpr-white);
    box-shadow: 0 24px 60px rgba(4, 38, 45, .16);
    transform: translateY(12px);
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease
}
.mpr-nav-group:hover .mpr-nav-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
.mpr-nav-panel a {
    padding: 12px;
    color: var(--mpr-dark);
    border-bottom: 1px solid var(--mpr-border);
    font-size: 14px;
    font-weight: 700
}
.mpr-nav-panel a:last-child {
    border-bottom: 0
}
.mpr-nav-panel a:hover {
    color: var(--mpr-orange)
}
.mpr-header-actions {
    display: flex;
    align-items: center;
    gap: 14px
}
.mpr-icon-button, .mpr-lang, .mpr-menu-button {
    align-items: center;
    justify-content: center;
    min-height: 46px;
    color: inherit;
    border: 1px solid currentColor;
    background: transparent
}
.mpr-icon-button {
    width: 46px
}
.mpr-lang {
    gap: 10px;
    min-width: 68px;
    padding-inline: 14px;
    font-size: 13px;
    font-weight: 800
}
.mpr-lang i {
    font-size: 10px
}
.mpr-menu-button {
    gap: 12px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer
}
.mpr-menu-button i {
    font-size: 24px
}
@media (max-width:1199.98px) {
    :root {
        --mpr-header-height: 78px
    }
    .mpr-header-inner {
        width: min(92%, 1700px)
    }
    .mpr-brand {
        width: 180px;
        height: 52px
    }
}
@media (max-width:575.98px) {
    :root {
        --mpr-header-height: 70px
    }
    .mpr-brand {
        width: 150px;
        height: 44px
    }
    .mpr-menu-button span {
        display: none
    }
    .mpr-menu-button {
        width: 46px;
        padding: 0
    }
}
.mpr-search-panel {
    position: fixed;
    z-index: 1025;
    top: var(--mpr-header-height);
    right: 0;
    left: 0;
    padding: 28px 0;
    opacity: 0;
    visibility: hidden;
    background: var(--mpr-dark);
    transform: translateY(-20px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}
.mpr-search-panel.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
.mpr-search-form {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}
.mpr-search-form input {
    width: 100%;
    padding: 14px 0;
    color: var(--mpr-white);
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 24px
}
.mpr-search-form input::placeholder {
    color: rgba(255, 255, 255, .5)
}
.mpr-search-form button {
    width: 60px;
    color: var(--mpr-white);
    background: transparent;
    font-size: 24px
}
@media (max-width:1199.98px) {
    .mpr-search-panel {
        display: none
    }
}
.mpr-nav-group-mega {
    position: static
}
.mpr-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 38px 0;
    opacity: 0;
    visibility: hidden;
    color: var(--mpr-dark);
    border-top: 1px solid var(--mpr-border);
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 28px 70px rgba(4, 38, 45, .16);
    backdrop-filter: blur(18px);
    transform: translateY(18px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s var(--mpr-ease)
}
.mpr-nav-group-mega:hover .mpr-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
.mpr-mega-menu-inner {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(0, 3fr);
    gap: 52px;
    align-items: start
}
.mpr-mega-menu-head {
    padding: 12px 36px 12px 0;
    border-right: 1px solid var(--mpr-border)
}
.mpr-mega-menu-head h3 {
    max-width: 360px;
    margin: 0 0 28px;
    color: var(--mpr-dark);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.06;
    letter-spacing: -.035em
}
.mpr-mega-products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px
}
.mpr-mega-product {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    background: var(--mpr-light)
}
.mpr-mega-product-media {
    aspect-ratio: 4/3;
    overflow: hidden;
    background: var(--mpr-dark)
}
.mpr-mega-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s var(--mpr-ease)
}
.mpr-mega-product-content {
    position: relative;
    min-height: 118px;
    padding: 18px 44px 18px 18px
}
.mpr-mega-product-content span {
    display: block;
    margin-bottom: 8px;
    color: var(--mpr-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em
}
.mpr-mega-product-content h4 {
    margin: 0;
    color: var(--mpr-dark);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}
.mpr-mega-product-content>i {
    position: absolute;
    right: 16px;
    bottom: 18px;
    color: var(--mpr-dark);
    font-size: 17px;
    transition: color .3s ease, transform .3s ease
}
.mpr-mega-product::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    content: "";
    background: var(--mpr-gradient);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .35s var(--mpr-ease)
}
.mpr-mega-product:hover .mpr-mega-product-media img {
    transform: scale(1.07)
}
.mpr-mega-product:hover .mpr-mega-product-content>i {
    color: var(--mpr-orange);
    transform: translate(3px, -3px)
}
.mpr-mega-product:hover::after {
    transform: scaleX(1);
    transform-origin: left
}
@media (max-width:1399.98px) {
    .mpr-mega-menu-inner {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 34px
    }
    .mpr-mega-products {
        gap: 12px
    }
    .mpr-mega-menu-head h3 {
        font-size: 28px
    }
    .mpr-mega-product-content {
        min-height: 110px;
        padding: 15px 38px 15px 15px
    }
    .mpr-mega-product-content h4 {
        font-size: 14px
    }
}
@media (max-width:1199.98px) {
    .mpr-mega-menu {
        display: none
    }
}
.mpr-mobile-backdrop {
    position: fixed;
    z-index: 1040;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .62);
    backdrop-filter: blur(6px);
    transition: opacity .4s ease, visibility .4s ease
}
.mpr-mobile-backdrop.is-open {
    opacity: 1;
    visibility: visible
}
.mpr-mobile-menu {
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(92vw, 470px);
    height: 100dvh;
    color: var(--mpr-white);
    background: var(--mpr-dark);
    box-shadow: -20px 0 70px rgba(0, 0, 0, .26);
    transform: translateX(105%);
    transition: transform .5s var(--mpr-ease)
}
.mpr-mobile-menu.is-open {
    transform: translateX(0)
}
.mpr-mobile-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--mpr-header-height);
    padding: 0 26px;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}
.mpr-mobile-menu-head .mpr-brand {
    width: 160px
}
.mpr-mobile-close {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--mpr-white);
    border: 1px solid rgba(255, 255, 255, .45);
    background: transparent;
    font-size: 21px
}
.mpr-mobile-menu-body {
    padding: 24px 26px;
    overflow-y: auto
}
.mpr-mobile-nav-item {
    border-bottom: 1px solid rgba(255, 255, 255, .14)
}
.mpr-mobile-nav-item>button, .mpr-mobile-direct-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 66px;
    padding: 0;
    color: var(--mpr-white);
    background: transparent;
    font-size: 20px;
    font-weight: 700;
    text-align: left
}
.mpr-mobile-nav-item>button i {
    transition: transform .3s ease
}
.mpr-mobile-nav-item.is-open>button i {
    transform: rotate(45deg)
}
.mpr-mobile-submenu {
    display: grid;
    max-height: 0;
    padding-left: 16px;
    overflow: hidden;
    transition: max-height .4s var(--mpr-ease)
}
.mpr-mobile-submenu a {
    padding: 11px 0;
    color: rgba(255, 255, 255, .64);
    font-size: 15px
}
.mpr-mobile-direct-link {
    border-bottom: 1px solid rgba(255, 255, 255, .14)
}
.mpr-mobile-menu-foot {
    display: grid;
    gap: 10px;
    margin-top: auto;
    padding: 24px 26px;
    border-top: 1px solid rgba(255, 255, 255, .12)
}
.mpr-mobile-menu-foot a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px
}
@media (min-width:1200px) {
    .mpr-mobile-backdrop, .mpr-mobile-menu {
        display: none
    }
}
@media (max-width:575.98px) {
    .mpr-mobile-menu-head, .mpr-mobile-menu-body, .mpr-mobile-menu-foot {
        padding-right: 20px;
        padding-left: 20px
    }
    .mpr-mobile-menu-head .mpr-brand {
        width: 140px
    }
}
.mpr-mobile-product-menu .mpr-mobile-submenu {
    padding-left: 0
}
.mpr-mobile-product-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0 16px
}
.mpr-mobile-product-head>span {
    color: rgba(255, 255, 255, .45);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.mpr-mobile-product-head>a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    color: var(--mpr-orange);
    font-size: 12px;
    font-weight: 800
}
.mpr-mobile-products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding-bottom: 22px
}
.mpr-mobile-product-card {
    position: relative;
    display: block;
    min-width: 0;
    padding: 0 !important;
    overflow: hidden;
    color: var(--mpr-white) !important;
    background: rgba(255, 255, 255, .05)
}
.mpr-mobile-product-media {
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #071e23
}
.mpr-mobile-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.mpr-mobile-product-content {
    position: relative;
    min-height: 108px;
    padding: 14px 34px 14px 14px
}
.mpr-mobile-product-content>span {
    display: block;
    margin-bottom: 7px;
    color: var(--mpr-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em
}
.mpr-mobile-product-content h3 {
    margin: 0;
    color: var(--mpr-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25
}
.mpr-mobile-product-content>i {
    position: absolute;
    right: 12px;
    bottom: 14px;
    color: rgba(255, 255, 255, .55);
    font-size: 14px
}
@media (max-width:575.98px) {
    .mpr-mobile-products {
        grid-template-columns: 1fr
    }
    .mpr-mobile-product-card {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr)
    }
    .mpr-mobile-product-media {
        aspect-ratio: auto;
        min-height: 110px
    }
    .mpr-mobile-product-content {
        min-height: 110px
    }
}
.mpr-intro {
    position: relative;
    min-height: 100svh;
    overflow: hidden;
    color: var(--mpr-white);
    background: var(--mpr-dark)
}
.mpr-intro-slide {
    position: absolute;
    z-index: 1;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, visibility 1s ease
}
.mpr-intro-slide.is-active {
    z-index: 2;
    opacity: 1;
    visibility: visible
}
.mpr-intro-media, .mpr-intro-overlay {
    position: absolute;
    inset: 0
}
.mpr-intro-media img {
    height: 100%;
    object-fit: cover;
    transform: scale(1.08);
    transition: transform 8s linear
}
.mpr-intro-slide.is-active .mpr-intro-media img {
    transform: scale(1)
}
.mpr-intro-overlay {
    background: linear-gradient(90deg, rgba(4, 38, 45, .88) 0%, rgba(4, 38, 45, .54) 48%, rgba(4, 38, 45, .12) 100%), linear-gradient(0deg, rgba(4, 38, 45, .55), transparent 40%)
}
.mpr-intro-container {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    min-height: 100svh;
    padding-top: calc(var(--mpr-header-height) + 40px);
    padding-bottom: 130px
}
.mpr-intro-content {
    max-width: 940px
}

.mpr-intro-content .mpr-button {
    margin-top: 50px;
}

.mpr-kicker {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase
}
.mpr-kicker::before {
    width: 34px;
    height: 2px;
    content: "";
    background: var(--mpr-orange)
}
.mpr-intro h1, .mpr-intro h2 {
    max-width: 960px;
    margin: 0;
    color: var(--mpr-white);
    font-size: clamp(56px, 7.2vw, 122px);
    font-weight: 400;
    line-height: .88;
    letter-spacing: -.065em
}
.mpr-intro h1 strong, .mpr-intro h2 strong {
    display: block;
    font-weight: 400
}
.mpr-intro h1 strong::after, .mpr-intro h2 strong::after {
    display: inline-block;
    width: .55em;
    height: .55em;
    margin-left: .15em;
    content: "";
    background: var(--mpr-gradient);
    transform: skewX(22deg)
}
.mpr-intro-content p {
    max-width: 680px;
    margin: 30px 0 36px;
    color: rgba(255, 255, 255, .76);
    font-size: clamp(17px, 1.35vw, 21px)
}
.mpr-intro-controls {
    position: absolute;
    z-index: 5;
    right: 3%;
    bottom: 42px;
    display: flex;
    align-items: center;
    gap: 15px
}
.mpr-intro-controls>button, .mpr-slider-arrows button {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    color: var(--mpr-white);
    border: 1px solid rgba(255, 255, 255, .45);
    background: transparent;
    transition: color .3s ease, background .3s ease, border-color .3s ease
}
.mpr-intro-controls>button:hover {
    color: var(--mpr-dark);
    border-color: var(--mpr-white);
    background: var(--mpr-white)
}
.mpr-intro-dots {
    display: flex;
    align-items: center;
    gap: 8px
}
.mpr-intro-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .45);
    transition: width .3s ease, border-radius .3s ease, background .3s ease
}
.mpr-intro-dot.is-active {
    width: 30px;
    border-radius: 20px;
    background: var(--mpr-orange)
}
.mpr-scroll-cue {
    position: absolute;
    z-index: 5;
    bottom: 48px;
    left: 3%;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}
.mpr-scroll-cue i {
    font-size: 18px;
    animation: mprScrollCue 1.4s ease-in-out infinite
}
@keyframes mprScrollCue {
    0%, 100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(7px)
    }
}
@media (max-width:991.98px) {
    .mpr-intro-overlay {
        background: linear-gradient(90deg, rgba(4, 38, 45, .9), rgba(4, 38, 45, .48))
    }
    .mpr-intro h1, .mpr-intro h2 {
        font-size: clamp(54px, 10vw, 90px)
    }
}
@media (max-width:767.98px) {
    .mpr-intro {
        min-height: 760px
    }
    .mpr-intro-container {
        align-items: flex-end;
        min-height: 760px;
        padding-top: 120px;
        padding-bottom: 145px
    }
    .mpr-intro h1, .mpr-intro h2 {
        font-size: clamp(45px, 13vw, 68px);
        line-height: .92
    }
    .mpr-intro-content p {
        margin: 24px 0 28px;
        font-size: 16px
    }
    .mpr-intro-controls {
        right: 4%;
        bottom: 38px
    }
    .mpr-intro-controls>button {
        width: 46px;
        height: 46px
    }
    .mpr-scroll-cue {
        display: none
    }
}
@media (max-width:575.98px) {
    .mpr-intro h1 strong::after, .mpr-intro h2 strong::after {
        width: .38em;
        height: .38em
    }
    .mpr-intro-controls {
        right: auto;
        left: 4%
    }
}
.mpr-statement {
    padding: 140px 0 120px;
    background: var(--mpr-white)
}
.mpr-statement h2 {
    margin: 0;
    color: var(--mpr-dark);
    font-size: clamp(54px, 7vw, 112px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.065em
}
.mpr-statement h2 span {
    display: block;
    color: var(--mpr-gray)
}
.mpr-statement p {
    margin: 0 0 28px;
    color: var(--mpr-muted);
    font-size: 20px
}
@media (max-width:991.98px) {
    .mpr-statement {
        padding: 100px 0
    }
}
@media (max-width:575.98px) {
    .mpr-statement {
        padding: 80px 0
    }
    .mpr-statement h2 {
        font-size: 48px
    }
    .mpr-statement p {
        font-size: 17px
    }
}
.mpr-sectors {
    padding: 130px 0;
    background: #f5f5f5
}
.mpr-sector-card {
    position: relative;
    display: block;
    height: 560px;
    overflow: hidden;
    color: #fff
}
.mpr-sector-media, .mpr-sector-media img {
    width: 100%;
    height: 100%
}
.mpr-sector-media img {
    object-fit: cover;
    transition: transform .8s ease
}
.mpr-sector-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .82) 100%)
}
.mpr-sector-content {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 40px;
    z-index: 2
}
.mpr-sector-content span {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--mpr-orange);
    font-size: 13px;
    font-weight: 700
}
.mpr-sector-content h3 {
    margin-bottom: 16px;
    font-size: 36px;
    font-weight: 600
}
.mpr-sector-content p {
    margin: 0;
    color: rgba(255, 255, 255, .82)
}
.mpr-sector-arrow {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
    transition: .4s
}
.mpr-sector-arrow i {
    font-size: 22px
}
.mpr-sector-card:hover img {
    transform: scale(1.08)
}
.mpr-sector-card:hover .mpr-sector-arrow {
    background: var(--mpr-orange);
    transform: rotate(45deg)
}
@media (max-width:991.98px) {
    .mpr-sectors {
        padding: 90px 0
    }
    .mpr-sector-card {
        height: 480px
    }
}
@media (max-width:575.98px) {
    .mpr-sectors {
        padding: 70px 0
    }
    .mpr-sector-card {
        height: 380px
    }
    .mpr-sector-content {
        left: 24px;
        right: 24px;
        bottom: 24px
    }
    .mpr-sector-content h3 {
        font-size: 28px
    }
}
.mpr-values {
    position: relative;
    padding: 150px 0;
    overflow: hidden;
    color: var(--mpr-white);
    background: var(--mpr-dark)
}
.mpr-values-bg {
    position: absolute;
    inset: 0;
    opacity: .18
}
.mpr-values-bg::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(4, 38, 45, .98) 0%, rgba(4, 38, 45, .9) 48%, rgba(4, 38, 45, .76) 100%)
}
.mpr-values-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.mpr-values-shape {
    position: absolute;
    top: -160px;
    right: -100px;
    width: 570px;
    height: 730px;
    opacity: .75;
    transform: rotate(12deg);
    pointer-events: none
}
.mpr-values-shape span {
    position: absolute;
    top: 0;
    width: 105px;
    height: 100%;
    background: linear-gradient(180deg, var(--mpr-orange), var(--mpr-red));
    transform: skewX(-18deg)
}
.mpr-values-shape span:first-child {
    right: 150px
}
.mpr-values-shape span:last-child {
    right: 0;
    opacity: .34
}
.mpr-values-content {
    position: relative;
    z-index: 2;
    max-width: 720px;
    padding-right: 5%
}
.mpr-values-content h2 {
    margin: 0 0 30px;
    color: var(--mpr-white);
    font-size: clamp(50px, 5.8vw, 88px);
    font-weight: 400;
    line-height: .93;
    letter-spacing: -.055em
}
.mpr-values-content p {
    max-width: 660px;
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .68);
    font-size: 18px;
    line-height: 1.85
}
.mpr-values-content .mpr-button {
    margin-top: 22px
}
.mpr-stat-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-left: 1px solid rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .025);
    backdrop-filter: blur(8px)
}
.mpr-stat {
    position: relative;
    display: flex;
    min-height: 215px;
    padding: 30px;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    transition: background .35s ease, transform .35s ease
}
.mpr-stat::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 0;
    content: "";
    background: var(--mpr-gradient);
    transition: height .4s var(--mpr-ease)
}
.mpr-stat:hover {
    background: rgba(255, 255, 255, .07);
    transform: translateY(-4px)
}
.mpr-stat:hover::before {
    height: 100%
}
.mpr-stat-icon {
    position: absolute;
    top: 28px;
    right: 28px;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--mpr-orange);
    border: 1px solid rgba(255, 255, 255, .16);
    font-size: 19px
}
.mpr-stat strong {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--mpr-white);
    font-size: clamp(43px, 4.4vw, 68px);
    font-weight: 400;
    line-height: .85;
    letter-spacing: -.055em
}
.mpr-stat strong small {
    padding-bottom: 5px;
    color: var(--mpr-orange);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0
}
.mpr-stat p {
    margin: 0;
    color: rgba(255, 255, 255, .6);
    font-size: 14px
}
.mpr-stat-featured {
    background: var(--mpr-gradient)
}
.mpr-stat-featured::before {
    display: none
}
.mpr-stat-featured .mpr-stat-icon {
    color: var(--mpr-white);
    border-color: rgba(255, 255, 255, .3)
}
.mpr-stat-featured strong small, .mpr-stat-featured p {
    color: var(--mpr-white)
}
.mpr-stat-message {
    justify-content: center;
    color: var(--mpr-white);
    background: rgba(255, 255, 255, .07)
}
.mpr-stat-message>span {
    display: block;
    margin-bottom: 8px;
    color: var(--mpr-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.mpr-stat-message strong {
    display: block;
    max-width: 270px;
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.035em
}
.mpr-stat-message>i {
    position: absolute;
    right: 28px;
    bottom: 28px;
    color: var(--mpr-orange);
    font-size: 22px
}
@media (max-width:1199.98px) {
    .mpr-values {
        padding: 110px 0
    }
    .mpr-values-content {
        max-width: 850px;
        padding-right: 0;
        margin-bottom: 30px
    }
    .mpr-values-shape {
        width: 430px;
        height: 600px;
        opacity: .4
    }
}
@media (max-width:767.98px) {
    .mpr-values {
        padding: 85px 0
    }
    .mpr-values-content h2 {
        font-size: 48px
    }
    .mpr-values-content p {
        font-size: 16px
    }
    .mpr-stat {
        min-height: 185px;
        padding: 24px
    }
    .mpr-stat-icon {
        top: 22px;
        right: 22px;
        width: 40px;
        height: 40px
    }
    .mpr-stat strong {
        font-size: 46px
    }
}
@media (max-width:575.98px) {
    .mpr-stat-grid {
        grid-template-columns: 1fr
    }
    .mpr-stat {
        min-height: 180px
    }
    .mpr-values-shape {
        right: -230px
    }
    .mpr-stat-message strong {
        font-size: 27px
    }
}
.mpr-products {
    padding: 130px 0 130px 10px;
    overflow: hidden;
    background: var(--mpr-white)
}
.mpr-product-viewport {
    padding-left: max(4vw, calc((100vw - var(--mpr-container)) / 2));
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}
.mpr-product-viewport::-webkit-scrollbar {
    display: none
}
.mpr-product-track {
    display: flex;
    gap: 28px;
    width: max-content;
    padding-right: 10px
}
.mpr-product-card {
    width: min(42vw, 670px);
    scroll-snap-align: start
}
.mpr-product-media {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--mpr-dark)
}
.mpr-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .75s var(--mpr-ease)
}
.mpr-product-body {
    padding: 30px 0 0
}
.mpr-product-body>span {
    display: block;
    margin-bottom: 14px;
    color: var(--mpr-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.mpr-product-body h3 {
    max-width: 570px;
    margin: 0 0 16px;
    color: var(--mpr-dark);
    font-size: clamp(28px, 2.6vw, 42px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.04em
}
.mpr-product-body p {
    max-width: 590px;
    margin: 0 0 24px;
    color: var(--mpr-muted)
}
.mpr-product-body a {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    font-weight: 800
}
.mpr-product-body a i {
    transition: transform .3s ease
}
.mpr-product-body a:hover i {
    transform: translate(4px, -4px)
}
.mpr-product-card:hover .mpr-product-media img {
    transform: scale(1.045)
}
.mpr-product-arrows {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto
}
.mpr-product-arrows button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    padding: 0;
    color: var(--mpr-dark);
    border: 1px solid var(--mpr-border);
    background: transparent;
    cursor: pointer;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease
}
.mpr-product-arrows button:hover {
    color: var(--mpr-white);
    border-color: var(--mpr-dark);
    background: var(--mpr-dark)
}
.mpr-product-arrows button i {
    font-size: 18px;
    line-height: 1
}
@media (max-width:767.98px) {
    .mpr-product-arrows {
        display: flex
    }
    .mpr-product-arrows button {
        width: 46px;
        height: 46px
    }
}
@media (max-width:991.98px) {
    .mpr-products {
        padding: 95px 0
    }
    .mpr-product-card {
        width: min(72vw, 620px)
    }
}
@media (max-width:575.98px) {
    .mpr-products {
        padding: 75px 10px
    }
    .mpr-product-viewport {
        padding-left: 0
    }
    .mpr-product-track {
        gap: 18px
    }
    .mpr-product-card {
        width: 96vw
    }
}
.mpr-people {
    padding: 130px 0;
    background: var(--mpr-light)
}
.mpr-people-media {
    height: 100%;
    min-height: 650px;
    overflow: hidden;
    background: var(--mpr-gray)
}
.mpr-people-media img {
    height: 100%;
    object-fit: cover
}
.mpr-people-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    min-height: 650px;
    padding: 70px 9%;
    background: var(--mpr-white)
}
.mpr-people-content h2 {
    max-width: 680px;
    margin: 0 0 26px;
    color: var(--mpr-dark);
    font-size: clamp(46px, 5.5vw, 82px);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.055em
}
.mpr-people-content p {
    max-width: 590px;
    margin: 0 0 34px;
    color: var(--mpr-muted);
    font-size: 18px
}
@media (max-width:991.98px) {
    .mpr-people {
        padding: 95px 0
    }
    .mpr-people-media {
        min-height: 480px
    }
    .mpr-people-content {
        min-height: auto;
        padding: 60px 8%
    }
}
@media (max-width:575.98px) {
    .mpr-people {
        padding: 75px 0
    }
    .mpr-people-media {
        min-height: 350px
    }
    .mpr-people-content {
        padding: 42px 26px
    }
    .mpr-people-content h2 {
        font-size: 44px
    }
    .mpr-people-content p {
        font-size: 16px
    }
}
.mpr-sustainability {
    padding: 130px 0;
    background: var(--mpr-white)
}
.mpr-sustainability-wrap {
    position: relative;
    min-height: 760px;
    overflow: hidden;
    background: var(--mpr-dark)
}
.mpr-sustainability-media {
    position: absolute;
    inset: 0
}
.mpr-sustainability-media::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(4, 38, 45, .94) 0%, rgba(4, 38, 45, .68) 50%, rgba(4, 38, 45, .12) 100%)
}
.mpr-sustainability-media img {
    height: 100%;
    object-fit: cover
}
.mpr-sustainability-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    max-width: 780px;
    min-height: 760px;
    padding: 80px 7%;
    color: var(--mpr-white)
}
.mpr-sustainability-content h2 {
    margin: 0 0 26px;
    color: var(--mpr-white);
    font-size: clamp(52px, 6.2vw, 96px);
    font-weight: 400;
    line-height: .91;
    letter-spacing: -.06em
}
.mpr-sustainability-content p {
    max-width: 590px;
    margin: 0 0 34px;
    color: rgba(255, 255, 255, .7);
    font-size: 18px
}
@media (max-width:991.98px) {
    .mpr-sustainability {
        padding: 95px 0
    }
    .mpr-sustainability-wrap, .mpr-sustainability-content {
        min-height: 650px
    }
    .mpr-sustainability-media::after {
        background: rgba(4, 38, 45, .76)
    }
}
@media (max-width:575.98px) {
    .mpr-sustainability {
        padding: 75px 0
    }
    .mpr-sustainability-wrap, .mpr-sustainability-content {
        min-height: 620px
    }
    .mpr-sustainability-content {
        padding: 50px 26px
    }
    .mpr-sustainability-content h2 {
        font-size: 48px
    }
    .mpr-sustainability-content p {
        font-size: 16px
    }
}
.mpr-news {
    padding: 130px 0;
    background: var(--mpr-light)
}
.mpr-news-card {
    height: 100%;
    background: var(--mpr-white)
}
.mpr-news-media {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--mpr-dark)
}
.mpr-news-media img {
    height: 100%;
    object-fit: cover;
    transition: transform .7s var(--mpr-ease)
}
.mpr-news-card:hover .mpr-news-media img {
    transform: scale(1.045)
}
.mpr-news-body {
    padding: 34px
}
.mpr-news-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 14px;
    color: var(--mpr-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}
.mpr-news-meta span {
    color: var(--mpr-orange)
}
.mpr-news-body h3 {
    margin: 0 0 26px;
    color: var(--mpr-dark);
    font-size: clamp(27px, 2.5vw, 40px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.035em
}
.mpr-news-list {
    display: grid;
    height: 100%;
    background: var(--mpr-white)
}
.mpr-news-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 34px;
    border-bottom: 1px solid var(--mpr-border)
}
.mpr-news-row:last-child {
    border-bottom: 0
}
.mpr-news-row h3 {
    max-width: 620px;
    margin: 0;
    color: var(--mpr-dark);
    font-size: clamp(21px, 2vw, 30px);
    font-weight: 500;
    line-height: 1.13;
    letter-spacing: -.025em
}
.mpr-news-row>a {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    place-items: center;
    color: var(--mpr-white);
    background: var(--mpr-dark);
    transition: background .3s ease, transform .3s ease
}
.mpr-news-row:hover>a {
    background: var(--mpr-orange);
    transform: rotate(45deg)
}
@media (max-width:991.98px) {
    .mpr-news {
        padding: 95px 0
    }
}
@media (max-width:575.98px) {
    .mpr-news {
        padding: 75px 0
    }
    .mpr-news-body, .mpr-news-row {
        padding: 26px
    }
    .mpr-news-row {
        align-items: flex-end
    }
    .mpr-news-row>a {
        width: 42px;
        height: 42px
    }
}
.mpr-documents {
    padding: 120px 0;
    color: var(--mpr-white);
    background: var(--mpr-dark)
}
.mpr-documents h2 {
    margin: 0 0 24px;
    color: var(--mpr-white);
    font-size: clamp(46px, 5.5vw, 78px);
    font-weight: 400;
    line-height: .95;
    letter-spacing: -.05em
}
.mpr-documents p {
    max-width: 520px;
    margin: 0;
    color: rgba(255, 255, 255, .65);
    font-size: 17px
}
.mpr-document-list {
    border-top: 1px solid rgba(255, 255, 255, .18)
}
.mpr-document-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    font-size: 19px;
    font-weight: 700
}
.mpr-document-list small {
    display: block;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, .45);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase
}
.mpr-document-list i {
    color: var(--mpr-orange);
    font-size: 22px
}
@media (max-width:991.98px) {
    .mpr-documents {
        padding: 90px 0
    }
}
@media (max-width:575.98px) {
    .mpr-documents {
        padding: 75px 0
    }
    .mpr-document-list a {
        font-size: 16px
    }
}
.mpr-contact-band {
    padding: 0 0 110px;
    background: var(--mpr-dark)
}
.mpr-contact-band-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 70px;
    background: var(--mpr-gradient)
}
.mpr-contact-band-inner span {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.mpr-contact-band-inner h2 {
    max-width: 920px;
    margin: 0;
    color: var(--mpr-white);
    font-size: clamp(38px, 4.8vw, 68px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.05em
}
@media (max-width:991.98px) {
    .mpr-contact-band {
        padding-bottom: 90px
    }
    .mpr-contact-band-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 50px
    }
}
@media (max-width:575.98px) {
    .mpr-contact-band {
        padding-bottom: 70px
    }
    .mpr-contact-band-inner {
        padding: 38px 26px
    }
    .mpr-contact-band-inner h2 {
        font-size: 40px
    }
}
.mpr-footer {
    position: relative;
    overflow: hidden;
    color: var(--mpr-white);
    background: #031f25
}
.mpr-footer::before {
    position: absolute;
    top: -220px;
    right: -180px;
    width: 620px;
    height: 620px;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle, rgba(235, 106, 38, .14), transparent 70%);
    pointer-events: none
}
.mpr-footer-contact-row {
    position: relative;
    z-index: 2;
    padding: 76px 0 64px;
    border-bottom: 1px solid rgba(255, 255, 255, .09)
}
.mpr-footer-contact-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 142px;
    padding: 26px 72px 26px 26px;
    overflow: hidden;
    color: var(--mpr-white);
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .035);
    transition: border-color .35s ease, background .35s ease, transform .35s ease
}
.mpr-footer-contact-box::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    content: "";
    background: var(--mpr-gradient);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .4s var(--mpr-ease)
}
.mpr-footer-contact-box:hover {
    color: var(--mpr-white);
    border-color: rgba(235, 106, 38, .42);
    background: rgba(255, 255, 255, .065);
    transform: translateY(-5px)
}
.mpr-footer-contact-box:hover::before {
    transform: scaleY(1);
    transform-origin: top
}
.mpr-footer-contact-icon {
    display: grid;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    place-items: center;
    color: var(--mpr-white);
    background: var(--mpr-gradient);
    font-size: 22px
}
.mpr-footer-contact-content {
    display: block;
    min-width: 0
}
.mpr-footer-contact-content small {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 255, 255, .48);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.mpr-footer-contact-content strong {
    display: block;
    color: var(--mpr-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.65
}
.mpr-footer-contact-arrow {
    position: absolute;
    top: 22px;
    right: 22px;
    color: rgba(255, 255, 255, .4);
    font-size: 18px;
    transition: color .35s ease, transform .35s ease
}
.mpr-footer-contact-box:hover .mpr-footer-contact-arrow {
    color: var(--mpr-orange);
    transform: translate(3px, -3px)
}
@media (max-width:991.98px) {
    .mpr-footer-contact-row {
        padding: 60px 0 52px
    }
    .mpr-footer-contact-box {
        min-height: 126px
    }
}
@media (max-width:575.98px) {
    .mpr-footer-contact-row {
        padding: 50px 0 42px
    }
    .mpr-footer-contact-box {
        align-items: flex-start;
        min-height: 0;
        padding: 22px 58px 22px 20px
    }
    .mpr-footer-contact-icon {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        font-size: 19px
    }
    .mpr-footer-contact-content strong {
        font-size: 14px
    }
}
.mpr-footer-main {
    position: relative;
    z-index: 2;
    padding: 80px 0 72px;
    border-bottom: 1px solid rgba(255, 255, 255, .09)
}
.mpr-footer-logo {
    display: inline-flex;
    width: 210px;
    margin-bottom: 28px
}
.mpr-footer-logo img {
    width: 100%;
    height: auto
}
.mpr-footer-text {
    max-width: 430px;
    margin: 0;
    color: rgba(255, 255, 255, .62);
    line-height: 1.9
}
.mpr-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 32px
}
.mpr-footer-social a {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    color: var(--mpr-white);
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .02);
    transition: border-color .35s ease, background .35s ease, transform .35s ease
}
.mpr-footer-social a:hover {
    color: var(--mpr-white);
    border-color: var(--mpr-orange);
    background: var(--mpr-orange);
    transform: translateY(-3px)
}
.mpr-footer h3 {
    position: relative;
    margin: 0 0 26px;
    padding-bottom: 14px;
    color: var(--mpr-white);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.mpr-footer h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 2px;
    content: "";
    background: var(--mpr-gradient)
}
.mpr-footer-menu {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none
}
.mpr-footer-menu a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, .62);
    line-height: 1.55;
    transition: color .3s ease, padding-left .3s ease
}
.mpr-footer-menu a::before {
    position: absolute;
    left: 0;
    width: 0;
    height: 2px;
    content: "";
    background: var(--mpr-orange);
    transition: width .3s ease
}
.mpr-footer-menu a:hover {
    color: var(--mpr-white);
    padding-left: 15px
}
.mpr-footer-menu a:hover::before {
    width: 8px
}
@media (max-width:991.98px) {
    .mpr-footer-main {
        padding: 65px 0 58px
    }
}
@media (max-width:575.98px) {
    .mpr-footer-main {
        padding: 55px 0 48px
    }
    .mpr-footer-logo {
        width: 175px
    }
    .mpr-footer-text {
        font-size: 15px
    }
}
.mpr-footer-bottom {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 30px;
    min-height: 86px;
    color: rgba(255, 255, 255, .48);
    font-size: 13px
}
.mpr-footer-bottom>span:nth-child(2) {
    text-align: center
}
.mpr-footer-bottom>span:nth-child(2) a {
    color: rgba(255, 255, 255, .7);
    transition: color .3s ease
}
.mpr-footer-bottom>span:nth-child(2) a:hover {
    color: var(--mpr-orange)
}
.mpr-footer-bottom-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 24px
}
.mpr-footer-bottom-menu a {
    color: rgba(255, 255, 255, .48);
    transition: color .3s ease
}
.mpr-footer-bottom-menu a:hover {
    color: var(--mpr-white)
}
@media (max-width:991.98px) {
    .mpr-footer-bottom {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 24px 0
    }
    .mpr-footer-bottom>span:nth-child(2) {
        text-align: left
    }
    .mpr-footer-bottom-menu {
        justify-content: flex-start
    }
}
@media (max-width:575.98px) {
    .mpr-footer-bottom-menu {
        gap: 12px 20px
    }
}
[data-mpr-reveal] {
    opacity: 0;
    transform: translateY(34px);
    transition: opacity .8s var(--mpr-ease), transform .8s var(--mpr-ease)
}
[data-mpr-reveal].is-visible {
    opacity: 1;
    transform: translateY(0)
}
@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
    [data-mpr-reveal] {
        opacity: 1;
        transform: none
    }
}
.mpr-page {
    position: relative;
    background: #fff
}
.mpr-page-intro {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 180px 0 52px;
    background: #071d22
}
.mpr-page-intro-media {
    position: absolute;
    inset: 0
}
.mpr-page-intro-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.mpr-page-intro-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 20, 24, .94) 0%, rgba(4, 20, 24, .76) 42%, rgba(4, 20, 24, .16) 100%)
}
.mpr-page-intro .container {
    position: relative;
    z-index: 2
}
.mpr-page-intro-content {
    max-width: 800px
}
.mpr-page-intro-content .mpr-section-label {
    color: var(--mpr-orange)
}
.mpr-page-intro-content h1 {
    max-width: 720px;
    margin: 14px 0 18px;
    color: #fff;
    font-size: clamp(48px, 6vw, 88px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.055em
}
.mpr-page-intro-content p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1.7
}
@media (max-width:1199.98px) {
    .mpr-page-intro {
        min-height: 480px;
        padding-top: 150px
    }
}
@media (max-width:767.98px) {
    .mpr-page-intro {
        min-height: 430px;
        padding: 130px 0 34px
    }
    .mpr-page-intro-overlay {
        background: linear-gradient(90deg, rgba(4, 20, 24, .94), rgba(4, 20, 24, .58))
    }
    .mpr-page-intro-content h1 {
        margin-top: 10px;
        font-size: 48px
    }
    .mpr-page-intro-content p {
        font-size: 15px;
        line-height: 1.65
    }
}
.mpr-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 52px;
    color: rgba(255, 255, 255, .5);
    font-size: 13px
}
.mpr-breadcrumb a {
    color: rgba(255, 255, 255, .64);
    transition: color .3s ease
}
.mpr-breadcrumb a:hover {
    color: #fff
}
.mpr-breadcrumb i {
    font-size: 9px
}
.mpr-breadcrumb span {
    color: #fff
}
@media (max-width:767.98px) {
    .mpr-breadcrumb {
        margin-top: 32px;
        font-size: 12px
    }
}
.mpr-page-body {
    padding: 110px 0 130px
}
.mpr-page-grid {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 90px;
    align-items: start
}
@media (max-width:1199.98px) {
    .mpr-page-body {
        padding: 90px 0 110px
    }
    .mpr-page-grid {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 50px
    }
}
@media (max-width:991.98px) {
    .mpr-page-grid {
        grid-template-columns: 1fr
    }
}
@media (max-width:767.98px) {
    .mpr-page-body {
        padding: 65px 0 85px
    }
}
.mpr-sidebar-inner {
    position: sticky;
    top: 120px
}
.mpr-sidebar-nav {
    border-top: 1px solid #d9e0e1
}
.mpr-sidebar-title {
    display: block;
    padding: 22px 20px;
    color: #0b252a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    border-bottom: 1px solid #d9e0e1
}
.mpr-sidebar-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 59px;
    padding: 13px 20px;
    color: #53666a;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #d9e0e1;
    transition: color .3s ease, background .3s ease, padding .3s ease
}
.mpr-sidebar-nav a i {
    color: #94a2a5;
    font-size: 14px;
    transition: transform .3s ease, color .3s ease
}
.mpr-sidebar-nav a:hover, .mpr-sidebar-nav a.is-active {
    padding-left: 26px;
    color: #fff;
    background: #0b292f
}
.mpr-sidebar-nav a:hover i, .mpr-sidebar-nav a.is-active i {
    color: var(--mpr-orange);
    transform: translateX(3px)
}
@media (max-width:991.98px) {
    .mpr-sidebar-inner {
        position: static
    }
    .mpr-sidebar-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .mpr-sidebar-title {
        grid-column: 1/-1
    }
}
@media (max-width:575.98px) {
    .mpr-sidebar-nav {
        grid-template-columns: 1fr
    }
}
.mpr-sidebar-download {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
    padding: 18px;
    color: #fff;
    background: #112f35;
    transition: background .3s ease
}
.mpr-sidebar-download:hover {
    color: #fff;
    background: #e75b29
}
.mpr-sidebar-download-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    font-size: 20px;
    background: rgba(255, 255, 255, .1)
}
.mpr-sidebar-download-content {
    min-width: 0
}
.mpr-sidebar-download-content small, .mpr-sidebar-download-content strong, .mpr-sidebar-download-content em {
    display: block
}
.mpr-sidebar-download-content small {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .55);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}
.mpr-sidebar-download-content strong {
    font-size: 13px;
    font-weight: 700
}
.mpr-sidebar-download-content em {
    margin-top: 4px;
    color: rgba(255, 255, 255, .5);
    font-size: 10px;
    font-style: normal
}
.mpr-sidebar-contact {
    margin-top: 24px;
    padding: 30px 26px;
    background: #f1f4f4
}
.mpr-sidebar-contact>span {
    color: #e75b29;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.mpr-sidebar-contact h3 {
    margin: 12px 0 24px;
    color: #0b292f;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -.03em
}
.mpr-sidebar-contact a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #0b292f;
    font-size: 13px;
    font-weight: 800
}
.mpr-sidebar-contact a i {
    color: #e75b29;
    transition: transform .3s ease
}
.mpr-sidebar-contact a:hover i {
    transform: translate(3px, -3px)
}
.mpr-content {
    min-width: 0
}
.mpr-content-media {
    position: relative;
    aspect-ratio: 16/8.7;
    overflow: hidden;
    background: #e9eeee
}
.mpr-content-media::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 7px;
    background: var(--mpr-orange)
}
.mpr-content-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2, .7, .2, 1)
}
.mpr-content-media:hover img {
    transform: scale(1.035)
}
@media (max-width:767.98px) {
    .mpr-content-media {
        aspect-ratio: 4/3
    }
}
.mpr-content-head {
    max-width: 900px;
    margin-top: 65px
}
.mpr-content-head h2, .mpr-content-section h2 {
    margin: 14px 0 0;
    color: #0b292f;
    font-size: clamp(36px, 4vw, 60px);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -.05em
}
@media (max-width:767.98px) {
    .mpr-content-head {
        margin-top: 42px
    }
    .mpr-content-head h2, .mpr-content-section h2 {
        font-size: 36px
    }
}
.mpr-content-text {
    max-width: 900px;
    margin-top: 38px
}
.mpr-content-text p {
    margin: 0 0 22px;
    color: #5c6e72;
    font-size: 17px;
    line-height: 1.85
}
.mpr-content-text p:first-child {
    color: #263e43;
    font-size: 20px
}
@media (max-width:767.98px) {
    .mpr-content-text {
        margin-top: 28px
    }
    .mpr-content-text p, .mpr-content-text p:first-child {
        font-size: 15px;
        line-height: 1.75
    }
}
.mpr-content-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 64px;
    border-top: 1px solid #dce2e3;
    border-left: 1px solid #dce2e3
}
.mpr-content-info-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 22px;
    min-height: 210px;
    padding: 34px;
    border-right: 1px solid #dce2e3;
    border-bottom: 1px solid #dce2e3
}
.mpr-content-info-item>span {
    color: #e75b29;
    font-size: 12px;
    font-weight: 800
}
.mpr-content-info-item h3 {
    margin: 0 0 12px;
    color: #0b292f;
    font-size: 22px;
    font-weight: 650;
    letter-spacing: -.025em
}
.mpr-content-info-item p {
    margin: 0;
    color: #68797d;
    font-size: 14px;
    line-height: 1.7
}
@media (max-width:767.98px) {
    .mpr-content-info {
        grid-template-columns: 1fr;
        margin-top: 45px
    }
    .mpr-content-info-item {
        min-height: auto;
        padding: 28px 24px
    }
}
.mpr-content-quote {
    position: relative;
    margin: 70px 0 0;
    padding: 50px 60px 50px 85px;
    overflow: hidden;
    background: #0b292f
}
.mpr-content-quote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: #e75b29
}
.mpr-content-quote>i {
    position: absolute;
    top: 28px;
    right: 38px;
    color: rgba(255, 255, 255, .08);
    font-size: 76px
}
.mpr-content-quote p {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.035em
}
.mpr-content-quote span {
    display: block;
    margin-top: 24px;
    color: #e75b29;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase
}
@media (max-width:767.98px) {
    .mpr-content-quote {
        margin-top: 45px;
        padding: 38px 28px 38px 38px
    }
    .mpr-content-quote>i {
        right: 20px;
        font-size: 55px
    }
}
.mpr-content-section {
    max-width: 900px;
    margin-top: 80px
}
.mpr-content-section p {
    max-width: 780px;
    margin: 30px 0 0;
    color: #5c6e72;
    font-size: 17px;
    line-height: 1.85
}
@media (max-width:767.98px) {
    .mpr-content-section {
        margin-top: 55px
    }
    .mpr-content-section p {
        margin-top: 22px;
        font-size: 15px;
        line-height: 1.75
    }
}
.mpr-content-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 48px
}
.mpr-content-gallery-item {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #e9eeee
}
.mpr-content-gallery-item-large {
    grid-column: 1/-1;
    aspect-ratio: 16/7.2
}
.mpr-content-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1)
}
.mpr-content-gallery-item>span {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #fff;
    background: rgba(5, 28, 33, .82);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .3s ease, transform .3s ease, background .3s ease
}
.mpr-content-gallery-item:hover img {
    transform: scale(1.045)
}
.mpr-content-gallery-item:hover>span {
    opacity: 1;
    transform: translateY(0)
}
.mpr-content-gallery-item>span:hover {
    background: #e75b29
}
@media (max-width:575.98px) {
    .mpr-content-gallery {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 34px
    }
    .mpr-content-gallery-item, .mpr-content-gallery-item-large {
        grid-column: auto;
        aspect-ratio: 4/3
    }
    .mpr-content-gallery-item>span {
        opacity: 1;
        transform: none
    }
}
.mpr-products-content {
    min-width: 0
}
.mpr-products-head {
    max-width: 900px;
    padding-bottom: 55px;
    border-bottom: 1px solid #dce2e3
}
.mpr-products-head h2 {
    max-width: 820px;
    margin: 14px 0 28px;
    color: #0b292f;
    font-size: clamp(38px, 4.5vw, 66px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.055em
}
.mpr-products-head p {
    max-width: 790px;
    margin: 0;
    color: #5c6e72;
    font-size: 17px;
    line-height: 1.85
}
@media (max-width:767.98px) {
    .mpr-products-head {
        padding-bottom: 38px
    }
    .mpr-products-head h2 {
        margin-bottom: 22px;
        font-size: 38px
    }
    .mpr-products-head p {
        font-size: 15px;
        line-height: 1.75
    }
}
.mpr-products-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px 24px;
    margin-top: 55px
}
@media (max-width:767.98px) {
    .mpr-products-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        margin-top: 40px
    }
}
.mpr-products-item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: #0b292f
}
.mpr-products-item-media {
    position: relative;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #e9eeee
}
.mpr-products-item-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(4, 25, 30, .4) 100%);
    opacity: .65;
    transition: opacity .4s ease
}
.mpr-products-item-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2, .7, .2, 1)
}
.mpr-products-item-number {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    background: #e75b29
}
.mpr-products-item-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    padding: 26px 0 18px;
    border-bottom: 1px solid #dce2e3
}
.mpr-products-item-content span {
    display: block;
    margin-bottom: 7px;
    color: #e75b29;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.mpr-products-item-content h3 {
    margin: 0;
    color: #0b292f;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.035em
}
.mpr-products-item-content>i {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #0b292f;
    font-size: 18px;
    border: 1px solid #ccd5d7;
    transition: color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease
}
.mpr-products-item>p {
    width: 100%;
    margin: 18px 0 0;
    color: #697a7e;
    font-size: 14px;
    line-height: 1.75
}
.mpr-products-item:hover {
    color: #0b292f
}
.mpr-products-item:hover .mpr-products-item-media img {
    transform: scale(1.05)
}
.mpr-products-item:hover .mpr-products-item-media::after {
    opacity: 1
}
.mpr-products-item:hover .mpr-products-item-content>i {
    color: #fff;
    border-color: #e75b29;
    background: #e75b29;
    transform: translate(3px, -3px)
}
@media (max-width:575.98px) {
    .mpr-products-item-content {
        gap: 18px;
        padding-top: 20px
    }
    .mpr-products-item-content h3 {
        font-size: 24px
    }
    .mpr-products-item-content>i {
        width: 43px;
        height: 43px
    }
}
.mpr-product-detail {
    min-width: 0
}
.mpr-product-detail-top {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    min-height: 570px;
    background: #f1f3f3
}
.mpr-product-detail-media {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #e7e9e9
}
.mpr-product-detail-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2, .7, .2, 1)
}
.mpr-product-detail-media>span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: #fff;
    background: rgba(7, 35, 41, .86);
    transition: background .3s ease
}
.mpr-product-detail-media:hover img {
    transform: scale(1.035)
}
.mpr-product-detail-media:hover>span {
    background: var(--mpr-orange)
}
.mpr-product-detail-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 58px 52px
}
.mpr-product-detail-summary h2 {
    margin: 12px 0 24px;
    color: #0b292f;
    font-size: clamp(44px, 5vw, 72px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.055em
}
.mpr-product-detail-summary>p {
    margin: 0;
    color: #5c6e72;
    font-size: 16px;
    line-height: 1.8
}
.mpr-product-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px
}
.mpr-product-detail-tags span {
    display: inline-flex;
    padding: 9px 13px;
    color: #4f6367;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    border: 1px solid #d1d9da;
    background: #fff
}
.mpr-product-detail-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 42px;
    padding-top: 22px;
    color: #0b292f;
    font-size: 13px;
    font-weight: 800;
    border-top: 1px solid #d1d9da
}
.mpr-product-detail-link i {
    color: var(--mpr-orange);
    transition: transform .3s ease
}
.mpr-product-detail-link:hover {
    color: #0b292f
}
.mpr-product-detail-link:hover i {
    transform: translate(3px, -3px)
}
@media (max-width:1199.98px) {
    .mpr-product-detail-top {
        grid-template-columns: 1fr
    }
    .mpr-product-detail-media {
        aspect-ratio: 16/9
    }
}
@media (max-width:767.98px) {
    .mpr-product-detail-top {
        min-height: 0
    }
    .mpr-product-detail-media {
        aspect-ratio: 4/3
    }
    .mpr-product-detail-summary {
        padding: 38px 28px
    }
    .mpr-product-detail-summary h2 {
        font-size: 46px
    }
}
.mpr-product-detail-section {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 80px;
    margin-top: 85px;
    padding-bottom: 80px;
    border-bottom: 1px solid #dce2e3
}
.mpr-product-detail-section-head h2 {
    margin: 14px 0 0;
    color: #0b292f;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.05em
}
.mpr-product-detail-text p {
    margin: 0 0 22px;
    color: #5c6e72;
    font-size: 17px;
    line-height: 1.85
}
@media (max-width:767.98px) {
    .mpr-product-detail-section {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 55px;
        padding-bottom: 55px
    }
    .mpr-product-detail-section-head h2 {
        font-size: 36px
    }
    .mpr-product-detail-text p {
        font-size: 15px;
        line-height: 1.75
    }
}
.mpr-product-specs {
    margin-top: 80px
}
.mpr-product-specs-head {
    max-width: 750px
}
.mpr-product-specs-head h2 {
    margin: 14px 0 0;
    color: #0b292f;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.05em
}
.mpr-product-specs-table {
    margin-top: 42px;
    border-top: 1px solid #cfd8da
}
.mpr-product-specs-row {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 40px;
    padding: 23px 26px;
    border-bottom: 1px solid #dce2e3;
    transition: background .25s ease
}
.mpr-product-specs-row:nth-child(even) {
    background: #f5f7f7
}
.mpr-product-specs-row:hover {
    background: #edf1f1
}
.mpr-product-specs-row span {
    color: #718185;
    font-size: 13px;
    font-weight: 700
}
.mpr-product-specs-row strong {
    color: #0b292f;
    font-size: 14px;
    font-weight: 700
}
@media (max-width:767.98px) {
    .mpr-product-specs {
        margin-top: 55px
    }
    .mpr-product-specs-head h2 {
        font-size: 36px
    }
    .mpr-product-specs-row {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 19px 18px
    }
}
.mpr-product-usage {
    margin-top: 90px
}
.mpr-product-usage-head {
    max-width: 760px
}
.mpr-product-usage-head h2 {
    margin: 14px 0 0;
    color: #0b292f;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.05em
}
.mpr-product-usage-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 45px;
    border-top: 1px solid #dce2e3;
    border-left: 1px solid #dce2e3
}
.mpr-product-usage-item {
    position: relative;
    min-height: 150px;
    padding: 38px;
    border-right: 1px solid #dce2e3;
    border-bottom: 1px solid #dce2e3
}
.mpr-product-usage-item>span {
    position: absolute;
    top: 24px;
    right: 26px;
    color: #9aa7aa;
    font-size: 10px;
    font-weight: 800
}
.mpr-product-usage-item>i {
    display: block;
    margin-bottom: 35px;
    color: var(--mpr-orange);
    font-size: 32px
}
.mpr-product-usage-item h3 {
    margin: 0 0 13px;
    color: #0b292f;
    font-size: 23px;
    font-weight: 650;
    letter-spacing: -.03em
}
.mpr-product-usage-item p {
    margin: 0;
    color: #68797d;
    font-size: 14px;
    line-height: 1.75
}
@media (max-width:767.98px) {
    .mpr-product-usage {
        margin-top: 60px
    }
    .mpr-product-usage-head h2 {
        font-size: 36px
    }
    .mpr-product-usage-grid {
        grid-template-columns: 1fr
    }
    .mpr-product-usage-item {
        min-height: auto;
        padding: 30px 26px
    }
}
.mpr-product-services {
    margin-top: 85px
}
.mpr-product-services-head {
    max-width: 760px
}
.mpr-product-services-head h2 {
    margin: 14px 0 0;
    color: #0b292f;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.05em
}
.mpr-product-services-grid {
    margin-top: 42px;
    border-top: 1px solid #dce2e3
}
.mpr-product-services-grid>a {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr) 50px;
    align-items: center;
    gap: 25px;
    padding: 28px 20px;
    color: #0b292f;
    border-bottom: 1px solid #dce2e3;
    transition: padding .3s ease, background .3s ease
}
.mpr-product-services-grid>a>span {
    color: var(--mpr-orange);
    font-size: 11px;
    font-weight: 800
}
.mpr-product-services-grid h3 {
    margin: 0 0 6px;
    color: #0b292f;
    font-size: 23px;
    font-weight: 650
}
.mpr-product-services-grid p {
    margin: 0;
    color: #718185;
    font-size: 13px
}
.mpr-product-services-grid>a>i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid #ccd5d7;
    transition: color .3s ease, background .3s ease, border-color .3s ease
}
.mpr-product-services-grid>a:hover {
    padding-left: 30px;
    color: #0b292f;
    background: #f3f6f6
}
.mpr-product-services-grid>a:hover>i {
    color: #fff;
    border-color: var(--mpr-orange);
    background: var(--mpr-orange)
}
@media (max-width:575.98px) {
    .mpr-product-services {
        margin-top: 60px
    }
    .mpr-product-services-head h2 {
        font-size: 36px
    }
    .mpr-product-services-grid>a {
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 15px;
        padding: 23px 10px
    }
    .mpr-product-services-grid>a>i {
        display: none
    }
}
.mpr-product-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 75px
}
.mpr-product-gallery>a {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #e9eeee
}
.mpr-product-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1)
}
.mpr-product-gallery>a>span {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #fff;
    background: rgba(5, 28, 33, .82);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .3s ease, transform .3s ease, background .3s ease
}
.mpr-product-gallery>a:hover img {
    transform: scale(1.045)
}
.mpr-product-gallery>a:hover>span {
    opacity: 1;
    transform: translateY(0)
}
.mpr-product-gallery>a:hover>span:hover {
    background: var(--mpr-orange)
}
@media (max-width:575.98px) {
    .mpr-product-gallery {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 55px
    }
    .mpr-product-gallery>a>span {
        opacity: 1;
        transform: none
    }
}
.mpr-news-content {
    min-width: 0
}
.mpr-news-head {
    max-width: 900px;
    padding-bottom: 55px;
    border-bottom: 1px solid #dce2e3
}
.mpr-news-head h2 {
    max-width: 800px;
    margin: 14px 0 28px;
    color: #0b292f;
    font-size: clamp(38px, 4.5vw, 66px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.055em
}
.mpr-news-head p {
    max-width: 790px;
    margin: 0;
    color: #5c6e72;
    font-size: 17px;
    line-height: 1.85
}
@media (max-width:767.98px) {
    .mpr-news-head {
        padding-bottom: 38px
    }
    .mpr-news-head h2 {
        margin-bottom: 22px;
        font-size: 38px
    }
    .mpr-news-head p {
        font-size: 15px;
        line-height: 1.75
    }
}
.mpr-news-featured {
    margin-top: 55px;
    background: #fff
}
.mpr-news-featured-media {
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    overflow: hidden;
    background: #e9eeee
}
.mpr-news-featured-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2, .7, .2, 1)
}
.mpr-news-featured:hover .mpr-news-featured-media img {
    transform: scale(1.025)
}
.mpr-news-featured-content {
    position: relative;
    z-index: 2;
    width: calc(100% - 100px);
    max-width: 1000px;
    margin: -80px auto 0;
    padding: 55px 60px 60px;
    background: #fff;
    box-shadow: 0 25px 70px rgba(11, 41, 47, .09)
}
.mpr-news-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px
}
.mpr-news-meta span {
    color: var(--mpr-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.mpr-news-meta time {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #8a999c;
    font-size: 11px
}
.mpr-news-meta time::before {
    content: "";
    width: 24px;
    height: 1px;
    background: #cad3d5
}
.mpr-news-featured-content h2 {
    max-width: 850px;
    margin: 24px 0 28px;
    color: #0b292f;
    font-size: clamp(36px, 4vw, 58px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.05em
}
.mpr-news-featured-lead {
    max-width: 850px;
    margin: 0;
    padding-bottom: 32px;
    color: #435b60;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.75;
    border-bottom: 1px solid #dce2e3
}
.mpr-news-featured-text {
    max-width: 850px;
    margin-top: 32px
}
.mpr-news-featured-text p {
    margin: 0 0 22px;
    color: #637579;
    font-size: 16px;
    line-height: 1.9
}
.mpr-news-featured-text p:last-child {
    margin-bottom: 0
}
@media (max-width:991.98px) {
    .mpr-news-featured-media {
        height: 500px
    }
    .mpr-news-featured-content {
        width: calc(100% - 60px);
        margin-top: -60px;
        padding: 45px
    }
}
@media (max-width:767.98px) {
    .mpr-news-featured {
        margin-top: 40px
    }
    .mpr-news-featured-media {
        height: auto;
        aspect-ratio: 4/3
    }
    .mpr-news-featured-content {
        width: calc(100% - 30px);
        margin-top: -35px;
        padding: 32px 24px 36px;
        box-shadow: 0 18px 45px rgba(11, 41, 47, .08)
    }
    .mpr-news-featured-content h2 {
        margin: 20px 0 22px;
        font-size: 34px
    }
    .mpr-news-featured-lead {
        padding-bottom: 26px;
        font-size: 16px;
        line-height: 1.75
    }
    .mpr-news-featured-text {
        margin-top: 26px
    }
    .mpr-news-featured-text p {
        font-size: 15px;
        line-height: 1.8
    }
}
@media (max-width:575.98px) {
    .mpr-news-featured-content {
        width: 100%;
        margin-top: 0;
        padding-inline: 0;
        box-shadow: none
    }
}
.mpr-news-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 55px 24px;
    margin-top: 70px
}
@media (max-width:767.98px) {
    .mpr-news-grid {
        grid-template-columns: 1fr;
        gap: 38px;
        margin-top: 50px
    }
}
.mpr-news-card {
    min-width: 0
}
.mpr-news-card-media {
    position: relative;
    display: block;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #e9eeee
}
.mpr-news-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .75s cubic-bezier(.2, .7, .2, 1)
}
.mpr-news-card-media>span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 9px 12px;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: var(--mpr-orange)
}
.mpr-news-card:hover .mpr-news-card-media img {
    transform: scale(1.05)
}
.mpr-news-card-content {
    position: relative;
    padding: 25px 65px 0 0
}
.mpr-news-card-content time {
    display: block;
    margin-bottom: 13px;
    color: #8b999c;
    font-size: 11px
}
.mpr-news-card-content h3 {
    margin: 0;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -.035em
}
.mpr-news-card-content h3 a {
    color: #0b292f
}
.mpr-news-card-content p {
    margin: 17px 0 0;
    color: #68797d;
    font-size: 14px;
    line-height: 1.75
}
.mpr-news-card-content>a {
    position: absolute;
    top: 26px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #0b292f;
    border: 1px solid #ccd5d7;
    transition: color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease
}
.mpr-news-card:hover .mpr-news-card-content>a {
    color: #fff;
    border-color: var(--mpr-orange);
    background: var(--mpr-orange);
    transform: translate(3px, -3px)
}
@media (max-width:575.98px) {
    .mpr-news-card-content {
        padding-right: 55px
    }
    .mpr-news-card-content h3 {
        font-size: 22px
    }
    .mpr-news-card-content>a {
        width: 43px;
        height: 43px
    }
}
.mpr-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 80px;
    padding-top: 38px;
    border-top: 1px solid #dce2e3
}
.mpr-pagination>a, .mpr-pagination>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #617377;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #d6ddde;
    transition: color .3s ease, background .3s ease, border-color .3s ease
}
.mpr-pagination>a:hover, .mpr-pagination>a.is-active {
    color: #fff;
    border-color: #0b292f;
    background: #0b292f
}
.mpr-pagination-direction {
    margin: 0 8px
}
.mpr-pagination>a.is-disabled {
    opacity: .35;
    pointer-events: none
}
.mpr-pagination>span {
    border-color: transparent
}
@media (max-width:575.98px) {
    .mpr-pagination {
        gap: 5px;
        margin-top: 55px
    }
    .mpr-pagination>a, .mpr-pagination>span {
        width: 40px;
        height: 40px
    }
    .mpr-pagination-direction {
        margin: 0
    }
}
.mpr-contact-content {
    min-width: 0
}
.mpr-contact-head {
    max-width: 900px;
    padding-bottom: 55px;
    border-bottom: 1px solid #dce2e3
}
.mpr-contact-head h2 {
    max-width: 800px;
    margin: 14px 0 28px;
    color: #0b292f;
    font-size: clamp(38px, 4.5vw, 66px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.055em
}
.mpr-contact-head p {
    max-width: 760px;
    margin: 0;
    color: #5c6e72;
    font-size: 17px;
    line-height: 1.85
}
@media (max-width:767.98px) {
    .mpr-contact-head {
        padding-bottom: 38px
    }
    .mpr-contact-head h2 {
        margin-bottom: 22px;
        font-size: 38px
    }
    .mpr-contact-head p {
        font-size: 15px;
        line-height: 1.75
    }
}
.mpr-contact-side {
    border-top: 1px solid #d9e0e1
}
.mpr-contact-side>a, .mpr-contact-side-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    color: #0b292f;
    border-bottom: 1px solid #d9e0e1;
    transition: background .3s ease
}
.mpr-contact-side>a:hover {
    color: #0b292f;
    background: #f1f4f4
}
.mpr-contact-side>a>i, .mpr-contact-side-item>i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--mpr-orange);
    font-size: 17px;
    background: #f1f4f4
}
.mpr-contact-side small, .mpr-contact-side strong {
    display: block
}
.mpr-contact-side small {
    margin-bottom: 5px;
    color: #879699;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.mpr-contact-side strong {
    color: #0b292f;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6
}
.mpr-contact-hours {
    margin-top: 24px;
    padding: 26px;
    color: #fff;
    background: #0b292f
}
.mpr-contact-hours>span {
    display: block;
    margin-bottom: 20px;
    color: var(--mpr-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.mpr-contact-hours>div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 13px 0;
    border-top: 1px solid rgba(255, 255, 255, .12)
}
.mpr-contact-hours small {
    color: rgba(255, 255, 255, .55);
    font-size: 12px
}
.mpr-contact-hours strong {
    color: #fff;
    font-size: 12px
}
.mpr-contact-form {
    margin-top: 55px;
    padding: 50px;
    background: #f3f5f5
}
.mpr-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 24px
}
.mpr-form-field {
    min-width: 0
}
.mpr-form-field-full {
    grid-column: 1/-1
}
.mpr-form-field label {
    display: block;
    margin-bottom: 10px;
    color: #0b292f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase
}
.mpr-form-field input, .mpr-form-field select, .mpr-form-field textarea {
    width: 100%;
    color: #0b292f;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #bdc8ca;
    border-radius: 0;
    outline: 0;
    background: transparent;
    transition: border-color .3s ease
}
.mpr-form-field input, .mpr-form-field select {
    height: 54px
}
.mpr-form-field textarea {
    display: block;
    min-height: 150px;
    padding: 15px 0;
    resize: vertical
}
.mpr-form-field input::placeholder, .mpr-form-field textarea::placeholder {
    color: #9aa6a8
}
.mpr-form-field input:focus, .mpr-form-field select:focus, .mpr-form-field textarea:focus {
    border-color: var(--mpr-orange)
}
.mpr-form-check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 28px;
    color: #68797d;
    font-size: 12px;
    line-height: 1.65;
    cursor: pointer
}
.mpr-form-check input {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    accent-color: var(--mpr-orange)
}
.mpr-form-check a {
    color: #0b292f;
    font-weight: 700;
    text-decoration: underline
}
.mpr-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    min-width: 230px;
    height: 58px;
    margin-top: 30px;
    padding: 0 22px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    border: 0;
    background: #0b292f;
    transition: background .3s ease
}
.mpr-contact-submit:hover {
    background: var(--mpr-orange)
}
.mpr-contact-submit i {
    transition: transform .3s ease
}
.mpr-contact-submit:hover i {
    transform: translate(3px, -3px)
}
@media (max-width:767.98px) {
    .mpr-contact-form {
        margin-top: 40px;
        padding: 32px 24px
    }
    .mpr-contact-form-grid {
        grid-template-columns: 1fr;
        gap: 24px
    }
    .mpr-form-field-full {
        grid-column: auto
    }
    .mpr-contact-submit {
        width: 100%
    }
}
.mpr-contact-departments {
    margin-top: 85px
}
.mpr-contact-departments-head {
    max-width: 760px
}
.mpr-contact-departments-head h2 {
    margin: 14px 0 0;
    color: #0b292f;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.05em
}
.mpr-contact-departments-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 42px;
    border-top: 1px solid #dce2e3;
    border-left: 1px solid #dce2e3
}
.mpr-contact-departments-grid>a {
    position: relative;
    min-height: 300px;
    padding: 34px;
    color: #0b292f;
    border-right: 1px solid #dce2e3;
    border-bottom: 1px solid #dce2e3;
    transition: color .3s ease, background .3s ease
}
.mpr-contact-departments-grid>a>span {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #98a5a8;
    font-size: 10px;
    font-weight: 800
}
.mpr-contact-departments-grid>a>i {
    display: block;
    margin-bottom: 42px;
    color: var(--mpr-orange);
    font-size: 31px
}
.mpr-contact-departments-grid h3 {
    margin: 0 0 14px;
    color: inherit;
    font-size: 22px;
    font-weight: 650
}
.mpr-contact-departments-grid p {
    margin: 0 0 22px;
    color: #718185;
    font-size: 13px;
    line-height: 1.7
}
.mpr-contact-departments-grid strong {
    color: inherit;
    font-size: 12px
}
.mpr-contact-departments-grid>a:hover {
    color: #fff;
    background: #0b292f
}
.mpr-contact-departments-grid>a:hover p {
    color: rgba(255, 255, 255, .58)
}
@media (max-width:1199.98px) {
    .mpr-contact-departments-grid {
        grid-template-columns: 1fr
    }
    .mpr-contact-departments-grid>a {
        min-height: auto
    }
}
@media (max-width:767.98px) {
    .mpr-contact-departments {
        margin-top: 60px
    }
    .mpr-contact-departments-head h2 {
        font-size: 36px
    }
}
.mpr-contact-map {
    position: relative;
    width: min(100% - 48px, 1500px);
    height: 620px;
    margin: 120px auto 0;
    overflow: hidden;
    background: #dfe5e5
}
.mpr-contact-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(1) contrast(.9)
}
.mpr-contact-map-card {
    position: absolute;
    left: 50px;
    bottom: 50px;
    width: min(420px, calc(100% - 100px));
    padding: 36px;
    color: #fff;
    background: #0b292f
}
.mpr-contact-map-card h3 {
    margin: 12px 0 14px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.04em
}
.mpr-contact-map-card p {
    margin: 0;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    line-height: 1.7
}
.mpr-contact-map-card a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 25px;
    padding-top: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    border-top: 1px solid rgba(255, 255, 255, .14)
}
.mpr-contact-map-card a i {
    color: var(--mpr-orange);
    transition: transform .3s ease
}
.mpr-contact-map-card a:hover {
    color: #fff
}
.mpr-contact-map-card a:hover i {
    transform: translate(3px, -3px)
}
@media (max-width:767.98px) {
    .mpr-contact-map {
        width: 100%;
        height: auto;
        margin-top: 75px;
        overflow: visible
    }
    .mpr-contact-map iframe {
        display: block;
        height: 430px
    }
    .mpr-contact-map-card {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        padding: 32px 24px
    }
}
.mpr-lightbox {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 90px;
    opacity: 0;
    visibility: hidden;
    background: rgba(3, 15, 18, .94);
    backdrop-filter: blur(8px);
    transition: opacity .35s ease, visibility .35s ease
}
.mpr-lightbox.is-open {
    opacity: 1;
    visibility: visible
}
.mpr-lightbox-dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform: scale(.96);
    transition: transform .35s ease
}
.mpr-lightbox.is-open .mpr-lightbox-dialog {
    transform: scale(1)
}
.mpr-lightbox-dialog img {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 150px);
    object-fit: contain
}
.mpr-lightbox-caption {
    min-height: 22px;
    margin-top: 18px;
    color: rgba(255, 255, 255, .65);
    font-size: 13px;
    text-align: center
}
.mpr-lightbox-close {
    position: absolute;
    z-index: 3;
    top: 26px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    color: #fff;
    font-size: 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .06);
    transition: color .3s ease, background .3s ease, border-color .3s ease
}
.mpr-lightbox-close:hover {
    color: #fff;
    border-color: var(--mpr-orange);
    background: var(--mpr-orange)
}
.mpr-lightbox-nav {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 70px;
    padding: 0;
    color: #fff;
    font-size: 22px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .05);
    transform: translateY(-50%);
    transition: background .3s ease, border-color .3s ease
}
.mpr-lightbox-nav:hover {
    border-color: var(--mpr-orange);
    background: var(--mpr-orange)
}
.mpr-lightbox-prev {
    left: 24px
}
.mpr-lightbox-next {
    right: 24px
}
.mpr-lightbox-nav.is-hidden {
    display: none
}
body.mpr-lightbox-open {
    overflow: hidden
}
@media (max-width:767.98px) {
    .mpr-lightbox {
        padding: 70px 18px 30px
    }
    .mpr-lightbox-dialog img {
        max-height: calc(100vh - 150px)
    }
    .mpr-lightbox-close {
        top: 16px;
        right: 16px;
        width: 44px;
        height: 44px
    }
    .mpr-lightbox-nav {
        top: auto;
        bottom: 18px;
        width: 48px;
        height: 48px;
        transform: none
    }
    .mpr-lightbox-prev {
        left: calc(50% - 56px)
    }
    .mpr-lightbox-next {
        right: calc(50% - 56px)
    }
    .mpr-lightbox-caption {
        margin-bottom: 60px
    }
}