#desktop-navigation {
    padding-left: 4.125rem;
    padding-right: 4.125rem
}

#navigation {
    font-size: 16px;
    position: relative
}

#navigation .navigation-container {
    position: relative;
    z-index: 100
}

#navigation .navigation-top-level-item>button {
    border-bottom-width: 6px;
    border-color: #0000;
    font-weight: 400;
    margin-bottom: -6px;
    margin-right: 1.4rem
}

#navigation .navigation-top-level-item>button:focus,
#navigation .navigation-top-level-item>button:hover {
    border-color: #81dcf7
}

#navigation .navigation-top-level-item .navigation-drop {
    left: 50%;
    position: absolute;
    top: 4rem;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10
}
img#sonylogo {
    max-width: 110px;
    width: 110px;
    height: 25px;
}
.pva-floating-style.pva-container {
    display: none;
}
#navigation .navigation-top-level-item .navigation-drop img {
    margin-bottom: 1rem
}

#navigation .navigation-top-level-item .navigation-drop a {
    color: #fff
}

#navigation .navigation-top-level-item .navigation-drop a.parent {
    color: #81dcf7
}

#navigation .navigation-top-level-item .navigation-drop a:hover {
    text-decoration: underline
}

#navigation .navigation-top-level-item.navigation-open>.navigation-drop {
    opacity: 1;
    transition: opacity 0s ease;
    visibility: visible
}

#navigation .navigation-top-level-item.navigation-hidden>.navigation-drop {
    opacity: 0;
    transition: visibility 0s 0s, opacity .4s ease;
    visibility: hidden
}

#navigation .navigation-bar ul {
    overflow: hidden
}

#navigation .navigation-bar ul li:after {
    animation: fadeLineIn .2s ease-in-out backwards;
    opacity: 1
}

#navigation .navigation-bar ul li button {
    height: 4rem;
    position: relative
}

.dropdown-bg {
    background: #00000073;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin-bottom: 20rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9
}

.login-register-tooltip:after,
.navbar-right:after {
    border-color: #0000 #0000 #81dcf7;
    border-style: solid;
    border-width: 0 10px 10px;
    bottom: 0;
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    left: 90%;
    margin-left: -10px;
    opacity: 1;
    position: absolute;
    transition: all .5s ease;
    visibility: visible;
    width: 0
}

.login-register-tooltip:after.active,
.navbar-right:after.active {
    opacity: 1;
    visibility: visible
}

.login-register-tooltip .ngp-icon:after,
.navbar-right .ngp-icon:after {
    height: 28px;
    width: 28px
}

.login-register-tooltip>a:first-of-type,
.login-register-tooltip>a:last-of-type,
.navbar-right>a:first-of-type,
.navbar-right>a:last-of-type {
    padding-left: 15px;
    padding-right: 15px
}

.search-tooltip {
    background-color: #fff;
    color: #555;
    max-width: 100%;
    opacity: 0;
    padding: 0;
    right: 0;
    top: 100%;
    visibility: hidden;
    width: 540px;
    z-index: 99
}

.search-tooltip,
.search-tooltip:after {
    display: block;
    position: absolute;
    transition: all .5s ease
}

.search-tooltip:after {
    border-color: #0000 #0000 #81dcf7;
    border-style: solid;
    border-width: 0 10px 10px;
    bottom: 0;
    bottom: 100%;
    content: "";
    height: 0;
    left: 95%;
    margin-left: -10px;
    width: 0
}

.search-tooltip:after,
.search-tooltip:after.active {
    opacity: 1;
    visibility: visible
}

.search-tooltip .ngp-icon:after {
    height: 28px;
    width: 28px
}

.search-tooltip>a:first-of-type,
.search-tooltip>a:last-of-type {
    padding-left: 15px;
    padding-right: 15px
}

.search-tooltip.active {
    opacity: 1;
    visibility: visible
}

.search-tooltip .typeahead-wrapper {
    background-color: #fff
}

.search-tooltip .typeahead-wrapper .typeahead-default {
    background-color: #2c3e50;
    border: 1px solid #81dcf7;
    color: #e1f0f5;
    padding: 9px 20px
}

.search-tooltip .typeahead-wrapper .typeahead-default input {
    background-color: #0000;
    border: 0;
    color: #e1f0f5;
    width: 100%
}

.search-tooltip .typeahead-wrapper .typeahead-default input::-webkit-input-placeholder {
    color: #fff !important;
    opacity: .8
}

