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

.landing-fan-wrapper {background:#FFFFFF; position:relative; overflow:hidden; width:100%; padding:0 0 100px 0}

@media (max-width:1219px) {
    .landing-fan-wrapper {padding:0 0 80px 0}
}

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

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

.landing-fan-welcome {height:540px; display:flex; align-items:center; background:url(../img/landing-fan-welcome.jpg) no-repeat center; background-size:auto 100%}
.landing-fan-welcome-title {max-width:408px; font-weight:600; font-size:36px; line-height:1.2em; color:#01426A}
.landing-fan-welcome-text {max-width:411px; margin:20px 0 0 0; font-size:16px; line-height:1.5em; color:#01426A}
.landing-fan-welcome-link {display:flex; margin:36px 0 0 0}
.landing-fan-welcome-link a {display:block; padding:15px 20px; 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-fan-welcome-link a:hover {background:#00314E; color:#FFFFFF}
}
.landing-fan-welcome-leaf {position:absolute; pointer-events:none; left:50%; background-repeat:no-repeat; background-size:100%; animation-iteration-count:infinite; animation-timing-function:linear}
.landing-fan-welcome-leaf-01 {width:21px; height:16px; margin-left:52px; top:311px; background-image:url(../img/landing-fan-welcome-leaf-01.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2s}
.landing-fan-welcome-leaf-02 {width:18px; height:14px; margin-left:74px; top:290px; background-image:url(../img/landing-fan-welcome-leaf-02.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2.5s}
.landing-fan-welcome-leaf-03 {width:10px; height:12px; margin-left:78px; top:265px; background-image:url(../img/landing-fan-welcome-leaf-03.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:1.5s}
.landing-fan-welcome-leaf-04 {width:12px; height:13px; margin-left:129px; top:262px; background-image:url(../img/landing-fan-welcome-leaf-04.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2s}
.landing-fan-welcome-leaf-05 {width:17px; height:22px; margin-left:130px; top:317px; background-image:url(../img/landing-fan-welcome-leaf-05.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2.5s}
.landing-fan-welcome-leaf-06 {width:17px; height:8px; margin-left:123px; top:344px; background-image:url(../img/landing-fan-welcome-leaf-06.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:1.5s}
.landing-fan-welcome-leaf-07 {width:9px; height:11px; margin-left:156px; top:246px; background-image:url(../img/landing-fan-welcome-leaf-07.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2s}
.landing-fan-welcome-leaf-08 {width:16px; height:13px; margin-left:166px; top:252px; background-image:url(../img/landing-fan-welcome-leaf-08.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:1.5s}
.landing-fan-welcome-leaf-09 {width:8px; height:13px; margin-left:240px; top:351px; background-image:url(../img/landing-fan-welcome-leaf-09.png); animation-name:landing-fan-welcome-leaf-left-bottom; animation-duration:2.5s}
.landing-fan-welcome-leaf-10 {width:19px; height:16px; margin-left:315px; top:330px; background-image:url(../img/landing-fan-welcome-leaf-10.png); animation-name:landing-fan-welcome-leaf-left-bottom; animation-duration:2s}
.landing-fan-welcome-leaf-11 {width:13px; height:18px; margin-left:335px; top:216px; background-image:url(../img/landing-fan-welcome-leaf-11.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2.5s}
.landing-fan-welcome-leaf-12 {width:21px; height:15px; margin-left:356px; top:220px; background-image:url(../img/landing-fan-welcome-leaf-12.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:1.5s}
.landing-fan-welcome-leaf-13 {width:15px; height:7px; margin-left:354px; top:240px; background-image:url(../img/landing-fan-welcome-leaf-13.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2s}
.landing-fan-welcome-leaf-14 {width:15px; height:12px; margin-left:333px; top:266px; background-image:url(../img/landing-fan-welcome-leaf-14.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:1.8s}
.landing-fan-welcome-leaf-15 {width:11px; height:8px; margin-left:359px; top:208px; background-image:url(../img/landing-fan-welcome-leaf-15.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2.5s}
.landing-fan-welcome-leaf-16 {width:21px; height:11px; margin-left:428px; top:226px; background-image:url(../img/landing-fan-welcome-leaf-16.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2.3s}
.landing-fan-welcome-leaf-17 {width:20px; height:13px; margin-left:439px; top:244px; background-image:url(../img/landing-fan-welcome-leaf-17.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2.1s}
.landing-fan-welcome-leaf-18 {width:14px; height:12px; margin-left:431px; top:261px; background-image:url(../img/landing-fan-welcome-leaf-18.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2s}
.landing-fan-welcome-leaf-19 {width:13px; height:16px; margin-left:401px; top:264px; background-image:url(../img/landing-fan-welcome-leaf-19.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2.5s}
.landing-fan-welcome-leaf-20 {width:18px; height:13px; margin-left:398px; top:320px; background-image:url(../img/landing-fan-welcome-leaf-20.png); animation-name:landing-fan-welcome-leaf-left-bottom; animation-duration:1.5s}
.landing-fan-welcome-leaf-21 {width:8px; height:13px; margin-left:393px; top:344px; background-image:url(../img/landing-fan-welcome-leaf-21.png); animation-name:landing-fan-welcome-leaf-left-bottom; animation-duration:2s}

@keyframes landing-fan-welcome-leaf-left {
    0% {transform:translateX(0); opacity:0}
    50% {transform:translateX(-50px); opacity:1}
    100% {transform:translateX(-100px); opacity:0}
}
@keyframes landing-fan-welcome-leaf-left-top {
    0% {transform:translate(0, 10px); opacity:0}
    50% {transform:translate(-50px); opacity:1}
    100% {transform:translate(-100px, -10px); opacity:0}
}
@keyframes landing-fan-welcome-leaf-left-bottom {
    0% {transform:translate(0, -10px); opacity:0}
    50% {transform:translate(-50px); opacity:1}
    100% {transform:translate(-100px, 10px); opacity:0}
}

@media (max-width:1219px) {
    .landing-fan-welcome {height:560px; padding:40px 0 0 0; align-items:stretch; background-image:url(../img/landing-fan-welcome-mobile.jpg); background-size:cover}
    .landing-fan-welcome-title {max-width:272px; margin:0 auto; font-size:24px; line-height:1.2em; text-align:center}
    .landing-fan-welcome-text {max-width:300px; margin:10px auto 0 auto; text-align:center}
    .landing-fan-welcome-link {margin:24px 0 0 0; justify-content:center}

    @keyframes landing-fan-welcome-leaf-left {
        0% {transform:translateX(0); opacity:0}
        50% {transform:translateX(-25px); opacity:1}
        100% {transform:translateX(-50px); opacity:0}
    }
    @keyframes landing-fan-welcome-leaf-left-top {
        0% {transform:translate(0, 10px); opacity:0}
        50% {transform:translate(-25px); opacity:1}
        100% {transform:translate(-50px, -10px); opacity:0}
    }
    @keyframes landing-fan-welcome-leaf-left-bottom {
        0% {transform:translate(0, -10px); opacity:0}
        50% {transform:translate(-25px); opacity:1}
        100% {transform:translate(-50px, 10px); opacity:0}
    }

    .landing-fan-welcome-leaf-01 {width:10px; height:7px; margin-left:-129px; top:378px; background-image:url(../img/landing-fan-welcome-leaf-01-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2s}
    .landing-fan-welcome-leaf-02 {width:10px; height:9px; margin-left:-122px; top:382px; background-image:url(../img/landing-fan-welcome-leaf-02-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2.5s}
    .landing-fan-welcome-leaf-03 {width:8px; height:13px; margin-left:-101px; top:402px; background-image:url(../img/landing-fan-welcome-leaf-03-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:1.5s}
    .landing-fan-welcome-leaf-04 {width:14px; height:10px; margin-left:-86px; top:378px; background-image:url(../img/landing-fan-welcome-leaf-04-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2s}
    .landing-fan-welcome-leaf-05 {width:10px; height:10px; margin-left:-74px; top:408px; background-image:url(../img/landing-fan-welcome-leaf-05-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2.5s}
    .landing-fan-welcome-leaf-06 {width:12px; height:6px; margin-left:-42px; top:415px; background-image:url(../img/landing-fan-welcome-leaf-06-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:1.5s}
    .landing-fan-welcome-leaf-07 {width:10px; height:8px; margin-left:-14px; top:436px; background-image:url(../img/landing-fan-welcome-leaf-07-mobile.png); animation-name:landing-fan-welcome-leaf-left-bottom; animation-duration:2s}
    .landing-fan-welcome-leaf-08 {width:9px; height:12px; margin-left:-5px; top:357px; background-image:url(../img/landing-fan-welcome-leaf-08-mobile.png); animation-name:landing-fan-welcome-leaf-left-bottom; animation-duration:1.5s}
    .landing-fan-welcome-leaf-09 {width:9px; height:8px; margin-left:-7px; top:391px; background-image:url(../img/landing-fan-welcome-leaf-09-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:2.5s}
    .landing-fan-welcome-leaf-10 {width:14px; height:10px; margin-left:9px; top:359px; background-image:url(../img/landing-fan-welcome-leaf-10-mobile.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2s}
    .landing-fan-welcome-leaf-11 {width:11px; height:5px; margin-left:7px; top:373px; background-image:url(../img/landing-fan-welcome-leaf-11-mobile.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2.5s}
    .landing-fan-welcome-leaf-12 {width:9px; height:13px; margin-left:39px; top:389px; background-image:url(../img/landing-fan-welcome-leaf-12-mobile.png); animation-name:landing-fan-welcome-leaf-left; animation-duration:1.5s}
    .landing-fan-welcome-leaf-13 {width:9px; height:6px; margin-left:69px; top:351px; background-image:url(../img/landing-fan-welcome-leaf-13-mobile.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2s}
    .landing-fan-welcome-leaf-14 {width:10px; height:14px; margin-left:60px; top:361px; background-image:url(../img/landing-fan-welcome-leaf-14-mobile.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:1.8s}
    .landing-fan-welcome-leaf-15 {width:14px; height:10px; margin-left:55px; top:361px; background-image:url(../img/landing-fan-welcome-leaf-15-mobile.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2.5s}
    .landing-fan-welcome-leaf-16 {width:10px; height:8px; margin-left:60px; top:388px; background-image:url(../img/landing-fan-welcome-leaf-16-mobile.png); animation-name:landing-fan-welcome-leaf-left-top; animation-duration:2.3s}
    .landing-fan-welcome-leaf-17 {display:none}
    .landing-fan-welcome-leaf-18 {display:none}
    .landing-fan-welcome-leaf-19 {display:none}
    .landing-fan-welcome-leaf-20 {display:none}
    .landing-fan-welcome-leaf-21 {display:none}
}

.landing-fan-title {text-align:center; font-weight:600; font-size:36px; line-height:1.3em; color:#01426A}

@media (max-width:1219px) {
    .landing-fan-title {font-size:24px}
}

.landing-fan-text {margin:20px auto 0 auto; max-width:760px; text-align:center; font-size:16px; line-height:1.5em; color:#474646}

@media (max-width:1219px) {
    .landing-fan-text {margin:20px 0 0 0; max-width:none}
    .landing-fan-text br {display:none}
}

.landing-fan-prefs {margin:100px -999px 0 -999px; padding:60px 999px; background:#EAF1F8}
.landing-fan-prefs-list {margin:40px -20px 0 -20px; position:relative}
.landing-fan-prefs-list .swiper-slide {min-width:33.33%; max-width:33.33%}
.landing-fan-prefs-item {margin:0 20px; text-align:center}
.landing-fan-prefs-icon {margin:0 auto; min-width:160px; max-width:160px; height:160px; display:flex; align-items:center; justify-content:center; background:#FFFFFF; border-radius:50%}
.landing-fan-prefs-icon img {width:auto; height:100px}
.landing-fan-prefs-title {margin:20px 0 0 0; font-weight:600; color:#01426A; font-size:24px; line-height:1.3em}
.landing-fan-prefs-text {margin:10px 0 0 0; color:#474646; font-size:16px; line-height:1.5em}
.landing-fan-prefs-ctrl {display:none}

@media (max-width:1219px) {
    .landing-fan-prefs {margin:80px -10px 0 -10px; padding:40px 10px 20px 10px}
    .landing-fan-prefs-list {margin:30px 0 0 0}
    .landing-fan-prefs-list .swiper-slide {min-width:0; max-width:none}
    .landing-fan-prefs-item {margin:0; padding:20px 10px}
    .landing-fan-prefs-icon {min-width:60px; max-width:60px; height:60px}
    .landing-fan-prefs-icon img {height:38px}
    .landing-fan-prefs-title {font-size:20px}
    .landing-fan-prefs-ctrl {margin:10px 0 0 0; display:flex; align-items:center; justify-content:space-between}
    .landing-fan-prefs-list .swiper-button-prev,
    .landing-fan-prefs-list .swiper-button-next {min-width:36px; max-width:36px; width:36px; height:36px; position:relative; top:auto; margin:0; display:block; border:none; border-radius:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:none; transform:none; opacity:1}
    .landing-fan-prefs-list .swiper-button-prev::after,
    .landing-fan-prefs-list .swiper-button-next::after {display:none}
    .landing-fan-prefs-list .swiper-button-prev {left:auto}
    .landing-fan-prefs-list .swiper-button-next {right:auto}
    .landing-fan-prefs-list .swiper-button-prev svg,
    .landing-fan-prefs-list .swiper-button-next svg {display:block; width:36px; height:36px; fill:#01426A}
    .landing-fan-prefs-list .swiper-pagination {display:flex; position:relative; margin:0; width:auto; left:auto; top:auto; right:auto; bottom:auto; align-items:center; justify-content:center}
    .landing-fan-prefs-list .swiper-pagination .swiper-pagination-bullet {display:block; min-width:4px; max-width:4px; height:4px; background:rgba(1, 66, 106, 0.2); opacity:1; margin:0 0 0 10px; border-radius:2px; cursor:pointer; position:relative; transition:min-width 0.2s, max-width 0.2s, background 0.2s}
    .landing-fan-prefs-list .swiper-pagination .swiper-pagination-bullet:first-child {margin:0}
    .landing-fan-prefs-list .swiper-pagination .swiper-pagination-bullet.active {min-width:50px; max-width:50px; background:#01426A}
}

.landing-fan-style {margin:76px 0 0 0}
.landing-fan-style-list {margin:20px 0 0 0; position:relative}
.landing-fan-style-list .swiper {border-radius:8px}
.landing-fan-style-item img {display:block; width:100%}
.landing-fan-style-item img+img {display:none}
.landing-fan-style-list .swiper-button-prev,
.landing-fan-style-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-fan-style-list .swiper-button-prev::after,
.landing-fan-style-list .swiper-button-next::after {display:none}
.landing-fan-style-list .swiper-button-prev {left:20px}
.landing-fan-style-list .swiper-button-next {right:20px}
.landing-fan-style-list .swiper-button-prev svg,
.landing-fan-style-list .swiper-button-next svg {display:block; width:36px; height:36px; fill:#FFFFFF}
.landing-fan-style-list .swiper-pagination {display:flex; position:absolute; margin:0; width:auto; left:0; top:auto; right:0; bottom:-24px; align-items:center; justify-content:center}
.landing-fan-style-list .swiper-pagination .swiper-pagination-bullet {display:block; min-width:4px; max-width:4px; height:4px; background:rgba(1, 66, 106, 0.2); opacity:1; margin:0 0 0 10px; border-radius:2px; cursor:pointer; position:relative; transition:min-width 0.2s, max-width 0.2s, background 0.2s}
.landing-fan-style-list .swiper-pagination .swiper-pagination-bullet:first-child {margin:0}
.landing-fan-style-list .swiper-pagination .swiper-pagination-bullet.active {min-width:50px; max-width:50px; background:#01426A}

@media (max-width:1219px) {
    .landing-fan-style {margin:80px auto 0 auto; max-width:460px}
    .landing-fan-style-list {margin:20px -10px 0 -10px}
    .landing-fan-style-list .swiper {border-radius:0}
    .landing-fan-style-item img {display:none}
    .landing-fan-style-item img+img {display:block}
    .landing-fan-style-ctrl {display:flex; align-items:center; justify-content:space-between; position:absolute; left:10px; bottom:0; right:10px}
    .landing-fan-style-list .swiper-button-prev,
    .landing-fan-style-list .swiper-button-next {position:relative; top:auto; margin:0}
    .landing-fan-style-list .swiper-button-prev {left:auto}
    .landing-fan-style-list .swiper-button-next {right:auto}
    .landing-fan-style-list .swiper-button-prev svg,
    .landing-fan-style-list .swiper-button-next svg {fill:#FFFFFF}
    .landing-fan-style-list .swiper-pagination {position:relative; left:auto; right:auto; bottom:auto}
    .landing-fan-style-list .swiper-pagination .swiper-pagination-bullet {background:rgba(255, 255, 255, 0.2)}
    .landing-fan-style-list .swiper-pagination .swiper-pagination-bullet.active {background:#FFFFFF}
}

.landing-fan-principle {margin:100px 0 0 0; position:relative}
.landing-fan-principle-container {margin:40px auto 0 auto; width:91px; position:relative}
.landing-fan-principle-device img {display:block; width:100%}
.landing-fan-principle-fan {position:absolute; left:34px; top:185px; width:24px}
.landing-fan-principle-fan img {display:block; width:100%; animation-name:landing-fan-principle-circle-fan; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-circle-fan {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(-360deg)}
}
.landing-fan-principle-arrows-1 {position:absolute; left:38px; top:213px; width:15px}
.landing-fan-principle-arrows-1 img {display:block; width:100%; animation-name:landing-fan-principle-arrows-1; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-arrows-1 {
    0% {transform:none; opacity:1}
    50% {transform:translateY(-100%); opacity:0}
    51% {transform:translateY(100%)}
    100% {transform:none; opacity:1}
}
.landing-fan-principle-arrows-2 {position:absolute; left:6px; top:53px; width:13px}
.landing-fan-principle-arrows-2 img {display:block; width:100%; animation-name:landing-fan-principle-arrows-2; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-arrows-2 {
    0% {transform:none; opacity:1}
    50% {transform:translateX(-100%); opacity:0}
    51% {transform:translateX(100%)}
    100% {transform:none; opacity:1}
}
.landing-fan-principle-arrows-3 {position:absolute; left:73px; top:53px; width:13px}
.landing-fan-principle-arrows-3 img {display:block; width:100%; animation-name:landing-fan-principle-arrows-3; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-arrows-3 {
    0% {transform:none; opacity:1}
    50% {transform:translateX(100%); opacity:0}
    51% {transform:translateX(-100%)}
    100% {transform:none; opacity:1}
}
.landing-fan-principle-arrows-4 {position:absolute; left:28px; top:170px; width:15px}
.landing-fan-principle-arrows-4 img {display:block; width:100%; animation-name:landing-fan-principle-arrows-4; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-arrows-4 {
    0% {transform:none; opacity:1}
    50% {transform:translate(-5px, -100%); opacity:0}
    51% {transform:translate(5px, 100%)}
    100% {transform:none; opacity:1}
}
.landing-fan-principle-arrows-5 {position:absolute; left:50px; top:170px; width:15px}
.landing-fan-principle-arrows-5 img {display:block; width:100%; animation-name:landing-fan-principle-arrows-5; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-arrows-5 {
    0% {transform:none; opacity:1}
    50% {transform:translate(5px, -100%); opacity:0}
    51% {transform:translate(-5px, 100%)}
    100% {transform:none; opacity:1}
}
.landing-fan-principle-arrows-6 {position:absolute; left:0; top:219px; width:10px}
.landing-fan-principle-arrows-6 img {display:block; width:100%; animation-name:landing-fan-principle-arrows-6; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-arrows-6 {
    0% {transform:none; opacity:1}
    50% {transform:translate(100%, 5px); opacity:0}
    51% {transform:translate(-100%, -5px)}
    100% {transform:none; opacity:1}
}
.landing-fan-principle-arrows-7 {position:absolute; left:81px; top:219px; width:10px}
.landing-fan-principle-arrows-7 img {display:block; width:100%; animation-name:landing-fan-principle-arrows-7; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes landing-fan-principle-arrows-7 {
    0% {transform:none; opacity:1}
    50% {transform:translate(-100%, 5px); opacity:0}
    51% {transform:translate(100%, -5px)}
    100% {transform:none; opacity:1}
}
.landing-fan-principle-hint {position:absolute; background:#EAF1F8; border:1px solid #0180C9; border-radius:6px; padding:20px; color:#474646; font-size:16px; line-height:1.5em; width:389px}
.landing-fan-principle-hint-1 {right:50%; margin:0 71px 0 0; top:222px}
.landing-fan-principle-hint-1::before {content:""; position:absolute; right:-57px; width:57px; height:6px; top:50%; margin:-3px 0 0 0; background:url(../img/landing-fan-principle-hint-1.svg) no-repeat; background-size:100%}
.landing-fan-principle-hint-2 {left:50%; margin:0 0 0 82px; top:142px}
.landing-fan-principle-hint-2::before {content:""; position:absolute; left:-57px; width:57px; height:6px; top:50%; margin:-3px 0 0 0; background:url(../img/landing-fan-principle-hint-2.svg) no-repeat; background-size:100%}

@media (max-width:1219px) {
    .landing-fan-principle {margin:80px 0 0 0}
    .landing-fan-principle-container {margin:20px auto 0 auto; width:104px}
    .landing-fan-principle-fan {left:39px; top:211px; width:25px}
    .landing-fan-principle-arrows-1 {left:43px; top:243px; width:17px}
    .landing-fan-principle-arrows-2 {left:7px; top:61px; width:14px}
    .landing-fan-principle-arrows-3 {left:83px; top:61px; width:14px}
    .landing-fan-principle-arrows-4 {left:32px; top:194px; width:16px}
    .landing-fan-principle-arrows-5 {left:57px; top:194px; width:16px}
    .landing-fan-principle-arrows-6 {left:0; top:250px; width:16px}
    .landing-fan-principle-arrows-7 {left:93px; top:250px; width:16px}
    .landing-fan-principle-hint {position:relative; padding:0; width:300px; border:none; text-align:center; border-radius:0; background:none}
    .landing-fan-principle-hint-1 {right:auto; margin:10px auto 0 auto; top:auto}
    .landing-fan-principle-hint-1::before {display:none}
    .landing-fan-principle-hint-2 {left:auto; margin:20px auto 0 auto; top:auto}
    .landing-fan-principle-hint-2::before {display:none}
}

.landing-fan-modes {margin:133px 0 0 0}
.landing-fan-modes-container {margin:30px auto 0 auto; width:523px; height:400px; position:relative}
.landing-fan-modes-bg {position:absolute; left:0; top:0; right:0}
.landing-fan-modes-bg img {display:block; width:100%}
.landing-fan-modes-bg-mobile {display:none}
.landing-fan-modes-bg-mobile-active {display:none}
.landing-fan-modes-bg-mobile-title {display:none}
.landing-fan-modes-item {position:absolute}
.landing-fan-modes-item-dot {position:absolute; top:0; width:60px; height:60px; border-radius:50%; border:1px solid rgba(1, 66, 106, 0.25)}
.landing-fan-modes-item-icon {position:absolute}
.landing-fan-modes-item-icon img {display:block; width:100%}
.landing-fan-modes-item-icon img+img {display:none}
.landing-fan-modes-item-title {position:absolute; top:12px; display:flex; align-items:center; font-size:24px; line-height:1.5em; color:#01426A; white-space:nowrap}
.landing-fan-modes-item-1 {right:347px; top:114px}
.landing-fan-modes-item-1 .landing-fan-modes-item-dot {right:0}
.landing-fan-modes-item-1 .landing-fan-modes-item-icon {top:0px; left:-60px; width:59px}
.landing-fan-modes-item-1 .landing-fan-modes-item-title {right:70px; width:454px}
.landing-fan-modes-item-1 .landing-fan-modes-item-title::after {content:""; flex-grow:1; margin:0 0 0 10px; height:1px; border-top:1px dashed rgba(1, 66, 106, 0.3)}
.landing-fan-modes-item-2 {right:347px; top:179px}
.landing-fan-modes-item-2 .landing-fan-modes-item-dot {right:0}
.landing-fan-modes-item-2 .landing-fan-modes-item-icon {top:2px; left:-60px; width:60px}
.landing-fan-modes-item-2 .landing-fan-modes-item-title {right:70px; width:454px}
.landing-fan-modes-item-2 .landing-fan-modes-item-title::after {content:""; flex-grow:1; margin:0 0 0 10px; height:1px; border-top:1px dashed rgba(1, 66, 106, 0.3)}
.landing-fan-modes-item-3 {left:403px; top:114px}
.landing-fan-modes-item-3 .landing-fan-modes-item-dot {left:0}
.landing-fan-modes-item-3 .landing-fan-modes-item-icon {top:0px; right:-58px; width:57px}
.landing-fan-modes-item-3 .landing-fan-modes-item-title {left:70px; width:398px}
.landing-fan-modes-item-3 .landing-fan-modes-item-title::before {content:""; flex-grow:1; margin:0 10px 0 0; height:1px; border-top:1px dashed rgba(1, 66, 106, 0.3)}
.landing-fan-modes-item-4 {left:403px; top:179px}
.landing-fan-modes-item-4 .landing-fan-modes-item-dot {left:0}
.landing-fan-modes-item-4 .landing-fan-modes-item-icon {top:8px; right:-58px; width:56px}
.landing-fan-modes-item-4 .landing-fan-modes-item-title {left:70px; width:398px}
.landing-fan-modes-item-4 .landing-fan-modes-item-title::before {content:""; flex-grow:1; margin:0 10px 0 0; height:1px; border-top:1px dashed rgba(1, 66, 106, 0.3)}

@media (max-width:1219px) {
    .landing-fan-modes {margin:80px 0 0 0}
    .landing-fan-modes-container {margin:59px auto 0 auto; width:300px; height:230px}
    .landing-fan-modes-bg {display:none}
    .landing-fan-modes-bg-mobile {display:block; position:absolute; left:0; top:0; right:0}
    .landing-fan-modes-bg-mobile img {display:block; width:100%}
    .landing-fan-modes-item {cursor:pointer}
    .landing-fan-modes-item-dot {width:32px; height:32px}
    .landing-fan-modes-item-icon img {display:none}
    .landing-fan-modes-item-icon img+img {display:block}
    .landing-fan-modes-item-title {display:block; font-size:16px; height:auto}
    .landing-fan-modes-item-1 {right:201px; top:66px}
    .landing-fan-modes-item-1 .landing-fan-modes-item-icon {top:-5px; left:-37px; width:42px}
    .landing-fan-modes-item-1 .landing-fan-modes-item-title {right:16px; transform:translateX(50%); width:auto; top:-95px}
    .landing-fan-modes-item-1 .landing-fan-modes-item-title::after {margin:0; height:66px; width:1px; border-top:none; border-left:1px dashed rgba(1, 66, 106, 0.3); position:absolute; left:50%; top:29px}
    .landing-fan-modes-item-2 {right:201px; top:100px}
    .landing-fan-modes-item-2 .landing-fan-modes-item-icon {top:-4px; left:-38px; width:44px}
    .landing-fan-modes-item-2 .landing-fan-modes-item-title {right:16px; transform:translateX(50%); width:auto; top:139px}
    .landing-fan-modes-item-2 .landing-fan-modes-item-title::after {margin:0; height:107px; width:1px; border-top:none; border-left:1px dashed rgba(1, 66, 106, 0.3); position:absolute; left:50%; top:-107px}
    .landing-fan-modes-item-3 {left:234px; top:66px}
    .landing-fan-modes-item-3 .landing-fan-modes-item-icon {top:-7px; right:-37px; width:42px}
    .landing-fan-modes-item-3 .landing-fan-modes-item-title {left:16px; transform:translateX(-50%); width:auto; top:-95px}
    .landing-fan-modes-item-3 .landing-fan-modes-item-title::before {margin:0; height:66px; width:1px; border-top:none; border-left:1px dashed rgba(1, 66, 106, 0.3); position:absolute; left:50%; top:29px}
    .landing-fan-modes-item-4 {left:234px; top:100px}
    .landing-fan-modes-item-4 .landing-fan-modes-item-icon {top:0; right:-37px; width:42px}
    .landing-fan-modes-item-4 .landing-fan-modes-item-title {left:16px; transform:translateX(-50%); width:auto; top:139px}
    .landing-fan-modes-item-4 .landing-fan-modes-item-title::before {margin:0; height:107px; width:1px; border-top:none; border-left:1px dashed rgba(1, 66, 106, 0.3); position:absolute; left:50%; top:-107px}
}

.landing-fan-ctrl {margin:100px 0 0 0}
.landing-fan-ctrl-list {margin:40px -10px 0 -10px; position:relative}
.landing-fan-ctrl-list .swiper-slide {min-width:50%; max-width:50%}
.landing-fan-ctrl-item {margin:0 10px}
.landing-fan-ctrl-item-text {display:none}
.landing-fan-ctrl-item img {display:block; width:100%; border-radius:12px}
.landing-fan-ctrl-item img+img {display:none}
.landing-fan-ctrl-ctrl {display:none}

@media (max-width:1219px) {
    .landing-fan-ctrl {margin:133px 0 0 0}
    .landing-fan-ctrl .landing-fan-text {display:none}
    .landing-fan-ctrl-list {margin:20px auto 0 auto; max-width:300px}
    .landing-fan-ctrl-list .swiper-slide {min-width:0; max-width:none}
    .landing-fan-ctrl-item {margin:0}
    .landing-fan-ctrl-item-text {display:block; margin:0 0 20px 0; font-size:16px; line-height:1.5em; color:#474646; text-align:center}
    .landing-fan-ctrl-item img {display:none}
    .landing-fan-ctrl-item img+img {display:block}
    .landing-fan-ctrl-ctrl {margin:10px 0 0 0; display:flex; align-items:center; justify-content:space-between}
    .landing-fan-ctrl-list .swiper-button-prev,
    .landing-fan-ctrl-list .swiper-button-next {min-width:36px; max-width:36px; width:36px; height:36px; position:relative; top:auto; margin:0; display:block; border:none; border-radius:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:none; transform:none; opacity:1}
    .landing-fan-ctrl-list .swiper-button-prev::after,
    .landing-fan-ctrl-list .swiper-button-next::after {display:none}
    .landing-fan-ctrl-list .swiper-button-prev {left:auto}
    .landing-fan-ctrl-list .swiper-button-next {right:auto}
    .landing-fan-ctrl-list .swiper-button-prev svg,
    .landing-fan-ctrl-list .swiper-button-next svg {display:block; width:36px; height:36px; fill:#01426A}
    .landing-fan-ctrl-list .swiper-pagination {display:flex; position:relative; margin:0; width:auto; left:auto; top:auto; right:auto; bottom:auto; align-items:center; justify-content:center}
    .landing-fan-ctrl-list .swiper-pagination .swiper-pagination-bullet {display:block; min-width:4px; max-width:4px; height:4px; background:rgba(1, 66, 106, 0.2); opacity:1; margin:0 0 0 10px; border-radius:2px; cursor:pointer; position:relative; transition:min-width 0.2s, max-width 0.2s, background 0.2s}
    .landing-fan-ctrl-list .swiper-pagination .swiper-pagination-bullet:first-child {margin:0}
    .landing-fan-ctrl-list .swiper-pagination .swiper-pagination-bullet.active {min-width:50px; max-width:50px; background:#01426A}
}

.landing-fan-catalogue {margin:100px 0 0 0}
.landing-fan-catalogue-list {margin:40px -10px 0 -10px; position:relative}
.landing-fan-catalogue-list .swiper-slide {min-width:50%; max-width:50%}
.landing-fan-catalogue-item {display:flex; align-items:center; margin:0 10px; background:#FFFFFF; border:1px solid #D9D9D9; border-radius:12px; padding:10px 40px 10px 20px; text-decoration:none}
.landing-fan-catalogue-preview {min-width:280px; max-width:280px; height:420px; display:flex; align-items:center; justify-content:center}
.landing-fan-catalogue-preview img {max-width:100%; max-height:100%}
.landing-fan-catalogue-preview-mobile {display:none}
.landing-fan-catalogue-content {margin:0 0 0 20px; flex-grow:1}
.landing-fan-catalogue-title {color:#474646; font-size:16px; line-height:1.5em}
.landing-fan-catalogue-btn {margin:20px 0 0 0}
.landing-fan-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-fan-catalogue-item:hover .landing-fan-catalogue-btn span {background:#00314E}
}
.landing-fan-catalogue-ctrl {display:none}

@media (max-width:1219px) {
    .landing-fan-catalogue {margin:80px auto 0 auto; max-width:300px}
    .landing-fan-catalogue-list {margin:20px 0 0 0}
    .landing-fan-catalogue-list .swiper-slide {min-width:0; max-width:none}
    .landing-fan-catalogue-item {display:block; margin:0; padding:10px}
    .landing-fan-catalogue-preview {display:none}
    .landing-fan-catalogue-preview-mobile {display:block}
    .landing-fan-catalogue-preview-mobile img {width:100%}
    .landing-fan-catalogue-content {margin:10px 0 0 0; text-align:center}
    .landing-fan-catalogue-title {font-size:16px}
    .landing-fan-catalogue-btn {margin:10px 0 0 0}
    .landing-fan-catalogue-ctrl {margin:10px 0 0 0; display:flex; align-items:center; justify-content:space-between}
    .landing-fan-catalogue-list .swiper-button-prev,
    .landing-fan-catalogue-list .swiper-button-next {min-width:36px; max-width:36px; width:36px; height:36px; position:relative; top:auto; margin:0; display:block; border:none; border-radius:0; padding:0; outline:none; -webkit-appearance:none; cursor:pointer; background:none; transform:none; opacity:1}
    .landing-fan-catalogue-list .swiper-button-prev::after,
    .landing-fan-catalogue-list .swiper-button-next::after {display:none}
    .landing-fan-catalogue-list .swiper-button-prev {left:auto}
    .landing-fan-catalogue-list .swiper-button-next {right:auto}
    .landing-fan-catalogue-list .swiper-button-prev svg,
    .landing-fan-catalogue-list .swiper-button-next svg {display:block; width:36px; height:36px; fill:#01426A}
    .landing-fan-catalogue-list .swiper-pagination {display:flex; position:relative; margin:0; width:auto; left:auto; top:auto; right:auto; bottom:auto; align-items:center; justify-content:center}
    .landing-fan-catalogue-list .swiper-pagination .swiper-pagination-bullet {display:block; min-width:4px; max-width:4px; height:4px; background:rgba(1, 66, 106, 0.2); opacity:1; margin:0 0 0 10px; border-radius:2px; cursor:pointer; position:relative; transition:min-width 0.2s, max-width 0.2s, background 0.2s}
    .landing-fan-catalogue-list .swiper-pagination .swiper-pagination-bullet:first-child {margin:0}
    .landing-fan-catalogue-list .swiper-pagination .swiper-pagination-bullet.active {min-width:50px; max-width:50px; background:#01426A}
}