.landing-phr-wrapper,
.landing-phr-wrapper *,
.landing-phr-wrapper *::before,
.landing-phr-wrapper *::after {outline:none; box-sizing:border-box; font-family:MetronicPro, sans-serif; font-weight:normal; letter-spacing:0}

.landing-phr-wrapper {background:#FFFFFF; position:relative; overflow:hidden; width:100%}

.landing-phr-container {margin:0 auto; width:100%; max-width:1220px}

@media (max-width:1219px) {
    .landing-phr-container {padding:0 10px}
}

.landing-phr-welcome {height:540px; display:flex; align-items:center; background:url(../img/landing-phr-welcome.jpg) no-repeat center; background-size:auto 100%; position:relative}
.landing-phr-welcome-title {font-weight:600; font-size:36px; line-height:1.2em; color:#FFFFFF}
.landing-phr-welcome-text {margin:20px 0 0 0; font-size:24px; line-height:1.5em; color:#FFFFFF; max-width:300px}
.landing-phr-welcome-link {display:flex; margin:36px 0 0 0}
.landing-phr-welcome-link a {display:block; padding:15px 20px; font-size:18px; line-height:1em; color:#01426A; text-decoration:none; background:#FFFFFF; border-radius:5px; transition:background 0.2s, color 0.2s; text-align:center}
@media (min-width:1220px) {
    .landing-phr-welcome-link a:hover {background:#01426A; color:#FFFFFF}
}

@media (max-width:1219px) {
    .landing-phr-welcome {padding:10px 0 0 0; align-items:stretch; background-image:url(../img/landing-phr-welcome-mobile.jpg); background-size:cover; position:relative}
    .landing-phr-welcome-title {max-width:300px; margin:0 auto; font-size:24px; line-height:1.2em; text-align:center}
    .landing-phr-welcome-text {max-width:240px; margin:10px auto 0 auto; text-align:center; font-size:16px; line-height:1.5em}
    .landing-phr-welcome-link {margin:0; position:absolute; left:10px; bottom:10px; right:10px; white-space:nowrap; display:block}
}

.landing-phr-title {font-size:36px; line-height:1.2em; color:#01426A}
.landing-phr-anonce {margin:20px 0 0 0; font-size:18px; line-height:1.5em; color:#474646}

@media (max-width:1219px) {
    .landing-phr-title {font-size:24px; line-height:1.2em; text-align:center}
    .landing-phr-title br {display:none}
    .landing-phr-anonce {font-size:16px; line-height:1.5em; text-align:center}
    .landing-phr-anonce br {display:none}
}

.landing-phr-prefs {margin:80px 0 0 0}
.landing-phr-prefs-list {margin:40px 0 0 0; display:flex; gap:20px}
.landing-phr-prefs-item {flex:1; padding:50px 20px; background:#01426A; border-radius:10px}
.landing-phr-prefs-item-icon {width:100px; margin:0 auto}
.landing-phr-prefs-item-icon img {display:block; width:100%}
.landing-phr-prefs-item-text {margin:30px 0 0 0; font-size:18px; line-height:1.5em; text-align:center; color:#FFFFFF}

@media (max-width:1219px) {
    .landing-phr-prefs {margin:60px 0 0 0}
    .landing-phr-prefs-list {margin:20px 0 0 0; display:block}
    .landing-phr-prefs-item {padding:20px 10px; display:flex; align-items:center; margin:5px 0 0 0}
    .landing-phr-prefs-item-icon {width:72px; min-width:72px; max-width:72px; margin:0 20px 0 0}
    .landing-phr-prefs-item-text {margin:0; font-size:16px; line-height:1.5em; text-align:left}
}

.landing-phr-how {margin:100px 0 0 0}
.landing-phr-how-content {margin:40px 0 0 0; position:relative; border-radius:12px; background:url(../img/landing-phr-how.jpg) no-repeat; background-size:100%; height:592px}
.landing-phr-how-item {position:absolute}
.landing-phr-how-item-1 {left:491px; top:213px}
.landing-phr-how-item-2 {left:737px; top:147px}
.landing-phr-how-item-3 {left:737px; top:362px}
.landing-phr-how-item-icon {display:none}
.landing-phr-how-item-title {position:absolute; padding:10px 20px 10px 76px; background:#01426A; color:#FFFFFF; font-size:18px; line-height:1.3em; white-space:nowrap}
.landing-phr-how-item-title::before {content:""; position:absolute; left:20px; top:50%; width:46px; height:46px; margin:-23px 0 0 0; background:url(../img/landing-phr-how-item.svg) no-repeat; background-size:100%}
.landing-phr-how-item-1 .landing-phr-how-item-title {right:0; bottom:0; border-radius:6px 6px 0 6px}
.landing-phr-how-item-2 .landing-phr-how-item-title {left:0; bottom:0; border-radius:6px 6px 6px 0}
.landing-phr-how-item-3 .landing-phr-how-item-title {left:0; top:0; border-radius:0 6px 6px 6px}

@media (max-width:1219px) {
    .landing-phr-how {margin:60px 0 0 0}
    .landing-phr-how-content {margin:20px auto 0 auto; width:300px; background-image:url(../img/landing-phr-how-mobile.jpg); height:460px}
    .landing-phr-how-item {position:static}
    .landing-phr-how-item-1 {left:auto; top:auto}
    .landing-phr-how-item-2 {left:auto; top:auto}
    .landing-phr-how-item-3 {left:auto; top:auto}
    .landing-phr-how-item-icon {display:block; position:absolute; width:16px; height:16px; background:#01426A; border-radius:50%; cursor:pointer; animation-iteration-count:infinite; animation-timing-function:ease-out; animation-name:landing-phr-how-item-icon; animation-duration:2s; transition:background 0.2s}
    @keyframes landing-phr-how-item-icon {
        0% {transform:scale(1)}
        50% {transform:scale(1.5)}
        100% {transform:scale(1)}
    }
    .landing-phr-how-item.active .landing-phr-how-item-icon {animation-name:none; background:#FFFFFF}
    .landing-phr-how-item-1 .landing-phr-how-item-icon {left:60px; top:163px}
    .landing-phr-how-item-2 .landing-phr-how-item-icon {left:223px; top:125px}
    .landing-phr-how-item-3 .landing-phr-how-item-icon {left:223px; top:278px}
    .landing-phr-how-item-icon::before {content:""; position:absolute; left:-12px; top:-12px; right:-12px; bottom:-12px; border:12px solid rgba(1, 66, 106, 0.2); border-radius:50%; transition:border-color 0.2s}
    .landing-phr-how-item.active .landing-phr-how-item-icon::before {border-color:#01426A}
    .landing-phr-how-item-icon::after {content:""; position:absolute; left:-22px; top:-22px; right:-22px; bottom:-22px; border:1px solid rgba(1, 66, 106, 0.3); border-radius:50%; transition:border-color 0.2s}
    .landing-phr-how-item.active .landing-phr-how-item-icon::after {border-color:transparent}
    .landing-phr-how-item-title {display:none; padding:10px 8px 10px 64px; background:rgba(1, 66, 106, 0.8); backdrop-filter:blur(5px); white-space:normal}
    .landing-phr-how-item-title br {display:none}
    .landing-phr-how-item.active .landing-phr-how-item-title {display:block}
    .landing-phr-how-item-1 .landing-phr-how-item-title {left:10px; right:10px; bottom:10px; top:auto; border-radius:6px}
    .landing-phr-how-item-2 .landing-phr-how-item-title {left:10px; right:10px; bottom:10px; top:auto; border-radius:6px}
    .landing-phr-how-item-3 .landing-phr-how-item-title {left:10px; right:10px; bottom:10px; top:auto; border-radius:6px}
    .landing-phr-how-item-title::before {left:8px}
}

.landing-phr-video {margin:100px 0 0 0}
.landing-phr-video-wrapper {margin:40px 0 0 0; background:#01426A; position:relative}
.landing-phr-video-wrapper::before {content:""; position:absolute; left:0; top:0; right:0; height:50%; background:#FFFFFF}
.landing-phr-video-wrapper .landing-steamcure-container {position:relative}
.landing-phr-video-content {position:relative; padding:44.26% 0 0 0; background:#000000; border-radius:10px}
.landing-phr-video-play {position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; background:url(../img/landing-phr-video-preview.jpg) no-repeat center; background-size:cover; border-radius:10px}
.landing-phr-video-play::before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.4); border-radius:10px}
.landing-phr-video-play svg {width:120px; height:120px; fill:#FFFFFF; transition:fill 0.2s; position:relative}
@media (min-width:1220px) {
    .landing-phr-video-play:hover svg {fill:#00314E}
}
.landing-phr-video video {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px}

@media (max-width:1219px) {
    .landing-phr-video {margin:60px 0 0 0}
    .landing-phr-video-wrapper {margin:20px 0 0 0}
    .landing-phr-video-content {padding:100% 0 0 0}
}

.landing-phr-catalogue {padding:100px 0 144px 0; background:#01426A}
.landing-phr-catalogue .landing-phr-title {color:#FFFFFF; text-align:center; margin:0 0 40px 0}
.landing-phr-catalogue-list {margin:0 -10px; position:relative}
.landing-phr-catalogue-list .swiper-slide {min-width:25%; max-width:25%}
.landing-phr-catalogue-item {display:block; margin:0 10px; background:#FFFFFF; border:1px solid #D9D9D9; border-radius:12px; padding:10px; text-decoration:none; text-align:center}
.landing-phr-catalogue-preview {height:228px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden}
.landing-phr-catalogue-preview img {max-width:100%; max-height:100%; width:auto; height:auto}
.landing-phr-catalogue-title {margin:10px 0 0 0; color:#041C32; font-size:18px; line-height:1.5em}
.landing-phr-catalogue-btn {margin:10px 0 0 0}
.landing-phr-catalogue-btn span {display:flex; justify-content:center; padding:15px 0; font-size:18px; line-height:1em; color:#FFFFFF; text-decoration:none; background:#01426A; border-radius:5px; transition:background 0.2s}
@media (min-width:1220px) {
    .landing-phr-catalogue-item:hover .landing-phr-catalogue-btn span {background:#00314E}
}
.landing-phr-catalogue-list .swiper-button-prev,
.landing-phr-catalogue-list .swiper-button-next {min-width:36px; max-width:36px; width:36px; height:36px; position:absolute; top:50%; margin:-18px 0 0 0; display:block; border:none; border-radius:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:none; transform:none; opacity:1}
.landing-phr-catalogue-list .swiper-button-prev::after,
.landing-phr-catalogue-list .swiper-button-next::after {display:none}
.landing-phr-catalogue-list .swiper-button-prev {left:-46px}
.landing-phr-catalogue-list .swiper-button-next {right:-46px}
.landing-phr-catalogue-list .swiper-button-prev svg,
.landing-phr-catalogue-list .swiper-button-next svg {display:block; width:36px; height:36px; fill:#FFFFFF; transition:fill 0.2s}
@media (min-width:1220px) {
    .landing-phr-catalogue-list .swiper-button-prev:hover svg,
    .landing-phr-catalogue-list .swiper-button-next:hover svg {fill:#D9D9D9}
}
.landing-phr-catalogue-list .swiper-pagination {display:flex; position:absolute; margin:0; width:auto; left:0; top:auto; right:0; bottom:-44px; align-items:center; justify-content:center}
.landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet {display:block; min-width:4px; max-width:4px; height:4px; background:rgba(255, 255, 255, 0.5); opacity:1; margin:0 0 0 10px; border-radius:2px; cursor:default; position:relative; transition:min-width 0.2s, max-width 0.2s, background 0.2s}
.landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet:first-child {margin:0}
.landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet.active {min-width:50px; max-width:50px; background:#FFFFFF}

@media (max-width:1219px) {
    .landing-phr-catalogue {padding:40px 0 84px 0}
    .landing-phr-catalogue .landing-phr-title {margin:0 0 20px 0}
    .landing-phr-catalogue-list {max-width:300px; margin:0 auto}
    .landing-phr-catalogue-list .swiper-slide {min-width:0; max-width:none}
    .landing-phr-catalogue-item {margin:0}
    .landing-phr-catalogue-ctrl {margin:10px 0 0 0; display:flex; justify-content:space-between; align-items:center}
    .landing-phr-catalogue-list .swiper-button-prev,
    .landing-phr-catalogue-list .swiper-button-next {position:relative; left:auto; top:auto; bottom:auto; right:auto; margin:0}
    .landing-phr-catalogue-list .swiper-pagination {position:relative; left:auto; bottom:auto; right:auto}
    .landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet {display:none}
    .landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet.prev {display:block}
    .landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet.prev-mini {display:block; transform:scale(0.5)}
    .landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet.active {display:block}
    .landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet.next {display:block}
    .landing-phr-catalogue-list .swiper-pagination .swiper-pagination-bullet.next-mini {display:block; transform:scale(0.5)}
}

.swiper {-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none}