@charset "UTF-8";



#CMD {
    font-size: 16px
}

.inline__block {
    display: inline-block
}

#CMD.font-tt .sup__base,
#CMD.font-tt sup {
    position: relative;
    top: -.5em;
    font-size: .7em;
    font-feature-settings: "normal";
    vertical-align: baseline;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important
}

#CMD.font-tt .sup__base,
#CMD.font-tt .sup__base *,
#CMD.font-tt sup,
#CMD.font-tt sup * {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: inherit !important;
    line-height: 0 !important
}

#CMD.font-tt [class*=sign-].sup__base,
#CMD.font-tt sup[class*=sign-] {
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-tt .sign-deg.sup__base,
#CMD.font-tt sup.sign-deg {
    top: 0
}

#CMD.font-tt .sign-reg.sup__base,
#CMD.font-tt sup.sign-reg {
    top: .132em;
    font-size: 1.24em
}

#CMD.font-tt .sign-cr.sup__base,
#CMD.font-tt sup.sign-cr {
    top: 0;
    vertical-align: unset
}

#CMD.font-tt .sign-tm.sup__base,
#CMD.font-tt sup.sign-tm {
    top: .114em;
    font-size: 1.2em
}

#CMD.font-tt .sign-star.sup__base,
#CMD.font-tt sup.sign-star {
    top: 0
}

#CMD.font-tt .sign-xe.sup__base,
#CMD.font-tt sup.sign-xe {
    top: .02em;
    font-size: .7em;
    vertical-align: super
}

#CMD.font-tt .footnote-num.sup__base,
#CMD.font-tt sup.footnote-num {
    top: auto;
    vertical-align: baseline;
    font-size: 1em;
    font-feature-settings: "numr";
    line-height: inherit !important
}

#CMD.font-tt .sup__base a,
#CMD.font-tt sup a {
    color: inherit !important;
    font-size: inherit !important;
    vertical-align: inherit !important
}

#CMD.font-tt .ksp__layout .wd__content .content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup,
#CMD.font-tt .section__display-inner-s4 .item__content sup,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup,
#CMD.font-tt .sections-wdcontent .content__link sup,
#CMD.font-tt .sections-wdcontent .content__slogan sup,
#CMD.font-tt .sections-wdcontent .content__title sup,
#CMD.font-tt .sup__ttnormal sup,
#CMD.font-tt .wd__content .content__link sup,
#CMD.font-tt .wd__content .content__slogan sup,
#CMD.font-tt .wd__content .content__title sup,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup,
#CMD.font-tt .wdblockimg .wd__content .content__title sup,
#CMD.font-tt .wdtile.wdtile-ksp * sup,
#CMD.font-tt [class*=text__tt] sup {
    position: relative;
    top: -.5em;
    font-size: .7em;
    font-feature-settings: "normal";
    vertical-align: baseline;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important
}

#CMD.font-tt .ksp__layout .wd__content .content__info,
#CMD.font-tt .ksp__layout .wd__content .content__info *,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup *,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup *,
#CMD.font-tt .section__display-inner-s4 .item__content sup,
#CMD.font-tt .section__display-inner-s4 .item__content sup *,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup *,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup *,
#CMD.font-tt .sections-wdcontent .content__link sup,
#CMD.font-tt .sections-wdcontent .content__link sup *,
#CMD.font-tt .sections-wdcontent .content__slogan sup,
#CMD.font-tt .sections-wdcontent .content__slogan sup *,
#CMD.font-tt .sections-wdcontent .content__title sup,
#CMD.font-tt .sections-wdcontent .content__title sup *,
#CMD.font-tt .sup__ttnormal sup,
#CMD.font-tt .sup__ttnormal sup *,
#CMD.font-tt .wd__content .content__link sup,
#CMD.font-tt .wd__content .content__link sup *,
#CMD.font-tt .wd__content .content__slogan sup,
#CMD.font-tt .wd__content .content__slogan sup *,
#CMD.font-tt .wd__content .content__title sup,
#CMD.font-tt .wd__content .content__title sup *,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup *,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup *,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup *,
#CMD.font-tt .wdblockimg .wd__content .content__title sup,
#CMD.font-tt .wdblockimg .wd__content .content__title sup *,
#CMD.font-tt .wdtile.wdtile-ksp * sup,
#CMD.font-tt .wdtile.wdtile-ksp * sup *,
#CMD.font-tt [class*=text__tt] sup,
#CMD.font-tt [class*=text__tt] sup * {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: inherit !important;
    line-height: 0 !important
}

#CMD.font-tt .ksp__layout .wd__content [class*=sign-].content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup[class*=sign-],
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup[class*=sign-],
#CMD.font-tt .section__display-inner-s4 .item__content sup[class*=sign-],
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup[class*=sign-],
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup[class*=sign-],
#CMD.font-tt .sections-wdcontent .content__link sup[class*=sign-],
#CMD.font-tt .sections-wdcontent .content__slogan sup[class*=sign-],
#CMD.font-tt .sections-wdcontent .content__title sup[class*=sign-],
#CMD.font-tt .sup__ttnormal sup[class*=sign-],
#CMD.font-tt .wd__content .content__link sup[class*=sign-],
#CMD.font-tt .wd__content .content__slogan sup[class*=sign-],
#CMD.font-tt .wd__content .content__title sup[class*=sign-],
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup[class*=sign-],
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup[class*=sign-],
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup[class*=sign-],
#CMD.font-tt .wdtile.wdtile-ksp * sup[class*=sign-],
#CMD.font-tt [class*=text__tt] sup[class*=sign-] {
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .sign-deg.content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-deg,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-deg,
#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-deg,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-deg,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-deg,
#CMD.font-tt .sections-wdcontent .content__link sup.sign-deg,
#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-deg,
#CMD.font-tt .sections-wdcontent .content__title sup.sign-deg,
#CMD.font-tt .sup__ttnormal sup.sign-deg,
#CMD.font-tt .wd__content .content__link sup.sign-deg,
#CMD.font-tt .wd__content .content__slogan sup.sign-deg,
#CMD.font-tt .wd__content .content__title sup.sign-deg,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-deg,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-deg,
#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-deg,
#CMD.font-tt [class*=text__tt] sup.sign-deg {
    top: 0
}

#CMD.font-tt .ksp__layout .wd__content .sign-reg.content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-reg,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-reg,
#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-reg,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-reg,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-reg,
#CMD.font-tt .sections-wdcontent .content__link sup.sign-reg,
#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-reg,
#CMD.font-tt .sections-wdcontent .content__title sup.sign-reg,
#CMD.font-tt .sup__ttnormal sup.sign-reg,
#CMD.font-tt .wd__content .content__link sup.sign-reg,
#CMD.font-tt .wd__content .content__slogan sup.sign-reg,
#CMD.font-tt .wd__content .content__title sup.sign-reg,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-reg,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-reg,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-reg,
#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-reg,
#CMD.font-tt [class*=text__tt] sup.sign-reg {
    top: -.5em;
    font-size: .6em
}

#CMD.font-tt .ksp__layout .wd__content .sign-cr.content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-cr,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-cr,
#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-cr,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-cr,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-cr,
#CMD.font-tt .sections-wdcontent .content__link sup.sign-cr,
#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-cr,
#CMD.font-tt .sections-wdcontent .content__title sup.sign-cr,
#CMD.font-tt .sup__ttnormal sup.sign-cr,
#CMD.font-tt .wd__content .content__link sup.sign-cr,
#CMD.font-tt .wd__content .content__slogan sup.sign-cr,
#CMD.font-tt .wd__content .content__title sup.sign-cr,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-cr,
#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-cr,
#CMD.font-tt [class*=text__tt] sup.sign-cr {
    top: 0;
    vertical-align: unset
}

#CMD.font-tt .ksp__layout .wd__content .sign-tm.content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-tm,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-tm,
#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-tm,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-tm,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-tm,
#CMD.font-tt .sections-wdcontent .content__link sup.sign-tm,
#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-tm,
#CMD.font-tt .sections-wdcontent .content__title sup.sign-tm,
#CMD.font-tt .sup__ttnormal sup.sign-tm,
#CMD.font-tt .wd__content .content__link sup.sign-tm,
#CMD.font-tt .wd__content .content__slogan sup.sign-tm,
#CMD.font-tt .wd__content .content__title sup.sign-tm,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-tm,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-tm,
#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-tm,
#CMD.font-tt [class*=text__tt] sup.sign-tm {
    top: 0;
    font-size: 1em
}

#CMD.font-tt .ksp__layout .wd__content .sign-star.content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-star,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-star,
#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-star,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-star,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-star,
#CMD.font-tt .sections-wdcontent .content__link sup.sign-star,
#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-star,
#CMD.font-tt .sections-wdcontent .content__title sup.sign-star,
#CMD.font-tt .sup__ttnormal sup.sign-star,
#CMD.font-tt .wd__content .content__link sup.sign-star,
#CMD.font-tt .wd__content .content__slogan sup.sign-star,
#CMD.font-tt .wd__content .content__title sup.sign-star,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-star,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-star,
#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-star,
#CMD.font-tt [class*=text__tt] sup.sign-star {
    top: 0;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .sign-xe.content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-xe,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.sign-xe,
#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-xe,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-xe,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-xe,
#CMD.font-tt .sections-wdcontent .content__link sup.sign-xe,
#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-xe,
#CMD.font-tt .sections-wdcontent .content__title sup.sign-xe,
#CMD.font-tt .sup__ttnormal sup.sign-xe,
#CMD.font-tt .wd__content .content__link sup.sign-xe,
#CMD.font-tt .wd__content .content__slogan sup.sign-xe,
#CMD.font-tt .wd__content .content__title sup.sign-xe,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-xe,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-xe,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-xe,
#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-xe,
#CMD.font-tt [class*=text__tt] sup.sign-xe {
    top: .04em;
    font-size: .8em;
    vertical-align: super;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .footnote-num.content__info,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.footnote-num,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup.footnote-num,
#CMD.font-tt .section__display-inner-s4 .item__content sup.footnote-num,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.footnote-num,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.footnote-num,
#CMD.font-tt .sections-wdcontent .content__link sup.footnote-num,
#CMD.font-tt .sections-wdcontent .content__slogan sup.footnote-num,
#CMD.font-tt .sections-wdcontent .content__title sup.footnote-num,
#CMD.font-tt .sup__ttnormal sup.footnote-num,
#CMD.font-tt .wd__content .content__link sup.footnote-num,
#CMD.font-tt .wd__content .content__slogan sup.footnote-num,
#CMD.font-tt .wd__content .content__title sup.footnote-num,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.footnote-num,
#CMD.font-tt .wdtile.wdtile-ksp * sup.footnote-num,
#CMD.font-tt [class*=text__tt] sup.footnote-num {
    top: auto;
    vertical-align: baseline;
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .content__info a,
#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup a,
#CMD.font-tt .section__display-inner-s1 .wdtable.oledTable .table_cotainer sup a,
#CMD.font-tt .section__display-inner-s4 .item__content sup a,
#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup a,
#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup a,
#CMD.font-tt .sections-wdcontent .content__link sup a,
#CMD.font-tt .sections-wdcontent .content__slogan sup a,
#CMD.font-tt .sections-wdcontent .content__title sup a,
#CMD.font-tt .sup__ttnormal sup a,
#CMD.font-tt .wd__content .content__link sup a,
#CMD.font-tt .wd__content .content__slogan sup a,
#CMD.font-tt .wd__content .content__title sup a,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup a,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup a,
#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup a,
#CMD.font-tt .wdblockimg .wd__content .content__title sup a,
#CMD.font-tt .wdtile.wdtile-ksp * sup a,
#CMD.font-tt [class*=text__tt] sup a {
    color: inherit !important;
    font-size: inherit !important;
    vertical-align: inherit !important
}

#CMD.font-helvetica .sup__base,
#CMD.font-helvetica sup {
    position: relative;
    top: -.5em;
    font-size: .7em;
    font-feature-settings: "normal";
    vertical-align: baseline;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important
}

#CMD.font-helvetica .sup__base,
#CMD.font-helvetica .sup__base *,
#CMD.font-helvetica sup,
#CMD.font-helvetica sup * {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    color: inherit !important;
    line-height: inherit !important;
    line-height: 0 !important
}

#CMD.font-helvetica [class*=sign-].sup__base,
#CMD.font-helvetica sup[class*=sign-] {
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-helvetica .sign-deg.sup__base,
#CMD.font-helvetica sup.sign-deg {
    top: 0
}

#CMD.font-helvetica .sign-reg.sup__base,
#CMD.font-helvetica sup.sign-reg {
    top: -.1em;
    font-feature-settings: "numr";
    font-size: .9em
}

#CMD.font-helvetica .sign-cr.sup__base,
#CMD.font-helvetica sup.sign-cr {
    top: 0;
    vertical-align: unset
}

#CMD.font-helvetica .sign-tm.sup__base,
#CMD.font-helvetica sup.sign-tm {
    top: .2em;
    font-size: 1.4em
}

#CMD.font-helvetica .sign-star.sup__base,
#CMD.font-helvetica sup.sign-star {
    top: 0;
    font-feature-settings: "numr"
}

#CMD.font-helvetica .sign-xe.sup__base,
#CMD.font-helvetica sup.sign-xe {
    top: 0;
    font-size: .7em;
    vertical-align: super
}

#CMD.font-helvetica .footnote-num.sup__base,
#CMD.font-helvetica sup.footnote-num {
    top: auto;
    vertical-align: baseline;
    font-size: 1em;
    font-feature-settings: "numr";
    line-height: inherit !important
}

#CMD.font-helvetica .sup__base a,
#CMD.font-helvetica sup a {
    color: inherit !important;
    font-size: inherit !important;
    vertical-align: inherit !important
}

.odin ol li,
.odin ul li {
    margin: 0
}

@media all and (min-width:1280px) {
    .wd__section .large__text-center {
        text-align: center
    }

    .wd__section .large__text-center.wd__content {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__comment,
    .wd__section .large__text-center.wd__content .content__info,
    .wd__section .large__text-center.wd__content .content__link,
    .wd__section .large__text-center.wd__content .content__slogan,
    .wd__section .large__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .large__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__title::after {
        margin: 0 auto;
        text-align: center
    }

    .wd__section .large__text-left.wd__content {
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__comment,
    .wd__section .large__text-left.wd__content .content__info,
    .wd__section .large__text-left.wd__content .content__link,
    .wd__section .large__text-left.wd__content .content__slogan,
    .wd__section .large__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__slogan::after {
        left: 0;
        margin-left: 0
    }

    .wd__section .large__text-left.wd__content .content__title::after {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list .wd__feature {
        margin-right: 58px;
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-right.wd__content {
        text-align: right
    }

    .wd__section .large__text-right.wd__content .content__slogan::after {
        right: 0;
        margin-right: 0
    }

    .wd__section .large__text-right.wd__feature__list {
        text-align: right
    }

    .wd__section .large__text-right.wd__feature__list .wd__feature {
        margin-right: 0;
        margin-left: 58px;
        text-align: right
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .medium__text-left.wd__content {
        left: 0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__comment,
    .wd__section .medium__text-left.wd__content .content__info,
    .wd__section .medium__text-left.wd__content .content__link,
    .wd__section .medium__text-left.wd__content .content__slogan,
    .wd__section .medium__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .medium__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .medium__text-left.wd__feature__list .wd__feature {
        margin-right: 50px;
        margin-left: 0
    }

    .wd__section .medium__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__comment,
    .wd__section .medium__text-center.wd__content .content__info,
    .wd__section .medium__text-center.wd__content .content__link,
    .wd__section .medium__text-center.wd__content .content__slogan,
    .wd__section .medium__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .medium__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .medium__text-center.wd__feature__list .wd__feature {
        margin-right: 30px;
        margin-left: 30px
    }

    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__data,
    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe,
    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe__top {
        text-align: center
    }
}

@media all and (max-width:730.5px) {
    .wd__section .small__text-left.wd__content {
        left: 0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__comment,
    .wd__section .small__text-left.wd__content .content__info,
    .wd__section .small__text-left.wd__content .content__link,
    .wd__section .small__text-left.wd__content .content__slogan,
    .wd__section .small__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .small__text-left.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-left.wd__feature__list .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 0
    }

    .wd__section .small__text-center {
        text-align: center
    }

    .wd__section .small__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__comment,
    .wd__section .small__text-center.wd__content .content__info,
    .wd__section .small__text-center.wd__content .content__link,
    .wd__section .small__text-center.wd__content .content__slogan,
    .wd__section .small__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .small__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-center.wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px
    }
}

#CMD .wd__section.text-black {
    background-color: #fff
}

#CMD .wd__section.text-black .wd__content .content__comment,
#CMD .wd__section.text-black .wd__content .content__info,
#CMD .wd__section.text-black .wd__content .content__title {
    color: #181818
}

#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data *,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #181818
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__comment {
    color: #999
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__info,
#CMD .wd__section .section_content .wd__content.theme-dark .content__title {
    color: #fff
}

#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span {
    color: #fff
}

#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top,
#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top span {
    color: #fff
}

.modal-button-container.bg-gray .modal-button-text {
    color: #6f6f6f
}

.modal-button-container.bg-gray .modal-button .modal-button-end-cap,
.modal-button-container.bg-gray .modal-button .modal-button-scaler,
.modal-button-container.bg-gray .modal-button .modal-button-start-cap {
    background: #6f6f6f
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy,
.modal-button-container.bg-white .modal-button.old__browser .modal-button-end-cap,
.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon {
    background-image: url(images/icon_modalbtn_gray.png) !important
}

.modal-button-container.bg-white .modal-button .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button .modal-button-end-cap,
.modal-button-container.bg-white .modal-button .modal-button-scaler,
.modal-button-container.bg-white .modal-button .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button .pluscircle-icon svg path {
    fill: #333
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.d-none {
    display: none;
    position: absolute !important;
    overflow: hidden;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.screen-reader-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    white-space: nowrap;
    clip: rect(0 0 0 0)
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    top: 50%;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: unset;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%)
}

#CMD button,
#CMD input,
#CMD select,
#CMD textarea {
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    outline: initial;
    outline-color: initial;
    outline-style: initial;
    outline-width: initial
}

.js-focus-visible #CMD :focus:not(.focus-visible) {
    outline: 0
}

#overviewContentInsertWrapper a:focus-visible,
#overviewContentInsertWrapper button:focus-visible,
#overviewContentInsertWrapper div:focus-visible,
#overviewContentInsertWrapper h1:focus-visible,
#overviewContentInsertWrapper h2:focus-visible,
#overviewContentInsertWrapper h3:focus-visible,
#overviewContentInsertWrapper h4:focus-visible,
#overviewContentInsertWrapper image:focus-visible,
#overviewContentInsertWrapper input:focus-visible,
#overviewContentInsertWrapper li:focus-visible,
#overviewContentInsertWrapper nav:focus-visible,
#overviewContentInsertWrapper ol:focus-visible,
#overviewContentInsertWrapper p:focus-visible,
#overviewContentInsertWrapper select:focus-visible,
#overviewContentInsertWrapper span:focus-visible,
#overviewContentInsertWrapper svg:focus-visible,
#overviewContentInsertWrapper textarea:focus-visible,
#overviewContentInsertWrapper ul:focus-visible {
    outline: 2px solid #248dff
}


#CMD {
    -webkit-transition-duration: .7s;
    -khtml-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -ms-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-property: opacity;
    -khtml-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -khtml-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -moz-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -ms-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    -o-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    transition-timing-function: cubic-bezier(.25, .46, .33, .98);
    position: relative;
    overflow-x: hidden;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

#CMD * {
    box-sizing: border-box
}

#CMD section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

#CMD section .img {
    display: block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#CMD section .wd__feature .img__icon {
    background-size: contain
}

.section__pdc,
.section__wdvideos,
.wd__section {
    max-width: 2560px
}

.section__content {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 100%
}

.progressive-image {
    background-image: none !important;
    mask: none !important;
    -webkit-mask-image: none !important
}

.section__pdc,
.section__wdvideos {
    font-size: 0
}

@media all and (min-width:1px) {
    .grace-show {
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transition: opacity .8s linear
    }

    .grace-show.show {
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        will-change: opacity
    }

    .grace-show.animated {
        transform: none;
        transition: none
    }
}

.in.moving__element {
    will-change: transform, opacity
}

.wd__animation__easeout {
    -webkit-transition-duration: .5s, .5s;
    -khtml-transition-duration: .5s, .5s;
    -moz-transition-duration: .5s, .5s;
    -ms-transition-duration: .5s, .5s;
    -o-transition-duration: .5s, .5s;
    transition-duration: .5s, .5s;
    -webkit-transition-property: opacity, -webkit-transform;
    -khtml-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -webkit-transform;
    -ms-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -khtml-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -ms-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -moz-transition-duration: .5s;
    -moz-transition-property: all
}

@keyframes ripple {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.text__animation>a,
.text__animation>div,
.text__animation>figure,
.text__animation>h1,
.text__animation>h2,
.text__animation>h3,
.text__animation>h4,
.text__animation>img,
.text__animation>span {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1)
}

.wd__content.text__animation>a,
.wd__content.text__animation>div,
.wd__content.text__animation>figure,
.wd__content.text__animation>h1,
.wd__content.text__animation>h2,
.wd__content.text__animation>h3,
.wd__content.text__animation>h4,
.wd__content.text__animation>img,
.wd__content.text__animation>span {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1)
}

.wd__content.text__animation.text-showed .content__comment,
.wd__content.text__animation.text-showed .content__info,
.wd__content.text__animation.text-showed .content__link,
.wd__content.text__animation.text-showed .content__slogan,
.wd__content.text__animation.text-showed .content__title,
.wd__content.text__animation.text-showed .wd__feature__list {
    transform: none
}

.wd__content.wd__content-horz.text__animation {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1)
}

.wd__content.wd__content-horz.text__animation>a,
.wd__content.wd__content-horz.text__animation>div,
.wd__content.wd__content-horz.text__animation>figure,
.wd__content.wd__content-horz.text__animation>h1,
.wd__content.wd__content-horz.text__animation>h2,
.wd__content.wd__content-horz.text__animation>h3,
.wd__content.wd__content-horz.text__animation>h4,
.wd__content.wd__content-horz.text__animation>img,
.wd__content.wd__content-horz.text__animation>span {
    opacity: 1;
    transform: unset;
    transition: unset
}

.outer-view {
    opacity: 1;
    transition: opacity 0 linear
}

.outer-view.is-hide {
    opacity: 0
}

.block__scroll .block__scroll-item {
    opacity: 0;
    transform: translateY(100px)
}

@media all and (max-width:730.5px) {
    .block__scroll .block__scroll-item {
        transform: translateY(60px);
        transform-origin: top
    }
}

.block__scroll .scroll-trigger-end {
    position: absolute;
    bottom: 0
}

@media all and (max-width:730.5px) {
    .block__scroll.block__scroll__small-noscroll .block__scroll-item {
        opacity: 1 !important;
        transform: none !important
    }

    .block__scroll.block__scroll__small-noscroll .scroll-trigger-end {
        position: relative !important;
        bottom: 0
    }
}

.wd__section .slick-dots {
    margin-right: auto;
    margin-left: auto
}

#main-zone #overview-top-nav .inner {
    padding: 0
}

#product-footer-zone {
    margin-top: 0 !important
}

#main-zone>.container {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important
}

#main-zone>.container .overview-wrapper {
    width: 100% !important
}

#ctl00_ContentPlaceHolder1_ctl00_span_model_name img {
    max-width: 100%
}

#special-sectionOverview {
    margin-top: 0
}

@media all and (min-width:769px) {
    #CMD .outer-view {
        margin-top: 0
    }
}

@media (max-width:959px) and (min-width:731px) {

    #af-header,
    #af-header .af-inner,
    #CMD #asus-api-footer {
        min-width: 100%;
        width: 100%
    }

    #main-zone>.container {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important
    }
}

@media all and (max-width:730.5px) {
    #special-sectionOverview {
        margin-top: 0
    }

    #CMD {
        margin-top: 0 !important
    }

    #main-zone,
    #main-zone-3,
    #main-zone-4,
    #main-zone-5,
    #main-zone-6 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
    position: fixed;
    z-index: 1000000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    white-space: nowrap;
    outline: auto;
    background: #0b0b0b;
    background: rgba(0, 0, 0, .9);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    position: fixed;
    z-index: 9990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: 0 !important
}

.lity-wrap::before {
    display: inline-block;
    margin-right: -.25em;
    height: 100%;
    content: "";
    vertical-align: middle
}

.lity-loader {
    position: absolute;
    z-index: 9991;
    top: 50%;
    opacity: 0;
    margin-top: -.8em;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    display: inline-block;
    position: relative;
    z-index: 9992;
    max-width: 100%;
    max-height: 100%;
    text-align: left;
    white-space: normal;
    outline: 0 !important;
    vertical-align: middle
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.lity-content::after {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    content: "";
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close {
    position: fixed;
    z-index: 9994;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    text-align: center;
    text-decoration: none;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    font-style: normal;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    padding: 0;
    border: 0
}

.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
    padding: 0;
    color: #fff;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    text-align: center;
    text-decoration: none;
    outline: auto;
    border: 0;
    background: 0 0;
    font-style: normal;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    display: block;
    max-width: 100%;
    border: 0;
    line-height: 0
}

.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    overflow: auto;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: auto;
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-hide {
    display: none
}

.beer-slider {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.beer-slider *,
.beer-slider ::after,
.beer-slider ::before,
.beer-slider::after,
.beer-slider::before {
    box-sizing: border-box
}

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom
}

.beer-slider>* {
    height: 100%
}

.beer-slider>img {
    max-width: 100%;
    height: auto
}

.beer-reveal {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    top: 0;
    right: 50%;
    left: 0;
    opacity: 0;
    transition: opacity .35s
}

.beer-reveal>:first-child {
    width: 200%;
    max-width: none;
    height: 100%
}

.beer-reveal>img:first-child {
    height: auto
}

.beer-range {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: -1px;
    opacity: 0;
    margin: 0;
    width: calc(100% + 2px);
    height: 100%;
    -webkit-appearance: slider-horizontal !important;
    -moz-appearance: none;
    -ms-touch-action: auto;
    touch-action: auto
}

.beer-range::-webkit-slider-thumb {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: #fff;
    -webkit-appearance: none
}

.beer-range::-moz-range-thumb {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: fff
}

.beer-range::-ms-tooltip {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: #fff
}

.beer-handle {
    position: absolute;
    z-index: 2;
    top: calc(50% - 30px);
    opacity: 0;
    width: 60px;
    height: 60px;
    transform: translateX(-15px)
}

.beer-handle::before {
    position: absolute;
    top: -273px;
    left: 50%;
    width: 1px;
    height: 606px;
    background-color: #fff;
    content: ""
}

.beer-handle::after {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    content: ""
}

.beer-range:focus~.beer-handle::after {
    outline: 5px auto -webkit-focus-ring-color
}

.beer-ready .beer-handle,
.beer-ready .beer-reveal {
    opacity: 1
}

#CMD::before {
    display: block;
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0
}

@media all and (min-width:1280px) {
    #CMD::before {
        content: "desktop"
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD::before {
        content: "tablet"
    }
}

@media all and (max-width:730.5px) {
    #CMD::before {
        content: "mobile"
    }
}

.wd__content {
    position: relative;
    color: #242424
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        width: 88%
    }
}

@media all and (max-width:730.5px) {
    .wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        width: 89.2%;
        text-align: left
    }
}

.wd__content * {
    line-height: 1.2
}

.wd__content .content__slogan {
    position: relative;
    color: #a89d5b;
    font-size: 1.5625rem
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__slogan {
        font-size: 1.75rem
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__slogan {
        padding-top: 0;
        padding-left: 0;
        font-size: 1.125rem
    }
}

.wd__content .content__title {
    display: inline-block;
    position: relative;
    margin-top: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 2.5rem;
    -webkit-background-clip: text
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__title {
        margin-top: 5px;
        font-size: 2.5rem
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__title {
        margin-top: 1px;
        width: 100%;
        font-size: 2.125rem
    }
}

.wd__content .content__title,
.wd__content .content__title * {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.wd__content .content__title a,
.wd__content .content__title div,
.wd__content .content__title span,
.wd__content .content__title sup {
    background-image: inherit
}

.wd__content .content__title.no-top-space {
    margin-top: -5px
}

.wd__content .content__title span {
    display: inline-block
}

.wd__content .content__info {
    position: relative;
    margin-top: 11px;
    font-size: 20px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__info {
        margin-top: 9px;
        font-size: 20px
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__info {
        margin-top: 6px;
        width: 100%;
        font-size: 1.125rem
    }
}

.wd__content .content__info,
.wd__content .content__info * {
    line-height: 1.4
}

.wd__content .content__comment {
    margin-top: 11px;
    font-size: 20px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__comment {
        margin-top: 12px;
        font-size: 20px
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__comment {
        margin-top: 12px;
        font-size: 1.125rem
    }
}

.wd__content .content__link {
    display: block;
    margin-top: -4px;
    padding: 5px 0;
    font-size: 20px;
    line-height: 1.4
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__link {
        font-size: 20px
    }
}

@media all and (max-width:730.5px) {
    .wd__content .content__link {
        font-size: 1.125rem
    }
}

.wd__content .content__link.link--1 {
    margin-top: 10px
}

.wd__content .content__link span {
    display: inline;
    color: #181818;
    border-bottom: 1px solid transparent
}

.wd__content .content__link *,
.wd__content .content__link:active span,
.wd__content .content__link:link span,
.wd__content .content__link:visited span {
    border-bottom: 1px solid transparent
}

.wd__content .content__link:hover span {
    border-bottom: 1px solid #181818
}

.wd__content .content__link.link-gradient {
    display: block;
    margin-top: 3px;
    padding: 5px 0;
    font-size: 20px;
    line-height: 27px;
    -webkit-text-fill-color: initial;
    background-image: initial
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content .content__link.link-gradient {
        margin-top: 8px;
        font-size: 20px;
        line-height: 1.4
    }
}

.wd__content .content__link.link-gradient span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #1ef9ef, #9846f4 90%)
}

.wd__content .content__link.link-gradient:hover span {
    border-image: linear-gradient(to right, #1ef9ef, #9846f4 90%);
    border-image-slice: 1
}

.wd__content .content__link.link-gradient::after {
    color: #9846f4
}

@media all and (max-width:730.5px) {
    .wd__content .content__link.link-gradient {
        margin-top: 7px;
        font-size: 1.125rem;
        line-height: 1.47;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #1ef9ef, #9846f4 90%)
    }

    .wd__content .content__link.link-gradient span {
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-image: unset
    }

    .wd__content .content__link.link-gradient:hover span {
        border-image: unset;
        border-image-slice: 1
    }

    .wd__content .content__link.link-gradient::after {
        color: #9846f4
    }
}

.wd__link__arrow::after {
    content: ">";
    padding-left: 7px;
    color: #181818
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__link__arrow::after {
        padding-left: 3px
    }
}

@media all and (max-width:730.5px) {
    .wd__link__arrow::after {
        padding-left: 4px
    }
}

.wd__content.sections-wdcontent .content__title {
    font-size: 2.1875rem
}

.wd__content.sections-wdcontent .content__info {
    margin-top: -3px;
    font-size: 20px
}

.wd__content.sections-wdcontent .modal-button-container {
    z-index: 1;
    text-align: left;
    transition: opacity .3s
}

.wd__content.sections-wdcontent .modal-button-container:hover {
    opacity: .8
}

.wd__content.sections-wdcontent .modal-button-container .modal-button {
    margin-top: 32px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__content.sections-wdcontent .content__title {
        font-size: 1.625rem
    }

    .wd__content.sections-wdcontent .content__info {
        margin-top: 10px;
        font-size: 20px
    }

    .wd__content.sections-wdcontent .modal-button-container {
        margin-top: 23px
    }

    .wd__content.sections-wdcontent .modal-button-container .modal-button {
        margin-top: 0
    }
}

@media all and (max-width:730.5px) {
    .wd__content.sections-wdcontent .content__title {
        font-size: 1.75rem
    }

    .wd__content.sections-wdcontent .content__info {
        margin-top: 5px;
        font-size: 1.125rem
    }

    .wd__content.sections-wdcontent .modal-button-container {
        text-align: center
    }

    .wd__content.sections-wdcontent .modal-button-container .modal-button {
        margin-top: 14px
    }
}

.wd__#CMD section.theme-black .wd__content .content__comment {
    color: #999
}

.wd__section.theme-white .wd__content .content__comment {
    color: #666
}

@media all and (min-width:1280px) {
    .wd__content.wd__content-horz {
        display: flex;
        margin-right: auto;
        margin-left: auto;
        max-width: 1080px
    }

    .wd__content.wd__content-horz .content-col .content__slogan {
        margin-top: 0 !important
    }

    .wd__content.wd__content-horz .content-col .content__info:first-child {
        margin-top: 0 !important
    }

    .wd__content.wd__content-horz .content-col-1 {
        width: 38%
    }

    .wd__content.wd__content-horz .content-col-2 {
        padding-left: 60px;
        box-sizing: border-box;
        width: 62%
    }

    .wd__content.wd__content-horz.type-tight {
        padding-left: 55px;
        max-width: 960px
    }

    .wd__content.wd__content-horz.type-tight .content-col-2 {
        padding-left: 80px
    }
}

.wd__feature__list {
    position: relative;
    margin: 71px auto 0;
    width: 100%
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list {
        margin-top: 54px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list {
        margin-top: 54px;
        width: 100%
    }
}

.wd__feature__list .wd__feature {
    display: inline-block;
    position: relative;
    margin: 0 21px 40px;
    box-sizing: border-box;
    color: #242424;
    text-align: center;
    vertical-align: top;
    line-height: 1.2
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature {
        margin: 0 33px 36px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature {
        margin: 0 17px 36px
    }
}

.wd__feature__list .wd__feature .wd__feature__describe__top {
    position: relative;
    margin-bottom: 4px;
    line-height: 1.2
}

.wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__feature__list .wd__feature .wd__feature__describe__top * {
    font-size: 1.0625rem
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 1.0625rem
    }
}

@media all and (max-width:730.5px) {

    .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 1rem
    }
}

.wd__feature__list .wd__feature .wd__feature__data {
    line-height: 1.2;
    color: #242424
}

.wd__feature__list .wd__feature .wd__feature__data,
.wd__feature__list .wd__feature .wd__feature__data * {
    font-size: 3rem
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0
    }

    .wd__feature__list .wd__feature .wd__feature__data,
    .wd__feature__list .wd__feature .wd__feature__data * {
        font-size: 3rem
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0
    }

    .wd__feature__list .wd__feature .wd__feature__data,
    .wd__feature__list .wd__feature .wd__feature__data * {
        font-size: 2.5rem
    }
}

.wd__feature__list .wd__feature .wd__feature__describe {
    position: relative;
    margin-top: 4px;
    line-height: 1.2
}

.wd__feature__list .wd__feature .wd__feature__describe,
.wd__feature__list .wd__feature .wd__feature__describe * {
    font-size: 1.0625rem
}

.wd__feature__list .wd__feature .wd__feature__describe .comment {
    display: block;
    position: relative;
    margin-top: 4px;
    font-size: 1.0625rem
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .wd__feature__list .wd__feature .wd__feature__describe .comment,
    .wd__feature__list .wd__feature .wd__feature__describe .comment * {
        font-size: 1.0625rem
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe .comment {
        display: block
    }

    .wd__feature__list .wd__feature .wd__feature__describe .comment,
    .wd__feature__list .wd__feature .wd__feature__describe .comment * {
        font-size: 1rem
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__feature__list .wd__feature .wd__feature__describe * {
        font-size: 1.0625rem
    }
}

@media all and (max-width:730.5px) {

    .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__feature__list .wd__feature .wd__feature__describe * {
        font-size: 1rem
    }
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
    padding-left: 7px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
    padding-left: 5px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
    padding-left: 3px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
    padding-right: 7px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
    padding-right: 5px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
    padding-right: 3px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 7px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 5px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 7px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 5px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 3px
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 2px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 1px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 2px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 1px
    }
}

.wd__feature__list .wd__feature .wd__feature__data.text__long-en {
    position: relative;
    bottom: -4px;
    font-size: 3.375rem
}

.wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
    margin-top: 8px;
    font-size: 2.875rem
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        font-size: 3.375rem
    }

    .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        margin-top: 10px;
        font-size: 2.875rem
    }
}

@media all and (max-width:730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        margin-bottom: -1px;
        padding-top: 0;
        font-size: 2.3625rem
    }

    .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        padding-top: 5px;
        font-size: 2rem
    }
}

.wd__feature__list .wd__feature .wd__feature__data.plus {
    position: relative;
    margin-right: 32px
}

