.lgt-button, .lgt-page-menu nav a, .lgt-page-menu nav span {
    letter-spacing: normal;
    font-family: MyriadPro, BrownStd, Arial;
    cursor: pointer
}
.lgt-button, .lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner span, .lgt-page-menu nav a, .lgt-page-menu nav span {
    font-family: MyriadPro, BrownStd, Arial
}
@font-face {
    font-family: BrownStd;
    src: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Bold.ttf) format("ttf"), url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: BrownStd;
    src: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Regular.ttf) format("ttf"), url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: MyriadPro;
    src: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Bold.ttf) format("ttf"), url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: MyriadPro;
    src: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Regular.ttf) format("ttf"), url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/fonts/MyriadPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
.lgt-page-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    padding: 0 120px;
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
    background: #333;
    position: relative
}
.lgt-page-menu .lgt-logo {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}
.lgt-page-menu .lgt-logo.lgt-logitech {
    padding-right: 16px;
    padding-left: 0
}
.lgt-page-menu .lgt-logo.logitech-gaming {
    background: #4EB7F6
}
.lgt-page-menu .lgt-logo.logitech-gaming img {
    height: 100%;
    width: auto
}
.lgt-page-menu .lgt-logo.logitech-gaming.active {
    background: #fff
}
.lgt-page-menu .lgt-logo.logitech-gaming.active svg {
    fill: #3EB4E7
}
.lgt-page-menu .lgt-logo img, .lgt-page-menu .lgt-logo svg {
    height: 28px;
    width: auto
}
.lgt-page-menu nav {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    height: 50px
}
.lgt-page-menu nav>* {
    margin-left: 18px
}
.lgt-page-menu nav a, .lgt-page-menu nav span {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #ACACAC;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.lgt-page-menu nav>a:hover:after {
    content: "";
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #828282
}
.lgt-page-menu nav>a.active:after {
    content: "";
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #4EB7F6
}
.lgt-page-menu nav .lgt-dropdown {
    height: 100%;
    position: relative
}
.lgt-page-menu nav .lgt-dropdown .lgt-visible {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.lgt-page-menu nav .lgt-dropdown .lgt-visible span {
    padding-right: 8px
}
.lgt-page-menu nav .lgt-dropdown .lgt-visible span:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    right: -8px;
    height: 4px;
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/dropdown_arrow.svg) center no-repeat;
    background-size: contain
}
.lgt-page-menu nav .lgt-dropdown .lgt-hidden {
    position: absolute;
    top: -1px;
    transform: translateY(50px) translateX(-16px);
    width: auto;
    min-width: 100%;
    display: none;
    z-index: 2;
    max-height: 0;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    justify-content: flex-start
}
.lgt-page-menu nav .lgt-dropdown .lgt-hidden a {
    margin-top: -1px;
    padding: 16px;
    box-sizing: border-box;
    background: #333;
    transition: .35s;
    white-space: nowrap
}
.lgt-page-menu nav .lgt-dropdown .lgt-hidden a:hover {
    background: #828282;
    color: #fff
}
.lgt-page-menu nav .lgt-dropdown .lgt-hidden a:first-of-type {
    margin: 0
}
.lgt-page-menu nav .lgt-dropdown:active .lgt-visible span:after, .lgt-page-menu nav .lgt-dropdown:hover .lgt-visible span:after {
    transform: rotate(180deg) translateY(50%)
}
.lgt-page-menu nav .lgt-dropdown:active .lgt-hidden, .lgt-page-menu nav .lgt-dropdown:hover .lgt-hidden {
    display: flex;
    max-height: 100%
}
.lgt-page-menu nav .lgt-dropdown.lgt-aligned .lgt-hidden {
    width: calc(100% + 8px);
    transform: translateY(50px) translateX(0)
}
.lgt-page-menu nav .lgt-dropdown.lgt-aligned .lgt-hidden:before {
    content: "";
    height: 3px;
    width: 100%;
    background: #3EB4E7;
    position: absolute;
    top: -3px;
    left: 0
}
.lgt-page-menu nav .lgt-dropdown.lgt-aligned .lgt-hidden a {
    background: #484848
}
.lgt-page-menu nav .lgt-dropdown.lgt-aligned .lgt-hidden a:not(:last-of-type) {
    border-bottom: 1px solid #505050
}
.lgt-page-menu nav .lgt-dropdown.lgt-aligned .lgt-hidden a:hover {
    background: #828282;
    color: #fff
}
@media (min-width:1024px) and (max-width:1599px) {
    .lgt-page-menu {
        padding: 0 38px
    }
}
@media (max-width:1024px) {
    .lgt-page-menu {
        padding: 0 15px;
        display: none
    }
}
@media (max-width:767px) {
    .lgt-page-menu {
        display: none
    }
}
.lgt-button {
    padding: 21px 22px 20px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    background: #7857F1;
    transition: .35s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lgt-button:hover {
    background: #8D6FFF
}
.lgt-button:active {
    background: #502DD1
}
.lgt-button.disabled {
    background: #D6CBFF;
    color: #C1B0FF
}
.lgt-button.blue {
    background: #3EB4E7
}
.lgt-button.dark {
    background: #2F3132
}
.lgt-button.dark:hover {
    background: #4F5254
}
.lgt-button.dark:active {
    background: #181818
}
.lgt-page .lgt-pp-section-banner {
    width: 100%;
    position: relative
}
.lgt-page .lgt-pp-section-banner .lgt-slider {
    position: relative
}
.lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner {
    position: absolute;
    bottom: -36px;
    width: 100%;
    height: 31px;
    margin-bottom: 36px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(232, 232, 232, .8)
}
.lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner.dark {
    background: rgba(0, 0, 0, .8)
}
.lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner.dark span {
    color: #FFF
}
.lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner img {
    z-index: 2;
    height: 12px;
    width: auto;
    margin-right: 10px
}
.lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner span {
    z-index: 2;
    padding-top: 4px;
    display: block;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.1em;
    letter-spacing: normal;
    color: #4F4F4F
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-logo, .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title {
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: uppercase
}
.lgt-page .lgt-pp-section-banner .swiper-container {
    height: 100%
}
.lgt-page .lgt-pp-section-banner .swiper-slide {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-cover {
    width: 100%;
    height: 100%;
    z-index: 1
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-cover.shaded:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-71deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .729) 78.68%);
    position: absolute;
    z-index: 2
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-cover img, .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-cover picture {
    width: 100%;
    height: auto
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content {
    padding: 24px 120px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-logo {
    margin-bottom: 1.22em;
    display: inline-block;
    z-index: 2;
    padding: 11px 30px 8px;
    font-size: 18px;
    line-height: 1em;
    color: #000;
    background: #fff
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title {
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    font-size: 48px;
    line-height: 1.1em;
    color: #2F3132
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 40px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title .lgt-title-small {
    font-size: 36px
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title b:nth-child(1) {
    color: #69E7D2 !important
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title b:nth-child(2) {
    color: #E3FA52 !important
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title b:nth-child(3) {
    color: #51B6F1 !important
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-subtitle, .lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .lgt-title h1, .lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .text-above span {
    color: #fff;
    font-family: MyriadPro, BrownStd, Arial;
    letter-spacing: normal
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title p {
    margin-top: 15px;
    font-weight: 400;
    font-size: 24px;
    line-height: 110%
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-subtitle {
    margin-top: .66em;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5em
}
.lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-button {
    padding: 16.5px 25px 14px;
    margin-top: 40px
}
.lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .text-above span {
    font-weight: 400;
    font-size: 17px;
    line-height: 19px
}
.lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .lgt-title h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.1em
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .lgt-title h1 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 40px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .lgt-title h1 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .lgt-title p {
    margin-top: 15px;
    color: #fff;
    font-weight: 400
}
.lgt-page .lgt-pp-section-banner .lgt-slider-arrow {
    fill: #BDBDBD
}
.lgt-page .lgt-pp-section-banner.white .lgt-slider-arrow svg, .lgt-page .lgt-slider-arrow.white svg {
    fill: #fff
}
.lgt-page .lgt-pp-section-banner .lgt-description {
    margin: 0 auto;
    text-align: center;
    padding: 64px 0;
    box-sizing: border-box;
    width: 83.33%
}
.lgt-page .lgt-pp-section-banner .lgt-description span {
    display: block;
    margin: 0 auto;
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: normal;
    color: #2F3132
}
@media (min-width:1024px) and (max-width:1599px) {
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content {
        padding: 40px
    }
    .lgt-page .lgt-pp-section-banner .lgt-description {
        padding: 48px 0
    }
    .lgt-page .lgt-pp-section-banner .lgt-description span {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-banner .lgt-slider-arrow {
        display: none
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content {
        padding: 0 20px
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title {
        top: calc(50% + 50px)
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title h1 {
        font-size: 4.16vw !important;
        line-height: 100% !important
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title p {
        color: #fff;
        font-size: 16px;
        line-height: 110%
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .lgt-title h1 {
        color: #fff
    }
    .lgt-page .lgt-pp-section-banner .lgt-description {
        padding: 48px 0
    }
    .lgt-page .lgt-pp-section-banner .lgt-description span {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 400;
        font-size: 4.375vw;
        line-height: 1.5em;
        letter-spacing: normal;
        color: #2F3132
    }
    .lgt-page .lgt-pp-section-banner .lgt-description span br {
        display: none
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-banner.lgt-office .swiper-slide .lgt-content .lgt-title {
        max-width: 72% !important
    }
    .lgt-page .lgt-pp-section-banner.lgt-office .swiper-slide .lgt-content .lgt-title h1 {
        font-size: 7.6vw !important
    }
    .lgt-page .lgt-pp-section-banner.lgt-mice .lgt-title {
        max-width: 60% !important
    }
    .lgt-page .lgt-pp-section-banner.lgt-acoustic .lgt-title {
        top: 12.92% !important
    }
    .lgt-page .lgt-pp-section-banner.lgt-kits .lgt-title {
        max-width: 60% !important;
        top: 14.92% !important
    }
    .lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner {
        height: 22px;
        padding-right: 18px;
        z-index: 5
    }
    .lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner img {
        margin-left: 15px;
        width: 10px;
        height: auto
    }
    .lgt-page .lgt-pp-section-banner .lgt-slider .lgt-sub-banner span {
        margin-right: auto;
        display: inline-block;
        width: 100%;
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 400;
        font-size: 2.5vw;
        line-height: 1.1em;
        letter-spacing: normal;
        color: #4F4F4F
    }
    .lgt-page .lgt-pp-section-banner .lgt-slider-arrow, .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title p {
        display: none
    }
    .lgt-page .lgt-pp-section-banner .swiper-pagination {
        bottom: 50px
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide.white .lgt-content .lgt-title h1 {
        color: #fff
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content {
        padding: 0 15px;
        margin-top: 50px
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title {
        max-width: 50%;
        text-align: left;
        top: 22.92%;
        z-index: 2
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title h1 {
        font-size: 8.437vw !important;
        line-height: 100% !important
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-title h1 .lgt-title-small {
        font-size: 8.437vw
    }
    .lgt-page .lgt-pp-section-banner .lgt-description span, .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .text-above span {
        display: block;
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 400;
        letter-spacing: normal
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .text-above {
        align-items: flex-start;
        margin-bottom: 34px
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .text-above img {
        height: 20px;
        margin-right: 10px
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .text-above span {
        z-index: 2;
        font-size: 11px;
        line-height: 12px;
        color: #000
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-logo {
        z-index: 2
    }
    .lgt-page .lgt-pp-section-banner .swiper-slide .lgt-content .lgt-logo img {
        width: 120px;
        height: 35px
    }
    .lgt-page .lgt-pp-section-banner .lgt-description {
        width: 100%;
        margin: 0;
        padding: 24px 15px
    }
    .lgt-page .lgt-pp-section-banner .lgt-description span {
        max-width: 100%;
        margin: 0 auto;
        font-size: 4.375vw;
        line-height: 1.5em;
        color: #2F3132
    }
    .lgt-page .lgt-pp-section-banner .lgt-description span br {
        display: none
    }
}
.lgt-page .lgt-slider-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5
}
.lgt-page .lgt-slider-arrow svg {
    height: 62px;
    width: 32px
}
.lgt-page .lgt-slider-arrow.slider-button-next {
    right: 32px;
    transform: rotate(180deg) translateY(50%)
}
.lgt-page .lgt-slider-arrow.slider-button-prev {
    left: 32px
}
.lgt-page .swiper-button-disabled {
    display: none
}
.lgt-page .swiper-pagination {
    bottom: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}
.lgt-page .swiper-pagination .swiper-pagination-bullet {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 7px;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: 0 0;
    opacity: 1;
    border: 2px solid #fff
}
.lgt-page .swiper-pagination .swiper-pagination-bullet:last-of-type {
    margin: 0
}
.lgt-page .swiper-pagination .swiper-pagination-bullet.active {
    background: #fff
}
.lgt-page .swiper-pagination.dark .swiper-pagination-bullet {
    border-color: #2F3132
}
.lgt-page .swiper-pagination.dark .swiper-pagination-bullet.active {
    background: #2F3132
}
@media (max-width:767px) {
    .lgt-page .swiper-pagination {
        bottom: 15px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
    .lgt-page .swiper-pagination .swiper-pagination-bullet {
        margin-right: 8px;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        border: 1px solid #fff;
        transform: translateX(-50%);
        position: relative
    }
}
.lgt-pp-section-categories {
    width: 100%
}
.lgt-pp-section-categories .swiper-container .swiper-pagination {
    bottom: 0;
    left: 50%
}
.lgt-pp-section-categories .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px
}
.lgt-pp-section-categories .swiper-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative
}
.lgt-pp-section-categories .swiper-pagination {
    display: none
}
.lgt-pp-section-categories.lgt-covers .swiper-slide {
    width: calc(100% / 3);
    height: 50%
}
.lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-cover {
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-cover img, .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-cover picture {
    transition: transform .5s
}
.lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-cover:after {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .16s;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0
}
.lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text {
    z-index: 3;
    bottom: 32px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}
.lgt-pp-section-categories.lgt-covers .swiper-slide:hover .lgt-cover img, .lgt-pp-section-categories.lgt-covers .swiper-slide:hover .lgt-cover picture, .lgt-pp-section-categories:not(.lgt-covers) .lgt-category:hover .lgt-cover img, .lgt-pp-section-categories:not(.lgt-covers) .lgt-category:hover .lgt-cover picture {
    transform: scale(1.27)
}
.lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text h2, .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text span {
    text-align: center;
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: normal;
    color: #fff
}
@media (max-width:1024px) {
    .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text h2, .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text span {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text h2, .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text span {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-pp-section-categories.lgt-covers .swiper-slide:active .lgt-cover:after {
    background: rgba(0, 0, 0, .3)
}
.lgt-pp-section-categories.lgt-covers .swiper-slide.lgt-navi .lgt-cover {
    position: relative
}
/*.lgt-pp-section-categories.lgt-covers .swiper-slide.lgt-navi .lgt-cover:after {
    content: "";
    width: 92px;
    height: 92px;
    position: absolute;
    top: 45px;
    left: unset;
    right: 45px;
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/navi.png) center no-repeat
}*/
.lgt-pp-section-categories:not(.lgt-covers) .lgt-category {
    width: calc((100% - 40px)/ 3);
    height: 50%
}
.lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-cover {
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 16px
}
.lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-cover img, .lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-cover picture {
    transition: transform .5s
}
.lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-cover:after {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .16s;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0
}
.lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-text {
    z-index: 3
}
.lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-text h2, .lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-text span {
    text-align: center;
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: normal;
    color: #000
}
@media (max-width:1024px) {
    .lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-text h2, .lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-text span {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-text h2, .lgt-pp-section-categories:not(.lgt-covers) .lgt-category .lgt-text span {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
    .lgt-pp-section-categories {
        width: 100%;
        position: relative
    }
    .lgt-pp-section-categories .swiper-container {
        padding-bottom: 64px
    }
    .lgt-pp-section-categories .swiper-pagination {
        display: block;
        bottom: 28px
    }
    .lgt-pp-section-categories .swiper-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
        position: relative
    }
    .lgt-pp-section-categories.lgt-covers .swiper-slide {
        width: 100%;
        height: auto
    }
    .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text {
        bottom: 15px
    }
    .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text h2 {
        color: #fff
    }
    .lgt-pp-section-categories.lgt-covers .swiper-slide:hover .lgt-cover img, .lgt-pp-section-categories.lgt-covers .swiper-slide:hover .lgt-cover picture {
        transform: scale(1)
    }
}
.lgt-pp-section-categories:not(.lgt-covers) .lgt-category:active .lgt-cover:after {
    background: rgba(0, 0, 0, .3)
}
@media (max-width:1024px) {
    .lgt-pp-section-categories.lgt-covers .swiper-slide .lgt-text h2 {
        color: #fff
    }
}
.lgt-page .lgt-pp-section-gallery {
    background: #7857F1;
    position: relative
}
.lgt-page .lgt-pp-section-gallery .swiper-container {
    margin: 0 120px;
    padding: 75px 0 116px
}
.lgt-page .lgt-pp-section-gallery .swiper-wrapper {
    align-items: stretch;
    align-content: stretch
}
.lgt-page .lgt-pp-section-gallery .swiper-slide {
    min-height: 441px;
    background: #fff
}
.lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-cover {
    overflow: hidden;
    width: 100%;
    height: 244px
}
.lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-content {
    box-sizing: border-box;
    padding: 24px
}
.lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-content h3 {
    display: block;
    margin-bottom: 16px
}
.lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-content span {
    font-family: MyriadPro, BrownStd, Arial;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: normal;
    color: #2F3132;
    font-weight: 400
}
.lgt-page .lgt-pp-section-gallery.dark {
    background: #333537
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-gallery {
        background: 0 0;
        position: relative
    }
    .lgt-page .lgt-pp-section-gallery .swiper-container {
        margin: 0;
        padding: 32px 0 55px
    }
    .lgt-page .lgt-pp-section-gallery .lgt-slider-arrow {
        display: none
    }
    .lgt-page .lgt-pp-section-gallery .swiper-pagination {
        bottom: 32px
    }
    .lgt-page .lgt-pp-section-gallery .swiper-pagination .swiper-pagination-bullet {
        border-color: #2F3132
    }
    .lgt-page .lgt-pp-section-gallery .swiper-pagination .swiper-pagination-bullet.active {
        background: #2F3132
    }
    .lgt-page .lgt-pp-section-gallery .swiper-slide {
        min-height: unset;
        background: #fff;
        position: relative
    }
    .lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-cover {
        overflow: hidden;
        width: 100%;
        position: relative;
        height: auto
    }
    .lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-cover img, .lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-cover picture {
        min-height: 100%;
        min-width: 100%;
        width: auto
    }
    .lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-cover:after {
        content: "";
        width: 100%;
        height: 60%;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 1;
        background: linear-gradient(360deg, rgba(0, 0, 0, .71) 21.1%, rgba(140, 140, 140, 0) 88.31%)
    }
    .lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-content {
        box-sizing: border-box;
        padding: 24px;
        position: absolute;
        bottom: 0;
        z-index: 2
    }
    .lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-content h3 {
        display: block;
        margin-bottom: 16px;
        color: #fff
    }
    .lgt-page .lgt-pp-section-gallery .swiper-slide .lgt-content span {
        font-family: MyriadPro, BrownStd, Arial;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: normal;
        color: #fff;
        font-weight: 400
    }
}
.lgt-page .lgt-pp-section-info .lgt-cover {
    position: relative
}
.lgt-page .lgt-pp-section-info .lgt-cover img, .lgt-page .lgt-pp-section-info .lgt-cover picture {
    z-index: 1
}
.lgt-page .lgt-pp-section-info .lgt-cover .lgt-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.lgt-page .lgt-pp-section-info .lgt-cover .lgt-logo {
    position: relative;
    z-index: 2;
    left: 0;
    top: 60px
}
.lgt-page .lgt-pp-section-info .lgt-columns {
    background: #F5F5F5;
    box-sizing: border-box;
    padding: 32px 0 56px
}
.lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start
}
.lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-container .swiper-pagination {
    bottom: 0;
    left: 50%
}
.lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px
}
.lgt-page .lgt-pp-section-info .lgt-columns .swiper-wrapper {
    display: flex
}
.lgt-page .lgt-pp-section-info .lgt-columns .swiper-slide {
    height: auto
}
.lgt-page .lgt-pp-section-info .lgt-columns .column {
    max-width: 33.3333%;
    padding: 0 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-right: 1px solid #BDBDBD
}
.lgt-page .lgt-pp-section-info .lgt-columns .column:last-child {
    border: none
}
.lgt-page .lgt-pp-section-info .lgt-columns .column .lgt-title {
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: normal;
    color: #2F3132;
    display: block;
    margin-bottom: 8px
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-info .lgt-columns .column .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-info .lgt-columns .column .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page .lgt-pp-section-info .lgt-columns .column .lgt-subtitle {
    font-family: MyriadPro, BrownStd, Arial;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: normal;
    color: #2F3132;
    font-weight: 400
}
.lgt-page .lgt-pp-section-info_horizontal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    background: #F5F5F5
}
.lgt-page .lgt-pp-section-info_horizontal .lgt-content {
    box-sizing: border-box;
    max-width: 50%;
    padding: 50px 30px 50px 120px
}
.lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-title {
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 700;
    letter-spacing: normal;
    color: #2F3132;
    font-size: 36px;
    line-height: 120%;
    display: block;
    margin-bottom: 8px
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-title, .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-subtitle {
    font-size: 24px;
    font-family: MyriadPro, BrownStd, Arial;
    letter-spacing: normal
}
.lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-subtitle {
    display: block;
    height: 100%;
    color: #2F3132;
    font-weight: 400;
    line-height: 120%
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-subtitle {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-subtitle {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-subtitle span {
    margin-top: 14px
}
.lgt-page .lgt-pp-section-info_horizontal .lgt-content .white {
    color: #fff
}
.lgt-page .lgt-pp-section-info_horizontal.dark {
    background: #1E1E1E
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-column.active .lgt-wrapper_title, .lgt-page .lgt-horizontal-list .lgt-columns .lgt-column:hover .lgt-wrapper_title {
    background-color: #4EB7F6
}
.lgt-page .lgt-pp-section-info_horizontal .lgt-cover {
    width: 50%
}
.lgt-page .lgt-pp-section-info_horizontal.right {
    flex-direction: row-reverse
}
.lgt-page .lgt-pp-section-info_horizontal.right .lgt-content {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 120px
}
@media (min-width:1024px) and (max-width:1599px) {
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper {
        padding: 0
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper {
        flex-direction: column
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper .column {
        margin-top: 37px;
        max-width: 100%;
        border: none
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper .column:first-of-type {
        margin-top: 0
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content, .lgt-page .lgt-pp-section-info_horizontal.right .lgt-content {
        padding: 20px
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-text .lgt-subtitle {
        width: 100%;
        font-weight: 400
    }
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-info .lgt-columns {
        padding: 15px;
        height: calc(100% + 20px)
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper {
        padding: 0
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content, .lgt-page .lgt-pp-section-info_horizontal.right .lgt-content {
        padding: 20px;
        max-width: 100%
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper {
        flex-direction: column
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper .column {
        margin-top: 15px;
        max-width: 100%;
        border: none
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper .column .lgt-subtitle {
        font-size: 14px;
        line-height: 150%
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper .column:first-of-type {
        margin-top: 5px
    }
    .lgt-page .lgt-pp-section-info_horizontal.right {
        flex-direction: column-reverse
    }
    .lgt-page .lgt-pp-section-info_horizontal.right .lgt-cover {
        width: 100%;
        max-width: 100%
    }
    .lgt-page .lgt-pp-section-info_horizontal {
        flex-direction: column-reverse
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-text .lgt-subtitle {
        width: 100%;
        font-weight: 400
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-cover {
        width: 100%;
        max-width: 100%
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-info .lgt-columns {
        padding: 15px;
        height: calc(100% + 20px)
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper {
        padding: 0
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper {
        flex-direction: row
    }
    .lgt-page .lgt-pp-section-info .lgt-columns .lgt-content-wrapper .swiper-wrapper .swiper-slide {
        padding: 0 10px 15px;
        margin: 0;
        max-width: 100%;
        width: auto
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content, .lgt-page .lgt-pp-section-info_horizontal.right .lgt-content {
        padding: 15px 15px 20px;
        max-width: 100%
    }
    .lgt-page .lgt-pp-section-info_horizontal {
        flex-direction: column-reverse
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-content .lgt-subtitle {
        width: 100%;
        font-weight: 400
    }
    .lgt-page .lgt-pp-section-info_horizontal .lgt-cover {
        width: 100%;
        max-width: 100%
    }
    .lgt-page .lgt-pp-section-info_horizontal.right {
        flex-direction: column-reverse
    }
    .lgt-page .lgt-pp-section-info_horizontal.right .lgt-content .lgt-subtitle {
        width: 100%;
        font-weight: 400
    }
    .lgt-page .lgt-pp-section-info_horizontal.right .lgt-cover {
        width: 100%;
        max-width: 100%
    }
}
.lgt-page .lgt-horizontal-list.lgt-game .js-slider-pagination {
    display: none
}
.lgt-page .lgt-horizontal-list .lgt-title-block {
    padding: 32px 0 !important
}
.lgt-page .lgt-horizontal-list .lgt-columns {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}
.lgt-page .lgt-horizontal-list .lgt-columns .swiper-container {
    width: 100%;
    padding-bottom: 32px
}
.lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-wrapper .swiper-slide {
    width: 33.33333%
}
.lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-pagination {
    display: none
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-column {
    position: relative;
    flex-grow: 1;
    cursor: pointer
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-column.active .lgt-wrapper_title:after {
    opacity: 1
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-column:hover .lgt-cover img, .lgt-page .lgt-horizontal-list .lgt-columns .lgt-column:hover .lgt-cover picture {
    transform: scale(1.1)
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-column:hover .lgt-wrapper_title:after {
    opacity: 1
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-cover {
    overflow: hidden
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-cover img, .lgt-page .lgt-horizontal-list .lgt-columns .lgt-cover picture {
    transition: transform .5s
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-cover:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 2
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-wrapper_title {
    padding-top: 15px;
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 62px;
    background-color: rgba(0, 0, 0, .7);
    transition: .3s
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-wrapper_title:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
    transform: rotate(45deg);
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    background: linear-gradient(135deg, #4EB7F6 50%, rgba(0, 0, 0, 0) 50%);
    opacity: 0;
    transition: .3s
}
.lgt-page .lgt-horizontal-list .lgt-columns .lgt-title {
    z-index: 5;
    font-weight: 700;
    line-height: 26px;
    color: #fff
}
@media (max-width:1024px) {
    .lgt-page .lgt-horizontal-list .lgt-columns .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-horizontal-list .lgt-columns .lgt-title {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (min-width:1024px) and (max-width:1599px) {
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container {
        padding-bottom: 56px
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-wrapper .swiper-slide {
        width: 33.33333%
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-wrapper .swiper-slide .lgt-title {
        color: #fff
    }
}
@media (max-width:1024px) {
    .lgt-page .lgt-horizontal-list .lgt-columns {
        padding: 0 20px;
        max-width: 100%
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container {
        padding-bottom: 56px
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-wrapper .swiper-slide {
        width: 33.33333%
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-wrapper .swiper-slide .lgt-wrapper_title {
        padding: 10px;
        height: 37px
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-wrapper .swiper-slide .lgt-title {
        color: #fff
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-horizontal-list.lgt-game .js-slider-pagination {
        display: block
    }
    .lgt-page .lgt-horizontal-list.lgt-game .js-slider-pagination .swiper-wrapper {
        padding: 0 15px
    }
    .lgt-page .lgt-horizontal-list.lgt-game .js-slider-pagination .swiper-container .swiper-wrapper .swiper-slide span {
        display: block;
        padding: 8px 24px;
        color: #000;
        font-size: 4.375vw;
        line-height: 150%;
        border-radius: 50px;
        border: 1px solid #000;
        text-align: center
    }
    .lgt-page .lgt-horizontal-list.lgt-game .js-slider-pagination .swiper-container .swiper-wrapper .swiper-slide-active span {
        border: 1px solid #3EB4E7;
        background: #3EB4E7;
        color: #FFF
    }
    .lgt-page .lgt-horizontal-list .lgt-columns {
        padding: 0;
        width: 100%;
        max-width: 100%
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .lgt-column {
        width: 100%
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .lgt-title {
        color: #fff
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container {
        padding-bottom: 56px
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .swiper-container .swiper-wrapper .swiper-slide {
        width: 33.33333%
    }
    .lgt-page .lgt-horizontal-list .lgt-columns .lgt-wrapper_title {
        display: none
    }
}
.lgt-goods-carousel .lgt-content-wrapper .lgt-title-block, .lgt-goods-carousel .swiper-container .swiper-slide-title .old-price.undefined {
    display: none
}
.lgt-goods-carousel {
    padding: 48px 0
}
.lgt-goods-carousel .lgt-content-wrapper {
    padding: 0 120px
}
.lgt-goods-carousel .lgt-content-wrapper .lgt-title-block.show {
    padding-top: 0;
    padding-bottom: 32px;
    display: block
}
.lgt-goods-carousel .lgt-content-wrapper .lgt-carousel {
    position: relative;
    margin: 0 auto;
    width: 100%
}
.lgt-goods-carousel .lgt-content-wrapper .lgt-carousel .lgt-slider-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 .1rem 2rem rgba(4, 6, 28, .1);
    transition: .2s;
    z-index: 500
}
.lgt-goods-carousel .lgt-content-wrapper .lgt-carousel .lgt-slider-circle.slider-button-next {
    z-index: 100;
    right: -24px;
    transform: rotate(180deg) translateY(50%)
}
.lgt-goods-carousel .lgt-content-wrapper .lgt-carousel .lgt-slider-circle.slider-button-prev {
    z-index: 100;
    left: -24px
}
.lgt-goods-carousel .swiper-container:hover .lgt-slider-circle {
    opacity: 1
}
.lgt-goods-carousel .swiper-container .swiper-slide {
    padding: 30px 28px;
    height: 539px;
    display: flex;
    flex-direction: column
}
.lgt-goods-carousel .swiper-container .swiper-slide:before {
    position: absolute;
    right: 0;
    content: "";
    display: inline-block;
    width: 1px;
    height: 89%;
    background: #ebebeb
}
.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-img {
    align-self: center;
    height: 49%
}
.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-img img {
    width: auto;
    height: 90%;
    object-fit: contain
}
.lgt-goods-carousel .swiper-container .swiper-slide-title {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: normal;
    color: #fff
}
.lgt-goods-carousel .swiper-container .swiper-slide-title a {
    text-decoration: none;
    color: #2F3132
}
.lgt-goods-carousel .swiper-container .swiper-slide-title a:hover {
    color: #7e7e83
}
.lgt-goods-carousel .swiper-container .swiper-slide-title .price, .lgt-page .lgt-slider-temporary .lgt-title-slider, .lgt-page h1, .lgt-page h2, .lgt-page h3, .lgt-page h4 {
    font-family: MyriadPro, BrownStd, Arial;
    color: #2F3132;
    letter-spacing: normal
}
.lgt-goods-carousel .swiper-container .swiper-slide-title .price-block {
    margin-top: auto;
    display: flex;
    flex-direction: column
}
.lgt-goods-carousel .swiper-container .swiper-slide-title .price {
    font-weight: 700;
    font-size: 32px;
    line-height: 33px
}
@media (max-width:1024px) {
    .lgt-goods-carousel .swiper-container .swiper-slide-title .price {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-goods-carousel .swiper-container .swiper-slide-title .price {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-goods-carousel .swiper-container .swiper-slide-title .old-price {
    font-family: MyriadPro, BrownStd, Arial;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: normal;
    font-weight: 500;
    color: #828282;
    text-decoration: line-through
}
@media (max-width:1024px) {
    .lgt-goods-carousel .swiper-container .swiper-slide-title .old-price {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-goods-carousel .swiper-container .swiper-slide-title .old-price {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-goods-carousel .swiper-container .swiper-slide .cart {
    margin-top: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 38px;
    background-color: #3EB4E7;
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 700;
    font-size: 22px;
    line-height: 23px;
    letter-spacing: normal;
    color: #fff
}
.lgt-goods-carousel .swiper-container .swiper-slide .cart img {
    margin-right: 9px;
    width: 30px;
    height: 30px
}
.lgt-goods-carousel .swiper-container .swiper-slide .cart span {
    padding-top: 6px
}
.lgt-goods-carousel .swiper-container .swiper-slide .cart:hover {
    background-color: #6bc6ed
}
@media (min-width:1024px) and (max-width:1599px) {
    .lgt-page .lgt-pp-section.lgt-goods-carousel {
        padding: 24px 0
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper {
        padding: 0
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .lgt-title-block, .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .slider-button-next, .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .slider-button-prev {
        display: none
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .lgt-title-block.show {
        padding: 24px 0;
        display: block
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .swiper-container .swiper-slide .lgt-button {
        padding: 16px 20px
    }
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section.lgt-goods-carousel {
        padding: 24px 0
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper {
        padding: 0 40px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .lgt-title-block {
        display: none
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .lgt-title-block.show {
        padding: 24px 0;
        display: block
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .slider-button-next, .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper .slider-button-prev {
        display: none
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide {
        height: 260px;
        padding: 6px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide:before {
        position: absolute;
        right: 0;
        content: "";
        display: inline-block;
        width: 1px;
        height: 95%;
        background: #ebebeb
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-img {
        height: 122px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title a {
        font-size: 12px;
        line-height: 15px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title .price-block {
        margin-top: auto;
        flex-direction: row;
        align-items: center
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title .price-block .price {
        font-size: 14px;
        line-height: 17px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title .price-block .old-price {
        margin-left: 8px;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: #828282
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .lgt-button {
        min-height: 38px;
        margin-top: 16px;
        padding: 7px 24px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .lgt-button img {
        display: none
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .lgt-button span {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: normal;
        color: #fff
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section.lgt-goods-carousel {
        padding: 32px 0
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .lgt-content-wrapper {
        padding: 0
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container {
        overflow: hidden
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide {
        height: 260px;
        padding: 6px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide:before {
        position: absolute;
        right: 0;
        content: "";
        display: inline-block;
        width: 1px;
        height: 95%;
        background: #ebebeb
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-img {
        height: 122px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title a {
        font-size: 12px;
        line-height: 15px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title .price-block {
        margin-top: auto;
        flex-direction: row;
        align-items: center
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title .price-block .price {
        font-size: 14px;
        line-height: 17px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .swiper-slide-title .price-block .old-price {
        margin-left: 8px;
        font-size: 12px;
        line-height: 15px;
        color: #828282
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .lgt-button {
        min-height: 31px;
        margin-top: 16px;
        padding: 8px 24px 6px
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .lgt-button img {
        display: none
    }
    .lgt-page .lgt-pp-section.lgt-goods-carousel .swiper-container .swiper-slide .lgt-button span {
        padding: 0;
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: normal;
        color: #fff
    }
}
.lgt-color_dark, .lgt-dark_bg {
    display: none
}
.lgt-mobile_header.active>.lgt-color_dark {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    overflow-y: scroll
}
.lgt-mobile_header.active>.lgt-color_dark .lgt-dark_bg {
    display: block;
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%
}
.lgt-mobile_header {
    width: 100%;
    height: 65px;
    display: none;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background: #333
}
.lgt-mobile_header.active {
    flex-direction: row-reverse
}
.lgt-mobile_header .lgt-burger {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/mobile_menu_burger.svg) center no-repeat;
    width: 50px;
    height: 50px;
    right: 0;
    z-index: 25
}
.lgt-mobile_header .lgt-burger.active {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/close.svg) center no-repeat
}
.lgt-mobile_header .lgt-logo_mobile {
    height: 100%;
    width: 271px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 11;
    background: #333
}
.lgt-mobile_header .lgt-logo_mobile-logitech {
    width: 100%
}
.lgt-mobile_header .lgt-logo_mobile-logitech img {
    height: 100%;
    width: auto
}
.lgt-mobile_header .lgt-logo_mobile-logitech_gaming {
    height: 100%;
    background: #4EB7F6
}
.lgt-mobile_header .lgt-logo_mobile-logitech_gaming img {
    height: 100%;
    width: auto
}
.lgt-mobile_header img {
    margin: 0 auto;
    width: auto;
    height: 20px;
    cursor: pointer
}
.lgt-mobile_header .lgt-close {
    cursor: pointer;
    z-index: 20
}
.lgt-mobile_header .lgt-mobile_menu {
    width: 271px;
    opacity: 0;
    flex-direction: column;
    position: absolute;
    top: 65px;
    left: -100%;
    z-index: 100;
    background: #333;
    transition: .2s
}
.lgt-mobile_header .lgt-mobile_menu_hide, .lgt-mobile_header .lgt-mobile_menu_show {
    display: flex;
    flex-direction: column
}
.lgt-mobile_header .lgt-mobile_menu .lgt-hidden {
    display: none
}
.lgt-mobile_header .lgt-mobile_menu.active {
    z-index: 100;
    display: flex;
    opacity: 1;
    left: 0
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group {
    padding: 0;
    position: relative;
    display: flex;
    justify-content: space-between
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group a {
    padding: 16px 14px;
    width: calc(100% - 50px);
    height: 100%
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group .lgt-category {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFF;
    width: 50px;
    height: 49.75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #474747
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group .lgt-category.lgt-game-category {
    border-bottom: none;
    height: 48px
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group .lgt-category svg {
    width: 15px;
    height: auto
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group .lgt-category svg path {
    fill: #4EB7F6
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group .lgt-category_active svg path, .lgt-page .lgt-pp-section-bottom-banner.white .lgt-content-wrapper .lgt-content .lgt-logo svg {
    fill: #fff
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group .lgt-category_active {
    background-color: #828282
}
.lgt-mobile_header .lgt-mobile_menu .lgt-group .lgt-category_active svg {
    transform: rotate(180deg)
}
.lgt-mobile_header .lgt-mobile_menu_item {
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: normal;
    color: #BDBDBD;
    padding: 16px 14px;
    border-bottom: 1px solid #474747;
    cursor: pointer;
    transition: .2s
}
*, * a img {
    border: none
}
.lgt-mobile_header .lgt-mobile_menu_item a {
    text-decoration: none;
    color: #BDBDBD
}
.lgt-mobile_header .lgt-mobile_menu_item.hide {
    font-size: 12px;
    padding-left: 29px;
    background-color: #404040
}
.lgt-mobile_header .lgt-mobile_menu_item.lgt-category {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.lgt-mobile_header .lgt-mobile_menu_item.lgt-category:after {
    content: "";
    width: 10px;
    height: 5px;
    right: -8px;
    transform: rotate(-90deg);
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/dropdown_arrow.svg) center no-repeat;
    background-size: contain
}
.lgt-mobile_header .lgt-mobile_menu_item.lgt-category_active {
    width: 100%;
    flex-direction: row-reverse;
    background-color: #fff;
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: normal;
    color: #333
}
.lgt-mobile_header .lgt-mobile_menu_item.lgt-category_active span {
    margin: 0 auto
}
.lgt-mobile_header .lgt-mobile_menu_item.lgt-category_active:after {
    content: "";
    width: 10px;
    height: 5px;
    right: -8px;
    transform: rotate(90deg);
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/dropdown_arrow.svg) center no-repeat;
    background-size: contain
}
.lgt-mobile_header .lgt-mobile_menu_item:hover {
    color: #fff;
    background: #828282
}
@media (max-width:1024px) {
    .lgt-mobile_header {
        display: flex;
        flex-direction: row-reverse
    }
    .lgt-mobile_header .lgt-mobile_menu_item:hover {
        color: #fff;
        background: inherit
    }
}
@media (max-height:340px) {
    .lgt-mobile_header .wrapper_menu {
        overflow: scroll
    }
}
@media (max-width:767px) {
    .lgt-mobile_header {
        height: 50px;
        display: flex;
        flex-direction: row
    }
    .lgt-mobile_header.active .lgt-logo_mobile {
        margin-right: auto;
        width: 271px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
    }
    .lgt-mobile_header .lgt-logo_mobile {
        width: 271px;
        display: flex;
        justify-content: space-between
    }
    .lgt-mobile_header .lgt-logo_mobile-logitech {
        padding: 15px;
        width: auto;
        margin-left: auto
    }
    .lgt-mobile_header .lgt-logo_mobile-logitech img {
        width: 66px
    }
    .lgt-mobile_header.active {
        background: 0 0;
        flex-direction: row-reverse;
        width: 100%
    }
    .lgt-mobile_header .lgt-burger {
        background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/mobile_menu_burger.svg) center no-repeat;
        width: 50px;
        height: 50px
    }
    .lgt-mobile_header .lgt-burger.active {
        position: absolute;
        background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2021/June/Logitech_HUB/images/icons/close_white.svg) center no-repeat
    }
    .lgt-mobile_header .lgt-mobile_menu {
        top: 50px
    }
}
*, * ul {
    margin: 0;
    padding: 0
}
body, body.fixed {
    height: 100%
}
:root {
    --primary-color: #000;
    --secondary-color: #fff;
    --accent-color: #BA8748;
    --accent-color-2: #A7A9AC
}
html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body {
    position: relative;
    scroll-behavior: smooth;
    width: 100%;
    background-color: #fff;
    font-size: 14px
}
.lgt-page.fixed, body.fixed {
    position: fixed;
    top: 0;
    left: 0
}
* {
    box-sizing: border-box;
    outline: 0;
    -webkit-appearance: none
}
/* * img {
    width: 100%;
    height: auto
}
* img, * svg {
    display: block
}*/
* textarea {
    resize: none
}
* a {
    text-decoration: none;
    cursor: pointer;
    display: inline-block
}
* ul li {
    list-style: none
}
.lgt-page {
    max-width: 1440px;
    padding: 0;
    margin: 0 auto;
    height: 100%
}
.lgt-page.fixed {
    height: 100%;
    width: 100%
}
.lgt-page h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.1em
}
@media (max-width:1024px) {
    .lgt-page h1 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 40px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page h1 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 33px
}
@media (max-width:1024px) {
    .lgt-page h2 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page h2 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px
}
@media (max-width:1024px) {
    .lgt-page h3 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page h3 {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px
}
.lgt-page .lgt-slider-temporary {

    max-width: 1200px;
    margin: 0 auto
}
.lgt-page .lgt-slider-temporary .lgt-title-slider {
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
}
@media (max-width:1024px) {
    .lgt-page .lgt-slider-temporary .lgt-title-slider {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-slider-temporary .lgt-title-slider {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page .lgt-brown-font {
    font-family: MyriadPro, Arial, sans-serif !important;
    display: inline !important
}
.lgt-page .lgt-pp-section {
    margin: 0 auto;
    max-width: 1440px
}
.lgt-page .lgt-pp-section .lgt-content-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 0 20px
}
.lgt-page .lgt-pp-section.padding {
    padding: 82px 0;
    box-sizing: border-box
}
.lgt-page .lgt-mt-8 {
    margin-top: 8px
}
.lgt-page .lgt-pd-top-none {
    padding-top: 0 !important
}
.lgt-page .lgt-pd-bot-none {
    padding-bottom: 0 !important
}
.lgt-page .lgt-logo-gaming-banner {
    position: absolute;
    z-index: 10;
    top: 10.8%;
    left: 8.3%
}
.lgt-page .lgt-pp-section-apple {
    position: relative;
    margin-bottom: 72px
}
.lgt-page .lgt-pp-section-apple .lgt-cover {
    overflow: hidden
}
.lgt-page .lgt-pp-section-apple img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s
}
.lgt-page .lgt-pp-section-apple img:hover {
    transform: scale(1.27)
}
.lgt-page .lgt-pp-section-apple h2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8.19444%;
    z-index: 10;
    font-family: BrownStd, Arial, sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%
}
.lgt-page .lgt-p-btm {
    padding-bottom: 76px
}
.lgt-page .lgt-no-hover .lgt-wrapper_title {
    background-color: transparent !important
}
.lgt-page .lgt-no-hover .lgt-wrapper_title:after {
    display: none !important
}
.lgt-page .lgt-no-hover .lgt-wrapper_title:hover {
    background: 0 0
}
.lgt-page .lgt-pp-section-video {
    padding-bottom: 80px;
    margin: 0 auto
}
.lgt-page .lgt-pp-section-video .lgt-youtube {
    padding: 0;
    height: 35vw
}
.lgt-page .lgt-pp-section-video .lgt-youtube iframe {
    width: 100%;
    height: 100%
}
.lgt-page .lgt-pp-section-bottom-banner {
    position: relative
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-cover.shaded:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-71deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .73) 78.68%);
    position: absolute;
    z-index: 2
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper {
    z-index: 3;
    padding: 0 120px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-logo {
    margin-bottom: 35px
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-logo img, .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-logo svg {
    max-width: 167px;
    height: 100%;
    width: 100%
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content h1 {
    color: #fff;
    display: block;
    margin-bottom: 16px
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content h1 b:nth-child(1) {
    color: #69E7D2 !important
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content h1 b:nth-child(2) {
    color: #E3FA52 !important
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content h1 b:nth-child(3) {
    color: #51B6F1 !important
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content h1.uppercase {
    text-transform: uppercase
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-subtitle {
    font-family: MyriadPro, BrownStd, Arial;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: normal;
    color: #fff !important;
    margin-bottom: 40px
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-subtitle {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-subtitle {
        font-family: MyriadPro, BrownStd, Arial;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2em;
        letter-spacing: normal;
        color: #2F3132
    }
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-button {
    padding: 16px 25px;
    background: #3EB4E7
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-button.purple {
    background: #7857F1
}
.lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-button.purple:hover {
    background: #8D6FFF
}
.lgt-page .lgt-pp-section-bottom-banner.white .lgt-content-wrapper .lgt-content h1 {
    color: #fff
}
.lgt-page .lgt-pp-section-bottom-banner.lgt-dark .lgt-content-wrapper .lgt-content .lgt-logo svg {
    fill: #2F3132
}
.lgt-page .lgt-pp-section-bottom-banner.lgt-dark .lgt-content-wrapper .lgt-content h1 {
    color: #2F3132
}
.lgt-page .lgt-title-block {
    text-align: center;
    padding: 82px 0
}
.lgt-page .lgt-title-block.bottom-half {
    padding: 82px 0 32px
}
.lgt-page .lgt-title-block.top-half {
    padding: 32px 0 82px
}
.lgt-page .lgt-title-block.top {
    padding: 82px 0 0
}
.lgt-page .lgt-title-block.bottom {
    padding: 0 0 82px
}
@media (min-width:1024px) and (max-width:1599px) {
    .lgt-page .lgt-pp-section-video {
        padding: 48px 0
    }
    .lgt-page .lgt-pp-section-video .lgt-content-wrapper {
        height: 431px
    }
    .lgt-page .lgt-logo-gaming-banner {
        top: 8%;
        left: 40px
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper {
        padding: 37px
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content-wrapper {
        padding: 0
    }
    .lgt-page .lgt-pp-section .lgt-title-block {
        padding-bottom: 32px
    }
}
@media (max-width:1024px) {
    .lgt-page .lgt-pp-section-apple {
        padding-bottom: 0
    }
    .lgt-page .lgt-pp-section-apple h2 {
        left: 20px;
        z-index: 10;
        font-size: 2.34vw;
        line-height: 110%
    }
    .lgt-page .lgt-logo-gaming-banner {
        max-width: 15.75%;
        top: 10%;
        left: 20px
    }
    .lgt-page .lgt-game-main-banner .lgt-title {
        top: 34% !important
    }
    .lgt-page .lgt-pp-section-gaming-mv {
        padding: 80px 0
    }
    .lgt-page .lgt-pp-section-gaming-mv h2 {
        text-align: center;
        margin-bottom: 32px
    }
    .lgt-page .lgt-pp-section-gaming-mv .category-block {
        display: flex
    }
    .lgt-page .lgt-pp-section-gaming-mv .category-block-item {
        position: relative;
        overflow: hidden
    }
    .lgt-page .lgt-pp-section-gaming-mv .category-block-item img {
        transition: .5s
    }
    .lgt-page .lgt-pp-section-gaming-mv .category-block-item img:hover {
        transform: scale(1.27)
    }
    .lgt-page .lgt-pp-section-gaming-mv .category-block-item p {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 13.84%;
        z-index: 10;
        font-family: BrownStd, Arial, sans-serif;
        font-size: 2.34vw;
        line-height: 100%;
        color: #FFF
    }
    .lgt-page .lgt-pp-section-video {
        padding: 48px 0
    }
    .lgt-page .lgt-pp-section-video .lgt-content-wrapper {
        padding: 0 20px;
        height: 333px
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper {
        padding: 18px
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-logo {
        width: 16.66666%;
        margin-bottom: 24px
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-logo img {
        width: 100%;
        height: auto
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content h1 {
        margin-bottom: 4px;
        font-size: 4.1666vw;
        line-height: 130%
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-subtitle {
        font-size: 2.08888vw;
        font-weight: 400;
        margin-bottom: 24px
    }
    .lgt-page .lgt-pp-section .lgt-title-block {
        padding: 24px 24px 32px
    }
}
@media (max-width:767px) {
    .lgt-page .lgt-pp-section-apple a {
        width: 100%
    }
    .lgt-page .lgt-pp-section-apple h2 {
        left: 20px;
        z-index: 10;
        font-size: 5vw;
        line-height: 110%;
        max-width: 33%
    }
    .lgt-page .lgt-game-main .lgt-title {
        top: 51% !important
    }
    .lgt-page .lgt-game-main p {
        display: block !important;
        font-size: 4.375vw !important;
        text-transform: none !important;
        width: 179px
    }
    .lgt-page .lgt-logo-gaming-banner {
        max-width: 47.81%;
        top: 70px;
        left: 20px
    }
    .lgt-page .lgt-pp-section-video {
        padding: 32px 15px
    }
    .lgt-page .lgt-pp-section-video .lgt-content-wrapper {
        padding: 0;
        height: 51.89655vw
    }
    .lgt-page .lgt-choice .lgt-wrapper_title {
        display: block !important
    }
    .lgt-page .lgt-choice .lgt-wrapper_title .lgt-title {
        font-size: 5vw
    }
    .lgt-page .lgt-choice .swiper-pagination {
        display: block !important;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper {
        height: 100%
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-logo {
        margin-bottom: 16px;
        width: 50%
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-logo img {
        width: 100%;
        height: auto
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content h1 {
        font-size: 10vw;
        width: 50%;
        margin-bottom: 8px
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-subtitle {
        font-size: 4.5vw;
        font-weight: 400;
        margin-bottom: 0
    }
    .lgt-page .lgt-pp-section-bottom-banner .lgt-content-wrapper .lgt-content .lgt-button {
        font-size: 14px;
        line-height: 17px;
        padding: 10px 0;
        margin-top: 16px;
        width: 100%;
        text-align: center
    }
    .lgt-page .lgt-pp-section .lgt-title-block {
        padding: 16px
    }
    .lgt-page .no-mobile {
        display: none
    }
}