.search-tooltip .typeahead-wrapper .typeahead-default input:-moz-placeholder,
.search-tooltip .typeahead-wrapper .typeahead-default input::-moz-placeholder {
    color: #fff !important;
    opacity: .8
}

.search-tooltip .typeahead-wrapper .typeahead-default input:-ms-input-placeholder {
    color: #fff !important;
    opacity: .8
}

.search-tooltip .typeahead-wrapper .typeahead-results {
    color: #555;
    display: none;
    padding: 0
}

.search-tooltip .typeahead-wrapper .has-results {
    display: block;
    font-size: 13px
}

.search-tooltip .typeahead-wrapper .has-results ul>li {
    border-bottom: 1px solid #f3f6fb;
    overflow: hidden;
    padding: 15px 15px 15px 18px;
    position: relative;
    text-align: left
}

.search-tooltip .typeahead-wrapper .has-results ul>li:after {
    clear: both;
    content: "";
    display: table
}

.search-tooltip .typeahead-wrapper .has-results ul>li.active,
.search-tooltip .typeahead-wrapper .has-results ul>li:focus,
.search-tooltip .typeahead-wrapper .has-results ul>li:hover {
    background-color: #f3f6fb
}

.search-tooltip .typeahead-wrapper .has-results ul>li:last-of-type {
    border-bottom: 0
}

.search-tooltip .typeahead-wrapper .has-results ul>li h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    max-width: 250px
}

.search-tooltip .typeahead-wrapper .has-results ul>li p {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    max-width: 250px
}

.search-tooltip .typeahead-wrapper .has-results ul>li img {
    display: none;
    max-height: 80px;
    max-width: 110px;
    position: absolute;
    right: 25px;
    top: 10px
}

.search-tooltip .typeahead-wrapper .has-results ul>li img[src] {
    display: block
}

.search-tooltip .typeahead-wrapper .has-results ul>li .block-link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%
}

.search-tooltip .typeahead-wrapper .has-results .show-all-results {
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0 18px
}

@keyframes fadeLineIn {
    0% {
        opacity: 0;
        transform: translateY(5px);
        width: 50%
    }

    to {
        opacity: 1;
        transform: translateY(0);
        width: 100%
    }
}

.animate-in {
    animation: mobilenavin .2s cubic-bezier(.175, .885, .32, 1.1) forwards
}

.animate-out {
    animation: mobilenavout .2s ease-out forwards
}

#mobile-navigation ul.sub-menu-open {
    transform: translateX(-100vw)
}

#mobile-navigation ul.sub-menu-open>ul {
    transform: translateX(0)
}

#mobile-navigation>ul>ul {
    transform: translateX(100vw)
}

@keyframes mobilenavin {
    0% {
        opacity: 0;
        transform: translateX(100vw)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes mobilenavout {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-100vw)
    }
}