.wd__feature__list .wd__feature .wd__feature__data.plus span {
    position: absolute;
    top: 4px;
    right: -33px;
    font-size: 3.1875rem
}

@font-face {
    font-family: slick;
    src: url(/font/slick.eot);
    src: url(/font/slick.eot?#iefix) format("embedded-opentype"), url(/font/slick.woff) format("woff"), url(/font/slick.ttf) format("truetype"), url(/font/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick__nav {
    margin-bottom: 40px;
    color: #636360;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.6
}

.slick__nav a {
    color: #636360
}

.slick-slide {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-next {
    right: 25px
}

.slick-prev {
    left: 25px
}

.slick__next,
.slick__prev {
    z-index: 9999;
    content: ""
}

.slick__next::before,
.slick__prev::before {
    content: "";
    display: none
}

[dir=rtl] .slick__prev::before {
    content: "";
    display: none
}

[dir=rtl] .slick__next::before {
    content: "";
    display: none
}

.wd__slick .container {
    margin: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 900px
}

.wd__slick .container.e1 .slick__info {
    margin-top: 15em
}

.wd__slick .container .slick__half {
    width: 45%
}

.wd__slick .container .slick__left {
    float: left
}

.wd__slick .container .slick__right {
    float: right
}

.wd__slick .container .slick__img,
.wd__slick .container .slick__info {
    width: 100%
}

.sprite__arrow__right {
    z-index: 1000;
    width: 49px;
    height: 96px;
    background-position: -214px -5px
}

.sprite__arrow__left {
    z-index: 1000;
    width: 49px;
    height: 96px;
    background-position: -80px -5px
}

.sprite-arrow_r {
    width: 65px;
    height: 130px
}

.sprite-arrow_l {
    width: 65px;
    height: 130px
}

.slick-next,
.slick-prev {
    z-index: 1;
    margin-top: -19px;
    width: 50px;
    height: 118px;
    border-radius: 0 10px 10px 0;
    background-color: transparent;
    background-color: rgba(0, 0, 0, .3)
}

.slick-next::before,
.slick-prev::before {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 57px;
    color: #fff;
    font-size: 34px
}

.slick-prev {
    left: 0;
    border-radius: 0 10px 10px 0
}

.slick-prev::before {
    content: "<";
    right: 18px
}

.slick-next {
    right: 0;
    border-radius: 10px 0 0 10px
}

.slick-next::before {
    content: ">";
    left: 18px
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .slick-next,
    .slick-prev {
        margin-top: -19px;
        width: 35px;
        height: 88px
    }

    .slick-next::before,
    .slick-prev::before {
        display: block;
        position: absolute;
        z-index: 1000;
        top: 43px;
        color: #fff;
        font-size: 26px
    }

    .slick-prev::before {
        right: 10px
    }

    .slick-next::before {
        left: 10px
    }
}

@media all and (max-width:730.5px) {

    .slick-next,
    .slick-prev {
        display: none !important
    }
}

.section__comment {
    margin-top: 25px;
    padding-top: 0
}

.section__comment.theme-black .footnotes .footnote li,
.section__comment.theme-black .footnotes .footnote li * {
    color: #999
}

.section__comment.theme-black .footnotes.footnote-item-star .footnote li {
    color: #999
}

.section__comment.theme-black .footnotes.footnote-item-star .footnote li::before {
    color: #999
}

.section__comment.theme-white .footnotes .footnote li,
.section__comment.theme-white .footnotes .footnote li * {
    color: #666
}

.section__comment.theme-white .footnotes.footnote-item-star .footnote li {
    color: #666
}

.section__comment.theme-white .footnotes.footnote-item-star .footnote li::before {
    color: #666
}

.footnotes {
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1221px
}

.footnotes .is-hidden {
    overflow: hidden;
    opacity: 0;
    margin: 0 !important;
    padding: 0 !important;
    height: 0
}

.footnotes:first-child {
    margin-top: 25px
}

.footnotes .footnote {
    font-size: 1.125rem;
    line-height: 1.4
}

.footnotes .footnote li {
    list-style-type: decimal;
    margin-bottom: 10px
}

.footnotes .footnote li,
.footnotes .footnote li * {
    font-size: .8125rem;
    text-align: left;
    line-height: 1.5
}

.footnotes.footnote-item-star .footnote li {
    position: relative;
    list-style-type: none
}

.footnotes.footnote-item-star .footnote li::before {
    display: block;
    position: absolute;
    top: 9px;
    left: -14px;
    content: "*";
    line-height: 0
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__comment {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 44px
    }

    .footnotes {
        padding: 0 28px 0 40px;
        width: 100%;
        max-width: 1280px
    }

    .footnotes .footnote li {
        margin-bottom: 10px
    }

    .footnotes .footnote li,
    .footnotes .footnote li * {
        font-size: .8125rem;
        line-height: 1.5
    }

    .footnotes.footnote-item-star .footnote li::before {
        top: 9px;
        left: -14px
    }
}

@media all and (max-width:730.5px) {
    .section__comment {
        display: inline-block;
        margin-top: 0;
        padding-top: 56px;
        padding-bottom: 40px
    }

    .footnotes {
        padding: 0 28px 0 22px;
        box-sizing: border-box;
        width: 100%;
        max-width: 730px
    }

    .footnotes .footnote {
        margin-left: 14px;
        font-size: .8125rem;
        line-height: 1.4
    }

    .footnotes .footnote li {
        margin-bottom: 12px
    }

    .footnotes .footnote li,
    .footnotes .footnote li * {
        font-size: .8125rem
    }

    .footnotes.footnote-item-star .footnote li::before {
        top: 10px;
        left: -11px
    }
}

#CMD.test .footnote-item:target {
    background: #ff0 !important
}

#CMD.test .footnote-item:focus {
    background: red !important
}

.stopScrollbar {
    overflow: hidden
}

#af-header.popHide,
#asus-api-footer.popHide,
#main-zone #product-footer-zone.popHide,
#overview-top-nav.popHide,
.cmd-sidenav.popHide,
.section__comment.popHide {
    display: none !important
}

.modal-button-container {
    z-index: 2147483647
}

.modal-button-container.inner {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.modal-button-container.text-white .modal-button {
    color: #fff
}

.modal-button-container.text-dark .modal-button {
    color: #181818
}

.modal-button-container.outer {
    position: relative;
    text-align: center
}

.modal-button-container.outer .modal-button-target {
    top: 50px
}

@media (max-width:720px) {
    .modal-button-container.outer .modal-button-target {
        top: 42px
    }
}

.modal-button-container .modal-button-text,
.modal-button-container .modal-inner-text {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1;
    pointer-events: none
}

@media (min-width:731px) and (max-width:1279.5px) {

    .modal-button-container .modal-button-text,
    .modal-button-container .modal-inner-text {
        font-size: 20px
    }
}

@media (max-width:730.5px) {

    .modal-button-container .modal-button-text,
    .modal-button-container .modal-inner-text {
        font-size: 1.125rem
    }
}

.modal-button-container .modal-button {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 10px 0 0;
    padding: 12px 20px;
    font-weight: 200;
    text-align: center;
    border: 0;
    border-style: solid;
    border-width: 3px;
    border-radius: 34px;
    background-color: #000;
    transition: background-color .4s ease-out, border-color .4s ease-out, color .4s ease-out;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    pointer-events: all;
    min-width: 130px;
    line-height: 46px
}

.outer-view {
    z-index: 0;
    transform-origin: 50vw 50vh
}

.outer-view.animate-scale {
    transform: translateZ(0) translateY(200px) scale(.96)
}

.outer-view .modal-button-container.ready .modal-button {
    transform: translate(0, 0) !important
}

.inner-view {
    display: block;
    position: fixed;
    overflow: hidden;
    z-index: 1000000000;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
    background-color: #fff;
    transform: translateY(110vh)
}

.inner-view.killFixed {
    position: relative !important
}

.inner-view .inner-view-container {
    height: 100%
}

.inner-view .inner-modal {
    display: none;
    position: relative;
    visibility: hidden;
    padding-bottom: 50px;
    width: 100%;
    min-height: 100vh;
    min-height: var(--safarivh)
}

.inner-view .inner-modal.showed {
    display: block;
    visibility: visible
}

.inner-view .modal-button-container {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch
}

.inner-view .modal-button-container {
    position: fixed;
    bottom: -80px;
    left: 0;
    opacity: 0;
    width: 100%;
    transform: translate3d(0, 0, 0)
}

.inner-view .modal-button-close {
    display: none
}

.inner-view.show-inner {
    transform: none !important
}

.inner-view.show-inner .modal-button-close {
    display: inline-block
}

.inner-view.show-inner .modal-active {
    display: block;
    visibility: visible
}

.inner-view.show-inner .modal-button-container {
    bottom: 50px;
    opacity: 1;
    transform: none;
    transition: opacity .3s 1s
}

@media (max-width:730.5px) {
    .inner-view.show-inner .modal-button-container {
        bottom: 40px
    }
}

@media (min-width:731px) and (max-width:1279.5px) {
    .modal-button-container .modal-button {
        padding: 10px 25px
    }

    .modal-button-container.inner {
        bottom: 20px
    }
}

@media (max-width:730.5px) {
    .modal-button-container .modal-button {
        padding: 8px 16px;
        text-align: center
    }

    .modal-button-container .modal-inner-text {
        font-size: 1.125rem
    }

    .modal-button-container.inner {
        bottom: 9px
    }
}

.wd__play__btn {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 497px;
    padding: 0;
    width: 36px;
    height: 36px
}

.wd__play__btn button {
    position: relative;
    cursor: pointer;
    opacity: .7;
    padding: 0;
    width: 36px;
    height: 36px;
    border-width: 0;
    background-color: transparent;
    transition: opacity 250ms
}

.wd__play__btn button.focus-visible,
.wd__play__btn button:focus-visible,
.wd__play__btn button:hover {
    opacity: 1
}

.wd__play__btn button .svg_button_play .svg-rect {
    fill: none
}

.wd__play__btn button .svg_button_play .svg-circle,
.wd__play__btn button .svg_button_play .svg-line {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
    fill-rule: evenodd
}

.wd__play__btn button .svg_button_play .svg-triangle {
    clip-path: url(#clip-path)
}

.wd__play__btn button .svg_button_replay {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%
}

.wd__play__btn button .svg_button_replay path {
    fill: #fff
}

.wd__play__btn button .svg_button_play .svg-line,
.wd__play__btn button .svg_button_play .svg-triangle {
    transition: opacity .4s
}

.wd__play__btn button .svg_button_play .svg-triangle {
    opacity: 0
}

.wd__play__btn button .svg_button_play .svg-line {
    opacity: 1
}

.wd__play__btn button .svg_button_replay {
    opacity: 0;
    user-select: none;
    transition: opacity .4s
}

.wd__play__btn button.show-play .svg_button_play .svg-triangle {
    opacity: 1
}

.wd__play__btn button.show-play .svg_button_play .svg-line {
    opacity: 0
}

.wd__play__btn button.show-replay .svg_button_play {
    opacity: 0;
    user-select: none
}

.wd__play__btn button.show-replay .svg_button_replay {
    opacity: 1;
    user-select: auto
}

.wd__play__btn .svg_button_play .svg-circle {
    stroke: #fff
}

.wd__play__btn .svg_button_play .svg-line {
    fill: #fff;
    stroke: #fff
}

.wd__play__btn .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

.wd__section .slick-tab-content {
    margin: 63px auto 0;
    width: 100%;
    max-width: 1128px
}

.wd__section .slick-tab-content .title-nav .scrollPos {
    display: none
}

.wd__section .slick-tab-content .slick-title {
    position: relative;
    color: #181818;
    text-align: center
}

.wd__section .slick-tab-content .slick-title .title-nav-count-0 .slick-nav-btn {
    width: Infinity%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-1 .slick-nav-btn {
    width: 100%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-2 .slick-nav-btn {
    width: 50%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-3 .slick-nav-btn {
    width: 33.3333333333%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-4 .slick-nav-btn {
    width: 25%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-5 .slick-nav-btn {
    width: 20%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-6 .slick-nav-btn {
    width: 16.6666666667%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-7 .slick-nav-btn {
    width: 14.2857142857%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-8 .slick-nav-btn {
    width: 12.5%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-9 .slick-nav-btn {
    width: 11.1111111111%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-10 .slick-nav-btn {
    width: 10%
}

.wd__section .slick-tab-content .slick-title .title-nav {
    display: block;
    position: relative;
    margin: 0;
    font-size: 0;
    border-bottom: 1px solid #6f6f6f
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    bottom: -1px;
    padding: 6px 0;
    font-size: 20px;
    text-align: center;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    transition: opacity .4s;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 1.2;
    border-bottom: 4px solid rgba(255, 255, 255, 0)
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn * {
    pointer-events: none !important
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn .sign-fnum {
    top: -.7em
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,
.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
    color: #181818;
    border-bottom: 4px solid #181818
}

.wd__section .slick-tab-content .slick-info-container {
    position: relative;
    overflow: hidden;
    transition: height .5s ease 0s
}

.wd__section .slick-tab-content .slick-info-item {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    padding-top: 48px;
    width: 100%
}

.wd__section .slick-tab-content .slick-info-item.active {
    display: block;
    position: relative;
    z-index: 9;
    opacity: 1;
    transition: opacity 1s ease 0s
}

.wd__section .slick-tab-content .slick-info-item[hidden=hidden] {
    display: none
}

.wd__section .slick-tab-content .slick-info {
    position: relative;
    margin: 0 auto;
    max-width: 772px;
    height: auto;
    text-align: left
}

.wd__section .slick-tab-content .slick-info .slick-info-text {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1.5
}

.wd__section .slick-tab-content .slick-info .slick-info-text .info__comment {
    display: inline-block;
    margin-top: 8px;
    font-size: 1.125rem;
    line-height: 1.4
}

.wd__section .slick-tab-content .slick-info+.slick-image {
    margin-top: 50px
}

.wd__section .slick-tab-content .slick-image {
    position: relative;
    z-index: -1;
    left: 50%;
    margin: 0;
    transform: translateX(-50%)
}

.wd__section .slick-tab-content .slick-image .img-slick {
    position: absolute;
    top: 0;
    left: 0;
    width: 1128px;
    height: 628px;
    border-radius: 10px;
    background-size: contain
}

.wd__section .vidInterface {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 460px;
    height: 170px
}

.wd__section .vidInterface video {
    filter: brightness(90%)
}

.wd__section .vidInterface .playBtn {
    background-image: url(images/playBtn.png);
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background-size: cover;
    transform: rotate(0);
    transition: transform .4s ease
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .wd__section .vidInterface .playBtn {
        background-image: url(images/playBtn.png)
    }
}

.wd__section .vidInterface .playBtn:hover {
    transform: rotate(120deg)
}

.wd__section .vidInterface span {
    display: block;
    margin-top: 20px;
    color: #fff;
    font-size: 1.75rem;
    line-height: 2.0625rem
}

@media all and (min-width:1280px) {
    .wd__section .slick-tab-content .slick-title .title-nav {
        display: flex;
        align-content: stretch;
        flex-direction: row;
        align-items: stretch
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        display: block;
        flex-shrink: 1;
        flex-grow: 1;
        flex-wrap: nowrap
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn .nav__title-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .slick-tab-content .scroll_container {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        scroll-behavior: smooth
    }

    .wd__section .slick-tab-content .scroll_container::-webkit-scrollbar {
        display: none
    }

    .wd__section .slick-tab-content .scroll_container .scrollPos {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100px;
        background-color: red
    }

    .wd__section .slick-tab-content {
        margin-top: 62px;
        max-width: 100%
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 8px 25px;
        font-size: 20px;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-info-item {
        padding-top: 33px
    }

    .wd__section .slick-tab-content .slick-info {
        margin-top: 0;
        padding-top: 0;
        width: 708px
    }

    .wd__section .slick-tab-content .slick-image {
        margin: 10px 0
    }

    .wd__section .slick-tab-content .slick-image .img-slick {
        margin-right: auto;
        margin-left: auto;
        width: 731px;
        height: 407px;
        border-radius: 5px
    }

    .wd__section .slick-tab-content .slick-info+.slick-image {
        margin-top: 33px
    }
}

@media all and (max-width:730.5px) {
    .wd__section .slick-tab-content .scroll_container {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        scroll-behavior: smooth
    }

    .wd__section .slick-tab-content .scroll_container::-webkit-scrollbar {
        display: none
    }

    .wd__section .slick-tab-content .scroll_container .scrollPos {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100px;
        background-color: red
    }

    .wd__section .slick-tab-content {
        margin: 45px auto 0;
        width: 100%;
        max-width: 720px
    }

    .wd__section .slick-tab-content .slick-title {
        position: relative;
        text-align: center
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 5px 23px;
        font-size: 1rem;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,
    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
        border-bottom: 2px solid #181818
    }

    .wd__section .slick-tab-content .slick-title .title-nav .sign-fnum {
        top: -.6em
    }

    .wd__section .slick-tab-content .slick-info-item {
        padding-top: 25px
    }

    .wd__section .slick-tab-content .slick-info {
        margin: 0 auto;
        padding-top: 0;
        width: 90%;
        max-width: 350px
    }

    .wd__section .slick-tab-content .slick-info .slick-info-text {
        font-size: .9375rem;
        line-height: 1.35
    }

    .wd__section .slick-tab-content .slick-info .slick-info-text .info__comment {
        display: inline-block;
        margin-top: 7px;
        color: #6f6f6f;
        font-size: .9375rem;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-image {
        position: relative;
        left: 50%;
        margin: 10px 0 0
    }

    .wd__section .slick-tab-content .slick-image .img-slick {
        left: 50%;
        width: 414px;
        height: 228px;
        border-radius: 5px;
        transform: translateX(-50%)
    }

    .wd__section .slick-tab-content .slick-info+.slick-image {
        margin-top: 25px
    }
}

.wd__section .ksp__layout {
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    max-width: 1268px;
    min-width: 1024px
}

.wd__section .ksp__layout .item__leftdesc {
    z-index: 10
}

.wd__section .ksp__layout .item_image {
    position: relative;
    z-index: -1;
    box-sizing: border-box
}

.wd__section .ksp__layout .item_image .img__block {
    display: block
}

.wd__section .ksp__layout .grid-item-ie {
    height: 100%
}

.wd__section .ksp__layout .grid-item-wdContent {
    display: flex;
    align-content: flex-end;
    flex-direction: row;
    min-height: 304px
}

.wd__section .ksp__layout .grid-item-wdContent .item_block {
    display: flex;
    width: 100%
}

.wd__section .ksp__layout .grid-item-wdContent .item_content {
    position: relative;
    box-sizing: border-box;
    height: 100%
}

.wd__section .ksp__layout .wd__content {
    display: flex;
    position: relative;
    justify-content: center;
    margin: 0;
    height: 100%;
    flex-direction: column
}

.wd__section .ksp__layout .wd__content .content__slogan {
    margin-bottom: 13px;
    color: #181818;
    font-size: 1.625rem;
    line-height: 1.14
}

.wd__section .ksp__layout .wd__content .content__title {
    margin: 0;
    color: #181818;
    font-size: 3.09375rem;
    line-height: 1.2
}

.wd__section .ksp__layout .wd__content .content__info {
    margin-top: 13px;
    color: #181818;
    line-height: 1.2;
    font-size: 1.625rem
}

.wd__section .ksp__layout .wd__content span.space-left-m {
    padding-left: 5px
}

.wd__section .ksp__layout .wd__content span.space-right-m {
    padding-right: 5px
}

.wd__section .ksp__layout .grid-item-wdFeature .grid-item-ie {
    padding: 37px 24px
}

.wd__section .ksp__layout .wd__feature__list {
    display: flex;
    justify-content: center;
    margin: 0;
    margin-top: 0;
    height: 100%;
    flex-direction: column
}

.wd__section .ksp__layout .wd__feature__list .wd__feature {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe {
    margin-top: 11px
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top {
    margin-bottom: 6px
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe,
.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top span {
    line-height: 1.2;
    font-size: 1.625rem
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__data {
    font-size: 3rem;
    line-height: 1.2
}

.wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
    padding: 37px 20px
}

.wd__section .ksp__layout .wd__feature__list.top-icon {
    display: flex;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0
}

.wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
    margin-right: auto;
    margin-left: auto;
    background-size: contain
}

.wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__data {
    font-size: 2.125rem
}

.wd__section .ksp__layout .grid-item-ie.showbevel {
    margin: 0 8px;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.wd__section .ksp__layout .grid-item-ie.showbevel::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    background: #000;
    background-repeat: repeat;
    background-size: 400px 400px;
    content: "";
    background-image: url(images/line-grid-png.png)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .grid-item-border {
    position: absolute;
    z-index: 19;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem {
    position: absolute;
    z-index: 13;
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 2px 0 0;
    border-color: #fff transparent transparent transparent;
    background-color: #000;
    transform-origin: center
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-top] {
    top: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-bottom] {
    bottom: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-left-] {
    left: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-right-] {
    right: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-left-top {
    transform: rotate(135deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-left-bottom {
    transform: rotate(45deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-right-top {
    transform: rotate(225deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-right-bottom {
    transform: rotate(315deg) scale(.8)
}

.wd__section .ksp__layout .wd__feature__data .sign-reg {
    top: -.7em;
    font-size: .5em;
    line-height: 1
}

.wd__section .ksp__layout .item__jumpto-button-container {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.wd__section .ksp__layout .item__jumpto-button {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px 0 0
}

.wd__section .ksp__layout .item__jumpto-button * {
    pointer-events: none !important
}

.wd__section .ksp__layout .item__jumpto-button::before {
    display: block;
    position: absolute;
    top: 50%;
    bottom: unset;
    left: 50%;
    margin-top: -5px;
    margin-left: -10px;
    width: 20px;
    height: 10px;
    content: "";
    -webkit-mask-image: url(images/jumparrowMask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background-color: #000
}

@media all and (min-width:1280px) {
    .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 62px 70px;
        box-sizing: border-box
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 50px 45px 33px;
        height: 100%;
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        width: 100%;
        height: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info,
    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title {
        text-align: center
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 103px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-leftCenter {
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        width: 50.9%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 49%
    }

    .wd__section .ksp__layout .grid-item-wdContent .img__block {
        position: absolute
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .ksp__layout {
        padding-right: 16px;
        padding-left: 16px;
        box-sizing: border-box;
        width: 100%;
        max-width: 1023px;
        min-width: 1px
    }

    .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 0
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .item_content {
        padding: 29px 40px 35px 0
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        flex-direction: column;
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        padding: 40px 24px;
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info,
    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title {
        text-align: center
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image .img__block {
        left: 50%;
        transform: translateX(-50%)
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 29px 0 35px 40px;
        width: 54%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 99%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 3rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 6px;
        width: 100%;
        font-size: 1.625rem
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 46%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature {
        min-height: 175px
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature .grid-item-ie {
        padding: 37px 24px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 12px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 1.625rem
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 3rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
        padding: 37px 20px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 17px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 100px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 2.125rem
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 14px
    }
}

@media all and (max-width:730.5px) {
    .wd__section .ksp__layout {
        position: relative;
        left: 50%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 391px;
        transform: translateX(-50%);
        min-width: 336px
    }

    .wd__section .ksp__layout .grid-item {
        min-width: 320px;
        justify-content: center
    }

    .wd__section .ksp__layout .grid-item-wdContent {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 27px 24px;
        height: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 2.3625rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 8px;
        width: 100%;
        font-size: 20px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        margin-top: -5px;
        width: 100%;
        height: 202px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: relative
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature .grid-item-ie {
        padding: 32px 24px;
        min-height: 1px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 4px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 20px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 2.3625rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
        padding: 32px 24px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe,
    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe span,
    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top,
    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top span {
        font-size: 20px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 13px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 72px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 1.5625rem
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 11px
    }
}

.section__kv .wd__content {
    position: relative;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto
}

.section__kv .wd__content .content__slogan {
    margin-top: 0;
    margin-left: 0;
    font-size: 3.9375rem;
    text-transform: none
}

.section__kv .wd__content .content__title {
    margin-top: 26px;
    font-size: 4.0625rem
}

.section__kv .wd__content .content__info {
    margin-top: 40px;
    width: 100%;
    font-size: 1.625rem;
    line-height: 1.4
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .wd__content .content__slogan {
        margin-top: -2px;
        font-size: 3rem
    }

    .section__kv .wd__content .content__info {
        margin-top: 15px;
        width: 90%;
        max-width: 793px;
        font-size: 1.625rem
    }
}

@media all and (max-width:730.5px) {
    .section__kv .wd__content {
        margin-top: 55px
    }

    .section__kv .wd__content .content__slogan {
        display: block;
        text-align: center;
        margin-top: 7px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        font-size: 2rem
    }

    .section__kv .wd__content .content__info {
        text-align: center;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        width: 84%;
        font-size: 1.375rem
    }
}

.kv__badge {
    display: block;
    position: relative;
    margin-top: 64px;
    margin-right: auto;
    margin-left: auto;
    width: 94%;
    max-width: 950px
}

.kv__badge .badge__container {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.kv__badge .badge__container img {
    display: block;
    position: relative;
    margin: 0 25px;
    background-size: contain
}

.kv__badge .badge__container img.icon__badge-creator {
    width: 98px;
    height: 130px
}

#CMD .kv__badge .icon__badge-creator {
    background-image: url(images/kv_badge_creator.jpg)
}

.kv__badge .badge__container img.icon__badge-oled {
    width: 98px;
    height: 130px
}

#CMD .kv__badge .icon__badge-oled {
    background-image: url(images/kv_badge_oled.jpg)
}

.kv__badge .badge__container img.icon__badge-nvidia {
    left: -6px;
    margin-right: 7px;
    width: 192px;
    height: 90px
}

#CMD .kv__badge .icon__badge-nvidia {
    background-image: url(images/kv_badge_nvidia.png)
}

.kv__badge .badge__container img.icon__badge-nvidia2022 {
    left: -6px;
    margin-right: 7px;
    width: 192px;
    height: 90px
}

#CMD .kv__badge .icon__badge-nvidia2022 {
    background-image: url(images/kv_badge_nvidia2022.png)
}

.kv__badge .badge__container img.icon__badge-nvidiartx {
    width: 204px;
    height: 62px
}

#CMD .kv__badge .icon__badge-nvidiartx {
    background-image: url(images/kv_badge_nvidiartx.png)
}

.kv__badge .badge__container img.icon__badge-nvidiartx-unverified {
    width: 204px;
    height: 62px
}

#CMD .kv__badge .icon__badge-nvidiartx-unverified {
    background-image: url(images/kv_badge_nvidiartx_unverified.png)
}

.kv__badge .badge__container img.icon__badge-nvidiartx2023 {
    left: -8px;
    margin-right: 7px;
    width: 131px;
    height: 80px
}

#CMD .kv__badge .icon__badge-nvidiartx2023 {
    background-image: url(images/kv_badge_nvidiartx2023.png)
}

.kv__badge .badge__container img.icon__badge-gamepass {
    width: 208px;
    height: 35px
}

#CMD .kv__badge .icon__badge-gamepass {
    background-image: url(images/kv_badge_gamepass.png)
}

.kv__badge .badge__container img.icon__badge-timebest2022 {
    width: 92px;
    height: 130px
}

#CMD .kv__badge .icon__badge-timebest2022 {
    background-image: url(images/kv_badge_timebest2022.png)
}

.kv__badge .badge__content {
    position: relative;
    margin-top: 30px;
    text-align: center
}

.kv__badge .badge__content .content-text {
    display: block;
    position: relative;
    margin-bottom: 5px;
    color: #999;
    font-size: .875rem;
    text-align: center;
    line-height: 1.2
}

.kv__badge .badge__content .content-text:last-child {
    margin-bottom: 0
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .kv__badge {
        margin-top: 52px;
        width: 100%;
        max-width: 720px
    }

    .kv__badge .badge__container img {
        margin: 0 25px
    }

    .kv__badge .badge__container img.icon__badge-creator {
        width: 98px;
        height: 130px
    }

    .kv__badge .badge__container img.icon__badge-oled {
        width: 98px;
        height: 130px
    }

    .kv__badge .badge__container img.icon__badge-nvidia,
    .kv__badge .badge__container img.icon__badge-nvidia2022 {
        left: -7px;
        margin-right: 5px;
        width: 192px;
        height: 90px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx,
    .kv__badge .badge__container img.icon__badge-nvidiartx-unverified {
        width: 218px;
        height: 66px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx2023 {
        left: -9px;
        margin-right: 5px;
        width: 131px;
        height: 80px
    }

    .kv__badge .badge__container img.icon__badge-gamepass {
        width: 218px;
        height: 66px
    }

    .kv__badge .badge__container img.icon__badge-timebest2022 {
        width: 92px;
        height: 130px
    }

    .kv__badge .badge__content {
        margin-top: 30px
    }

    .kv__badge .badge__content .content-text {
        font-size: .875rem;
        line-height: 1.2
    }
}

@media all and (max-width:730.5px) {
    .kv__badge {
        margin-top: 52px;
        width: 90%;
        max-width: 430px
    }

    .kv__badge .badge__container img {
        margin: 0 21px 30px
    }

    .kv__badge .badge__container img.icon__badge-creator {
        width: 80px;
        height: 106px
    }

    .kv__badge .badge__container img.icon__badge-oled {
        width: 80px;
        height: 106px
    }

    .kv__badge .badge__container img.icon__badge-nvidia,
    .kv__badge .badge__container img.icon__badge-nvidia2022 {
        left: -4px;
        margin-right: 3px;
        width: 150px;
        height: 70px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx,
    .kv__badge .badge__container img.icon__badge-nvidiartx-unverified {
        width: 203px;
        height: 63px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx2023 {
        left: -5px;
        margin-right: 3px;
        width: 114px;
        height: 70px
    }

    .kv__badge .badge__container img.icon__badge-gamepass {
        width: 203px;
        height: 63px
    }

    .kv__badge .badge__container img.icon__badge-timebest2022 {
        width: 75px;
        height: 106px
    }

    .kv__badge .badge__content {
        margin-top: -3px
    }

    .kv__badge .badge__content .content-text {
        margin-bottom: 8px;
        font-size: .875rem;
        line-height: 1.2
    }
}

.bg__badge {
    position: absolute;
    z-index: 7;
    top: 0;
    left: 50%;
    width: 0;
    height: 0
}

.bg__badge .icon__bgBadge {
    display: block;
    position: absolute;
    background-size: contain
}

.bg__badge .icon__bgBadge {
    width: 140px;
    height: 160px
}

.bg__badge .icon__bgBadge-evoi7 {
    width: 140px;
    height: 160px
}

.bg__badge .icon__bgBadge-evoi7 {
    background-image: url(images/evo_i7.png)
}

@media all and (min-width:1280px) {
    .bg__badge .icon__bgBadge-evoi7 {
        width: 140px;
        height: 160px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .bg__badge .icon__bgBadge-evoi7 {
        width: 115px;
        height: 135px
    }
}

@media all and (max-width:730.5px) {
    .bg__badge .icon__bgBadge-evoi7 {
        width: 88px;
        height: 78px
    }
}

@keyframes hoverAnimation {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    35% {
        transform: scale(1, .2) translateY(130px)
    }

    85% {
        transform: scale(1, 1) translateY(0)
    }
}

.vr__screen {
    display: block;
    position: relative;
    left: 50%;
    margin-top: 110px;
    margin-bottom: -30px;
    margin-left: -38px;
    width: 76px;
    height: 48px
}

.vr__screen #vr__screen__icon {
    fill: #333;
    width: 76px;
    height: 48px
}

.vr__screen #vr__screen__icon .vr__border {
    transform: scale(1, 1);
    animation: none
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .vr__screen {
        margin-top: 74px;
        margin-bottom: -29px
    }
}

@media all and (max-width:730.5px) {
    .vr__screen {
        margin-top: 56px;
        margin-bottom: -22px;
        margin-left: -35px;
        width: 70px;
        height: 44px
    }

    .vr__screen #vr__screen__icon {
        width: 70px;
        height: 44px
    }
}

@media all and (max-width:1279.5px) {
    .vr__screen #vr__screen__icon .vr__border {
        transform: scale(1, 1)
    }
}

.cmd-sidenav {
    z-index: 1000
}

.cmd-sidenav .container-bg {
    position: absolute;
    right: 20px;
    width: 24px;
    height: 100%;
    border-radius: 18px;
    background: rgba(0, 0, 0, .4)
}

.cmd-sidenav .container-collapse {
    display: none
}

.cmd-sidenav .container-collapse .img__main {
    margin: 0;
    width: auto;
    height: auto
}

.cmd-sidenav .sidenav-container .item-container::marker {
    font-size: 0
}

@keyframes fadeInNav {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media all and (min-width:1280px) {
    .wd__section .sectionnNavPosition {
        top: -140px
    }

    .cmd-sidenav {
        position: fixed;
        top: 180px;
        right: 0
    }

    .cmd-sidenav .sidenav-container {
        position: relative
    }

    .cmd-sidenav .sidenav-container .container-items {
        position: relative
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        display: block;
        position: relative;
        width: 57px;
        height: 43px;
        font-size: 0;
        -webkit-tap-highlight-color: transparent
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        width: 54px;
        height: 43px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #9f9f9f;
        transform: translate3d(-50%, -50%, 0);
        user-select: none;
        pointer-events: none;
        content: ""
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        position: absolute;
        overflow-y: hidden;
        right: 0;
        width: 400px;
        height: 100%;
        color: #fff;
        font-size: 0;
        text-align: right;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name,
    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        display: inline-block;
        position: relative;
        vertical-align: top
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        top: 0;
        left: 1px;
        width: 40px;
        height: 100%;
        border-radius: 54px 0 0 54px;
        background: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        padding: 0 23px 0 0;
        height: 100%;
        color: #fff;
        font-size: 20px;
        background: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name span {
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        opacity: 1;
        transition: opacity .2s 150ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        transition: transform .3s linear
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        transform: translate3d(100%, 0, 0);
        transition: transform .3s linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-dot {
        opacity: 0;
        transition: opacity 150ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-label {
        transform: translate3d(0, 0, 0);
        transition: transform .3s 75ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.enter .item-label .label-name {
        color: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after {
        background: #fff;
        transform: translate3d(-50%, -50%, 0) scale(1.5)
    }

    .cmd-sidenav .container-bg {
        right: 15px
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        margin-top: -3px;
        width: 94px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        width: 94px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        margin-left: 20px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .sectionnNavPosition {
        top: -140px
    }

    .cmd-sidenav {
        position: fixed;
        top: 123px;
        right: 20px;
        background-color: transparent
    }

    .cmd-sidenav .container-bg {
        display: none
    }

    .cmd-sidenav .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .item-label .label-name {
        padding-right: 15px;
        padding-left: 15px
    }

    .cmd-sidenav .item-dot {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmd-sidenav .container-collapse {
        display: block;
        position: absolute;
        z-index: 1;
        top: -26px;
        right: 0;
        width: auto;
        height: auto
    }

    .cmd-sidenav .container-collapse .collapse-open::before {
        background: rgba(66, 66, 66, .8)
    }

    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242
    }

    .cmd-sidenav .container-collapse .collapse-close,
    .cmd-sidenav .container-collapse .collapse-open {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0, -50%, 0);
        transition: opacity .3s
    }

    .cmd-sidenav .container-collapse .collapse-close::before,
    .cmd-sidenav .container-collapse .collapse-open::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%, -50%)
    }

    .cmd-sidenav .container-collapse .collapse-close img,
    .cmd-sidenav .container-collapse .collapse-open img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: no-repeat;
        background-size: contain
    }

    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image: url(images/open.svg)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image: url(images/close.svg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav .container-items {
        overflow: hidden;
        height: 100%;
        max-height: 0;
        transition: all .4s
    }

    .cmd-sidenav .container-items .item {
        display: block;
        position: relative;
        opacity: 0;
        transition: opacity
    }

    .cmd-sidenav .container-items .item .item-label {
        padding: 10px 14px;
        font-size: 1.1875rem;
        text-align: center
    }

    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 1.1875rem;
        line-height: 1.2
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav.show {
        padding-bottom: 17px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all .4s
    }

    .cmd-sidenav.show .container-items::before {
        position: absolute;
        content: "";
        top: -50px;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items .item {
        opacity: 1;
        transition: opacity .3s .4s
    }

    .cmd-sidenav.show .container-collapse .collapse-open {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav.show .container-collapse .collapse-close {
        display: block;
        pointer-events: all
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav {
        display: none;
        right: 20px;
        left: unset;
        opacity: 0
    }

    .cmd-sidenav.mobile-show {
        display: block;
        left: unset;
        opacity: 1;
        -webkit-animation: fadeinnav 1s;
        animation: fadeInNav 1s
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .cmd-sidenav .item-dot.enter {
        z-index: -1;
        background: #e42657
    }
}

@media all and (max-width:730.5px) {
    .wd__section .sectionnNavPosition {
        top: -102px
    }

    .cmd-sidenav {
        position: fixed;
        top: 123px;
        right: 16px;
        width: calc(100% - 32px);
        background-color: transparent
    }

    .cmd-sidenav .container-bg {
        display: none
    }

    .cmd-sidenav .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .item-dot {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmd-sidenav .container-collapse {
        display: block;
        position: absolute;
        z-index: 1;
        top: -26px;
        right: 0;
        width: auto;
        height: auto
    }

    .cmd-sidenav .container-collapse .collapse-open::before {
        background: rgba(66, 66, 66, .8)
    }

    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242
    }

    .cmd-sidenav .container-collapse .collapse-close,
    .cmd-sidenav .container-collapse .collapse-open {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0, -50%, 0);
        transition: opacity .3s
    }

    .cmd-sidenav .container-collapse .collapse-close::before,
    .cmd-sidenav .container-collapse .collapse-open::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%, -50%)
    }

    .cmd-sidenav .container-collapse .collapse-close img,
    .cmd-sidenav .container-collapse .collapse-open img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: no-repeat;
        background-size: contain
    }

    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image: url(images/open.svg)
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image: url(images/close.svg)
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav .container-items {
        overflow: hidden;
        height: 100%;
        max-height: 0;
        transition: all .4s
    }

    .cmd-sidenav .container-items .item {
        display: block;
        position: relative;
        opacity: 0;
        transition: opacity
    }

    .cmd-sidenav .container-items .item .item-label {
        padding: 10px 14px;
        font-size: 1.125rem;
        text-align: center
    }

    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 1.125rem;
        line-height: 1.2
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav.show {
        padding-bottom: 17px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all .4s
    }

    .cmd-sidenav.show .container-items::before {
        position: absolute;
        content: "";
        top: -50px;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items .item {
        opacity: 1;
        transition: opacity .3s .4s
    }

    .cmd-sidenav.show .container-collapse .collapse-open {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav.show .container-collapse .collapse-close {
        display: block;
        pointer-events: all
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav {
        display: none;
        left: 100%;
        opacity: 0
    }

    .cmd-sidenav.mobile-show {
        display: block;
        left: unset;
        opacity: 1;
        -webkit-animation: fadeinnav 1s;
        animation: fadeInNav 1s
    }
}

@media all and (max-width:730.5px) {
    .cmd-sidenav .item-dot.enter {
        z-index: -1;
        background: #e42657
    }
}

.wd__section .wd__feature__list {
    margin-right: auto;
    margin-left: auto
}

.wd__section .wd__feature__list.list-icon {
    margin-top: 22px
}

.wd__section .wd__feature__list.list-icon .wd__feature {
    top: 42px
}

.wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
    top: 0
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe__top {
    display: none
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__data {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon {
    width: 100%;
    height: 100%
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
    margin-right: auto;
    margin-left: auto;
    max-width: 168px
}

.wd__feature.icon-asusoled .img__icon {
    background-image: url(images/icon_asusoled.png)
}


.wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
    top: 19px;
    margin-bottom: 3px;
    width: 112px;
    height: 116px
}

.wd__feature.icon-asusoled120hz .img__icon {
    background-image: url(images/icon_asusoled120hz.png)
}

.wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
    top: 29px;
    margin-bottom: 3px;
    width: 108px;
    height: 108px
}

.wd__feature.icon-asusoled-lumina .img__icon {
    background-image: url(images/icon_asusoled_lumina.png)
}


.wd__section .wd__feature__list .wd__feature.icon-asusoled-lumina .wd__feature__data {
    top: 19px;
    margin-bottom: 3px;
    width: 112px;
    height: 116px
}

.wd__feature.icon-blackdolbyvision .img__icon {
    background-image: url(images/icon_blackdolbyvision.png)
}

.wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data {
    top: 23px;
    margin-bottom: 3px;
    width: 168px;
    height: 116px
}

.wd__feature.icon-dolbyvision .img__icon {
    background-image: url(images/icon_dolbyvision.png)
}


.wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
    top: 23px;
    margin-bottom: 3px;
    width: 168px;
    height: 116px
}

.wd__feature.icon-flickfree .img__icon {
    background-image: url(images/icon_flickfree.png)
}


.wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
    width: 92px;
    height: 116px
}

.wd__feature.icon-lowbluelighthardware .img__icon {
    background-image: url(images/icon_lowbluelighthardware.png)
}


.wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay .img__icon {
    background-image: url(images/icon_certifieddisplay.png)
}


.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay500 .img__icon {
    background-image: url(images/icon_certifieddisplay500.png)
}


.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay600 .img__icon {
    background-image: url(images/icon_certifieddisplay600.png)
}

.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-dolbyatmos .img__icon {
    background-image: url(images/icon_dolbyatmos.png)
}

.wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
    top: 53px;
    margin-bottom: 56px;
    width: 187px;
    height: 64px
}

.wd__feature.icon-blackdolbyatmos .img__icon {
    background-image: url(images/icon_blackdolbyatmos.png)
}

.wd__section .wd__feature__list .wd__feature.icon-blackdolbyatmos .wd__feature__data {
    top: 53px;
    margin-bottom: 56px;
    width: 187px;
    height: 64px
}

.wd__feature.icon-harmankardon .img__icon {
    background-image: url(images/icon_harmankardon.png)
}


.wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
    top: 63px;
    margin-bottom: 73px;
    width: 256px;
    height: 47px
}

.wd__feature.icon-blackharmankardon .img__icon {
    background-image: url(images/icon_blackharmankardon.png)
}


.wd__section .wd__feature__list .wd__feature.icon-blackharmankardon .wd__feature__data {
    top: 63px;
    margin-bottom: 73px;
    width: 256px;
    height: 47px
}

.wd__feature.icon-smartamplifier .img__icon {
    background-image: url(images/icon_smartamplifier.png)
}

.wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
    top: 34px;
    margin-bottom: 39px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-blacksmartamplifier .img__icon {
    background-image: url(images/icon_blacksmartamplifier.png)
}

.wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__data {
    top: 34px;
    margin-bottom: 39px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-audiobooster .img__icon {
    background-image: url(images/icon_audiobooster.png)
}

.wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data {
    top: 32px;
    margin-bottom: 40px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-blackaudiobooster .img__icon {
    background-image: url(images/icon_blackaudiobooster.png)
}


.wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__data {
    top: 32px;
    margin-bottom: 40px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-dirac .img__icon {
    background-image: url(images/icon_dirac.png)
}


.wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
    top: 54px;
    margin-bottom: 58px;
    width: 190px;
    height: 62px
}

.wd__feature.icon-blackcalmanverified .img__icon {
    background-image: url(images/icon_blackcalmanverified.png)
}

.wd__feature.icon-calmanverified .img__icon {
    background-image: url(images/icon_calmanverified.png)
}


.wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,
.wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
    top: -4px;
    margin-top: 42px;
    width: 230px;
    height: 74px
}

.wd__feature.icon-sgsperformance .img__icon {
    background-image: url(images/icon_sgsperformance.png)
}


.wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
    top: -11px;
    margin-top: 28px;
    width: 150px;
    height: 88px
}

.wd__feature.icon-validateddisplay .img__icon {
    background-image: url(images/icon_validateddisplay.png)
}


.wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-lowbluelight .img__icon {
    background-image: url(images/icon_lowbluelight.png)
}


.wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
    width: 180px;
    height: 116px
}

.wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
    top: 3px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__section .wd__feature__list.list-icon {
        margin-top: -7px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature {
        top: 29px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
        top: 0
    }

    .wd__section .wd__feature__list.list-icon .wd__feature .feature-icon {
        margin-bottom: -9px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature .feature-icon .wd__feature__data {
        height: 116px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
        top: 14px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
        top: 22px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled-lumina .wd__feature__data {
        top: 14px
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
        top: 24px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyatmos .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
        top: 51px;
        margin-bottom: 19px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackharmankardon .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
        top: 58px;
        margin-bottom: 19px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
        top: 21px;
        margin-bottom: 28px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__data {
        top: 20px;
        margin-bottom: 28px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
        top: -12px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
        top: 54px;
        margin-bottom: 46px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
        top: -3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
        top: -3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
        top: -1px
    }

    .wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
        top: -14px
    }
}

@media all and (max-width:730.5px) {
    .wd__section .wd__feature__list.list-icon {
        margin-top: 9px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature {
        top: 36px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
        top: 0
    }

    .wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
        margin-top: 0
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
        position: relative;
        top: 12px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
        position: relative;
        top: 16px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled-lumina .wd__feature__data {
        position: relative;
        top: 12px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
        top: 20px;
        margin-bottom: -20px;
        width: 141px;
        height: 97px
    }

    .wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyatmos .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
        top: 55px;
        margin-bottom: -5px;
        width: 139px;
        height: 51px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackharmankardon .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
        top: 61px;
        margin-bottom: 16px;
        width: 193px;
        height: 36px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
        top: 40px;
        margin-bottom: 11px;
        width: 71px;
        height: 62px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__describe,
    .wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__describe {
        top: 32px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__data {
        top: 38px;
        margin-bottom: 0;
        width: 72px;
        height: 63px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__describe,
    .wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__describe {
        top: 42px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,
    .wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
        top: -9px;
        margin-top: 39px;
        width: 202px;
        height: 65px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
        top: 55px;
        margin-bottom: 7px;
        width: 141px;
        height: 46px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        top: 8px;
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data .img__icon {
        top: 0
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        top: 5px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
        width: 153px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
        top: -10px;
        margin-top: 28px;
        width: 128px;
        height: 75px
    }
}

.inner__nav {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 1000px;
    text-align: center
}

.inner__nav .nav__heading {
    color: #ffe092;
    font-size: 21px;
    transition: opacity .6s ease-out
}

.inner__nav .nav__heading.clicked {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

.inner__nav .nav__switch__btn {
    position: absolute;
    cursor: pointer;
    bottom: -62px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    transition: all .6s ease-out, top 1s ease-out
}

.inner__nav .nav__switch__btn .icon__switch {
    background-image: url(images/inner/icon_open.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease-out
}


.inner__nav .nav__switch__btn.clicked {
    transform: translate3d(0, 210px, 0)
}

.inner__nav .nav__switch__btn.clicked .icon__switch {
    transform: rotate(405deg) translate3d(0, 0, 0);
    transform-origin: center
}

.inner__nav .nav__switch__btn.fixed {
    position: fixed;
    top: -30px;
    left: 50%;
    margin-left: -20px
}

.inner__nav .nav__switch__btn.disable {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    top: -300px !important
}

.inner__page {
    margin-top: 0;
    padding-top: 0;
    background-color: #f5f5f5
}

.inner__page .wd__content .content__title {
    font-size: 27px;
    line-height: 1.2
}

.inner__page .inner__mask {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity .5s ease-out
}

.inner__page.darknight .inner__mask {
    -webkit-opacity: .6;
    -khtml-opacity: .6;
    -moz-opacity: .6;
    -ms-opacity: .6;
    -o-opacity: .6;
    opacity: .6;
    z-index: 1000000;
    transition: opacity .5s ease-out
}

.inner__page .section__content {
    z-index: 0;
    max-width: 2560px;
    background-color: #fff
}

.inner__page .section__content.theme-gray {
    margin-bottom: 4px;
    padding-bottom: 0;
    max-width: 1366px;
    background-color: #e7e7e7
}

.inner__page .section__content.theme-gray .wd__content {
    padding-top: 39px
}

.inner__page .icon {
    position: relative;
    margin-right: auto;
    margin-bottom: 11px;
    margin-left: auto;
    width: 120px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.inner__page .icon.icon-allSmiles {
    background-image: url(images/inner/icon/icon_all_smiles.png)
}


.inner__page .icon.icon-auto {
    background-image: url(images/inner/icon/icon_auto.png)
}


.inner__page .icon.icon-beautification {
    background-image: url(images/inner/icon/icon_beautification.png)
}


.inner__page .icon.icon-depthOfField {
    background-image: url(images/inner/icon/icon_depth_of_field.png)
}


.inner__page .icon.icon-effect {
    background-image: url(images/inner/icon/icon_effect.png)
}


.inner__page .icon.icon-gif {
    background-image: url(images/inner/icon/icon_gif.png)
}


.inner__page .icon.icon-hdrPro {
    background-image: url(images/inner/icon/icon_hdr_pro.png)
}


.inner__page .icon.icon-kids {
    background-image: url(images/inner/icon/icon_kids.png)
}


.inner__page .icon.icon-lowlight {
    background-image: url(images/inner/icon/icon_lowlight.png)
}


.inner__page .icon.icon-miniature {
    background-image: url(images/inner/icon/icon_miniature.png)
}


.inner__page .icon.icon-night {
    background-image: url(images/inner/icon/icon_night.png)
}


.inner__page .icon.icon-qrCode {
    background-image: url(images/inner/icon/icon_qr_code.png)
}


.inner__page .icon.icon-selfiePanorama {
    background-image: url(images/inner/icon/icon_selfie_panorama.png)
}

.inner__page .icon.icon-selfie {
    background-image: url(images/inner/icon/icon_selfie.png)
}


.inner__page .icon.icon-slowMotion {
    background-image: url(images/inner/icon/icon_slow_motion.png)
}


.inner__page .icon.icon-smartRemove {
    background-image: url(images/inner/icon/icon_smart_remove.png)
}


.inner__page .icon.icon-superResolution {
    background-image: url(images/inner/icon/icon_super_resolution.png)
}


.inner__page .icon.icon-manual {
    background-image: url(images/inner/icon/icon_manual.png)
}


.inner__page .icon.icon-timeLapse {
    background-image: url(images/inner/icon/icon_time_lapse.png)
}


.inner__page .icon.icon-timeRewind {
    background-image: url(images/inner/icon/icon_time_rewind.png)
}


.inner__page .icon.icon-youtube {
    background-image: url(images/inner/icon/icon_youtube.png)
}

.inner__page .icon.icon-panaroma {
    background-image: url(images/inner/icon/icon_panaroma.png)
}


.inner__page .icon.icon-pro {
    background-image: url(images/inner/icon/icon_pro.png)
}

.inner__page .icon.icon-portrait {
    background-image: url(images/inner/icon/icon_portrait.png)
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .inner__nav {
        margin: 0 auto;
        width: 100%
    }

    .inner__nav .nav__heading {
        font-size: 21px
    }

    .inner__nav .nav__switch__btn {
        bottom: -63px;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px
    }

    .inner__nav .nav__switch__btn .icon__switch {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px
    }

    .inner__nav .nav__switch__btn.clicked {
        transform: translate3d(0, 210px, 0)
    }

    .inner__nav .nav__switch__btn.clicked .icon__switch {
        transform-origin: center;
        transform: rotate(405deg) translate3d(0, 0, 0)
    }

    .inner__nav .nav__switch__btn.fixed {
        top: -30px;
        left: 50%;
        margin-left: -20px
    }

    .inner__page .wd__content .content__title {
        font-size: 27px;
        line-height: 1.2
    }

    .inner__page .section__content {
        padding-bottom: 205px
    }

    .inner__page .section__content.theme-gray {
        max-width: 1300px;
        max-width: 722px
    }

    .inner__page .section__content.theme-gray .wd__content {
        padding-top: 39px
    }

    .inner__page .section__content.theme-gray .col.always__on__top {
        background-color: #fff
    }

    .inner__page .icon {
        margin-bottom: 11px;
        width: 120px;
        height: 120px
    }
}

@media all and (max-width:730.5px) {
    .inner__nav {
        margin: 0 auto;
        width: 100%
    }

    .inner__nav .nav__heading {
        font-size: 15px;
        letter-spacing: .2px
    }

    .inner__nav .nav__switch__btn {
        bottom: -55px;
        left: 50%;
        margin-left: -19px;
        width: 38px;
        height: 38px
    }

    .inner__nav .nav__switch__btn .icon__switch {
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        height: 38px
    }

    .inner__nav .nav__switch__btn.clicked {
        transform: translate3d(0, 210px, 0)
    }

    .inner__nav .nav__switch__btn.clicked .icon__switch {
        transform-origin: center;
        transform: rotate(405deg) translate3d(0, 0, 0)
    }

    .inner__nav .nav__switch__btn.fixed {
        top: -30px;
        left: 50%;
        margin-left: -19px
    }

    .inner__page .wd__content .content__title {
        font-size: 20px;
        line-height: 1.1
    }

    .inner__page .section__content {
        padding-bottom: 205px
    }

    .inner__page .section__content.theme-gray {
        max-width: 414px
    }

    .inner__page .section__content.theme-gray .col.always__on__top {
        background-color: #fff
    }

    .inner__page .icon {
        margin-bottom: 11px;
        width: 120px;
        height: 120px
    }
}

.wd__innerbtn {
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    max-width: 2560px
}

.wd__innerbtn.blackTheme {
    margin-top: -2px;
    background: #0f0d10
}

.wd__innerbtn .inner__btn {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 80px
}

.wd__innerbtn .inner__btn span {
    display: block;
    opacity: 1;
    margin-bottom: 22px;
    font-size: 21px;
    text-align: center;
    transition: opacity .4s
}

.wd__innerbtn .inner__btn .toggleSlide {
    position: absolute;
    cursor: pointer;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(0) translateZ(0) rotate(0);
    transition: transform .8s 50ms, background-image .3s ease-out;
    transform-origin: center center
}

.wd__innerbtn .inner__btn .toggleSlide.fixed {
    position: fixed;
    top: -100px
}

.wd__innerbtn .inner__btn.active .toggleSlide {
    transform: translateY(180px) translateZ(0) rotate(0)
}

.wd__innerbtn .inner__btn.active span {
    opacity: 0
}

.wd__innerbtn.theme-black .inner__btn span {
    color: #333
}

.wd__innerbtn.theme-black .inner__btn .toggleSlide {
    background-image: url(images/inner/icon_open_black.png)
}


.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
    background-image: url(images/inner/icon_close_black.png)
}


.wd__innerbtn.theme-white .inner__btn span {
    color: #fff
}

.wd__innerbtn.theme-white .inner__btn .toggleSlide {
    background-image: url(images/inner/icon_open_white.png)
}


.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
    background-image: url(images/inner/icon_close_white.png)
}


.inner__page {
    display: block;
    overflow: hidden;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    max-width: 2560px
}

.inner__page .section__content {
    max-width: 1366px
}

.inner__page .section__content .wd__content .content__title {
    color: #333 !important;
    font-size: 24px;
    font-weight: 200 !important
}

.inner__page .section__content .wd__content .content__title * {
    font-weight: 200 !important
}

.inner__page .section__content .wd__content .content__info {
    color: #333 !important
}

.inner__page .row {
    opacity: 0;
    transition: opacity .4s
}

.inner__page.active .row {
    opacity: 1
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wd__innerbtn {
        padding: 20px 0
    }

    .wd__innerbtn.blackTheme {
        margin-top: -2px
    }

    .wd__innerbtn .inner__btn {
        margin: 0 auto;
        width: 100%;
        height: 80px
    }

    .wd__innerbtn .inner__btn span {
        margin-bottom: 11px;
        font-size: 21px
    }

    .wd__innerbtn .inner__btn .toggleSlide {
        position: absolute;
        z-index: 999;
        cursor: pointer;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(0) translateZ(0) rotate(0);
        transition: transform .8s 50ms, background-image .3s ease-out;
        transform-origin: center center
    }

    .wd__innerbtn .inner__btn.active span {
        opacity: 0
    }

    .wd__innerbtn .inner__btn.active .toggleSlide {
        transform: translateY(120px) translateZ(0) rotate(0)
    }

    .wd__innerbtn .inner__btn.active .toggleSlide.fixed {
        top: -38px
    }
}

@media all and (max-width:730.5px) {
    .wd__innerbtn {
        padding: 20px 0
    }

    .wd__innerbtn.blackTheme {
        margin-top: -2px;
        background: #0f0d10
    }

    .wd__innerbtn .inner__btn {
        left: 0;
        margin: 0 2%;
        width: 96%;
        height: 80px
    }

    .wd__innerbtn .inner__btn span {
        margin-bottom: 19px;
        font-size: 15.5px
    }

    .wd__innerbtn .inner__btn .toggleSlide {
        position: absolute;
        cursor: pointer;
        left: 50%;
        margin-top: -5px;
        margin-left: -19px;
        width: 38px;
        height: 38px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(0) translateZ(0) rotate(0);
        transition: transform .8s 50ms, background-image .3s ease-out;
        transform-origin: center center
    }

    .wd__innerbtn .inner__btn .toggleSlide.fixed {
        top: -25px
    }

    .wd__innerbtn .inner__btn.active span {
        opacity: 0
    }

    .wd__innerbtn .inner__btn.active .toggleSlide {
        transform: translateY(103px) translateZ(0) rotate(0)
    }

    .inner__page .section__content .wd__content {
        max-width: 414px !important
    }
}

.wdtab .wdtab__nav {
    background-color: #fff
}

.wdtab .wdtab__nav::before {
    background-color: #7d7d7d
}

.wdtab .wdtab__nav-btn {
    color: #666;
    font-size: 20px
}

.wdtab .wdtab__nav-btn.active,
.wdtab .wdtab__nav-btn.focus-visible,
.wdtab .wdtab__nav-btn:focus {
    color: #0069b9
}

.wdtab .wdtab__nav-btn.active::before,
.wdtab .wdtab__nav-btn.focus-visible::before,
.wdtab .wdtab__nav-btn:focus::before {
    background-color: #0069b9
}

.wdtab .wdtab__nav-btn * {
    pointer-events: none !important
}

.wdtab .wdtab__panel__item-info__text {
    color: #666;
    font-size: 20px
}

.wdtab .wdtab__autoplay__enterdetect {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%
}

.wdtab .wd__play__btn.wdtab__autoPlay {
    opacity: .6
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: #000;
    fill: #fff;
    stroke-width: 4px
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    fill: #000;
    stroke: transparent
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-triangle .triangle {
    fill: #000
}

.wdtab .wd__play__btn.wdtab__autoPlay:hover {
    opacity: 1
}

.wdtab.isFakeImg .wdtab__panel__item-image .img__main {
    margin: 0 auto;
    width: 956px;
    height: 538px
}

#CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
    background-image: url(https://fakeimg.pl/956x538/)
}



.wdtab {
    position: relative
}

.wdtab .wdtab__autoPlay {
    margin-left: 482px
}

.wdtab .wdtab__autoPlay .wd__play__btn-button {
    position: absolute;
    top: 20px;
    right: 0
}

.wdtab .wdtab__nav {
    position: relative
}

.wdtab .wdtab__nav::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
    content: "";
    transition: width .4s ease
}

.wdtab .wdtab__nav-container {
    display: flex;
    position: relative;
    width: 100%
}

.wdtab .wdtab__nav-btn {
    position: relative;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 18px;
    color: #666;
    border: none;
    background-color: transparent;
    flex: 1
}

.wdtab .wdtab__nav-btn.active::before,
.wdtab .wdtab__nav-btn.focus-visible::before,
.wdtab .wdtab__nav-btn:hover::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 4px;
    transform: translateX(-50%);
    content: ""
}

.wdtab .wdtab__nav-btn.active {
    cursor: initial
}

.wdtab .wdtab__nav-scrollouter {
    position: relative
}

.wdtab .wdtab__nav.isSticky {
    position: sticky;
    z-index: 19;
    top: -1px;
    padding-top: 1px
}

.wdtab .wdtab__nav.isSticky::before {
    width: 100vw !important
}

.wdtab .wdtab__panel__item {
    z-index: 1;
    opacity: 0;
    transition: opacity .5s ease .1s
}

.wdtab .wdtab__panel__item.active {
    display: block !important;
    z-index: 9 !important;
    opacity: 1;
    transition: opacity 1s ease-in-out 0s
}

.wdtab.scrollActive .wdtab__nav-scrollouter {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}

.wdtab.scrollActive .wdtab__nav-scrollouter::-webkit-scrollbar {
    display: none
}

.wdtab.scrollActive .wdtab__nav-container {
    display: block;
    text-align: center
}

.wdtab.scrollActive .wdtab__nav-btn {
    display: inline-block;
    scroll-snap-align: center
}

.wdtable table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-collapse: collapse;
    border-spacing: 0
}

.wdtable colgroup {
    display: table-column-group
}

.wdtable col {
    display: table-column
}

.wdtable tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.wdtable tbody tr {
    display: table-row;
    color: #181818;
    font-size: 20px;
    border-color: inherit;
    vertical-align: middle
}

.wdtable tbody td {
    display: table-cell;
    vertical-align: middle;
    color: #181818;
    font-size: 20px
}

.wdtable tbody th {
    display: table-cell;
    vertical-align: middle;
    text-align: -internal-center
}

.wdtable tbody th,
.wdtable tbody th span {
    font-weight: unset
}

.wdtable tbody .tr-8 td,
.wdtable tbody .tr-8 th {
    vertical-align: top
}

.wdtable tbody td,
.wdtable tbody th {
    border-bottom: 1px solid #c9c9c9
}

.wdtable tbody td.no-bottom-line,
.wdtable tbody th.no-bottom-line {
    border-bottom: 1px solid transparent
}

.wdtable tbody td .text__val,
.wdtable tbody th .text__val {
    display: block
}

.wdtable .qr_container {
    position: relative;
    margin-top: 52px
}

.wdtable .qr_container .img__qrcode {
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 120px
}

#CMD .wdtable .img__qrcode {
    background-image: url(images/qrcode.png)
}

.wdtable .qr-text {
    display: block;
    position: relative;
    margin-top: 16px;
    color: #181818;
    font-size: 20px;
    line-height: 1.5
}

.wdtable table .tr-0 td {
    font-size: 0 !important
}

.wdtable table .tr-1 td span {
    display: inline-block;
    padding: 0 17px 1px
}

.wdtable table .tr-1 .td-1 span {
    border-radius: 15px
}

.wdtable table .tr-1 .td-2 span {
    border-radius: 15px
}

.wdtable table .tr-1 .td-3 span {
    color: #fff;
    border: 1px solid #0080ff;
    border-radius: 15px;
    background-color: #0080ff
}

.wdtable table .tr-1 .td-4 span {
    color: #181818;
    border: 1px solid #ffd633;
    border-radius: 15px;
    background-color: #ffd633
}

.wdtile__container {
    --tile-gap: 15px;
    --column-count: 3;
    display: grid;
    width: 100%;
    grid-gap: var(--tile-gap);
    gap: var(--tile-gap);
    grid-template-columns: repeat(var(--column-count), 1fr)
}

@media all and (min-width:1280px) {
    .wdtile__container[data-largecolum="1"] {
        --column-count: 1
    }

    .wdtile__container[data-largecolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-largecolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-largecolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-largecolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-largecolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-largecolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-largecolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-largecolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-largecolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-largecolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-largecolum="12"] {
        --column-count: 12
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile__container[data-mediumcolum="1"] {
        --column-count: 1
    }

    .wdtile__container[data-mediumcolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-mediumcolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-mediumcolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-mediumcolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-mediumcolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-mediumcolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-mediumcolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-mediumcolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-mediumcolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-mediumcolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-mediumcolum="12"] {
        --column-count: 12
    }
}

@media all and (max-width:730.5px) {
    .wdtile__container[data-smallcolum="1"] {
        --column-count: 1
    }

    .wdtile__container[data-smallcolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-smallcolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-smallcolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-smallcolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-smallcolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-smallcolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-smallcolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-smallcolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-smallcolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-smallcolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-smallcolum="12"] {
        --column-count: 12
    }
}

@media all and (min-width:1280px) {
    .wdtile__container {
        --tile-gap: 24px
    }
}

@media all and (min-width:1280px) {
    .wdtile__container[data-largegap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-largegap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-largegap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-largegap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-largegap="14"] {
        --tile-gap: 14px
    }

    .wdtile__container[data-largegap="15"] {
        --tile-gap: 15px
    }

    .wdtile__container[data-largegap="16"] {
        --tile-gap: 16px
    }

    .wdtile__container[data-largegap="17"] {
        --tile-gap: 17px
    }

    .wdtile__container[data-largegap="18"] {
        --tile-gap: 18px
    }

    .wdtile__container[data-largegap="19"] {
        --tile-gap: 19px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile__container {
        --tile-gap: 24px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile__container[data-mediumgap="5"] {
        --tile-gap: 5px
    }

    .wdtile__container[data-mediumgap="6"] {
        --tile-gap: 6px
    }

    .wdtile__container[data-mediumgap="7"] {
        --tile-gap: 7px
    }

    .wdtile__container[data-mediumgap="8"] {
        --tile-gap: 8px
    }

    .wdtile__container[data-mediumgap="9"] {
        --tile-gap: 9px
    }

    .wdtile__container[data-mediumgap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-mediumgap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-mediumgap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-mediumgap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-mediumgap="14"] {
        --tile-gap: 14px
    }

    .wdtile__container[data-mediumgap="15"] {
        --tile-gap: 15px
    }

    .wdtile__container[data-mediumgap="16"] {
        --tile-gap: 16px
    }

    .wdtile__container[data-mediumgap="17"] {
        --tile-gap: 17px
    }

    .wdtile__container[data-mediumgap="18"] {
        --tile-gap: 18px
    }

    .wdtile__container[data-mediumgap="19"] {
        --tile-gap: 19px
    }
}

@media all and (max-width:730.5px) {
    .wdtile__container {
        --tile-gap: 24px
    }
}

@media all and (max-width:730.5px) {
    .wdtile__container[data-smallgap="1"] {
        --tile-gap: 1px
    }

    .wdtile__container[data-smallgap="2"] {
        --tile-gap: 2px
    }

    .wdtile__container[data-smallgap="3"] {
        --tile-gap: 3px
    }

    .wdtile__container[data-smallgap="4"] {
        --tile-gap: 4px
    }

    .wdtile__container[data-smallgap="5"] {
        --tile-gap: 5px
    }

    .wdtile__container[data-smallgap="6"] {
        --tile-gap: 6px
    }

    .wdtile__container[data-smallgap="7"] {
        --tile-gap: 7px
    }

    .wdtile__container[data-smallgap="8"] {
        --tile-gap: 8px
    }

    .wdtile__container[data-smallgap="9"] {
        --tile-gap: 9px
    }

    .wdtile__container[data-smallgap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-smallgap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-smallgap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-smallgap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-smallgap="14"] {
        --tile-gap: 14px
    }
}

.wdtile__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height: 200px
}

.wdtile .item__leftdesc {
    z-index: 10
}

.wdtile .wdtile__item-0 {
    order: 1
}

.wdtile .wdtile__item-1 {
    order: 2
}

.wdtile .wdtile__item-2 {
    order: 3
}

.wdtile .wdtile__item-3 {
    order: 4
}

.wdtile .wdtile__item-4 {
    order: 5
}

.wdtile .wdtile__item-5 {
    order: 6
}

.wdtile .wdtile__item-6 {
    order: 7
}

.wdtile .wdtile__item-7 {
    order: 8
}

.wdtile .wdtile__item-8 {
    order: 9
}

.wdtile .wdtile__item-9 {
    order: 10
}

.wdtile .wdtile__item-10 {
    order: 11
}

.wdtile .wdtile__item-11 {
    order: 12
}

.wdtile .wdtile__item-12 {
    order: 13
}

.wdtile .wdtile__item-13 {
    order: 14
}

.wdtile .wdtile__item-14 {
    order: 15
}

.wdtile .wdtile__item-15 {
    order: 16
}

.wdtile .wdtile__item-16 {
    order: 17
}

.wdtile .wdtile__item-17 {
    order: 18
}

.wdtile .wdtile__item-18 {
    order: 19
}

.wdtile .wdtile__item-19 {
    order: 20
}

.wdtile .wdtile__item-20 {
    order: 21
}

.wdtile .wdtile__item-21 {
    order: 22
}

.wdtile .wdtile__item-22 {
    order: 23
}

.wdtile .wdtile__item-23 {
    order: 24
}

.wdtile .wdtile__item-24 {
    order: 25
}

.wdtile .wdtile__item-25 {
    order: 26
}

.wdtile .wdtile__item-26 {
    order: 27
}

.wdtile .wdtile__item-27 {
    order: 28
}

.wdtile .wdtile__item-28 {
    order: 29
}

.wdtile .wdtile__item-29 {
    order: 30
}

.wdtile .wdtile__item-30 {
    order: 31
}

.wdtile .wdtile__item-31 {
    order: 32
}

.wdtile .wdtile__item-32 {
    order: 33
}

.wdtile .wdtile__item-33 {
    order: 34
}

.wdtile .wdtile__item-34 {
    order: 35
}

.wdtile .wdtile__item-35 {
    order: 36
}

.wdtile .wdtile__item-36 {
    order: 37
}

.wdtile .wdtile__item-37 {
    order: 38
}

.wdtile .wdtile__item-38 {
    order: 39
}

.wdtile .wdtile__item-39 {
    order: 40
}

.wdtile .wdtile__item-40 {
    order: 41
}

.wdtile .wdtile__item-41 {
    order: 42
}

.wdtile .wdtile__item-42 {
    order: 43
}

.wdtile .wdtile__item-43 {
    order: 44
}

.wdtile .wdtile__item-44 {
    order: 45
}

.wdtile .wdtile__item-45 {
    order: 46
}

.wdtile .wdtile__item-46 {
    order: 47
}

.wdtile .wdtile__item-47 {
    order: 48
}

.wdtile .wdtile__item-48 {
    order: 49
}

.wdtile .wdtile__item-49 {
    order: 50
}

.wdtile .wdtile__item-50 {
    order: 51
}

.wdtile .wdtile__item-51 {
    order: 52
}

.wdtile .wdtile__item-52 {
    order: 53
}

.wdtile .wdtile__item-53 {
    order: 54
}

.wdtile .wdtile__item-54 {
    order: 55
}

.wdtile .wdtile__item-55 {
    order: 56
}

.wdtile .wdtile__item-56 {
    order: 57
}

.wdtile .wdtile__item-57 {
    order: 58
}

.wdtile .wdtile__item-58 {
    order: 59
}

.wdtile .wdtile__item-59 {
    order: 60
}

.wdtile .wdtile__item-60 {
    order: 61
}

.wdtile .wdtile__item-61 {
    order: 62
}

.wdtile .wdtile__item-62 {
    order: 63
}

.wdtile .wdtile__item-63 {
    order: 64
}

.wdtile .wdtile__item-64 {
    order: 65
}

.wdtile .wdtile__item-65 {
    order: 66
}

.wdtile .wdtile__item-66 {
    order: 67
}

.wdtile .wdtile__item-67 {
    order: 68
}

.wdtile .wdtile__item-68 {
    order: 69
}

.wdtile .wdtile__item-69 {
    order: 70
}

.wdtile .wdtile__item-70 {
    order: 71
}

.wdtile .wdtile__item-71 {
    order: 72
}

.wdtile .wdtile__item-72 {
    order: 73
}

.wdtile .wdtile__item-73 {
    order: 74
}

.wdtile .wdtile__item-74 {
    order: 75
}

.wdtile .wdtile__item-75 {
    order: 76
}

.wdtile .wdtile__item-76 {
    order: 77
}

.wdtile .wdtile__item-77 {
    order: 78
}

.wdtile .wdtile__item-78 {
    order: 79
}

.wdtile .wdtile__item-79 {
    order: 80
}

.wdtile .wdtile__item-80 {
    order: 81
}

.wdtile .wdtile__item-81 {
    order: 82
}

.wdtile .wdtile__item-82 {
    order: 83
}

.wdtile .wdtile__item-83 {
    order: 84
}

.wdtile .wdtile__item-84 {
    order: 85
}

.wdtile .wdtile__item-85 {
    order: 86
}

.wdtile .wdtile__item-86 {
    order: 87
}

.wdtile .wdtile__item-87 {
    order: 88
}

.wdtile .wdtile__item-88 {
    order: 89
}

.wdtile .wdtile__item-89 {
    order: 90
}

.wdtile .wdtile__item-90 {
    order: 91
}

.wdtile .wdtile__item-91 {
    order: 92
}

.wdtile .wdtile__item-92 {
    order: 93
}

.wdtile .wdtile__item-93 {
    order: 94
}

.wdtile .wdtile__item-94 {
    order: 95
}

.wdtile .wdtile__item-95 {
    order: 96
}

.wdtile .wdtile__item-96 {
    order: 97
}

.wdtile .wdtile__item-97 {
    order: 98
}

.wdtile .wdtile__item-98 {
    order: 99
}

.wdtile .wdtile__item-99 {
    order: 100
}

.wdtile.devTest .wdtile__item::before {
    display: block;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    color: #fc0;
    font-size: 25em;
    line-height: .6em
}

.wdtile.devTest .wdtile__item-0::before {
    content: "0"
}

.wdtile.devTest .wdtile__item-1::before {
    content: "1"
}

.wdtile.devTest .wdtile__item-2::before {
    content: "2"
}

.wdtile.devTest .wdtile__item-3::before {
    content: "3"
}

.wdtile.devTest .wdtile__item-4::before {
    content: "4"
}

.wdtile.devTest .wdtile__item-5::before {
    content: "5"
}

.wdtile.devTest .wdtile__item-6::before {
    content: "6"
}

.wdtile.devTest .wdtile__item-7::before {
    content: "7"
}

.wdtile.devTest .wdtile__item-8::before {
    content: "8"
}

.wdtile.devTest .wdtile__item-9::before {
    content: "9"
}

.wdtile.devTest .wdtile__item-10::before {
    content: "10"
}

.wdtile.devTest .wdtile__item-11::before {
    content: "11"
}

.wdtile.devTest .wdtile__item-12::before {
    content: "12"
}

.wdtile.devTest .wdtile__item-13::before {
    content: "13"
}

.wdtile.devTest .wdtile__item-14::before {
    content: "14"
}

.wdtile.devTest .wdtile__item-15::before {
    content: "15"
}

.wdtile.devTest .wdtile__item-16::before {
    content: "16"
}

.wdtile.devTest .wdtile__item-17::before {
    content: "17"
}

.wdtile.devTest .wdtile__item-18::before {
    content: "18"
}

.wdtile.devTest .wdtile__item-19::before {
    content: "19"
}

.wdtile.devTest .wdtile__item-20::before {
    content: "20"
}

.wdtile.devTest .wdtile__item-21::before {
    content: "21"
}

.wdtile.devTest .wdtile__item-22::before {
    content: "22"
}

.wdtile.devTest .wdtile__item-23::before {
    content: "23"
}

.wdtile.devTest .wdtile__item-24::before {
    content: "24"
}

.wdtile.devTest .wdtile__item-25::before {
    content: "25"
}

.wdtile.devTest .wdtile__item-26::before {
    content: "26"
}

.wdtile.devTest .wdtile__item-27::before {
    content: "27"
}

.wdtile.devTest .wdtile__item-28::before {
    content: "28"
}

.wdtile.devTest .wdtile__item-29::before {
    content: "29"
}

.wdtile.devTest .wdtile__item-30::before {
    content: "30"
}

.wdtile.devTest .wdtile__item-31::before {
    content: "31"
}

.wdtile.devTest .wdtile__item-32::before {
    content: "32"
}

.wdtile.devTest .wdtile__item-33::before {
    content: "33"
}

.wdtile.devTest .wdtile__item-34::before {
    content: "34"
}

.wdtile.devTest .wdtile__item-35::before {
    content: "35"
}

.wdtile.devTest .wdtile__item-36::before {
    content: "36"
}

.wdtile.devTest .wdtile__item-37::before {
    content: "37"
}

.wdtile.devTest .wdtile__item-38::before {
    content: "38"
}

.wdtile.devTest .wdtile__item-39::before {
    content: "39"
}

.wdtile.devTest .wdtile__item-40::before {
    content: "40"
}

.wdtile.devTest .wdtile__item-41::before {
    content: "41"
}

.wdtile.devTest .wdtile__item-42::before {
    content: "42"
}

.wdtile.devTest .wdtile__item-43::before {
    content: "43"
}

.wdtile.devTest .wdtile__item-44::before {
    content: "44"
}

.wdtile.devTest .wdtile__item-45::before {
    content: "45"
}

.wdtile.devTest .wdtile__item-46::before {
    content: "46"
}

.wdtile.devTest .wdtile__item-47::before {
    content: "47"
}

.wdtile.devTest .wdtile__item-48::before {
    content: "48"
}

.wdtile.devTest .wdtile__item-49::before {
    content: "49"
}

@media all and (min-width:1280px) {
    .wdtile .large-order-0 {
        order: 0
    }

    .wdtile .large-order-1 {
        order: 1
    }

    .wdtile .large-order-2 {
        order: 2
    }

    .wdtile .large-order-3 {
        order: 3
    }

    .wdtile .large-order-4 {
        order: 4
    }

    .wdtile .large-order-5 {
        order: 5
    }

    .wdtile .large-order-6 {
        order: 6
    }

    .wdtile .large-order-7 {
        order: 7
    }

    .wdtile .large-order-8 {
        order: 8
    }

    .wdtile .large-order-9 {
        order: 9
    }

    .wdtile .large-order-10 {
        order: 10
    }

    .wdtile .large-order-11 {
        order: 11
    }

    .wdtile .large-order-12 {
        order: 12
    }

    .wdtile .large-order-13 {
        order: 13
    }

    .wdtile .large-order-14 {
        order: 14
    }

    .wdtile .large-order-15 {
        order: 15
    }

    .wdtile .large-order-16 {
        order: 16
    }

    .wdtile .large-order-17 {
        order: 17
    }

    .wdtile .large-order-18 {
        order: 18
    }

    .wdtile .large-order-19 {
        order: 19
    }

    .wdtile .large-order-20 {
        order: 20
    }

    .wdtile .large-order-21 {
        order: 21
    }

    .wdtile .large-order-22 {
        order: 22
    }

    .wdtile .large-order-23 {
        order: 23
    }

    .wdtile .large-order-24 {
        order: 24
    }

    .wdtile .large-order-25 {
        order: 25
    }

    .wdtile .large-order-26 {
        order: 26
    }

    .wdtile .large-order-27 {
        order: 27
    }

    .wdtile .large-order-28 {
        order: 28
    }

    .wdtile .large-order-29 {
        order: 29
    }

    .wdtile .large-order-30 {
        order: 30
    }

    .wdtile .large-order-31 {
        order: 31
    }

    .wdtile .large-order-32 {
        order: 32
    }

    .wdtile .large-order-33 {
        order: 33
    }

    .wdtile .large-order-34 {
        order: 34
    }

    .wdtile .large-order-35 {
        order: 35
    }

    .wdtile .large-order-36 {
        order: 36
    }

    .wdtile .large-order-37 {
        order: 37
    }

    .wdtile .large-order-38 {
        order: 38
    }

    .wdtile .large-order-39 {
        order: 39
    }

    .wdtile .large-order-40 {
        order: 40
    }

    .wdtile .large-order-41 {
        order: 41
    }

    .wdtile .large-order-42 {
        order: 42
    }

    .wdtile .large-order-43 {
        order: 43
    }

    .wdtile .large-order-44 {
        order: 44
    }

    .wdtile .large-order-45 {
        order: 45
    }

    .wdtile .large-order-46 {
        order: 46
    }

    .wdtile .large-order-47 {
        order: 47
    }

    .wdtile .large-order-48 {
        order: 48
    }

    .wdtile .large-order-49 {
        order: 49
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile .medium-order-0 {
        order: 0
    }

    .wdtile .medium-order-1 {
        order: 1
    }

    .wdtile .medium-order-2 {
        order: 2
    }

    .wdtile .medium-order-3 {
        order: 3
    }

    .wdtile .medium-order-4 {
        order: 4
    }

    .wdtile .medium-order-5 {
        order: 5
    }

    .wdtile .medium-order-6 {
        order: 6
    }

    .wdtile .medium-order-7 {
        order: 7
    }

    .wdtile .medium-order-8 {
        order: 8
    }

    .wdtile .medium-order-9 {
        order: 9
    }

    .wdtile .medium-order-10 {
        order: 10
    }

    .wdtile .medium-order-11 {
        order: 11
    }

    .wdtile .medium-order-12 {
        order: 12
    }

    .wdtile .medium-order-13 {
        order: 13
    }

    .wdtile .medium-order-14 {
        order: 14
    }

    .wdtile .medium-order-15 {
        order: 15
    }

    .wdtile .medium-order-16 {
        order: 16
    }

    .wdtile .medium-order-17 {
        order: 17
    }

    .wdtile .medium-order-18 {
        order: 18
    }

    .wdtile .medium-order-19 {
        order: 19
    }

    .wdtile .medium-order-20 {
        order: 20
    }

    .wdtile .medium-order-21 {
        order: 21
    }

    .wdtile .medium-order-22 {
        order: 22
    }

    .wdtile .medium-order-23 {
        order: 23
    }

    .wdtile .medium-order-24 {
        order: 24
    }

    .wdtile .medium-order-25 {
        order: 25
    }

    .wdtile .medium-order-26 {
        order: 26
    }

    .wdtile .medium-order-27 {
        order: 27
    }

    .wdtile .medium-order-28 {
        order: 28
    }

    .wdtile .medium-order-29 {
        order: 29
    }

    .wdtile .medium-order-30 {
        order: 30
    }

    .wdtile .medium-order-31 {
        order: 31
    }

    .wdtile .medium-order-32 {
        order: 32
    }

    .wdtile .medium-order-33 {
        order: 33
    }

    .wdtile .medium-order-34 {
        order: 34
    }

    .wdtile .medium-order-35 {
        order: 35
    }

    .wdtile .medium-order-36 {
        order: 36
    }

    .wdtile .medium-order-37 {
        order: 37
    }

    .wdtile .medium-order-38 {
        order: 38
    }

    .wdtile .medium-order-39 {
        order: 39
    }

    .wdtile .medium-order-40 {
        order: 40
    }

    .wdtile .medium-order-41 {
        order: 41
    }

    .wdtile .medium-order-42 {
        order: 42
    }

    .wdtile .medium-order-43 {
        order: 43
    }

    .wdtile .medium-order-44 {
        order: 44
    }

    .wdtile .medium-order-45 {
        order: 45
    }

    .wdtile .medium-order-46 {
        order: 46
    }

    .wdtile .medium-order-47 {
        order: 47
    }

    .wdtile .medium-order-48 {
        order: 48
    }

    .wdtile .medium-order-49 {
        order: 49
    }
}

@media all and (max-width:730.5px) {
    .wdtile .small-order-0 {
        order: 0
    }

    .wdtile .small-order-1 {
        order: 1
    }

    .wdtile .small-order-2 {
        order: 2
    }

    .wdtile .small-order-3 {
        order: 3
    }

    .wdtile .small-order-4 {
        order: 4
    }

    .wdtile .small-order-5 {
        order: 5
    }

    .wdtile .small-order-6 {
        order: 6
    }

    .wdtile .small-order-7 {
        order: 7
    }

    .wdtile .small-order-8 {
        order: 8
    }

    .wdtile .small-order-9 {
        order: 9
    }

    .wdtile .small-order-10 {
        order: 10
    }

    .wdtile .small-order-11 {
        order: 11
    }

    .wdtile .small-order-12 {
        order: 12
    }

    .wdtile .small-order-13 {
        order: 13
    }

    .wdtile .small-order-14 {
        order: 14
    }

    .wdtile .small-order-15 {
        order: 15
    }

    .wdtile .small-order-16 {
        order: 16
    }

    .wdtile .small-order-17 {
        order: 17
    }

    .wdtile .small-order-18 {
        order: 18
    }

    .wdtile .small-order-19 {
        order: 19
    }

    .wdtile .small-order-20 {
        order: 20
    }

    .wdtile .small-order-21 {
        order: 21
    }

    .wdtile .small-order-22 {
        order: 22
    }

    .wdtile .small-order-23 {
        order: 23
    }

    .wdtile .small-order-24 {
        order: 24
    }

    .wdtile .small-order-25 {
        order: 25
    }

    .wdtile .small-order-26 {
        order: 26
    }

    .wdtile .small-order-27 {
        order: 27
    }

    .wdtile .small-order-28 {
        order: 28
    }

    .wdtile .small-order-29 {
        order: 29
    }

    .wdtile .small-order-30 {
        order: 30
    }

    .wdtile .small-order-31 {
        order: 31
    }

    .wdtile .small-order-32 {
        order: 32
    }

    .wdtile .small-order-33 {
        order: 33
    }

    .wdtile .small-order-34 {
        order: 34
    }

    .wdtile .small-order-35 {
        order: 35
    }

    .wdtile .small-order-36 {
        order: 36
    }

    .wdtile .small-order-37 {
        order: 37
    }

    .wdtile .small-order-38 {
        order: 38
    }

    .wdtile .small-order-39 {
        order: 39
    }

    .wdtile .small-order-40 {
        order: 40
    }

    .wdtile .small-order-41 {
        order: 41
    }

    .wdtile .small-order-42 {
        order: 42
    }

    .wdtile .small-order-43 {
        order: 43
    }

    .wdtile .small-order-44 {
        order: 44
    }

    .wdtile .small-order-45 {
        order: 45
    }

    .wdtile .small-order-46 {
        order: 46
    }

    .wdtile .small-order-47 {
        order: 47
    }

    .wdtile .small-order-48 {
        order: 48
    }

    .wdtile .small-order-49 {
        order: 49
    }
}

@media all and (min-width:1280px) {
    .wdtile .large-grid-row-0 {
        grid-row-end: span 0
    }

    .wdtile .large-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .large-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .large-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .large-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .large-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .large-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile .medium-grid-row-0 {
        grid-row-end: span 0
    }

    .wdtile .medium-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .medium-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .medium-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .medium-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .medium-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .medium-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (max-width:730.5px) {
    .wdtile .small-grid-row-0 {
        grid-row-end: span 0
    }

    .wdtile .small-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .small-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .small-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .small-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .small-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .small-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width:1280px) {
    .wdtile .large-grid-col-0 {
        grid-column-end: span 0
    }

    .wdtile .large-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .large-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .large-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .large-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .large-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .large-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .large-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .large-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .large-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .large-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .large-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .large-grid-col-12 {
        grid-column-end: span 12
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtile .medium-grid-col-0 {
        grid-column-end: span 0
    }

    .wdtile .medium-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .medium-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .medium-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .medium-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .medium-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .medium-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .medium-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .medium-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .medium-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .medium-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .medium-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .medium-grid-col-12 {
        grid-column-end: span 12
    }
}

@media all and (max-width:730.5px) {
    .wdtile .small-grid-col-0 {
        grid-column-end: span 0
    }

    .wdtile .small-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .small-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .small-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .small-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .small-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .small-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .small-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .small-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .small-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .small-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .small-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .small-grid-col-12 {
        grid-column-end: span 12
    }
}

.wdblockimg {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1144px
}

.wdblockimg .wdblockimg__container {
    display: grid;
    position: relative;
    grid-gap: 24px;
    gap: 24px
}

.wdblockimg .wdblockimg__container .block {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: transparent
}

.wdblockimg .wdblockimg__container .block .block-content {
    position: relative;
    z-index: 1;
    padding: 40px 50px
}

.wdblockimg .wdblockimg__container .block .block-content .wd__content .content__info {
    margin-top: 5px
}

.wdblockimg .wdblockimg__container .block .block-content .wd__content .content__link,
.wdblockimg .wdblockimg__container .block .block-content .wd__content .content__link * {
    font-weight: 200
}

.wdblockimg .wdblockimg__container .block .block-img {
    position: relative;
    z-index: 0;
    width: 100%
}

.wdblockimg .wdblockimg__container .block .block-img .img__bg {
    position: relative
}

.wdblockimg .wdblockimg__container .block .modal-button-container {
    margin-top: 32px
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container .block .modal-button-container {
        margin-top: 24px
    }
}

@media all and (max-width:730.5px) {
    .wdblockimg .wdblockimg__container .block .modal-button-container {
        margin-top: 24px
    }
}

.wdblockimg .wdblockimg__container .block .modal-button-container .modal-button {
    margin-top: 0
}

.wdblockimg .wdblockimg__container .block .modal-button-container .modal-button,
.wdblockimg .wdblockimg__container .block .modal-button-container .modal-button * {
    font-weight: 200
}

.wdblockimg .wdblockimg__container {
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

.wdblockimg .wdblockimg__container .block.column-span-2 {
    grid-column-end: span 2
}

.wdblockimg .wdblockimg__container .block.column-span-3 {
    grid-column-end: span 3
}

.wdblockimg .wdblockimg__container .block.column-span-6 {
    grid-column-end: span 6
}

.wdblockimg .block.theme-black {
    background-color: #000
}

.wdblockimg .block.theme-black .block-content .content__title {
    color: #fff;
    background-image: linear-gradient(to right, #fff, #fff 80%, #fff 100%)
}

.wdblockimg .block.theme-black .block-content .content__info,
.wdblockimg .block.theme-black .block-content .content__info * {
    color: #fff
}

.wdblockimg .block.theme-black .modal-button-container .modal-button .modal-inner-text,
.wdblockimg .block.theme-black .modal-button-container .modal-button .modal-inner-text * {
    color: #fff
}

.wdblockimg .block.theme-white {
    background-color: #fff
}

.wdblockimg .block.theme-white .block-content .content__title {
    color: #424242;
    background-image: linear-gradient(to right, #424242, #424242 80%, #424242 100%)
}

.wdblockimg .block.theme-white .block-content .content__info,
.wdblockimg .block.theme-white .block-content .content__info * {
    color: #424242
}

.wdblockimg .block.theme-white .modal-button-container .modal-button .modal-inner-text,
.wdblockimg .block.theme-white .modal-button-container .modal-button .modal-inner-text * {
    color: #181818
}

.wdblockimg .block.imageTop .block-img {
    top: 0
}

.section__wdvideos {
    position: relative;
    font-size: 0
}

.section__wdvideos .wdVideos {
    position: relative
}

.section__wdvideos .item-productvideo .detect-point-out {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px
}

.section__wdvideos .item-productvideo .detect-point-enter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px
}

.section__wdvideos .item-productvideo .video__group {
    position: relative
}

.section__wdvideos .item-productvideo .btn__youtube {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    left: 50%;
    padding: 16px 50px 16px 20px;
    border-radius: 28px;
    background-color: #161616;
    transform: translateX(-50%);
    min-width: 124px;
    line-height: 1.2
}

.section__wdvideos .item-productvideo .btn__youtube span {
    color: #fff;
    font-size: 20px;
    line-height: 1.2
}

.section__wdvideos .item-productvideo .btn__youtube::after {
    position: absolute;
    top: calc(50% - 11.5px);
    right: 20px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url(images/play.svg)
}

.section__wdvideos * {
    box-sizing: border-box
}

.section__wdvideos .sales__item {
    position: relative
}

.section__wdvideos .sales__item_preview {
    position: relative;
    width: 100%;
    height: 100%
}

.section__wdvideos .sales__containter {
    display: flex;
    margin: 0 auto;
    width: 1156px;
    flex-wrap: wrap
}

.section__wdvideos .sales__containter .slick_page {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.section__wdvideos .sales__containter.desktop.type_1 .sales__item {
    padding: 0;
    width: 100%
}

.section__wdvideos .sales__containter.desktop.type_2 .sales__item,
.section__wdvideos .sales__containter.desktop.type_4 .sales__item {
    width: 50%
}

.section__wdvideos .sales__containter.desktop.type_3 .sales__item,
.section__wdvideos .sales__containter.desktop.type_6 .sales__item {
    width: 33.33%
}

.section__wdvideos .sales__containter.desktop.type_5 .sales__item {
    width: 33.33%
}

.section__wdvideos .sales__containter.desktop.type_5 .sales__item_1,
.section__wdvideos .sales__containter.desktop.type_5 .sales__item_2 {
    width: 50%
}

.section__wdvideos .sales__containter.tablet .sales__item {
    width: 100%
}

.section__wdvideos .sales__containter.tablet.type_1 .sales__item {
    flex: unset;
    width: 100%
}

.section__wdvideos .sales__containter.tablet.type_2 .sales__item,
.section__wdvideos .sales__containter.tablet.type_3 .sales__item,
.section__wdvideos .sales__containter.tablet.type_4 .sales__item,
.section__wdvideos .sales__containter.tablet.type_5 .sales__item,
.section__wdvideos .sales__containter.tablet.type_6 .sales__item {
    width: 50%
}

.section__wdvideos .sales_button {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    padding: 20px 30px;
    text-align: center;
    outline: 0;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none
}

.section__wdvideos .sales_button span {
    position: relative;
    color: #fff;
    font-size: 17px
}

.section__wdvideos .sales_button span::before {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1.5px;
    background: #fff;
    transition: width .3s;
    content: ""
}

.section__wdvideos .sales_button:hover span {
    color: #fff
}

.section__wdvideos .sales_button:hover span::before {
    width: 100%
}

.section__wdvideos .sales_button:hover .seeall_arrow-svg {
    stroke: #fff
}

.section__wdvideos .sales_button>.seeall_arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: 1.5px;
    margin-left: 4px;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(90deg)
}

.section__wdvideos .sales_button>.seeall_arrow .seeall_arrow-svg {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    stroke: #fff;
    stroke-width: 3px
}

.section__wdvideos .video_btn {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section__wdvideos .youtube_btn {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-width: 0;
    background-image: url(images/play.svg);
    background-repeat: no-repeat
}

.section__wdvideos .video_info {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    padding: 13px 20px;
    width: 100%;
    color: #fff;
    font-size: .9375rem;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .7s cubic-bezier(.4, 0, .2, 1);
    line-height: 1.5;
    min-height: auto
}

.section__wdvideos .video_info span {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media all and (min-width:1280px) {
    .section__wdvideos .wdVideos.active {
        margin-right: auto;
        margin-left: auto;
        padding-top: 128px;
        max-width: 2560px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        padding-bottom: 0 !important
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 82px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: -15px;
        padding-bottom: 0
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__wdvideos .wdVideos.active {
        padding-top: 109px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        margin-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 66px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media all and (max-width:730.5px) {
    .section__wdvideos .wdVideos.active {
        padding-top: 58px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        margin-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 60px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.performance_chart_container {
    position: relative
}

.performance_chart sup.sign-reg {
    top: 0;
    font-size: .4em
}

.performance_chart sup.sign-tm {
    top: 0;
    font-size: 1em;
    vertical-align: baseline
}

.performance_chart {
    position: relative;
    margin-top: 66px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0
}

.performance_chart .item_contents {
    flex-grow: 1;
    padding-right: 48px
}

.performance_chart .item {
    display: block;
    position: relative;
    margin-bottom: 80px
}

.performance_chart .item::after {
    position: absolute;
    bottom: -40px;
    left: 73px;
    width: 100%;
    height: 2px;
    background-color: #2a2a2a;
    content: ""
}

.performance_chart .item:last-child {
    margin-bottom: 0
}

.performance_chart .item:last-child::after {
    display: none
}

.performance_chart .item .item_chart {
    display: flex
}

.performance_chart .item__content {
    display: flex;
    position: relative;
    margin-bottom: 14px
}

.performance_chart .item__content .title {
    padding-right: 44px;
    box-sizing: border-box;
    width: calc(30% + 44px);
    color: #fff;
    font-size: 22px;
    text-align: right
}

.performance_chart .item__content .bar {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: auto;
    flex-grow: 1
}

.performance_chart .item__content .bar__content,
.performance_chart .item__content .bar__line {
    position: relative;
    overflow: hidden;
    height: 26px;
    border-radius: 0 6px 6px 0
}

.performance_chart .item__content .bar__score {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: right
}

.performance_chart .item__content .bar__score__txt {
    position: relative;
    padding-right: 15px;
    color: #fff;
    transition: opacity .3s delay .3s;
    flex-grow: 1;
    line-height: 1
}

.performance_chart .item__highline {
    display: flex;
    position: relative;
    top: 13px;
    right: 80px;
    width: auto
}

.performance_chart .item__highline .img__highline {
    position: relative;
    overflow: hidden;
    width: 88px;
    height: 100%;
    mask: linear-gradient(30deg, rgba(0, 0, 0, 0) 16%, #000 59%, #000 100%);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: linear-gradient(30deg, rgba(0, 0, 0, 0) 16%, #000 59%, #000 100%);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.performance_chart .item__highline .img__highline_arrow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: #181818;
    background-position: top;
    background-size: contain;
    mask: url(images/arrow.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(images/arrow.png);
    -webkit-mask-position: top;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: ""
}

.performance_chart .item__highline .highline_text {
    position: relative;
    margin-left: 29px;
    color: #181818
}

.performance_chart .item__highline .highline_text .text1 {
    font-size: 3.5rem;
    line-height: 1.1
}

.performance_chart .item__highline .highline_text .text2 {
    margin-top: -6px;
    font-size: 1.625rem
}

.performance_chart .item__0 .item__highline {
    right: 0
}

.performance_chart .orange {
    background-image: linear-gradient(90deg, #fecc69 25%, #e9702b 100%)
}

.performance_chart .gray {
    background-image: linear-gradient(90deg, #707070 25%, #555 100%)
}

.text_comment {
    margin-top: 0;
    padding-left: 11px;
    color: #999;
    font-size: 1rem;
    text-align: left;
    line-height: 1.4
}

.performance_chart_container.aniInit .item__highline {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .7s ease .3s, opacity .6s ease
}

.performance_chart_container.aniInit .bar {
    overflow: hidden
}

.performance_chart_container.aniInit .bar .bar__content {
    transform: translateX(-102%);
    transform-origin: left center;
    transition: transform 1s ease
}

.performance_chart_container.aniInit .bar .bar__score__txt {
    opacity: 0;
    font-size: 1rem;
    transition: opacity .4s ease .4s
}

.performance_chart_container.aniPlay .item__highline {
    opacity: 1;
    transform: translateY(0)
}

.performance_chart_container.aniPlay .bar .bar__content {
    transform: translateX(0)
}

.performance_chart_container.aniPlay .bar .bar__score__txt {
    opacity: 1
}

.section__ksp {
    margin-top: 0;
    padding-top: 0
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item {
    color: #181818;
    background-color: #fff;
    min-height: auto
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__slogan {
    color: #181818
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__title {
    color: #181818;
    background-image: linear-gradient(150deg, rgba(0, 30, 255, .99608) 0, #cd13be 34%, #d1004e 66%, #c76a00 100%)
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__info {
    color: #717171
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button {
    background-color: #eaeaea
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::before {
    background-color: red
}

.section__ksp .wdtile.wdtile-ksp .wdtile__container[data-largecolum="4"] {
    --tile-gap: 16px
}

.section__ksp .wdtile__item {
    display: flex
}

.section__ksp .wdtile__item,
.section__ksp .wdtile__item * {
    font-size: 1em
}

.section__ksp .wdtile__item .item__block {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%
}

.section__ksp .wdtile__item .item__content {
    z-index: 9;
    width: 100%
}

.section__ksp .item__image {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: center;
    width: 100%
}

.section__ksp .item__image .img__item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-size: contain;
    transform: translate(-50%, -50%);
    transform-origin: center
}

.section__ksp .item__block--content {
    display: flex
}

.section__ksp .item__block--content .item__content {
    width: auto;
    flex-basis: auto;
    flex-grow: 1
}

.section__ksp .item__block--content .item__content+.item__image {
    width: 50%;
    flex-grow: 1;
    flex-basis: 50%
}

.section__ksp .item__block--content .wd__content .content__info {
    line-height: 1.2
}

.section__ksp .item__block,
.section__ksp .item__block * {
    text-align: center
}

.section__ksp .item__block .item__leftdesc.item__leftdesc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    line-height: 1.4
}

.section__ksp .item__block .item__content--descBottom {
    line-height: 1.2
}

.section__ksp .item__block .item__content--descBottom span[class*=item__content--descBottom-] {
    display: block
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button-container {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px 0 0
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button * {
    pointer-events: none !important
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::before {
    display: block;
    position: absolute;
    top: 50%;
    bottom: unset;
    left: 50%;
    margin-top: -5px;
    margin-left: -10px;
    width: 20px;
    height: 10px;
    content: "";
    -webkit-mask-image: url(images/jumparrowMask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat
}

.section__ksp.test .item__image {
    background-color: #ccc
}

.section__ksp.test .img__item {
    background-color: #fc0
}

#CMD section {
    position: relative
}

#CMD section.is-hidden {
    display: none
}

#CMD section.is-hidden * {
    background-image: none !important
}

#CMD section .sectionnNavPosition {
    transform: none !important;
    transition: all 0s
}

#CMD section .row .col[class*=pull-],
#CMD section .row .col[class*=push-] {
    position: relative
}

#CMD section .always__on__top {
    position: relative;
    z-index: 888
}

#CMD section .no__wrap {
    display: inline-block;
    white-space: nowrap
}

#CMD section .slick-dots li {
    margin-right: 10px;
    margin-left: 10px
}

#CMD section .slick-dots li button::before {
    color: #1c1b19;
    font-size: 41px
}

#CMD section .slick-dots li button:hover::before {
    color: #1c1b19
}

#CMD section .detect-point-out {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%
}

#CMD section .detect-point-enter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px
}

#CMD section .large_use,
#CMD section .medium_use,
#CMD section .small_use {
    display: none
}

#CMD section .hide {
    position: absolute;
    opacity: 0;
    height: 0
}

#CMD section .ani_enter_detect {
    position: absolute;
    z-index: 99;
    left: 50%;
    width: 10px;
    height: 10px
}

.wd__content .content__slogan {
    color: linear-gradient(to right, #1ef9ef, #9846f4 90%)
}

.wd__content .content__title {
    margin-top: 9px;
    color: #9846f4;
    background-image: linear-gradient(to right, #1ef9ef, #9846f4 90%)
}

.wd__content .content__info {
    margin-top: 4px;
    color: #181818
}

.wd__content .content__title sup.footnote-num {
    -webkit-text-fill-color: initial !important;
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0)
}

.wd__feature__list .wd__feature .wd__feature__data {
    color: #181818
}

.wd__feature__list .wd__feature .wd__feature__describe,
.wd__feature__list .wd__feature .wd__feature__describe *,
.wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #181818
}

#CMD section .modal-button-container .modal-button {
    background-color: rgba(0, 0, 0, 0);
    color: #b95000;
    border-color: #b95000
}

#CMD section .modal-button-container .modal-button:hover {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(185, 80, 0, .8);
    border-color: rgba(185, 80, 0, .6)
}

#CMD section .modal-button-container.theme-black .modal-button {
    background-color: #000;
    color: #000;
    border-color: #000
}

#CMD section .modal-button-container.theme-black .modal-button:hover {
    background-color: #000;
    color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .6)
}

#CMD section .sectionnNavPosition {
    position: relative;
    z-index: 1;
    top: -140px;
    opacity: 1;
    width: 100%;
    height: 1px
}

#CMD .svgDefs {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0
}

.wd__section .video_control {
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%
}

.wd__section .video_control .video_control-button {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%)
}

#CMD .video_control-button {
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    margin-bottom: 36px;
    width: 36px;
    height: 36px;
    border-width: 0;
    background-color: transparent;
    transition: opacity .3s ease
}

#CMD .video_control-button.show {
    opacity: 1
}

#CMD .video_control-button.pause {
    background-image: url(images_pause.svg)
}


#CMD .video_control-button.resume {
    background-image: url(images_play.svg)
}


#CMD section .colImg {
    position: relative
}

#CMD section .imgDesc {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%
}

#CMD section .imgDesc__item {
    position: absolute
}

#CMD section .imgDesc__text {
    color: #fff;
    font-size: 24px
}

#CMD section .slick-tab-content .scroll_container {
    z-index: 9;
    padding-bottom: 10px
}

#CMD section .slick-tab-content .slick-title {
    z-index: 9
}

#CMD section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
    position: relative;
    color: #727272;
    border-bottom: 4px solid transparent
}

#CMD section .slick-tab-content .slick-title .title-nav .slick-nav-btn::before {
    display: block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -6px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #000;
    transition: all .3s ease;
    content: "";
    transform-origin: center
}

#CMD section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,
#CMD section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
    border-bottom: 4px solid transparent;
    color: #fff
}

#CMD section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active::before,
#CMD section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus::before {
    background-color: #fff
}

#CMD section .modal-button-container .modal-button {
    padding: 12px 20px;
    border-width: 2px
}

#CMD section .modal-button-container .modal-button,
#CMD section .modal-button-container .modal-button * {
    font-size: 20px
}

#CMD section.theme-white .wd__content .content__slogan {
    color: #545454
}

#CMD section.theme-white .wd__content .content__info,
#CMD section.theme-white .wd__content .content__info * {
    color: #181818
}

#CMD section.theme-white .wd__content .content__info.wd__link__arrow::after {
    color: #181818
}

#CMD section.theme-white .wd__content .content__info:hover span {
    color: #181818;
    border-bottom: 1px solid #181818
}

#CMD section.theme-white .wd__content .content__info:hover.wd__link__arrow::after {
    color: #181818
}

#CMD section.theme-white .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.theme-white .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.theme-white .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.theme-white .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.theme-white .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.theme-white .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #050505
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__slogan,
#CMD #CMD section.antimicrobial-outer .wd__content .content__slogan,
#CMD #CMD section.audioDolby-inner .wd__content .content__slogan,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__slogan,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__slogan,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__slogan,
#CMD #CMD section.section__military__grade .wd__content .content__slogan,
#CMD #CMD section.section__thermal .wd__content .content__slogan,
#CMD #CMD section.software-outer .wd__content .content__slogan,
#CMD #CMD section.theme-black .wd__content .content__slogan {
    color: #fff
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__title,
#CMD #CMD section.antimicrobial-outer .wd__content .content__title,
#CMD #CMD section.audioDolby-inner .wd__content .content__title,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__title,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__title,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__title,
#CMD #CMD section.section__military__grade .wd__content .content__title,
#CMD #CMD section.section__thermal .wd__content .content__title,
#CMD #CMD section.software-outer .wd__content .content__title,
#CMD #CMD section.theme-black .wd__content .content__title {
    background-image: linear-gradient(to right, #fff, #fff 100%)
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__info,
#CMD #CMD section.antimicrobial-outer .wd__content .content__info,
#CMD #CMD section.audioDolby-inner .wd__content .content__info,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__info,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__info,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__info,
#CMD #CMD section.section__military__grade .wd__content .content__info,
#CMD #CMD section.section__thermal .wd__content .content__info,
#CMD #CMD section.software-outer .wd__content .content__info,
#CMD #CMD section.theme-black .wd__content .content__info {
    color: #fff
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__comment,
#CMD #CMD section.antimicrobial-outer .wd__content .content__comment,
#CMD #CMD section.audioDolby-inner .wd__content .content__comment,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__comment,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__comment,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__comment,
#CMD #CMD section.section__military__grade .wd__content .content__comment,
#CMD #CMD section.section__thermal .wd__content .content__comment,
#CMD #CMD section.software-outer .wd__content .content__comment,
#CMD #CMD section.theme-black .wd__content .content__comment {
    color: #fff
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__title,
#CMD #CMD section.antimicrobial-inner .wd__content .content__title *,
#CMD #CMD section.antimicrobial-outer .wd__content .content__title,
#CMD #CMD section.antimicrobial-outer .wd__content .content__title *,
#CMD #CMD section.audioDolby-inner .wd__content .content__title,
#CMD #CMD section.audioDolby-inner .wd__content .content__title *,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__title,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__title *,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__title,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__title *,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__title,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__title *,
#CMD #CMD section.section__military__grade .wd__content .content__title,
#CMD #CMD section.section__military__grade .wd__content .content__title *,
#CMD #CMD section.section__thermal .wd__content .content__title,
#CMD #CMD section.section__thermal .wd__content .content__title *,
#CMD #CMD section.software-outer .wd__content .content__title,
#CMD #CMD section.software-outer .wd__content .content__title *,
#CMD #CMD section.theme-black .wd__content .content__title,
#CMD #CMD section.theme-black .wd__content .content__title * {
    color: #fff;
    background-image: linear-gradient(to right, #fff, #fff 100%)
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__link,
#CMD #CMD section.antimicrobial-inner .wd__content .content__link *,
#CMD #CMD section.antimicrobial-outer .wd__content .content__link,
#CMD #CMD section.antimicrobial-outer .wd__content .content__link *,
#CMD #CMD section.audioDolby-inner .wd__content .content__link,
#CMD #CMD section.audioDolby-inner .wd__content .content__link *,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__link,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__link *,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__link,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__link *,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__link,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__link *,
#CMD #CMD section.section__military__grade .wd__content .content__link,
#CMD #CMD section.section__military__grade .wd__content .content__link *,
#CMD #CMD section.section__thermal .wd__content .content__link,
#CMD #CMD section.section__thermal .wd__content .content__link *,
#CMD #CMD section.software-outer .wd__content .content__link,
#CMD #CMD section.software-outer .wd__content .content__link *,
#CMD #CMD section.theme-black .wd__content .content__link,
#CMD #CMD section.theme-black .wd__content .content__link * {
    color: #fff
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.antimicrobial-outer .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.audioDolby-inner .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.section__military__grade .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.section__thermal .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.software-outer .wd__content .content__link.wd__link__arrow::after,
#CMD #CMD section.theme-black .wd__content .content__link.wd__link__arrow::after {
    color: #fff
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__link:hover span,
#CMD #CMD section.antimicrobial-outer .wd__content .content__link:hover span,
#CMD #CMD section.audioDolby-inner .wd__content .content__link:hover span,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__link:hover span,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__link:hover span,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__link:hover span,
#CMD #CMD section.section__military__grade .wd__content .content__link:hover span,
#CMD #CMD section.section__thermal .wd__content .content__link:hover span,
#CMD #CMD section.software-outer .wd__content .content__link:hover span,
#CMD #CMD section.theme-black .wd__content .content__link:hover span {
    color: #fff;
    border-bottom: 1px solid #fff
}

#CMD #CMD section.antimicrobial-inner .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.antimicrobial-outer .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.audioDolby-inner .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.section__creatorhub-outer-s1 .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.section__creatorhub-outer-s2 .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.section__creatorhub-outer-s3 .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.section__military__grade .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.section__thermal .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.software-outer .wd__content .content__link:hover.wd__link__arrow::after,
#CMD #CMD section.theme-black .wd__content .content__link:hover.wd__link__arrow::after {
    color: #fff
}

#CMD section.antimicrobial-inner .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.antimicrobial-inner .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.antimicrobial-inner .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.antimicrobial-inner .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.antimicrobial-inner .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.antimicrobial-inner .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.antimicrobial-outer .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.antimicrobial-outer .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.antimicrobial-outer .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.antimicrobial-outer .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.antimicrobial-outer .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.antimicrobial-outer .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.audioDolby-inner .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.audioDolby-inner .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.audioDolby-inner .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.audioDolby-inner .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.audioDolby-inner .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.audioDolby-inner .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.section__creatorhub-outer-s1 .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.section__creatorhub-outer-s1 .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.section__creatorhub-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.section__creatorhub-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.section__creatorhub-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.section__creatorhub-outer-s1 .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.section__creatorhub-outer-s2 .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.section__creatorhub-outer-s2 .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.section__creatorhub-outer-s2 .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.section__creatorhub-outer-s2 .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.section__creatorhub-outer-s2 .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.section__creatorhub-outer-s2 .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.section__creatorhub-outer-s3 .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.section__creatorhub-outer-s3 .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.section__creatorhub-outer-s3 .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.section__creatorhub-outer-s3 .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.section__creatorhub-outer-s3 .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.section__creatorhub-outer-s3 .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.section__military__grade .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.section__military__grade .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.section__military__grade .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.section__military__grade .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.section__military__grade .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.section__military__grade .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.section__thermal .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.section__thermal .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.section__thermal .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.section__thermal .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.section__thermal .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.section__thermal .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.software-outer .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.software-outer .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.software-outer .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.software-outer .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.software-outer .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.software-outer .wd__feature__list .wd__feature .wd__feature__describe__top *,
#CMD section.theme-black .wd__feature__list .wd__feature .wd__feature__data,
#CMD section.theme-black .wd__feature__list .wd__feature .wd__feature__data *,
#CMD section.theme-black .wd__feature__list .wd__feature .wd__feature__describe,
#CMD section.theme-black .wd__feature__list .wd__feature .wd__feature__describe *,
#CMD section.theme-black .wd__feature__list .wd__feature .wd__feature__describe__top,
#CMD section.theme-black .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #fff
}

#CMD section .audioDolby-inner {
    background-color: unset !important
}

#CMD section.section__wdvideos {
    background-color: #e2e2e2
}

#CMD section .wdblockimg .block .modal-button-container .modal-button {
    border-color: transparent !important
}

#CMD section .wdblockimg .block.theme-white .modal-button-container .modal-button {
    background: linear-gradient(to right, #d1c3ff, #d1c3ff)
}

#CMD section .wdblockimg .block.theme-white .modal-button-container .modal-button span {
    background-image: linear-gradient(to right, #d1c3ff, #d1c3ff)
}

#CMD section .wdblockimg .block.theme-white .modal-button-container .modal-button::before {
    background-color: #fff
}

#CMD section .wdblockimg .block.theme-white .modal-button-container .modal-button:hover::before {
    background-color: #2a1766
}

#CMD section .wdblockimg .block.theme-black .modal-button-container .modal-button {
    background: linear-gradient(to right, #2a1766, #2a1766)
}

#CMD section .wdblockimg .block.theme-black .modal-button-container .modal-button span {
    background-image: linear-gradient(to right, #2a1766, #2a1766)
}

#CMD section .wdblockimg .block.theme-black .modal-button-container .modal-button::before {
    background-color: #000
}

#CMD section .wdblockimg .block.theme-black .modal-button-container .modal-button:hover::before {
    background-color: #d1c3ff
}

.section-media-top {
    display: block;
    position: relative;
    background-color: #f5f5f5
}

#CMD section .bepa {
    transform: translateX(30%)
}

@keyframes bapeMove {
    0% {
        transform: translateX(30%)
    }

    12% {
        transform: translateX(30%)
    }

    23% {
        transform: translateX(16%)
    }

    25% {
        transform: translateX(20%)
    }

    42% {
        transform: translateX(20%)
    }

    58% {
        transform: translateX(6%)
    }

    60% {
        transform: translateX(10%)
    }

    72% {
        transform: translateX(10%)
    }

    88% {
        transform: translateX(-4%)
    }

    90% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(0)
    }
}

#CMD section .bepa.js-active {
    animation: bapeMove 3s forwards linear 1s
}

#CMD section .content__slogan {
    font-size: 20px
}

#CMD section .content__slogan span {
    position: relative;
    text-transform: uppercase;
    line-height: 1.1;
    font-style: italic !important;
    color: #fff
}

#CMD section .content__slogan span::after {
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: -9px;
    width: calc(100% + 21px);
    height: calc(100% + 8px);
    background: #181818;
    transform: skewX(-14deg);
    content: ""
}

#CMD section .content__slogan span .slogan-outer {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -36px;
    width: 78px;
    height: 42px
}

#CMD section .bg--final .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

#CMD section .bg.hide {
    z-index: -1;
    opacity: 0 !important
}

#CMD section .section__wdvideos {
    z-index: 11
}

.section__pdc {
    z-index: 3;
    margin-bottom: -1px;
    background-color: #201e1f
}

.section__pdc .pdc-space-start {
    display: flex;
    margin-top: 0;
    padding-top: 0
}

.section__pdc .pdc-space-end {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0
}

.section__pdc .product_awards,
.section__pdc .product_gallery,
.section__pdc .product_medias,
.section__pdc .product_videos {
    background-color: transparent
}

.section__pdc .product_awards .splide__arrow::before,
.section__pdc .product_gallery .splide__arrow::before,
.section__pdc .product_medias .splide__arrow::before,
.section__pdc .product_videos .splide__arrow::before {
    border: 1px solid #181818;
    background-color: rgba(0, 0, 0, 0)
}

.section__pdc .product_awards .item-content,
.section__pdc .product_gallery .item-content,
.section__pdc .product_medias .item-content,
.section__pdc .product_videos .item-content {
    color: #181818 !important
}

.section__pdc .product_awards .splide__pagination::after,
.section__pdc .product_medias .splide__pagination::after,
.section__pdc .product_videos .splide__pagination::after {
    background-color: #552d14
}

.section__pdc .splide__pagination li .splide__pagination__page::after {
    background-color: #999
}

.section__pdc .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: #552d14 !important
}

.section__pdc .product_gallery .gallery-container .part-1 .container-tools .tools .tool-magnifier {
    background-color: #16151b !important
}

.section__pdc .product_gallery.active {
    margin-bottom: 0;
    padding-bottom: 80px
}

.section__pdc .product_awards .awards-container .awards-seeall {
    color: #552d14
}

.section__pdc .product_awards .awards-container .awards-seeall {
    color: #552d14
}

.section__pdc .product_videos .videos-container .videos-seeall {
    color: #552d14
}

.section__pdc .product_videos .videos-container .videos-seeall {
    color: #552d14
}

.section__pdc .product_medias .medias-container .medias-seeall {
    color: #552d14
}

.section__pdc .product_medias .medias-container .medias-seeall {
    color: #552d14
}

.section__pdc .arrow_link::before {
    background: #552d14
}

.section__pdc .arrow_link::after {
    display: none
}

.section__pdc .seeall_arrow-svg {
    stroke: #552d14 !important
}

.section__pdc .product_medias .medias-container .medias-carousel {
    background-color: rgba(0, 0, 0, 0)
}

.section__pdc .product_medias .medias-container .medias-carousel .splide__track {
    background-color: #fff
}

.section__pdc .product_awards .awards-container .awards-carousel {
    background-color: rgba(0, 0, 0, 0)
}

.section__pdc .product_awards .awards-container .awards-carousel .splide__track {
    background-color: #fff
}

.section__pdc .product_videos .videos-container .videos-carousel,
.section__pdc .product_videos .videos-container .videos-carousel .splide__track {
    background-color: rgba(0, 0, 0, 0)
}

.section__pdc .product_videos .videos-container .videos-carousel .videos-item .item-content {
    background-color: #fff
}

@media all and (max-width:730.5px) {

    .section__pdc .product_awards .awards-container .awards-carousel,
    .section__pdc .product_medias .medias-container .medias-carousel {
        background-color: #fff
    }
}

.section__pdc .awards-container .awards-carousel .awards-item .item-content,
.section__pdc .medias-container .medias-carousel .medias-item .item-content,
.section__pdc .videos-container .videos-carousel .videos-item .item-content {
    color: #fff
}

.section__pdc .active::nth-last-child(1) {
    margin-bottom: 0
}

.section__pdc.section__pdc-top {
    z-index: 9
}

.section__pdc.section__pdc-bottom {
    background-color: #e2e2e2
}

@media all and (min-width:1280px) {
    .section__pdc.section__pdc-top .pdc-space-start {
        margin-top: 0;
        padding-top: 14px
    }

    .section__pdc.section__pdc-top .pdc-space-end {
        padding-bottom: 0
    }

    .section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 128px
    }

    .section__pdc.section__pdc-bottom .pdc-space-end {
        margin-bottom: -82px;
        padding-bottom: 0
    }
}

@media all and (max-width:1279.5px) and (min-width:731px) {
    .section__pdc.section__pdc-top .pdc-space-start {
        margin-top: 0;
        padding-top: 20px
    }

    .section__pdc.section__pdc-top .pdc-space-end {
        padding-bottom: 0
    }

    .section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 109px
    }

    .section__pdc.section__pdc-bottom .pdc-space-end {
        margin-bottom: -63px;
        padding-bottom: 0
    }
}