@media only screen and (max-width:1024px) {

    .login-register-tooltip,
    .navbar-right {
        text-align: center
    }

    .login-register-tooltip:after,
    .navbar-right:after {
        border-color: #0000 #0000 #81dcf7;
        border-style: solid;
        border-width: 0 10px 10px;
        bottom: 0;
        bottom: 100%;
        content: "";
        display: block;
        height: 0;
        left: 88%;
        margin-left: -10px;
        opacity: 1;
        position: absolute;
        transition: all .5s ease;
        visibility: visible;
        width: 0
    }

    .login-register-tooltip:after.active,
    .navbar-right:after.active {
        opacity: 1;
        visibility: visible
    }

    .login-register-tooltip .ngp-icon:after,
    .navbar-right .ngp-icon:after {
        height: 28px;
        width: 28px
    }

    .login-register-tooltip>a:first-of-type,
    .login-register-tooltip>a:last-of-type,
    .navbar-right>a:first-of-type,
    .navbar-right>a:last-of-type {
        padding-left: 15px;
        padding-right: 15px
    }

    .navbar-right:after,
    .search-tooltip:after {
        border-color: #0000 #0000 #81dcf7;
        border-style: solid;
        border-width: 0 10px 10px;
        bottom: 0;
        bottom: 100%;
        content: "";
        display: block;
        height: 0;
        left: 95%;
        margin-left: -10px;
        opacity: 1;
        position: absolute;
        transition: all .5s ease;
        visibility: visible;
        width: 0
    }

    .navbar-right:after.active,
    .search-tooltip:after.active {
        opacity: 1;
        visibility: visible
    }

    .navbar-right .ngp-icon:after,
    .search-tooltip .ngp-icon:after {
        height: 28px;
        width: 28px
    }

    .navbar-right>a:first-of-type,
    .navbar-right>a:last-of-type,
    .search-tooltip>a:first-of-type,
    .search-tooltip>a:last-of-type {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:768px) {

    .login-register-tooltip:after,
    .navbar-right:after {
        display: none;
        opacity: 0;
        visibility: hidden
    }

    .login-register-tooltip:after.active,
    .navbar-right:after.active {
        opacity: 0;
        visibility: hidden
    }

    .search-tooltip {
        margin-top: 20px
    }

    .login-register {
        text-align: center
    }
}

.navigation-hamburger {
    height: 22px;
    overflow: hidden
}

.navigation-hamburger,
.navigation-hamburger .line {
    position: relative;
    transition: all .4s ease-in-out;
    width: 22px
}

.navigation-hamburger .line {
    background-color: #fff;
    border-radius: 1px;
    height: 2px;
    opacity: 1
}

.navigation-hamburger.is-closed .line:not(:last-child) {
    margin-bottom: 5px
}

.navigation-hamburger.is-open .line:first-child {
    transform: rotate(-45deg) translate(-3px, -2px)
}

.navigation-hamburger.is-open .line:nth-of-type(2) {
    opacity: 0
}

.navigation-hamburger.is-open .line:last-child {
    transform: rotate(45deg) translate(-5px)
}

.btn {
    background-color: #0000;
    border: 1px solid #f3f6fb;
    border-radius: 0;
    box-shadow: none !important;
    color: #f3f6fb;
    font-family: SST W20 Medium, Verdana, sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 25px;
    margin-right: 16px;
    min-width: 120px;
    padding: 12px 30px;
    text-align: center;
    transition: background-color .5s ease, border .5s ease
}

.btn:focus,
.btn:hover {
    background-color: #f3f6fb;
    color: #2c3e50
}

.btn:active {
    opacity: .8
}

.btn :last-of-type {
    margin-right: 1px
}

.btn-bold {
    font-weight: 700
}

.btn-wide {
    padding-left: 45px;
    padding-right: 45px
}

.btn-extra-lg {
    font-size: 18px;
    padding-bottom: 18px;
    padding-top: 18px
}

.btn-yellow {
    background-color: #ffd200;
    border: 2px solid #ffd200;
    color: #2c3e50
}

.btn-yellow:focus,
.btn-yellow:hover {
    background-color: #2c3e50;
    border: 2px solid #ffd200;
    color: #ffd200
}

.btn-grey {
    background-color: #959ea7;
    border: 2px solid #959ea7;
    color: #2c3e50
}

.btn-grey:focus,
.btn-grey:hover {
    background-color: #2c3e50;
    border: 2px solid #959ea7;
    color: #959ea7
}

.btn-blue {
    border-color: #2c3e50;
    color: #2c3e50
}

.btn-blue .active {
    background-color: #2c3e50 !important;
    color: #fff
}

.btn-blue-invert,
.btn-blue:focus,
.btn-blue:hover {
    background-color: #2c3e50;
    color: #fff
}

.btn-blue-invert {
    border-color: #2c3e50
}

.btn-blue-invert:focus,
.btn-blue-invert:hover {
    background-color: #0000;
    color: #2c3e50
}

.btn-lg {
    font-size: 16px;
    line-height: 21px
}

.btn-download {
    background-color: #7ac3d3;
    border-color: #7ac3d3;
    color: #fff;
    margin-bottom: 0;
    max-width: 100%;
    padding: 15px 70px 15px 20px;
    position: relative
}

.btn-download:active,
.btn-download:focus,
.btn-download:hover {
    background-color: #7ab3d3;
    border-color: #7ab3d3;
    color: #fff
}

.btn-download .download-icon {
    display: block;
    font-size: 24px;
    height: 24px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.btn-download.btn-download-yellow {
    background-color: #ffd200;
    border-color: #ffd200;
    color: #2c3e50
}

.btn-download.btn-download-yellow:active,
.btn-download.btn-download-yellow:focus,
.btn-download.btn-download-yellow:hover {
    background-color: #2c3e50;
    color: #ffd200
}

.btn-expand-collapse {
    background-color: #f3f6fa;
    border: 0;
    color: #2c3e50;
    display: inline-block;
    font-family: SST W20 Medium, Verdana, sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding: 14px 60px 14px 25px;
    position: relative
}

.btn-expand-collapse:after {
    color: #2c3e50;
    content: "z";
    font-family: sonyngp !important;
    font-size: 32px;
    height: 14px;
    line-height: 8px;
    margin-top: -8px;
    position: absolute;
    right: 15px;
    text-align: center;
    text-indent: -5px;
    top: 50%;
    transition: background-color .25s ease;
    width: 23px
}

.btn-expand-collapse:focus,
.btn-expand-collapse:hover {
    background-color: #e1f0f5
}

.btn-expand-collapse:focus-visible {
    outline: revert
}

.lang-zh .btn,
.lang-zh .btn-expand-collapse {
    font-family: Microsoft YaHei, sans-serif
}

.btn-collapse-all:after {
    content: "w";
    line-height: 16px;
    text-indent: -4px
}

.btn-lilac {
    background-color: #f3f6fa;
    color: #2c3e50
}

.btn-lilac:focus,
.btn-lilac:hover {
    background-color: #e1f0f5
}

.btn-white {
    background-color: #fff;
    color: #2c3e50
}

.btn-white:focus,
.btn-white:hover {
    background-color: #e1f0f5
}

.btn-solutions-light {
    border: 1px solid #0a5e9d;
    color: #0a5e9d
}

.btn-solutions-light:focus,
.btn-solutions-light:hover {
    background-color: #0a5e9d;
    border: 1px solid #0a5e9d;
    color: #fff
}

.btn-solutions-dark {
    background-color: none;
    border: 1px solid #1994f0;
    color: #fff
}

.btn-solutions-dark:focus,
.btn-solutions-dark:hover {
    background-color: #1994f0;
    border: 1px solid #1994f0;
    color: #fff
}

.btn-solutions-filter {
    background-color: #0000;
    border: 1px solid #0a5e9d;
    color: #0a5e9d;
    padding: 8px 15px
}

.btn-solutions-filter:hover {
    background-color: #0a5e9d;
    border: 1px solid #0a5e9d;
    color: #fff
}

.btn-solutions-filter:focus {
    background-color: #0000;
    border: 1px solid #0a5e9d;
    color: #0a5e9d
}

.btn-solutions-filter.active-filter {
    background-color: #0a5e9d !important;
    border: 1px solid #0a5e9d !important;
    color: #fff
}

.btn-solutions-filter.active-filter:focus {
    background-color: #0a5e9d !important;
    border: 1px solid #0a5e9d !important;
    color: #fff !important
}

.btn-disabled {
    cursor: not-allowed;
    font-size: 14px;
    line-height: 18px
}

.btn-flat {
    border: 0
}

.scrollToTop {
    background-color: #fff;
    border: 1px solid #0a5e9d;
    border-radius: 3px;
    bottom: 40px;
    color: #0a5e9d;
    font-size: 26px;
    height: 40px !important;
    margin: 0;
    opacity: .6;
    padding: 0 !important;
    position: fixed;
    right: 40px;
    text-align: center;
    width: 40px !important;
    z-index: 999
}

.fadeOut {
    opacity: 0;
    visibility: hidden
}

.fadeIn,
.fadeOut {
    transition: all .25s linear
}

.fadeIn {
    opacity: 1;
    visibility: visible
}

.fadeIn:focus,
.fadeIn:hover {
    background-color: #fff;
    border: 2px solid #0a5e9d;
    opacity: 1;
    transition: none
}

.fadeIn:focus i,
.fadeIn:hover i {
    font-weight: bolder
}

@media only screen and (max-width:480px) {

    .btn,
    .btn:last-of-type {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
}

.login-register {
    background-color: #35495e;
    color: #fff;
    display: block;
    opacity: 0;
    padding: 30px 20px;
    position: absolute;
    right: 0;
    top: calc(100% + 16px);
    transition: all .5s ease;
    visibility: hidden;
    width: 100%;
    z-index: 10
}
a, a:focus, a:hover {
    color: white !important;
}

@media(min-width:768px) {
    .login-register {
        top: 100%;
        width: 60%
    }
}

.login-register.active {
    opacity: 1;
    transition: all .5s ease;
    visibility: visible
}

.login-register .btn {
    font-size: 16px;
    line-height: 23px
}

/*# sourceMappingURL=Navigation.0d74addb.chunk.css.map*/