@media all and (max-width:730.5px) {
    .section__pdc.section__pdc-top .pdc-space-start {
        margin-top: 0
    }

    .section__pdc.section__pdc-top .pdc-space-end {
        padding-bottom: 0
    }

    .section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 58px
    }

    .section__pdc.section__pdc-bottom .pdc-space-end {
        margin-bottom: -62px;
        padding-bottom: 0
    }
}

@media all and (min-width:1280px) {
    .section__pdc.section__pdc-top+.section__wdvideos .wdVideos.active {
        padding-top: 128px
    }

    .section__wdvideos .wdVideos.active+.section__pdc.section__pdc-bottom .pdc-space-start {
        padding-top: 128px
    }

    .section__wdvideos .wdVideos.active+.section__pdc.section__pdc-bottom .pdc-space-start {
        padding-top: 128px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__pdc.section__pdc-top+.section__wdvideos .wdVideos.active {
        padding-top: 100px
    }

    .section__ksp+.section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 0
    }

    .section__wdvideos .wdVideos.active+.section__pdc.section__pdc-bottom .pdc-space-start {
        padding-top: 100px
    }
}

@media all and (max-width:730.5px) {
    .section__pdc.section__pdc-top+.section__wdvideos .wdVideos.active {
        padding-top: 58px
    }
}

.cmd-sidenav .container-items .item-container .item .item-label .label-name span,
.cmd-sidenav .container-items .item-container .item .item-label .label-triangle span {
    font-style: italic;
    text-transform: uppercase
}

.section__kv {
    z-index: 1;
    background-color: #201e1f
}

.section__kv .main__content {
    display: flex
}

.section__kv .main__content .content__left {
    opacity: 0
}

.section__kv .main__content .content__left .kv__title {
    position: relative;
    font-size: 0
}

.section__kv .main__content .content__right {
    opacity: 0
}

.section__kv .wd__content .content__info.info--1 {
    color: #fff
}

.section__kv .img__container {
    position: relative
}

.section__kv .img__logo {
    background-size: contain
}

.section__kv .img__icon {
    position: absolute;
    opacity: 0;
    transform: scale(0) translate(10%, -10%);
    transition: .5s;
    transition-delay: 3s
}

.section__kv .img__main {
    position: absolute;
    transform: translate3d(0, 0, 0);
    transition: clip-path 2s;
    transition-delay: 1.5s;
    clip-path: circle(0 at 50% 50%)
}

.section__kv .img__word {
    position: absolute;
    right: 50%;
    bottom: 50%;
    background-size: contain;
    transform: translate(50%, 50%);
    background-image: url(images/logo.svg);
    filter: brightness(100)
}

.section__kv .img__word.show+.img__main {
    transform: translate3d(0, 0, 0);
    clip-path: circle(100% at 50% 50%)
}

.section__kv .img__word.show~.img__icon {
    opacity: 1;
    transform: scale(1) translate(0, 0)
}

.section__ksp {
    z-index: 1
}

.section__ksp .wdtile__item-1 .item__content--title {
    text-shadow: 0 0 .2em #2c2323, 0 0 .2em #2c2323, 0 0 .2em #2c2323
}

.section__ksp .wdtile__item-1 .item__jumpto-button {
    background-color: rgba(255, 255, 255, .86) !important
}

.section__ksp .wdtile__item-1 .item__jumpto-button::before {
    background-color: #666 !important
}

.section__ksp .wdtile__item-11 .item__content--title,
.section__ksp .wdtile__item-12 .item__content--title,
.section__ksp .wdtile__item-13 .item__content--title {
    text-shadow: 0 0 .2em #09203e, 0 0 .2em #09203e, 0 0 .2em #09203e
}

.section__ksp .wdtile__item-11 .item__jumpto-button,
.section__ksp .wdtile__item-12 .item__jumpto-button,
.section__ksp .wdtile__item-13 .item__jumpto-button {
    background-color: rgba(255, 255, 255, .9) !important
}

.section__ksp .wdtile__item-11 .item__jumpto-button::before,
.section__ksp .wdtile__item-12 .item__jumpto-button::before,
.section__ksp .wdtile__item-13 .item__jumpto-button::before {
    background-color: #666 !important
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item {
    background-color: #fff
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__slogan {
    color: #181818
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__title {
    color: #181818;
    background-image: linear-gradient(0deg, #181818 0, #181818 100%)
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__title sup {
    color: #181818
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__content .wd__content .content__info {
    color: #717171
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--title {
    color: #181818
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descBottom,
.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descTop,
.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__leftdesc {
    color: #717171
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button {
    background-color: rgba(0, 0, 0, .1)
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::before {
    background-color: #727272
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-1 .img__item {
    background-image: url(images/ksp_item-1.png)
}

.section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-1 .img__item {
    width: 438px;
    height: 230px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-2 .img__item {
    background-image: url(images/ksp_item-2.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-2 .img__item {
    width: 632px;
    height: 407px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-3 .img__item {
    background-image: url(images/ksp_item-3.png)
}

.section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-3 .img__item {
    width: 600px;
    height: 372px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-4 .img__item {
    background-image: url(images/ksp_item-4.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-4 .img__item {
    width: 200px;
    height: 186px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-5 .img__item {
    background-image: url(images/ksp_item-5.png)
}

.section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-5 .img__item {
    width: 152px;
    height: 189px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-6 .img__item {
    background-image: url(images/ksp_item-6.png)
}

.section__ksp .wdtile.wdtile-ksp .item__image-ksp_item-6 .img__item {
    width: 202px;
    height: 284px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-1 .img__item {
    background-image: url(images/ksp_icon-1.png)
}

.section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-1 .img__item {
    width: 106px;
    height: 126px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-2 .img__item {
    background-image: url(images/ksp_icon-2.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-2 .img__item {
    width: 114px;
    height: 114px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-3 .img__item {
    background-image: url(images/ksp_icon-3.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-3 .img__item {
    width: 120px;
    height: 128px
}

#CMD .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-4 .img__item {
    background-image: url(images/ksp_icon-4.png)
}


.section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-4 .img__item {
    width: 254px;
    height: 96px
}

.section__ksp .wdtile.wdtile-ksp .item__image.item__image-inteliris .img__item {
    box-shadow: 0 0 7px rgba(0, 0, 0, .56)
}

.section__2 {
    z-index: 1
}

.section__2 .main__contain {
    position: relative;
    width: 100%
}

.section__2 .slide--1 .img__word {
    background-size: contain;
    background-image: url(images/logo.svg)
}

.section__2 .slide--2 {
    position: relative
}

.section__2 .slide--2 .wd__content {
    position: relative;
    z-index: 2;
    left: 50%;
    opacity: 1;
    margin-top: 0
}

.section__2 .slide--2 .wd__content .content__title {
    color: #181818;
    background-image: linear-gradient(to right, #181818, #181818 90%)
}

.section__2 .slide--3 {
    display: inline-block;
    position: relative
}

.section__2 .slide--3 .box__black {
    display: block;
    border-radius: 20px 0 0 20px;
    background: #181818;
    transform: skewX(-14deg)
}

.section__2 .slide--3 .box__black {
    position: absolute;
    top: 0;
    left: 50%
}

.section__2 .slide--3 .img__sticker--1 {
    position: absolute
}

.section__2 .slide--3 .img__sticker--2 {
    position: absolute
}

.section__2 .box__gray--outer {
    position: absolute;
    z-index: 1
}

.section__2 .box__gray {
    display: block;
    border-radius: 0 20px 20px 0;
    background: #ededed;
    transform: skewX(-14deg)
}

.section__2.scrollInit .slide--1 #hand {
    opacity: 0;
    transform: translate(40px, 0)
}

.section__2.scrollInit .slide--1 #bepaBig {
    transform: translate(36px, 0)
}

.section__2.scrollInit .slide--1 #bepaSmall {
    transform: translate(-50px, 0)
}

.section__2.scrollInit .slide--1 #bepaSmallBody {
    transform: translate(-20px, 0)
}

.section__2.scrollInit .slide--1 #foot {
    transform: translate(-33px, -8px)
}

.section__2.scrollInit .slide--3 .img__sticker--1 {
    opacity: 0;
    transition: .3s
}

.section__2.scrollInit .slide--3 .img__sticker--2 {
    opacity: 0;
    transition: .3s
}

.section__2.scrollInit .slide--3 .img__container {
    display: inline-block;
    opacity: 0;
    transform: translateX(100vw);
    transition-delay: 2s
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__sticker--1 {
    opacity: 1;
    transition-delay: 2.9s;
    transform: scale(1) translate(0, 0) rotate(0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__sticker--2 {
    opacity: 1;
    transition-delay: 2.4s;
    transform: scale(1) translate(0, 0) rotate(0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img {
    transition: transform .4s ease-out, opacity .3s
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--1 {
    transition-delay: 1.2s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--2 {
    transition-delay: 1.3s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--5 {
    transition-delay: 1.4s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--6 {
    transition-delay: 1.5s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--7 {
    transition-delay: 1.6s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--3 {
    transition-delay: 1.7s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--8 {
    transition-delay: 1.8s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__2.scrollInit .slide--3 .img__container.playAni .img__main .img__main--4 {
    transition-delay: 1.9s;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.section__3 {
    z-index: 2
}

.section__3 .wd__content {
    opacity: 0;
    margin-top: -50vh
}

.section__3 .wd__content .content__title {
    color: #fff;
    background-image: linear-gradient(to right, #fff, #fff 90%)
}

.section__3 .wd__content .content__info {
    color: #fff
}

.section__3 .img__container.img__container--top .img__main--before {
    position: relative
}

.section__3 .img__container.img__container--bottom {
    position: relative;
    opacity: 0
}

.section__3 .img__container-outer {
    overflow: hidden;
    width: 100%
}

.section__3 .img__container-outer .img__container {
    width: 100%
}

.section__4 {
    z-index: 1;
    background: #fff
}

.section__4 .wd__content {
    left: 50%
}

.section__4 .wd__content.content--top .content__title {
    color: #181818;
    background-image: linear-gradient(to right, #181818, #181818 90%)
}

.section__4 .wd__content.content--bottom {
    background: #181818
}

.section__4 .wd__content.content--bottom .content__info {
    color: #fff
}

.section__4 .wd__content.content--bottom .content__info.info--2 {
    margin-top: 16px
}

.section__4 .wd__feature__list {
    left: 50%;
    margin-top: -1px;
    background: #181818
}

.section__4 .wd__feature__list .wd__feature .wd__feature__describe__top span {
    color: #fff
}

.section__4 .wd__feature__list .wd__feature .wd__feature__data {
    color: #ed7d31
}

.section__4 .wd__feature__list .wd__feature .wd__feature__describe span {
    color: #fff
}

.section__4 .wd__feature__list .feature-0 .wd__feature__describe,
.section__4 .wd__feature__list .feature-0 .wd__feature__describe__top {
    display: none
}

.section__4 .performance_chart_container {
    position: relative;
    left: 50%;
    background: #ededed
}

.section__4 .performance_chart_container .item__content {
    display: block
}

.section__4 .performance_chart_container .item__content .title {
    width: 100%;
    color: #181818
}

.section__4 .performance_chart_container .item__content .bar .bar__content.main {
    background-image: linear-gradient(90deg, #854117 0, #e2762e 100%)
}

.section__4 .performance_chart_container .item__highline {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column-reverse
}

.section__4 .performance_chart_container .item__highline .img__highline_arrow {
    background-color: #e97b30
}

.section__4 .performance_chart_container .highline_text .text1 {
    -webkit-background-clip: text;
    background-image: linear-gradient(to bottom, #e2762e, #ac5721 90%);
    -webkit-text-fill-color: transparent
}

.section__4 .performance_chart_container .highline_text .text2 {
    -webkit-background-clip: text;
    background-image: linear-gradient(to bottom, #ac5721, #874217 90%);
    -webkit-text-fill-color: transparent
}

.section__4 .performance_chart_container .item__highline::after {
    bottom: 10px;
    margin-left: -60px;
    width: 114px;
    height: 147px;
    background-position: 0 0;
    background-size: 570px 152px
}

#CMD .section__4 .item__highline::after {
    background-image: url(images/item-2.png)
}

.section__4 .performance_chart_container .text_comment {
    margin-top: 20px;
    padding-left: 0;
    color: #666;
    font-size: .8125rem !important
}

.section__4 .img__main {
    position: absolute;
    left: 50%;
    opacity: 0;
    transform: translate(20%, -20%);
    transition: .5s
}

.section__4 .img__badge {
    position: absolute;
    left: 50%;
    opacity: 0;
    transition: .5s
}

.section__4 .item__highline::after {
    display: block;
    position: absolute;
    left: 50%;
    content: ""
}

.section__4 .img__sticker {
    position: absolute;
    left: 50%;
    opacity: 0;
    transform: scale(1.4) rotate(-25deg) translate(20%, 20%);
    transition: .5s
}

@keyframes contentLeft {
    0% {
        transform: translateX(-100vw)
    }

    90% {
        transform: translateX(2vw)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes contentRight {
    0% {
        transform: translateX(100vw)
    }

    90% {
        transform: translateX(-2vw)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bapeAni {
    0% {
        background-position: -448px 0
    }

    8% {
        background-position: 0 0
    }

    16% {
        background-position: -117px 0
    }

    24% {
        background-position: -225px 0
    }

    32% {
        background-position: -337px 0
    }

    40% {
        bottom: 10px;
        background-position: 0 0
    }

    50% {
        bottom: 20px;
        background-position: -448px 0
    }

    60% {
        bottom: 10px;
        background-position: 0 0
    }

    70% {
        bottom: 20px;
        background-position: -448px 0
    }

    80% {
        bottom: 10px;
        background-position: 0 0
    }

    90% {
        bottom: 20px;
        background-position: -448px 0
    }

    100% {
        bottom: 10px;
        background-position: 0 0
    }
}

@keyframes bapeArrow {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    60% {
        transform: translateY(0)
    }

    70% {
        transform: translateY(-10px)
    }

    80% {
        transform: translateY(0)
    }

    90% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.section__4 .item__highline .img__highline_arrow {
    top: 10px
}

.section__4 .aniContainer.playAni .content--bottom,
.section__4 .aniContainer.playAni .wd__feature__list {
    transform: translateX(0);
    animation: contentLeft 1s forwards ease-in-out
}

.section__4 .aniContainer.playAni .performance_chart_container {
    transform: translateX(0);
    animation: contentRight 1s forwards ease-in-out
}

.section__4 .aniContainer.playAni .item__highline .img__highline_arrow {
    animation: bapeArrow 2s 2s forwards
}

.section__4 .aniContainer.playAni .item__highline::after {
    background-position: 0 0;
    animation: bapeAni 2s 2s step-start both;
    transition-delay: 2.8s;
    transition-property: background-position
}

.section__4 .aniContainer.playAni .img__main {
    opacity: 1;
    transition-delay: 1s;
    transform: scale(1) translate(0, 0)
}

.section__4 .aniContainer.playAni .img__badge {
    opacity: 1;
    transition-delay: 1s
}

.section__4 .aniContainer.playAni .img__sticker {
    opacity: 1;
    transition-delay: 1.5s;
    transform: scale(1) translate(0, 0) rotate(0)
}

.section__5 {
    z-index: 0;
    max-width: 100vw;
    background-color: #fff
}

.section__5 .wd__content {
    max-width: 840px
}

.section__5 .wd__content .content__title {
    color: #181818;
    background-image: linear-gradient(to right, #181818, #181818 90%)
}

.section__5 .wd__content .content__info {
    color: #181818
}

.section__5 .list-text {
    padding-top: 46px
}

.section__5 .sticky-wrap {
    margin-top: 280px;
    margin-bottom: 280px
}

.section__5 .sticky-wrap .img_container {
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center
}

.section__5 .sticky-wrap .text_animation {
    overflow: hidden;
    width: 1500px;
    height: 210px;
    background-color: #000;
    transform: scale(3)
}

.section__5 .sticky-wrap .text_animation .text-bg {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-position: center;
    background-size: contain
}

#CMD .section__5 .text-bg {
    background-image: url(images/bg.jpg)
}

.section__5 .sticky-wrap .text_animation .img__scrollText {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    transform: scale(1.005);
    filter: brightness(100)
}

.section__5 .sticky-wrap .img__foreground {
    position: absolute;
    z-index: 1;
    top: 900px;
    -webkit-mask-repeat: no-repeat
}

.section__5 .wd__feature__list .wd__feature .wd__feature__describe,
.section__5 .wd__feature__list .wd__feature .wd__feature__describe *,
.section__5 .wd__feature__list .wd__feature .wd__feature__describe__top,
.section__5 .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #181818
}

.section__5 .wd__feature__list .wd__feature .wd__feature__data,
.section__5 .wd__feature__list .wd__feature .wd__feature__data * {
    color: #552d14
}

#CMD .section__5 .img__icon8.img__icon {
    background-image: url(images/icon_asusoled.png)
}

.section__6 {
    z-index: 2
}

.section__6::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ededed;
    content: ""
}

.section__6 .wd__content .content__title {
    color: #181818;
    background-image: linear-gradient(to right, #181818, #181818 90%)
}

.section__6 .img__container-outer {
    position: relative;
    z-index: 1;
    width: 100%
}

.section__6 .img__container-outer .img__container {
    width: 100%
}

.section__6 .wd__block__slick__item {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: #fff
}

.section__6 .wd__block__slick__item:nth-child(even) {
    flex-direction: row-reverse
}

.section__6 .wd__block__slick__item .item__img {
    width: 50%
}

.section__6 .wd__block__slick__item .item__slick {
    position: relative;
    width: 50%
}

.section__6 .wd__block__slick__item .item__slick .slick__title {
    position: absolute;
    left: 0;
    width: 100%;
    color: #181818;
    text-align: center
}

.section__6 .wd__block__slick__item .item__slick .slick-next,
.section__6 .wd__block__slick__item .item__slick .slick-prev {
    z-index: 1;
    top: 50%;
    background-color: transparent;
    transform: translateY(-50%);
    transition: opacity .3s
}

.section__6 .wd__block__slick__item .item__slick .slick-prev::before {
    display: block;
    background-size: contain;
    content: ""
}

.section__6 .wd__block__slick__item .item__slick .slick-next::before {
    display: block;
    background-size: contain;
    transform: rotate(180deg);
    content: ""
}

.section__6 .wd__block__slick .wd__block__slick__item--1 .item__slick .item__content {
    opacity: 0
}

.section__6 .wd__block__slick.playAni {
    position: relative;
    z-index: 1
}

.section__6 .wd__block__slick.playAni .wd__block__slick__item--1 .item__slick .item__content {
    opacity: 1
}

.section__7 {
    position: relative;
    overflow: hidden;
    z-index: 0;
    min-height: 100vh;
    margin-top: -50vh
}

.section__7 .scroll_end {
    position: relative;
    z-index: -1
}

.inner-view {
    background: rgba(0, 0, 0, 0)
}

.inner-view .inner-view-container .modal-button-container .modal-button {
    background-color: #000;
    color: #fff;
    border-color: #fff
}

.inner-view .inner-view-container .modal-button-container .modal-button:hover {
    background-color: rgba(0, 0, 0, .6);
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.inner-view #active__modal-inner__conference {
    background-color: #fff
}

.inner-view #active__modal-inner__conference .conference-inner {
    background-color: #fff
}

/* html {
    --wd-guide-floatspace-section-height: 205px;
    --wd-guide-floatspace-image-height: 100px
}

@media all and (min-width:1279.5px) and (max-width:1279.5px) {
    html {
        --wd-guide-floatspace-section-height: 205px;
        --wd-guide-floatspace-image-height: 100px
    }
}

@media all and (max-width:730.5px) {
    html {
        --wd-guide-floatspace-section-height: 205px;
        --wd-guide-floatspace-image-height: 100px
    }
} */

@media all and (min-width:1280px) and (min-width:1280px) {
    .wdtab .wdtab__nav::before {
        width: 1128px
    }

    .wdtab .wdtab__nav-scrollouter {
        margin: 0 auto;
        width: 1128px
    }

    .wdtab .wdtab__nav-container {
        display: flex;
        align-content: stretch;
        flex-direction: row;
        align-items: stretch
    }

    .wdtab .wdtab__nav-btn {
        display: block;
        flex-shrink: 1;
        flex-grow: 1;
        flex-wrap: nowrap
    }

    .wdtab .wdtab__nav-btn .nav__title-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%
    }

    .wdtab .wdtab__panel {
        padding-top: 30px
    }

    .wdtab .wdtab__panel__item-info {
        margin-bottom: 30px
    }
}

@media all and (min-width:1280px) {

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-img,
    .wdblockimg .wdblockimg__container .block.column-span-3 .block-img {
        position: relative;
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .img__bg,
    .wdblockimg .wdblockimg__container .block.column-span-3 .img__bg {
        position: relative;
        padding-bottom: 100%;
        width: 100%;
        height: 0
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-content {
        min-height: 370px;
        padding-bottom: 225px
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.column-span-3 .block-content {
        min-height: 600px;
        padding-bottom: 300px
    }

    .wdblockimg .wdblockimg__container .block.column-span-3 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 {
        min-height: 325px
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-content {
        max-width: 620px
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-img {
        position: absolute;
        top: 50%;
        right: 0;
        width: auto;
        height: 630px;
        transform: translateY(-50%)
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-img .img__bg {
        position: relative;
        width: 1134px;
        height: 630px
    }

    .wdblockimg .wdblockimg__container .block.imageTop .img__bg {
        padding-bottom: 0;
        height: 237px
    }

    .wdblockimg .wdblockimg__container .block.imageTop .block-content {
        padding: 278px 36px 47px;
        min-height: 500px
    }
}

@media all and (min-width:1280px) {
    .section__wdvideos {
        display: inline-block
    }

    .section__wdvideos .item-productvideo {
        padding-bottom: 82px
    }

    .section__wdvideos .item-productvideo .detect-point-out {
        margin-top: -429px;
        height: 830px
    }

    .section__wdvideos .item-productvideo .detect-point-enter {
        margin-top: -240px
    }

    .section__wdvideos .item-productvideo .video__play__btn {
        bottom: 55px;
        left: 5%;
        margin-left: auto
    }

    .section__wdvideos .item-productvideo .video__play__btn .svg-circle {
        fill: transparent
    }

    .section__wdvideos .item-productvideo .video__group {
        position: relative;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 56.25%;
        width: 100%;
        height: 0
    }

    .section__wdvideos .item-productvideo .video__group .video__container {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .item-productvideo .video__group .video__container video {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .item-productvideo .btn__youtube {
        bottom: 45px;
        transition: opacity .4s
    }

    .section__wdvideos .item-productvideo .btn__youtube:hover {
        opacity: .7
    }
}

@media all and (min-width:1280px) {
    .section__wdvideos .sales__containter {
        padding-bottom: 71px
    }

    .section__wdvideos .sales__containter .sales__item {
        margin-bottom: 16px;
        padding: 0 6px
    }

    .section__wdvideos .sales__containter .sales__item:hover .video_info {
        opacity: 1
    }

    .section__wdvideos .video_info {
        left: 6px;
        opacity: 0;
        width: calc(100% - 12px)
    }
}

@media all and (min-width:1280px) {
    .section__ksp {
        padding-top: 128px;
        padding-bottom: 0
    }
}

@media all and (min-width:1280px) {
    .section__ksp+.section__wdvideos .wdVideos.active {
        padding-top: 128px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile {
        margin-right: auto;
        margin-left: auto;
        width: 1144px
    }

    .section__ksp .wdtile .item__block {
        justify-content: center;
        padding: 58px 0
    }

    .section__ksp .wdtile .item__block .item__content--title,
    .section__ksp .wdtile .item__block .item__content--title *,
    .section__ksp .wdtile .item__block .wd__content .content__title,
    .section__ksp .wdtile .item__block .wd__content .content__title * {
        font-size: 38px;
        line-height: 1.2
    }

    .section__ksp .wdtile .item__block .item__content--descBottom,
    .section__ksp .wdtile .item__block .item__content--descBottom *,
    .section__ksp .wdtile .item__block .item__content--descTop,
    .section__ksp .wdtile .item__block .item__content--descTop *,
    .section__ksp .wdtile .item__block .item__leftdesc,
    .section__ksp .wdtile .item__block .item__leftdesc *,
    .section__ksp .wdtile .item__block .wd__content .content__info,
    .section__ksp .wdtile .item__block .wd__content .content__info * {
        font-size: 21px;
        line-height: 1.4
    }

    .section__ksp .wdtile .item__block--content {
        padding-right: 100px;
        padding-left: 100px
    }

    .section__ksp .wdtile .item__block--feature {
        padding-right: 50px;
        padding-left: 50px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc {
        padding: 18px 24px 24px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        min-height: 118px;
        margin-bottom: 22px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descTop {
        margin-bottom: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom span+span {
        margin-top: 2px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .item__block.large-v-top {
        justify-content: flex-start
    }

    .section__ksp .item__block--feature,
    .section__ksp .item__block[class*=large-img-v-],
    .section__ksp .item__block[class*=large-txt-v-] {
        flex-direction: column;
        flex-wrap: wrap
    }

    .section__ksp .item__block--content,
    .section__ksp .item__block[class*=large-img-h-],
    .section__ksp .item__block[class*=large-txt-h-] {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .section__ksp .item__block--content .item__content {
        width: 50%
    }

    .section__ksp .item__block--content .item__image {
        width: 50%
    }

    .section__ksp .item__block--feature .item__content {
        width: 100%
    }

    .section__ksp .item__block--feature .item__image {
        width: 100%
    }

    .section__ksp .item__block--content.large-img-v-txt .item__content,
    .section__ksp .item__block--feature.large-img-v-txt .item__content {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.large-img-v-txt .item__image,
    .section__ksp .item__block--feature.large-img-v-txt .item__image {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.large-txt-v-img .item__content,
    .section__ksp .item__block--feature.large-txt-v-img .item__content {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.large-txt-v-img .item__image,
    .section__ksp .item__block--feature.large-txt-v-img .item__image {
        margin-bottom: 0;
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.large-img-h-txt .item__content,
    .section__ksp .item__block--feature.large-img-h-txt .item__content {
        width: auto;
        order: 2;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.large-img-h-txt .item__image,
    .section__ksp .item__block--feature.large-img-h-txt .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 1;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.large-txt-h-img .item__content,
    .section__ksp .item__block--feature.large-txt-h-img .item__content {
        width: auto;
        order: 1;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.large-txt-h-img .item__image,
    .section__ksp .item__block--feature.large-txt-h-img .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 2;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.large-img-v-txt .item__image,
    .section__ksp .item__block--feature.large-img-v-txt .item__image {
        margin-bottom: 26px
    }

    .section__ksp .item__block--content.large-txt-v-img .item__image,
    .section__ksp .item__block--feature.large-txt-v-img .item__image {
        margin-top: 26px
    }
}

@media all and (min-width:1280px) {

    .section__ksp .item__block.large-txt-left,
    .section__ksp .item__block.large-txt-left * {
        text-align: left
    }

    .section__ksp .item__block.large-txt-center,
    .section__ksp .item__block.large-txt-center * {
        text-align: center
    }

    .section__ksp .item__block.large-txt-right,
    .section__ksp .item__block.large-txt-right * {
        text-align: right
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile__item .item__block.item__block--content .content__title {
        margin-top: 0;
        padding: 0
    }

    .section__ksp .wdtile__item .item__block.item__block--content .wd__content .content__info {
        margin-top: 12px
    }

    .section__ksp .wdtile__item .item__block.item__block--content .wd__content .content__info+.content__info {
        margin-top: 0
    }
}

@media all and (min-width:1280px) {
    #CMD section .large_use {
        display: block !important
    }

    #CMD section .large_unuse {
        display: none
    }

    #CMD section .small_use {
        display: none
    }

    #CMD section .colSpace {
        height: 230px
    }

    #CMD section .slick-tab-content .slick-info-item {
        padding-top: 20px
    }

    #CMD section .wd__content.wd__content-horz {
        max-width: 1080px
    }

    #CMD section .wd__content.wd__content-horz .content-col-1 {
        width: 46%
    }

    #CMD section .wd__content.wd__content-horz .content-col-2 {
        padding-left: 30px
    }

    .wd__content .content__slogan {
        font-size: 20px
    }

    .wd__content .content__title {
        margin-top: 3px;
        font-size: 70px
    }

    .wd__content .content__info {
        font-size: 20px
    }

    .wd__content .content__link.link-gradient {
        margin-top: -4px !important
    }

    .wd__content .content__link.link-gradient.link--1 {
        margin-top: 10px !important
    }

    .wd__feature__list {
        margin-top: 65px
    }

    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 3rem
    }

    .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__feature__list .wd__feature .wd__feature__describe *,
    .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 1.0625rem
    }

    .section-media-top {
        height: 100px
    }

    #CMD section .wd__content .content__title {
        margin-top: 15px
    }

    #CMD section .wd__content .content__title span {
        line-height: 1.1
    }

    #CMD section .wd__content .content__info {
        margin-top: 15px;
        line-height: 1.5
    }

    #CMD section .bg--white {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -1280px;
        width: 2560px;
        height: 1280px;
        background-position: center center;
        background-size: 2560px 1280px;
        transform: translate(0, -50%) scale(1)
    }

    #CMD .bg--white {
        background-image: url(images/bg-w.jpg)
    }
}


@media all and (min-width:1280px) {
    #CMD section .bg--black {
        position: fixed;
        top: 50%;
        left: 50%;
        opacity: 0;
        margin-left: -1239px;
        width: 2478px;
        height: 1596px;
        background-position: 0 center;
        background-size: contain;
        transform: translate(0, -50%) scale(1)
    }

    #CMD .bg--black {
        background-image: url(images/bg-b.jpg)
    }
}

@media all and (min-width:1280px) {
    #CMD section .bg--final {
        position: fixed;
        user-select: none;
        pointer-events: none;
        top: 50%;
        left: 50%;
        margin-left: -1280px;
        width: 2560px;
        height: 1296px;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(-50%)
    }

    #CMD .bg--final {
        background-image: url(images/bg1.jpg)
    }
}

@media all and (min-width:1280px) {
    #CMD section.section__wdvideos .item-productvideo .video__group {
        padding-bottom: 57.03%
    }
}

@media all and (min-width:1280px) {
    .cmd-sidenav .container-bg {
        background: 0 0
    }

    .cmd-sidenav .container-items .item-container .item {
        height: 55px
    }

    .cmd-sidenav .container-items .item-container .item .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .container-items .item-container .item .item-label .label-name {
        position: relative;
        padding-left: 66px;
        border: 2px solid #c7c5c8;
        border-radius: 54px 0 0 54px;
        background: #221e1f;
        border-right: 0
    }

    .cmd-sidenav .container-items .item-container .item .item-label .label-name span {
        background: #221e1f;
        font-style: italic;
        text-transform: uppercase
    }

    .cmd-sidenav .container-items .item-container .item .item-label .label-name::before {
        display: block;
        position: absolute;
        top: 10px;
        left: 14px;
        width: 48px;
        height: 28px;
        background-size: contain;
        background-image: url(images/slogan.png);
        content: ""
    }

    .cmd-sidenav .container-items .item-container .item .item-dot::after {
        border: 2px solid #c7c5c8;
        background: 0 0
    }

    .cmd-sidenav .container-items .item-container .item .item-dot.enter::after {
        border: 0;
        background: #552d14
    }
}

@media all and (min-width:1280px) {
    .section__kv {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 100px
    }

    .section__kv .aniPosition {
        position: relative;
        top: 190px
    }
}

@media all and (min-width:1280px) {
    .section__kv .main__content {
        margin: 208px auto 0;
        max-width: 1100px
    }

    .section__kv .main__content .content__left {
        position: absolute;
        bottom: 12px;
        opacity: 1;
        transform: translateX(-100vw)
    }

    .section__kv .main__content .content__right {
        position: relative;
        left: 50%;
        opacity: 1;
        margin-left: -50px;
        transform: translateX(100vw);
        min-height: 308px
    }

    .section__kv .wd__content {
        margin-top: 0;
        max-width: 550px
    }

    .section__kv .wd__content .content__info.info--1 {
        margin-top: 0;
        font-size: 1.5rem;
        line-height: 1.6
    }
}

@media all and (min-width:1280px) {
    .section__kv .img__container {
        left: 50%;
        margin-top: -143px;
        margin-left: -1280px;
        width: 2560px;
        height: 913px
    }

    .section__kv .img__icon {
        bottom: -142px;
        left: 50%;
        margin-left: 377px;
        width: 104px;
        height: 142px
    }

    #CMD .section__kv .img__icon {
        background-image: url(images/icon.png)
    }
}


@media all and (min-width:1280px) {
    .section__kv .img__main {
        left: 50%;
        margin-left: -1280px;
        width: 2560px;
        height: 100%;
        background-size: 2560px 2218px
    }

    #CMD .section__kv .img__main {
        background-image: url(images/main.jpg)
    }
}


@media all and (min-width:1280px) {
    .section__kv .img__word {
        width: 506px;
        height: 129px
    }
}

@media all and (min-width:1280px) {
    .section__kv .img__logo {
        width: 420px;
        height: 444px
    }

    #CMD .section__kv .img__logo {
        background-image: url(images/logo.png)
    }
}

@media all and (min-width:1280px) {
    @keyframes contentLeft {
        0% {
            transform: translateX(-100vw)
        }

        90% {
            transform: translateX(2vw)
        }

        100% {
            transform: translateX(0)
        }
    }
}

@media all and (min-width:1280px) {
    @keyframes contentRight {
        0% {
            transform: translateX(100vw)
        }

        90% {
            transform: translateX(-2vw)
        }

        100% {
            transform: translateX(0)
        }
    }
}

@media all and (min-width:1280px) {
    .section__kv .playAni .content__left {
        transform: translateX(0);
        animation: contentLeft 1s forwards ease-in-out
    }

    .section__kv .playAni .content__right {
        transform: translateX(0);
        animation: contentRight 1s forwards ease-in-out
    }
}

@media all and (min-width:1280px) {
    .section__ksp {
        padding-top: 100px;
        background-color: #e2e2e2
    }

    .section__ksp .wdtile__item {
        background-color: #fff;
        background-size: 1200px 600px
    }

    .section__ksp .wdtile__item-0 .item__image.item__image-ksp_item-1 {
        width: 42%
    }

    .section__ksp .wdtile__item-0 .wd__content {
        width: 500px
    }

    .section__ksp .wdtile__item-3 .item__content--title {
        margin: 0 auto;
        max-width: 260px
    }

    .section__ksp .wdtile__item-5 .item__image {
        height: 400px
    }

    .section__ksp .wdtile__item-5 .item__image .img__item {
        top: 172px;
        left: -52px
    }

    .section__ksp .wdtile__item-5 .item__block {
        justify-content: flex-end
    }

    .section__ksp .wdtile__item-8 .item__block {
        padding-right: 40px;
        padding-left: 40px
    }

    .section__ksp .wdtile__item-10 .item__image {
        margin-bottom: 12px
    }

    .section__ksp .wdtile__item-10 .item__image .img__item {
        top: -80px
    }

    .section__ksp .wdtile__item-11 .item__block {
        display: flex;
        flex-direction: column
    }

    .section__ksp .wdtile__item-11 .item__image {
        margin: auto auto -38px !important
    }

    .section__ksp .wdtile__item-11 .item__content {
        margin-top: auto;
        max-width: 230px
    }

    .section__ksp .wdtile__item-12 .item__image {
        height: 159px
    }

    .section__ksp .wdtile__item-12 .item__image .img__item {
        top: 70px;
        left: 141px
    }

    .section__ksp .wdtile__item-13 .item__image {
        height: 159px
    }

    .section__ksp .wdtile__item-13 .item__image .img__item {
        top: 93px;
        left: 137px
    }
}

@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-image: url(images/bg-green.jpg)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-0 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-2 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-3 {
        background-image: url(images/pattern-w.png)
    }
}

@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-4 {
        background-image: url(images/pattern-w.png)
    }
}

@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-10 {
        background-image: url(images/pattern-w.png)
    }
}

@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 * {
        color: #fff
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-0 {
        background-position: 493px -175px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-position: 493px 78px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-2 {
        background-position: 493px -103px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-3 {
        background-position: 103px -103px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-4 {
        background-position: -286px -103px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-5 {
        background-position: 493px 205px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-position: 100px -395px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-position: -287px -395px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-position: 100px 389px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-position: -287px 389px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-10 {
        background-position: 492px 16px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-position: -288px 15px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-position: 492px 265px
    }
}

@media all and (min-width:1280px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-position: 102px 265px
    }
}

@media all and (min-width:1280px) {
    .section__2 {
        padding-top: 0
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--1 {
        position: relative;
        padding-top: 234px;
        width: 100%;
        height: 772px
    }

    .section__2 .slide--1 .ani--outer {
        position: relative;
        top: 0
    }

    .section__2 .slide--1 .bepaLogo {
        position: relative;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        width: 450px;
        height: 400px
    }

    .section__2 .slide--1 #bepaLogoSvg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 20px;
        width: 1020px;
        height: 1420px;
        transform: translateY(-50%) translateX(-50%)
    }

    .section__2 .slide--1 .img__word {
        margin-top: 24px;
        margin-right: auto;
        margin-left: auto;
        width: 444px;
        height: 112px
    }

    .section__2 .slide--2 {
        position: relative
    }

    .section__2 .slide--2 .wd__content {
        z-index: 9;
        margin-top: 228px;
        margin-left: 90px;
        width: 430px
    }

    .section__2 .slide--2 .wd__content .content__title {
        position: relative;
        left: -181px;
        margin-top: 0
    }

    .section__2 .slide--2 .wd__content .content__info {
        margin-top: 49px
    }

    .section__2 .slide--2 .bepaLogo {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -542px;
        padding-top: 150px
    }

    .section__2 .slide--2 .img__logo-after {
        position: relative;
        z-index: 2;
        top: 0;
        width: 428px;
        height: 288px
    }

    /* #CMD .section__2 .img__logo-after {
        background-image: url(images/logo-after.png)
    } */
}


@media all and (min-width:1280px) {
    .section__2 .slide--2 .box__gray--outer {
        top: 101px;
        left: 50%;
        margin-top: 0;
        margin-left: -2248px
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--2 .box__gray {
        width: 2560px;
        height: 405px
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 {
        margin-top: 252px;
        padding-top: 0
    }

    .section__2 .slide--3 .box__black {
        top: 0;
        left: 50%;
        margin-left: -250px;
        width: 100vw;
        height: 1049px
    }

    .section__2 .slide--3 .img__main--1 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--1 {
        background-image: url(images/main_1.jpg)
    }

    #CMD .section__2 .img__main--1 {
        mask: url(images/main_1_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_1_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--2 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--2 {
        background-image: url(images/main_2.jpg)
    }

    #CMD .section__2 .img__main--2 {
        mask: url(images/main_2_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_2_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--3 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--3 {
        background-image: url(images/main_3.jpg)
    }

    #CMD .section__2 .img__main--3 {
        mask: url(images/main_3_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_3_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--4 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--4 {
        background-image: url(images/main_4.jpg)
    }

    #CMD .section__2 .img__main--4 {
        mask: url(images/main_4_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_4_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--5 {
        background-image: url(images/main_5.jpg)
    }

    #CMD .section__2 .img__main--5 {
        mask: url(images/main_5_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_5_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--6 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--6 {
        background-image: url(images/main_6.jpg)
    }

    #CMD .section__2 .img__main--6 {
        mask: url(images/main_6_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_6_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--7 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--7 {
        background-image: url(images/main_7.jpg)
    }

    #CMD .section__2 .img__main--7 {
        mask: url(images/main_7_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_7_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--8 {
        left: 50%;
        margin-left: -594px;
        width: 1188px;
        height: 887px;
        position: absolute;
        opacity: 0;
        margin-left: -596px;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--8 {
        background-image: url(images/main_8.jpg)
    }

    #CMD .section__2 .img__main--8 {
        mask: url(images/main_8_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_8_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main--5 {
        width: 1185px !important
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__main {
        position: relative;
        margin-top: 239px;
        height: 887px
    }
}

@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__sticker--1 {
        top: 45px;
        left: 50%;
        margin-left: -441px;
        width: 160px;
        height: 194px
    }

    #CMD .section__2 .img__sticker--1 {
        background-image: url(images/item-1.png)
    }
}


@media all and (min-width:1280px) {
    .section__2 .slide--3 .img__sticker--2 {
        top: 68px;
        left: 50%;
        margin-left: -275px;
        width: 170px;
        height: 178px
    }

    #CMD .section__2 .img__sticker--2 {
        background-image: url(images/item-21.png)
    }
}

@media all and (min-width:1280px) {
    .section__2.scrollInit .slide--1 {
        height: 130vh
    }

    .section__2.scrollInit .slide--2 {
        opacity: 1;
        height: 1000px
    }

    .section__2.scrollInit .slide--2 .bepaLogo .img__logo-after {
        opacity: 0
    }

    .section__2.scrollInit .slide--2 .wd__content {
        opacity: 0;
        margin-top: 0
    }

    .section__2.scrollInit .slide--2 .box__gray--outer .box__gray {
        opacity: 0;
        transform: translateX(-100vw) skewX(-14deg)
    }

    .section__2.scrollInit .slide--3 {
        margin-top: 0;
        height: 100vh
    }

    .section__2.scrollInit .slide--3 .img__sticker--1 {
        transform: scale(1.4) rotate(-25deg) translate(-50px, -50px)
    }

    .section__2.scrollInit .slide--3 .img__sticker--2 {
        transform: scale(1.4) rotate(-25deg) translate(-50px, -50px)
    }
}

@media all and (min-width:1280px) {
    @keyframes boxGrayContentLeft {
        0% {
            transform: translate3d(-100vw, 0, 0) skewX(-14deg)
        }

        90% {
            transform: translate3d(2vw, 0, 0) skewX(-14deg)
        }

        100% {
            transform: translate3d(0, 0, 0) skewX(-14deg)
        }
    }

    @keyframes contentRight {
        0% {
            transform: translate3d(100vw, 0, 0)
        }

        90% {
            transform: translate3d(-2vw, 0, 0)
        }

        100% {
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes contentRightOpacity {
        0% {
            opacity: 0
        }

        20% {
            opacity: 1
        }

        100% {
            opacity: 1
        }
    }

    .section__2 .slide--2 .box__gray--outer .box__gray {
        transition: all ease 1s 0s
    }

    .section__2 .slide--2 .box__gray--outer.playAni .box__gray {
        transform: translate3d(0, 0, 0);
        animation: boxGrayContentLeft 1s forwards ease-in-out, contentRightOpacity .5s forwards linear
    }

    .section__2 .slide--3 .img__container.playAni {
        transform: translate3d(0, 0, 0);
        animation: contentRight 1s forwards ease-in-out, contentRightOpacity .5s forwards linear
    }
}

@media all and (min-width:1280px) {
    .section__3 .wd__content .content__title {
        max-width: 600px
    }

    .section__3 .wd__content .content__info {
        max-width: 830px
    }
}

@media all and (min-width:1280px) {
    .section__3 .img__container.img__container--top .img__main--before {
        left: 50%;
        margin-left: -414px;
        width: 828px;
        height: 534px
    }

    #CMD .section__3 .img__main--before {
        background-image: url(images/main-before.jpg)
    }

    #CMD .section__3 .img__main--before {
        mask: url(images/main-before_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main-before_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__3 .img__container.img__container--bottom {
        top: 50px;
        margin-top: 75px
    }

    .section__3 .img__container.img__container--bottom .img__main--after {
        left: 50%;
        margin-left: -502px;
        width: 1004px;
        height: 624px
    }

    #CMD .section__3 .img__main--after {
        background-image: url(images/main-after.jpg)
    }

    #CMD .section__3 .img__main--after {
        mask: url(images/main-after_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main-after_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__4 {
        margin-top: -78px;
        margin-bottom: 0;
        padding-top: 275px
    }

    .section__4 .aniPosition--1 {
        position: relative;
        top: 340px
    }

    .section__4 .aniPosition--2 {
        position: relative;
        top: -280px
    }
}

@media all and (min-width:1280px) {
    .section__4 .wd__content.content--top {
        margin-left: -518px;
        max-width: 550px
    }

    .section__4 .wd__content.content--top .content__slogan {
        left: 19px
    }

    .section__4 .wd__content.content--top .content__slogan .slogan-outer {
        margin-left: -83px
    }

    .section__4 .wd__content.content--top .content__title {
        max-width: 600px
    }

    .section__4 .wd__content.content--bottom {
        margin-top: 24px;
        margin-left: -571px;
        padding: 44px 200px 44px 60px;
        max-width: 847px;
        border-radius: 20px 20px 0 0;
        transform: translateX(-100vw)
    }

    .section__4 .wd__content.content--bottom .content__info {
        margin-top: 0;
        max-width: 400px
    }

    .section__4 .wd__feature__list {
        margin-left: -571px;
        padding: 30px 310px 20px 60px;
        max-width: 847px;
        border-radius: 0 0 20px 20px;
        transform: translateX(-100vw)
    }

    .section__4 .performance_chart_container {
        top: -557px;
        margin-left: -100px;
        padding: 22px 45px 48px 48px;
        max-width: 633px;
        border-radius: 20px;
        transform: translateX(100vw)
    }

    .section__4 .performance_chart_container .performance_chart {
        margin-top: 0
    }

    .section__4 .performance_chart_container .performance_chart .item__highline .img__highline_arrow {
        top: 13px
    }

    .section__4 .performance_chart_container .item_contents {
        padding-right: 27px
    }

    .section__4 .performance_chart_container .item__content {
        font-size: 1.125rem
    }

    .section__4 .performance_chart_container .item__content .title {
        margin-top: 30px;
        text-align: left;
        line-height: 1.3
    }

    .section__4 .performance_chart_container .item__content .bar {
        margin-top: 10px
    }

    .section__4 .performance_chart_container .item__content .bar .bar__content {
        border-radius: 0 25px 25px 0
    }

    .section__4 .performance_chart_container .item__highline {
        padding-top: 74px
    }

    .section__4 .performance_chart_container .highline_text {
        margin-left: 0
    }
}

@media all and (min-width:1280px) {
    .section__4 .aniContainer--1 .img__main {
        top: 153px;
        margin-left: -102px;
        width: 670px;
        height: 502px
    }

    #CMD .section__4 .img__main {
        background-image: url(images/main.png)
    }
}

@media all and (min-width:1280px) {
    .section__4 .aniContainer--1 .img__badge {
        top: 329px;
        margin-left: -44px;
        width: 110px;
        height: 138px
    }

    #CMD .section__4 .img__badge {
        background-image: url(images.jpg)
    }
}


@media all and (min-width:1280px) {
    .section__4 .aniContainer--2 {
        height: 0
    }

    .section__4 .aniContainer--2 .img__badge,
    .section__4 .aniContainer--2 .img__main {
        display: none
    }
}

@media all and (min-width:1280px) {
    .section__4 .img__sticker {
        top: -120px;
        margin-left: -202px;
        width: 180px;
        height: 210px
    }

    #CMD .section__4 .img__sticker {
        background-image: url(images/item-1-1.png)
    }
}


@media all and (min-width:1280px) {
    .section__5 {
        padding-top: 263px;
        padding-bottom: 56px
    }

    .section__5 .wd__content {
        max-width: 840px
    }

    .section__5 .sticky-wrap {
        padding-bottom: 900px
    }

    .section__5 .sticky-wrap .text_animation-outer {
        position: relative;
        transform: scale(3)
    }

    .section__5 .sticky-wrap .text_animation-outer::after {
        display: block;
        position: absolute;
        top: -3px;
        left: -3px;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        border: 4px solid #fff;
        content: ""
    }

    .section__5 .sticky-wrap .text_animation {
        position: relative;
        transform: scale(1)
    }

    .section__5 .wd__feature__list {
        margin-top: 50px;
        max-width: 840px
    }

    .section__5 .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        transform: scale(1.15) translate3d(0, 4px, 0)
    }

    .section__5 .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data {
        top: 4px
    }

    .section__5 .wd__feature__list.list-icon {
        max-width: 1170px
    }

    .section__5 .img__main {
        left: 50%;
        margin-left: -520px;
        width: 1040px;
        height: 524px;
        margin-top: 250px
    }

    .section__5 .img__main {
        background-image: url(images/main.png)
    }
}


@media all and (min-width:1280px) {
    .section__5 .feature-8 {
        top: 6px;
        width: 112px;
        height: 97px
    }
}

@media all and (min-width:1280px) {
    #CMD .section__5 .img__scrollText {
        background-image: url(images/img_scrollText.png)
    }
}


@media all and (min-width:1280px) {
    .section__5 .sticky-wrap .img__foreground {
        left: 50%;
        margin-left: -460px;
        width: 920px;
        height: 486px;
        margin-top: -160px;
        background-size: contain
    }

    #CMD .section__5 .img__foreground {
        background-image: url(images/img_display.jpg)
    }

    #CMD .section__5 .img__foreground {
        mask: url(images/img_display_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/img_display_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__5 .display-scroll-trigger-end {
        margin-bottom: 292px
    }
}

@media all and (min-width:1280px) {
    .section__6 {
        padding-top: 142px;
        padding-bottom: 0
    }

    .section__6::before {
        height: calc(100% - 822px)
    }

    .section__6 .wd__content {
        max-width: 840px
    }

    .section__6 .img__container-outer {
        margin-top: 70px
    }

    .section__6 .img__container-outer .img__container {
        max-width: 2560px !important
    }

    .section__6 .img__main {
        left: 50%;
        margin-left: -646px;
        width: 1292px;
        height: 1824px
    }

    #CMD .section__6 .img__main {
        background-image: url(images/main-1.jpg)
    }

    #CMD .section__6 .img__main {
        mask: url(images/main_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:1280px) {
    .section__6 .wd__block__slick {
        margin: -1210px auto 0;
        max-width: 850px
    }

    .section__6 .wd__block__slick__item {
        margin-top: 40px;
        border-radius: 20px
    }

    .section__6 .wd__block__slick__item .item__slick {
        height: 520px;
        background-size: 1200px 600px
    }

    .section__6 .wd__block__slick__item .item__slick .slick__title {
        bottom: 47px;
        padding: 0 15px;
        font-size: 1.375rem
    }

    .section__6 .wd__block__slick__item .item__slick .slick-next,
    .section__6 .wd__block__slick__item .item__slick .slick-prev {
        margin-top: 0;
        width: 50px;
        height: 118px
    }

    .section__6 .wd__block__slick__item .item__slick .slick-prev::before {
        top: 40px;
        right: 9px;
        width: 20px;
        height: 36px
    }

    #CMD .section__6 .slick-prev:before {
        background-image: url(images/arrow-1.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .wd__block__slick__item .item__slick .slick-next::before {
        top: 40px;
        left: 9px;
        width: 20px;
        height: 36px;
        transform: rotate(180deg)
    }

    #CMD .section__6 .slick-next:before {
        background-image: url(images/arrow-1.png)
    }
}


@media all and (min-width:1280px) {
    #CMD .section__6 .item__slick {
        background-image: url(images/pattern-w-1.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__pd1-0 {
        width: 100%;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .img__pd1-0 {
        background-image: url(images/block-1.jpg)
    }
}

@media all and (min-width:1280px) {
    .section__6 .img__slick1-1 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-1 {
        background-image: url(images/slick1-1.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick1-2 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-2 {
        background-image: url(images/slick1-2.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick1-3 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-3 {
        background-image: url(images/slick1-3.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick1-4 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-4 {
        background-image: url(images/slick1-4.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__pd2-0 {
        width: 100%;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .img__pd2-0 {
        background-image: url(images/block-2.jpg)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick2-1 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-1 {
        background-image: url(images/slick2-1.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick2-2 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-2 {
        background-image: url(images/slick2-2.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick2-3 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-3 {
        background-image: url(images/slick2-3.png)
    }
}

@media all and (min-width:1280px) {
    .section__6 .img__slick2-4 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-4 {
        background-image: url(images/slick2-4.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__pd3-0 {
        width: 100%;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .img__pd3-0 {
        background-image: url(images/block-3.jpg)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick3-1 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-1 {
        background-image: url(images/slick3-1.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick3-2 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-2 {
        background-image: url(images/slick3-2.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick3-3 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-3 {
        background-image: url(images/slick3-3.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick3-4 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-4 {
        background-image: url(images/slick3-4.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__pd4-0 {
        width: 100%;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .img__pd4-0 {
        background-image: url(images/block-4.jpg)
    }
}



@media all and (min-width:1280px) {
    .section__6 .img__slick4-1 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-1 {
        background-image: url(images/slick4-1.png)
    }
}

@media all and (min-width:1280px) {
    .section__6 .img__slick4-2 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-2 {
        background-image: url(images/slick4-2.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick4-3 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-3 {
        background-image: url(images/slick4-3.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .img__slick4-4 {
        width: 424px;
        height: 520px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-4 {
        background-image: url(images/slick4-4.png)
    }
}


@media all and (min-width:1280px) {
    .section__6 .wd__block__slick__item--1 .item__slick {
        background-color: #fff;
        background-position: 344px 28px
    }
}

@media all and (min-width:1280px) {
    .section__6 .wd__block__slick__item--2 .item__slick {
        background-color: #fff;
        background-position: -80px 67px
    }
}

@media all and (min-width:1280px) {
    .section__6 .wd__block__slick__item--3 .item__slick {
        background-color: #fff;
        background-position: 344px -494px
    }
}

@media all and (min-width:1280px) {
    .section__6 .wd__block__slick__item--4 .item__slick {
        background-color: #fff;
        background-position: -80px 147px
    }
}

@media all and (min-width:1280px) {
    .section__7 .img__container {
        position: relative
    }

    .section__7 .img__container .img__logo {
        left: 50%;
        margin-left: -184px;
        width: 368px;
        height: 442px;
        position: absolute;
        bottom: 50%;
        transform: translateY(50%)
    }

    #CMD .section__7 .img__logo {
        background-image: url(images/logo.png)
    }
}

@media all and (min-width:1280px) {
    .section__7 .img__bg {
        z-index: -1;
        bottom: 50%;
        left: 50%;
        opacity: 0;
        margin-left: -1280px;
        width: 2560px;
        height: 1296px;
        transform: translateY(50%)
    }

    #CMD .section__7 .img__bg {
        background-image: url(images/bg1.jpg)
    }
}


@media all and (min-width:1280px) {
    .section__7 .img__bg.active {
        opacity: 1
    }
}

@media all and (min-width:1280px) {
    .section__comment {
        display: inline-block;
        position: relative;
        z-index: 1;
        margin-top: 0;
        padding-top: 54px;
        padding-bottom: 67px;
        width: 100%;
        background: #272727
    }

    .section__comment.footer-2023 {
        padding-top: 52px;
        padding-bottom: 69px
    }
}

@media all and (min-width:1280px) {
    .inner-view .wd__section.first-section {
        padding-top: 100px !important
    }

    .inner-view .wd__section .wd__content .content__title {
        font-size: 2.5rem
    }

    .inner-view .wd__section .wd__content .content__info {
        font-size: 20px
    }

    .inner-view .wd__content.wd__content-horz {
        max-width: 1080px
    }

    .inner-view .wd__content.wd__content-horz .content-col-2 {
        padding-left: 58px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        margin: 0 auto;
        width: 660px;
        height: 354px
    }

    #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image: url(https://fakeimg.pl/660x354/)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdtab {
        margin-top: 70px
    }

    .wdtab .wdtab__nav-btn {
        padding: 8px 25px;
        width: auto;
        font-size: 20px;
        line-height: 1.2
    }

    .wdtab .wdtab__panel__item {
        padding-top: 45px
    }

    .wdtab .wdtab__panel__item-info__text {
        margin: 0 auto;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 45px;
        width: 548px;
        font-size: 20px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container {
        margin-right: auto;
        margin-left: auto;
        width: calc(100% - 48px);
        max-width: 724px
    }

    .wdblockimg .wdblockimg__container .block .wd__content {
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block .block-content {
        padding: 34px 16px
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-img,
    .wdblockimg .wdblockimg__container .block.column-span-3 .block-img {
        position: relative;
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .img__bg,
    .wdblockimg .wdblockimg__container .block.column-span-3 .img__bg {
        position: relative;
        padding-bottom: 100%;
        width: 100%;
        height: 0
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-content {
        min-height: 400px;
        padding-bottom: 175px
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.column-span-3 .block-content {
        min-height: 460px;
        padding-bottom: 225px
    }

    .wdblockimg .wdblockimg__container .block.column-span-3 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 {
        min-height: 300px
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-content {
        padding: 33px 40px
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-content .wd__content {
        margin-left: 0;
        width: 100%;
        max-width: 330px
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -330px;
        width: auto;
        height: 510px;
        transform: translateY(-50%)
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-img .img__bg {
        position: relative;
        width: 710px;
        height: 510px
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-3 {
        grid-column-end: span 3
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-6 {
        min-height: 0;
        grid-column-end: span 6
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-6 .block-content {
        padding: 33px 16px;
        min-height: 0
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-6 .block-content .wd__content {
        margin-left: 0;
        width: 333px
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-6 .block-img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 0;
        width: 50%;
        height: 100%;
        transform: translateY(-50%)
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-6 .block-img .img__bg {
        top: 0;
        margin-left: auto;
        padding-bottom: 0;
        width: 360px;
        height: 100%;
        background-position: bottom
    }

    .wdblockimg .wdblockimg__container .block.imageTop .img__bg {
        padding-bottom: 0;
        height: 236px
    }

    .wdblockimg .wdblockimg__container .block.imageTop .block-content {
        padding: 264px 17px 30px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__wdvideos .item-productvideo {
        padding-bottom: 66px
    }

    .section__wdvideos .item-productvideo .detect-point-out {
        margin-top: -349px;
        width: 1px;
        height: 710px
    }

    .section__wdvideos .item-productvideo .detect-point-enter {
        margin-top: 0
    }

    .section__wdvideos .item-productvideo .video__play__btn {
        bottom: 49px;
        left: 5%;
        margin-left: auto
    }

    .section__wdvideos .item-productvideo .video__play__btn .svg-circle {
        fill: transparent
    }

    .section__wdvideos .item-productvideo .btn__youtube {
        bottom: 40px
    }

    .section__wdvideos .item-productvideo .btn__youtube span {
        font-size: 20px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__wdvideos .item-salesvideo {
        margin-bottom: 66px
    }

    .section__wdvideos .sales__containter {
        display: flex;
        flex-flow: wrap;
        width: calc(100% - 60px);
        max-width: 990px;
        gap: 12px 16px
    }

    .section__wdvideos .sales__containter.tablet.type_1 .sales__item {
        flex: unset;
        width: 100%
    }

    .section__wdvideos .sales__item {
        flex: 0 0 calc(50% - 8px);
        min-height: 271px;
        padding: 0
    }

    .section__wdvideos .sales__item .sales__item_preview {
        position: relative;
        padding-top: 56.284%;
        height: 0
    }

    .section__wdvideos .sales__item .sales__item_preview img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .video_info {
        position: relative;
        opacity: 1 !important;
        padding: 14px 0 17px;
        font-size: .9375rem;
        background: #1b1b1b;
        min-height: 75px
    }

    .section__wdvideos .sales_button {
        margin-top: -23px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .performance_chart {
        width: 88%;
        max-width: 676px
    }

    .performance_chart .item__content .title {
        padding-right: 20px;
        width: calc(33% + 20px);
        font-size: 1.0625rem
    }

    .performance_chart .item_contents {
        padding-right: 26px
    }

    .performance_chart .item_contents .bar .bar__score__txt {
        font-size: 1rem
    }

    .performance_chart .item__highline {
        top: 19px
    }

    .performance_chart .item__highline .img__highline {
        width: 58px
    }

    .performance_chart .item__highline .highline_text {
        top: -10px;
        margin-left: 10px
    }

    .performance_chart .text_comment {
        margin-top: 14px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .performance_chart_multi {
        margin-top: 96px
    }

    .performance_chart_multi .chart__title {
        margin-bottom: 40px;
        font-size: 2.25rem
    }

    .performance_chart_multi .item_contents {
        padding-right: 242px
    }

    .performance_chart_multi .item__content {
        margin-bottom: 37px
    }

    .performance_chart_multi .item__content .bar__content {
        margin-bottom: 20px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .performance_chart_multi .chart__bar__infos {
        margin-top: 41px;
        padding-left: 177px
    }

    .performance_chart_multi .bar__info {
        margin-bottom: 19px
    }

    .performance_chart_multi .bar__info__txt {
        margin-left: 7px;
        font-size: 1rem
    }

    .performance_chart_multi .text_comment {
        margin-top: 40px;
        padding-left: 177px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp {
        padding-top: 100px;
        padding-bottom: 0
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp+.section__wdvideos .wdVideos.active {
        padding-top: 100px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile {
        margin-right: auto;
        margin-left: auto;
        width: calc(100% - 48px);
        max-width: 724px
    }

    .section__ksp .wdtile .item__block {
        justify-content: center;
        padding: 54px 0
    }

    .section__ksp .wdtile .item__block .item__content--title,
    .section__ksp .wdtile .item__block .item__content--title *,
    .section__ksp .wdtile .item__block .wd__content .content__title,
    .section__ksp .wdtile .item__block .wd__content .content__title * {
        font-size: 2rem;
        line-height: 1.2
    }

    .section__ksp .wdtile .item__block .item__content--descBottom,
    .section__ksp .wdtile .item__block .item__content--descBottom *,
    .section__ksp .wdtile .item__block .item__content--descTop,
    .section__ksp .wdtile .item__block .item__content--descTop *,
    .section__ksp .wdtile .item__block .item__leftdesc,
    .section__ksp .wdtile .item__block .item__leftdesc *,
    .section__ksp .wdtile .item__block .wd__content .content__info,
    .section__ksp .wdtile .item__block .wd__content .content__info * {
        font-size: 21px;
        line-height: 1.4
    }

    .section__ksp .wdtile .item__block--content {
        padding-right: 44px;
        padding-left: 44px
    }

    .section__ksp .wdtile .item__block--content .wd__content {
        width: 100%
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__title {
        margin-top: 0;
        padding: 0
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info+.content__info {
        margin-top: 6px
    }

    .section__ksp .wdtile .item__block--feature {
        padding-right: 34px;
        padding-left: 34px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc {
        padding: 18px 24px 24px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        min-height: 90px;
        margin-bottom: 34px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descTop {
        margin-bottom: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom {
        margin-top: 0
    }

    .section__ksp .wdtile .item__block--feature .item__content--title+.item__content--descBottom {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom span+span {
        margin-top: 2px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .item__block.medium-v-top {
        justify-content: flex-start
    }

    .section__ksp .item__block--feature,
    .section__ksp .item__block[class*=medium-img-v-],
    .section__ksp .item__block[class*=medium-txt-v-] {
        flex-direction: column;
        flex-wrap: wrap
    }

    .section__ksp .item__block--content,
    .section__ksp .item__block[class*=medium-img-h-],
    .section__ksp .item__block[class*=medium-txt-h-] {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .section__ksp .item__block--content.medium-img-v-txt .item__content,
    .section__ksp .item__block--feature.medium-img-v-txt .item__content {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.medium-img-v-txt .item__image,
    .section__ksp .item__block--feature.medium-img-v-txt .item__image {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.medium-txt-v-img .item__content,
    .section__ksp .item__block--feature.medium-txt-v-img .item__content {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.medium-txt-v-img .item__image,
    .section__ksp .item__block--feature.medium-txt-v-img .item__image {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.medium-img-h-txt .item__content,
    .section__ksp .item__block--feature.medium-img-h-txt .item__content {
        width: auto;
        order: 2;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.medium-img-h-txt .item__image,
    .section__ksp .item__block--feature.medium-img-h-txt .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 1;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.medium-txt-h-img .item__content,
    .section__ksp .item__block--feature.medium-txt-h-img .item__content {
        width: auto;
        order: 1;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.medium-txt-h-img .item__image,
    .section__ksp .item__block--feature.medium-txt-h-img .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 2;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.medium-img-v-txt .item__image,
    .section__ksp .item__block--feature.medium-img-v-txt .item__image {
        margin-top: 0;
        margin-bottom: 34px
    }

    .section__ksp .item__block--content.medium-txt-v-img .item__image,
    .section__ksp .item__block--feature.medium-txt-v-img .item__image {
        margin-top: 34px;
        margin-bottom: 0
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .section__ksp .item__block.medium-txt-left,
    .section__ksp .item__block.medium-txt-left * {
        text-align: left
    }

    .section__ksp .item__block.medium-txt-center,
    .section__ksp .item__block.medium-txt-center * {
        text-align: center
    }

    .section__ksp .item__block.medium-txt-right,
    .section__ksp .item__block.medium-txt-right * {
        text-align: right
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD section .medium_use {
        display: block !important
    }

    #CMD section .medium_unuse {
        display: none
    }

    #CMD section .small_use {
        display: none
    }

    #CMD section .no__wrap {
        display: inline-block;
        white-space: nowrap
    }

    #CMD section .wd__link__arrow::after {
        padding-left: 5px
    }

    #CMD section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        bottom: -4px
    }

    .wd__content {
        max-width: 850px
    }

    .wd__content .content__slogan {
        font-size: 20px
    }

    .wd__content .content__title {
        margin-top: 9px;
        font-size: 2.5rem
    }

    .wd__content .content__info {
        font-size: 20px
    }

    .wd__content .content__link.link-gradient {
        margin-top: -4px !important
    }

    .wd__content .content__link.link-gradient.link--1 {
        margin-top: 10px !important
    }

    .wd__feature__list {
        margin-top: 65px
    }

    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 3rem
    }

    .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__feature__list .wd__feature .wd__feature__describe *,
    .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 1.0625rem
    }

    .section-media-top {
        height: 80px
    }

    .cmd-sidenav .item-dot.enter {
        background: #221e1f
    }

    #CMD section .wd__content .content__title {
        margin-top: 15px;
        font-size: 70px
    }

    #CMD section .wd__content .content__title span {
        line-height: 1.1
    }

    #CMD section .wd__content .content__info {
        margin-top: 15px;
        line-height: 1.5
    }

    #CMD section .bg--white {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -896px;
        width: 1792px;
        height: 896px;
        background-position: 2px center;
        background-size: contain;
        transform: translateY(-50%) scale(1.45)
    }

    #CMD .bg--white {
        background-image: url(images/bg-w.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD section .bg--black {
        position: fixed;
        top: 50%;
        left: 50%;
        opacity: 0;
        margin-left: -896px;
        width: 1792px;
        height: 896px;
        background-position: 2px center;
        background-size: contain;
        transform: translateY(-50%) scale(1.45)
    }

    #CMD .bg--black {
        background-image: url(images/bg-b1.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD section .bg--final {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -650px;
        width: 1300px;
        height: 1146px;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(-50%)
    }

    #CMD .bg--final {
        background-image: url(images/bg_1.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .inner-view .wd__section.first-section {
        padding-top: 80px !important
    }

    .inner-view .inner-view-container {
        max-width: 2560px
    }

    .inner-view .section__btn__home::before {
        background: 0 0
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 80px
    }

    .section__kv .aniPosition {
        position: relative;
        top: 320px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .main__content {
        display: flex;
        align-items: center;
        margin: 0 auto;
        max-width: 800px;
        flex-direction: column
    }

    .section__kv .main__content .content__left {
        transform: translateY(50px);
        transition: 1s
    }

    .section__kv .main__content .content__left .kv__title {
        top: -16px
    }

    .section__kv .main__content .content__right {
        transform: translateY(50px);
        transition: 1s
    }

    .section__kv .wd__content {
        margin-top: 20px;
        margin-left: 78px
    }

    .section__kv .wd__content .content__info.info--1 {
        margin-top: 0;
        font-size: 1.5rem;
        line-height: 1.6
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .img__container {
        left: 50%;
        margin-top: -106px;
        margin-left: -650px;
        width: 1300px;
        height: 714px
    }

    .section__kv .img__icon {
        bottom: 1px;
        left: 50%;
        margin-left: 206px;
        width: 94px;
        height: 128px
    }

    #CMD .section__kv .img__icon {
        background-image: url(images.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .img__main {
        left: 50%;
        margin-left: -650px;
        width: 1300px;
        height: 100%;
        background-size: 1300px 962px
    }

    #CMD .section__kv .img__main {
        background-image: url(images/main.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .img__word {
        width: 506px;
        height: 129px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .img__logo {
        width: 252px;
        height: 266px
    }

    #CMD .section__kv .img__logo {
        background-image: url(images/logo.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__kv .playAni .content__left {
        opacity: 1;
        transform: translateY(0)
    }

    .section__kv .playAni .content__right {
        opacity: 1;
        transform: translateY(0)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp {
        padding-top: 80px;
        background-color: #e2e2e2
    }

    .section__ksp .wdtile__item {
        background-color: #fff;
        background-size: 1200px 600px
    }

    .section__ksp .wdtile__item-0 .item__image.item__image-ksp_item-1 {
        width: 273px
    }

    .section__ksp .wdtile__item-0 .item__image.item__image-ksp_item-1 .img__item {
        margin-left: 63px;
        height: 219px
    }

    .section__ksp .wdtile__item-0 .item__image.item__image-ksp_item-1 .content__info {
        max-width: 355px
    }

    .section__ksp .wdtile__item-5 .item__content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .section__ksp .wdtile__item-5 .item__image.item__image-ksp_item-2 {
        height: 200px
    }

    .section__ksp .wdtile__item-5 .item__image.item__image-ksp_item-2 .img__item {
        top: 100px;
        left: 100px;
        height: 236px
    }

    .section__ksp .wdtile__item-10 .item__image.item__image-ksp_item-3 {
        margin-bottom: 12px
    }

    .section__ksp .wdtile__item-10 .item__image.item__image-ksp_item-3 .img__item {
        top: -3px;
        margin-left: -76px;
        height: 302px
    }

    .section__ksp .wdtile__item-11 .item__block {
        display: flex;
        flex-direction: column
    }

    .section__ksp .wdtile__item-11 .item__image {
        margin-top: 247px;
        margin-bottom: 220px !important
    }

    .section__ksp .wdtile__item-11 .item__content {
        max-width: 230px
    }

    .section__ksp .wdtile__item-12 .item__image {
        height: 159px
    }

    .section__ksp .wdtile__item-12 .item__image .img__item {
        top: 70px;
        left: 141px
    }

    .section__ksp .wdtile__item-13 .item__image {
        height: 159px
    }

    .section__ksp .wdtile__item-13 .item__image .img__item {
        top: 93px;
        left: 137px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-image: url(images/bg-green.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-0 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-2 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-3 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-4 {
        background-image: url(images/pattern-w.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-5 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-10 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 * {
        color: #fff
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-0 {
        background-position: 493px -175px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-position: 493px 78px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-2 {
        background-position: 493px -103px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-3 {
        background-position: 103px -103px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-4 {
        background-position: -286px -103px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-5 {
        background-position: 493px 205px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-position: 100px -395px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-position: -287px -395px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-position: 100px 389px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-position: -287px 389px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-10 {
        background-position: 492px 16px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-position: -288px 15px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-position: 492px 265px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-position: 102px 265px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--1 {
        position: relative;
        padding-top: 159px;
        width: 100%;
        height: 772px
    }

    .section__2 .slide--1 .ani--outer {
        position: relative;
        top: 0
    }

    .section__2 .slide--1 .bepaLogo {
        position: relative;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        width: 450px;
        height: 400px
    }

    .section__2 .slide--1 #bepaLogoSvg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 20px;
        width: 830px;
        height: 1140px;
        transform: translateY(-50%) translateX(-50%)
    }

    .section__2 .slide--1 .img__word {
        bottom: 21px;
        left: 50%;
        margin-left: -198px;
        width: 396px;
        height: 90px
    }

    .section__2 .slide--2 {
        padding-top: 57px
    }

    .section__2 .slide--2 .ani--outer {
        display: flex;
        flex-direction: column
    }

    .section__2 .slide--2 .ani--outer .wd__content {
        order: 2;
        left: 0
    }

    .section__2 .slide--2 .ani--outer .bepaLogo {
        orphans: 1
    }

    .section__2 .slide--2 .ani--outer {
        overflow: hidden;
        width: 100%;
        height: auto
    }

    .section__2 .slide--2 .wd__content {
        margin-top: 218px;
        margin-right: auto;
        margin-left: auto;
        width: 82%;
        max-width: 800px
    }

    .section__2 .slide--2 .wd__content .content__title {
        margin-top: 0
    }

    .section__2 .slide--2 .wd__content .content__info {
        margin-right: auto;
        margin-left: auto
    }

    .section__2 .slide--2 .bepaLogo {
        position: relative;
        padding-top: 57px;
        padding-bottom: 50px;
        width: 100%
    }

    .section__2 .slide--2 .img__word {
        bottom: -267px;
        left: 50%;
        margin-left: -198px;
        width: 396px;
        height: 90px
    }

    .section__2 .slide--2 .img__logo-after {
        position: relative;
        z-index: 2;
        top: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 420px;
        height: 289px
    }

    #CMD .section__2 .img__logo-after {
        background-image: url(images/logo-after.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--2 .box__gray--outer {
        position: absolute;
        top: 0;
        right: 94px;
        left: unset;
        margin-top: 0;
        margin-left: 0;
        width: 120vw;
        height: 100%
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--2 .box__gray {
        width: 100%;
        height: 100%
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--2 .wd__content {
        padding-top: 75px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 {
        padding-top: 67px;
        width: 100%
    }

    .section__2 .slide--3 .img__container--bottom {
        margin-top: 0;
        padding: 158px 0
    }

    .section__2 .slide--3 .img__container--bottom .box__black {
        top: 71px;
        left: 50%;
        margin-left: -210px;
        width: 2560px;
        height: 812px
    }

    .section__2 .slide--3 .img__container--bottom .img__main--1 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--1 {
        background-image: url(images/main_1.jpg)
    }

    #CMD .section__2 .img__main--1 {
        mask: url(images/main_1_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_1_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--2 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--2 {
        background-image: url(images/main_2.jpg)
    }

    #CMD .section__2 .img__main--2 {
        mask: url(images/main_2_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_2_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--3 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--3 {
        background-image: url(images/main_3.jpg)
    }

    #CMD .section__2 .img__main--3 {
        mask: url(images/main_3_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_3_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--4 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--4 {
        background-image: url(images/main_4.jpg)
    }

    #CMD .section__2 .img__main--4 {
        mask: url(images/main_4_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_4_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--5 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--5 {
        background-image: url(images/main_5.jpg)
    }

    #CMD .section__2 .img__main--5 {
        mask: url(images/main_5_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_5_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--6 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--6 {
        background-image: url(images/main_6.jpg)
    }

    #CMD .section__2 .img__main--6 {
        mask: url(images/main_6_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_6_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--7 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--7 {
        background-image: url(images/main_7.jpg)
    }

    #CMD .section__2 .img__main--7 {
        mask: url(images/main_7_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_7_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--8 {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: absolute;
        opacity: 0;
        background-size: contain;
        transform: translate3d(140px, -70px, 0)
    }

    #CMD .section__2 .img__main--8 {
        background-image: url(images/main_8.jpg)
    }

    #CMD .section__2 .img__main--8 {
        mask: url(images/main_8_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_8_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--5 {
        width: 831px !important
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main {
        left: 50%;
        margin-left: -416px;
        width: 832px;
        height: 620px;
        position: relative;
        top: 67px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__sticker--1 {
        top: 94px;
        left: 50%;
        margin-left: -307px;
        width: 124px;
        height: 148px
    }

    #CMD .section__2 .img__sticker--1 {
        background-image: url(images/item-1.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2 .slide--3 .img__container--bottom .img__sticker--2 {
        top: 114px;
        left: 50%;
        margin-left: -180px;
        width: 132px;
        height: 136px
    }

    #CMD .section__2 .img__sticker--2 {
        background-image: url(images/item-2.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__2.scrollInit .slide--1 {
        height: 100vh
    }

    .section__2.scrollInit .slide--2 {
        opacity: 1;
        padding-top: 0;
        min-height: 150vh;
        padding-bottom: 20vh
    }

    .section__2.scrollInit .slide--2 .bepaLogo .img__logo-after {
        opacity: 0
    }

    .section__2.scrollInit .slide--2 .wd__content {
        opacity: 0;
        margin-top: 0
    }

    .section__2.scrollInit .slide--2 .box__gray--outer .box__gray {
        opacity: 0;
        transform: translateX(-100vw) skewX(-14deg)
    }

    .section__2.scrollInit .slide--3 {
        margin-top: 0;
        padding-top: 0;
        height: auto
    }

    .section__2.scrollInit .slide--3 .img__container {
        display: inline-block
    }

    .section__2.scrollInit .slide--3 .img__sticker--1 {
        transform: scale(1.4) rotate(-25deg) translate(-50px, -50px)
    }

    .section__2.scrollInit .slide--3 .img__sticker--2 {
        transform: scale(1.4) rotate(-25deg) translate(-50px, -50px)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    @keyframes boxGrayContentLeft {
        0% {
            transform: translateX(-100vw) skewX(-14deg)
        }

        90% {
            transform: translateX(2vw) skewX(-14deg)
        }

        100% {
            transform: translateX(0) skewX(-14deg)
        }
    }

    @keyframes contentRight {
        0% {
            transform: translateX(100vw)
        }

        90% {
            transform: translateX(-2vw)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes contentRightOpacity {
        0% {
            opacity: 0
        }

        20% {
            opacity: 1
        }

        100% {
            opacity: 1
        }
    }

    .section__2 .slide--2 .box__gray--outer .box__gray {
        transition: all ease 1s 0s
    }

    .section__2 .slide--2 .box__gray--outer.playAni .box__gray {
        transform: translateX(0);
        animation: boxGrayContentLeft 1s forwards ease-in-out, contentRightOpacity .5s forwards linear
    }

    .section__2 .slide--3 .img__container.playAni {
        transform: translateX(0);
        animation: contentRight 1s forwards ease-in-out, contentRightOpacity .5s forwards linear
    }

    .section__2 .slide--3 .img__container.playAni .img__sticker--1 {
        opacity: 1;
        transition-delay: 1.5s;
        transform: scale(1) translate(0, 0) rotate(0)
    }

    .section__2 .slide--3 .img__container.playAni .img__sticker--2 {
        opacity: 1;
        transition-delay: 2s;
        transform: scale(1) translate(0, 0) rotate(0)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__3 {
        margin-top: 0
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__3 .wd__content {
        margin-top: -70vh
    }

    .section__3 .wd__content .content__title {
        max-width: 600px
    }

    .section__3 .wd__content .content__info {
        max-width: 800px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__3 .img__container.img__container--top .img__main--before {
        left: 50%;
        margin-left: -277px;
        width: 554px;
        height: 358px
    }

    #CMD .section__3 .img__main--before {
        background-image: url(images/main-before.jpg)
    }

    #CMD .section__3 .img__main--before {
        mask: url(images/main-before_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main-before_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__3 .img__container.img__container--bottom {
        top: 50px;
        margin-top: 71px
    }

    .section__3 .img__container.img__container--bottom .img__main--after {
        left: 50%;
        margin-left: -336.5px;
        width: 673px;
        height: 418px
    }

    #CMD .section__3 .img__main--after {
        background-image: url(images/main-after.jpg)
    }

    #CMD .section__3 .img__main--after {
        mask: url(images/main-after_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main-after_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__4 {
        margin-top: -68px;
        padding-top: 240px
    }

    .section__4 .aniPosition--1 {
        position: relative;
        top: 320px
    }

    .section__4 .aniPosition--2 {
        position: relative;
        top: 320px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__4 .wd__content.content--top {
        max-width: 550px
    }

    .section__4 .wd__content.content--top .content__title {
        max-width: 600px
    }

    .section__4 .wd__content.content--top .content__slogan .slogan-outer {
        margin-left: -83px
    }

    .section__4 .wd__content.content--bottom {
        margin-top: 24px;
        padding: 50px 70px 42px;
        max-width: 636px;
        border-radius: 20px 20px 0 0;
        transform: translateX(-100vw)
    }

    .section__4 .wd__content.content--bottom .content__info {
        margin-top: 0
    }

    .section__4 .wd__feature__list {
        left: auto;
        padding: 0 30px 13px;
        max-width: 636px;
        border-radius: 0 0 20px 20px;
        transform: translateX(-100vw)
    }

    .section__4 .performance_chart_container {
        top: 25px;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        padding: 20px 8px 65px 16px;
        max-width: 636px;
        border-radius: 20px;
        transform: translateX(100vw)
    }

    .section__4 .performance_chart_container .performance_chart {
        margin-top: 0
    }

    .section__4 .performance_chart_container .item_contents {
        padding-right: 27px
    }

    .section__4 .performance_chart_container .item__content .title {
        margin-top: 30px;
        font-size: 1.375rem;
        text-align: left;
        line-height: 1.3
    }

    .section__4 .performance_chart_container .item__content .bar {
        margin-top: 10px
    }

    .section__4 .performance_chart_container .item__highline {
        padding-top: 80px
    }

    .section__4 .performance_chart_container .item__highline .img__highline {
        width: 88px
    }

    .section__4 .performance_chart_container .highline_text {
        top: -12px;
        margin-left: 0
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {

    .section__4 .aniContainer--1 .img__badge,
    .section__4 .aniContainer--1 .img__main {
        display: none
    }

    .section__4 .aniContainer--2 .img__main {
        position: relative;
        top: 98px;
        margin-left: -318px;
        width: 603px;
        height: 452px
    }

    #CMD .section__4 .img__main {
        background-image: url(images/main.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__4 .aniContainer--2 .img__badge {
        position: relative;
        top: -194px;
        margin-left: -263px;
        width: 99px;
        height: 124px
    }

    #CMD .section__4 .img__badge {
        background-image: url(images.jpg)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__4 .img__sticker {
        top: -304px;
        margin-left: -362px;
        width: 149px;
        height: 174px
    }

    #CMD .section__4 .img__sticker {
        background-image: url(images/item-1.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__5 {
        z-index: 3;
        padding-top: 146px;
        padding-bottom: 48px
    }

    .section__5 .wd__content {
        max-width: 820px
    }

    .section__5 .sticky-wrap {
        margin-top: 120px;
        padding-bottom: 700px
    }

    .section__5 .sticky-wrap .text_animation-outer {
        position: relative;
        transform: scale(3)
    }

    .section__5 .sticky-wrap .text_animation-outer::after {
        display: block;
        position: absolute;
        top: -3px;
        left: -3px;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        border: 4px solid #fff;
        content: ""
    }

    .section__5 .sticky-wrap .text_animation {
        position: relative;
        transform: scale(1)
    }

    .section__5 .wd__feature__list {
        margin-top: 343px;
        max-width: 920px
    }

    .section__5 .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        transform: scale(1.15) translate3d(0, 4px, 0)
    }

    .section__5 .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data {
        top: 4px
    }

    .section__5 .wd__feature__list.list-icon {
        margin-top: 30px;
        max-width: 800px
    }

    .section__5 .wd__feature__list.list-icon .wd__feature {
        width: 150px
    }

    .section__5 .wd__feature__list.list-icon .wd__feature.feature-8 .feature-icon-data {
        width: 112px
    }

    .section__5 .img__main {
        left: 50%;
        margin-left: -520px;
        width: 1040px;
        height: 524px;
        margin-top: 250px
    }

    .section__5 .img__main {
        background-image: url(images/main.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__5 .feature-8 {
        top: 6px;
        width: 112px;
        height: 97px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__5 .sticky-wrap .text_animation {
        width: 750px;
        height: 105px
    }

    .section__5 .sticky-wrap .text_animation .text-bg {
        top: 1px;
        height: calc(100% - 2px)
    }

    #CMD .section__5 .img__scrollText {
        background-image: url(images/img_scrollText.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__5 .sticky-wrap .img__foreground {
        left: 50%;
        margin-left: -352px;
        width: 704px;
        height: 364px;
        margin-top: -72px;
        background-size: contain
    }

    #CMD .section__5 .img__foreground {
        background-image: url(images/img_display.jpg)
    }

    #CMD .section__5 .img__foreground {
        mask: url(images/img_display_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/img_display_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__5 .display-scroll-trigger-end {
        margin-bottom: 407px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 {
        margin-top: -40px;
        padding-top: 170px;
        padding-bottom: 0
    }

    .section__6::before {
        height: calc(100% - 629px)
    }

    .section__6 .scroll_end {
        margin-top: -510px
    }

    .section__6 .wd__content {
        max-width: 800px
    }

    .section__6 .img__container-outer {
        margin-top: 70px
    }

    .section__6 .img__container-outer .img__container {
        max-width: 2560px !important
    }

    .section__6 .img__main {
        left: 50%;
        margin-left: -484px;
        width: 968px;
        height: 1368px
    }

    #CMD .section__6 .img__main {
        background-image: url(images/main-1.jpg)
    }

    #CMD .section__6 .img__main {
        mask: url(images/main_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .wd__block__slick {
        margin: -917px auto 0;
        max-width: 634px
    }

    .section__6 .wd__block__slick__item {
        margin-top: 40px;
        border-radius: 20px
    }

    .section__6 .wd__block__slick__item .item__slick {
        height: 386px;
        background-size: 1200px 600px
    }

    .section__6 .wd__block__slick__item .item__slick .slick__title {
        bottom: 31px;
        padding: 0 15px;
        font-size: 1.375rem
    }

    .section__6 .wd__block__slick__item .item__slick .slick-next,
    .section__6 .wd__block__slick__item .item__slick .slick-prev {
        margin-top: 0;
        width: 50px;
        height: 118px
    }

    .section__6 .wd__block__slick__item .item__slick .slick-prev::before {
        top: 42px;
        right: 18px;
        width: 15px;
        height: 32px;
        background-repeat: no-repeat
    }

    #CMD .section__6 .slick-prev:before {
        background-image: url(images/arrow-1.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .wd__block__slick__item .item__slick .slick-next::before {
        top: 42px;
        left: 18px;
        width: 15px;
        height: 32px;
        background-repeat: no-repeat;
        transform: rotate(180deg)
    }

    #CMD .section__6 .slick-next:before {
        background-image: url(images/arrow-1.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    #CMD .section__6 .item__slick {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__pd1-0 {
        width: 100%;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .img__pd1-0 {
        background-image: url(images/block-1.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick1-1 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-1 {
        background-image: url(images/slick1-1.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick1-2 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-2 {
        background-image: url(images/slick1-2.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick1-3 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-3 {
        background-image: url(images/slick1-3.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick1-4 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-4 {
        background-image: url(images/slick1-4.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__pd2-0 {
        width: 100%;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .img__pd2-0 {
        background-image: url(images/block-2.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick2-1 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-1 {
        background-image: url(images/slick2-1.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick2-2 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-2 {
        background-image: url(images/slick2-2.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick2-3 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-3 {
        background-image: url(images/slick2-3.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick2-4 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-4 {
        background-image: url(images/slick2-4.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__pd3-0 {
        width: 100%;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .img__pd3-0 {
        background-image: url(images/block-3.jpg)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick3-1 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-1 {
        background-image: url(images/slick3-1.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick3-2 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-2 {
        background-image: url(images/slick3-2.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick3-3 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-3 {
        background-image: url(images/slick3-3.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick3-4 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-4 {
        background-image: url(images/slick3-4.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__pd4-0 {
        width: 100%;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .img__pd4-0 {
        background-image: url(images/block-4.jpg)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick4-1 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-1 {
        background-image: url(images/slick4-1.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick4-2 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-2 {
        background-image: url(images/slick4-2.png)
    }
}


@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick4-3 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-3 {
        background-image: url(images/slick4-3.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .img__slick4-4 {
        width: 316px;
        height: 386px;
        background-size: cover
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-4 {
        background-image: url(images/slick4-4.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .wd__block__slick__item--1 .item__slick {
        background-color: #fff;
        background-position: 344px 28px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .wd__block__slick__item--2 .item__slick {
        background-color: #fff;
        background-position: -80px 67px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .wd__block__slick__item--3 .item__slick {
        background-color: #fff;
        background-position: 344px -494px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__6 .wd__block__slick__item--4 .item__slick {
        background-color: #fff;
        background-position: -80px 147px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__7 .img__container .img__logo {
        left: 50%;
        margin-left: -110px;
        width: 220px;
        height: 265px;
        position: absolute;
        bottom: 50%;
        transform: translateY(50%)
    }

    #CMD .section__7 .img__logo {
        background-image: url(images/logo.png)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__7 .img__bg {
        z-index: -1;
        bottom: 50%;
        left: 50%;
        opacity: 0;
        margin-left: -650px;
        width: 1300px;
        height: 1146px;
        transform: translateY(50%)
    }

    #CMD .section__7 .img__bg {
        background-image: url(images/bg_1.jpg)
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__7 .img__bg.active {
        opacity: 1
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .section__comment {
        display: inline-block;
        margin-top: 0;
        background: #272727
    }

    .section__comment.footer-2023 {
        padding-top: 8px;
        padding-bottom: 24px
    }
}

@media all and (min-width:731px) and (max-width:1279.5px) {
    .inner-view .wd__section.first-section {
        padding-top: 80px !important
    }

    .inner-view .inner-view-container {
        max-width: 2560px
    }

    .inner-view .section__btn__home::before {
        background: 0 0
    }
}

@media all and (max-width:730.5px) {
    .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        position: relative;
        left: 50%;
        margin: 0 auto;
        margin-left: -215px;
        width: 430px;
        height: 234px
    }

    #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image: url(https://fakeimg.pl/430x234/)
    }
}

@media all and (max-width:730.5px) {
    .wdtab {
        margin-top: 20px
    }

    .wdtab .wdtab__nav-btn {
        padding: 16px 43px;
        width: auto;
        font-size: 1rem
    }

    .wdtab .wdtab__panel__item {
        padding-top: 25px
    }

    .wdtab .wdtab__panel__item-info__text {
        margin: 0 auto;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 25px;
        width: 90%;
        font-size: .9375rem
    }

    .wdtab .wdtab__panel__item-image {
        position: relative;
        overflow: hidden
    }
}

@media all and (max-width:730.5px) {
    .slick-tab-content {
        margin: 45px auto 0;
        width: 100%;
        max-width: 720px
    }

    .slick-tab-content .slick-title {
        position: relative;
        text-align: center
    }

    .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 16px 43px;
        font-size: 1rem;
        line-height: 1.2;
        scroll-snap-align: center
    }

    .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,
    .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
        border-bottom: 2px solid #181818
    }

    .slick-tab-content .slick-title .title-nav .sign-fnum {
        top: -.6em
    }

    .slick-tab-content .slick-info-item {
        padding-top: 25px
    }

    .slick-tab-content .slick-info {
        margin: 0 auto;
        padding-top: 0;
        width: 90%;
        max-width: 350px
    }

    .slick-tab-content .slick-info .slick-info-text {
        font-size: .9375rem;
        line-height: 1.35
    }

    .slick-tab-content .slick-info .slick-info-text .info__comment {
        display: inline-block;
        margin-top: 7px;
        color: #6f6f6f;
        font-size: .9375rem;
        line-height: 1.2
    }

    .slick-tab-content .slick-image {
        position: relative;
        left: 50%;
        margin: 10px 0 0
    }

    .slick-tab-content .slick-image .img-slick {
        left: 50%;
        width: 414px;
        height: 228px;
        border-radius: 5px;
        transform: translateX(-50%)
    }

    .slick-tab-content .slick-info+.slick-image {
        margin-top: 25px
    }
}

@media all and (max-width:730.5px) {
    .wdtab .wdtab__autoPlay {
        left: 90%;
        margin-left: 0
    }
}

@media all and (max-width:730.5px) {
    .wdblockimg .wdblockimg__container {
        margin-right: auto;
        margin-left: auto;
        width: 89.2%;
        max-width: 414px
    }

    .wdblockimg .wdblockimg__container .block {
        grid-column-end: span 6 !important
    }

    .wdblockimg .wdblockimg__container .block .block-content {
        padding: 26px 14px
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-content,
    .wdblockimg .wdblockimg__container .block.column-span-3 .block-content,
    .wdblockimg .wdblockimg__container .block.column-span-6 .block-content {
        min-height: 350px;
        padding-bottom: 71%
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .block-img,
    .wdblockimg .wdblockimg__container .block.column-span-3 .block-img,
    .wdblockimg .wdblockimg__container .block.column-span-6 .block-img {
        position: relative;
        position: absolute;
        bottom: -1px;
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block.column-span-2 .img__bg,
    .wdblockimg .wdblockimg__container .block.column-span-3 .img__bg,
    .wdblockimg .wdblockimg__container .block.column-span-6 .img__bg {
        position: relative;
        padding-bottom: 100%;
        width: 100%;
        height: 0
    }

    .wdblockimg .wdblockimg__container .block.imageTop .img__bg {
        padding-bottom: 0;
        height: 178px
    }

    .wdblockimg .wdblockimg__container .block.imageTop .block-content {
        padding: 203px 24px 30px
    }
}

@media all and (max-width:730.5px) {
    .section__wdvideos .item-productvideo {
        padding-bottom: 61px
    }

    .section__wdvideos .item-productvideo .detect-point-out {
        margin-top: -229px;
        width: 1px;
        height: 470px
    }

    .section__wdvideos .item-productvideo .detect-point-enter {
        margin-top: 0
    }

    .section__wdvideos .item-productvideo .video__play__btn {
        bottom: 22px;
        left: 5%;
        margin-left: auto
    }

    .section__wdvideos .item-productvideo .video__play__btn .svg-circle {
        fill: transparent
    }

    .section__wdvideos .item-productvideo .btn__youtube {
        bottom: 20px;
        padding: 12px 40px 12px 20px
    }

    .section__wdvideos .item-productvideo .btn__youtube span {
        font-size: .875rem
    }

    .section__wdvideos .item-productvideo .btn__youtube::after {
        top: calc(50% - 10px);
        right: 12px;
        width: 20px;
        height: 20px
    }
}

@media all and (max-width:730.5px) {
    .section__wdvideos .item-salesvideo {
        padding-bottom: 58px
    }

    .section__wdvideos .sales__containter {
        width: calc(100% - 32px);
        max-width: 320px;
        gap: 20px
    }

    .section__wdvideos .sales__containter .sales__item {
        padding: 0;
        width: 100%
    }

    .section__wdvideos .sales__containter .sales__item .sales__item_preview {
        padding-bottom: 56.25%;
        height: 0
    }

    .section__wdvideos .sales__containter .sales__item .sales__item_preview img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .video_info {
        position: relative;
        opacity: 1 !important;
        padding: 14px 24px;
        font-size: .9375rem;
        background: #16151b;
        min-height: 46px
    }

    .section__wdvideos .video_info span {
        margin: 0
    }
}

@media all and (max-width:730.5px) {
    .performance_chart {
        overflow: initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 320px
    }

    .performance_chart .item__highline .img__highline {
        width: 54px
    }

    .performance_chart .item__highline .highline_text .text1 {
        font-size: 1.875rem
    }

    .performance_chart .item__highline .highline_text .text2 {
        margin-top: -6px;
        font-size: .75rem
    }
}

@media all and (max-width:730.5px) {
    .performance_chart {
        margin-top: 24px;
        margin-left: auto;
        padding-right: 0;
        padding-right: 14px;
        padding-left: 14px;
        width: 100%;
        max-width: 320px
    }

    .performance_chart .item {
        margin-bottom: 60px
    }

    .performance_chart .item::after {
        left: 0;
        margin-bottom: 10px;
        width: calc(100% + 51px)
    }

    .performance_chart .item:last-child {
        margin-bottom: 0
    }

    .performance_chart .item_contents {
        padding-right: 18px
    }

    .performance_chart .item__content {
        display: flex;
        margin-bottom: 25px;
        flex-direction: column-reverse
    }

    .performance_chart .item__content .title {
        margin-top: 10px;
        padding-right: 0;
        width: 100%;
        font-size: 16px;
        text-align: left
    }

    .performance_chart .item__content .bar {
        padding-left: 0;
        width: 100%
    }

    .performance_chart .item__content .bar__content {
        height: 18px;
        border-radius: 0 4px 4px 0
    }

    .performance_chart .item__content .bar__score__txt {
        top: 1px;
        padding-right: 5px;
        font-size: 1rem
    }

    .performance_chart .item__highline {
        display: flex;
        top: -5px;
        right: 0;
        align-items: center;
        justify-content: flex-end;
        width: 100px;
        flex-direction: column-reverse
    }

    .performance_chart .item__highline .highline_text {
        margin-bottom: 5px;
        margin-left: 0
    }

    .performance_chart .item__highline .highline_text .text1 {
        font-size: 30px
    }

    .performance_chart .item__highline .highline_text .text2 {
        font-size: 16px
    }
}

@media all and (max-width:730.5px) {
    .text_comment {
        margin-top: -5px;
        padding-left: 0;
        font-size: .8125rem
    }
}

@media all and (max-width:730.5px) {
    .performance_chart_multi {
        margin-top: 96px
    }

    .performance_chart_multi .performance_chart {
        margin-top: 35px
    }

    .performance_chart_multi .chart__title {
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        width: 292px;
        font-size: 1.875rem;
        text-align: left
    }

    .performance_chart_multi .item_contents {
        padding-right: 0
    }

    .performance_chart_multi .item__content {
        margin-bottom: 23px
    }

    .performance_chart_multi .item__content .title {
        justify-content: flex-start;
        margin-top: 7px
    }

    .performance_chart_multi .item__content .bar__content {
        margin-bottom: 11px
    }
}

@media all and (max-width:730.5px) {
    .performance_chart_multi .chart__bar__infos {
        margin-top: 23px;
        padding-left: 0
    }

    .performance_chart_multi .bar__info {
        margin-bottom: 12px
    }

    .performance_chart_multi .bar__info__color {
        width: 12px;
        height: 12px;
        border-radius: 3px
    }

    .performance_chart_multi .bar__info__txt {
        top: 2px;
        margin-left: 8px;
        font-size: .75rem
    }

    .performance_chart_multi .text_comment {
        margin-top: 23px;
        padding-left: 0
    }
}

@media all and (max-width:730.5px) {
    .section__ksp {
        padding-top: 58px;
        padding-bottom: 0
    }
}

@media all and (max-width:730.5px) {
    .section__ksp+.section__wdvideos .wdVideos.active {
        padding-top: 58px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile {
        margin-right: auto;
        margin-left: auto;
        width: 89.2%;
        max-width: 414px
    }

    .section__ksp .wdtile .item__block {
        justify-content: center;
        padding: 54px 0
    }

    .section__ksp .wdtile .item__block .item__content--title,
    .section__ksp .wdtile .item__block .item__content--title *,
    .section__ksp .wdtile .item__block .wd__content .content__title,
    .section__ksp .wdtile .item__block .wd__content .content__title * {
        font-size: 2rem;
        line-height: 1.2
    }

    .section__ksp .wdtile .item__block .item__content--descBottom,
    .section__ksp .wdtile .item__block .item__content--descBottom *,
    .section__ksp .wdtile .item__block .item__content--descTop,
    .section__ksp .wdtile .item__block .item__content--descTop *,
    .section__ksp .wdtile .item__block .item__leftdesc,
    .section__ksp .wdtile .item__block .item__leftdesc *,
    .section__ksp .wdtile .item__block .wd__content .content__info,
    .section__ksp .wdtile .item__block .wd__content .content__info * {
        font-size: 20px;
        line-height: 1.4
    }

    .section__ksp .wdtile .item__block--content,
    .section__ksp .wdtile .item__block--feature {
        padding-right: 38px;
        padding-left: 38px
    }

    .section__ksp .wdtile .item__block--content .wd__content {
        width: 100%
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__title {
        margin-top: 0;
        padding: 0
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info+.content__info {
        margin-top: 6px
    }

    .section__ksp .wdtile .item__block--feature {
        padding-right: 38px;
        padding-left: 38px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc {
        padding: 15px 20px 20px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc+.item__image {
        margin-top: 19px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        min-height: 101px;
        margin-bottom: 38px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        display: block;
        margin-bottom: 18px;
        min-height: auto
    }

    .section__ksp .wdtile .item__block--feature .item__image .img__item {
        display: block;
        position: relative
    }

    .section__ksp .wdtile .item__block--feature .item__content--descTop {
        margin-bottom: 17px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom {
        margin-top: 0
    }

    .section__ksp .wdtile .item__block--feature .item__content--title+.item__content--descBottom {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom span+span {
        margin-top: 5px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .item__block.small-v-top {
        justify-content: flex-start
    }

    .section__ksp .item__block--feature,
    .section__ksp .item__block[class*=small-img-v-],
    .section__ksp .item__block[class*=small-txt-v-] {
        flex-direction: column;
        flex-wrap: wrap
    }

    .section__ksp .item__block--content,
    .section__ksp .item__block[class*=small-img-h-],
    .section__ksp .item__block[class*=small-txt-h-] {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .section__ksp .item__block--content.small-img-v-txt .item__content,
    .section__ksp .item__block--feature.small-img-v-txt .item__content {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-v-txt .item__image,
    .section__ksp .item__block--feature.small-img-v-txt .item__image {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-v-img .item__content,
    .section__ksp .item__block--feature.small-txt-v-img .item__content {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-v-img .item__image,
    .section__ksp .item__block--feature.small-txt-v-img .item__image {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-h-txt .item__content,
    .section__ksp .item__block--feature.small-img-h-txt .item__content {
        width: 50%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-h-txt .item__image,
    .section__ksp .item__block--feature.small-img-h-txt .item__image {
        width: 50%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-h-img .item__content,
    .section__ksp .item__block--feature.small-txt-h-img .item__content {
        width: 50%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-h-img .item__image,
    .section__ksp .item__block--feature.small-txt-h-img .item__image {
        width: 50%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-v-txt .item__image,
    .section__ksp .item__block--feature.small-img-v-txt .item__image {
        margin-top: 0;
        margin-bottom: 26px;
        width: 100%
    }

    .section__ksp .item__block--content.small-txt-v-img .item__image,
    .section__ksp .item__block--feature.small-txt-v-img .item__image {
        margin-top: 26px;
        margin-bottom: 0;
        width: 100%
    }
}

@media all and (max-width:730.5px) {

    .section__ksp .item__block.small-txt-left,
    .section__ksp .item__block.small-txt-left * {
        text-align: left
    }

    .section__ksp .item__block.small-txt-center,
    .section__ksp .item__block.small-txt-center * {
        text-align: center
    }

    .section__ksp .item__block.small-txt-right,
    .section__ksp .item__block.small-txt-right * {
        text-align: right
    }
}

@media all and (max-width:730.5px) {
    #CMD section .small_use {
        display: block !important
    }

    #CMD section .small_unuse {
        display: none
    }

    #CMD section .no__wrap {
        white-space: normal
    }

    #CMD section .wd__link__arrow::after {
        padding-left: 5px
    }

    .wd__content .content__slogan {
        font-size: 1.125rem
    }

    .wd__content .content__title {
        margin-top: -1px;
        font-size: 2.125rem
    }

    .wd__content .content__info {
        font-size: 1.125rem
    }

    .wd__content .content__link.link-gradient {
        margin-top: -4px !important
    }

    .wd__content .content__link.link-gradient.link--1 {
        margin-top: 7px !important
    }

    #CMD section .modal-button-container .modal-button {
        min-width: auto
    }

    #CMD section .modal-button-container .modal-button,
    #CMD section .modal-button-container .modal-button * {
        font-size: 1.125rem
    }

    .wd__feature__list {
        margin-top: 55px
    }

    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 2.5rem
    }

    .wd__feature__list .wd__feature .wd__feature__describe,
    .wd__feature__list .wd__feature .wd__feature__describe *,
    .wd__feature__list .wd__feature .wd__feature__describe__top,
    .wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 1rem
    }

    .section-media-top {
        height: 48px
    }

    .cmd-sidenav .item-dot.enter {
        background: #221e1f
    }

    #CMD section .bg--white {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -627px;
        width: 1254px;
        height: 627px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(-50%) scale(1.95)
    }

    #CMD .bg--white {
        background-image: url(images/bg-w.jpg)
    }
}

@media all and (max-width:730.5px) {
    #CMD section .bg--white.hide {
        opacity: 0 !important
    }
}

@media all and (max-width:730.5px) {
    #CMD section .wd__content .content__title {
        margin-top: 15px;
        font-size: 2.75rem
    }

    #CMD section .wd__content .content__title span {
        line-height: 1.1
    }

    #CMD section .wd__content .content__info {
        margin-top: 10px;
        line-height: 1.5
    }
}

@media all and (max-width:730.5px) {
    #CMD section .bg--black {
        position: fixed;
        top: 50%;
        left: 50%;
        opacity: 0;
        margin-left: -627px;
        width: 1254px;
        height: 627px;
        background-position: -66px center;
        background-size: contain;
        transform: translateY(-50%) scale(2.35)
    }

    #CMD .bg--black {
        background-image: url(images/bg-b.jpg)
    }
}

@media all and (max-width:730.5px) {
    #CMD section .bg--black.hide {
        opacity: 0 !important
    }
}

@media all and (max-width:730.5px) {
    #CMD section .bg--final {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-bottom: 0;
        margin-left: -365px;
        width: 730px;
        height: 100vh;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(-50%)
    }

    #CMD .bg--final {
        background-image: url(images/bg_1.jpg)
    }
}

@media all and (max-width:730.5px) {
    #CMD section .content__slogan {
        font-size: 1.125rem
    }

    #CMD section .content__slogan span .slogan-outer {
        transform: translate(0, 6px) scale(.7)
    }
}

@media all and (max-width:730.5px) {
    .inner-view {
        margin-bottom: 0
    }

    .inner-view .wd__section.first-section {
        padding-top: 60px !important
    }

    .inner-view .inner-view-container {
        max-width: 730px
    }

    .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 730px
    }

    .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
    .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
    .inner-view .inner-view-container .wd__section .wd__content .content__title::after,
    .inner-view .inner-view-container .wd__section .wd__content .content__title::before {
        display: none
    }

    .inner-view .inner-view-container .modal-button-container .modal-inner-text {
        top: 0 !important;
        font-size: 1.125rem
    }

    .inner-view .section__btn__home::before {
        background: 0 0
    }
}

@media all and (max-width:730.5px) {
    .section__kv {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 60px
    }

    .section__kv .aniPosition {
        position: relative;
        top: 300px
    }
}

@media all and (max-width:730.5px) {
    .section__kv .main__content {
        display: flex;
        align-items: center;
        margin: 0 auto;
        max-width: 800px;
        flex-direction: column
    }

    .section__kv .main__content .content__left {
        transform: translateY(50px);
        transition: 1s
    }

    .section__kv .main__content .content__left .kv__title {
        top: -16px
    }

    .section__kv .main__content .content__right {
        transform: translateY(50px);
        transition: 1s
    }

    .section__kv .wd__content {
        margin-top: 20px;
        margin-left: 78px
    }

    .section__kv .wd__content .content__info.info--1 {
        margin-top: 0;
        width: 100%;
        font-size: 1.375rem;
        line-height: 1.6
    }
}

@media all and (max-width:730.5px) {
    .section__kv .img__container {
        position: relative;
        left: 50%;
        margin-top: -124px;
        margin-left: -650px;
        width: 1300px;
        height: 633px
    }

    .section__kv .img__main {
        position: absolute;
        transform: translate3d(0, 0, 0)
    }

    .section__kv .img__icon {
        bottom: 35px;
        left: 50%;
        margin-left: -150px;
        width: 62px;
        height: 86px
    }

    #CMD .section__kv .img__icon {
        background-image: url(images.png)
    }
}

@media all and (max-width:730.5px) {
    .section__kv .img__main {
        left: 50%;
        margin-left: -365px;
        width: 730px;
        height: 100%;
        background-size: 730px 730px
    }

    #CMD .section__kv .img__main {
        background-image: url(images/main.jpg)
    }
}

@media all and (max-width:730.5px) {
    .section__kv .img__word {
        width: 280px;
        height: 70px
    }
}

@media all and (max-width:730.5px) {
    .section__kv .img__logo {
        width: 201px;
        height: 213px
    }

    #CMD .section__kv .img__logo {
        background-image: url(images/logo.png)
    }
}

@media all and (max-width:730.5px) {
    .section__kv .playAni .content__left {
        opacity: 1;
        transform: translateY(0)
    }

    .section__kv .playAni .content__right {
        opacity: 1;
        transform: translateY(0)
    }
}

@media all and (max-width:730.5px) {
    .section__ksp {
        padding-top: 60px;
        background-color: #e2e2e2
    }

    .section__ksp .wdtile__item {
        background-color: #fff;
        background-size: 1200px 600px
    }

    .section__ksp .wdtile__item-0 .item__block {
        flex-wrap: nowrap !important
    }

    .section__ksp .wdtile__item-0 .item__image.item__image-ksp_item-1 {
        margin-top: 106px;
        width: 273px;
        min-height: 48px
    }

    .section__ksp .wdtile__item-0 .item__image.item__image-ksp_item-1 .img__item {
        margin-left: 0;
        height: 185px
    }

    .section__ksp .wdtile__item-5 .item__content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .section__ksp .wdtile__item-5 .item__image.item__image-ksp_item-2 {
        margin-bottom: 56px;
        height: 173px
    }

    .section__ksp .wdtile__item-5 .item__image.item__image-ksp_item-2 .img__item {
        top: 100px;
        height: 180px
    }

    .section__ksp .wdtile__item-10 .item__image.item__image-ksp_item-3 {
        margin-bottom: 0
    }

    .section__ksp .wdtile__item-10 .item__image.item__image-ksp_item-3 .img__item {
        top: 8px;
        margin-left: 0;
        height: 212px
    }

    .section__ksp .wdtile__item-10 .item__content {
        margin-top: -60px
    }

    .section__ksp .wdtile__item-11 .item__block {
        display: flex;
        flex-direction: column
    }

    .section__ksp .wdtile__item-11 .item__image {
        margin: auto auto -38px !important
    }

    .section__ksp .wdtile__item-11 .item__image .img__item {
        height: 254px !important
    }

    .section__ksp .wdtile__item-11 .item__content {
        margin-top: 77px;
        max-width: 230px
    }

    .section__ksp .wdtile__item-12 .item__image {
        margin-bottom: 50px !important;
        height: 159px
    }

    .section__ksp .wdtile__item-13 .item__image {
        margin-bottom: 25px !important;
        height: 188px
    }

    .section__ksp .wdtile__item-13 .item__content {
        margin-top: -14px
    }
}

@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-image: url(images/bg-green.jpg)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-0 {
        background-image: url(images/pattern-w.png)
    }
}

@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-2 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-3 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-4 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-5 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-10 {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-image: url(images/pattern-b.png)
    }
}

@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-image: url(images/pattern-b.png)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (max-width:730.5px) {
    #CMD .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-image: url(images/bg-blue.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-color: #000
    }

    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 * {
        color: #fff
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-0 {
        background-position: 493px -175px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-1 {
        background-position: 493px 78px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-2 {
        background-position: 493px -103px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-3 {
        background-position: 103px -103px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-4 {
        background-position: -286px -103px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-5 {
        background-position: 493px 205px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-6 {
        background-position: 100px -395px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-7 {
        background-position: -287px -395px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-8 {
        background-position: 100px 389px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-9 {
        background-position: -287px 389px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-10 {
        background-position: 492px 16px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-11 {
        background-position: -288px 15px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-12 {
        background-position: 492px 265px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .wdtile__item-13 {
        background-position: 102px 265px
    }
}

@media all and (max-width:730.5px) {
    .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-1 .img__item {
        height: 99px
    }

    .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-2 .img__item {
        height: 90px
    }

    .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-3 .img__item {
        height: 101px
    }

    .section__ksp .wdtile.wdtile-ksp .item__image-ksp_icon-4 .img__item {
        height: 76px
    }
}

@media all and (max-width:730.5px) {
    .section__2 {
        margin-bottom: 70px;
        padding-bottom: 90px
    }
}

@media all and (max-width:730.5px) {
    .section__2 .slide--1 {
        position: relative;
        padding-top: 113px;
        width: 100%;
        height: 608px
    }

    .section__2 .slide--1 .ani--outer {
        position: relative;
        top: 0
    }

    .section__2 .slide--1 .bepaLogo {
        position: relative;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        height: 308px
    }

    .section__2 .slide--1 #bepaLogoSvg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 10px;
        width: 830px;
        height: 798px;
        transform: translateY(-50%) translateX(-50%)
    }

    .section__2 .slide--1 .img__word {
        bottom: 30px;
        left: 50%;
        margin-left: -130px;
        width: 260px;
        height: 63px
    }

    .section__2 .slide--2 .ani--outer {
        display: flex;
        flex-direction: column
    }

    .section__2 .slide--2 .ani--outer .wd__content {
        order: 2;
        left: 0
    }

    .section__2 .slide--2 .ani--outer .bepaLogo {
        orphans: 1
    }

    .section__2 .slide--2 .ani--outer {
        overflow: hidden;
        width: 100%;
        height: auto
    }

    .section__2 .slide--2 .wd__content {
        margin-top: 0;
        padding-top: 56px
    }

    .section__2 .slide--2 .wd__content .content__info {
        margin-right: auto;
        margin-left: auto
    }

    .section__2 .slide--2 .bepaLogo {
        position: relative;
        padding-top: 45px;
        padding-bottom: 46px;
        width: 100%
    }

    .section__2 .slide--2 .img__logo-after {
        position: relative;
        z-index: 2;
        left: 50%;
        opacity: 1;
        margin-left: -163.5px;
        width: 327px;
        height: 203px
    }

    #CMD .section__2 .img__logo-after {
        background-image: url(images/logo-after.png)
    }
}


@media all and (max-width:730.5px) {
    .section__2 .slide--2 .box__gray--outer {
        position: absolute;
        top: 0;
        right: 94px;
        left: unset;
        margin-top: 0;
        margin-left: 0;
        width: 120vw;
        height: 100%
    }
}

@media all and (max-width:730.5px) {
    .section__2 .slide--2 .box__gray {
        width: 100%;
        height: 100%
    }
}

@media all and (max-width:730.5px) {
    .section__2 .slide--3 {
        padding-top: 67px;
        width: 100%
    }

    .section__2 .slide--3 .img__container--bottom {
        opacity: 1 !important;
        margin-top: 0;
        padding: 168px 0;
        transform: translateX(0) !important
    }

    .section__2 .slide--3 .img__container--bottom .box__black {
        top: 47px;
        left: 50%;
        margin-left: -136px;
        width: 730px;
        height: 608px
    }

    .section__2 .slide--3 .img__container--bottom .img__main--1 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--1 {
        background-image: url(images/main_1.jpg)
    }

    #CMD .section__2 .img__main--1 {
        mask: url(images/main_1_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_1_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--2 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--2 {
        background-image: url(images/main_2.jpg)
    }

    #CMD .section__2 .img__main--2 {
        mask: url(images/main_2_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_2_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--3 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--3 {
        background-image: url(images/main_3.jpg)
    }

    #CMD .section__2 .img__main--3 {
        mask: url(images/main_3_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_3_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--4 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--4 {
        background-image: url(images/main_4.jpg)
    }

    #CMD .section__2 .img__main--4 {
        mask: url(images/main_4_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_4_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--5 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--5 {
        background-image: url(images/main_5.jpg)
    }

    #CMD .section__2 .img__main--5 {
        mask: url(images/main_5_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_5_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--6 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--6 {
        background-image: url(images/main_6.jpg)
    }

    #CMD .section__2 .img__main--6 {
        mask: url(images/main_6_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_6_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--7 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--7 {
        background-image: url(images/main_7.jpg)
    }

    #CMD .section__2 .img__main--7 {
        mask: url(images/main_7_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_7_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main--8 {
        position: absolute;
        opacity: 0;
        width: 506px;
        height: 378px;
        transform: translate3d(50px, -25px, 0)
    }

    #CMD .section__2 .img__main--8 {
        background-image: url(images/main_8.jpg)
    }

    #CMD .section__2 .img__main--8 {
        mask: url(images/main_8_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_8_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {

    .section__2 .slide--3 .img__container--bottom .img__main--5,
    .section__2 .slide--3 .img__container--bottom .img__main--6 {
        top: 154px;
        margin-left: 107px
    }
}

@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__main {
        position: relative;
        top: -8px;
        left: 50%;
        margin-left: -261px;
        width: 506px;
        height: 378px
    }
}

@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__sticker--1 {
        top: 142px;
        left: 50%;
        margin-left: -145px;
        width: 93px;
        height: 111px
    }

    #CMD .section__2 .img__sticker--1 {
        background-image: url(images/item-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__2 .slide--3 .img__container--bottom .img__sticker--2 {
        top: 99px;
        left: 50%;
        margin-left: -49px;
        width: 100px;
        height: 102px
    }

    #CMD .section__2 .img__sticker--2 {
        background-image: url(images/item-2.png)
    }
}

@media all and (max-width:730.5px) {
    .section__2-- .img__container.img__container--center .ani--outer {
        height: 218px
    }

    .section__2-- .img__container.img__container--center .ani--outer svg {
        position: absolute;
        bottom: 50%;
        left: 50%;
        margin-left: -274px;
        width: 570px;
        height: 790px;
        transform: translateY(50%)
    }

    .section__2-- .img__container.img__container--center .img__word {
        bottom: -187px;
        left: 50%;
        margin-left: -130px;
        width: 260px;
        height: 63px
    }

    .section__2-- .img__container.img__container--bottom {
        margin-top: 51px;
        transform: translateX(0)
    }

    .section__2-- .img__container.img__container--bottom .box__black {
        top: 0;
        left: 50%;
        margin-left: -136px;
        width: 730px;
        height: 608px
    }

    .section__2-- .img__container.img__container--bottom .img__sticker--1 {
        top: 94px;
        left: 50%;
        margin-left: -145px;
        width: 93px;
        height: 111px;
        transform: scale(1.4) rotate(-25deg) translate(-50px, -50px)
    }

    #CMD .section__2 .img__sticker--1 {
        background-image: url(images/item-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__2-- .img__container.img__container--bottom .img__sticker--2 {
        top: 49px;
        left: 50%;
        margin-left: -49px;
        width: 100px;
        height: 102px;
        transform: scale(1.4) rotate(-25deg) translate(-50px, -50px)
    }

    #CMD .section__2 .img__sticker--2 {
        background-image: url(images/item-2.png)
    }
}


@media all and (max-width:730.5px) {
    .section__2-- .box__gray--outer {
        position: absolute;
        top: -348px;
        left: 50%;
        margin-bottom: 0;
        margin-left: -534px;
        transform: translateX(-150vw)
    }
}

@media all and (max-width:730.5px) {
    .section__2-- .box__gray {
        width: 730px;
        height: 292px
    }
}

@media all and (max-width:730.5px) {
    .section__2.scrollInit .slide--1 {
        height: 100vh
    }

    .section__2.scrollInit .slide--2 {
        opacity: 1;
        padding-top: 0;
        min-height: 150vh;
        padding-bottom: 20vh
    }

    .section__2.scrollInit .slide--2 .bepaLogo .img__logo-after {
        opacity: 0
    }

    .section__2.scrollInit .slide--2 .wd__content {
        opacity: 0;
        margin-top: 0
    }

    .section__2.scrollInit .slide--2 .box__gray--outer .box__gray {
        opacity: 0;
        transform: translateX(-100vw) skewX(-14deg)
    }

    .section__2.scrollInit .slide--2 {
        opacity: 1;
        padding-top: 0;
        min-height: 150vh;
        padding-bottom: 20vh
    }

    .section__2.scrollInit .slide--2 .bepaLogo .img__logo-after {
        opacity: 0
    }

    .section__2.scrollInit .slide--2 .wd__content {
        opacity: 0;
        margin-top: 0
    }

    .section__2.scrollInit .slide--2 .box__gray--outer .box__gray {
        opacity: 0;
        transform: translateX(-100vw) skewX(-14deg)
    }

    .section__2.scrollInit .slide--3 {
        margin-top: 0;
        padding-top: 0;
        height: auto
    }

    .section__2.scrollInit .slide--3 .img__container {
        padding: 248px 0 40px
    }
}

@media all and (max-width:730.5px) {
    @keyframes boxGrayContentLeft {
        0% {
            transform: translateX(-100vw) skewX(-14deg)
        }

        90% {
            transform: translateX(2vw) skewX(-14deg)
        }

        100% {
            transform: translateX(0) skewX(-14deg)
        }
    }

    @keyframes contentRight {
        0% {
            transform: translateX(150vw)
        }

        90% {
            transform: translateX(-2vw)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes contentRightOpacity {
        0% {
            opacity: 0
        }

        20% {
            opacity: 1
        }

        100% {
            opacity: 1
        }
    }

    .section__2 .slide--2 .box__gray--outer .box__gray {
        transition: all ease 1s 0s
    }

    .section__2 .slide--2 .box__gray--outer.playAni .box__gray {
        transform: translateX(0);
        animation: boxGrayContentLeft 1s forwards ease-in-out, contentRightOpacity .5s forwards linear
    }

    .section__2 .slide--3 .img__container.playAni {
        transform: translateX(0);
        animation: none
    }

    .section__2 .slide--3 .img__container.playAni .img__sticker--1 {
        opacity: 1;
        transition-delay: 1.5s;
        transform: scale(1) translate(0, 0) rotate(0)
    }

    .section__2 .slide--3 .img__container.playAni .img__sticker--2 {
        opacity: 1;
        transition-delay: 2s;
        transform: scale(1) translate(0, 0) rotate(0)
    }
}

@media all and (max-width:730.5px) {
    .section__3 {
        margin-top: 0
    }
}

@media all and (max-width:730.5px) {
    .section__3 .img__container.img__container--top .img__main--before {
        left: 50%;
        margin-left: -478px;
        width: 637px;
        height: 411px
    }

    #CMD .section__3 .img__main--before {
        background-image: url(images/main-before.jpg)
    }

    #CMD .section__3 .img__main--before {
        mask: url(images/main-before_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main-before_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (max-width:730.5px) {
    .section__3 .img__container.img__container--bottom {
        top: 50px;
        margin-top: 52px
    }

    .section__3 .img__container.img__container--bottom .img__main--after {
        left: 50%;
        margin-left: -195px;
        width: 390px;
        height: 240px
    }

    #CMD .section__3 .img__main--after {
        background-image: url(images/main-after.jpg)
    }

    #CMD .section__3 .img__main--after {
        mask: url(images/main-after_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main-after_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}

@media all and (max-width:730.5px) {
    .section__4 {
        margin-top: -42px;
        padding-top: 168px;
        padding-bottom: 140px
    }

    .section__4 .aniPosition--2 {
        position: relative;
        top: 480px
    }
}

@media all and (max-width:730.5px) {
    .section__4 .wd__content.content--top {
        max-width: 550px
    }

    .section__4 .wd__content.content--top .content__title {
        max-width: 600px
    }

    .section__4 .wd__content.content--top .content__slogan .slogan-outer {
        margin-left: -83px
    }

    .section__4 .wd__content.content--bottom {
        margin-top: 20px;
        padding: 35px 42px 24px;
        max-width: 636px;
        border-radius: 20px 20px 0 0;
        transform: translateX(0)
    }

    .section__4 .wd__content.content--bottom .content__info {
        margin-top: 0
    }

    .section__4 .wd__feature__list {
        left: auto;
        margin-right: auto;
        margin-left: auto;
        padding: 0 40px;
        width: 89.2%;
        max-width: 636px;
        border-radius: 0 0 20px 20px;
        transform: translateX(0)
    }

    .section__4 .performance_chart_container {
        top: 25px;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        padding: 8px 8px 24px 16px;
        width: 89.2%;
        max-width: 636px;
        border-radius: 20px;
        transform: translateX(0)
    }

    .section__4 .performance_chart_container .performance_chart {
        margin-top: 0
    }

    .section__4 .performance_chart_container .item_contents {
        padding-right: 10px
    }

    .section__4 .performance_chart_container .item__content {
        margin-bottom: 19px
    }

    .section__4 .performance_chart_container .item__content .title {
        margin-top: 30px;
        font-size: .9375rem;
        text-align: left;
        line-height: 1.3
    }

    .section__4 .performance_chart_container .item__content .bar {
        margin-top: 8px
    }

    .section__4 .performance_chart_container .item__content .bar .bar__score__txt {
        font-size: .84375rem
    }

    .section__4 .performance_chart_container .item__highline {
        padding-top: 104px;
        min-width: 108px
    }

    .section__4 .performance_chart_container .item__highline .img__highline {
        top: -20px;
        margin-left: -5px;
        width: 63px
    }

    .section__4 .performance_chart_container .highline_text {
        top: -12px;
        margin-left: 0
    }

    .section__4 .performance_chart_container .highline_text .text1 {
        font-size: 2.5rem
    }

    .section__4 .performance_chart_container .highline_text .text2 {
        font-size: 20px
    }
}

@media all and (max-width:730.5px) {

    .section__4 .aniContainer--1 .img__badge,
    .section__4 .aniContainer--1 .img__main {
        display: none
    }

    .section__4 .aniContainer--2 .img__main {
        position: relative;
        top: 250px;
        margin-left: -258px;
        width: 410px;
        height: 312px
    }

    #CMD .section__4 .img__main {
        background-image: url(images/main.png)
    }
}


@media all and (max-width:730.5px) {
    .section__4 .aniContainer--2 .img__badge {
        position: relative;
        top: -227px;
        margin-left: -51px;
        width: 104px;
        height: 130px
    }

    #CMD .section__4 .img__badge {
        background-image: url(images.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__4 .item__highline::after {
        transform: scale(.75) translate(-4px, -4px)
    }
}

@media all and (max-width:730.5px) {
    .section__4 .img__sticker {
        top: -210px;
        left: 0;
        width: 109px;
        height: 127px
    }

    #CMD .section__4 .img__sticker {
        background-image: url(images/item-1.png)
    }
}


@media all and (max-width:730.5px) {

    .section__4 .aniContainer.playAni .content--bottom,
    .section__4 .aniContainer.playAni .wd__feature__list {
        transform: translateX(0);
        animation: none
    }

    .section__4 .aniContainer.playAni .performance_chart_container {
        transform: translateX(0);
        animation: none
    }

    .section__4 .aniContainer.playAni .item__highline::after {
        transition-delay: 1s
    }
}

@media all and (max-width:730.5px) {
    .section__5 {
        z-index: 3;
        padding-top: 106px;
        padding-bottom: 25px
    }

    .section__5 .always__on__top .wd__content {
        margin-bottom: 20px
    }

    .section__5 .sticky-wrap {
        padding-bottom: 500px
    }

    .section__5 .wd__feature__list {
        margin-top: 50px;
        max-width: 600px
    }

    .section__5 .wd__feature__list.list-icon .wd__feature.feature-icon {
        width: 142px
    }

    .section__5 .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        transform: scale(1.15) translate3d(0, 4px, 0)
    }

    .section__5 .wd__feature__list .wd__feature.icon-validateddisplay .img.img__icon {
        top: -2px
    }

    .section__5 .img__main {
        left: 50%;
        margin-left: -213px;
        width: 426px;
        height: 215px;
        margin-top: 250px
    }

    .section__5 .img__main {
        background-image: url(images/main.png)
    }
}


@media all and (max-width:730.5px) {
    .section__5 .feature-8 {
        height: 97px
    }

    .section__5 .feature-8 .feature-icon-data {
        width: 112px
    }
}

@media all and (max-width:730.5px) {
    .section__5 .sticky-wrap {
        margin-top: 0
    }

    .section__5 .sticky-wrap .img_container {
        left: 50%;
        margin-left: -300px;
        width: 600px;
        height: 300px;
        overflow: visible
    }

    .section__5 .sticky-wrap .img_container .text_animation {
        overflow: visible;
        width: 600px;
        height: 2112px;
        transform: scale(1) translateY(900px)
    }

    #CMD .section__5 .text-bg {
        background-image: url(images/bg2.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__5 .sticky-wrap .img_container .text_animation .img__scrollText {
        left: 50%;
        margin-left: -300px;
        width: 600px;
        height: 2112px
    }

    #CMD .section__5 .img__scrollText {
        background-image: url(images/img_scrollText_1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__5 .sticky-wrap .img_container .img__foreground {
        left: 50%;
        margin-left: -182px;
        width: 364px;
        height: 183px;
        background-size: contain;
        transform: scale(1.2)
    }

    #CMD .section__5 .img__foreground {
        background-image: url(images/img_display.jpg)
    }

    #CMD .section__5 .img__foreground {
        mask: url(images/img_display_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/img_display_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {
    .section__5 .display-scroll-trigger-end {
        margin-bottom: 320px
    }
}

@media all and (max-width:730.5px) {
    .section__6 {
        margin-top: -20px;
        padding-top: 116px;
        padding-bottom: 0
    }

    .section__6::before {
        height: calc(100% - 653px)
    }

    .section__6 .scroll_end {
        margin-top: -384px
    }

    .section__6 .wd__content {
        max-width: 800px
    }

    .section__6 .img__container-outer {
        margin-top: 40px
    }

    .section__6 .img__main {
        left: 50%;
        margin-left: -364px;
        width: 728px;
        height: 1028px
    }

    #CMD .section__6 .img__main {
        background-image: url(images/main-1.jpg)
    }

    #CMD .section__6 .img__main {
        mask: url(images/main_mask.png);
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url(images/main_mask.png);
        -webkit-mask-position: center;
        -webkit-mask-size: contain
    }
}


@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick {
        margin: -655px auto 0;
        max-width: 89.2%
    }

    .section__6 .wd__block__slick__item {
        margin-top: 27px;
        border-radius: 20px;
        flex-direction: column;
        background: 0 0
    }

    .section__6 .wd__block__slick__item .item__slick {
        width: 100%;
        height: 250px;
        background-size: 1200px 600px
    }

    .section__6 .wd__block__slick__item .item__slick .slick__title {
        bottom: 20px;
        padding: 0 15px;
        font-size: 1rem
    }

    .section__6 .wd__block__slick__item .item__slick .slick-next,
    .section__6 .wd__block__slick__item .item__slick .slick-prev {
        display: block !important;
        opacity: 1;
        margin-top: 0;
        width: 50px;
        height: 118px
    }

    .section__6 .wd__block__slick__item .item__slick .slick-prev::before {
        top: 43px;
        right: 17px;
        width: 14px;
        height: 26px;
        background-repeat: no-repeat
    }

    #CMD .section__6 .slick-prev:before {
        background-image: url(images/arrow-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick__item .item__slick .slick-next::before {
        top: 43px;
        left: 17px;
        width: 14px;
        height: 26px;
        background-repeat: no-repeat;
        transform: rotate(180deg)
    }

    #CMD .section__6 .slick-next:before {
        background-image: url(images/arrow-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick__item .item__img {
        width: 100%
    }
}

@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick__item:nth-child(even) {
        flex-direction: column !important
    }
}

@media all and (max-width:730.5px) {
    #CMD .section__6 .item__slick {
        background-image: url(images/pattern-w.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__pd1-0 {
        padding-bottom: 250px;
        width: 100%;
        height: 0;
        background-size: covßer
    }

    #CMD .section__6 .img__pd1-0 {
        background-image: url(images/block-1.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick1-1 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-1 {
        background-image: url(images/slick1-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick1-2 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-2 {
        background-image: url(images/slick1-2.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick1-3 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-3 {
        background-image: url(images/slick1-3.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick1-4 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--1 .img__slick1-4 {
        background-image: url(images/slick1-4.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__pd2-0 {
        padding-bottom: 250px;
        width: 100%;
        height: 0;
        background-size: covßer
    }

    #CMD .section__6 .img__pd2-0 {
        background-image: url(images/block-2.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick2-1 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-1 {
        background-image: url(images/slick2-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick2-2 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-2 {
        background-image: url(images/slick2-2.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick2-3 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-3 {
        background-image: url(images/slick2-3.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick2-4 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--2 .img__slick2-4 {
        background-image: url(images/slick2-4.png)
    }
}

@media all and (max-width:730.5px) {
    .section__6 .img__pd3-0 {
        padding-bottom: 250px;
        width: 100%;
        height: 0;
        background-size: covßer
    }

    #CMD .section__6 .img__pd3-0 {
        background-image: url(images/block-3.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick3-1 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-1 {
        background-image: url(images/slick3-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick3-2 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-2 {
        background-image: url(images/slick3-2.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick3-3 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-3 {
        background-image: url(images/slick3-3.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick3-4 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--3 .img__slick3-4 {
        background-image: url(images/slick3-4.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__pd4-0 {
        padding-bottom: 250px;
        width: 100%;
        height: 0;
        background-size: covßer
    }

    #CMD .section__6 .img__pd4-0 {
        background-image: url(images/block-4.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick4-1 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-1 {
        background-image: url(images/slick4-1.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick4-2 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-2 {
        background-image: url(images/slick4-2.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .img__slick4-3 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-3 {
        background-image: url(images/slick4-3.png)
    }
}

@media all and (max-width:730.5px) {
    .section__6 .img__slick4-4 {
        width: 100%;
        height: 250px;
        background-size: contain
    }

    #CMD .section__6 .wd__block__slick__item--4 .img__slick4-4 {
        background-image: url(images/slick4-4.png)
    }
}


@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick__item--1 .item__slick {
        background-color: #fff;
        background-position: 344px 28px
    }
}

@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick__item--2 .item__slick {
        background-color: #fff;
        background-position: -80px 67px
    }
}

@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick__item--3 .item__slick {
        background-color: #fff;
        background-position: 344px -494px
    }
}

@media all and (max-width:730.5px) {
    .section__6 .wd__block__slick__item--4 .item__slick {
        background-color: #fff;
        background-position: -80px 147px
    }
}

@media all and (max-width:730.5px) {
    .section__7 .img__container .img__logo {
        left: 50%;
        margin-left: -88px;
        width: 176px;
        height: 212px;
        position: absolute;
        bottom: 50%;
        transform: translateY(50%)
    }

    #CMD .section__7 .img__logo {
        background-image: url(images/logo.png)
    }
}


@media all and (max-width:730.5px) {
    .section__7 .img__bg {
        z-index: -1;
        bottom: 50%;
        left: 50%;
        opacity: 0;
        margin-left: -365px;
        width: 730px;
        height: 100vh;
        transform: translateY(50%)
    }

    #CMD .section__7 .img__bg {
        background-image: url(images/bg_1.jpg)
    }
}


@media all and (max-width:730.5px) {
    .section__7 .img__bg.active {
        opacity: 1
    }
}

@media all and (max-width:730.5px) {
    .section__comment {
        margin-top: 0;
        width: 100%;
        background: #272727
    }

    .section__comment .footnotes {
        margin-top: 0
    }

    .section__comment.footer-2023 {
        padding-top: 32px;
        padding-bottom: 22px
    }
}

@media all and (max-width:730.5px) {
    .inner-view {
        margin-bottom: 0
    }

    .inner-view .wd__section.first-section {
        padding-top: 60px !important
    }

    .inner-view .inner-view-container {
        max-width: 730px
    }

    .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 730px
    }

    .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after,
    .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before,
    .inner-view .inner-view-container .wd__section .wd__content .content__title::after,
    .inner-view .inner-view-container .wd__section .wd__content .content__title::before {
        display: none
    }

    .inner-view .inner-view-container .modal-button-container .modal-inner-text {
        top: 0 !important;
        font-size: 1.125rem
    }

    .inner-view .section__btn__home::before {
        background: 0 0
    }
}