.animatedbtn__play.js-loader-loaded:hover .animatedbtn__play__loader {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -o-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -webkit-animation: playHover 0.5s linear 0s 1 normal forwards;
    animation: playHover 0.5s linear 0s 1 normal forwards;
}

.animatedbtn__play {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 90px;
    cursor: pointer;
}

.no-smil .animatedbtn__play:after {
    background-image: url(/themes/nioweb/css/images/icon-play-white.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}

.no-smil .animatedbtn__play svg {
    display: none;
}

.animatedbtn__play .svg__rect {
    width: 90px;
    height: 90px;
}

.animatedbtn__play__loader {
    -webkit-transition: stroke-dashoffset 0.3s linear;
    -o-transition: stroke-dashoffset 0.3s linear;
    transition: stroke-dashoffset 0.3s linear;
    stroke-dasharray: 282.6px;
    stroke-dashoffset: 141.3px;
}

.animatedbtn__play.js-loader-loading .animatedbtn__play__loader {
    -webkit-animation: loader 0.5s linear 0s infinite normal forwards;
    animation: loader 0.5s linear 0s infinite normal forwards;
}

.animatedbtn__play.js-loader-loading .svg__pause {
    opacity: 0;
}

.animatedbtn__play.js-loader-loaded .animatedbtn__play__loader {
    -webkit-animation: loaded 0.5s linear 0s 1 normal forwards;
    animation: loaded 0.5s linear 0s 1 normal forwards;
}

.animatedbtn__play.animatedbtn__play--48 {
    height: 48px;
    width: 48px;
}

.animatedbtn__play.animatedbtn__play--48 .animatedbtn__play__loader {
    stroke-dasharray: 150.72px;
    stroke-dashoffset: 75.36px;
}

.animatedbtn__play.animatedbtn__play--48 .svg__rect {
    height: 48px;
    width: 48px;
}

.animatedbtn__play.animatedbtn__play--64 {
    height: 64px;
    width: 64px;
}

.animatedbtn__play.animatedbtn__play--64 .animatedbtn__play__loader {
    stroke-dasharray: 200.96px;
    stroke-dashoffset: 100.48px;
}

.animatedbtn__play.animatedbtn__play--64 .svg__rect {
    height: 64px;
    width: 64px;
}

.animatedbtn__play.animatedbtn__play--128 {
    height: 128px;
    width: 128px;
}

.animatedbtn__play.animatedbtn__play--128 .animatedbtn__play__loader {
    stroke-dasharray: 401.92px;
    stroke-dashoffset: 200.96px;
}

.animatedbtn__play.animatedbtn__play--128 .svg__rect {
    height: 128px;
    width: 128px;
}

.no-smil .animatedbtn__zoom:after {
    background-image: url(/themes/nioweb/css/images/icon-zoom.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}

.no-smil .animatedbtn__zoom img,
.no-smil .animatedbtn__zoom svg {
    display: none;
}

.animatedbtn__play.js-loader-loaded:hover .animatedbtn__play__loader {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -o-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -webkit-animation: playHover 0.5s linear 0s 1 normal forwards;
    animation: playHover 0.5s linear 0s 1 normal forwards;
}

.animatedbtn__play {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 90px;
    cursor: pointer;
}

.no-smil .animatedbtn__play:after {
    background-image: url(/themes/nioweb/css/images/icon-play-white.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}

.no-smil .animatedbtn__play svg {
    display: none;
}

.animatedbtn__play .svg__rect {
    width: 90px;
    height: 90px;
}

.animatedbtn__play__loader {
    -webkit-transition: stroke-dashoffset 0.3s linear;
    -o-transition: stroke-dashoffset 0.3s linear;
    transition: stroke-dashoffset 0.3s linear;
    stroke-dasharray: 282.6px;
    stroke-dashoffset: 141.3px;
}

.animatedbtn__play.js-loader-loading .animatedbtn__play__loader {
    -webkit-animation: loader 0.5s linear 0s infinite normal forwards;
    animation: loader 0.5s linear 0s infinite normal forwards;
}

.animatedbtn__play.js-loader-loading .svg__pause {
    opacity: 0;
}

.animatedbtn__play.js-loader-loaded .animatedbtn__play__loader {
    -webkit-animation: loaded 0.5s linear 0s 1 normal forwards;
    animation: loaded 0.5s linear 0s 1 normal forwards;
}

.animatedbtn__play.animatedbtn__play--48 {
    height: 48px;
    width: 48px;
}

.animatedbtn__play.animatedbtn__play--48 .animatedbtn__play__loader {
    stroke-dasharray: 150.72px;
    stroke-dashoffset: 75.36px;
}

.animatedbtn__play.animatedbtn__play--48 .svg__rect {
    height: 48px;
    width: 48px;
}

.animatedbtn__play.animatedbtn__play--64 {
    height: 64px;
    width: 64px;
}

.animatedbtn__play.animatedbtn__play--64 .animatedbtn__play__loader {
    stroke-dasharray: 200.96px;
    stroke-dashoffset: 100.48px;
}

.animatedbtn__play.animatedbtn__play--64 .svg__rect {
    height: 64px;
    width: 64px;
}

.animatedbtn__play.animatedbtn__play--128 {
    height: 128px;
    width: 128px;
}

.animatedbtn__play.animatedbtn__play--128 .animatedbtn__play__loader {
    stroke-dasharray: 401.92px;
    stroke-dashoffset: 200.96px;
}

.animatedbtn__play.animatedbtn__play--128 .svg__rect {
    height: 128px;
    width: 128px;
}

.no-smil .animatedbtn__zoom:after {
    background-image: url(/themes/nioweb/css/images/icon-zoom.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}

.no-smil .animatedbtn__zoom img,
.no-smil .animatedbtn__zoom svg {
    display: none;
}

.animatedbtn__play.js-loader-loaded:hover .animatedbtn__play__loader,
.no-touchevents .image-cta__inner:hover .animatedbtn__play__loader {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -o-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -webkit-animation: playHover 0.5s linear 0s 1 normal forwards;
    animation: playHover 0.5s linear 0s 1 normal forwards;
}

.image-cta.image-cta--text-black .animatedbtn__play .svg__rect__shape--stroke,
.image-cta.image-cta--text-black .animatedbtn__play g {
    stroke: #000;
}

.image-cta .animatedbtn__play {
    margin-bottom: 20px;
    z-index: 2;
}

@media (min-width:48em) {
    .image-cta .animatedbtn__play {
        margin-bottom: 30px;
    }
}

.image-cta.image-cta--centered-play-btn .animatedbtn__play {
    margin-bottom: 0;
}

.image-cta__inner {
    overflow: hidden;
    position: relative;
}

.no-touchevents .image-cta__inner:hover .image-cta__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.image-cta__alt {
    display: none;
}

.image-cta__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: opacity 800ms ease, -webkit-transform 2s ease;
    transition: opacity 800ms ease, -webkit-transform 2s ease;
    -o-transition: transform 2s ease, opacity 800ms ease;
    transition: transform 2s ease, opacity 800ms ease;
    transition: transform 2s ease, opacity 800ms ease, -webkit-transform 2s ease;
    z-index: 1;
}

.ie .image-cta__image .ofi-wrapper,
.image-cta__image img {
    position: absolute;
}

.image-cta--animated .ie .image-cta__image .ofi-wrapper,
.image-cta--animated .image-cta__image img {
    opacity: 0;
    -webkit-transition: opacity 800ms ease;
    -o-transition: opacity 800ms ease;
    transition: opacity 800ms ease;
}

.image-cta--image-loaded .ie .image-cta__image .ofi-wrapper,
.image-cta--image-loaded .image-cta__image img {
    opacity: 1;
}

.image-cta__image img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100%;
    width: 100%;
}

.image-cta__video {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 2s ease;
    transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 2s ease;
    -o-transition: opacity 200ms ease, visibility 200ms ease, transform 2s ease;
    transition: opacity 200ms ease, visibility 200ms ease, transform 2s ease;
    transition: opacity 200ms ease, visibility 200ms ease, transform 2s ease, -webkit-transform 2s ease;
    visibility: hidden;
    z-index: 2;
}

.image-cta--video-is-playing .image-cta__video {
    opacity: 1;
    visibility: visible;
}

.touchevents .image-cta__video {
    display: none;
}

.image-cta__video__ {
    height: 100%;
    position: relative;
    width: 100%;
}

.image-cta__video__ video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.image-cta__handlers-overlay {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.no-touchevents .image-cta__colorbox-video {
    display: none;
}

.image-cta__video-mobile {
    display: none;
}

.image-cta__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.image-cta--animated .image-cta__content {
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: opacity 600ms ease, -webkit-transform 600ms ease;
    transition: opacity 600ms ease, -webkit-transform 600ms ease;
    -o-transition: opacity 600ms ease, transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease, -webkit-transform 600ms ease;
}

.image-cta--image-loaded .image-cta__content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.image-cta--text-bottom .image-cta__content {
    bottom: 30px;
    left: 0;
    position: absolute;
    width: 100%;
}

@media (min-width:48em) {
    .image-cta--text-bottom .image-cta__content {
        bottom: 40px;
    }
}

@media (min-width:48em) {
    .image-cta--text-bottom .image-cta__content {
        bottom: 70px;
    }
}

.image-cta__caption {
    max-width: 570px;
    position: relative;
    z-index: 2;
}

.image-cta--text-bottom .image-cta__caption {
    margin-bottom: 20px;
}

@media (min-width:64em) {
    .image-cta--text-bottom .image-cta__caption {
        margin-bottom: 30px;
    }
}

.image-cta--video-caption .image-cta__caption {
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 40px;
    text-transform: uppercase;
}

@media (min-width:48em) {
    .image-cta--video-caption .image-cta__caption {
        font-size: 50px;
        letter-spacing: 2px;
        line-height: 60px;
    }
}

.image-cta__subcaption {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.image-cta__text {
    position: relative;
    z-index: 2;
}

.image-cta__text p {
    font-weight: 100;
}

@media screen and (max-width:47.9375em) {
    .image-cta--text-bottom .image-cta__text p {
        margin: 0 auto;
        max-width: 290px;
    }
}

.image-cta__buttons {
    margin-top: 20px;
}

.image-cta--centered {
    text-align: center;
}

.image-cta--centered .image-cta__caption {
    max-width: 100%;
}

.image-cta--locations-header .image-cta__content {
    margin-top: -60%;
}

.image-cta--locations-header .image-cta__content .field--name-field-title {
    font-size: 20px;
}

@media (min-width:48em) {
    .image-cta--locations-header .image-cta__content .field--name-field-title {
        font-size: 70%;
    }
}

@media (min-width:64em) {
    .image-cta--locations-header .image-cta__content .field--name-field-title {
        font-size: 100%;
    }
}

.image-cta--height-large .image-cta__inner {
    height: 375px;
}

@media (min-width:48em) {
    .image-cta--height-large .image-cta__inner {
        height: 426px;
    }
}

@media (min-width:64em) {
    .image-cta--height-large .image-cta__inner {
        height: 568px;
    }
}

@media (min-width:75.6875em) {
    .image-cta--height-large .image-cta__inner {
        height: 800px;
    }
}

.image-cta--height-medium .image-cta__inner {
    height: 350px;
}

@media (min-width:75.6875em) {
    .image-cta--height-medium .image-cta__inner {
        height: 600px;
    }
}

.image-cta--height-small .image-cta__inner {
    height: 210px;
}

@media (min-width:48em) {
    .image-cta--height-small .image-cta__inner {
        height: 426px;
    }
}

@media (min-width:64em) {
    .image-cta--height-small .image-cta__inner {
        height: 284px;
    }
}

@media (min-width:75.6875em) {
    .image-cta--height-small .image-cta__inner {
        height: 400px;
    }
}

.image-cta--height-full .image-cta__inner {
    height: 100vh;
}

@media (min-width:48em) {
    .image-cta--width-double,
    .image-cta--width-triple {
        float: left;
    }
}

@media (min-width:48em) {
    .image-cta--width-double {
        width: 50%;
    }
}

@media (min-width:48em) {
    .image-cta--width-triple {
        width: 33.3%;
    }
}

.image-cta--bg-black {
    background-color: #000;
}

.image-cta--ep9-experience .image-cta__content {
    margin: 10px 0 0 25px;
}

@media (min-width:48em) {
    .image-cta--ep9-experience .image-cta__content {
        margin: 10px 0 0 40px;
    }
}

@media (min-width:64em) {
    .image-cta--ep9-experience .image-cta__content {
        margin: 10px 0 0 40px;
    }
}

@media (min-width:75.6875em) {
    .image-cta--ep9-experience .image-cta__content {
        margin: 0 0 0 140px;
    }
}

.image-cta--ep9-experience .image-cta__text {
    width: 290px;
    margin: 20px 0 40px 0;
}

.image-cta--ep9-experience .image-cta__buttons {
    margin-top: 20px;
}

.image-cta--ep9-experience .image-cta__image {
    background: no-repeat right center;
    background-size: contain;
}

.image-cta--with-dotted-bg {
    margin: 30px 0 30px;
}

@media (min-width:64em) {
    .image-cta--with-dotted-bg {
        margin: 50px 0 50px;
    }
}

.image-cta--with-dotted-bg .image-cta__pattern-bg {
    position: relative;
}

.image-cta--with-dotted-bg .image-cta__pattern-bg:after,
.image-cta--with-dotted-bg .image-cta__pattern-bg:before {
    background: url(/themes/nioweb/images/pattern-aqua-doted-grid.png) repeat 0 0;
    content: '';
    position: absolute;
    width: 100%;
}

.image-cta--with-dotted-bg .image-cta__pattern-bg:after {
    bottom: -30px;
    left: 0;
    top: -30px;
}

@media (min-width:48em) {
    .image-cta--with-dotted-bg .image-cta__pattern-bg:after {
        bottom: -30px;
        left: -30px;
        top: 30px;
    }
}

@media (min-width:64em) {
    .image-cta--with-dotted-bg .image-cta__pattern-bg:after {
        bottom: -50px;
        left: -50px;
        top: 50px;
    }
}

.image-cta--with-dotted-bg .image-cta__pattern-bg:before {
    display: none;
}

@media (min-width:48em) {
    .image-cta--with-dotted-bg .image-cta__pattern-bg:before {
        bottom: 30px;
        display: block;
        top: -30px;
        right: -30px;
    }
}

@media (min-width:64em) {
    .image-cta--with-dotted-bg .image-cta__pattern-bg:before {
        bottom: 50px;
        top: -50px;
        right: -50px;
    }
}

@media screen and (max-width:47.9375em) {
    .image-cta--with-dotted-bg .image-cta__pattern-bg {
        margin: 0;
    }
}

@media (min-width:64em) {
    .about--next-gen {
        font-size: 42px;
        line-height: 54px;
    }
}

@media screen and (max-width:63.9375em) {
    .custom-two-lines-text strong {
        display: block;
    }
}

.about--title-grand {
    font-size: 100px;
    letter-spacing: 0;
}

@media (min-width:48em) {
    .about--title-grand {
        font-size: 150px;
    }
}

@media (min-width:64em) {
    .about--title-grand {
        font-size: 220px;
    }
}

.image-cta__ep9-logo {
    margin: 0 auto;
    max-width: 220px;
}

@media (min-width:48em) {
    .image-cta__ep9-logo {
        max-width: 300px;
    }
}

@media (min-width:64em) {
    .image-cta__ep9-logo {
        max-width: 100%;
    }
}

.image-cta--ep9-logo .image-cta__content {
    left: 0;
    position: absolute;
    top: 90px;
    width: 100%;
}

@media (min-width:48em) {
    .image-cta--ep9-logo .image-cta__content {
        top: 100px;
    }
}

@media (min-width:64em) {
    .image-cta--ep9-logo .image-cta__content {
        top: 170px;
    }
}

.hero-- .hero__,
. {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
}

.hero-- .hero__ :after,
. :after {
    content: " ";
    display: block;
    clear: both;
}

@media (min-width:48em) {
    .hero-- .hero__,
    . {
        max-width: 100%;
        margin-left: 74px;
        margin-right: 74px;
    }
    .hero-- .hero__ :after,
    . :after {
        content: " ";
        display: block;
        clear: both;
    }
}

@media (min-width:64em) {
    .hero-- .hero__,
    . {
        max-width: 100%;
        margin-left: 102px;
        margin-right: 102px;
    }
    .hero-- .hero__ :after,
    . :after {
        content: " ";
        display: block;
        clear: both;
    }
}

@media (min-width:75.6875em) {
    .hero-- .hero__ {
        max-width: 1171px;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-- .hero__ :after,
    . :after {
        content: " ";
        display: block;
        clear: both;
    }
}

. --narrow {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
}

. --narrow:after {
    content: " ";
    display: block;
    clear: both;
}

@media (min-width:48em) {
    . --narrow {
        margin: 0 auto;
        max-width: 620px;
    }
}

@media (min-width:64em) {
    . --narrow {
        max-width: 770px;
    }
}

. --1920 {
    margin: 0 auto;
    max-width: 1920px;
}

@media (min-width:48em) {
    .col-tablet-portrait-one-half {
        width: 48.83721%;
        float: left;
    }
    .col-tablet-portrait-one-half:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0;
    }
    .col-tablet-portrait-one-half:nth-child(2n + 2) {
        margin-left: 51.16279%;
        margin-right: -100%;
        clear: none;
    }
}

@media (min-width:64em) {
    .col-tablet-landscape-one-half {
        width: 48.83721%;
        float: left;
    }
    .col-tablet-landscape-one-half:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0;
    }
    .col-tablet-landscape-one-half:nth-child(2n + 2) {
        margin-left: 51.16279%;
        margin-right: -100%;
        clear: none;
    }
}

@media (min-width:75.6875em) {
    .col-desktop-one-third {
        width: 31.78295%;
        float: left;
    }
    .col-desktop-one-third:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0;
    }
    .col-desktop-one-third:nth-child(3n + 2) {
        margin-left: 34.10853%;
        margin-right: -100%;
        clear: none;
    }
    .col-desktop-one-third:nth-child(3n + 3) {
        margin-left: 68.21705%;
        margin-right: -100%;
        clear: none;
    }
}

@media (min-width:48em) {
    .col-tablet-landscape-quarter {
        float: left;
        width: 25%;
    }
}

@media (min-width:64em) {
    html,
    body {
        height: 100%;
    }
    #page-wrapper {
        min-height: 100%;
        margin-bottom: -78px;
    }
    #page-wrapper.fixed--footer:after {
        display: none;
    }
    #page-wrapper:after {
        content: "";
        display: block;
    }
    #page-wrapper:after {
        height: 78px;
    }
}

.hero--news .hero__title,
h1 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 300;
}

@media (min-width:64em) {
    .hero--news .hero__title,
    h1 {
        font-size: 48px;
        line-height: 62px;
    }
}

h2 {
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
}

@media (min-width:75.6875em) {
    h2 {
        font-size: 42px;
        line-height: 54px;
    }
}

.hero--content-bottom .hero__text p,
h3 {
    font-size: 24px;
    line-height: 36px;
}

@media (min-width:64em) {
    .hero--content-bottom .hero__text p,
    h3 {
        font-size: 28px;
        line-height: 38px;
    }
}

@media (min-width:75.6875em) {
    .hero--content-bottom .hero__text p,
    h3 {
        font-size: 36px;
        font-weight: 100;
        line-height: 48px;
    }
}

.hero__text p,
h4 {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width:48em) {
    .hero__text p,
    h4 {
        font-size: 21px;
        line-height: 33px;
    }
}

@media (min-width:75.6875em) {
    .hero__text p,
    h4 {
        font-size: 24px;
        line-height: 36px;
    }
}

.hero__subtitle,
h5 {
    font-size: 14px;
    line-height: 16px;
}

.hero__title,
.hero-title {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 4px;
}

@media (min-width:48em) {
    .hero__title,
    .hero-title {
        font-size: 72px;
        line-height: 82px;
        letter-spacing: 6px;
    }
}

@media (min-width:75.6875em) {
    .hero__title,
    .hero-title {
        font-size: 82px;
        line-height: 92px;
    }
}

.teaser-title {
    font-size: 24px;
    font-weight: 100;
    line-height: 36px;
}

@media (min-width:75.6875em) {
    .teaser-title {
        font-size: 28px;
        line-height: 40px;
    }
}

.subtitle {
    font-size: 24px;
    line-height: 1.4;
}

@media (min-width:48em) {
    .subtitle {
        font-size: 32px;
    }
}

.no-letter-spacing {
    letter-spacing: 0;
}

.no-text-transform {
    text-transform: none !important;
}

.content-section ul,
.content-section ol {
    list-style-position: inside;
    margin-bottom: 20px;
}

.content-section ul ul,
.content-section ul ol,
.content-section ol ul,
.content-section ol ol {
    padding-left: 20px;
}

.content-section ul li,
.content-section ol li {
    font-size: 16px;
    line-height: 30px;
}

a {
    color: inherit;
}

p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}

blockquote {
    text-align: center;
}

blockquote p {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

@media (min-width:48em) {
    blockquote p {
        font-size: 36px;
        line-height: 48px;
    }
}

.hero {
    color: #fff;
}

.hero .animatedbtn__play {
    margin-top: 20px;
    z-index: 2;
}

@media (min-width:48em) {
    .hero .animatedbtn__play {
        margin-top: 30px;
    }
}

.hero__inner {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hero--text--black .hero__text-content {
    color: #000;
}

.hero__bg-video {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 2s ease;
    transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 2s ease;
    -o-transition: opacity 200ms ease, visibility 200ms ease, transform 2s ease;
    transition: opacity 200ms ease, visibility 200ms ease, transform 2s ease;
    transition: opacity 200ms ease, visibility 200ms ease, transform 2s ease, -webkit-transform 2s ease;
    visibility: hidden;
    z-index: 2;
}

.hero--video-is-playing .hero__bg-video {
    opacity: 1;
    visibility: visible;
}

.touchevents .hero__bg-video {
    display: none;
}

.touchevents .hero--bgvideo--showmobile.hero--autoplay .hero__bg-video {
    display: block !important;
}

@media (min-width:1921px) {
    .hero__image img {
        width: 100%;
    }
}

.hero__bg-video__ {
    height: 100%;
    position: relative;
    width: 100%;
}

.hero__bg-video__ video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hero__content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 4;
}

@media screen and (max-width:63.9375em) {
    .hero--static-content-tablet-landscape-down .hero__content {
        padding: 60px 0;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.hero--has-full-video.hero--playicon-trigger .hero__content {
    cursor: pointer;
}

.hero--content-bottom .hero__content {
    bottom: 30px;
    position: absolute;
    top: inherit;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

@media (min-width:48em) {
    .hero--content-bottom .hero__content {
        bottom: 40px;
    }
}

@media (min-width:48em) {
    .hero--content-bottom .hero__content {
        bottom: 70px;
    }
}

.hero--content-top .hero__content {
    top: 24%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width:48em) {
    .hero--content-top .hero__content {
        top: 18%;
    }
}

@media (min-width:75.6875em) {
    .hero--content-top .hero__content {
        top: 18%;
    }
}

.hero--ep9 .hero__content {
    position: absolute;
    top: 90px;
}

@media (min-width:48em) {
    .hero--ep9 .hero__content {
        top: 100px;
    }
}

@media (min-width:64em) {
    .hero--ep9 .hero__content {
        top: 170px;
    }
}

@media screen and (max-width:63.9375em) {
    .hero--eve .hero__content {
        background-color: #fdfffe;
    }
}

@media (min-width:64em) {
    .hero--eve .hero__content {
        left: 100px;
        text-align: left;
        top: 100px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 245px;
    }
}

.hero__title {
    position: relative;
    z-index: 2;
}

.hero--left-title .hero__title {
    font-size: 62px;
    font-weight: 100;
    line-height: 1;
    text-align: left;
}

@media (min-width:48em) {
    .hero--left-title .hero__title {
        font-size: 110px;
    }
}

@media (min-width:64em) {
    .hero--left-title .hero__title {
        font-size: 90px;
    }
}

@media (min-width:75.6875em) {
    .hero--left-title .hero__title {
        font-size: 130px;
    }
}

.hero--title--big .hero__title {
    font-weight: 300;
}

@media screen and (max-width:63.9375em) {
    .hero--title--big .hero__title {
        font-size: 55px;
    }
}

@media screen and (max-width:47.9375em) {
    .hero--title--big .hero__title {
        font-size: 20px;
        line-height: 1.2;
    }
}

.hero--content-bottom .hero__title {
    margin-bottom: 20px;
}

@media (min-width:48em) {
    .hero--content-bottom .hero__title {
        letter-spacing: 12px;
    }
}

@media (min-width:64em) {
    .hero--content-bottom .hero__title {
        margin-bottom: 30px;
    }
}

.hero__subtitle {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.hero__text {
    position: relative;
    z-index: 2;
}

.hero__text p {
    font-weight: 100;
}

@media screen and (max-width:47.9375em) {
    .hero--content-bottom .hero__text p {
        margin: 0 auto;
        max-width: 290px;
    }
}

@media (min-width:64em) {
    .hero--eve .hero__text h2 {
        line-height: 1;
        margin-bottom: 15px;
    }
}

@media (min-width:64em) {
    .hero--eve .hero__text p {
        font-size: 16px;
        line-height: 1.3;
    }
}

.hero__handlers-overlay {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

@media (min-width:75.6875em) {
    .hero--left-title . {
        max-width: 90%;
    }
}

.hero--height-full .hero__inner {
    height: 100vh;
}

.ie .hero--height-full .hero__image .ofi-wrapper,
.hero--height-full .hero__image img {
    position: absolute;
}

.hero--height-full .hero__image img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100%;
    width: 100%;
}

.hero--fit-parent-height {
    height: 100%;
}

.hero--fit-parent-height .hero__,
.hero--fit-parent-height .hero__inner {
    height: 100%;
}

.ie .hero--fit-parent-height .hero__image .ofi-wrapper,
.hero--fit-parent-height .hero__image img {
    position: absolute;
}

.hero--fit-parent-height .hero__image img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100%;
    width: 100%;
}

.hero--news .hero__content {
    text-align: left;
}

.hero--news .hero__title {
    letter-spacing: normal;
}

@media (min-width:48em) {
    .hero--news .hero__title {
        max-width: 380px;
    }
}

@media (min-width:64em) {
    .hero--news .hero__title {
        max-width: 670px;
    }
}

.hero--news .hero__text {
    margin-top: 20px;
}

@media (min-width:48em) {
    .hero--news .hero__text {
        margin-top: 30px;
    }
}

.hero--landing .hero__content {
    text-align: left;
}

.hero--landing .hero__title,
.hero--landing .hero__subtitle {
    font-size: 22px;
    line-height: 1.2;
}

@media (min-width:48em) {
    .hero--landing .hero__title,
    .hero--landing .hero__subtitle {
        font-size: 33px;
    }
}

.hero--landing .hero__title {
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.hero--landing .hero__subtitle {
    font-weight: 100;
    margin-bottom: 0;
}

.hero--text--black .animatedbtn__play .svg__rect__shape--stroke,
.hero--text--black .animatedbtn__play g {
    stroke: #000;
}

.hero__ep9-logo {
    margin: 0 auto;
    max-width: 220px;
}

@media (min-width:48em) {
    .hero__ep9-logo {
        max-width: 300px;
    }
}

@media (min-width:64em) {
    .hero__ep9-logo {
        max-width: 100%;
    }
}

.hero__es8-logo {
    max-width: 313px;
    width: 90%;
}

@media (min-width:64em) {
    .hero--eve . {
        margin: 0;
    }
}

@media screen and (max-width:47.9375em) {
    .hero--no-margins-mobile .hero__ {
        margin-left: 0;
        margin-right: 0;
    }
}

.no-smil .hero--video--custom .hero__text-content {
    color: #fff;
}

.hero--video--custom .hero__title {
    font-size: 18px;
    letter-spacing: 0.1px;
    line-height: 1;
    margin-top: -50px;
    text-transform: uppercase;
}

@media (min-width:48em) {
    .hero--video--custom .hero__title {
        font-size: 28px;
        margin-top: -35px;
    }
}

@media (min-width:64em) {
    .hero--video--custom .hero__title {
        font-size: 32px;
        margin-top: -45px;
    }
}

.hero--video--custom .animatedbtn__play.animatedbtn__play--64 {
    display: none !important;
}

.hero--video--custom .animatedbtn__play.animatedbtn__play--48 {
    height: 90px;
    width: 90px;
}

@media screen and (max-width:63.9375em) {
    .hero--video--custom .animatedbtn__play.animatedbtn__play--48 {
        display: inline-block !important;
    }
}

.hero--video--custom .animatedbtn__play.animatedbtn__play--48 .svg__rect {
    height: 90px;
    width: 90px;
}

.hero--video--custom .animatedbtn__play.animatedbtn__play--48 .svg__rect .svg__rect__shape {
    height: 90px;
    rx: 45px;
    ry: 45px;
    stroke-dasharray: 282.6px;
    stroke-dashoffset: 141.3px;
}

.hero--dot-pattern {
    margin: 30px 0 30px;
}

@media (min-width:64em) {
    .hero--dot-pattern {
        margin: 50px 0 50px;
    }
}

.hero--dot-pattern .hero__ {
    position: relative;
}

.hero--dot-pattern .hero__ :after,
.hero--dot-pattern .hero__ :before {
    background: url(/themes/nioweb/images/pattern-aqua-doted-grid.png) repeat 0 0;
    content: '';
    position: absolute;
    width: 100%;
}

.hero--dot-pattern .hero__ :after {
    bottom: -30px;
    left: 0;
    top: -30px;
}

@media (min-width:48em) {
    .hero--dot-pattern .hero__ :after {
        bottom: -30px;
        left: -30px;
        top: 30px;
    }
}

@media (min-width:64em) {
    .hero--dot-pattern .hero__ :after {
        bottom: -50px;
        left: -50px;
        top: 50px;
    }
}

.hero--dot-pattern .hero__ :before {
    display: none;
}

@media (min-width:48em) {
    .hero--dot-pattern .hero__ :before {
        bottom: 30px;
        display: block;
        top: -30px;
        right: -30px;
    }
}

@media (min-width:64em) {
    .hero--dot-pattern .hero__ :before {
        bottom: 50px;
        top: -50px;
        right: -50px;
    }
}

@media screen and (max-width:47.9375em) {
    .hero--dot-pattern .hero__ {
        margin: 0;
    }
}

.hero--custom-text-position .hero__content {
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.hero--custom-text-position . {
    height: 100%;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

.hero--title-top .hero__title {
    top: 15%;
    position: absolute;
    width: 100%;
}

.hero--text-bottom .hero__text {
    bottom: 3%;
    position: absolute;
    width: 100%;
}

@media (min-width:48em) {
    .hero--text-bottom .hero__text {
        bottom: 7%;
    }
}

.hero--timer .timer__heading {
    font-size: 28px;
    font-weight: 100;
    line-height: 1.2;
}

@media (min-width:48em) {
    .hero--timer .timer__heading {
        font-size: 43px;
    }
}

.hero--timer .timer__hours {
    font-weight: 700;
}

.hero--two-button {
    margin-top: 6%;
    width: 100%;
    text-align: center;
}

.hero--two-button .two-button__right {
    margin-top: 30px;
}

@media (min-width:48em) {
    .hero--two-button .two-button__right {
        margin-left: 30px;
    }
}

.hero--two-button .two-button__hide {
    display: none;
}

.hero--homepage__main .two-button__hide {
    display: none;
}

@media (min-width:480px) {
    .hero--homepage__main .two-button__hide {
        display: inline-block;
    }
}

.hero--homepage--es8__hide-mobile {
    display: none;
}

@media (min-width:480px) {
    .hero--homepage--es8__hide-mobile {
        display: block;
    }
}

.hero--homepage--es8-logo__mobile {
    max-width: 177px;
    margin-top: 31%;
}

@media (min-width:480px) {
    .hero--homepage--es8-logo__mobile {
        max-width: 313px;
        margin-top: 0;
    }
}

@media (min-width:48em) {
    .hero--homepage--main__subtitle {
        letter-spacing: 10px;
        font-weight: bold;
        font-size: 36px;
    }
}

.btn.btn--es8-cta--mobile {
    background-color: #13D4C8;
    border: 2px solid #13D4C8;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 66%;
}

@media (min-width:480px) {
    .btn.btn--es8-cta--mobile {
        display: none;
        margin-top: 0;
    }
}

.field--name-field-background-video {
    display: none;
    opacity: 0;
    visibility: hidden;
}

@media (min-width:480px) {
    .field--name-field-background-video {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width:48em) {
    .field--name-field-background-video {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

@media (min-width:64em) {
    .field--name-field-background-video {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

.field--name-field-background-video-mobile {
    display: block;
    opacity: 1;
    visibility: visible;
}

@media (min-width:480px) {
    .field--name-field-background-video-mobile {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

@media (min-width:48em) {
    .field--name-field-background-video-mobile {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width:64em) {
    .field--name-field-background-video-mobile {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
}

@font-face {
    font-family: "BlueSkyStandard";
    font-weight: normal;
    src: url(/themes/nioweb/fonts/BlueSkyStandard-Regular.ttf) format("truetype"), url(/themes/nioweb/fonts/BlueSkyStandard-Regular.eot) format("eot"), url(/themes/nioweb/fonts/BlueSkyStandard-Regular.woff2) format("woff2"), url(/themes/nioweb/fonts/BlueSkyStandard-Regular.woff) format("woff");
}

@font-face {
    font-family: "BlueSkyStandard";
    font-style: italic;
    font-weight: normal;
    src: url(/themes/nioweb/fonts/BlueSkyStandard-RegularItalic.ttf) format("truetype"), url(/themes/nioweb/fonts/BlueSkyStandard-RegularItalic.eot) format("eot"), url(/themes/nioweb/fonts/BlueSkyStandard-RegularItalic.woff2) format("woff2"), url(/themes/nioweb/fonts/BlueSkyStandard-RegularItalic.woff) format("woff");
}

@font-face {
    font-family: "BlueSkyStandard";
    font-weight: 300;
    src: url(/themes/nioweb/fonts/BlueSkyStandard-Light.ttf) format("truetype"), url(/themes/nioweb/fonts/BlueSkyStandard-Light.eot) format("eot"), url(/themes/nioweb/fonts/BlueSkyStandard-Light.woff2) format("woff2"), url(/themes/nioweb/fonts/BlueSkyStandard-Light.woff) format("woff");
}

@font-face {
    font-family: "BlueSkyStandard";
    font-weight: 700;
    src: url(/themes/nioweb/fonts/BlueSkyStandard-Bold.ttf) format("truetype"), url(/themes/nioweb/fonts/BlueSkyStandard-Bold.eot) format("eot"), url(/themes/nioweb/fonts/BlueSkyStandard-Bold.woff2) format("woff2"), url(/themes/nioweb/fonts/BlueSkyStandard-Bold.woff) format("woff");
}

.view--has- .view-content,
.view-blog .view-content,
.view-blog .view-blog-header,
.news-tabs .ui-tabs-nav,
.page-node-type-generic-page .block-page-title-block,
.generic-page,
.page-node-type-race .block-page-title-block,
. {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
}

.view--has- .view-content:after,
.view-blog .view-content:after,
.view-blog .view-blog-header:after,
.news-tabs .ui-tabs-nav:after,
.page-node-type-generic-page .block-page-title-block:after,
.generic-page:after,
.page-node-type-race .block-page-title-block:after,
. :after {
    content: " ";
    display: block;
    clear: both;
}

@media (min-width:48em) {
    .view--has- .view-content,
    .view-blog .view-content,
    .view-blog .view-blog-header,
    .news-tabs .ui-tabs-nav,
    .page-node-type-generic-page .block-page-title-block,
    .generic-page,
    .page-node-type-race .block-page-title-block,
    . {
        max-width: 100%;
        margin-left: 74px;
        margin-right: 74px;
    }
    .view--has- .view-content:after,
    .view-blog .view-content:after,
    .view-blog .view-blog-header:after,
    .news-tabs .ui-tabs-nav:after,
    .page-node-type-generic-page .block-page-title-block:after,
    .generic-page:after,
    .page-node-type-race .block-page-title-block:after,
    . :after {
        content: " ";
        display: block;
        clear: both;
    }
}

@media (min-width:64em) {
    .view--has- .view-content,
    .view-blog .view-content,
    .view-blog .view-blog-header,
    .news-tabs .ui-tabs-nav,
    .page-node-type-generic-page .block-page-title-block,
    .generic-page,
    .page-node-type-race .block-page-title-block,
    . {
        max-width: 100%;
        margin-left: 102px;
        margin-right: 102px;
    }
    .view--has- .view-content:after,
    .view-blog .view-content:after,
    .view-blog .view-blog-header:after,
    .news-tabs .ui-tabs-nav:after,
    .page-node-type-generic-page .block-page-title-block:after,
    .generic-page:after,
    .page-node-type-race .block-page-title-block:after,
    . :after {
        content: " ";
        display: block;
        clear: both;
    }
}

@media (min-width:75.6875em) {
    .view--has- .view-content,
    .view-blog .view-content,
    .view-blog .view-blog-header,
    .news-tabs .ui-tabs-nav,
    .page-node-type-generic-page .block-page-title-block,
    .generic-page,
    .page-node-type-race .block-page-title-block {
        max-width: 1171px;
        margin-left: auto;
        margin-right: auto;
    }
    .view--has- .view-content:after,
    .view-blog .view-content:after,
    .view-blog .view-blog-header:after,
    .news-tabs .ui-tabs-nav:after,
    .page-node-type-generic-page .block-page-title-block:after,
    .generic-page:after,
    .page-node-type-race .block-page-title-block:after,
    . :after {
        content: " ";
        display: block;
        clear: both;
    }
}

.page-node-type-article .paragraph--type--temporary-html-block,
.page-node-type-blog .paragraph--type--text-or-html,
. --narrow {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
}

.page-node-type-article .paragraph--type--temporary-html-block:after,
.page-node-type-blog .paragraph--type--text-or-html:after,
. --narrow:after {
    content: " ";
    display: block;
    clear: both;
}

@media (min-width:48em) {
    .page-node-type-article .paragraph--type--temporary-html-block,
    .page-node-type-blog .paragraph--type--text-or-html,
    . --narrow {
        margin: 0 auto;
        max-width: 620px;
    }
}

@media (min-width:64em) {
    .page-node-type-article .paragraph--type--temporary-html-block,
    .page-node-type-blog .paragraph--type--text-or-html,
    . --narrow {
        max-width: 770px;
    }
}

.info-tiles,
. --1920 {
    margin: 0 auto;
    max-width: 1920px;
}

@media (min-width:48em) {
    .col-tablet-portrait-one-half {
        width: 48.83721%;
        float: left;
    }
    .col-tablet-portrait-one-half:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0;
    }
    .col-tablet-portrait-one-half:nth-child(2n + 2) {
        margin-left: 51.16279%;
        margin-right: -100%;
        clear: none;
    }
}

@media (min-width:64em) {
    .col-tablet-landscape-one-half {
        width: 48.83721%;
        float: left;
    }
    .col-tablet-landscape-one-half:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0;
    }
    .col-tablet-landscape-one-half:nth-child(2n + 2) {
        margin-left: 51.16279%;
        margin-right: -100%;
        clear: none;
    }
}

@media (min-width:75.6875em) {
    .col-desktop-one-third {
        width: 31.78295%;
        float: left;
    }
    .col-desktop-one-third:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0;
    }
    .col-desktop-one-third:nth-child(3n + 2) {
        margin-left: 34.10853%;
        margin-right: -100%;
        clear: none;
    }
    .col-desktop-one-third:nth-child(3n + 3) {
        margin-left: 68.21705%;
        margin-right: -100%;
        clear: none;
    }
}

@media (min-width:48em) {
    .col-tablet-landscape-quarter {
        float: left;
        width: 25%;
    }
}

@media (min-width:64em) {
    html,
    body {
        height: 100%;
    }
    #page-wrapper {
        min-height: 100%;
        margin-bottom: -78px;
    }
    #page-wrapper.fixed--footer:after {
        display: none;
    }
    #page-wrapper:after {
        content: "";
        display: block;
    }
    #page-wrapper:after {
        height: 78px;
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-weight: inherit;
    outline: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input,
textarea,
:before,
:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input,
textarea,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,
textarea,
button,
select {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-weight: inherit;
    outline: 0 none;
}

audio,
canvas,
video {
    display: inline-block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
    display: block;
}

img {
    height: auto;
    font-size: 0;
}

img,
object,
embed {
    max-width: 100%;
}

svg:not(:root) {
    overflow: visible;
}

li {
    list-style-position: inside;
}

.clearfix:before,
.clearfix:after,
.app-showcase:before,
.info-tiles:before,
.stats-block--timer .timer__output:before,
.page-formulae .related-news:before,
.app-showcase:after,
.info-tiles:after,
.stats-block--timer .timer__output:after,
.page-formulae .related-news:after {
    content: '';
    display: table;
}

.clearfix:after,
.app-showcase:after,
.info-tiles:after,
.stats-block--timer .timer__output:after,
.page-formulae .related-news:after {
    clear: both;
}

.cover-image,
.cover-image {
    left: 50%;
    max-width: inherit;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: inherit;
    z-index: -1;
}

.centered {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width:47.9375em) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width:48em) {
    .hide-tablet-portrait {
        display: none !important;
    }
}

@media screen and (max-width:63.9375em) {
    .hide-tablet-landscape-down {
        display: none !important;
    }
}

@media (min-width:64em) {
    .hide-tablet-landscape {
        display: none !important;
    }
}

.page-node-type-article .node--type-article,
.page-node-type-blog .node--type-blog,
.header-padding {
    padding-top: 100px;
}

@media (min-width:48em) {
    .page-node-type-article .node--type-article,
    .page-node-type-blog .node--type-blog,
    .header-padding {
        padding-top: 120px;
    }
}

@media (min-width:64em) {
    .page-node-type-article .node--type-article,
    .page-node-type-blog .node--type-blog,
    .header-padding {
        padding-top: 180px;
    }
}

html[lang="en"] .hide-en {
    display: none !important;
}

html[lang="zh-hans"] .hide-zh-hans {
    display: none !important;
}

.has-dotted-bg {
    position: relative;
}

.has-dotted-bg:before {
    background: url(/themes/nioweb/images/pattern-aqua-doted-grid.png);
    content: '';
    height: 185px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

@media (min-width:48em) {
    .has-dotted-bg:before {
        height: 245px;
    }
}

@media (min-width:64em) {
    .has-dotted-bg:before {
        height: 340px;
    }
}

.margin-bottom {
    margin-bottom: 30px;
}

@media (min-width:48em) {
    .margin-bottom {
        margin-bottom: 60px;
    }
}

@media (min-width:64em) {
    .margin-bottom {
        margin-bottom: 80px;
    }
}

.no--tracking {
    letter-spacing: 0;
}

.image--zoom img,
.image--zoom img {
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
}

.image--zoom:hover img,
.image--zoom:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.text--center {
    text-align: center;
}

.text--shadow {
    text-shadow: 1px 1px 1px #666;
}

.app-showcase:before,
.info-tiles:before,
.stats-block--timer .timer__output:before,
.page-formulae .related-news:before,
.app-showcase:after,
.info-tiles:after,
.stats-block--timer .timer__output:after,
.page-formulae .related-news:after {
    content: '';
    display: table;
}

.app-showcase:after,
.info-tiles:after,
.stats-block--timer .timer__output:after,
.page-formulae .related-news:after {
    clear: both;
}

.cover-image {
    left: 50%;
    max-width: inherit;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: inherit;
    z-index: -1;
}

.image--zoom img {
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    -o-transition: transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
}

.image--zoom:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.page-node-type-article .node--type-article,
.page-node-type-blog .node--type-blog {
    padding-top: 100px;
}

@media (min-width:48em) {
    .page-node-type-article .node--type-article,
    .page-node-type-blog .node--type-blog {
        padding-top: 120px;
    }
}

@media (min-width:64em) {
    .page-node-type-article .node--type-article,
    .page-node-type-blog .node--type-blog {
        padding-top: 180px;
    }
}

#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #FFF;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 10px;
    width: 126px;
    height: 36px;
}

.btn--nav {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 21px;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor {
    border: 2px solid #fff;
    border-radius: 100px;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor {
    color: #FFF;
    border-color: #00bebe;
    background-color: #00bebe;
}

.user-password-form .form-submit:hover,
.user-login-form .form-submit:hover,
.user-register-form .form-submit:hover,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor:hover {
    border-color: #00263c;
    background-color: #00263c;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit {
    border-radius: 20px;
    border: 2px solid #fff;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 11px 20px;
    text-decoration: none;
}

.btn--black-twilight {
    background: #000;
}

.btn--black-twilight:hover {
    background: #00263c;
}

.animatedbtn__play.js-loader-loaded:hover .animatedbtn__play__loader {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -o-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -webkit-animation: playHover 0.5s linear 0s 1 normal forwards;
    animation: playHover 0.5s linear 0s 1 normal forwards;
}

.page-node-type-generic-page .lang-dropdown ul,
body[class*="pageid-user-"].user-logged-in footer,
.page-maintenance .page-maintenance--extended-footer .page-maintenance--locations .column strong,
.page-maintenance .page-maintenance--extended-footer .page-404--locations .column strong,
.page-maintenance .page-404--extended-footer .page-maintenance--locations .column strong,
.page-maintenance .page-404--extended-footer .page-404--locations .column strong,
.page-404 .page-maintenance--extended-footer .page-maintenance--locations .column strong,
.page-404 .page-maintenance--extended-footer .page-404--locations .column strong,
.page-404 .page-404--extended-footer .page-maintenance--locations .column strong,
.page-404 .page-404--extended-footer .page-404--locations .column strong,
.page-node-type-race .lang-dropdown ul {
    color: #000;
}

.page-maintenance .page-maintenance--extended-footer .page-maintenance--locations .column,
.page-maintenance .page-maintenance--extended-footer .page-404--locations .column,
.page-maintenance .page-404--extended-footer .page-maintenance--locations .column,
.page-maintenance .page-404--extended-footer .page-404--locations .column,
.page-404 .page-maintenance--extended-footer .page-maintenance--locations .column,
.page-404 .page-maintenance--extended-footer .page-404--locations .column,
.page-404 .page-404--extended-footer .page-maintenance--locations .column,
.page-404 .page-404--extended-footer .page-404--locations .column {
    color: #9b9b9b;
}

.lang-dropdown .dropdown__links a:hover,
.lang-dropdown .dropdown__links a:focus {
    color: #00bebe;
}

.user-password-form,
.user-login-form,
.user-register-form,
body[class*="pageid-user-"].user-logged-in header {
    color: #FFFFFF;
}

.pageid-user-register,
.pageid-user-password,
.pageid-user-login,
.user-password-form input[type="email"],
.user-login-form input[type="email"],
.user-register-form input[type="email"],
.user-password-form input[type="password"],
.user-login-form input[type="password"],
.user-register-form input[type="password"],
.user-password-form input[type="text"],
.user-login-form input[type="text"],
.user-register-form input[type="text"],
body[class*="pageid-user-"].user-logged-in header {
    background-color: #000;
}

.specs-and-media .specs-and-media__data-block .data {
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
}

@media (min-width:75.6875em) {
    .specs-and-media .specs-and-media__data-block .data {
        font-size: 42px;
        line-height: 54px;
    }
}

.info-tiles__text {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width:48em) {
    .info-tiles__text {
        font-size: 21px;
        line-height: 33px;
    }
}

@media (min-width:75.6875em) {
    .info-tiles__text {
        font-size: 24px;
        line-height: 36px;
    }
}

.news-teaser__category,
.news-teaser__date,
.media-teaser__category,
.media-teaser__link,
.info-tiles__footer,
.info-tiles__text--small {
    font-size: 14px;
    line-height: 16px;
}

.lap-time__upper span {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 4px;
}

@media (min-width:48em) {
    .lap-time__upper span {
        font-size: 72px;
        line-height: 82px;
        letter-spacing: 6px;
    }
}

@media (min-width:75.6875em) {
    .lap-time__upper span {
        font-size: 82px;
        line-height: 92px;
    }
}

.news-teaser__title a,
.media-teaser__title {
    font-size: 24px;
    font-weight: 100;
    line-height: 36px;
}

@media (min-width:75.6875em) {
    .news-teaser__title a,
    .media-teaser__title {
        font-size: 28px;
        line-height: 40px;
    }
}

@-webkit-keyframes opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes filltext {
    0% {
        background-size: 0 100%;
    }
    100% {
        background-size: 100% 100%;
    }
}

@keyframes filltext {
    0% {
        background-size: 0 100%;
    }
    100% {
        background-size: 100% 100%;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes push {
    0% {
        -webkit-transform: translate3d(-180px, 0, 0);
        transform: translate3d(-180px, 0, 0);
        opacity: 0;
    }
    10% {
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes push {
    0% {
        -webkit-transform: translate3d(-180px, 0, 0);
        transform: translate3d(-180px, 0, 0);
        opacity: 0;
    }
    10% {
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes moveupCenterd {
    0% {
        -webkit-transform: translate3d(-50%, 100%, 0);
        transform: translate3d(-50%, 100%, 0);
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes moveupCenterd {
    0% {
        -webkit-transform: translate3d(-50%, 100%, 0);
        transform: translate3d(-50%, 100%, 0);
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@-webkit-keyframes moveupCenterd-reverse {
    0% {
        -webkit-transform: translate3d(-50%, -100%, 0);
        transform: translate3d(-50%, -100%, 0);
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes moveupCenterd-reverse {
    0% {
        -webkit-transform: translate3d(-50%, -100%, 0);
        transform: translate3d(-50%, -100%, 0);
    }
    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@-webkit-keyframes moveup {
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes moveup {
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes spin {
    0% {
        stroke-dasharray: 157px;
        stroke-dashoffset: 78.5px;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    75% {
        stroke-dasharray: 157px;
        stroke-dashoffset: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes spin {
    0% {
        stroke-dasharray: 157px;
        stroke-dashoffset: 78.5px;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    75% {
        stroke-dasharray: 157px;
        stroke-dashoffset: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes loaded {
    100% {
        -webkit-transform: rotate(-450deg);
        transform: rotate(-450deg);
    }
}

@keyframes loaded {
    100% {
        -webkit-transform: rotate(-450deg);
        transform: rotate(-450deg);
    }
}

@-webkit-keyframes playHover {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes playHover {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-webkit-keyframes submitLoaded {
    100% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}

@keyframes submitLoaded {
    100% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}

.parallax--relative {
    position: relative;
}

.sm--wrapper {
    width: 100%;
    overflow: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.sm--section {
    float: left;
}

h1 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 300;
}

@media (min-width:64em) {
    h1 {
        font-size: 48px;
        line-height: 62px;
    }
}

.specs-and-media .specs-and-media__data-block .data,
h2 {
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
}

@media (min-width:75.6875em) {
    .specs-and-media .specs-and-media__data-block .data,
    h2 {
        font-size: 42px;
        line-height: 54px;
    }
}

h3 {
    font-size: 24px;
    line-height: 36px;
}

@media (min-width:64em) {
    h3 {
        font-size: 28px;
        line-height: 38px;
    }
}

@media (min-width:75.6875em) {
    h3 {
        font-size: 36px;
        font-weight: 100;
        line-height: 48px;
    }
}

.info-tiles__text,
h4 {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width:48em) {
    .info-tiles__text,
    h4 {
        font-size: 21px;
        line-height: 33px;
    }
}

@media (min-width:75.6875em) {
    .info-tiles__text,
    h4 {
        font-size: 24px;
        line-height: 36px;
    }
}

.news-teaser__category,
.news-teaser__date,
.media-teaser__category,
.media-teaser__link,
.info-tiles__footer,
.info-tiles__text--small,
h5 {
    font-size: 14px;
    line-height: 16px;
}

.lap-time__upper span,
.hero-title {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 4px;
}

@media (min-width:48em) {
    .lap-time__upper span,
    .hero-title {
        font-size: 72px;
        line-height: 82px;
        letter-spacing: 6px;
    }
}

@media (min-width:75.6875em) {
    .lap-time__upper span,
    .hero-title {
        font-size: 82px;
        line-height: 92px;
    }
}

.news-teaser__title a,
.media-teaser__title,
.teaser-title {
    font-size: 24px;
    font-weight: 100;
    line-height: 36px;
}

@media (min-width:75.6875em) {
    .news-teaser__title a,
    .media-teaser__title,
    .teaser-title {
        font-size: 28px;
        line-height: 40px;
    }
}

.subtitle {
    font-size: 24px;
    line-height: 1.4;
}

@media (min-width:48em) {
    .subtitle {
        font-size: 32px;
    }
}

.no-letter-spacing {
    letter-spacing: 0;
}

.no-text-transform {
    text-transform: none !important;
}

.content-section ul,
.content-section ol {
    list-style-position: inside;
    margin-bottom: 20px;
}

.content-section ul ul,
.content-section ul ol,
.content-section ol ul,
.content-section ol ol {
    padding-left: 20px;
}

.content-section ul li,
.content-section ol li {
    font-size: 16px;
    line-height: 30px;
}

a {
    color: inherit;
}

blockquote {
    text-align: center;
}

blockquote p {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

@media (min-width:48em) {
    blockquote p {
        font-size: 36px;
        line-height: 48px;
    }
}

.slick-arrow,
.drupal-file-attachment--zip,
.icon {
    display: inline-block;
}

.slick-arrow:after,
.drupal-file-attachment--zip:after,
.icon:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.icon--16:after {
    height: 16px;
    width: 16px;
}

.icon--24:after {
    height: 24px;
    width: 24px;
}

.drupal-file-attachment--zip:after,
.icon--zip:after {
    background-image: url(/themes/nioweb/images/icon-zip.svg);
}

.icon--twitter:after {
    background-image: url(/themes/nioweb/images/icon-twitter.svg);
}

.icon--facebook:after {
    background-image: url(/themes/nioweb/images/icon-facebook.svg);
}

.icon--linkedin:after {
    background-image: url(/themes/nioweb/images/icon-linked-in.svg);
}

.icon--weibo:after {
    background-image: url(/themes/nioweb/images/icon-weibo.svg);
}

.icon--wechat:after {
    background-image: url(/themes/nioweb/images/icon-wechat.svg);
}

.icon--email:after {
    background-image: url(/themes/nioweb/images/icon-email-black.svg);
}

.icon--chain:after {
    background-image: url(/themes/nioweb/images/icon-chain-black.svg);
}

.icon--external--white:after {
    background-image: url(/themes/nioweb/images/icon-external-white.svg);
}

.icon--external--black:after {
    background-image: url(/themes/nioweb/images/icon-external-black.svg);
}

.icon--external--aqua:after {
    background-image: url(/themes/nioweb/images/icon-external-aqua.svg);
}

.icon--arrow-right--white:after {
    background-image: url(/themes/nioweb/images/icon-arrow-white.svg);
}

.slick-next:after,
.icon--next--white:after {
    background-image: url(/themes/nioweb/images/icon-next-white.svg);
}

.slick-prev:after,
.icon--prev--white:after {
    background-image: url(/themes/nioweb/images/icon-previous-white.svg);
}

.icon--share--white:after {
    background-image: url(/themes/nioweb/images/share.svg);
}

.icon--share--black:after {
    background-image: url(/themes/nioweb/images/24-icon-share-black.svg);
}

.icon--close--white:after {
    background-image: url(/themes/nioweb/images/icon-close-white.svg);
}

.messages--error .icon--close:after,
.icon--close--red:after {
    background-image: url(/themes/nioweb/images/icon-close-red.svg);
}

.messages--warning .icon--close:after,
.icon--close--yellow:after {
    background-image: url(/themes/nioweb/images/icon-close-yellow.svg);
}

.messages--status .icon--close:after,
.icon--close--green:after {
    background-image: url(/themes/nioweb/images/icon-close-green.svg);
}

.icon--chevron--down:after {
    background-image: url(/themes/nioweb/images/icon-chevron-down-white.svg);
}

.icon--news--down:after {
    background-image: url(/themes/nioweb/images/icon-news-down.png);
}

.icon--download--white {
    background-image: url(/themes/nioweb/images/24-icon-download-white.svg);
}

#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #FFF;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 10px;
    width: 126px;
    height: 36px;
}

.btn--nav {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 21px;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor {
    border: 2px solid #fff;
    border-radius: 100px;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor {
    color: #FFF;
    border-color: #00bebe;
    background-color: #00bebe;
}

.user-password-form .form-submit:hover,
.user-login-form .form-submit:hover,
.user-register-form .form-submit:hover,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor:hover {
    border-color: #00263c;
    background-color: #00263c;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit {
    border-radius: 20px;
    border: 2px solid #fff;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 11px 20px;
    text-decoration: none;
}

.btn--black-twilight {
    background: #000;
}

.btn--black-twilight:hover {
    background: #00263c;
}

.animatedbtn__play.js-loader-loaded:hover .animatedbtn__play__loader {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -o-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -webkit-animation: playHover 0.5s linear 0s 1 normal forwards;
    animation: playHover 0.5s linear 0s 1 normal forwards;
}

#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor,
.btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #FFF;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 10px;
    width: 126px;
    height: 36px;
    line-height: 40px;
}

#champ-tabs #standings .ui-tabs-nav .btn--aqua.ui-tabs-anchor,
.btn.btn--aqua {
    color: #FFF;
}

#champ-tabs #standings .ui-tabs-nav .btn--aqua-reverse.ui-tabs-anchor,
.btn.btn--aqua-reverse {
    background-color: #00bebe;
}

#champ-tabs #standings .ui-tabs-nav .btn--gray.ui-tabs-anchor,
.btn.btn--gray {
    color: #e3e3e3;
    border-color: #e3e3e3;
}

.btn--smaller {
    font-size: 14px;
    font-weight: 700;
}

.btn--small {
    font-size: 16px;
    font-weight: 700;
    width: 186px;
    height: 46px;
    line-height: 46px;
}

.btn--medium {
    font-size: 24px;
    font-weight: 400;
    padding: 7px 30px;
}

.btn--icon:after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    vertical-align: sub;
    width: 16px;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor,
.btn--rounded {
    border: 2px solid #fff;
    border-radius: 100px;
}

.user-password-form .btn--black.form-submit,
.user-login-form .btn--black.form-submit,
.user-register-form .btn--black.form-submit,
#champ-tabs #standings .ui-tabs-nav .btn--black.ui-tabs-anchor,
.btn--rounded.btn--black {
    border-color: #000;
}

.user-password-form .btn--aqua.form-submit,
.user-login-form .btn--aqua.form-submit,
.user-register-form .btn--aqua.form-submit,
#champ-tabs #standings .ui-tabs-nav .btn--aqua.ui-tabs-anchor,
.btn--rounded.btn--aqua {
    border-color: #00bebe;
}

.user-password-form .btn--turquoise.form-submit,
.user-login-form .btn--turquoise.form-submit,
.user-register-form .btn--turquoise.form-submit,
#champ-tabs #standings .ui-tabs-nav .btn--turquoise.ui-tabs-anchor,
.btn--rounded.btn--turquoise {
    border-color: #08bbc8;
}

.user-password-form .btn--red.form-submit,
.user-login-form .btn--red.form-submit,
.user-register-form .btn--red.form-submit,
#champ-tabs #standings .ui-tabs-nav .btn--red.ui-tabs-anchor,
.btn--rounded.btn--red {
    border-color: #FF231E;
}

.user-password-form .btn--med-navy-blue.form-submit,
.user-login-form .btn--med-navy-blue.form-submit,
.user-register-form .btn--med-navy-blue.form-submit,
#champ-tabs #standings .ui-tabs-nav .btn--med-navy-blue.ui-tabs-anchor,
.btn--rounded.btn--med-navy-blue {
    border-color: #00263d;
}

.user-password-form .btn--white.form-submit,
.user-login-form .btn--white.form-submit,
.user-register-form .btn--white.form-submit,
#champ-tabs #standings .ui-tabs-nav .btn--white.ui-tabs-anchor,
.btn--rounded.btn--white {
    border-color: #FFFFFF;
}

.user-password-form .btn--white.form-submit:hover,
.user-login-form .btn--white.form-submit:hover,
.user-register-form .btn--white.form-submit:hover,
#champ-tabs #standings .ui-tabs-nav .btn--white.ui-tabs-anchor:hover,
.btn--rounded.btn--white:hover {
    color: #000;
    background-color: #FFFFFF;
}

.btn--arrow-right-disable:after {
    background-image: url(/themes/nioweb/images/icon-arrow-white.svg);
}

.btn--arrow-right-disable.btn--black:after {
    background-image: url(/themes/nioweb/images/icon-arrow.svg);
}

.btn--arrow-right-disable.btn--turquoise:after {
    background-image: url(/themes/nioweb/images/icon-arrow-turquoise.svg);
}

.btn--arrow-right-disable.btn--aqua:after {
    background-image: url(/themes/nioweb/images/icon-arrow-aqua.svg);
}

.btn--arrow-right-disable.btn--med-navy-blue:after {
    background-image: url(/themes/nioweb/images/icon-arrow-med-navy.svg);
}

.btn-social {
    display: inline-block;
    height: 22px;
    width: 22px;
}

.btn-social svg use,
.btn-social svg path {
    stroke: #fff;
}

.btn.btn--text {
    border: none;
    border-bottom: 1px solid;
    line-height: 1.3;
    cursor: pointer;
}

.btn--icon-plus:after {
    background-image: url(/themes/nioweb/images/icon-plus-white.svg);
}

.btn--icon-plus.btn--black:after {
    background-image: url(/themes/nioweb/images/icon-plus.svg);
}

.user-password-form .btn--icon-plus.form-submit:after,
.user-login-form .btn--icon-plus.form-submit:after,
.user-register-form .btn--icon-plus.form-submit:after,
#champ-tabs #standings .ui-tabs-nav .btn--icon-plus.ui-tabs-anchor:after,
.btn--icon-plus.btn--aqua:after {
    background-image: url(/themes/nioweb/images/icon-plus-aqua.svg);
}

.btn--icon-minus:after {
    background-image: url(/themes/nioweb/images/icon-minus.svg);
    position: relative;
    top: -2px;
}

.btn--icon-minus.btn--black:after {
    background-image: url(/themes/nioweb/images/icon-minus.svg);
}

.user-password-form .btn--icon-minus.form-submit:after,
.user-login-form .btn--icon-minus.form-submit:after,
.user-register-form .btn--icon-minus.form-submit:after,
#champ-tabs #standings .ui-tabs-nav .btn--icon-minus.ui-tabs-anchor:after,
.btn--icon-minus.btn--aqua:after {
    background-image: url(/themes/nioweb/images/icon-minus-aqua.svg);
}

.btn--icon-tick:after {
    background-image: url(/themes/nioweb/images/icon-tick-white.svg);
    position: relative;
    top: -2px;
}

.btn--icon-tick.btn--black:after {
    background-image: url(/themes/nioweb/images/icon-tick.svg);
}

.user-password-form .btn--icon-tick.form-submit:after,
.user-login-form .btn--icon-tick.form-submit:after,
.user-register-form .btn--icon-tick.form-submit:after,
#champ-tabs #standings .ui-tabs-nav .btn--icon-tick.ui-tabs-anchor:after,
.btn--icon-tick.btn--aqua:after {
    background-image: url(/themes/nioweb/images/16-icon-tick.svg);
}

.btn--icon-error:after {
    background-image: url(/themes/nioweb/images/16-icon-cross.svg);
    position: relative;
    top: -2px;
}

.btn--icon-external:after {
    background-image: url(/themes/nioweb/images/icon-external-white.svg);
}

.btn--icon-external.btn--black:after {
    background-image: url(/themes/nioweb/images/icon-external-black.svg);
}

.btn--icon-external.btn--aqua:after {
    background-image: url(/themes/nioweb/images/icon-external-aqua.svg);
}

.btn--black {
    color: #000;
}

.btn--black:hover {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    color: #FFF;
    background-color: #000;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor,
.btn--aqua {
    color: #FFF;
    border-color: #00bebe;
    background-color: #00bebe;
}

.user-password-form .form-submit:hover,
.user-login-form .form-submit:hover,
.user-register-form .form-submit:hover,
#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor:hover,
.btn--aqua:hover {
    border-color: #00263c;
    background: #00263c;
}

.btn--gainsboro {
    border-color: #D8D8D8;
    color: #D8D8D8;
}

.btn--gainsboro:hover,
.btn--gainsboro:active {
    background-color: #D8D8D8;
    color: #000f16;
}

.btn--black-pearl {
    background-color: transparent;
    border: 2px solid #000f16;
    color: #000f16;
}

.btn--black-pearl:hover,
.btn--black-pearl:active {
    background-color: #000f16;
    color: #FFFFFF;
}

.btn--med-navy-blue {
    color: #00263d;
}

.btn--turquoise {
    color: #08bbc8;
}

.btn--red {
    color: #FF231E;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit,
.btn--default {
    border-radius: 20px;
    border: 2px solid #fff;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 11px 20px;
    text-decoration: none;
}

.btn--black {
    border-color: #000;
    color: #000;
}

.btn--right-arrow {
    background: url(/themes/nioweb/images/right-arrow-circle.svg) center center no-repeat;
    background-size: cover;
    height: 64px;
    text-indent: -9999px;
    width: 64px;
}

.no-touchevents .btn--icon--animated {
    padding: 0 10px;
    position: relative;
    -webkit-transition: padding 0.35s ease-in-out;
    -o-transition: padding 0.35s ease-in-out;
    transition: padding 0.35s ease-in-out;
}

.no-touchevents .btn--icon--animated:after {
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.button- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.svg__arrow {
    width: 11px;
    height: 14px;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 2;
    padding: 1px;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.75s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out, opacity 0.75s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.75s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.75s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.svg__arrow--right {
    right: 35px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.svg__arrow--center {
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.svg__arrow__shape--stroke {
    fill: transparent;
    stroke-width: 2;
    stroke: #fff;
}

.svg__arrow__shape--fill {
    fill: #fff;
    stroke-width: 2;
    stroke: #fff;
}

.svg__arrow__shape--fadein {
    -webkit-transition: opacity 0.5s ease-in-out 0.1s;
    -o-transition: opacity 0.5s ease-in-out 0.1s;
    transition: opacity 0.5s ease-in-out 0.1s;
    opacity: 0;
}

.svg__pause {
    width: 22px;
    height: 28px;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    padding: 1px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: opacity 0.5s linear 0.1s;
    -o-transition: opacity 0.5s linear 0.1s;
    transition: opacity 0.5s linear 0.1s;
}

.svg__pause__shape--right {
    -webkit-transform: translate3d(14px, 0, 0);
    transform: translate3d(14px, 0, 0);
}

.animatedbtn__play--64 .svg__pause {
    margin-left: 2px;
    margin-top: 2px;
}

.animatedbtn__play--48 .svg__pause {
    height: 18px;
    width: 13px;
}

.svg__rect {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    overflow: visible;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: width 0.5s cubic-bezier(0.8, 0.3, 0.1, 1);
    -o-transition: width 0.5s cubic-bezier(0.8, 0.3, 0.1, 1);
    transition: width 0.5s cubic-bezier(0.8, 0.3, 0.1, 1);
}

.svg__rect__shape {
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

.svg__rect__shape--stroke {
    fill: transparent;
    stroke-width: 2;
    stroke: #fff;
}

.svg__rect__shape--stroke--black {
    stroke: #000;
}

.svg__rect__shape--pill {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

.svg__rect__shape--pill--has-transition {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: stroke-dasharray 0.3s linear, stroke-dashoffset 0.3s linear, -webkit-transform 0.3s linear;
    transition: stroke-dasharray 0.3s linear, stroke-dashoffset 0.3s linear, -webkit-transform 0.3s linear;
    -o-transition: stroke-dasharray 0.3s linear, stroke-dashoffset 0.3s linear, transform 0.3s linear;
    transition: stroke-dasharray 0.3s linear, stroke-dashoffset 0.3s linear, transform 0.3s linear;
    transition: stroke-dasharray 0.3s linear, stroke-dashoffset 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
}

.svg__rect__shape--loader {
    -webkit-animation: loaded 0.5s linear 0s 1 normal forwards;
    animation: loaded 0.5s linear 0s 1 normal forwards;
    stroke-dasharray: 282.6px;
    stroke-dashoffset: 141.3px;
}

.svg__success {
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    stroke-width: 2;
    stroke: #fff;
}

.svg__success--center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.svg__error {
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    stroke-width: 2;
    stroke: #fff;
}

.svg__error--center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.animatedbtn__link {
    display: block;
    cursor: pointer;
}

.animatedbtn--center {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.animatedbtn--horiz-center {
    position: absolute;
    left: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.animatedbtn__button {
    font-family: 'BlueSkyStandard-Regular', sans-serif;
    width: 100%;
    height: 50px;
    padding: 0;
    color: #13D4C8;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    outline: transparent;
    background: none;
    -webkit-transition: opacity 0.75s ease-in-out 0.1s;
    -o-transition: opacity 0.75s ease-in-out 0.1s;
    transition: opacity 0.75s ease-in-out 0.1s;
}

.animatedbtn__button__text {
    color: #fff;
    white-space: nowrap;
    padding: 0 40px;
}

.animatedbtn__button__text--black {
    color: #000;
}

.animatedbtn__button__text--has-arrow {
    padding-right: 60px;
}

.animatedbtn__hover-arrow__shape {
    stroke: #fff;
}

.animatedbtn__hover-arrow--right {
    position: absolute;
    top: 50%;
    right: 35px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.animatedbtn__submit {
    height: 50px;
}

.animatedbtn__submit .svg__rect {
    height: 50px;
}

.animatedbtn__submit .svg__rect__shape--pill {
    -webkit-transition: stroke 0.35s ease-in-out;
    -o-transition: stroke 0.35s ease-in-out;
    transition: stroke 0.35s ease-in-out;
}

.animatedbtn__submit .svg__success,
.animatedbtn__submit .svg__error {
    opacity: 0;
}

.animatedbtn__submit .svg__success {
    width: 20px;
    stroke-dasharray: 25;
    stroke-dashoffset: 25;
}

.animatedbtn__submit .svg__error {
    width: 13px;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
    transform: translate3d(-50%, -50%, 0) rotate(180deg);
}

.animatedbtn__submit .svg__error__line {
    stroke-dasharray: 25;
    stroke-dashoffset: 25;
}

.animatedbtn__submit .animatedbtn__button__text {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}

.animatedbtn__submit .animatedbtn__hover-arrow {
    opacity: 0;
    right: 35px;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.animatedbtn__submit .js-submitting .svg__rect {
    width: 50px;
}

.animatedbtn__submit .js-submitting .svg__rect__shape--pill {
    stroke-dasharray: 157px;
    stroke-dashoffset: 78.5px;
    -webkit-transform: rotate(-450deg);
    -ms-transform: rotate(-450deg);
    transform: rotate(-450deg);
    -webkit-transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, -webkit-transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, -webkit-transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    -o-transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s, -webkit-transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    -webkit-animation: loader 0.5s linear 0.38s infinite normal forwards;
    animation: loader 0.5s linear 0.38s infinite normal forwards;
}

.animatedbtn__submit .js-submitting .animatedbtn__button {
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.animatedbtn__submit .js-submitted .svg__rect {
    width: 100%;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.animatedbtn__submit .js-submitted .svg__rect__shape--pill {
    stroke-dasharray: 1000;
    stroke-dashoffset: 78.5px;
    -webkit-transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.5s;
    -o-transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.5s;
    transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.5s;
    -webkit-animation: submitLoaded 0.5s linear 0s 1 normal forwards;
    animation: submitLoaded 0.5s linear 0s 1 normal forwards;
}

.animatedbtn__submit .js-submitted .animatedbtn__button {
    opacity: 0;
}

.animatedbtn__submit .js-submitted--success .svg__success {
    opacity: 1;
    stroke: #4FEB73;
}

.animatedbtn__submit .js-submitted--success .svg__rect__shape--stroke {
    stroke: #4FEB73;
}

.animatedbtn__submit .js-submitted--error .svg__error {
    opacity: 1;
    stroke: #f47734;
}

.animatedbtn__submit .js-submitted--error .svg__rect__shape--stroke {
    stroke: #f47734;
}

.animatedbtn__submit .js-submitted--success .svg__success {
    -webkit-transition: stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 1s;
    -o-transition: stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 1s;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 1s;
    stroke-dashoffset: 0;
}

.animatedbtn__submit .js-submitted--error .svg__error .svg__error__line {
    -webkit-transition: stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 1s;
    -o-transition: stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 1s;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 1s;
    stroke-dashoffset: 0;
}

.animatedbtn__submit .js-submitted--error .svg__error .svg__error__line--second {
    -webkit-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

.animatedbtn__text {
    height: 50px;
}

.animatedbtn__text .svg__rect {
    height: 50px;
}

.animatedbtn__text:hover .svg__rect {
    width: 50px;
}

.animatedbtn__text:hover .svg__rect__shape--pill {
    stroke-dasharray: 157px;
    stroke-dashoffset: 78.5px;
    -webkit-transform: rotate(-450deg);
    -ms-transform: rotate(-450deg);
    transform: rotate(-450deg);
    -webkit-transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, -webkit-transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, -webkit-transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    -o-transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
    transition: stroke-dasharray 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, stroke-dashoffset 0.35s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.1s, transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s, -webkit-transform 0.5s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0.38s;
}

.animatedbtn__text:hover .svg__arrow__shape--fadein {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.animatedbtn__text:hover .animatedbtn__button {
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.animatedbtn__text.js-draw-button .svg__rect {
    width: 50px;
}

.animatedbtn__text.js-draw-button .svg__rect__shape--pill {
    -webkit-animation: spin 0.7s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0s 1 normal forwards;
    animation: spin 0.7s cubic-bezier(0.7, 0.6, 0.5, 0.9) 0s 1 normal forwards;
}

.animatedbtn__text.js-draw-button .animatedbtn__button {
    opacity: 0;
}

.animatedbtn__text.hoverout .svg__rect {
    width: 50px;
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.animatedbtn__text.hoverout .svg__rect__shape--pill {
    stroke-dasharray: 157px;
    stroke-dashoffset: 78.5px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.animatedbtn__text.hoverout .animatedbtn__button,
.animatedbtn__text.hoverout .svg__arrow--right {
    opacity: 0;
}

.animatedbtn__play {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 90px;
    cursor: pointer;
}

.no-smil .animatedbtn__play:after {
    background-image: url(/themes/nioweb/images/icon-play-white.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}

.no-smil .animatedbtn__play svg {
    display: none;
}

.animatedbtn__play .svg__rect {
    width: 90px;
    height: 90px;
}

.animatedbtn__play__loader {
    -webkit-transition: stroke-dashoffset 0.3s linear;
    -o-transition: stroke-dashoffset 0.3s linear;
    transition: stroke-dashoffset 0.3s linear;
    stroke-dasharray: 282.6px;
    stroke-dashoffset: 141.3px;
}

.animatedbtn__play.js-loader-loading .animatedbtn__play__loader {
    -webkit-animation: loader 0.5s linear 0s infinite normal forwards;
    animation: loader 0.5s linear 0s infinite normal forwards;
}

.animatedbtn__play.js-loader-loading .svg__pause {
    opacity: 0;
}

.animatedbtn__play.js-loader-loaded .animatedbtn__play__loader {
    -webkit-animation: loaded 0.5s linear 0s 1 normal forwards;
    animation: loaded 0.5s linear 0s 1 normal forwards;
}

.animatedbtn__play.animatedbtn__play--48 {
    height: 48px;
    width: 48px;
}

.animatedbtn__play.animatedbtn__play--48 .animatedbtn__play__loader {
    stroke-dasharray: 150.72px;
    stroke-dashoffset: 75.36px;
}

.animatedbtn__play.animatedbtn__play--48 .svg__rect {
    height: 48px;
    width: 48px;
}

.animatedbtn__play.animatedbtn__play--64 {
    height: 64px;
    width: 64px;
}

.animatedbtn__play.animatedbtn__play--64 .animatedbtn__play__loader {
    stroke-dasharray: 200.96px;
    stroke-dashoffset: 100.48px;
}

.animatedbtn__play.animatedbtn__play--64 .svg__rect {
    height: 64px;
    width: 64px;
}

.animatedbtn__play.animatedbtn__play--128 {
    height: 128px;
    width: 128px;
}

.animatedbtn__play.animatedbtn__play--128 .animatedbtn__play__loader {
    stroke-dasharray: 401.92px;
    stroke-dashoffset: 200.96px;
}

.animatedbtn__play.animatedbtn__play--128 .svg__rect {
    height: 128px;
    width: 128px;
}

.no-smil .animatedbtn__zoom:after {
    background-image: url(/themes/nioweb/images/icon-zoom.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}

.no-smil .animatedbtn__zoom img,
.no-smil .animatedbtn__zoom svg {
    display: none;
}

.animatedbtn__play.js-loader-loaded:hover .animatedbtn__play__loader {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -o-transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    transition: stroke-dashoffset 0.5s linear, stroke-dasharray 0.5s linear 0.5s;
    -webkit-animation: playHover 0.5s linear 0s 1 normal forwards;
    animation: playHover 0.5s linear 0s 1 normal forwards;
}

.btn--black-twilight {
    background: #000;
}

.btn--black-twilight:hover {
    background: #00263c;
}

.js-submitting {
    pointer-events: none;
}

.view-news .ajax-progress-fullscreen {
    display: none;
}

.more-link {
    text-align: center;
}

.more-link,
.pager--load-more {
    margin: 50px 0 40px;
}

@media (min-width:64em) {
    .more-link,
    .pager--load-more {
        margin-bottom: 80px;
    }
}

.more-link .animatedbtn__button__text,
.pager--load-more .animatedbtn__button__text {
    font-size: 12px;
    font-weight: 700;
}

.more-link .animatedbtn__submit,
.pager--load-more .animatedbtn__submit {
    display: inline-block;
    padding: 0;
    position: relative;
}

.smil .more-link .animatedbtn__submit .btn--no-smil,
.smil .pager--load-more .animatedbtn__submit .btn--no-smil {
    display: none;
}

.no-smil .more-link .animatedbtn__submit .animatedbtn__link,
.no-smil .pager--load-more .animatedbtn__submit .animatedbtn__link {
    display: none;
}

.view-blog {
    margin-top: 20px;
}

@media (min-width:48em) {
    .view-blog {
        margin-top: 80px;
    }
}

.view-blog .view-blog-header {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}

@media (min-width:48em) {
    .view-blog .view-blog-header {
        margin-bottom: 50px;
    }
}

.faux-table {
    font-size: 13px;
    border-collapse: collapse;
    color: #9b9b9b;
}

.faux-table .row {
    border: 1px solid #e3e3e3;
    cursor: pointer;
    padding: 10px 20px;
    margin: -1px 0 0 -1px;
}

.faux-table .row :first-child {
    color: black;
    padding-bottom: 10px;
}

.faux-table .head {
    display: none;
    border: none;
}

.faux-table .row:not(.head):hover {
    background: #F3F3F3 !important;
    cursor: pointer;
}

@media (min-width:768px) {
    .faux-table {
        display: table;
        border-collapse: collapse;
        width: 100%;
        font-size: 15px;
    }
    .faux-table .row {
        display: table-row;
    }
    .faux-table .row .cell {
        display: table-cell;
        padding: 25px;
        vertical-align: middle;
        color: black;
    }
    .faux-table .head .cell {
        text-transform: uppercase;
        color: #00bebe;
        font-weight: bold;
        padding: 25px;
        letter-spacing: 2px;
        font-size: 14px;
    }
}

.table--striped .odd {
    background: #f9f9f9;
}

.table-team-standings {
    text-transform: uppercase;
    width: 100%;
}

.table-team-standings thead {
    color: #00bebe;
}

.table-team-standings tbody {
    color: #fff;
}

.table-team-standings tbody tr {
    background-color: #003351;
}

.table-team-standings tbody tr:not(:last-child) {
    border-bottom: 1px solid #003f3f;
}

.table-team-standings td {
    padding: 15px;
}

.table-team-standings td:first-child {
    padding-left: 30px;
}

.table-team-standings td:last-child {
    padding-right: 30px;
}

.dropdown {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}

.dropdown a {
    text-decoration: none;
}

.dropdown__links {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 20px #e3e3e3;
    box-shadow: 0 0 20px #e3e3e3;
    display: none;
    letter-spacing: 2px;
    list-style: none;
    min-width: 180px;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    z-index: 4;
}

@media screen and (max-width:47.9375em) {
    .dropdown__links {
        bottom: 100%;
        left: 50%;
        margin-bottom: 20px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.dropdown__links li {
    list-style: none;
}

.dropdown__links a {
    display: block;
    font-size: 14px;
    padding: 5px 15px;
}

.dropdown__links a:hover,
.dropdown__links a:focus {
    background-color: #f7f7f7;
}

.dropdown__links a:hover img,
.dropdown__links a:hover span,
.dropdown__links a:focus img,
.dropdown__links a:focus span {
    opacity: 1 !important;
}

.dropdown__links .icon {
    margin-right: 10px;
}

.dropdown__links:after,
.dropdown__links:before {
    border: solid transparent;
    content: " ";
    height: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
}

@media screen and (max-width:47.9375em) {
    .dropdown__links:after,
    .dropdown__links:before {
        left: 50%;
        margin-top: -1px;
        top: 100%;
    }
}

.dropdown__links:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 15px;
}

@media screen and (max-width:47.9375em) {
    .dropdown__links:after {
        border-top-color: #fff;
        margin-left: -15px;
    }
}

.dropdown__links:before {
    border-color: rgba(227, 227, 227, 0);
    border-width: 16px;
}

@media screen and (max-width:47.9375em) {
    .dropdown__links:before {
        border-top-color: #e3e3e3;
        margin-left: -16px;
    }
}

@media (min-width:48em) {
    .dropdown--center-right .dropdown__links {
        left: 100%;
        margin-left: 30px;
        margin-top: -10px;
        top: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width:48em) {
    .dropdown--center-right .dropdown__links:after,
    .dropdown--center-right .dropdown__links:before {
        right: 100%;
        top: 50%;
    }
}

@media (min-width:48em) {
    .dropdown--center-right .dropdown__links:after {
        border-right-color: #fff;
        margin-top: -15px;
    }
}

@media (min-width:48em) {
    .dropdown--center-right .dropdown__links:before {
        border-right-color: #e3e3e3;
        border-width: 16px;
        margin-top: -16px;
    }
}

.content-align-right {
    float: right;
}

.messages {
    margin: 0 auto;
    max-width: 700px;
    padding-right: 50px;
    position: relative;
}

.messages__close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
}

div.ajax-progress {
    background: #fff;
    border-radius: 100%;
    width: 83px;
    height: 83px;
    opacity: 0.9;
    top: 40%;
    margin-left: -40px;
    display: none;
}

@media (min-width:48em) {
    div.ajax-progress {
        width: 115px;
        height: 115px;
        margin-left: -60px;
    }
}

div.ajax-progress .loader {
    position: relative;
    margin: 0 auto;
    width: 70px;
}

@media (min-width:48em) {
    div.ajax-progress .loader {
        width: 100px;
    }
}

div.ajax-progress .loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}

div.ajax-progress .circular {
    -webkit-animation: rotate 1.2s linear infinite;
    animation: rotate 1.2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 0;
    margin: auto;
}

div.ajax-progress .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.2s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.2s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-webkit-keyframes color {
    100%,
    0% {
        stroke: #06bbc8;
    }
    40% {
        stroke: #b7e8ea;
    }
    66% {
        stroke: #06bbc8;
    }
    80%,
    90% {
        stroke: #b7e8ea;
    }
}

@keyframes color {
    100%,
    0% {
        stroke: #06bbc8;
    }
    40% {
        stroke: #b7e8ea;
    }
    66% {
        stroke: #06bbc8;
    }
    80%,
    90% {
        stroke: #b7e8ea;
    }
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cbox--gallery #cboxLoadedContent picture img,
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: 100%;
    height: auto !important;
    width: 100% !important;
    -ms-interpolation-mode: bicubic;
}

.cbox--gallery #cboxLoadedContent picture img {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#cboxOverlay {
    background: #000;
    opacity: 0.9;
}

#cboxOverlay.cbox--gallery {
    background-color: transparent;
}

#colorbox {
    outline: 0;
}

#cboxContent {
    overflow: visible;
    background: #000;
}

.cboxIframe {
    background: #000;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    background: #000;
    padding: 1px;
}

.cbox--partners #cboxLoadedContent {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px;
    overflow: auto !important;
}

#cboxLoadingOverlay {
    background: #000;
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    background: 0 0 no-repeat;
    background-size: contain;
    border: none;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
}

#cboxPrevious,
#cboxNext {
    height: 32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
}

.no-touchevents #cboxPrevious,
.no-touchevents #cboxNext {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

#cboxPrevious {
    background-image: url(/themes/nioweb/images/left-arrow.svg);
    left: 15px;
}

.no-touchevents #cboxPrevious:hover {
    -webkit-transform: translate3d(-3px, -50%, 0);
    transform: translate3d(-3px, -50%, 0);
}

#cboxNext {
    background-image: url(/themes/nioweb/images/right-arrow.svg);
    right: 15px;
}

.no-touchevents #cboxNext:hover {
    -webkit-transform: translate3d(3px, -50%, 0);
    transform: translate3d(3px, -50%, 0);
}

#cboxClose {
    background-image: url(/themes/nioweb/images/close-icon.svg);
    height: 24px;
    opacity: 1;
    top: 15px;
    right: 15px;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
    width: 24px;
    z-index: 999;
}

.videojs-user-inactive:not(.videojs-paused) #cboxClose {
    opacity: 0;
}

@media (min-width:48em) {
    #cboxClose {
        top: 25px;
    }
    #cboxNext,
    #cboxClose {
        right: 25px;
    }
    #cboxPrevious {
        left: 25px;
    }
    #cboxClose {
        top: 40px;
    }
    #cboxNext,
    #cboxClose {
        right: 40px;
    }
    #cboxPrevious {
        left: 40px;
    }
}

@media (min-width:64em) {
    #cboxNext,
    #cboxClose {
        right: 30px;
    }
    #cboxPrevious {
        left: 30px;
    }
}

.cbox-active.videojs-started .share-dropdown,
.cbox-active.videojs-started .logo-overlay {
    display: block;
    opacity: 1;
}

.cbox-active.videojs-user-inactive:not(.videojs-paused) .share-dropdown,
.cbox-active.videojs-user-inactive:not(.videojs-paused) .logo-overlay {
    opacity: 0;
}

.download- {
    position: absolute;
    right: 90px;
    top: 15px;
    display: inline-block;
}

@media (min-width:48em) {
    .download- {
        right: 140px;
        top: 40px;
    }
}

.cboxLeftCol {
    height: 60%;
    overflow: auto;
    padding-bottom: 30px;
    text-align: center;
}

@media (min-width:64em) {
    .cboxLeftCol {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        float: left;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0;
        text-align: left;
        width: 50%;
    }
}

@media (min-width:64em) {
    .cboxLeftColInner {
        max-width: 70%;
    }
}

.cboxRightCol {
    height: 40%;
}

@media (min-width:64em) {
    .cboxRightCol {
        height: 100%;
        float: right;
        width: 50%;
    }
}

.cboxRightCol img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    font-family: 'object-fit: cover;';
}

.cboxCaption {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 25px 20px 20px;
    position: absolute;
    width: 100%;
}

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

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

.slick-list:focus {
    outline: none;
}

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

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

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

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

.slick-track:after {
    clear: both;
}

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

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

.slick-slider .slick-slide .image-paragraph {
    margin-bottom: 0;
}

.slick-arrow {
    background-color: #00bebe;
    bottom: 0;
    cursor: pointer;
    height: 40px;
    position: absolute;
    text-align: center;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 40px;
    z-index: 2;
}

.no-touchevents .slick-arrow {
    opacity: 0.8;
}

@media (min-width:48em) {
    .slick-arrow {
        height: 60px;
        width: 60px;
    }
}

.no-touchevents .slick-arrow:hover,
.no-touchevents .slick-arrow:focus {
    opacity: 1;
}

.slick-arrow:after {
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
}

@media (min-width:48em) {
    .slick-arrow:after {
        height: 24px;
        width: 24px;
    }
}

.slick-prev {
    right: 40px;
}

@media (min-width:48em) {
    .slick-prev {
        right: 60px;
    }
}

.slick-next {
    right: 0;
}

.slick-dots {
    z-index: 10;
    list-style: none;
    padding: 40px 0 0;
    width: 100%;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li:not(:last-child) {
    margin-right: 20px;
}

.slick-dots li button {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 50%;
    color: #00bebe;
    font-size: 14px;
    height: 30px;
    text-align: center;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 30px;
}

@media (min-width:64em) {
    .slick-dots li button {
        font-size: 18px;
        height: 40px;
        width: 40px;
    }
}

.slick-dots .slick-active button {
    border-color: #00bebe;
    font-weight: 700;
}

.slick--small-dots {
    position: relative;
}

.slick--small-dots .slick-dots {
    bottom: 25px;
    padding-top: 0;
    position: absolute;
}

.slick--small-dots .slick-dots .slick-active button {
    background-color: #00bebe;
    height: 10px;
    width: 10px;
}

.slick--small-dots .slick-dots li {
    line-height: 0;
}

.slick--small-dots .slick-dots li:not(:last-child) {
    margin-right: 5px;
}

.slick--small-dots .slick-dots li button {
    background-color: #00263c;
    border: none;
    height: 8px;
    text-indent: -9999px;
    width: 8px;
}

.carousel--chevrons .slick-arrow {
    background-color: transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.carousel--chevrons .slick-arrow:after {
    background-image: url(/themes/nioweb/images/icon-chevron-left.svg);
    height: 34px;
    width: 24px;
}

.carousel--chevrons .slick-next {
    right: 0;
}

.carousel--chevrons .slick-next:after {
    -webkit-transform: translate(-50%, -50%) scaleX(-1);
    -ms-transform: translate(-50%, -50%) scaleX(-1);
    transform: translate(-50%, -50%) scaleX(-1);
}

.carousel--chevrons .slick-prev {
    left: 0;
}

#colorbox .video-js {
    left: 0;
    height: 100% !important;
    position: absolute;
    top: 0;
    width: 100% !important;
}

.video-js .vjs-play-control.video-animatedbtn {
    display: block;
    position: absolute;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.video-js .vjs-play-control.video-animatedbtn:before {
    display: none;
}

.video-js .svg__pause--stroke {
    display: none;
}

.no-smil .video-js.vjs-playing:not(.vjs-ended) .video-animatedbtn:after {
    background-image: url(/themes/nioweb/images/icon-pause-white.svg);
}

.video-js.vjs-playing:not(.vjs-ended) .svg__play--stroke {
    display: none;
}

.video-js.vjs-playing:not(.vjs-ended) .svg__pause--stroke {
    display: block;
}

.video-js .animatedbtn__play {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-js .vjs-big-play-button {
    display: none;
}

.video-js .vjs-control-bar {
    background: transparent;
    bottom: 20px;
    height: 24px;
    padding: 0 20px;
}

.video-js .vjs-progress-control {
    font-size: 16px;
    margin-right: 92px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: inherit;
}

.video-js .vjs-progress-holder.vjs-slider-horizontal {
    background-color: transparent;
    height: 1px;
    margin: 0;
}

.video-js .vjs-progress-holder .vjs-load-progress {
    background: rgba(255, 255, 255, 0.5);
    height: 1px;
    top: 2px;
}

.video-js .vjs-progress-holder .vjs-load-progress div {
    display: none;
}

.video-js .vjs-progress-holder .vjs-play-progress {
    border-radius: 25px;
    height: 5px;
}

.video-js .vjs-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
    background: url(/themes/nioweb/images/icon-fullscreen.svg) center center no-repeat;
    background-size: 18px 18px;
    content: '';
    font-size: 0;
    line-height: 1;
    height: 24px;
    width: 24px;
}

.video-js .vjs-fullscreen-control {
    bottom: 0;
    position: absolute;
    right: 68px;
    width: 24px;
}

.video-js .vjs-volume-menu-button:before {
    display: none;
}

.video-js .vjs-volume-menu-button {
    bottom: 0;
    position: absolute;
    right: 20px;
    width: auto;
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    width: auto;
}

.video-js .vjs-menu-button-inline:hover {
    width: auto;
}

.video-js .vjs-menu-button-inline:hover .vjs-menu {
    position: static;
}

.video-js .vjs-play-control,
.video-js .vjs-time-control {
    display: none;
}

.vjs-menu-button-inline .vjs-menu {
    display: block;
    position: static;
    opacity: 1;
}

.vjs-volume-bar.vjs-slider-horizontal {
    background: transparent url(/themes/nioweb/images/volume-vertical-gray.svg) 0 0 no-repeat;
    background-size: 24px 24px;
    margin: 0;
    height: 24px;
    width: 24px;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    background: transparent;
    height: 24px;
    overflow: hidden;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:after {
    background: transparent url(/themes/nioweb/images/volume-vertical-white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    bottom: 0;
    content: '';
    height: 24px;
    left: 0;
    position: absolute;
    width: 24px;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:before {
    display: none;
}

.vjs-play-progress:before {
    display: none;
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: auto;
    width: auto;
}

#colorbox .vjs-control-bar,
.vjs-fullscreen .vjs-control-bar {
    bottom: 80px;
    padding: 0 80px;
}

#colorbox .vjs-fullscreen-control,
.vjs-fullscreen .vjs-fullscreen-control {
    right: 128px;
}

#colorbox .vjs-volume-menu-button:before,
.vjs-fullscreen .vjs-volume-menu-button:before {
    display: none;
}

#colorbox .vjs-volume-menu-button,
.vjs-fullscreen .vjs-volume-menu-button {
    right: 80px;
}

#colorbox .vjs-progress-control,
.vjs-fullscreen .vjs-progress-control {
    margin-right: 122px;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-play-control.video-animatedbtn {
    opacity: 0;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-widget button {
    font-size: inherit;
    font-family: inherit;
}

.ui-widget-content a {
    color: inherit;
}

.news-tabs {
    margin: 40px 0 0;
    padding: 0;
}

@media (min-width:48em) {
    .news-tabs {
        margin-top: 60px;
    }
}

.news-tabs .ui-tabs-nav {
    background: transparent;
    border: none;
    border-radius: 0;
    font-size: 0;
    margin-bottom: 40px;
    padding: 0;
    text-align: center;
}

@media (min-width:48em) {
    .news-tabs .ui-tabs-nav {
        margin-bottom: 60px;
    }
}

@media (min-width:64em) {
    .news-tabs .ui-tabs-nav {
        text-align: left;
    }
}

.news-tabs .ui-tabs-nav li {
    border-bottom: 1px solid transparent;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 0 5px !important;
}

.news-tabs .ui-tabs-nav li:not(:last-child) {
    margin-right: 20px;
}

.news-tabs .ui-tabs-nav li:hover,
.news-tabs .ui-tabs-nav li:focus,
.news-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom-color: #00bebe;
    margin-bottom: unset;
}

.news-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: rgba(0, 0, 0, 0.3);
    font-size: 28px;
    font-weight: 100;
    line-height: 40px;
    padding: 0;
}

.news-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-widget-content {
    background: transparent;
    border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: transparent;
    border: none;
    border-radius: 0;
}

.ui-state-active .ui-tabs-anchor,
.ui-widget-content .ui-state-active .ui-tabs-anchor,
.ui-widget-header .ui-state-active .ui-tabs-anchor {
    color: #000;
}

.drupal-file-attachment--zip {
    text-indent: -9999px;
    width: 24px;
}

.drupal-file-attachment--zip:after {
    float: left;
    height: 35px;
    width: 32px;
}

#sliding-popup {
    bottom: 10px !important;
    left: 10px;
    position: fixed;
    width: calc(100% - (20px)) !important;
    z-index: 10;
}

#sliding-popup .popup-content {
    padding: 15px 30px;
    position: relative;
}

@media (min-width:30em) {
    #sliding-popup #popup-text {
        max-width: 80%;
    }
}

#sliding-popup #popup-text p {
    display: inline;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
}

#sliding-popup .find-more-button {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

#sliding-popup .agree-button {
    font-size: 14px;
}

@media (min-width:75.6875em) {
    #sliding-popup .agree-button {
        padding-left: 5px;
    }
}

#sliding-popup button {
    background-color: transparent;
    color: #00bebe;
    text-decoration: underline;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -o-transition: -o-transform 2s;
    transition: -webkit-transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -o-transition: -o-transform 2s;
    transition: -webkit-transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-car .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -o-transition: -o-transform 2s;
    transition: -webkit-transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -o-transition: -o-transform 2s;
    transition: -webkit-transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-car {
    border-radius: 0.34em;
    font-family: "Arimo", monospace;
    padding: 0.15em;
    background: black;
    color: #eee0d3;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    -webkit-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
    -o-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);
    background-image: -o-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), color-stop(40%, #333333), color-stop(60%, #101010), color-stop(80%, #333333), to(#333333));
    background-image: linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);
    padding: 0 0.15em;
}

.odometer.odometer-auto-theme .odometer-digit:first-child,
.odometer.odometer-theme-car .odometer-digit:first-child {
    border-radius: 0.2em 0 0 0.2em;
}

.odometer.odometer-auto-theme .odometer-digit:last-child,
.odometer.odometer-theme-car .odometer-digit:last-child {
    border-radius: 0 0.2em 0.2em 0;
    background-image: -o-linear-gradient(top, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee0d3), color-stop(40%, #eee0d3), color-stop(60%, #bbaa9a), color-stop(80%, #eee0d3), to(#eee0d3));
    background-image: linear-gradient(top, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%);
    background-color: #eee0d3;
    color: black;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    left: 0.15em;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

body {
    background-color: #fff;
    color: #000;
    font-family: "BlueSkyStandard", "Microsoft Yahei", Palatino, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    overflow-x: hidden;
}

body.noscroll {
    overflow: hidden;
}

@media screen and (max-width:63.9375em) {
    .top-nav-active {
        overflow: hidden;
    }
}

@media (min-width:48em) {
    .col {
        width: 48.83721%;
        float: left;
        margin-right: 2.32558%;
    }
    .col:last-child {
        float: right;
        margin-right: 0;
    }
}

.js-full-height {
    -webkit-transition: height 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: height 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: height 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.section-highlighted {
    left: 0;
    position: absolute;
    top: 64px;
    z-index: 4;
    width: 100%;
}

@media (min-width:64em) {
    .section-highlighted {
        top: 100px;
    }
}

.toolbar-vertical .section-highlighted {
    top: 100px;
}

.toolbar-horizontal .section-highlighted {
    top: 140px;
}

.toolbar-horizontal.toolbar-tray-open .section-highlighted {
    top: 180px;
}

.logo-overlay {
    display: none;
    left: 30px;
    position: fixed;
    top: 40px;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
    z-index: 99999;
}

.has-formulae-subnav #page-wrapper {
    background-color: #000;
    padding-top: 50px;
}

@media (min-width:64em) {
    .has-formulae-subnav #page-wrapper {
        padding-top: 60px;
    }
}

.ofi-wrapper {
    height: 100%;
    width: 100%;
}

.header {
    -webkit-animation: opacity 800ms backwards cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: opacity 800ms backwards cubic-bezier(0.645, 0.045, 0.355, 1);
    left: 0;
    padding: 8px 15px;
    position: fixed;
    top: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 100%;
    z-index: 11;
}

@media (min-width:64em) {
    .has-black-bg-nav .header {
        background-color: #000;
    }
}

.has-subnav .header {
    position: absolute;
}

@media screen and (max-width:63.9375em) {
    .header {
        background: #FFFFFF;
        -webkit-backdrop-filter: blur(5px);
    }
}

@media (min-width:64em) {
    .header {
        -webkit-animation-play-state: running;
        animation-play-state: running;
        background-color: #FFFFFF;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 15, 22, 0.1);
        box-shadow: 0px 0px 4px 0px rgba(0, 15, 22, 0.1);
        padding: 0px 40px;
        pointer-events: auto;
        position: absolute;
    }
}

@media screen and (max-width:63.9375em) {
    .top-nav-active .header {
        height: 100vh;
        position: fixed;
    }
}

.toolbar-vertical .header {
    position: absolute;
    top: 39px;
}

.toolbar-horizontal.toolbar-tray-open .header {
    top: 80px;
}

.toolbar-fixed .header {
    position: fixed;
    top: 39px;
}

@media (min-width:64em) {
    .toolbar-fixed .header {
        position: absolute;
    }
}

.header.header--sticky {
    position: fixed;
}

@media screen and (max-width:47.9375em) {
    .header.header--sticky {
        top: 0;
    }
}

@media (min-width:64em) {
    .header.header--hidden {
        background-color: #000;
        position: fixed;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.has-subnav .header.header--hidden {
    position: fixed;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media (min-width:64em) {
    .has-subnav .header.header--hidden {
        background-color: black;
    }
}

@media (min-width:64em) {
    .header.header--hidden.header--sticky {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.has-subnav .header.header--hidden.header--sticky {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

@media (min-width:64em) {
    .header.header--animated {
        -webkit-transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }
}

.has-subnav .header.header--animated {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width:64em) {
    .header--transparent {
        opacity: 0;
    }
}

@media (min-width:64em) {
    .header--run-animation {
        -webkit-animation-play-state: running;
        animation-play-state: running;
        pointer-events: auto;
    }
    .safari .header--run-animation {
        -webkit-animation: none !important;
    }
}

@media (min-width:64em) {
    .header__logo,
    .header__navigation {
        display: inline-block;
        vertical-align: middle;
    }
}

.header__logo {
    position: relative;
    z-index: 2;
}

@media screen and (max-width:63.9375em) {
    .header__logo {
        display: inline-block;
    }
}

@media (min-width:64em) {
    .header__logo {
        float: left;
        padding: 10px 0 0;
    }
}

@media (min-width:64em) {
    .has-black-bg-nav .header__logo svg g path {
        fill: #FFFFFF !important;
    }
}

@media (min-width:64em) {
    .header:not(.header--animated) .header__logo svg g path {
        fill: #000;
    }
}

@media (min-width:64em) {
    .has-formulae-subnav .header__logo {
        height: 40px;
        width: 112px;
    }
}

@media (min-width:64em) {
    .has-subnav .header.header--hidden .header__leadds .btn--white {
        display: none;
    }
}

.header__leadds {
    display: none;
}

@media (min-width:64em) {
    .header__leadds {
        float: right;
        display: block;
        position: relative;
        z-index: 1;
        margin-top: 12px;
    }
    .header__leadds a {
        font-size: 12px;
        font-weight: 400;
        padding: 0px 10px;
        border-width: 1px;
        height: 26px;
        vertical-align: middle;
        line-height: 26px;
        display: inline-block;
    }
}

@media (min-width:64em) {
    body:not(.has-black-bg-nav) .header__leadds .btn--white {
        display: none;
    }
}

@media (min-width:64em) {
    .header.header--hidden .header__leadds .btn--white {
        display: inline-block;
    }
}

@media (min-width:64em) {
    .header--hidden .header__leadds .btn--black {
        display: none;
    }
}

@media (min-width:64em) {
    .has-black-bg-nav .header__leadds .btn--black {
        display: none;
    }
}

.header__navigation__leads {
    display: none !important;
}

@media screen and (max-width:63.9375em) {
    .header__navigation__leads {
        display: block !important;
    }
}

@media screen and (max-width:63.9375em) {
    .header__navigation {
        display: none;
    }
}

@media (min-width:64em) {
    .header__navigation {
        padding-left: 162px;
    }
}

@media (min-width:64em) {
    .header__logo__mobile {
        display: none;
    }
}

.has-formulae-subnav .header__logo__mobile g path {
    -webkit-transition: fill 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: fill 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: fill 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.header__logo__desktop {
    display: none;
}

@media (min-width:64em) {
    .header__logo__desktop {
        display: block;
    }
}

.header__menu-call {
    color: #000;
    cursor: pointer;
    display: block;
    font-style: normal;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
    height: 50px;
    width: 50px;
    padding: 14px;
}

@media (min-width:64em) {
    .header__menu-call {
        display: none;
    }
}

.has-subnav .header--animated .header__menu-call {
    display: none;
}

.header__menu-call__bar {
    background: #000;
    border-radius: 2px;
    display: block;
    height: 1px;
    position: relative;
    top: 1px;
    -webkit-transition: background 400ms ease, top 300ms ease, -webkit-transform 300ms ease;
    transition: background 400ms ease, top 300ms ease, -webkit-transform 300ms ease;
    -o-transition: background 400ms ease, transform 300ms ease, top 300ms ease;
    transition: background 400ms ease, transform 300ms ease, top 300ms ease;
    transition: background 400ms ease, transform 300ms ease, top 300ms ease, -webkit-transform 300ms ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 15px;
}

.has-formulae-subnav .header__menu-call__bar {
    transition: background 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.25s, transform 300ms ease, top 300ms ease;
}

.header__menu-call__bar:nth-child(2) {
    margin: 6px 0;
    width: 20px;
}

@media screen and (max-width:63.9375em) {
    .nav-overlay {
        background-color: #000;
        content: '';
        height: 100vh;
        left: 0;
        opacity: 0;
        position: fixed;
        -webkit-transition: opacity 400ms ease, visibility 400ms ease;
        -o-transition: opacity 400ms ease, visibility 400ms ease;
        transition: opacity 400ms ease, visibility 400ms ease;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 5;
    }
}

@media (min-width:64em) {
    .nav-overlay {
        display: none;
    }
}

@media screen and (max-width:63.9375em) {
    .top-nav-active .nav-overlay {
        opacity: 1;
        visibility: visible;
    }
}

.has-formulae-subnav .header {
    -webkit-animation: none;
    animation: none;
    -webkit-transition: background 0.75s cubic-bezier(0.86, 0, 0.07, 1) 0.25s;
    -o-transition: background 0.75s cubic-bezier(0.86, 0, 0.07, 1) 0.25s;
    transition: background 0.75s cubic-bezier(0.86, 0, 0.07, 1) 0.25s;
}

@media (min-width:64em) {
    .has-formulae-subnav .header {
        background-color: #000;
        min-height: 60px;
        padding: 10px 40px;
        position: fixed;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
    }
}

@media (min-width:64em) {
    .has-formulae-subnav .header.header--hidden.header--sticky {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (min-width:64em) {
    .header.header--unstick {
        bottom: 0;
        position: absolute !important;
        top: auto;
    }
}

.header__logo__img--fixed {
    position: fixed;
}

@media screen and (max-width:63.9375em) {
    .header.header--subnav-open {
        background-color: #000;
        -webkit-transition: background 0.25s cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: background 0.25s cubic-bezier(0.86, 0, 0.07, 1);
        transition: background 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    }
}

header.header.clearfix .header__mobile-btn-box,
.table_hide_menu {
    display: none;
}

@media screen and (max-width:1023px) {
    header.header.clearfix .header__mobile-btn-box {
        display: inline-block;
        position: absolute;
        right: 52px;
        top: 26px;
        margin-top: -11.5px;
        z-index: 9999;
    }
    .header__mobile-btn-box .mobile-nav-btn {
        font-size: 12px;
        text-decoration: none;
        border: 1px solid #000;
        padding: 5px 27px 3px;
        margin: 0 5px;
    }
}

.footer {
    background-color: #fff;
    border-top: 1px solid #e3e3e3;
    color: #000;
    font-size: 14px;
    position: relative;
    z-index: 3;
}

@media (min-width:64em) {
    .footer {
        border: none;
    }
}

.footer .menu {
    list-style: none;
    text-align: center;
}

.footer .menu li {
    margin-bottom: 5px;
}

@media screen and (max-width:63.9375em) {
    .footer .menu li {
        font-weight: 700;
    }
}

@media (min-width:64em) {
    .footer .menu li {
        margin-bottom: 0;
        display: inline-block;
    }
}

@media (min-width:64em) {
    .footer .menu li:not(:last-child) {
        margin-right: 20px;
    }
}

.footer .menu a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer .menu a:hover,
.footer .menu a:focus {
    text-decoration: underline;
}

.footer .dropdown__links a {
    padding: 5px 15px;
    line-height: 30px;
}

.footer__upper {
    padding: 45px 40px 30px;
}

@media (min-width:64em) {
    .footer__upper {
        padding: 20px;
    }
}

.footer__bottom {
    padding: 20px 0;
}

@media screen and (max-width:63.9375em) {
    .footer__bottom {
        padding-top: 0;
    }
}

@media (min-width:64em) {
    .footer__bottom {
        border-top: 1px solid #dcdcdc;
    }
}

.footer__left {
    text-align: center;
}

@media (min-width:64em) {
    .footer__left {
        float: left;
        padding-top: 7px;
        text-align: left;
    }
}

@media (min-width:64em) {
    .footer__right {
        float: right;
    }
}

.footer__info-menu {
    display: inline-block;
}

@media screen and (max-width:63.9375em) {
    .footer__info-menu {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:63.9375em) {
    .footer__social-menu {
        margin-bottom: 30px;
    }
}

@media (min-width:64em) {
    .footer__social-menu {
        display: inline-block;
    }
}

.footer__social-menu .menu li {
    display: inline-block;
}

.footer__social-menu .menu li:not(:last-child) {
    margin-right: 10px;
}

.footer__social-menu .menu a {
    background: right center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    text-indent: -9999px;
    width: 22px;
}

.footer__social-menu .menu .menu-item-weibo a {
    background-image: url(/themes/nioweb/images/icon-weibo.svg);
}

.footer__social-menu .menu .menu-item-facebook a {
    background-image: url(/themes/nioweb/images/icon-facebook.svg);
}

.footer__social-menu .menu .menu-item-instagram a {
    background-image: url(/themes/nioweb/images/icon-instagram.svg);
}

.footer__social-menu .menu .menu-item-twitter a {
    background-image: url(/themes/nioweb/images/icon-twitter.svg);
}

.footer__social-menu .menu .menu-item-linkedin a {
    background-image: url(/themes/nioweb/images/icon-linked-in.svg);
}

.footer__social-menu .menu .menu-item-wechat a {
    background-image: url(/themes/nioweb/images/icon-wechat.svg);
}

.footer__social-menu .menu .menu-item-phone a {
    background-image: url(/themes/nioweb/images/icon-phone.svg);
}

@media (min-width:64em) {
    .footer--fixed .footer__social-menu {
        width: 15%;
    }
}

.footer__copyright {
    display: inline-block;
    margin-right: 10px;
}

.footer__lang-menu {
    text-align: center;
}

@media screen and (max-width:63.9375em) {
    .footer__lang-menu {
        margin-top: 20px;
    }
}

@media (min-width:64em) {
    .footer__lang-menu {
        display: inline-block;
    }
}

.footer__icp {
    text-align: center;
    margin-top: -40px;
}

@media (min-width:64em) {
    .footer__icp {
        width: 400px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.footer__icp a {
    text-decoration: none;
}

.footer__icp a:hover {
    text-decoration: underline;
}

.footer__cn_police_number {
    text-align: center;
}

.footer__cn_police_number img {
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.footer__cn_police_number a {
    color: #D0D0D0;
    display: inline-block;
    text-decoration: none;
}

@media (min-width:64em) {
    .footer--fixed {
        background-color: transparent;
        border-top: none;
        bottom: 0;
        left: 0;
        padding: 10px 20px;
        position: fixed;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        width: 100%;
    }
}

@media (min-width:64em) {
    .footer--hidden {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.menu--link-image--wechat {
    width: 170px;
    height: 170px;
}

.path-es8-experience .footer {
    display: none;
}

.menu--footer-cn .menu__item--has-children {
    position: relative;
}

.menu--footer-cn .menu__item--width-processed {
    text-align: left;
}

.menu--footer-cn .menu--level-1 {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 20px #e3e3e3;
    box-shadow: 0 0 20px #e3e3e3;
    letter-spacing: 2px;
    list-style: none;
    min-width: 180px;
    padding: 10px 0;
    white-space: nowrap;
    z-index: 4;
    text-align: center;
    line-height: 1.8em;
    bottom: 2rem;
    left: -5.3em;
}

.menu--footer-cn .menu--level-1 .menu__item {
    display: block;
}

.menu--footer-cn .menu--level-1 .menu__item:not(:last-child) {
    margin-left: 20px;
    margin-right: 20px;
}

.menu--footer-cn .menu--level-1:after {
    content: " ";
    position: absolute;
    bottom: 23px;
    left: 59%;
    border: 11px solid transparent;
    border-top-color: #FFF;
    border-bottom: 0;
    margin: 0 0 -34px -34px;
}

.menu--footer-cn .menu--level-1:before {
    content: " ";
    position: absolute;
    bottom: 22px;
    left: 59%;
    border: 11px solid transparent;
    border-top-color: #e3e3e3;
    border-bottom: 0;
    margin: 0 0 -34px -34px;
}

@media (max-width:1024px) {
    .menu--footer-cn .menu--level-1 {
        left: -25%;
    }
}

.black {
    color: #000;
}

.white {
    color: #FFFFFF;
}

.paragraph--type--hero-video {
    max-height: 720px;
    overflow: hidden;
}

.paragraph--type--hero-video .video-bg {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.paragraph--type--hero-video video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: relative;
}

.paragraph--type--hero-video .video-overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
    pointer-events: none;
}

.paragraph--type--hero-video .callout-inner {
    font-size: 2.0em;
    color: #fff;
    position: absolute;
    bottom: 14%;
    padding-left: 80px;
    text-shadow: 1px 1px 1px #000;
}

.paragraph--type--paragraphs-triplets {
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
}

.paragraph--type--paragraphs-triplets img {
    width: 100%;
    min-height: 400px;
}

.paragraph--type--paragraphs-triplets .field--name-field-block-copy {
    height: 100%;
}

.paragraph--type--paragraphs-triplets .field--name-field-block-copy .triplets-copy {
    position: absolute;
    padding-left: 40px;
    text-shadow: 1px 1px 1px black;
    bottom: 3%;
    font-size: 2em;
    color: #FFFFFF;
}

.paragraph--type--news-banner {
    height: 450px;
}

.paragraph--type--news-banner .paragraph--type--news-splash-headline {
    padding: 40px;
}

.paragraph--type--news-banner .paragraph--type--news-splash-headline .field--name-field-news-splash-title {
    font-size: 3.5em;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black;
}

.paragraph--type--news-banner .paragraph--type--news-splash-headline .field--name-field-news-splash-blurb {
    font-size: 2em;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black;
}

.paragraph--type--hero-image .field--name-field-block-copy {
    position: relative;
    top: 20%;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
}

.paragraph--type--carousel-video .video-embed-field-responsive-video {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    margin-bottom: 45px;
    min-width: 854px;
    min-height: 480px;
}

.paragraph--type--carousel-video .video-embed-field-responsive-video::after {
    padding-bottom: 0;
}

.paragraph--type--carousel-video .field--name-field-news-splash-title {
    font-size: 3.5em;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black;
    text-align: center;
    margin-bottom: 20px;
}

.paragraph--type--carousel-video .field--name-field-block-copy {
    text-align: center;
    width: 71%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    font-size: 1.5em;
    display: inline-block;
    padding: 0 15% 0 15%;
}

.paragraph--type--temporary-html-block .paragraphs-custom-content {
    text-align: center;
    margin-top: 5%;
}

.paragraph--type--temporary-html-block .paragraphs-custom-content .paragraphs-custom-footer,
.paragraph--type--temporary-html-block .paragraphs-custom-content .paragraphs-custom-title {
    font-size: 1.5em;
    text-transform: uppercase;
}

.paragraph--type--temporary-html-block .paragraphs-custom-content .paragraphs-custom-emphasis {
    display: block;
    font-size: 11.5em;
    font-weight: bold;
    margin: 35px 0;
}

.paragraph--type--hero-background-title-cta-med {
    position: relative;
    min-height: 600px;
    text-align: center;
    text-shadow: 1px 2px 3px #000;
}

.paragraph--type--hero-background-title-cta-med .field--name-field-news-splash-title {
    margin-top: 14%;
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
}

.paragraph--type--hero-background-title-cta-med .paragraph-emphasis {
    font-size: 4em;
    margin: 25px;
}

.paragraph--type--hero-background-title-cta-med .paragraph-cta {
    font-size: 1.5em;
}

.block-dimmer {
    position: relative;
    width: 100%;
    height: 100%;
}

.block-dimmer:hover {}

@-webkit-keyframes display-none-transition {
    0% {
        opacity: 0.1;
    }
}

@keyframes display-none-transition {
    0% {
        opacity: 0.1;
    }
}

@-webkit-keyframes display-block-transition {
    100% {
        opacity: 0.6;
    }
}

@keyframes display-block-transition {
    100% {
        opacity: 0.6;
    }
}

.app-showcase {
    margin-top: 80%;
}

@media (min-width:480px) {
    .app-showcase {
        padding: 0 10%;
        margin-top: 0;
    }
}

@media (min-width:75.6875em) {
    .app-showcase {
        margin-top: -140px;
    }
}

@media screen and (max-width:47.9375em) {
    .app-showcase__img {
        margin-bottom: 25px;
        margin-top: 40px;
        text-align: center;
    }
}

@media (min-width:480px) {
    .app-showcase__img {
        float: left;
        padding-top: 6%;
        width: 30%;
    }
}

@media screen and (max-width:47.9375em) {
    .app-showcase__img img {
        margin: 0 auto;
        width: 48%;
    }
}

@media (min-width:480px) {
    .app-showcase__img img {
        width: 100%;
    }
}

@media (min-width:480px) {
    .app-showcase__text {
        float: left;
        padding-left: 10%;
        padding-top: 2%;
        text-align: left;
        width: 70%;
    }
}

@media (min-width:64em) {
    .app-showcase__text {
        padding-top: 0;
    }
}

.app-showcase__title {
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 10px;
}

@media (min-width:480px) {
    .app-showcase__title {
        font-size: 28px;
    }
}

@media (min-width:64em) {
    .app-showcase__title {
        font-size: 42px;
        line-height: 40px;
    }
}

.app-showcase__title svg {
    background: transparent;
    max-width: 107px;
}

@media (min-width:48em) {
    .app-showcase__title svg {
        max-width: 167px;
    }
}

.app-showcase__subtitle {
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 15px;
}

@media (min-width:64em) {
    .app-showcase__subtitle {
        font-size: 42px;
    }
}

.app-showcase__description {
    margin: 0 auto;
    max-width: 50%;
}

@media (min-width:480px) {
    .app-showcase__description {
        margin: 0;
        max-width: 250px;
    }
}

.app-showcase__description p {
    font-size: 12px;
    line-height: 1.67;
}

@media (min-width:48em) {
    .app-showcase__description p {
        font-size: 16px;
        line-height: 30px;
    }
}

.block-local-tasks-block {
    z-index: 5;
}

.block-local-tasks-block .tabs {
    background-color: rgba(153, 153, 153, 0.8);
    margin: 0;
    position: fixed;
    top: 250px;
    min-width: 100px;
}

.block-local-tasks-block .tabs>li {
    display: block;
    margin: 0;
}

.block-local-tasks-block .tabs.primary {
    left: 0;
}

.block-local-tasks-block .tabs.secondary {
    right: 0;
}

.visually-hidden {
    display: none;
}

@media screen and (max-width:63.9375em) {
    .region-top-navigation {
        background: #FFFFFF;
        display: table;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
    }
}

.region-top-navigation .visually-hidden {
    display: none;
}

.region-top-navigation .block-menu {
    display: block;
}

@media screen and (max-width:63.9375em) {
    .region-top-navigation .block-menu {
        margin-top: 50px;
        background-color: #F5F5F5;
    }
}

.region-top-navigation .menu {
    font-size: 0;
    list-style: none;
    overflow-x: hidden;
}

@media screen and (max-width:63.9375em) {
    .region-top-navigation .menu {
        overflow-y: auto;
        height: calc(100vh - 50px);
        padding-bottom: 25vh;
        padding-top: 5vh;
    }
}

.region-top-navigation .menu li {
    height: 50px;
    list-style: none;
}

.region-top-navigation .menu li.active-menu-item>span,
.region-top-navigation .menu li.active-menu-item>a {
    font-weight: 200;
}

@media (min-width:64em) {
    .region-top-navigation .menu li.active-menu-item>span,
    .region-top-navigation .menu li.active-menu-item>a {
        font-weight: 400;
    }
}

.region-top-navigation .menu li.active-menu-item>span:after,
.region-top-navigation .menu li.active-menu-item>a:after {
    display: block;
    background: #000;
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu li.active-menu-item>span:after,
    .header--hidden .region-top-navigation .menu li.active-menu-item>a:after {
        background: #000;
    }
}

.region-top-navigation .menu li.active-menu-item>span.current-page-menu-item:after,
.region-top-navigation .menu li.active-menu-item>a.current-page-menu-item:after {
    background: #00bebe;
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu li.active-menu-item>span.current-page-menu-item:after,
    .header--hidden .region-top-navigation .menu li.active-menu-item>a.current-page-menu-item:after {
        background: #00bebe;
    }
}

.region-top-navigation .menu li.active-menu-item .menu {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(218, 220, 222, 0.3)), to(rgba(240, 241, 242, 0)));
    background: -o-linear-gradient(top, rgba(218, 220, 222, 0.3) 0%, rgba(240, 241, 242, 0) 100%);
    background: linear-gradient(180deg, rgba(218, 220, 222, 0.3) 0%, rgba(240, 241, 242, 0) 100%);
    display: block;
}

@media (min-width:64em) {
    .region-top-navigation .menu li.active-menu-item .menu {
        background: #f7f8fa;
    }
}

.region-top-navigation .menu li.active-menu-item.menu__item--has-children .current-page-menu-item:after,
.region-top-navigation .menu li.menu__item--has-children .current-page-menu-item:after {
    background: #00bebe;
}

.region-top-navigation .menu li.active-menu-item.menu__item--has-children .menu--level-1 .current-page-menu-item:after,
.region-top-navigation .menu li.menu__item--has-children .menu--level-1 .current-page-menu-item:after {
    background: transparent;
}

.region-top-navigation .menu li.active-menu-item.menu__item--has-children .menu--level-1:after,
.region-top-navigation .menu li.menu__item--has-children .menu--level-1:after {
    content: '';
    background: #DADCDE;
    bottom: 0;
    display: block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 32px;
}

@media (min-width:64em) {
    .region-top-navigation .menu li.active-menu-item.menu__item--has-children .menu--level-1:after,
    .region-top-navigation .menu li.menu__item--has-children .menu--level-1:after {
        display: none;
    }
}

@media screen and (max-width:63.9375em) {
    .region-top-navigation .menu li {
        opacity: 0;
        height: initial;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;
        transition: opacity 400ms ease, -webkit-transform 400ms ease;
        -o-transition: transform 400ms ease, opacity 400ms ease;
        transition: transform 400ms ease, opacity 400ms ease;
        transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease;
    }
}

.region-top-navigation .menu span,
.region-top-navigation .menu a {
    border-bottom: none;
    display: block;
    font-size: 28px;
    font-weight: 200;
    letter-spacing: 2.8px;
    margin: 0 30px;
    padding: 23.5px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    word-spacing: 4px;
}

@media (min-width:64em) {
    .region-top-navigation .menu span,
    .region-top-navigation .menu a {
        padding: 0;
        border-bottom: none;
        letter-spacing: 2.8px;
        word-spacing: 0;
        color: #000;
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 0;
        text-transform: none;
        font-weight: 400;
    }
    .has-black-bg-nav .region-top-navigation .menu span,
    .header--animated .region-top-navigation .menu span,
    .has-black-bg-nav .region-top-navigation .menu a,
    .header--animated .region-top-navigation .menu a {
        color: #FFFFFF;
    }
}

.region-top-navigation .menu span.header-menu-logo,
.region-top-navigation .menu a.header-menu-logo {
    background-repeat: no-repeat;
    text-indent: -1000em;
    background-size: 74px 24px;
    background-position: center center;
}

@media (min-width:64em) {
    .region-top-navigation .menu span.header-menu-logo,
    .region-top-navigation .menu a.header-menu-logo {
        background-size: 34px 12px;
        background-position: center;
        width: 34px;
    }
}

.region-top-navigation .menu span:after,
.region-top-navigation .menu a:after {
    content: '';
    background: #00bebe;
    bottom: 0;
    display: none;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 32px;
}

@media (min-width:64em) {
    .region-top-navigation .menu span:after,
    .region-top-navigation .menu a:after {
        bottom: -6px;
        width: 100%;
    }
}

.region-top-navigation .menu span.current-page-menu-item:after,
.region-top-navigation .menu a.current-page-menu-item:after {
    background: #00bebe;
    display: block;
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu span.current-page-menu-item:after,
    .header--hidden .region-top-navigation .menu a.current-page-menu-item:after {
        background: #00bebe;
    }
}

.region-top-navigation .menu span.header-menu-et7,
.region-top-navigation .menu a.header-menu-et7 {
    background-image: url("/themes/nioweb/images/et7-logo.svg");
}

.region-top-navigation .menu span.header-menu-en-spacing,
.region-top-navigation .menu a.header-menu-en-spacing {
    letter-spacing: 0;
}

.region-top-navigation .menu span.header-menu-es8,
.region-top-navigation .menu a.header-menu-es8 {
    background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/es8-logo.svg");
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu span.header-menu-es8,
    .header--hidden .region-top-navigation .menu a.header-menu-es8 {
        background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/es8-logo-white.svg");
    }
}

.region-top-navigation .menu span.header-menu-es6,
.region-top-navigation .menu a.header-menu-es6 {
    background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/es6-logo.svg?20200220");
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu span.header-menu-es6,
    .header--hidden .region-top-navigation .menu a.header-menu-es6 {
        background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/es6-logo-white.svg?20200220");
    }
}

.region-top-navigation .menu span.header-menu-ec6,
.region-top-navigation .menu a.header-menu-ec6 {
    background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/ec6-logo.svg");
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu span.header-menu-ec6,
    .header--hidden .region-top-navigation .menu a.header-menu-ec6 {
        background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/ec6-logo-white.svg");
    }
}

.region-top-navigation .menu span.header-menu-ep9,
.region-top-navigation .menu a.header-menu-ep9 {
    background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/ep9-logo.svg");
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu span.header-menu-ep9,
    .header--hidden .region-top-navigation .menu a.header-menu-ep9 {
        background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/ep9-logo-white.svg");
    }
}

.region-top-navigation .menu span.header-menu-eve,
.region-top-navigation .menu a.header-menu-eve {
    background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/eve-logo.svg");
}

@media (min-width:64em) {
    .header--hidden .region-top-navigation .menu span.header-menu-eve,
    .header--hidden .region-top-navigation .menu a.header-menu-eve {
        background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/eve-logo-white.svg");
    }
}

.pageid-news .region-top-navigation .menu span.header-menu-nio-news,
.pageid-news .region-top-navigation .menu a.header-menu-nio-news {
    font-weight: 400;
    color: #00bebe;
}

.region-top-navigation .menu span.header-menu-button,
.region-top-navigation .menu a.header-menu-button {
    color: #000;
    font-size: 16px;
    font-weight: lighter;
    text-align: center;
    padding: 10px;
    border: 1px solid black;
}

.region-top-navigation .menu span.header-menu-button:active,
.region-top-navigation .menu a.header-menu-button:active {
    background: #00bebe;
    color: #FFFFFF;
    border: none;
}

@media (min-width:64em) {
    .region-top-navigation .menu--level-0 {
        padding: 0;
        position: relative;
        white-space: nowrap;
        overflow: visible;
    }
    .region-top-navigation .menu--level-0>li {
        float: left;
        padding: 20px 0 10px;
        text-align: center;
        position: relative;
        height: 50px;
    }
}

.region-top-navigation .menu--level-1 {
    display: none;
    height: auto;
    font-size: 16px;
    padding: 0 0 25px;
    overflow: hidden;
}

.region-top-navigation .menu--level-1 li a,
.region-top-navigation .menu--level-1 li span {
    margin: 0;
    margin: 0;
    padding: 15px 30px;
    font-size: 16px;
    border-bottom-width: 0;
}

.region-top-navigation .menu--level-1 li a.header-menu-logo,
.region-top-navigation .menu--level-1 li span.header-menu-logo {
    margin: 0 30px;
    background-size: 68px 14px;
}

@media (min-width:64em) {
    .region-top-navigation .menu--level-1 li a,
    .region-top-navigation .menu--level-1 li span {
        font-size: 12px;
        display: block;
        height: 100%;
        padding: 15px 0;
        font-weight: 400;
        opacity: 0.7;
        line-height: 20px;
    }
    .region-top-navigation .menu--level-1 li a:after,
    .region-top-navigation .menu--level-1 li span:after {
        bottom: 12px;
    }
    .region-top-navigation .menu--level-1 li a.header-menu-logo,
    .region-top-navigation .menu--level-1 li span.header-menu-logo {
        background-size: 34px 12px;
        margin: 0;
    }
}

.region-top-navigation .menu--level-1 li a.current-page-menu-item,
.region-top-navigation .menu--level-1 li span.current-page-menu-item {
    color: #00bebe;
    font-weight: 400;
}

.pageid-visioncar .region-top-navigation .menu--level-1 li a.current-page-menu-item,
.pageid-visioncar .region-top-navigation .menu--level-1 li span.current-page-menu-item {
    background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/eve-logo-blue.svg");
}

.pageid-ep9 .region-top-navigation .menu--level-1 li a.current-page-menu-item,
.pageid-ep9 .region-top-navigation .menu--level-1 li span.current-page-menu-item {
    background-image: url("https://www.nio.cn/ecs/prod/s3fs-public/inline-images/menu-logos/ep9-logo-blue.svg");
}

@media screen and (max-width:63.9375em) {
    .region-top-navigation .menu--level-1 li a.current-page-menu-item:after,
    .region-top-navigation .menu--level-1 li span.current-page-menu-item:after {
        display: none;
    }
}

.region-top-navigation .menu--level-1 li:last-child a,
.region-top-navigation .menu--level-1 li:last-child span {
    border-bottom-width: 1px;
}

@media (min-width:64em) {
    .region-top-navigation .menu--level-1 li {
        display: inline-block;
        height: 100%;
        padding: 0 17px;
    }
}

@media (min-width:64em) {
    .region-top-navigation .menu--level-1 {
        position: absolute;
        background: #F7F8FA;
        border-radius: 0 0 2px 2px;
        height: 50px;
        top: 50px;
        padding: 0 23px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .header--hidden .region-top-navigation .menu--level-1 {
        background: #000;
    }
}

.region-top-navigation li.menu-item--visible {
    opacity: 1;
}

.region-top-navigation li.menu-item--visible:active:not(.menu__item--has-children) {
    background: #dadcde;
}

.has-static-subnav .region-top-navigation .menu--level-0 .menu__item--is-active-trail .menu--level-1 {
    display: block;
}

.has-static-subnav .region-top-navigation .menu--level-1 {
    padding-top: 20px;
}

@media (min-width:64em) {
    .has-static-subnav .region-top-navigation .menu--level-1 {
        border-top: 1px solid #FFFFFF;
        display: none;
        left: 0;
        padding-top: 0;
        position: absolute;
        top: 45px;
        width: 100%;
    }
}

@media screen and (max-width:63.9375em) {
    .has-static-subnav .region-top-navigation .menu--level-1>li:last-child {
        margin-bottom: 0;
    }
}

.has-static-subnav .region-top-navigation .menu--level-1>li a {
    border-bottom: 2px solid transparent;
}

@media screen and (max-width:63.9375em) {
    .has-static-subnav .region-top-navigation .menu--level-1>li a {
        font-size: 18px;
    }
}

@media (min-width:64em) {
    .has-static-subnav .region-top-navigation .menu--level-1>li a {
        border-bottom: none;
        border-top: 2px solid transparent;
        display: inline-block;
        font-weight: normal;
        padding-top: 10px;
        text-transform: capitalize;
        -webkit-transition: border-color 0.5s;
        -o-transition: border-color 0.5s;
        transition: border-color 0.5s;
    }
}

.has-static-subnav .region-top-navigation .menu--level-1>li a.is-active,
.has-static-subnav .region-top-navigation .menu--level-1>li a:hover,
.has-static-subnav .region-top-navigation .menu--level-1>li a:focus {
    border-bottom-color: #FFFFFF;
}

@media (min-width:64em) {
    .has-static-subnav .region-top-navigation .menu--level-1>li a.is-active,
    .has-static-subnav .region-top-navigation .menu--level-1>li a:hover,
    .has-static-subnav .region-top-navigation .menu--level-1>li a:focus {
        border-bottom: none;
        border-top-color: #FFFFFF;
    }
}

.formulae-specs {
    background-color: #fff;
    position: relative;
}

.formulae-specs .show-panel {
    cursor: pointer;
}

.formulae-specs .show-panel:hover,
.formulae-specs .show-panel.panel-on {
    border-bottom: 1px solid #00bebe;
    padding-bottom: 5px;
}

.formulae-specs .spec {
    margin-bottom: 30px;
}

@media (min-width:64em) {
    .formulae-specs .spec {
        min-width: 250px;
    }
}

.formulae-specs .hotspot {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

@media (min-width:48em) {
    .formulae-specs .hotspot {
        display: inline-block;
        padding-right: 20px;
        vertical-align: text-top;
        width: 49%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot {
        background-color: #999;
        background-image: url("/themes/nioweb/images/racing-spec-open-white.svg");
        background-position: center center;
        background-repeat: no-repeat;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        height: 40px;
        position: absolute;
        width: 40px;
        z-index: 2;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot.active {
        background-image: url("/themes/nioweb/images/racing-spec-close.svg");
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot .content {
        background-color: #fff;
        display: inline-block;
        margin-left: 20px;
        margin-top: 55px;
        padding: 20px;
        opacity: 0.8;
        border-radius: 4px;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-accel {
        left: 48.4%;
        top: 50%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-maxspeed {
        left: 48.4%;
        top: 31%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-maxpower {
        left: 29%;
        top: 58%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-racemode {
        left: 57%;
        top: 56%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-fanboost {
        left: 39%;
        top: 51%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-regeneration {
        left: 73%;
        top: 64%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-bespoke {
        left: 55%;
        top: 26%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-size {
        left: 63%;
        top: 52%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-rims {
        left: 32%;
        top: 46%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-length {
        left: 87%;
        top: 62%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-width {
        left: 23%;
        top: 46%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-height {
        left: 48%;
        top: 42%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-trackwidth {
        left: 26%;
        top: 64%;
    }
}

@media (min-width:64em) {
    .formulae-specs .hotspot-weight {
        left: 57%;
        top: 67%;
    }
}

.formulae-specs .mobile-btn {
    margin-bottom: 40px;
    text-align: center;
}

.formulae-specs .spec-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media (min-width:64em) {
    .formulae-specs .spec-title {
        font-size: 12px;
        line-height: 1.6;
    }
}

.formulae-specs .detail {
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 0;
}

@media (min-width:64em) {
    .formulae-specs .detail {
        font-size: 16px;
        line-height: 1.6;
    }
}

.formulae-specs .detail-small {
    margin-bottom: 0;
}

@media (min-width:64em) {
    .formulae-specs .detail-small {
        font-size: 12px;
        line-height: 1.6;
    }
}

.formulae-specs .section-nav--formulae {
    display: inline-block;
    width: 100%;
}

.formulae-specs .section-nav--formulae .section-nav__title {
    font-size: 26px;
}

@media (min-width:64em) {
    .formulae-specs .section-nav--formulae .section-nav__title {
        font-size: 16px;
    }
}

.formulae-specs .section-nav--formulae .section-nav__menu {
    display: none;
}

@media (min-width:64em) {
    .formulae-specs .section-nav--formulae .section-nav__menu {
        display: inline-block;
    }
}

.formulae-specs__intro {
    height: 100%;
}

@media (min-width:64em) {
    .formulae-specs__intro {
        opacity: 1;
        position: absolute;
        -webkit-transition: opacity 500ms, -webkit-transform 800ms;
        transition: opacity 500ms, -webkit-transform 800ms;
        -o-transition: transform 800ms, opacity 500ms;
        transition: transform 800ms, opacity 500ms;
        transition: transform 800ms, opacity 500ms, -webkit-transform 800ms;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        z-index: 3;
    }
}

@media (min-width:64em) {
    .formulae-specs--intro-off .formulae-specs__intro {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.formulae-specs__text {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

@media (min-width:64em) {
    .formulae-specs__text {
        color: #fff;
        max-width: 530px;
        padding-top: 100px;
    }
}

@media (min-width:64em) {
    .formulae-specs__img {
        height: 100%;
        position: absolute;
        width: 100%;
    }
}

@media (min-width:64em) {
    .ie .formulae-specs__img .ofi-wrapper,
    .formulae-specs__img img {
        position: absolute;
    }
}

.formulae-specs__img img {
    margin-bottom: 20px;
}

@media (min-width:64em) {
    .formulae-specs__img img {
        -o-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        height: 100%;
        margin-bottom: 0;
        width: 100%;
    }
}

.formulae-specs__header {
    margin-bottom: 10px;
    text-transform: uppercase;
}

@media (min-width:64em) {
    .formulae-specs__header {
        letter-spacing: 3px;
    }
}

.formulae-specs__copy {
    line-height: 1.5;
}

@media (min-width:64em) {
    .formulae-specs__copy {
        font-size: 19px;
        font-weight: 100;
    }
}

.formulae-specs__panel {
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

@media (min-width:64em) {
    .formulae-specs__hidden {
        opacity: 0;
    }
}

.share-dropdown {
    position: absolute;
    right: 55px;
    top: 15px;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.share-dropdown .dropdown__links {
    -webkit-box-shadow: none;
    box-shadow: none;
    right: -40px;
    top: 40px;
}

@media screen and (max-width:47.9375em) {
    .share-dropdown .dropdown__links {
        bottom: initial;
        left: initial;
        margin: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (min-width:64em) {
    .share-dropdown .dropdown__links {
        min-width: 170px;
        padding: 15px 0;
    }
}

.share-dropdown .dropdown__links:after {
    display: none;
}

.share-dropdown .dropdown__links:before {
    border-style: solid;
    border-width: 0 12px 16px 12px;
    border-color: transparent transparent #ffffff transparent;
    content: '';
    height: 0;
    left: initial;
    margin: 0;
    position: absolute;
    right: 40px;
    top: -15px;
    width: 0;
}

@media (min-width:48em) {
    .share-dropdown {
        right: 90px;
        top: 40px;
    }
}

.share-dropdown__trigger {
    background: url(/themes/nioweb/images/share.svg) no-repeat 0 0;
    background-size: contain;
    display: block;
    height: 24px;
    width: 24px;
}

.news-hero {
    color: #fff;
    position: relative;
}

.news-hero__text {
    left: 50%;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

@media (min-width:48em) {
    .news-hero__text {
        padding: 0 74px;
    }
}

@media (min-width:64em) {
    .news-hero__text {
        padding: 0 102px;
    }
}

@media (min-width:75.6875em) {
    .news-hero__text {
        padding: 0;
        width: 1170px;
    }
}

.news-hero__image img {
    min-width: 100%;
}

.news-hero__title {
    font-weight: 100;
}

@media (min-width:48em) {
    .news-hero__title {
        max-width: 380px;
    }
}

@media (min-width:64em) {
    .news-hero__title {
        max-width: 670px;
    }
}

.news-hero__subtitle {
    font-weight: 700;
    margin-bottom: 15px;
}

@media (min-width:48em) {
    .news-hero__subtitle {
        margin-bottom: 30px;
    }
}

.news-hero__buttons {
    margin-top: 20px;
}

@media (min-width:48em) {
    .news-hero__buttons {
        margin-top: 30px;
    }
}

.news-teaser {
    margin-bottom: 40px;
}

.news-teaser__image {
    margin-bottom: 25px;
}

.news-teaser__category,
.news-teaser__date {
    text-transform: uppercase;
}

.news-teaser__category {
    font-weight: 700;
    margin-bottom: 15px;
}

.news-teaser__date {
    color: #9b9b9b;
    letter-spacing: 2px;
}

.news-teaser__title {
    margin-bottom: 15px;
}

.news-teaser__title a {
    color: #000;
    text-decoration: none;
}

.news-teaser__title a:hover {
    text-decoration: underline;
}

.media-teaser {
    background-color: #b7e8ea;
    margin-bottom: 20px;
    position: relative;
    text-decoration: none;
}

@media (min-width:48em) {
    .media-teaser {
        height: 362px;
    }
}

@media (min-width:75.6875em) {
    .media-teaser {
        margin-bottom: 30px;
    }
}

.media-teaser:hover .media-teaser__title,
.media-teaser:focus .media-teaser__title {
    text-decoration: underline;
}

.media-teaser a {
    display: block;
    padding: 30px;
    text-decoration: none;
}

@media (min-width:48em) {
    .media-teaser a {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

.media-teaser:nth-child(6n - 2),
.media-teaser:nth-child(6n+2) {
    background-color: #08bbc8;
    color: #fff;
}

.media-teaser:nth-child(6n - 2) .media-teaser__link:before,
.media-teaser:nth-child(6n+2) .media-teaser__link:before {
    background-image: url(/themes/nioweb/images/icon-external-link-white.svg);
}

.media-teaser:nth-child(6n - 1),
.media-teaser:nth-child(6n+3) {
    background-color: #e6fafa;
}

.media-teaser__category {
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.media-teaser__link {
    margin-top: 30px;
}

@media (min-width:48em) {
    .media-teaser__link {
        bottom: 40px;
        padding-right: 40px;
        position: absolute;
    }
}

.media-teaser__link:before {
    background: url(/themes/nioweb/images/icon-external-link-black.svg) center center no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 15px;
    position: relative;
    top: 3px;
    width: 16px;
}

.app-links {
    margin-top: 30px;
}

.app-links img,
.app-links a {
    margin: auto;
    display: block;
}

@media (min-width:48em) {
    .app-links {
        margin-top: 20px;
        text-align: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (min-width:48em) and (min-width:64em) {
    .app-links {
        margin-bottom: 40px;
    }
}

@media (min-width:48em) {
    .app-links a {
        vertical-align: top;
        margin-top: 70px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 20px;
    }
}

.app-links__item {
    display: inline-block;
}

@media screen and (max-width:47.9375em) {
    .app-links__item {
        margin-bottom: 35px;
    }
}

@media (min-width:48em) {
    .app-links__item {
        vertical-align: middle;
    }
}

@media (min-width:48em) {
    .app-links__item:not(:last-child) {
        margin-right: 40px;
    }
}

.formulae-new .related-news {
    background-color: #fff;
}

.related-news__title {
    margin-top: 80px;
    margin-bottom: 60px;
    text-align: center;
}

.formulae-new .related-news__title {
    margin-top: 0;
    padding-top: 80px;
}

@media (min-width:64em) {
    .related-news__title {
        margin-bottom: 80px;
    }
}

.lang-dropdown {
    background: rgba(24, 24, 24, 0.7);
    border: none;
    border-radius: 5px;
    display: none;
    left: 50%;
    padding: 20px 15px;
    position: fixed;
    right: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 13;
}

@media (min-width:64em) {
    .lang-dropdown {
        padding: 30px;
        width: 75%;
        max-width: 960px;
    }
}

.lang-dropdown .dropdown__links {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 40px 0;
    position: relative;
    width: 100%;
}

@media (min-width:48em) {
    .lang-dropdown .dropdown__links {
        padding: 0 30px;
    }
}

@media (min-width:64em) {
    .lang-dropdown .dropdown__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        padding: 0;
    }
}

.lang-dropdown .dropdown__links a {
    display: inline-block;
    vertical-align: sub;
    width: 100%;
    height: 100%;
}

.lang-dropdown .dropdown__links a:hover,
.lang-dropdown .dropdown__links a:focus {
    background-color: transparent;
}

.lang-dropdown .dropdown__links .lang-label {
    float: right;
    margin-top: 3px;
}

@media (min-width:64em) {
    .lang-dropdown .dropdown__links ul {
        width: calc(90% / 3);
    }
}

@media (min-width:75.6875em) {
    .lang-dropdown .dropdown__links ul {
        width: calc(80% / 3);
    }
}

@media (min-width:64em) {
    .lang-dropdown .dropdown__links ul:not(:first-child) {
        margin-left: 25px;
    }
}

@media (min-width:75.6875em) {
    .lang-dropdown .dropdown__links ul:not(:first-child) {
        margin-left: 80px;
    }
}

.lang-dropdown .dropdown__links li {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 50px;
    width: 100%;
}

@media (min-width:64em) {
    .lang-dropdown .dropdown__links li {
        margin-bottom: 20px;
    }
}

.lang-dropdown .dropdown__links .lang-icon--flag {
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-bottom;
}

.lang-dropdown .dropdown__links:after,
.lang-dropdown .dropdown__links:before {
    display: none;
    top: 100%;
    margin-top: -1px;
}

@media screen and (max-width:63.9375em) {
    .lang-dropdown .dropdown__links:after,
    .lang-dropdown .dropdown__links:before {
        left: 50%;
    }
}

@media (min-width:64em) {
    .lang-dropdown .dropdown__links:after,
    .lang-dropdown .dropdown__links:before {
        right: 30px;
    }
}

.lang-dropdown .dropdown__links:after {
    border-top-color: #fff;
}

@media screen and (max-width:63.9375em) {
    .lang-dropdown .dropdown__links:after {
        margin-left: -15px;
    }
}

@media (min-width:64em) {
    .lang-dropdown .dropdown__links:after {
        right: 31px;
    }
}

.lang-dropdown .dropdown__links:before {
    border-top-color: #e3e3e3;
}

@media screen and (max-width:63.9375em) {
    .lang-dropdown .dropdown__links:before {
        margin-left: -16px;
    }
}

.lang-dropdown__trigger {
    border: 1px solid #e3e3e3;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
}

@media (min-width:64em) {
    .lang-dropdown__trigger {
        border: none;
        border-left: 1px solid #e3e3e3;
        margin-left: 15px;
        padding: 5px 0 5px 15px;
    }
}

.lang-dropdown__trigger span {
    vertical-align: middle;
}

span.lang-icon:after {
    background-size: cover !important;
    border: 1px solid #333;
    border-radius: 3px;
    height: 20px !important;
    width: 28px !important;
}

.lang-icon:after {
    background: center center no-repeat;
    background-size: 100% auto;
    content: '';
    display: inline-block;
    height: 21px;
    margin-left: 10px;
    padding: 0 5px 0 10px;
    vertical-align: middle;
    width: 28px;
}

.lang-icon.lang-icon--global:after {
    background-image: url(/themes/nioweb/images/icon-flag-global-20190131.svg);
    margin-top: -4px;
}

.lang-icon.lang-icon--de:after {
    background-image: url(/themes/nioweb/images/icon-flag-de-20190131.svg);
    margin-top: -4px;
}

.lang-icon.lang-icon--cn:after {
    background-image: url(/themes/nioweb/images/icon-flag-cn-20190131.svg);
    margin-top: -4px;
}

.lang-dropdown--header {
    border-bottom: 1px solid #333;
    color: #FFFFFF;
    text-align: center;
    text-transform: none;
}

.lang-dropdown--header h4 {
    font-size: 32px;
    font-weight: 100;
    line-height: 2.4;
}

span.lang-icon:after {
    margin-left: 0;
    margin-right: 10px;
}

.disable-overlay {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 12;
}

.disable-overlay.show {
    display: block;
}

.disable-overlay.hide {
    display: none;
}

@media (min-width:48em) {
    .info-tiles__col {
        float: left;
        width: 50%;
    }
}

.info-tiles__body {
    padding: 30px;
}

@media (min-width:48em) {
    .info-tiles__body {
        padding: 0 40px;
    }
}

@media (min-width:64em) {
    .info-tiles__body {
        padding: 0 80px;
    }
}

.info-tiles__tile--double .info-tiles__body {
    padding: 0;
}

.info-tiles__tile {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.no-flexbox .info-tiles__tile {
    display: table;
}

.info-tiles__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.no-flexbox .info-tiles__inner {
    display: table-cell;
    font-size: 0;
    vertical-align: middle;
}

.info-tiles__heading {
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

@media (min-width:64em) {
    .info-tiles__heading {
        margin-bottom: 60px;
    }
}

.info-tiles__label {
    font-size: 20px;
    font-weight: 100;
    line-height: 22px;
    margin-bottom: 15px;
}

@media (min-width:48em) {
    .info-tiles__label {
        font-size: 23px;
        line-height: 25px;
    }
}

@media (min-width:64em) {
    .info-tiles__label {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 30px;
    }
}

.info-tiles__image img {
    width: 100%;
}

.info-tiles__tile--twitter-tile__icon {
    margin-bottom: 30px;
}

@media (min-width:48em) {
    .info-tiles__tile--twitter-tile__icon {
        margin-bottom: 60px;
    }
}

.info-tiles__text {
    font-weight: 100;
}

.info-tiles__footer {
    font-weight: 700;
    margin-top: 50px;
    text-transform: uppercase;
}

.info-tiles__text--small {
    margin-bottom: 0;
    text-transform: uppercase;
}

.info-tiles__text--medium {
    font-size: 20px;
    font-weight: 100;
    line-height: 23px;
    margin-bottom: 0;
}

@media (min-width:48em) {
    .info-tiles__text--medium {
        font-size: 30px;
        line-height: 33px;
    }
}

@media (min-width:64em) {
    .info-tiles__text--medium {
        font-size: 48px;
        line-height: 62px;
    }
}

.info-tiles__text--big {
    font-size: 55px;
    font-weight: 100;
    line-height: 58px;
    margin-bottom: 10px;
}

@media (min-width:48em) {
    .info-tiles__text--big {
        font-size: 65px;
        line-height: 68px;
    }
}

@media (min-width:64em) {
    .info-tiles__text--big {
        font-size: 120px;
        line-height: 92px;
        margin-bottom: 20px;
    }
}

.info-tiles__tile--twitter-tile {
    background-color: #e6fafa;
}

.info-tiles__tile--double .info-tiles__body,
.info-tiles__tile--double .info-tiles__image {
    width: 50%;
}

.no-flexbox .info-tiles__tile--double .info-tiles__body,
.no-flexbox .info-tiles__tile--double .info-tiles__image {
    display: inline-block;
    vertical-align: middle;
}

@media (min-width:48em) {
    .info-tiles__tile--2x2 .info-tiles__inner {
        height: 600px;
    }
}

.racing-news {
    clear: both;
    padding-top: 40px;
}

@media (min-width:48em) {
    .racing-news {
        padding-top: 60px;
    }
}

@media (min-width:64em) {
    .racing-news {
        padding-top: 80px;
    }
}

.share-block__heading {
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.share-block__heading .icon {
    margin-right: 20px;
}

.share-block__inner {
    border-top: 1px solid #ececec;
    padding: 15px 0;
}

.share-block .dropdown__links a {
    padding: 8px 15px;
}

.video-embed-field-responsive-video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

#cboxLoadedContent .video-embed-field-responsive-video {
    height: 100% !important;
    padding: 0;
    width: 100% !important;
}

#cboxLoadedContent .video-polyv {
    height: 100%;
    width: 100%;
}

.video-polyv object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.lap-time__upper {
    margin-bottom: 10px;
}

@media (min-width:48em) {
    .lap-time__upper {
        margin-bottom: 20px;
    }
}

.lap-time__upper span {
    letter-spacing: 0;
}

.lap-time__bottom {
    letter-spacing: 2px;
}

.link-popup {
    display: none;
    position: absolute;
    left: 0;
    top: unset;
    bottom: 0;
    z-index: 4;
}

.link-popup.bg--teal,
.link-popup.bg--white {
    padding: 5px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 20px #e3e3e3;
    box-shadow: 0 0 20px #e3e3e3;
    border: 1px solid #e3e3e3;
}

.link-popup.bg--teal:before,
.link-popup.bg--white:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 74px;
    border-color: #e3e3e3 transparent;
    border-width: 16px 16px 0;
    border-style: solid;
    display: block;
    width: 0;
}

.link-popup.bg--teal:after,
.link-popup.bg--white:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 75px;
    border-width: 15px 15px 0;
    border-style: solid;
    display: block;
    width: 0;
}

.link-popup.bg--teal {
    background: #00bebe;
}

.link-popup.bg--teal:after {
    border-color: #00bebe transparent;
}

.link-popup.bg--white {
    background: #FFFFFF;
}

.link-popup.bg--white:after {
    border-color: #FFFFFF transparent;
}

.wechat-qr .wechat-qr__image {
    display: none;
    background-color: #f7f7f7;
    margin: 10px -15px 5px;
    padding: 20px 15px;
}

.wechat-qr .wechat-qr__image canvas {
    display: block;
    max-width: 100%;
}

.wechat-qr .wechat-qr__image.wechat-qr--open {
    display: block;
}

.thumbnail {
    position: relative;
}

@media (min-width:48em) {
    .thumbnail {
        float: left;
        width: 33.3%;
    }
}

.thumbnail__image img {
    width: 100%;
}

.thumbnail__text {
    background: rgba(0, 0, 0, 0.3);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 50px;
    font-weight: 100;
    height: 100%;
    left: 0;
    letter-spacing: 4px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}

@media (min-width:48em) {
    .thumbnail__text {
        font-size: 35px;
    }
}

@media (min-width:64em) {
    .thumbnail__text {
        font-size: 50px;
    }
}

.blog-teaser {
    margin-bottom: 60px;
}

.blog-teaser .addtoany_list {
    border-top: 1px solid #ececec;
    display: block;
    padding: 15px 0;
}

.blog-teaser .addtoany_list ul {
    list-style: none;
}

.blog-teaser .addtoany_list li {
    display: inline-block;
    margin-right: 10px;
}

.blog-teaser .addtoany_list li span {
    display: none;
}

.blog-teaser__image {
    margin-bottom: 20px;
}

@media (min-width:64em) {
    .blog-teaser__image {
        float: left;
        width: 30%;
        margin-bottom: 0;
    }
}

@media (min-width:64em) {
    .blog-teaser--has-image .blog-teaser__text {
        float: right;
        width: 65%;
    }
}

.blog-teaser__header {
    margin-bottom: 20px;
}

.blog-teaser__author a {
    color: #08bbc8;
    text-decoration: none;
}

.blog-teaser__title {
    margin-bottom: 20px;
}

.blog-teaser__title a {
    text-decoration: none;
}

.tags-block a {
    text-decoration: none;
}

.tags-block .field__label {
    font-weight: normal;
}

.tags-block .field__item {
    color: #08bbc8;
    display: inline-block;
}

.tags-block .field__item:not(:last-child):after {
    content: ',';
}

.tags-block__inner {
    border-top: 1px solid #ececec;
    padding: 15px 0;
}

.nio-video__video-mobile {
    display: none;
}

.location-column {
    position: relative;
}

.location-column:after {
    background: rgba(0, 0, 0, 0.3);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.location-column__image img {
    width: 100%;
}

.location-column__text {
    color: #fff;
    padding: 0 20px;
    position: absolute;
    top: 30%;
    z-index: 2;
}

.location-column__code {
    font-size: 100px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
}

@media (min-width:48em) {
    .location-column__code {
        font-size: 60px;
    }
}

@media (min-width:64em) {
    .location-column__code {
        font-size: 90px;
    }
}

@media (min-width:75.6875em) {
    .location-column__code {
        font-size: 125px;
    }
}

.location-column__city {
    font-size: 37px;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}

@media (min-width:48em) {
    .location-column__city {
        font-size: 23px;
    }
}

@media (min-width:64em) {
    .location-column__city {
        font-size: 34px;
    }
}

@media (min-width:75.6875em) {
    .location-column__city {
        font-size: 45px;
    }
}

.location-column__footer {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 100px;
}

@media (min-width:64em) {
    .location-column__footer {
        font-size: 18px;
    }
}

@media (min-width:75.6875em) {
    .location-column__footer {
        font-size: 20px;
    }
}

.timer__output {
    font-size: 60px;
    margin: 0 auto;
    text-align: left;
    width: 290px;
}

@media (min-width:48em) {
    .timer__output {
        font-size: 120px;
        width: 530px;
    }
}

.stats-block--timer .timer__output {
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    width: auto;
}

@media screen and (max-width:47.9375em) {
    .hero-landing .stats-block--timer .timer__output {
        font-size: 18px;
        margin-top: 20px;
    }
}

.timer__digits {
    display: inline-block;
}

.stats-block--timer .timer__digits {
    letter-spacing: 6px;
    text-align: center;
}

@media screen and (max-width:63.9375em) {
    .hero-landing .timer__digits {
        float: none;
        letter-spacing: 1px;
    }
}

.timer__delimiter {
    display: inline-block;
    padding: 0 10px;
}

.stats-block--timer .timer__delimiter {
    padding: 0 5px;
}

@media screen and (max-width:63.9375em) {
    .hero-landing .timer__delimiter {
        display: none;
    }
}

.stats-block--timer .timer__delimiter,
.stats-block--timer .timer__digits {
    float: left;
}

.stats-block--timer .timer__label {
    display: block;
    font-weight: 100;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 10px;
    text-transform: uppercase;
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block--timer .timer__label {
        font-size: inherit;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .timer__days {
        vertical-align: middle;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .timer__days+.timer__label {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .timer__minutes,
    .hero-landing .timer__hours {
        display: none;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .timer__minutes+.timer__label,
    .hero-landing .timer__hours+.timer__label {
        display: none;
    }
}

.timer__extra-label {
    display: block;
    font-weight: 100;
    text-transform: uppercase;
}

.stats-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #00bebe;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 15px;
    position: relative;
}

.stats-block__buttons {
    bottom: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}

@media screen and (max-width:47.9375em) {
    .stats-block--half-width .stats-block__buttons .btn {
        font-size: 10px;
        padding: 14px 20px 12px;
    }
}

@media (min-width:64em) {
    .stats-block--half-width .stats-block__buttons .btn {
        font-size: 10px;
    }
}

@media (min-width:75.6875em) {
    .stats-block--half-width .stats-block__buttons .btn {
        font-size: 12px;
    }
}

@media screen and (max-width:47.9375em) {
    .stats-block--half-width .stats-block__buttons .btn:after {
        display: none;
    }
}

@media (min-width:64em) {
    .stats-block--half-width .stats-block__buttons .btn:after {
        display: none;
    }
}

@media (min-width:75.6875em) {
    .stats-block--half-width .stats-block__buttons .btn:after {
        display: inline-block;
    }
}

.stats-block--dark-overlay:before {
    background-color: rgba(0, 0, 0, 0.35);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.stats-block--circle-bg:before {
    background: url(/themes/nioweb/images/laps.png) center center no-repeat;
    background-size: contain;
    bottom: 15px;
    content: '';
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.stats-block__label-live {
    font-size: 45px;
}

.stats-block__label-live span {
    font-weight: 100;
}

.stats-block__live {
    background-color: #fd4239;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    padding: 7px 15px 5px;
    text-transform: uppercase;
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block__live {
        font-size: 16px;
        letter-spacing: 3px;
        padding: 12px 20px 10px;
    }
}

.stats-block--white {
    background-color: #fff;
    color: #00bebe;
}

.ie .ofi-wrapper,
.stats-block__bg-image {
    left: 0;
    position: absolute;
    top: 0;
}

.stats-block__bg-image {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100%;
    width: 100%;
}

.stats-block__label {
    display: block;
}

.stats-block__label-1 {
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

.stats-block--label-1-sticky .stats-block__label-1 {
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
}

@media screen and (max-width:47.9375em) {
    .hero-landing .stats-block--timer .stats-block__label-1 {
        font-size: 12px;
    }
}

@media screen and (max-width:47.9375em) {
    .hero-landing .stats-block--fanboost .stats-block__label-1 {
        font-size: 12px;
    }
}

.stats-block__label-2 {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 6px;
    margin: 8px 0;
    position: relative;
    z-index: 1;
}

.stats-block--fanboost .stats-block__label-2 {
    font-size: 32px;
    text-transform: uppercase;
}

@media screen and (max-width:47.9375em) {
    .hero-landing .stats-block--fanboost .stats-block__label-2 {
        display: none;
    }
}

.stats-block--social .stats-block__label-2 {
    font-size: 35px;
}

@media (min-width:75.6875em) {
    .stats-block--social .stats-block__label-2 {
        font-size: 50px;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block--social .stats-block__label-2 {
        font-size: 12px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

@media (min-width:64em) {
    .hero-landing .stats-block--social .stats-block__label-2 {
        font-size: 35px;
    }
}

.stats-block__label-3 {
    margin-bottom: 0;
    padding: 3px;
    position: relative;
    text-transform: uppercase;
}

.no-ie .stats-block__label-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.no-ie .stats-block__label-3:after,
.no-ie .stats-block__label-3:before {
    background-color: #fff;
    content: "\a0";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    position: relative;
    top: 14px;
}

.ie .stats-block__label-3:before {
    background-color: #fff;
    content: "\a0";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%;
}

.ie .stats-block__label-3 span {
    background-color: #00bebe;
    position: relative;
}

.stats-block__text {
    text-align: center;
    width: 100%;
    z-index: 1;
}

.stats-block--has-buttons .stats-block__text {
    margin-bottom: 40px;
}

.stats-block__text.pr-title {
    font-size: 0.7em;
    padding: 0;
    text-align: left;
    margin-bottom: 70px;
}

@media (min-width:48em) {
    .stats-block__text.pr-title {
        font-size: 1.4em;
        padding: 15px;
    }
}

@media (min-width:64em) {
    .stats-block__text.pr-title {
        font-size: 0.9em;
        padding: 0;
    }
}

@media (min-width:75.6875em) {
    .stats-block__text.pr-title {
        font-size: 1.4em;
        padding: 15px;
    }
}

.stats-block__text .pr-date {
    font-size: 0.7em;
    text-transform: uppercase;
}

@media screen and (max-width:63.9375em) {
    .stats-block--social {
        height: 300px;
    }
}

.stats-block--social .btn-social:not(:last-child) {
    margin-right: 10px;
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block--social {
        height: 100%;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block--social .stats-block__label-1 {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block--social .stats-block__buttons {
        display: none;
    }
}

@media screen and (max-width:63.9375em) {
    .stats-block--fanboost {
        height: 300px;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block--fanboost {
        height: 100%;
    }
}

@media screen and (max-width:63.9375em) {
    .stats-block--timer {
        height: 300px;
    }
}

@media screen and (max-width:63.9375em) {
    .hero-landing .stats-block--timer {
        height: 100%;
    }
}

.text-rotator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.text-rotator__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.text-rotator__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    font-family: 'object-fit: cover;';
}

.text-rotator__text {
    color: #fff;
    max-width: 450px;
    padding: 0 20px;
    position: relative;
    text-align: center;
}

.text-rotator__heading {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media (min-width:48em) {
    .text-rotator__heading {
        font-size: 20px;
    }
}

@media (min-width:64em) {
    .text-rotator__heading {
        font-size: 16px;
    }
}

@media (min-width:48em) {
    .text-rotator__items {
        font-size: 18px;
    }
}

@media (min-width:64em) {
    .text-rotator__items {
        font-size: 16px;
    }
}

.text-rotator__item {
    display: none;
    line-height: 1.4;
    list-style: none;
}

@media (min-width:48em) {
    .text-rotator__item {
        line-height: 1.75;
    }
}

.text-rotator__item--active {
    display: block;
}

.tweet {
    background-color: #00263d;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    height: 100%;
    position: relative;
}

@media screen and (max-width:47.9375em) {
    .tweet {
        padding: 15px;
    }
}

.tweet__author {
    color: #00bebe;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.tweet__author:before {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
    content: '';
    display: inline-block;
    height: 24px;
    margin-right: 5px;
    padding: 4px;
    vertical-align: middle;
    width: 24px;
}

.tweet--nio .tweet__author:before {
    background-image: url(/themes/nioweb/images/nio-tweet-logo.jpg);
}

@media screen and (max-width:47.9375em) {
    .hero-landing .tweet__author:before {
        display: none;
    }
}

@media screen and (max-width:47.9375em) {
    .hero-landing .tweet__author {
        text-align: center;
    }
}

@media screen and (max-width:47.9375em) {
    .hero-landing .tweet__author span {
        color: #fff;
        letter-spacing: 1px;
    }
}

.tweet__content {
    font-size: 20px;
    font-weight: 100;
    line-height: 1.4;
    margin-bottom: 0;
    padding: 20px 0;
}

@media (min-width:48em) {
    .tweet__content {
        font-size: 24px;
    }
}

@media (min-width:75.6875em) {
    .tweet__content {
        font-size: 30px;
    }
}

.tweet__content a {
    font-weight: 700;
    text-decoration: none;
}

.tweet__content a:hover {
    text-decoration: underline;
}

@media screen and (max-width:47.9375em) {
    .hero-landing .tweet__content {
        display: none;
    }
}

.tweet__date {
    color: #00bebe;
    font-size: 12px;
}

@media screen and (max-width:47.9375em) {
    .hero-landing .tweet__date span:not(.tweet__date-img) {
        display: none;
    }
}

.tweet__date-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.tweet__date-img svg path {
    stroke: #00bebe;
}

@media screen and (max-width:47.9375em) {
    .hero-landing .tweet__date-img svg {
        height: 50%;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 50%;
    }
}

.driver-stats__label {
    background-color: #003145;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.driver-stats__tiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.driver-stats__tile {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
}

@media (min-width:48em) {
    .driver-stats__tile {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
    }
}

.driver-stats__tile:not(.driver-stats__tile--double):after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.driver-stats__tile--double {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

@media screen and (max-width:47.9375em) {
    .driver-stats__tile--double {
        height: 200px;
    }
}

@media (min-width:48em) {
    .driver-stats__tile--double {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}

.driver-stats__tile-position,
.driver-stats__tile-age {
    background-color: #000;
}

.driver-stats__tile-inner {
    height: 100%;
    padding: 20px;
    position: absolute;
    width: 100%;
}

@media (min-width:64em) {
    .driver-stats__tile-inner {
        padding: 10px;
    }
}

@media (min-width:75.6875em) {
    .driver-stats__tile-inner {
        padding: 20px;
    }
}

.ie .driver-stats__tile-image .ofi-wrapper,
.driver-stats__tile-image img {
    left: 0;
    position: absolute;
    top: 0;
}

.driver-stats__tile-image img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100%;
    width: 100%;
}

.driver-stats__tile-label {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
}

@media (min-width:64em) {
    .driver-stats__tile-label {
        font-size: 9px;
    }
}

@media (min-width:75.6875em) {
    .driver-stats__tile-label {
        font-size: 14px;
    }
}

.driver-stats__tile-value {
    display: inline-block;
    font-size: 70px;
    font-weight: 700;
    left: 50%;
    letter-spacing: 5px;
    line-height: 1;
    margin: 10px 0 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width:48em) {
    .driver-stats__tile-value {
        font-size: 100px;
    }
}

@media (min-width:64em) {
    .driver-stats__tile-value {
        font-size: 55px;
    }
}

@media (min-width:75.6875em) {
    .driver-stats__tile-value {
        font-size: 80px;
    }
}

.driver-stats__tile-poles .driver-stats__tile-value {
    letter-spacing: normal;
    padding: 0 8px;
}

.driver-stats__tile-position sup {
    font-size: 20px;
    left: 90%;
    position: absolute;
    top: 20px;
}

.driver-stats__tile-poles .driver-stats__tile-value:before {
    border: #75787b solid;
    border-top-width: 7px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-bottom: none;
    content: '';
    display: inline-block;
    height: 22px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
}

.driver-stats__description {
    background-color: #fff;
    text-align: center;
    padding: 50px 10%;
}

.driver-stats__description p {
    font-size: 18px;
}

.driver-stats__description-intro {
    color: #00bebe;
}

.driver-stats__description-label {
    color: #003145;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.driver-stats__description-content {
    text-align: left;
}

.driver-stats__description-logo {
    margin-bottom: 40px;
}

.driver-stats__description-logo img {
    display: inline-block;
}

.driver-stats__image img {
    min-width: 100%;
}

.team-standings {
    background-color: #003351;
    position: relative;
    height: 100%;
}

@media (min-width:64em) {
    .team-standings {
        background-color: #00263d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.team-standings__footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.team-standings__heading {
    background-color: #00263d;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width:48em) {
    .team-standings__heading {
        font-size: 16px;
    }
}

.team-standings__position {
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    left: 50%;
    margin: 10px 0 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width:48em) {
    .team-standings__position {
        font-size: 75px;
    }
}

.spaces {
    background-color: #e6fafa;
    margin-bottom: 60px;
    padding: 60px 0 40px;
    text-align: center;
}

@media (min-width:64em) {
    .spaces {
        padding: 90px 0 40px;
    }
}

.spaces__title {
    margin-bottom: 30px;
}

.spaces__description {
    margin: 0 auto 40px;
    max-width: 780px;
}

@media (min-width:64em) {
    .spaces__description {
        margin-bottom: 90px;
    }
}

.spaces__icon {
    margin: 0 auto 15px;
    height: 50px;
    width: 50px;
}

.spaces__icon svg {
    height: 100%;
    width: 100%;
}

.spaces__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spaces__item {
    margin-bottom: 40px;
    width: 50%;
}

@media (min-width:48em) {
    .spaces__item {
        width: 33.3%;
    }
}

@media (min-width:64em) {
    .spaces__item {
        margin-bottom: 50px;
        padding: 0 40px;
        width: 25%;
    }
}

.spaces__item span {
    font-weight: 700;
}

.spaces__item p {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 0;
}

@media screen and (max-width:63.9375em) {
    .spaces__item p {
        display: none;
    }
}

.app-block {
    background-color: #e6fafa;
    padding: 60px 0;
}

@media screen and (max-width:63.9375em) {
    .app-block {
        padding: 60px 0 0 0;
        text-align: center;
    }
}

@media (min-width:64em) {
    .app-block__inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.app-block__title {
    margin-bottom: 20px;
}

.app-block__description {
    line-height: 1.5;
    margin-bottom: 35px;
}

.app-block__text {
    margin-bottom: 40px;
}

@media (min-width:64em) {
    .app-block__text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 70px;
    }
}

@media (min-width:64em) {
    .app-block__image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.app-block__image img {
    display: inline-block;
}

.ui-tooltip {
    background-color: #fff;
    padding: 15px;
}

.ui-tooltip:after {
    bottom: -9px;
    border: 8px solid;
    border-color: transparent transparent #fff #fff;
    -webkit-box-shadow: -1px 1px 1px -1px #aaa;
    box-shadow: -1px 1px 1px -1px #aaa;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg) translateX(-50%);
    -ms-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%);
    width: 0;
}

.tooltip__qrcode {
    height: 150px;
    width: 150px;
}

.niohouse-leads .ui-select {
    position: relative;
    margin: 5% 0 0 0;
}

.niohouse-leads .ui-select .ui-select-title {
    border-bottom: solid 1px #b7b8b8;
    cursor: pointer;
    padding: .3em;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+RjkxM0VDMTktRjE1My00NEYzLUEyREItQTQ0N0E2QkZDOThEPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJVSS1LSVQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IlVJLUtpdC12MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwNS4wMDAwMDAsIC0xMDA3LjAwMDAwMCkiPjwvZz4gICAgICAgIDxnIGlkPSIyNF9JY29uX0Ryb3Bkb3duIj4gICAgICAgICAgICA8ZyBpZD0iTWVudSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIC0xLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIxIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDkuMDAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTkuMDAwMDAwKSB0cmFuc2xhdGUoMy4wMDAwMDAsIDAuMDAwMDAwKSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+ICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkuMDAwMDAwLCAtOS4wMDAwMDApICIgcG9pbnRzPSIyLjYzNjAzODk3IDIuNjM2MDM4OTcgMTUuMzYzOTYxIDIuNjM2MDM4OTcgMTUuMzYzOTYxIDE1LjM2Mzk2MSI+PC9wb2x5bGluZT4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat right center;
    background-size: 5%;
}

.niohouse-leads .ui-select .ui-select-list {
    display: none;
    position: absolute;
    z-index: 200;
    max-height: 10em;
    overflow-y: auto;
    width: 100%;
    border: solid 1px #b7b8b8;
    border-top: none;
    background-color: white;
}

.niohouse-leads .ui-select .ui-select-list a {
    display: block;
    line-height: 2;
    text-decoration: none;
    margin: 0.5em;
    text-indent: 0.5em;
}

.niohouse-leads .ui-select .ui-select-list a:hover {
    background-color: #e0e0e0;
    color: black;
}

.niohouse-leads .ui-select .ui-select-list::-webkit-scrollbar-track {
    background-color: white;
}

.niohouse-leads .ui-select.active .ui-select-title {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+RkNGQ0RCQ0QtMENCQy00MEVCLUJBN0UtOTU2NjVGQjU0NkEzPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPiAgICA8ZGVmcz4gICAgICAgIDxyZWN0IGlkPSJwYXRoLTEiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PiAgICA8L2RlZnM+ICAgIDxnIGlkPSJVSS1LSVQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IlVJLUtpdC12MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzOS4wMDAwMDAsIC0xMDA3LjAwMDAwMCkiPjwvZz4gICAgICAgIDxnIGlkPSIyNF9JY29uX0Ryb3Bkb3duIj4gICAgICAgICAgICA8ZyBpZD0iTWVudSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgxODAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTEyLjAwMDAwMCkgIj4gICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4gICAgICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgICAgICA8ZyBpZD0iTWFzayI+PC9nPiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIG1hc2s9InVybCgjbWFzay0yKSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+ICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDguMDAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTguMDAwMDAwKSB0cmFuc2xhdGUoMy4wMDAwMDAsIC0xLjAwMDAwMCkiIGlkPSJQYXRoLTMiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgOS4wMDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIiBwb2ludHM9IjIuNjM2MDM4OTcgMi42MzYwMzg5NyAxNS4zNjM5NjEgMi42MzYwMzg5NyAxNS4zNjM5NjEgMTUuMzYzOTYxIj48L3BvbHlsaW5lPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

.niohouse-leads .ui-select.active .ui-select-list {
    display: block;
}

.niohouse-leads-page {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    position: relative;
}

.niohouse-leads-page .niohouse-leads-bg {
    width: 100%;
    display: none;
}

.niohouse-leads-page .niohouse-leads-mobile-bg {
    width: 100%;
    display: block;
}

.niohouse-leads-page .niohouse-leads-main {
    background-color: white;
    padding: 10%;
    width: 100%;
    height: 100%;
    color: #898989;
    font-size: 100%;
}

.niohouse-leads-page form {
    width: 100%;
    height: 100%;
    position: relative;
}

.niohouse-leads-page form table {
    width: 100%;
    height: 100%;
}

.niohouse-leads-page form table .form-item {
    height: 15%;
    vertical-align: middle;
    text-align: left;
}

.niohouse-leads-page form table .form-title {
    height: 15%;
    vertical-align: top;
}

.niohouse-leads-page form table .form-title hr {
    border-top: none;
    border-bottom: solid 1px #333;
}

.niohouse-leads-page form table .form-item-submit {
    text-align: center;
    vertical-align: bottom;
}

.niohouse-leads-page form table .form-item-submit .btn {
    margin: 15% 0 0 0;
    padding: 1em 0;
    width: 100%;
    font-size: 1em;
    line-height: 1.2;
}

.niohouse-leads-page form .tips {
    display: none;
    position: absolute;
    bottom: 24%;
    left: 50%;
    margin-left: -8.5em;
    background-color: #333333;
    opacity: 0.8;
    border-radius: 5px;
    text-align: center;
    line-height: 2;
    width: 17em;
    padding: 1em 0;
    color: white;
}

.niohouse-leads-page h4 {
    color: #000;
    font-size: 1.4em;
    line-height: 1.6;
}

.niohouse-leads-page input[type=text] {
    display: inline-block;
    padding: .3em;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #b7b8b8;
    margin: 5% 0 0 0;
    width: 100%;
    border-radius: 0;
}

.niohouse-leads-page input[type=text]:focus {
    border-bottom-color: #b7b8b8;
}

.niohouse-leads-page .form-success {
    display: none;
    text-align: center;
}

.niohouse-leads-page .form-success h4 {
    color: black;
    line-height: 2;
}

.niohouse-leads-page .form-success p {
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
    color: #999;
}

.niohouse-leads-page .form-success .app-link--appstore {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.niohouse-leads-page .form-success .app-link--appstore img {
    width: 100%;
    display: inline;
}

.niohouse-leads-page .form-success .form-success-text a {
    font-size: 1em;
    width: 80%;
    padding: 1em 0;
    font-weight: bold;
    margin-top: 1em;
}

@media (min-width:1024px) {
    .niohouse-leads-page .niohouse-leads-bg {
        display: block;
    }
    .niohouse-leads-page .niohouse-leads-mobile-bg {
        display: none;
    }
    .niohouse-leads-page .niohouse-leads-wrapper {
        position: absolute;
        z-index: 100;
        top: 50%;
        left: 5%;
        width: 30%;
        height: 70%;
    }
    .niohouse-leads-page .niohouse-leads-main {
        margin-top: -60%;
        opacity: 0.8;
        padding: 4% 10%;
        font-size: 100%;
    }
    .niohouse-leads-page form table .form-item {
        margin: 8% 0 0 0;
        height: 14%;
    }
    .niohouse-leads-page form table .form-item .ui-select,
    .niohouse-leads-page form table .form-item input {
        margin: 0;
    }
    .niohouse-leads-page form table .form-item-submit .btn {
        margin: 10% 0 0 0;
    }
    .niohouse-leads-page .form-success {
        text-align: center;
    }
    .niohouse-leads-page .form-success .form-success-app {
        text-align: center;
    }
}

@media (min-width:1211px) {
    .niohouse-leads-page .niohouse-leads-main {
        font-size: 100%;
        padding: 18%;
    }
    .niohouse-leads-page h4 {
        font-size: 1.2em;
    }
}

@media (min-width:1921px) {
    .niohouse-leads-page .niohouse-leads-main {
        font-size: 130%;
        padding: 20%;
    }
    .niohouse-leads-page h4 {
        font-size: 1.4em;
    }
}

.niohouse-leads-page-en .form-success .form-success-app p {
    font-size: 1.1em;
}

@media (min-width:1024px) {
    .niohouse-leads-page-en .form-title {
        font-size: 0.8em;
    }
}

@media (min-width:1211px) {
    .niohouse-leads-page-en .niohouse-leads-main {
        padding: 15%;
    }
    .niohouse-leads-page-en .niohouse-leads-main form .form-title {
        font-size: 1em;
    }
    .niohouse-leads-page-en .niohouse-leads-main form .form-item-submit .btn {
        margin: 5% 0 0 0;
    }
}

@media (min-width:1921px) {
    .niohouse-leads-page-en .niohouse-leads-main {
        padding: 20%;
    }
}

.niohouse-leads-horizontal {
    padding: 2em 10%;
    border-bottom: solid 1px #ddd;
    color: #898989;
}

.niohouse-leads-horizontal .ui-select {
    margin-top: 0;
}

.niohouse-leads-horizontal .ui-select .ui-select-title {
    color: inherit;
    border-color: #e3e3e3;
}

.niohouse-leads-horizontal h4 {
    font-size: 160%;
    line-height: 1.5;
}

.niohouse-leads-horizontal form {
    position: static;
    padding: 2em;
}

.niohouse-leads-horizontal form .form-item {
    margin-top: 1em;
}

.niohouse-leads-horizontal form .form-item input {
    padding: .3em;
    margin: 0;
    width: 100%;
}

.niohouse-leads-horizontal form .form-item-submit {
    text-align: center;
    vertical-align: bottom;
}

.niohouse-leads-horizontal form .form-item-submit .btn {
    margin: 5% 0 0 0;
    padding: 1em 0;
    width: 100%;
    font-size: 1em;
    line-height: 1.2;
}

.niohouse-leads-horizontal .form-success-text {
    display: none;
}

.niohouse-leads-horizontal .ui-select {
    text-align: left;
}

.niohouse-leads-horizontal .form-success {
    display: none;
    width: 100%;
    min-height: 160px;
    background-color: #fff;
    text-align: center;
}

.niohouse-leads-horizontal .form-success .form-success-app {
    position: relative;
    height: 100%;
    padding-top: 180px;
}

.niohouse-leads-horizontal .form-success .form-success-app p {
    line-height: 3;
}

.niohouse-leads-horizontal .form-success .form-success-app .app-link--appstore {
    display: block;
    width: 160px;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 0;
}

@media (min-width:1024px) {
    .niohouse-leads-horizontal .ui-select .ui-select-title {
        background-size: 8%;
    }
    .niohouse-leads-horizontal form {
        width: 100%;
        max-width: 600px;
        text-align: center;
        background-color: transparent;
        padding: 0;
        margin: 0 auto;
        position: static;
    }
    .niohouse-leads-horizontal form .form-title {
        border: none;
    }
    .niohouse-leads-horizontal form .form-title h4 {
        display: inline;
    }
    .niohouse-leads-horizontal form .form-item {
        display: inline-block;
        white-space: nowrap;
        margin: 1em 1%;
        width: 47%;
    }
    .niohouse-leads-horizontal form .form-item input {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
    .niohouse-leads-horizontal form .ui-select {
        max-width: 200px;
        margin: 0 auto;
    }
    .niohouse-leads-horizontal form .form-item-submit {
        display: block;
        margin: 1em auto;
        width: 10%;
    }
    .niohouse-leads-horizontal form .form-item-submit .btn {
        padding: 1em 0;
        font-size: 0.8em;
        width: 100px;
    }
}

@media (min-width:1211px) {
    .niohouse-leads-horizontal form {
        max-width: 75%;
    }
    .niohouse-leads-horizontal form .form-item {
        width: 18%;
        margin-right: 2%;
    }
    .niohouse-leads-horizontal form .form-item-submit {
        width: 10%;
        display: inline-block;
    }
    .niohouse-leads-horizontal .form-success .form-success-app {
        padding-left: 43.5%;
        padding-top: 2%;
        text-align: left;
    }
    .niohouse-leads-horizontal .form-success .form-success-app .app-link--appstore {
        display: block;
        width: 160px;
        position: absolute;
        top: 0px;
        left: 43.5%;
        margin-left: -180px;
    }
}

.fast-further-play-btn {
    left: 0;
    position: absolute;
    top: 150px;
    width: 100%;
}

@media (min-width:48em) {
    .fast-further-play-btn {
        top: 80px;
    }
}

@media (min-width:64em) {
    .fast-further-play-btn {
        margin-top: -80px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width:48em) {
    .fast-further {
        bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        left: 0;
        position: absolute;
        text-align: left;
        width: 100%;
    }
    html[lang="en"] .fast-further {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width:75.6875em) {
    .fast-further {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media (min-width:48em) {
    .fast-further p {
        font-size: 14px;
        line-height: 1.7;
    }
}

.fast-further__title {
    font-weight: 700;
    text-transform: uppercase;
}

@media screen and (max-width:47.9375em) {
    .fast-further__title {
        margin-top: 50px;
    }
}

@media (min-width:48em) {
    .fast-further__title {
        font-size: 28px;
    }
}

@media (min-width:64em) {
    .fast-further__title {
        font-size: 32px;
    }
}

.fast-further__eyebrow {
    font-size: 16px;
    margin-bottom: 10px;
}

@media (min-width:48em) {
    .fast-further__eyebrow {
        font-size: 20px;
    }
}

.fast-further__strong {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
}

@media (min-width:48em) {
    .fast-further__strong {
        font-size: 35px;
    }
}

@media (min-width:64em) {
    .fast-further__strong {
        font-size: 40px;
    }
}

@media (min-width:48em) {
    .fast-further__section {
        display: inline-block;
    }
}

@media (min-width:48em) {
    .fast-further__section p {
        font-size: 12px;
    }
}

@media screen and (max-width:47.9375em) {
    .fast-further__section-club,
    .fast-further__section-horsepower {
        display: inline-block;
        margin-bottom: 15px;
        padding: 0 10px;
        width: 48%;
    }
}

@media (min-width:48em) {
    .fast-further__section-title {
        width: 100%;
    }
}

@media (min-width:75.6875em) {
    .fast-further__section-title {
        width: auto;
    }
}

@media screen and (max-width:47.9375em) {
    .fast-further__section-range {
        margin-top: 120%;
    }
}

.hero--fast-further . {
    height: 100%;
    position: relative;
}

.hero--fast-further .hero__content {
    height: 100%;
}

@media (min-width:48em) {
    .hero--fast-further .hero__text {
        position: static;
    }
}

html[lang="en"] .fast-further__section-button {
    display: none;
}

.header-test-drive-schedules {
    position: absolute;
    right: 222px;
    width: 72px;
    top: 0;
    height: 50px;
    line-height: 56px;
}

@media screen and (max-width:63.9375em) {
    .header-test-drive-schedules {
        display: none;
    }
}

.header-test-drive-schedules:hover .header-account-information-popup {
    display: block;
}

.header-test-drive-schedules h5 {
    font-size: 11px;
    text-align: center;
    position: relative;
    cursor: pointer;
    height: 50px;
    line-height: 56px;
}

.header-test-drive-schedules h5:after {
    display: block;
    position: absolute;
    bottom: 12px;
    left: 8px;
    right: 8px;
    content: '';
    background: #00bebe;
    height: 1px;
}

.header-test-drive-schedules .header-account-information-popup {
    position: absolute;
    top: 50px;
    width: 250px;
    height: 300px;
    background: #f7f8fa;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    padding: 10px 25px 25px;
    display: none;
    font-weight: 300;
}

.header-test-drive-schedules .header-account-information-popup .header-account-information-navigation {
    border-top: 1px solid #dadcde;
    padding: 12px 0 20px;
}

.header-test-drive-schedules .header-account-information-popup .header-account-information-navigation a {
    color: #54585A;
    height: 44px;
    line-height: 44px;
    display: block;
    font-size: 14px;
    text-decoration: none;
}

.header-test-drive-schedules .header-account-information-popup .header-account-information-navigation a:hover {
    color: #00bebe;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information-pendding {
    font-size: 14px;
    line-height: 22px;
    padding: 35px 0 15px 0;
}

.header-test-drive-schedules .header-account-information-popup .fellow h4 {
    display: none;
    color: #54585A;
    font-size: 14px;
}

.header-test-drive-schedules .header-account-information-popup .fellow h5 {
    color: #939799;
    font-size: 16px;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information {
    position: relative;
    padding: 30px 0 0;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information .fellow-avatar {
    width: 66px;
    height: 66px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 66px;
    position: absolute;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information .fellow-information-inner {
    padding-left: 86px;
    position: relative;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information .fellow-information-inner h3 {
    font-size: 20px;
    color: #000f16;
    height: 30px;
    white-space: nowrap;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information .fellow-information-inner .fellow-phone {
    position: absolute;
    right: 60px;
    top: 1px;
    font-size: 14px;
    color: #00bebe;
    text-decoration: none;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information .fellow-information-inner .fellow-phone .phone-number {
    color: #939799;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information .fellow-information-inner .fellow-phone .phone-text {
    display: none;
}

.header-test-drive-schedules .header-account-information-popup .fellow .fellow-information .fellow-information-inner p {
    font-size: 12px;
    color: #54585A;
    line-height: 18px;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version .fellow-information-pendding {
    font-size: 12px;
    padding: 10px 0 22px;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version h4 {
    display: block;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version .fellow-information-wrapper h5 {
    display: none;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version .fellow-information-wrapper .fellow-information {
    padding: 0 0 18px;
    height: 80px;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version .fellow-information-wrapper .fellow-information-inner h3 {
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version .fellow-information-wrapper .fellow-information-inner .fellow-phone {
    top: 30px;
    left: 86px;
    right: auto;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version .fellow-information-wrapper .fellow-information-inner .fellow-phone .phone-number {
    color: #54585A;
}

.header-test-drive-schedules .header-account-information-popup .fellow.fellow-mini-version .fellow-information-wrapper .fellow-information-inner p {
    display: none;
}

.contact-us . {
    margin-bottom: 30px;
    margin-top: 30px;
}

@media (min-width:64em) {
    .contact-us . {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

.contact-us__address {
    text-align: left;
    width: 100%;
}

@media (min-width:64em) {
    .contact-us__address {
        width: 24%;
        float: left;
    }
}

.contact-us__map {
    width: 100%;
}

@media (min-width:64em) {
    .contact-us__map {
        width: 75%;
        float: right;
        text-align: right;
    }
}

.contact-us__map iframe {
    width: 100%;
    border: 0;
}

@media (min-width:64em) {
    .contact-us__map iframe {
        width: 95%;
        min-height: 350px;
    }
}

div[class^="page-"] .page-title {
    display: none;
}

.block-page-title-block {
    display: none;
}

.paragraph--type--image-and-text {
    width: 100%;
}

.paragraph--type--image-and-text img {
    width: 100%;
    height: auto;
}

.mobile-share-icon {
    position: absolute;
    left: -9999px;
}

.pageid-en-visioncar-experience .footer,
.pageid-visioncar-experience .footer {
    display: none;
}

.path-ep9-experience .footer {
    display: none;
}

.page-node-type-article .carousel,
.page-node-type-article .image-paragraph {
    margin: 0 auto;
    max-width: 1170px;
}

.page-node-type-article .carousel,
.page-node-type-article .paragraph--type--temporary-html-block,
.page-node-type-article .image-paragraph {
    margin-bottom: 40px;
}

@media (min-width:64em) {
    .page-node-type-article .carousel,
    .page-node-type-article .paragraph--type--temporary-html-block,
    .page-node-type-article .image-paragraph {
        margin-bottom: 60px;
    }
}

.page-node-type-article .paragraph--type--temporary-html-block {
    height: auto;
}

.page-node-type-article .paragraph--type--temporary-html-block .paragraphs-custom-content {
    margin: 0;
    text-align: left;
}

.article-node__header {
    margin-bottom: 40px;
}

@media (min-width:48em) {
    .article-node__header {
        margin-bottom: 60px;
    }
}

@media (min-width:64em) {
    .article-node__header {
        margin-bottom: 80px;
    }
}

.article-node__category {
    font-weight: 700;
    margin-bottom: 15px;
}

@media (min-width:48em) {
    .article-node__category {
        margin-bottom: 30px;
    }
}

.article-node__title {
    font-weight: 100;
    margin-bottom: 15px;
}

@media (min-width:48em) {
    .article-node__title {
        margin-bottom: 30px;
    }
}

.article-node__date {
    color: #9b9b9b;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-node-type-blog .carousel,
.page-node-type-blog .image-paragraph {
    margin: 0 auto;
    max-width: 1170px;
}

.page-node-type-blog .carousel,
.page-node-type-blog .paragraph--type--text-or-html,
.page-node-type-blog .image-paragraph {
    margin-bottom: 40px;
}

@media (min-width:64em) {
    .page-node-type-blog .carousel,
    .page-node-type-blog .paragraph--type--text-or-html,
    .page-node-type-blog .image-paragraph {
        margin-bottom: 60px;
    }
}

.page-node-type-blog .paragraph--type--text-or-html {
    height: auto;
}

.page-node-type-blog .paragraph--type--text-or-html .paragraphs-custom-content {
    margin: 0;
    text-align: left;
}

.blog-node__header {
    margin-bottom: 40px;
}

@media (min-width:48em) {
    .blog-node__header {
        margin-bottom: 60px;
    }
}

@media (min-width:64em) {
    .blog-node__header {
        margin-bottom: 80px;
    }
}

.blog-node__category {
    font-weight: 700;
    margin-bottom: 15px;
}

@media (min-width:48em) {
    .blog-node__category {
        margin-bottom: 30px;
    }
}

.blog-node__title {
    font-weight: 100;
    margin-bottom: 15px;
}

@media (min-width:48em) {
    .blog-node__title {
        margin-bottom: 30px;
    }
}

.blog-node__date {
    color: #9b9b9b;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.blog-node__date a {
    color: #08bbc8;
    text-decoration: none;
}

.page-node-type-generic-page .block-page-title-block {
    margin-top: 100px;
    display: block;
    width: 770px;
}

@media (min-width:64em) {
    .page-node-type-generic-page .block-page-title-block {
        margin-top: 150px;
    }
}

.page-node-type-generic-page .block-page-title-block .page-title {
    display: block;
}

.generic-page {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 770px;
}

.generic-page ul {
    margin: auto 20px auto 20px;
}

.generic-page ul li {
    line-height: 30px;
}

.privacy-policy {
    line-height: 30px;
}

.privacy-policy strong {
    font-weight: bold;
    color: #13d4c8;
}

.privacy-policy h4 {
    color: #13d4c8;
}

.path-frontpage .live-stream--main,
.pageid-en-live-stream .live-stream--main,
.pageid-live-stream .live-stream--main {
    position: relative;
    width: 100%;
    min-height: 540px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.path-frontpage .live-stream--main:before,
.pageid-en-live-stream .live-stream--main:before,
.pageid-live-stream .live-stream--main:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background-image: -o-linear-gradient(top, transparent, #000);
    background-image: linear-gradient(to bottom, transparent, #000);
    opacity: 1;
}

@media (min-width:48em) {
    .path-frontpage .live-stream--main,
    .pageid-en-live-stream .live-stream--main,
    .pageid-live-stream .live-stream--main {
        min-height: 800px;
    }
}

@media (min-width:64em) {
    .path-frontpage .live-stream--main,
    .pageid-en-live-stream .live-stream--main,
    .pageid-live-stream .live-stream--main {
        min-height: 600px;
    }
}

.path-frontpage .live-stream--video-,
.pageid-en-live-stream .live-stream--video-,
.pageid-live-stream .live-stream--video- {
    margin: 0 auto;
    padding-bottom: 56.25%;
    width: 95%;
    max-width: 1064px;
    position: relative;
    height: 0;
    top: 105px;
    text-align: center;
}

.path-frontpage .live-stream--video,
.pageid-en-live-stream .live-stream--video,
.pageid-live-stream .live-stream--video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1064px;
    height: 100%;
    max-height: 900px;
}

.path-frontpage .live-stream--back-link,
.pageid-en-live-stream .live-stream--back-link,
.pageid-live-stream .live-stream--back-link {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 5px;
}

.pageid-user-register,
.pageid-user-password,
.pageid-user-login {
    font-weight: 300;
}

.pageid-user-register header,
.pageid-user-register footer,
.pageid-user-password header,
.pageid-user-password footer,
.pageid-user-login header,
.pageid-user-login footer {
    color: #FFFFFF;
}

.user-password-form,
.user-login-form,
.user-register-form {
    margin: 0 auto 100px auto;
    width: 60%;
    text-align: left;
}

.user-password-form .form-submit,
.user-login-form .form-submit,
.user-register-form .form-submit {
    background-color: transparent;
    background-image: url(/themes/nioweb/images/icon-arrow-turquoise.svg);
    background-position: 90px center;
    background-repeat: no-repeat;
    background-size: 19% auto;
    border-color: #00bebe;
    font-weight: 300;
    padding-right: 35px;
}

.user-login-form,
.user-login--form .block-page-title-block,
.user-register-form,
.pageid-user-register .block-page-title-block {
    width: 70%;
}

@media (min-width:48em) {
    .user-login-form,
    .user-login--form .block-page-title-block,
    .user-register-form,
    .pageid-user-register .block-page-title-block {
        width: 60%;
    }
}

@media (min-width:64em) {
    .user-login-form,
    .user-login--form .block-page-title-block,
    .user-register-form,
    .pageid-user-register .block-page-title-block {
        width: 50%;
    }
}

@media (min-width:75.6875em) {
    .user-login-form,
    .user-login--form .block-page-title-block,
    .user-register-form,
    .pageid-user-register .block-page-title-block {
        width: 40%;
    }
}

.user-password-form {
    width: 80%;
    text-align: left;
    margin: 100px auto;
}

@media (min-width:48em) {
    .user-password-form {
        width: 60%;
    }
}

@media (min-width:64em) {
    .user-password-form {
        width: 50%;
    }
}

@media (min-width:75.6875em) {
    .user-password-form {
        margin: 150px auto;
        width: 40%;
    }
}

.user-password-form .block-page-title-block {
    display: block;
    color: #FFFFFF;
    margin: 0 0 40px 0;
}

.user-password-form .block-page-title-block h1 {
    display: block;
}

.user-password-form .form-submit {
    background-position: 90px center;
    padding-right: 35px;
}

.user-login-form {
    margin: 0 auto;
    text-align: left;
}

.user-login--form {
    margin-bottom: 100px;
}

.user-login--form .block-page-title-block {
    display: block;
    color: #FFFFFF;
    margin: 60px auto 40px auto;
    text-align: left;
}

@media (min-width:48em) {
    .user-login--form .block-page-title-block {
        margin-top: 80px;
    }
}

@media (min-width:64em) {
    .user-login--form .block-page-title-block {
        margin-top: 95px;
    }
}

@media (min-width:75.6875em) {
    .user-login--form .block-page-title-block {
        margin-top: 110px;
    }
}

.user-login--form .block-page-title-block h1 {
    display: block;
}

.user-login--form .form-submit {
    background-position: 82px center;
    padding-right: 35px;
}

.user-login--form .description {
    display: none;
}

.user-register-form {
    margin: 40px auto 100px auto;
    text-align: left;
}

.user-register-form .form-submit {
    background-position: 219px center;
    background-size: 10% auto;
    padding-right: 45px;
}

.pageid-user-register .block-page-title-block {
    display: block;
    color: #FFFFFF;
    margin: 110px auto 40px auto;
}

.pageid-user-register .block-page-title-block h1 {
    display: block;
}

body[class*="pageid-user-"].user-logged-in #main-wrapper {
    margin-top: 67px;
    min-height: 40vh;
}

@media (min-width:75.6875em) {
    body[class*="pageid-user-"].user-logged-in #main-wrapper {
        margin-top: 99px;
    }
}

body[class*="pageid-user-"].user-logged-in #main-wrapper .profile {
    padding: 40px;
}

.page-maintenance .page-maintenance--main-body,
.page-maintenance .page-404--main-body,
.page-404 .page-maintenance--main-body,
.page-404 .page-404--main-body {
    background: url("/themes/nioweb/images/404-maintenance.png") no-repeat center center;
    background-size: cover;
    height: 300px;
}

@media (min-width:48em) {
    .page-maintenance .page-maintenance--main-body,
    .page-maintenance .page-404--main-body,
    .page-404 .page-maintenance--main-body,
    .page-404 .page-404--main-body {
        height: 500px;
    }
}

@media (min-width:75.6875em) {
    .page-maintenance .page-maintenance--main-body,
    .page-maintenance .page-404--main-body,
    .page-404 .page-maintenance--main-body,
    .page-404 .page-404--main-body {
        height: 800px;
    }
}

.page-maintenance .page-maintenance--main-wrapper,
.page-maintenance .page-404--main-wrapper,
.page-404 .page-maintenance--main-wrapper,
.page-404 .page-404--main-wrapper {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    position: relative;
    top: 30%;
}

@media (min-width:48em) {
    .page-maintenance .page-maintenance--main-wrapper,
    .page-maintenance .page-404--main-wrapper,
    .page-404 .page-maintenance--main-wrapper,
    .page-404 .page-404--main-wrapper {
        font-size: 26px;
        top: 36%;
    }
}

@media (min-width:64em) {
    .page-maintenance .page-maintenance--main-wrapper,
    .page-maintenance .page-404--main-wrapper,
    .page-404 .page-maintenance--main-wrapper,
    .page-404 .page-404--main-wrapper {
        font-size: 30px;
        top: 36%;
    }
}

@media (min-width:75.6875em) {
    .page-maintenance .page-maintenance--main-wrapper,
    .page-maintenance .page-404--main-wrapper,
    .page-404 .page-maintenance--main-wrapper,
    .page-404 .page-404--main-wrapper {
        font-size: 32px;
        top: 46%;
    }
}

.page-maintenance .page-maintenance--main-wrapper .page-maintenance--heading,
.page-maintenance .page-maintenance--main-wrapper .page-404--heading,
.page-maintenance .page-404--main-wrapper .page-maintenance--heading,
.page-maintenance .page-404--main-wrapper .page-404--heading,
.page-404 .page-maintenance--main-wrapper .page-maintenance--heading,
.page-404 .page-maintenance--main-wrapper .page-404--heading,
.page-404 .page-404--main-wrapper .page-maintenance--heading,
.page-404 .page-404--main-wrapper .page-404--heading {
    font-size: 50px;
    font-weight: 100;
    line-height: 50px;
}

@media (min-width:64em) {
    .page-maintenance .page-maintenance--main-wrapper .page-maintenance--heading,
    .page-maintenance .page-maintenance--main-wrapper .page-404--heading,
    .page-maintenance .page-404--main-wrapper .page-maintenance--heading,
    .page-maintenance .page-404--main-wrapper .page-404--heading,
    .page-404 .page-maintenance--main-wrapper .page-maintenance--heading,
    .page-404 .page-maintenance--main-wrapper .page-404--heading,
    .page-404 .page-404--main-wrapper .page-maintenance--heading,
    .page-404 .page-404--main-wrapper .page-404--heading {
        font-size: 100px;
        font-weight: 100;
        line-height: 60px;
    }
}

.page-maintenance .page-maintenance--extended-footer .page-maintenance--locations,
.page-maintenance .page-maintenance--extended-footer .page-404--locations,
.page-maintenance .page-404--extended-footer .page-maintenance--locations,
.page-maintenance .page-404--extended-footer .page-404--locations,
.page-404 .page-maintenance--extended-footer .page-maintenance--locations,
.page-404 .page-maintenance--extended-footer .page-404--locations,
.page-404 .page-404--extended-footer .page-maintenance--locations,
.page-404 .page-404--extended-footer .page-404--locations {
    display: table;
    margin: auto;
}

.page-maintenance .page-maintenance--extended-footer .page-maintenance--locations .column,
.page-maintenance .page-maintenance--extended-footer .page-404--locations .column,
.page-maintenance .page-404--extended-footer .page-maintenance--locations .column,
.page-maintenance .page-404--extended-footer .page-404--locations .column,
.page-404 .page-maintenance--extended-footer .page-maintenance--locations .column,
.page-404 .page-maintenance--extended-footer .page-404--locations .column,
.page-404 .page-404--extended-footer .page-maintenance--locations .column,
.page-404 .page-404--extended-footer .page-404--locations .column {
    font-weight: 100;
    line-height: 24px;
    float: left;
    margin: 40px;
    width: 270px;
}

.page-maintenance .page-maintenance--extended-footer .page-maintenance--locations .column strong,
.page-maintenance .page-maintenance--extended-footer .page-404--locations .column strong,
.page-maintenance .page-404--extended-footer .page-maintenance--locations .column strong,
.page-maintenance .page-404--extended-footer .page-404--locations .column strong,
.page-404 .page-maintenance--extended-footer .page-maintenance--locations .column strong,
.page-404 .page-maintenance--extended-footer .page-404--locations .column strong,
.page-404 .page-404--extended-footer .page-maintenance--locations .column strong,
.page-404 .page-404--extended-footer .page-404--locations .column strong {
    display: block;
}

.video-page {
    margin: 80px 0;
}

.video-page h1 {
    margin-bottom: 30px;
}

@media (min-width:48em) {
    .video-page {
        margin: 180px 0 100px 0;
    }
}

.video- .video-js,
.video- .video-polyv {
    position: relative;
    padding-bottom: 56.25%;
    height: 0 !important;
    width: 100% !important;
}

.global-startup-map {
    position: relative;
}

.global-startup-map h2 {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #00263D;
    font-size: 26px;
}

@media (min-width:75.6875em) {
    .global-startup-map h2 {
        font-size: 42px;
        top: 2.5%;
    }
}

@media (min-width:75.6875em) {
    html[lang="zh-hans"] .global-startup-map h2 {
        font-size: 32px;
        top: 2.5%;
    }
}

.es8 . {
    text-align: center;
    padding: 32px 0;
}

@media (min-width:48em) {
    .es8 . {
        padding: 0;
    }
}

.es8 . h2 {
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 auto;
    max-width: 312px;
}

@media (min-width:48em) {
    .es8 . h2 {
        max-width: 100%;
        font-size: 48px;
        line-height: 62px;
    }
}

.es8 . h3 {
    line-height: 40px;
    font-size: 24px;
    margin: 0 auto;
    max-width: 312px;
}

@media (min-width:48em) {
    .es8 . h3 {
        max-width: 100%;
    }
}

.es8 . p {
    font-weight: normal;
    font-size: 14px;
    margin: 0 auto;
    max-width: 312px;
    line-height: 24px;
}

@media (min-width:48em) {
    .es8 . p {
        max-width: 650px;
    }
}

.es8 . ul li {
    list-style: none;
    font-size: 12px;
    line-height: 1.5;
    color: #ccc;
}

.es8 .es8__hero-logo {
    width: 178px;
    height: 30px;
    margin: 30% auto 0;
    display: block;
}

@media (min-width:48em) {
    .es8 .es8__hero-logo {
        padding: 0;
        margin: 5% auto 0;
    }
}

.es8 h2.es8__sales-title {
    margin: 25px 0;
}

@media (min-width:48em) {
    .es8 h2.es8__sales-title {
        margin-top: 80px;
    }
}

.es8 .es8__nomi .hero__content {
    top: 60px;
}

.es8 .es8__pilot .hero__content {
    top: 30px;
}

@media (min-width:48em) {
    .es8 .es8__pilot .hero__content {
        top: 80px;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}

.es8 .es8__performance .hero__content {
    top: 40px;
}

@media (min-width:48em) {
    .es8 .es8__performance .hero__content {
        top: 110px;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}

.es8 .es8__performance .hero__content a {
    margin-top: 25px;
}

.es8 .hero__content {
    top: 60px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.es8 .hero__content . {
    margin: 0 auto;
    padding: 0 10%;
}

@media (min-width:48em) {
    .es8 .hero__content {
        top: 22%;
        -webkit-transform: translate(-50%, -22%);
        -ms-transform: translate(-50%, -22%);
        transform: translate(-50%, -22%);
    }
}

.es8 .hero__text h2 {
    line-height: 38px;
    margin: 8px auto;
}

@media (min-width:48em) {
    .es8 .hero__text h2 {
        max-width: 100%;
        font-size: 48px;
        line-height: 62px;
    }
}

@media screen and (max-width:47.9375em) {
    .es8 .offset-bottom-mobile {
        text-align: left;
        margin-top: 30%;
    }
}

@media screen and (max-width:23.4375em) {
    .es8 .offset-top-mobile . {
        text-align: left;
    }
}

@media screen and (max-width:23.4375em) {
    .es8 .offset-left-mobile . {
        text-align: left;
    }
}

@media (min-width:48em) {
    .es8 .offset-right . {
        margin-left: 50%;
        text-align: left;
    }
}

@media (min-width:48em) {
    .es8 .offset-left . {
        margin: 0% 50% 0 0;
        text-align: left;
    }
}

.es8 .es8__stats--wrapper {
    width: 100%;
    margin: 30px auto 16px;
    max-width: 700px;
}

.es8 .es8__stat {
    display: inline-block;
    position: relative;
    width: 46%;
    margin: 0 0 20px 0;
    padding: 16px 0;
    font-size: .6em;
    white-space: normal;
    vertical-align: top;
    word-break: break-word;
}

@media (min-width:48em) {
    .es8 .es8__stat {
        width: 23%;
    }
}

.es8 .es8__stat h3 {
    font-weight: bold;
}

@media screen and (max-width:29.9375em) {
    .es8 .es8__stat:nth-last-child(2) {
        border: none;
    }
}

@media (min-width:48em) {
    .es8 .es8__stat:last-child {
        width: 24%;
        margin-right: 0;
    }
}

.es8 .es8__stat--separator {
    border-left: 1px solid #d8d8d8;
    border-top: none;
}

.es8 .btn--aqua-arrow:after {
    background-image: url(/themes/nioweb/images/icon-arrow-aqua.svg);
}

.es8 .es8__cars--wrapper {
    width: 100%;
    margin: 0 auto 40px;
    padding: 0 1em;
}

.es8 .es8__car {
    display: block;
    font-size: .6em;
    white-space: normal;
    vertical-align: top;
    word-break: break-word;
    padding: 40px 0;
}

@media (min-width:48em) {
    .es8 .es8__car {
        display: inline-block;
        width: 48%;
    }
}

.es8 .es8__car .es8__car-title {
    margin: 10px auto;
    font-weight: bold;
}

.es8 .es8-gallery-title {
    padding: 58px 0;
}

@media screen and (max-width:29.9375em) {
    .es8 .es8-gallery-title {
        background: #E8F7F7;
        margin: 0;
        padding: 58px 0;
    }
}

.es8 .app-block {
    position: relative;
    overflow: hidden;
}

@media (min-width:64em) {
    .es8 .app-block {
        padding-bottom: 60px;
    }
}

.es8 .app-block .app-block__text {
    text-align: center;
}

.es8 .app-block .app-block__text .app-block__title,
.es8 .app-block .app-block__text .app-block__description {
    font-size: 24px;
    letter-spacing: 3px;
}

@media (min-width:64em) {
    .es8 .app-block .app-block__text {
        text-align: left;
        margin-left: 10%;
        width: 600px;
    }
}

.es8 .app-block .app-block__text .niohouse__app-block__qr,
.es8 .app-block .app-block__text .niohouse__app-block__appstore {
    display: inline-block;
    line-height: 160px;
    height: 160px;
    margin: 0;
}

.es8 .app-block .app-block__text .niohouse__app-block__qr {
    margin-right: 2.5%;
}

.es8 .app-block .app-block__text .niohouse__app-block__appstore {
    padding-top: 40px;
    margin-left: 2.5%;
}

.es8 .app-block .app-block__image {
    margin-bottom: -5px;
}

.es8 .app-block .app-block__image img {
    width: 215px;
}

@media (min-width:64em) {
    .es8 .app-block .app-block__image {
        position: absolute;
        right: 20%;
        bottom: 0;
    }
}

.es8 .paragraph--with-padding {
    padding: 2% 2%;
}

@media (min-width:48em) {
    .es8 .paragraph--with-padding {
        padding: 1% 1%;
    }
}

.es8 .related-news . {
    padding: 50px 0 0;
}

@media screen and (max-width:47.9375em) {
    .es8 .related-news . {
        padding: 20px 0 0;
    }
}

.es8 .related-news .related-news__title {
    margin: 30px auto;
}

.es8 .related-news .news-teaser__title span {
    font-weight: bold;
}

.es8-cn . p {
    font-size: 16px;
}

.specs-and-media .specs-and-media__wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

@media (min-width:64em) {
    .specs-and-media .specs-and-media__wrapper {
        text-align: left;
        width: 90%;
    }
}

@media (min-width:75.6875em) {
    .specs-and-media .specs-and-media__wrapper {
        padding: 20px 0;
        max-width: 1920px;
    }
}

.specs-and-media .specs-and-media__wrapper .specs-and-media__left {
    display: block;
    width: 100%;
    padding: 20px;
}

@media (min-width:64em) {
    .specs-and-media .specs-and-media__wrapper .specs-and-media__left {
        display: inline-block;
        width: 49%;
    }
}

.specs-and-media .specs-and-media__wrapper .specs-and-media__right {
    display: block;
    width: 100%;
    padding: 20px;
}

@media (min-width:64em) {
    .specs-and-media .specs-and-media__wrapper .specs-and-media__right {
        display: inline-block;
        width: 49%;
    }
}

.specs-and-media .specs-and-media__wrapper h3 {
    padding: 20px 0;
}

@media (min-width:64em) {
    .specs-and-media .specs-and-media__wrapper h3 {
        padding: 20px 0 20px 10px;
    }
}

.specs-and-media .specs-and-media__wrapper img {
    margin: 0 auto 30px auto;
    max-width: 90%;
}

@media (min-width:64em) {
    .specs-and-media .specs-and-media__wrapper img {
        margin: 0 auto;
    }
}

.specs-and-media .specs-and-media__data-block {
    display: inline-block;
    padding: 10px;
    width: 28%;
    margin: 4px 4px 20px 4px;
    text-align: left;
    font-weight: 100;
}

.specs-and-media .specs-and-media__data-block .specs-and-media__data-block__line {
    border-top: 3px solid #00bebe;
    width: 36px;
    height: 15px;
}

.es8 .es8__stat_tooltip-text {
    margin-top: 5px;
}

.es8 .es8__stat_tooltip-text.hide-pc {
    display: none;
}

.es8 .es8__stat_tooltip-text.show-mobile {
    display: block;
    font-size: 0.6rem;
}

.es8 .es8__section .btn--small {
    margin: 20px;
}

.es8 .es8__stat {
    width: 32%;
}

.es8 .es8__stat:nth-child(1) {
    border-left: none;
}

.es8 .es8__cars--wrapper .es8__car h4 {
    margin-bottom: 10px;
}

.es8 .es8__stat--separator {
    border-left: none;
}

.es8 .animatedbtn__play {
    position: absolute;
    left: 50%;
}

.es8 .animatedbtn__play.animatedbtn__play--64 {
    margin-left: -32px;
}

.es8 .animatedbtn__play.animatedbtn__play--48 {
    margin-left: -24px;
}

.es8 .es8__stat h3 {
    font-size: 5em;
    margin-bottom: 8px;
}

.es8 .es8__hero-logo {
    margin: 25% auto 15%;
}

.es8 h2.es8__sales-title {
    margin: 25px auto;
    max-width: 210px;
    font-weight: 500;
}

.es8 . p.es8__sales-summary {
    font-weight: 300;
    max-width: 308px;
    line-height: 1.71;
}

.es8 .es8__stat h3 {
    font-size: 24px;
}

.es8 .es8__cars--wrapper {
    margin: 58px auto 40px;
}

.es8 . p.es8_price {
    margin-top: 20px;
    font-size: 12px;
}

.es8 h2.es8__pilot-img {
    width: 156px;
    height: auto;
}

.es8 . p.es8__pilot-title {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 24px;
}

.es8 . p.es8__pilot-summary {
    font-weight: 300;
    color: #000;
    font-size: 12px;
    line-height: 1.67;
    text-align: center;
    display: block;
}

.es8 . p.es8__pilot-link {
    text-align: center;
    margin-top: 20px;
}

.es8 . h2.es8__nomi-title {
    max-width: 244px;
}

.es8 . p.es8__nomi-summary {
    font-size: 12px;
    color: #000;
    line-height: 1.67;
    font-weight: 300;
    margin-bottom: 50px;
}

.es8 .app-block .app-block__text .app-block__title,
.es8 .app-block .app-block__text .app-block__description {
    font-weight: 100;
    font-size: 24px;
}

.es8 .app-block .app-block__text .app-block__title {
    margin-bottom: 0;
}

.es8 .app-block .app-block__text .niohouse__app-block__qr {
    width: 93px;
}

.es8 .app-block .app-block__text .niohouse__app-block__appstore {
    padding-top: 20px;
}

.es8 .related-news,
.es8 . __link-news {
    display: none;
}

.es8 .footer {
    border-top: none;
}

.es8 p b {
    font-size: 14px;
    font-style: nomal;
    font-weight: 500;
}

.es8 .es8__car:nth-child(1):after {
    content: '';
    width: 240px;
    height: 1px;
    margin: 0 auto;
    display: block;
    background-color: #d8d8d8;
    margin-top: 81px;
}

.es8 .es8__performance .hero__content a {
    margin-top: 16px;
}

.es8 .app-block .app-block__text p.app-block__description b {
    font-size: 24px;
}

.es8 .app-block .app-block__image img {
    width: 220px;
}

.es8 .app-block__text {
    margin-bottom: 0;
}

.es8 .es8__nomi-title {
    margin-top: 0;
}

@media (min-width:48em) {
    .es8 .es8__stat_tooltip-text.hide-pc {
        display: block;
    }
    .es8 .es8__stat_tooltip-text.show-mobile {
        display: none;
    }
    .es8 . h2 {
        max-width: 100%;
        font-size: 24px;
        line-height: 1.3;
        font-weight: 500;
    }
    .es8 .hero__content {
        top: 20%;
    }
    .es8 .es8__stat--separator {
        border-left: 1px solid #d8d8d8;
        border-top: none;
        margin: 0;
    }
    .es8 .es8__section {
        width: 100%;
        float: left;
        margin-bottom: 81px;
    }
    .es8 .es8__stat {
        width: 32%;
    }
    .es8 .es8__hero-logo {
        padding: 0;
        margin: 5% auto 0;
        height: 53px;
        width: auto;
    }
    .es8 . h2 {
        max-width: 100%;
        font-size: 24px;
        line-height: 1.33;
        font-weight: 500;
    }
    .es8 . p {
        font-weight: 300;
        font-size: 16px;
        margin: 0 auto;
        max-width: 574px;
    }
    .es8 .es8__car p.es8_price {
        font-weight: 500;
        margin-top: 13px;
    }
    .es8 .offset-right . {
        margin-left: 55%;
    }
    .es8 p.es8__space__summary {
        max-width: 685px;
        margin-bottom: 12px;
    }
    .es8 . p.es8__pilot-title {
        font-weight: bold;
        color: #000;
    }
    .es8 . p.es8__pilot-link {
        margin: 26px auto 165px;
    }
    .es8 . p.es8__nomi-summary {
        max-width: 650px;
        color: #000;
    }
    .es8 . p.es8__power__summary {
        font-weight: bold;
        margin-bottom: 20px;
    }
    .es8 .app-block .app-block__text h3.app-block__title,
    .es8 .app-block .app-block__text p.app-block__description {
        font-weight: 100;
        font-size: 36px;
    }
    .es8 .app-block .app-block__text h3.app-block__title {
        margin-bottom: 0;
    }
    .es8 .news-teaser__date,
    .es8 .news-teaser__title {
        text-align: left;
        font-weight: 300;
    }
    .es8 .related-news .news-teaser__title span {
        font-weight: 300;
    }
    .es8 h2.es8__sales-title {
        font-size: 36px;
    }
    .es8 h2.es8__sales-title {
        margin-top: 93px;
    }
    .es8 .es8__stat {
        margin-bottom: 28px;
        padding: 0;
    }
    .es8 .es8__stats--wrapper {
        margin-top: 45px;
    }
    .es8 p b {
        font-size: 16px;
        font-weight: 500;
    }
    .es8 .es8__car {
        padding: 0;
    }
    .es8 .es8__performance .hero__content {
        top: 101px;
    }
    .es8 .hero__content . {
        padding: 0 9%;
    }
    .es8 .es8__performance .hero__content a {
        margin-top: 20px;
    }
    .es8 . p.es8__nomi-summary {
        line-height: 1.88;
        margin-bottom: 100px;
    }
    .es8 .app-block .app-block__text p.app-block__description b {
        font-size: 36px;
    }
    .es8 .app-block .app-block__text .niohouse__app-block__qr {
        width: 117px;
    }
    .es8 .app-block .app-block__text .niohouse__app-block__appstore {
        width: 148px;
        padding-top: 35px;
    }
    .es8 .app-block .app-block__image img {
        width: 253px;
    }
    .es8 .es8__car:nth-child(1):after {
        display: none;
    }
    .es8 .es8__car {
        padding: 40px 0;
    }
    .es8 .app-block .app-block__text p.app-block__description {
        padding-left: 10px;
    }
    .es8 . .es8__nomi-title {
        margin-top: 24px;
    }
}

@media (min-width:64em) {
    .es8 . h2 {
        font-size: 36px;
    }
    .es8 .app-block .app-block__text {
        width: 100%;
    }
    .es8 .app-block .app-block__text {
        margin-left: 4.6%;
    }
    .es8 .app-block {
        padding-top: 75px;
        padding-bottom: 60px;
    }
}

@media (min-width:768px) {
    .es8 . p.es8__sales-summary {
        max-width: 574px;
    }
    .es8 .es8__cars--wrapper .es8__car .first-car-box {
        border-right: 1px solid #e3e3e3;
    }
    .es8 .es8__cars--wrapper .es8__car>div {
        padding: 0 15%;
    }
    .es8 .es8__stat h3 {
        font-size: 48px;
    }
    .es8 . p.es8_price {
        font-size: 16px;
    }
    .es8 . h2.es8__pilot-img {
        width: 285px;
    }
    .es8 . p.es8__pilot-title {
        font-size: 16px;
    }
    .es8 . p.es8__pilot-summary {
        font-size: 16px;
        display: inline-block;
        margin-top: 10px;
    }
    .es8 . h2.es8__nomi-title {
        max-width: 100%;
    }
    .es8 . p.es8__nomi-summary {
        font-size: 16px;
    }
    .es8 .niohouse__app-block__downloadbtns {
        margin-top: 25px;
    }
    .es8 .related-news,
    .es8 . __link-news {
        display: block;
    }
    .es8 .related-news .related-news__title,
    .es8 .es8-gallery-title h2 strong {
        font-size: 36px;
    }
    .es8 .es8__cars--wrapper {
        margin: 81px auto 132px;
    }
}

@media (max-width:1024px) {
    .es8 .gallery__item {
        width: 33.3333333%;
    }
}

.es8 .mobile--logo {
    width: 47.2vw;
    height: auto;
    margin: 0 auto;
}

@media (min-width:768px) {
    .es8 .mobile--logo {
        width: 22.5vw;
    }
}

.es8 .es8-banner-block .line {
    width: 287px;
    margin: 10px auto;
    font-size: 22px;
    line-height: 0;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-ideograph;
}

.es8 .es8-banner-block .line:after {
    content: " ";
    display: inline-block;
    width: 100%;
}

.es8 .es8-banner-block .line div {
    display: none;
}

.es8 .es8-banner-block .line img {
    max-width: 100%;
    margin-bottom: 15px;
}

.es8 .es8-banner-block .hero__content {
    top: 20%;
}

.es8 .es8-banner-block .button-line {
    width: 470px;
    margin-top: 30px;
}

@media (max-width:480px) {
    .es8 .es8-banner-block .hero__content {
        top: 15%;
    }
    .es8 .es8-banner-block .line {
        width: 213px;
        font-size: 16px;
        line-height: 0;
        font-weight: 400;
    }
    .es8 .es8-banner-block .button-line {
        width: 80%;
        margin: 20px auto;
        text-align: center;
    }
    .es8 .es8-banner-block .button-line a {
        margin: 0 auto;
    }
    .es8 .es8-banner-block .button-line a:nth-of-type(1) {
        margin-bottom: 20px;
    }
}

.es8 .btn.btn--white.btn.btn-white-active {
    background: white;
    color: black;
}

@media (max-width:1023px) {
    .es8 .niohouse__app-block__downloadbtns {
        margin-top: 30px;
    }
    .es8 .app-block .app-block__image {
        margin-top: -40px;
    }
}

.es8 .mobile--show {
    display: none;
}

@media (max-width:767px) {
    .es8 .mobile--show {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width:414px) {
    .es8 .offset-left-mobile . {
        text-align: left;
    }
}

#content {
    overflow-x: hidden;
}

.es6-page {}

.es6-page .header__logo {
    left: 5px;
}

.es6-page .sections__progress {
    width: 1px;
}

.es6-page .variant-select .variant-selector {
    background: #F0F1F2;
}

.es6-page .first-banner .hero__content {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #000;
}

.es6-page .first-banner .banner-copy .banner-img {
    width: 288px;
    margin: 70px auto 30px;
}

.es6-page .first-banner .banner-copy .banner-copy--text {
    max-width: 600px;
    margin: 0 auto;
}

.es6-page .first-banner .banner-copy p {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
}

.es6-page .first-banner .banner-copy .btn--black {
    background-color: transparent;
}

.es6-page .first-banner .unline-btn {
    display: block;
    width: 6rem;
    margin: 20px auto;
    line-height: 26px;
    font-size: 1rem;
    font-weight: 400;
    border-bottom: 1px solid #000;
    cursor: pointer;
}

.es6-page .first-banner .,
.es6-page .first-banner .hero__text-content,
.es6-page .first-banner .hero__text {
    width: 100%;
    height: 100%;
}

.es6-page .first-banner .banner-copy .btn--black:hover {
    background-color: #000;
}

@media screen and (min-width:1024px) {
    .es6-page .first-banner {
        margin-top: 70px;
    }
}

@media screen and (max-width:1280px) {
    .es6-page .first-banner .unline-btn {
        position: absolute;
        bottom: 1.5rem;
        left: 50%;
        margin: 0;
        margin-left: -3rem;
    }
}

@media screen and (max-width:640px) {
    .es6-page .first-banner .banner-copy .banner-copy--text {
        max-width: 90%;
    }
}

@media screen and (max-width:480px) {
    .es6-page .first-banner .banner-copy .banner-img {
        width: 213px;
    }
}

.es6-page {}

.es6-page . {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width:64em) {
    .es6-page . {
        margin: 0 auto;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .hero__handlers-overlay {
        height: 70%;
    }
}

.es6-page .es6-page--hero-two .hero__content {
    max-height: 70%;
    top: 38%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .hero__content {
        margin-top: 45%;
    }
}

.es6-page .es6-page--hero-two .hero__content .hero__title {
    margin-top: 15%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .hero__content .hero__title {
        display: none;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two . {
        max-width: 100%;
    }
}

.es6-page .es6-page--hero-two .banner-two--copy {
    margin-top: 3em;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .banner-two--copy {
        margin-top: 0;
        width: 100%;
    }
}

.es6-page .es6-page--hero-two .banner-two--copy .cta-buttons {
    margin-top: 2em;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .banner-two--copy .cta-buttons {
        display: inline-block;
        margin-top: 0;
        vertical-align: text-bottom;
    }
}

.es6-page .es6-page--hero-two .banner-two--copy .cta-buttons .btn {
    display: block;
    margin: 10px auto;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .banner-two--copy .title-intro {
        display: inline-block;
        text-align: left;
        width: 400px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .banner-two--copy .title-intro h3 {
        font-size: 32px;
        line-height: 1.5;
    }
}

.es6-page .es6-page--hero-two .banner-two--copy .title-intro .intro {
    display: none;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .banner-two--copy .title-intro .intro {
        display: block;
        font-size: 14px;
        line-height: 1.71;
    }
}

.es6-page .es6-page--hero-two .stats {
    margin-top: 23em;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .stats {
        display: inline-block;
        margin-top: 0;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .stats .stats--group {
        display: inline-block;
        margin-left: 30px;
        text-align: left;
        width: 280px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .stats .stats--group .stats--header {
        font-size: 18px;
        line-height: 1.6;
    }
}

.es6-page .es6-page--hero-two .stats .stats--column {
    display: inline-block;
    width: 49%;
}

.es6-page .es6-page--hero-two .stats .stats--column h2 {
    font-weight: 600;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .stats .stats--column h2 {
        line-height: 0.9;
        font-size: 40px;
    }
}

.es6-page .es6-page--hero-two .stats .stats--column p {
    font-size: 12px;
}

.es6-page .es6-page--hero-two .stats p {
    margin-bottom: 5px;
}

.es6-page .es6-page--hero-two .animatedbtn__play {
    position: absolute;
    top: 27%;
    left: 44%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-two .animatedbtn__play {
        top: -60%;
        left: 48%;
    }
}

.es6-page .es6-page--hero-three {
    min-height: 750px;
}

.es6-page .es6-page--hero-three .hero {
    margin: 55px 0 20px 0;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-three .hero {
        margin: 55px 0;
    }
}

.es6-page .es6-page--hero-three .variant-selectors-wrapper {
    margin: 0;
    width: 100%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-three .variant-selectors-wrapper {
        max-width: 1440px;
        margin: 0 auto;
        text-align: center;
    }
}

.es6-page .es6-page--hero-three .variant-selector {
    position: relative;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-three .variant-selector {
        display: inline-block;
        margin: 14px !important;
        width: 29% !important;
        text-align: left;
    }
}

.es6-page .es6-page--hero-three .variant-selector .selector-column {
    display: inline-block;
    white-space: nowrap;
    width: 49%;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column.right {
    text-align: right;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column h4 {
    margin-bottom: 10px;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column p {
    font-size: 12px;
    line-height: 1.67;
    margin-bottom: 0;
}

.es6-page .es6-page--hero-three .cta-buttons {
    display: none;
    margin: 30px 0;
    text-align: center;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-three .cta-buttons {
        display: block;
    }
}

@media (min-width:64em) {
    .es6-page .layout-beta.variant-select.configurator .variant-selectors-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.es6-page .layout-beta.variant-select.configurator .variant-selector {
    position: relative;
}

@media (min-width:64em) {
    .es6-page .layout-beta.variant-select.configurator .variant-selector {
        display: inline-block;
        margin: 14px !important;
        width: 29% !important;
        text-align: center;
    }
}

.es6-page .layout-beta.variant-select.configurator .variant-selector h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
}

@media (min-width:64em) {
    .es6-page .layout-beta.variant-select.configurator .variant-selector h4 {
        font-size: 20px;
        line-height: 32px;
    }
}

.es6-page .layout-beta.variant-select.configurator .variant-selector p {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
}

.es6-page .layout-beta.variant-select.configurator .variant-selector p.footnote {
    color: #9b9b9b;
}

@media (min-width:64em) {
    .es6-page .layout-beta.variant-select.configurator .variant-selector p.footnote {
        color: #000;
        line-height: 20px;
    }
}

.es6-page .layout-beta.variant-select.configurator .variant-selector .float-mobile {
    position: absolute;
    right: 1em;
    top: 1em;
    text-align: right;
}

@media (min-width:64em) {
    .es6-page .layout-beta.variant-select.configurator .variant-selector .float-mobile {
        position: relative;
        right: 0;
        top: 5px;
        text-align: inherit;
    }
}

.es6-page .layout-beta.variant-select.configurator .variant-selector .price {
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
}

@media (min-width:64em) {
    .es6-page .layout-beta.variant-select.configurator .variant-selector .price {
        font-size: 32px;
        line-height: 32px;
    }
}

.es6-page .layout-beta.variant-select.configurator .variant-selector .price-prefix {
    font-size: 10px;
}

@media (min-width:64em) {
    .es6-page .layout-beta.variant-select.configurator .variant-selector .price-prefix {
        font-size: 20px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-one .hero__text {
        margin-left: 26%;
        padding-top: 4%;
    }
}

.es6-page .es6-page--hero-four__section-one .hero__text p {
    line-height: 44px;
}

.es6-page .es6-page--hero-four__section-one .title {
    display: block;
    margin: 60px 38px;
    text-align: left;
    width: 40%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-one .title {
        font-size: 32px;
        margin: 60px 0;
        width: 80%;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-one .stats {
        text-align: left;
    }
}

.es6-page .es6-page--hero-four__section-one .stats .stats--column {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 80%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-one .stats .stats--column {
        display: inline-block;
        width: 20%;
    }
}

.es6-page .es6-page--hero-four__section-one .stats h2 {
    font-size: 40px;
    font-weight: 600;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-one .stats h2 {
        font-size: 60px;
        line-height: 1.33;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-one .stats p {
        font-size: 20px;
    }
}

.es6-page .variant-select .variant-selector {
    border: 1px solid #939799;
    cursor: pointer;
    margin: 10px auto;
    padding: 15px 20px;
    width: 90%;
}

.es6-page .variant-select .variant-selector.active {
    border: 3px solid #000;
}

.es6-page .variant-select .hero {
    min-height: 200px;
}

.es6-page .variant-select .hero .variant-hero {
    display: none;
}

.es6-page .variant-select .hero .variant-hero.active {
    display: block;
}

.es6-page .variant-select .hero .mobile {
    display: block;
}

@media (min-width:48em) {
    .es6-page .variant-select .hero .mobile {
        display: none;
    }
}

.es6-page .variant-select .hero .desktop {
    display: none;
}

@media (min-width:48em) {
    .es6-page .variant-select .hero .desktop {
        display: block;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-two .hero__text {
        margin-left: 24%;
        padding-top: 4%;
    }
}

.es6-page .es6-page--hero-four__section-two .hero__text p {
    line-height: 40px;
}

.es6-page .es6-page--hero-four__section-two .title {
    display: none;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-two .title {
        display: block;
        font-size: 32px;
        line-height: 1.5;
        margin: 60px 0;
        text-align: left;
    }
}

.es6-page .es6-page--hero-four__section-two .stats {
    margin: 10% auto 0 auto;
    text-align: left;
    width: 82%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-two .stats {
        margin: 13% 0;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-two .stats p {
        font-size: 20px;
        line-height: 1.6;
    }
}

.es6-page .es6-stats-banner--wrapper {
    background: #000000;
    width: 100%;
    position: relative;
    height: 0;
    color: #fff;
    text-align: center;
}

.es6-page .es6-stats-banner--wrapper .banner-two--copy {
    left: 0;
    margin-top: 3em;
    position: absolute;
    top: -461px;
    width: 100%;
    z-index: 1;
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .banner-two--copy {
        left: 0;
        margin-top: 0;
        position: absolute;
        top: -214px;
        width: 100%;
        z-index: 1;
    }
}

.es6-page .es6-stats-banner--wrapper .banner-two--copy .cta-buttons {
    margin-top: 2em;
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .banner-two--copy .cta-buttons {
        display: inline-block;
        margin-top: 0;
        vertical-align: text-bottom;
    }
}

.es6-page .es6-stats-banner--wrapper .banner-two--copy .cta-buttons .btn {
    display: block;
    margin: 10px auto;
}

.es6-page .es6-stats-banner--wrapper .banner-two--copy .title-intro {
    display: none;
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .banner-two--copy .title-intro {
        display: inline-block;
        text-align: left;
        width: 400px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .banner-two--copy .title-intro h3 {
        font-size: 32px;
        line-height: 1.5;
    }
}

.es6-page .es6-stats-banner--wrapper .banner-two--copy .title-intro .intro {
    display: none;
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .banner-two--copy .title-intro .intro {
        display: block;
        font-size: 14px;
        line-height: 1.71;
    }
}

.es6-page .es6-stats-banner--wrapper .stats {
    margin-top: 0;
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .stats {
        display: inline-block;
        margin-top: 0;
    }
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .stats .stats--group {
        display: inline-block;
        margin-left: 30px;
        text-align: left;
        width: 280px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .stats .stats--group .stats--header {
        font-size: 18px;
        line-height: 1.6;
    }
}

.es6-page .es6-stats-banner--wrapper .stats .stats--column {
    display: inline-block;
    width: 49%;
}

.es6-page .es6-stats-banner--wrapper .stats .stats--column h2 {
    font-weight: 600;
}

@media (min-width:64em) {
    .es6-page .es6-stats-banner--wrapper .stats .stats--column h2 {
        line-height: 0.9;
        font-size: 40px;
    }
}

.es6-page .es6-stats-banner--wrapper .stats .stats--column p {
    font-size: 12px;
}

.es6-page .es6-stats-banner--wrapper .stats p {
    margin-bottom: 5px;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-three .hero__text {
        margin-left: 18%;
        padding-top: 5%;
    }
}

.es6-page .es6-page--hero-four__section-three .hero__content {
    text-align: left;
    width: 82%;
}

.es6-page .es6-page--hero-four__section-three .hero__content p {
    font-size: 14px;
    line-height: 1.71;
    margin-bottom: 0;
}

.es6-page .es6-page--hero-four__section-three .title {
    margin: 60px auto 0 auto;
}

.es6-page .es6-page--hero-four__section-three .stats {
    display: none;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-three .stats {
        display: block;
        margin: 20% 0 0 0;
        max-width: 355px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-four__section-three .stats h4 {
        font-size: 20px;
        line-height: 1.6;
    }
}

.es6-page .es6-page--hero-five__section-one {
    padding: 40px 0 20px 0;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-one {
        margin: 4% 0 0 24%;
    }
}

.es6-page .es6-page--hero-five__section-one .title {
    margin: 0 auto;
    width: 92%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-one .title {
        margin: 0;
    }
}

.es6-page .es6-page--hero-five__section-one .intro {
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-one .intro {
        color: #fff;
        left: 32%;
        position: absolute;
        width: 18%;
        text-align: left;
        top: 43%;
    }
}

.es6-page .es6-page--hero-five__section-one .intro .intro-stat {
    font-size: 16px;
    line-height: 1.75;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-one .intro .intro-stat {
        font-size: 32px;
    }
}

.es6-page .es6-page--hero-five__section-one .intro p:first-child {
    margin-bottom: 0;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-one .intro p:first-child {
        font-size: 20px;
    }
}

.es6-page .es6-page--hero-five__section-one .variant-selector p {
    margin-bottom: 0;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-one .variant-selector {
        display: inline-block;
        margin: 15px 20px 0 0;
        padding: 30px;
        width: 400px;
    }
}

.es6-page .es6-page--hero-five__section-one .variant-selection {
    text-align: right;
    padding-left: 20px;
}

.es6-page .es6-page--hero-five__section-one p {
    font-size: 12px;
    line-height: 1.67;
}

.es6-page .es6-page--hero-five__section-two {
    padding: 40px 0 20px 0;
    height: 100%;
    min-height: 60vh;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-two {
        margin: 4% 0 15% 24%;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-two .intro {
        position: absolute;
        top: 39%;
        left: 28%;
        color: #fff;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-two .intro .stats--footnote {
        margin-top: 10%;
    }
}

.es6-page .es6-page--hero-five__section-two .title {
    margin: 20px auto;
    width: 82%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-two .title {
        margin: 0 0 60px 0;
    }
}

.es6-page .es6-page--hero-five__section-two .title h1 {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 600;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-two .title h1 {
        font-size: 32px;
    }
}

.es6-page .es6-page--hero-five__section-two .hero .mobile {
    display: block;
    margin-left: 4%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-two .hero .mobile {
        display: none;
    }
}

.es6-page .es6-page--hero-five__section-two .hero .desktop {
    display: none;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-five__section-two .hero .desktop {
        display: block;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-six . {
        margin: 0 auto;
    }
}

.es6-page .es6-page--hero-six .title {
    margin: 50px auto 0 auto;
    width: 88%;
    text-align: left;
    padding-right: 14%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-six .title {
        margin: 10% auto 3% auto;
        text-align: center;
        padding-right: 0;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-six .title h3 {
        font-size: 32px;
        line-height: 1.5;
    }
}

.es6-page .es6-page--hero-six .title h2 {
    line-height: 1.5;
}

.es6-page .es6-page--hero-six .intro {
    display: none;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-six .intro {
        display: block;
        margin: 0 auto;
        max-width: 700px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-six .intro p {
        font-size: 14px;
        line-height: 1.5;
    }
}

.es6-page .es6-page--hero-seven {
    color: #000;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-seven . {
        margin: 0 auto;
    }
}

.es6-page .es6-page--hero-seven .intro {
    margin: 50px auto 0 auto;
    width: 88%;
    text-align: left;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-seven .intro {
        margin: 8% auto 0 auto;
        text-align: center;
        max-width: 600px;
    }
}

.es6-page .es6-page--hero-seven .intro img {
    max-width: 160px;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-seven .intro img {
        margin: 0 auto;
        max-width: 262px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-seven .intro p {
        font-size: 14px;
        line-height: 2.14;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-eight .hero__text {
        margin-top: 3%;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-eight . {
        margin: 0 auto;
    }
}

.es6-page .es6-page--hero-eight .logo {
    margin: 50px auto 0 auto;
    width: 88%;
    text-align: left;
}

.es6-page .es6-page--hero-eight .logo img {
    max-width: 130px;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-eight .logo img {
        margin: 0 auto;
        max-width: 209px;
    }
}

.es6-page .es6-page--hero-eight .intro {
    margin: 20px auto 0 auto;
    width: 88%;
    text-align: left;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-eight .intro {
        width: 684px;
        text-align: center;
        max-width: 600px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-eight .intro p {
        font-size: 14px;
        line-height: 2.14;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-nine . {
        margin: 0 auto;
    }
}

.es6-page .es6-page--hero-nine .intro {
    display: none;
    margin: 50px auto 0 auto;
    text-align: left;
    width: 88%;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-nine .intro {
        display: block;
        margin: 7% auto 0 auto;
        text-align: center;
    }
}

.es6-page .es6-page--hero-nine .intro img {
    max-width: 130px;
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-nine .intro img {
        margin: 0 auto;
        max-width: 100%;
        max-height: 47px;
    }
}

@media (min-width:64em) {
    .es6-page .es6-page--hero-nine .intro h3 {
        font-size: 24px;
        line-height: 1.5;
        margin-top: 1%;
    }
}

.es6-page .nio-power-cta-block {
    width: 88%;
    margin: 50px auto 40px auto;
}

.es6-page .nio-power-cta-block p {
    margin-top: 8px;
}

.es6-page .nio-power-cta-block img {
    max-width: 200px;
}

@media (min-width:64em) {
    .es6-page .nio-power-cta-block {
        display: none;
    }
}

.es6-page .sections .sections__sidebar {
    z-index: 2;
    width: 27%;
}

@media (min-width:48em) {
    .es6-page .sections .sections__sidebar {
        left: 0;
    }
}

@media (min-width:64em) {
    .es6-page .sections .sections__sidebar {
        left: 4%;
    }
}

@media (min-width:75.6875em) {
    .es6-page .sections .sections__sidebar {
        left: 15%;
    }
}

@media (min-width:1921px) {
    .es6-page .sections .sections__sidebar {
        left: 16%;
    }
}

.es6-page .sections .sections__sidebar .sections__nav {
    max-width: 100%;
}

@media (min-width:64em) {
    .es6-page .sections .sections__sidebar .sections__nav .sections__menu {
        text-align: right;
        min-width: 140px;
    }
}

.es6-page .sections .section-item__inner {
    padding: 0;
}

@media (min-width:64em) {
    .es6-page .sections .section-item__inner {
        width: 100%;
    }
}

.es6-page .sections . {
    max-width: 100%;
}

.es6-page .es6-page--hero-two .hero__content,
.es6-page .es6-page--hero-three .hero__content,
.es6-page .es6-page--hero-four__section-one .hero__content,
.es6-page .es6-page--hero-four__section-two .hero__content,
.es6-page .es6-page--hero-four__section-three .hero__content,
.es6-page .es6-page--hero-five__section-one .hero__content,
.es6-page .es6-page--hero-five__section-two .hero__content,
.es6-page .es6-page--hero-six .hero__content,
.es6-page .es6-page--hero-seven .hero__content,
.es6-page .es6-page--hero-eight .hero__content,
.es6-page .es6-page--hero-nine .hero__content {
    height: 100%;
}

.es6-page .font-12 {
    font-size: 12px;
}

@media (min-width:64em) {
    .es6-page .app-block {
        padding: 40px 0 0 0;
    }
}

@media (min-width:64em) {
    .es6-page .app-block__wrapper {
        display: inline-block;
        width: 45%;
        margin-bottom: 85px;
        margin-left: 10%;
    }
}

@media (min-width:64em) {
    .es6-page .app-block__text {
        margin-left: 8%;
        margin-bottom: 0;
        padding-left: 0;
    }
}

.es6-page .app-block__title {
    margin: 0 auto;
    text-align: left;
    width: 88%;
}

@media (min-width:64em) {
    .es6-page .app-block__title {
        margin: 0;
        text-align: left;
        width: 88%;
    }
}

.es6-page .app-block__description {
    font-size: 24px;
    margin: 0 auto;
    text-align: left;
    width: 88%;
}

@media (min-width:64em) {
    .es6-page .app-block__description {
        font-size: 42px;
        margin: 0 0 15px 0;
        line-height: 1.5;
        width: 88%;
    }
}

.es6-page .app-block__image {
    margin-bottom: -5px;
    margin-top: 79px;
}

@media (min-width:64em) {
    .es6-page .app-block__image {
        display: inline-block;
        vertical-align: bottom;
    }
}

.es6-page .app-block__image img {
    max-width: 300px;
    margin-bottom: -4px;
}

@media (min-width:64em) {
    .es6-page .app-block__image img {
        max-width: 400px;
        margin-bottom: 0;
    }
}

.es6-page .app-block__buttons {
    margin-top: 70px;
}

@media (min-width:64em) {
    .es6-page .app-block__buttons {
        margin-top: 0;
        text-align: left;
        margin-left: 8%;
    }
}

.es6-page .app-block__buttons .app-block__qr {
    display: inline-block;
    width: 49%;
}

@media (min-width:64em) {
    .es6-page .app-block__buttons .app-block__qr {
        width: auto;
        margin-right: 2%;
    }
}

.es6-page .app-block__buttons .app-block__qr img {
    max-width: 110px;
    float: right;
    margin-right: 15%;
}

@media (min-width:64em) {
    .es6-page .app-block__buttons .app-block__qr img {
        margin-right: 0;
    }
}

.es6-page .app-block__appstore {
    display: inline-block;
    width: 49%;
    padding-bottom: 30px;
}

.es6-page .app-block__appstore img {
    max-width: 130px;
}

.es6-page .related-news . {
    margin-left: 20px;
    margin-right: 20px;
}

@media (min-width:64em) {
    .es6-page .related-news . {
        margin: 0 auto;
    }
}

.es6-page .related-news . .news-teaser__image {
    width: 100%;
}

.gallery-title {
    padding: 58px 0;
    text-align: center;
}

@media screen and (max-width:29.9375em) {
    .gallery-title {
        background: #E8F7F7;
        margin: 0;
        padding: 58px 0;
    }
}

.paragraph--with-padding {
    padding: 2% 2%;
}

@media (min-width:48em) {
    .paragraph--with-padding {
        padding: 1% 1%;
    }
}

.hero--with-padding {
    padding: 10px;
}

@media (min-width:64em) {
    .hero--with-padding {
        padding: 0;
    }
}

@media (min-width:767px) {
    .es6-page .es6-hero-1 a {
        position: absolute;
        bottom: 11vw;
        right: 3vw;
    }
    .es6-page .es6-hero-1 a:nth-of-type(2) {
        bottom: 3vw;
    }
}

@media (min-width:1023px) {
    .es6-page .es6-hero-1 a {
        bottom: 8vw;
    }
}

@media (min-width:1680px) {
    .es6-page .es6-hero-1 a {
        bottom: 8vw;
        right: -2vw;
    }
}

@media (min-width:1920px) {
    .es6-page .es6-hero-1 a:nth-of-type(2) {
        bottom: 8vw;
        margin-right: -240px;
    }
}

@media (max-width:480px) {
    .es6-page .es6-hero-1 a {
        position: absolute;
        left: 50%;
        margin-left: -105px;
        top: 182vw;
    }
    .es6-page .es6-hero-1 a:nth-of-type(2) {
        top: 198vw;
    }
}

.es6-page .es6-page--hero-three .cta-buttons {
    display: block;
}

.es6-page .variant-select .hero {
    color: black;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column {
    width: 100%;
    text-align: center;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column h4 {
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column p {
    font-size: 12px;
    margin-bottom: 0;
    text-align: center;
    line-height: 18px;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column p .price {
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
}

.es6-page .es6-page--hero-three .variant-selector .selector-column p .price .start {
    font-size: 20px;
}

@media (max-width:480px) {
    .es6-page .es6-page--hero-three .variant-selector .selector-column {
        width: 100%;
        text-align: left;
        position: relative;
    }
    .es6-page .es6-page--hero-three .variant-selector .selector-column h4 {
        text-align: left;
    }
    .es6-page .es6-page--hero-three .variant-selector .selector-column p {
        text-align: left;
    }
    .es6-page .es6-page--hero-three .variant-selector .selector-column p .price {
        position: absolute;
        top: 0;
        right: 0;
    }
    .es6-page .es6-page--hero-three .variant-selector .selector-column p .end {
        color: #9B9B9B;
        margin-top: -1rem;
        position: absolute;
    }
}

.es6-page .variant-select .hero .variant-hero {
    display: none;
    width: 80%;
    margin: 0 auto 3rem;
}

.es6-page .es6-page--hero-five__section-two .hero .mobile {
    margin-left: 0;
}

.es6-page .es6-page--hero-five__section-two .hero .mobile img {
    width: 100%;
}

.es6-page .variant-select .hero .variant-hero {
    width: 100%;
}

.es6-page .es8-hiden-mobile {
    display: block;
}

.es6-page .es6-page--hero-five__section-one .title {
    width: 100%;
}

@media (max-width:1023px) {
    .es6-page .es6-page--hero-five__section-one .title,
    .es6-page .es6-page--hero-five__section-two .title {
        width: 90%;
    }
    .es6-page .es8-hiden-mobile {
        display: none;
    }
}

.es6-page .pilot .animatedbtn__play {
    margin-top: 240px;
}

@media (min-width:48em) {
    .es6-page .pilot .animatedbtn__play {
        margin-top: 250px;
    }
}

.es6-page .nomi .hero__content {
    top: 36%;
}

.es6-page .btn--black-twilight {
    background: #000;
    border-color: black !important;
}

@media (max-width:480px) {
    .es6-page .nomi .btn {
        position: absolute;
        left: 1.3rem;
        top: 2rem;
    }
}

.es6-page .power-hero .hero__content {
    top: 25%;
}

@media (max-width:480px) {
    .es6-page .power-hero .hero__content {
        padding-left: 1.5rem;
        text-align: left;
    }
}

.es6-page .es6 .app-block {
    position: relative;
    overflow: hidden;
}

.es6-page .app-block__buttons {
    margin-top: 30px;
}

.es6-page .app-block__image {
    margin-top: 30px;
}

@media (min-width:64em) {
    .es6-page .app-block {
        padding: 0;
    }
    .es6-page .app-block__image {
        margin-top: 43px;
        width: 49.5%;
        text-align: center;
    }
    .es6-page .app-block__image img {
        max-width: 253px;
    }
}

@media (max-width:1023px) {
    .es6-page .app-block__title,
    .es6-page .app-block__description {
        text-align: center;
        font-weight: 100;
    }
    .es6-page .app-block__image img {
        max-width: 220px;
    }
    .es6-page .app-block__buttons {
        margin: 0 auto;
        margin-top: 30px;
        text-align: center;
    }
    .es6-page .app-block__buttons .app-block__qr {
        width: auto;
    }
    .es6-page .app-block__appstore {
        width: auto;
    }
}

@media (min-width:64em) {
    .es6-page .app-block__description {
        font-size: 36px;
        font-weight: 100;
    }
    .es6-page .app-block__wrapper {
        margin-left: 5%;
    }
}

.page-node-type-race .block-page-title-block {
    margin-top: 100px;
    display: block;
}

@media (min-width:64em) {
    .page-node-type-race .block-page-title-block {
        margin-top: 150px;
    }
}

.page-node-type-race .block-page-title-block .page-title {
    display: block;
}

.page-node-type-race {
    margin-top: 40px;
    margin-bottom: 40px;
}

#champ-tabs .champ__section-header {
    display: none;
    position: absolute;
    padding: 30px 30px 30px 55px;
    height: 106px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
}

@media (min-width:48em) {
    #champ-tabs .champ__section-header {
        display: inline-block;
    }
}

#champ-tabs .ui-widget-header {
    border: none;
    background: none;
}

#champ-tabs .champ-right,
#champ-tabs .champ-left {
    position: relative;
    background-color: #001a29;
}

@media mobile-landscape {
    #champ-tabs .champ-right,
    #champ-tabs .champ-left {
        display: block;
        padding-bottom: 40px;
    }
}

@media (min-width:64em) {
    #champ-tabs .champ-right,
    #champ-tabs .champ-left {
        display: inline-table;
        width: 50%;
        min-height: 822px;
        padding-top: 40px;
    }
}

#champ-tabs .champ-right h3,
#champ-tabs .champ-left h3 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 40px 0 20px 0;
    letter-spacing: 2px;
}

#champ-tabs .champ-right .tbl-row:nth-child(even),
#champ-tabs .champ-left .tbl-row:nth-child(even) {
    background: #003145;
}

@media (min-width:64em) {
    #champ-tabs .champ-left {
        width: 49.58%;
    }
}

@media tablet-desktop {
    #champ-tabs .champ-left {
        width: 49.73%;
    }
}

@media (min-width:48em) {
    #champ-tabs .champ-right .fe-tbl {
        height: 566px;
    }
}

@media (min-width:64em) {
    #champ-tabs .champ-right {
        background-color: #003145;
    }
    #champ-tabs .champ-right .tbl-row:nth-child(even) {
        background: #001a29;
    }
}

#champ-tabs .champ-tabs__main-nav {
    display: none;
    text-transform: uppercase;
}

@media (min-width:48em) {
    #champ-tabs .champ-tabs__main-nav {
        display: inline-block;
        margin: 24px 0 20px 0;
        width: 93%;
    }
}

@media (min-width:48em) {
    #champ-tabs .champ-tabs__main-nav li {
        float: right;
        margin: 0 10px;
    }
}

#champ-tabs .champ-tabs__main-nav .ui-tabs-anchor {
    padding: 0;
}

#champ-tabs .champ-tabs__main-nav .ui-tabs-active {
    border-bottom: 1px solid #13d4c8;
    padding-bottom: 5px;
}

#champ-tabs #standings {
    display: block;
    border-radius: unset;
}

@media (min-width:48em) {
    #champ-tabs #standings {
        display: none;
    }
}

#champ-tabs #standings .ui-tabs-nav {
    padding: 30px 0;
    margin-bottom: 0;
    text-align: center;
}

#champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor {
    border-color: #13d4c8;
    font-size: 12px;
    font-weight: 700;
    padding: 14px 23px 12px;
}

#champ-tabs #standings .ui-tabs-nav li {
    border-bottom: unset;
    float: unset;
}

#champ-tabs #standings .ui-tabs-nav li.ui-state-default {
    display: inline-block;
}

#champ-tabs #standings .ui-tabs-nav li.ui-tabs-active {
    display: none;
}

#champ-tabs #standings .ui-tabs-nav li:not(:last-child) {
    margin-right: unset;
}

#champ-tabs #standings .champ-standings {
    background: #001a29;
    border-radius: unset;
}

#champ-tabs #standings .champ-standings.ui-tabs {
    margin-top: 0;
}

@media (min-width:64em) {
    #champ-tabs #standings .champ-standings ul {
        display: none;
    }
}

#champ-tabs .fe-tbl {
    width: 100%;
}

@media (min-width:48em) {
    #champ-tabs .fe-tbl {
        width: 90%;
        margin: 0 auto;
    }
}

@media (min-width:64em) {
    #champ-tabs .fe-tbl {
        width: 80%;
        margin: 0 auto;
        max-width: 700px;
        padding-bottom: 50px;
        min-height: 622px;
    }
}

#champ-tabs .fe-tbl .tbl-header .col {
    color: #00bebe;
    text-transform: uppercase;
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
}

#champ-tabs .fe-tbl .tbl-header .col:first-child {
    padding-left: 4px;
}

#champ-tabs .fe-tbl .col {
    font-size: 12px;
    display: inline-block;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 10px 10px 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 100;
    letter-spacing: 1.5px;
}

@media (min-width:48em) {
    #champ-tabs .fe-tbl .col {
        font-size: 14px;
        float: none;
        margin-right: 0;
        padding: 14px 10px 10px 10px;
    }
}

#champ-tabs .fe-tbl .col:first-child {
    width: 10%;
    text-align: center;
}

#champ-tabs .fe-tbl .col:nth-child(2) {
    width: 68%;
}

#champ-tabs .fe-tbl .col:last-child {
    width: 16%;
    text-align: right;
}

#champ-tabs .fe-tbl .tbl-row {
    border-bottom: 1px solid #00263d;
}

#champ-tabs .fe-tbl .tbl-row.active {
    background: #00bebe;
}

#champ-tabs.ui-corner-all {
    border-radius: unset;
}

#champ-tabs.ui-tabs,
#champ-tabs .ui-tabs {
    margin-top: 0;
    padding: 0;
}

#champ-tabs.ui-tabs.ui-tabs-panel,
#champ-tabs.ui-tabs .ui-tabs-panel,
#champ-tabs .ui-tabs.ui-tabs-panel,
#champ-tabs .ui-tabs .ui-tabs-panel {
    padding: 0;
}

#champ-tabs .ui-widget-header {
    border: none;
    background: none;
}

.formulae-section {
    min-height: calc(100vh - 50px);
    overflow: hidden;
}

@media (min-width:64em) {
    .formulae-section {
        height: calc(100vh - 50px);
        min-height: auto;
    }
}

.formulae-section>.field--name-field-block-reference {
    height: 100%;
}

.formulae-section>.field--name-field-block-reference>.block {
    height: 100%;
}

.formulae-section .hero__title {
    text-shadow: 1px 1px 2px #666;
}

@media (min-width:64em) {
    .formulae-section--first {
        margin-bottom: 50px;
    }
}

.niohouse__app-block__downloadbtns {
    text-align: center;
}

@media (min-width:1024px) {
    .niohouse__app-block__downloadbtns {
        text-align: left;
    }
}

.niohouse__app-block__qr {
    display: block;
    width: 160px;
    margin: 0 auto 1em;
}

@media (min-width:768px) {
    .niohouse__app-block__qr {
        width: 150px;
        display: inline-block;
        margin: 0 auto;
    }
}

.niohouse__app-block__appstore {
    display: inline-block;
    max-width: 160px;
    height: auto;
}

@media (min-width:768px) {
    .niohouse__app-block__appstore {
        margin-left: 20px;
        margin-bottom: 50px;
    }
}

.niohouse__logo {
    max-width: 250px;
}

@media (min-width:768px) {
    .niohouse__logo {
        max-width: 330px;
    }
}

@media (min-width:1211px) {
    .niohouse__logo {
        max-width: 380px;
    }
}

.niohouse .app-block__image {
    text-align: center;
}

.niohouse .app-block__image img {
    width: 90%;
    max-width: 400px;
}

@media (min-width:768px) {
    .niohouse .app-block__image img {
        width: 70%;
    }
}

.niohouse .app-block__text {
    padding-left: 0;
}

.niohouse .app-block__inner {
    margin: 0 auto;
    width: 100%;
}

@media (min-width:768px) {
    .niohouse .app-block__inner {
        width: 80%;
    }
}

@media (min-width:1024px) {
    .niohouse .app-block__inner {
        width: 90%;
    }
}

.niohouse .app-block__title {
    white-space: nowrap;
    font-size: 21px;
}

@media (min-width:64em) {
    .niohouse .app-block__title {
        font-size: 28px;
    }
}

@media (min-width:75.6875em) {
    .niohouse .app-block__title {
        font-size: 36px;
    }
}

.nio-house-page .btn--aqua-reverse:hover {
    background: #00263c;
    color: #FFF;
    border-color: #00263c;
}

.nio-house-page .nio-house-map .nio-house-map__window .btn.btn--gray {
    display: none;
}

.nio-house-page p.nio-house-map__window-detail {
    font-size: 15px;
}

.nio-house-page .nio-house-map .nio-house-map__window .nio-house-map__window-title {
    font-size: 23px;
}

.nio-house-page .nio-house-map__house_list {
    background: #E6FAFA;
}

.nio-house-page .text-banner--center img.mobile--logo {
    width: 47.2vw;
    height: auto;
    margin: 0 auto;
}

.nio-house-page .nio-house-map__house_list {
    padding: 10px 10%;
}

.nio-house-page .nio-house-map__house_list ul li {
    height: 128px;
}

@media (min-width:768px) {
    .nio-house-page .text-banner--center img.mobile--logo {
        width: 22.5vw;
    }
}

.nio-house-page .field__item.item-id-2 .nio-house-block h3 {
    margin-top: 0;
    margin-bottom: 4%;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 24px;
}

@media (max-width:480px) {
    .nio-house-page .field__item.item-id-2 .nio-house-block h3 {
        font-size: 16px;
    }
}

@media (min-width:75.6875em) {
    .nio-house-page .text-banner--medium {
        height: 305px;
    }
}

.nio-house-item-page .toolbar-fixed .header {
    background-color: transparent;
}

.nio-house-item-page .btn--rounded.btn--black {
    border-color: #FFF;
    color: #FFF;
}

.nio-house-item-page .btn--rounded.btn--black:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #000;
}

@media (min-width:64em) {
    .nio-house-item-page .region-top-navigation .menu--level-0>li.menu__item>span,
    .nio-house-item-page .region-top-navigation .menu--level-0>li.menu__item>a {
        color: #FFF;
    }
    .nio-house-item-page .region-top-navigation .menu--level-0>li.menu__item--has-children:hover>span {
        color: #000;
    }
    .nio-house-item-page .region-top-navigation .menu--level-0>li.menu__item--has-children:after {
        background-image: url(/themes/nioweb/images/down-chevron-white.svg);
    }
    .nio-house-item-page .region-top-navigation .menu--level-0>li.menu__item--has-children:hover:after {
        background-image: url(/themes/nioweb/images/down-chevron-black.svg);
    }
    .nio-house-item-page .header.header--hidden {
        background-color: #000;
    }
    .nio-house-item-page .header:not(.header--animated) .header__logo svg g path {
        fill: #FFF;
    }
    .nio-house-item-page .header {
        background-color: transparent;
    }
}

@media (max-width:1024px) {
    .nio-house-item-page .gallery__item {
        width: 50%;
    }
}

.nio-power . {
    max-width: 85%;
    margin: 53px auto;
    text-align: center;
}

@media (min-width:48em) {
    .nio-power . {
        margin: 117px auto;
    }
}

.nio-power . h2 {
    line-height: 90px;
}

@media (min-width:48em) {
    .nio-power . h2 {
        line-height: 70px;
    }
}

.nio-power .hero--content-top .hero__content {
    top: 5%;
}

.nio-power .hero__text-content p {
    font-size: 16px;
    line-height: 22px;
}

.nio-power .app-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width:48em) {
    .nio-power .app-links a {
        margin: 0;
    }
}

@media (min-width:48em) {
    .nio-power .app-links a.nio-power__app-ios {
        margin-left: 40px;
    }
}

.nio-power .hero--powermap .hero__text h2 {
    line-height: 42px;
}

.nio-power .hero--powerswap .hero__content {
    padding-top: 0;
}

.nio-power .hero--powerswap .hero__content . {
    margin-top: 60px;
    height: 74%;
}

.nio-power .hero--powerswap .hero__content . .hero__text-content {
    margin-bottom: 10%;
    margin-top: 20%;
}

@media (min-width:480px) {
    .nio-power .hero--powerswap .hero__content . .hero__text-content {
        margin-bottom: 0;
        margin-top: 4%;
    }
}

@media (min-width:48em) {
    .nio-power .hero--powerswap .hero__content . .hero__text-content {
        margin-top: 6%;
    }
}

@media (min-width:64em) {
    .nio-power .hero--powerswap .hero__content . .hero__text-content {
        margin-bottom: 6%;
        margin-top: 0;
    }
    .nio-power .hero--powerswap .hero__content . .hero__text-content p {
        line-height: 42px;
    }
}

@media (min-width:1211px) {
    .nio-power .hero--powerswap .hero__content . .hero__text-content {
        margin-bottom: 10%;
    }
}

.nio-power .nio-power__hero-main {
    margin-top: 20%;
}

@media (min-width:480px) {
    .nio-power .nio-power__hero-main {
        margin-top: 10%;
    }
}

@media (min-width:48em) {
    .nio-power .nio-power__hero-main {
        margin-top: 2%;
    }
}

@media (min-width:64em) {
    .nio-power .nio-power__hero-main {
        margin-top: 5%;
    }
}

.nio-power .nio-power__hero-main h1 {
    font-size: 28px;
}

@media (min-width:64em) {
    .nio-power .nio-power__hero-main h1 {
        font-size: 48px;
    }
}

@media (min-width:48em) {
    .nio-power .hero--powerapp .hero__content,
    .nio-power .hero--powerhome .hero__content {
        width: 450px;
    }
}

.nio-power .hero--powermobile .hero__content {
    left: 0;
    top: 0;
}

@media (min-width:64em) {
    .nio-power .hero--powermobile .hero__content {
        left: 50%;
        top: 50%;
        height: 100%;
    }
}

.nio-power .hero--powermobile .hero__content . {
    margin-top: 0;
}

@media (min-width:64em) {
    .nio-power .hero--powermobile .hero__content . {
        margin-top: 53px;
    }
}

@media mobile-landscape {
    .nio-power .hero--powerapp .hero__text h2,
    .nio-power .hero--powerhome .hero__text h2 {
        white-space: nowrap;
    }
}

.nio-power .hero--powerapp .hero__content,
.nio-power .hero--powerhome .hero__content {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 20px;
    width: 100%;
}

.nio-power .hero--powerapp .hero__text-content,
.nio-power .hero--powerhome .hero__text-content {
    margin-top: -33px;
}

@media (min-width:480px) {
    .nio-power .hero--powerapp .hero__text-content,
    .nio-power .hero--powerhome .hero__text-content {
        margin-top: -7%;
        text-align: left;
    }
}

@media (min-width:48em) {
    .nio-power .hero--powerapp .hero__text-content,
    .nio-power .hero--powerhome .hero__text-content {
        margin-top: -14%;
    }
}

@media (min-width:64em) {
    .nio-power .hero--powerapp .hero__text-content,
    .nio-power .hero--powerhome .hero__text-content {
        margin-top: -4%;
    }
}

@media (min-width:75.6875em) {
    .nio-power .hero--powerapp .hero__text-content,
    .nio-power .hero--powerhome .hero__text-content {
        margin-top: -1%;
    }
}

@media (min-width:1921px) {
    .nio-power .hero--powerapp .hero__text-content,
    .nio-power .hero--powerhome .hero__text-content {
        margin-top: 9%;
    }
}

@media (min-width:48em) {
    .nio-power .hero--powermain .hero__content . {
        margin-top: 57px;
    }
}

@media (min-width:480px) {
    .nio-power .hero--powerapp .hero__text {
        width: 55%;
    }
}

@media (min-width:75.6875em) {
    .nio-power .hero--powerapp .hero__text {
        width: 35%;
    }
}

.nio-power .hero--powermain .hero__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    margin-top: 80px;
}

@media (min-width:480px) {
    .nio-power .hero--powermain .hero__title {
        font-size: 34px;
        line-height: 42px;
    }
}

@media (min-width:48em) {
    .nio-power .hero--powermain .hero__title {
        font-size: 54px;
        line-height: 60px;
        letter-spacing: 2px;
    }
}

@media (min-width:64em) {
    .nio-power .hero--powermain .hero__title {
        font-size: 65px;
        line-height: 65px;
        letter-spacing: 4px;
        margin-top: 100px;
    }
}

@media (min-width:75.6875em) {
    .nio-power .hero--powermain .hero__title {
        font-size: 84px;
        line-height: 92px;
        letter-spacing: 6px;
    }
}

.nio-power .nio-power__logo {
    margin-bottom: 10px;
    max-width: 210px;
}

@media (min-width:480px) {
    .nio-power .nio-power__logo {
        margin-bottom: 20px;
        max-width: 300px;
    }
}

@media (min-width:64em) {
    .nio-power .nio-power__logo {
        max-width: 330px;
    }
}

.nio-power .nio-power__spacer {
    width: 100%;
    height: 50px;
}

@media (min-width:64em) {
    .nio-power .nio-power__spacer {
        height: 72px;
    }
}

.nio-power .nio-power__stats--wrapper {
    width: 100%;
    margin: 50px auto 0;
    max-width: 700px;
}

.nio-power .nio-power__stats__intro-text--bold {
    font-size: 24px;
    font-weight: 600;
}

.nio-power .nio-power__stats__intro-text {
    font-size: 16px;
}

@media (min-width:64em) {
    .nio-power .nio-power__stats__intro-text {
        font-size: 24px;
    }
}

.nio-power .nio-power__stat {
    display: block;
    font-size: 12px;
    position: relative;
    width: 100%;
    margin: 40px auto;
}

@media (min-width:48em) {
    .nio-power .nio-power__stat {
        display: inline-block;
        font-size: 18px;
        margin: 0 10px 0 0;
        position: relative;
        width: 32%;
    }
}

@media (min-width:48em) {
    .nio-power .nio-power__stat:last-child {
        width: 31%;
        margin: 0;
    }
}

.nio-power .nio-power__stat svg {
    margin-bottom: 17px;
}

.nio-power .nio-power__stat--separator {
    border-left: none;
    border-top: 1px solid #d8d8d8;
    padding-top: 60px;
}

@media (min-width:48em) {
    .nio-power .nio-power__stat--separator {
        border-left: 1px solid #d8d8d8;
        border-top: none;
        padding-top: 0;
    }
}

.nio-power .nio-power__stat--text-middle {
    position: absolute;
    top: 49%;
    left: 0;
    width: 100%;
}

@media (min-width:48em) {
    .nio-power .nio-power__stat--text-middle {
        font-size: 20px;
        top: 23%;
    }
}

.nio-power .nio-power__stat--text-last {
    position: absolute;
    top: 47%;
    left: 0;
    width: 100%;
}

@media (min-width:48em) {
    .nio-power .nio-power__stat--text-last {
        font-size: 20px;
        top: 18%;
    }
}

.nio-power .text-banner--nio-power__app-banner .text-banner--header {
    margin-bottom: 0;
}

.nio-power .text-banner--nio-power__app-banner .text-banner--text {
    margin-top: 0;
}

.nio-power .text-banner--nio-power__app-banner .app-links {
    margin: 60px auto 20px;
}

@media (min-width:48em) {
    .nio-power .text-banner--nio-power__app-banner .app-links {
        margin-bottom: 0;
    }
}

.nio-power .text-banner--nio-power__app-banner .app-link--qr img {
    max-width: 120px;
}

.nio-power .text-banner--nio-power__app-banner .app-link--appstore {
    max-width: 160px;
}

.nio-power__map .hero__content {
    top: 30%;
}

@media (min-width:48em) {
    .nio-power__map .hero__content {
        top: 38%;
    }
}

@media screen and (max-width:47.9375em) {
    .text-banner--nio-power__app-banner .text-banner--header p,
    .hero--powerapp .hero__text h2,
    .hero--powerhome .hero__text h2,
    .hero--powermobile .hero__text h2,
    .nio-power__map .hero__text h2,
    .powerswap--text {
        font-weight: 700;
    }
}

@media (min-width:48em) {
    .text-banner--nio-power__app-banner .nio-power__app-ios,
    .text-banner--nio-power__app-banner .nio-power__app-android {
        display: inline-block;
        vertical-align: middle;
    }
}

.text-banner--nio-power__app-banner .nio-power__app-android {
    margin-left: 0;
}

.text-banner--nio-power__app-banner .nio-power__app-ios {
    margin-bottom: 40px;
}

@media (min-width:48em) {
    .text-banner--nio-power__app-banner .nio-power__app-ios {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@font-face {
    .nio-power {
        font-family: 'BlueSkyStandard-Light';
        src: url("/themes/nioweb/fonts/BlueSkyStandard-Light.eot");
        src: url("/themes/nioweb/fonts/BlueSkyStandard-Light.woff") format("woff"), url("/themes/nioweb/fonts/BlueSkyStandard-Light.ttf") format("truetype"), url("/themes/nioweb/fonts/BlueSkyStandard-Light.svg") format("svg");
    }
}

.nio-power .slick--small-dots .slick-dots li button {
    background-color: #000;
}

.nio-power .carousel--full-screen .slick-dots {
    padding: 0;
}

.nio-power .btn--small {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.nio-power .btn--black {
    borde-color: #000;
    background: transparent;
    color: #000;
}

.nio-power .btn--black:hover {
    background: #000;
    color: #FFF;
}

.nio-power .bottom--line {
    display: block;
    width: 80px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#00bebe), to(rgba(0, 190, 190, 0)));
    background: -o-linear-gradient(left, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
    background: linear-gradient(90deg, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
    margin: 35px 0 25px;
}

.nio-power .block-title-box {
    position: absolute;
    top: 4.166vw;
    left: 4.166vw;
    width: 33rem;
    color: white;
    text-align: left;
}

.nio-power .block-title-box h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 36px;
    width: 33rem;
    position: relative;
}

.nio-power .block-title-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.nio-power .power-gallery {
    width: 83.333%;
    margin: 100px auto 40px;
}

.nio-power .cbox--gallery #cboxLoadedContent picture img {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 100% !important;
    width: auto !important;
    margin-left: 50%;
}

.nio-power h2.gradient {
    background-image: -webkit-linear-gradient(left, #004b64 30%, #00bebe 70%);
    font-family: 'BlueSkyStandard-Light', Palatino, Arial, sans-serif, "Microsoft Yahei";
    color: #000f16;
    text-align: center;
    margin-top: 51px;
    font-size: 40px;
    font-weight: 200;
    line-height: 60px;
    margin-bottom: 30px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nio-power p.intro-text {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    padding: 0 15.2%;
    font-weight: 400;
}

.nio-power .big-icon {
    position: relative;
    display: inline-block;
    width: 11.111vw;
    height: 11.111vw;
    border-radius: 50%;
    margin: 0;
}

.nio-power .icon-1 {
    background: #FFF url(//www.nio.cn/ecs/prod/s3fs-public/inline-images/icon_01_1.png) no-repeat center center/6.666vw auto;
}

.nio-power .icon-2 {
    background: #FFF url(//www.nio.cn/ecs/prod/s3fs-public/inline-images/icon_02_0.png) no-repeat center center/6.666vw auto;
}

.nio-power .icon-3 {
    background: #FFF url(//www.nio.cn/ecs/prod/s3fs-public/inline-images/icon_03_0.png) no-repeat center center/6.666vw auto;
}

.nio-power .icon-4 {
    background: #FFF url(//www.nio.cn/ecs/prod/s3fs-public/inline-images/icon-4.png) no-repeat center center/40px 40px;
}

.nio-power .icon-5 {
    background: #FFF url(//www.nio.cn/ecs/prod/s3fs-public/inline-images/icon-5.png) no-repeat center center/40px 40px;
}

.nio-power .icon-6 {
    background: #FFF url(//www.nio.cn/ecs/prod/s3fs-public/inline-images/icon-6.png) no-repeat center center/40px 40px;
}

.nio-power .big-icon span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    bottom: -3rem;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #54585A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}

.nio-power .icons {
    width: 67.5%;
    margin: 50px auto 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nio-power .icons .icon-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nio-power .icons .icon-item span {
    margin-top: 2rem;
}

.nio-power .item-id-2 .paragraph {
    background-color: #F0F1F2;
}

.nio-power .power-logo {
    display: inline-block;
}

.nio-power .power-logo img {
    width: 149px;
    height: 22px;
}

.nio-power .power-logo span {
    display: inline-block;
    font-weight: lighter;
    font-size: 40px;
    color: #000F16;
    letter-spacing: 0;
    line-height: 50px;
}

.nio-power .small-icon {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    border: 1px solid #00bebe;
    border-radius: 50%;
    margin: 0 auto;
    border-radius: 50%;
}

.nio-power .small-icon span {
    position: absolute;
    display: inline-block;
    left: 5.7vw;
    top: 50%;
    margin-top: -10px;
    font-weight: 400;
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;
    width: 5rem;
}

.nio-power .icon-box {
    width: 90%;
    padding-top: 80px;
    margin: 0 auto;
}

.nio-power .icon-box .icon-item {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

.nio-power .table--show {
    display: block;
}

.nio-power .mobile--show {
    display: none;
}

.nio-power .nio-power-video {
    width: 83.333%;
    margin: 0 auto;
    padding: 54px 0 0;
    position: relative;
}

.nio-power .nio-power-video video {
    width: 100%;
    height: auto;
    position: static !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

@media (min-width:64em) {
    .nio-power .small-icon span {
        margin-left: 1rem;
    }
}

@media (max-width:480px) {
    .nio-power h2.gradient {
        text-align: left;
        padding-left: 1rem;
        font-size: 32px;
        line-height: 48px;
    }
    .nio-power .icon-box .icon-item {
        width: 63%;
        margin-top: 1rem;
    }
    .nio-power .mobile--show {
        display: block;
    }
    .nio-power .table--show {
        display: none;
    }
    .nio-power p.intro-text {
        font-size: 16px;
        line-height: 32px;
        padding: 0 1rem;
        text-align: left;
    }
    .nio-power .icons {
        width: 100%;
        margin: 50px auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .nio-power .icons .icon-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
    .nio-power .icons .icon-item span {
        margin: 0;
    }
    .nio-power .big-icon {
        width: 25.6vw;
        height: 25.6vw;
        background-size: 12.8vw auto;
        margin: 3vw 6vw 3vw 5.333vw;
    }
    .nio-power .big-icon span {
        width: 40vw;
        left: 30vw;
        bottom: 38px;
        font-size: 14px;
        text-align: left;
        line-height: 20px;
    }
    .nio-power .block-title-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 11.18vw 4.16vw 0 4.16vw;
        text-align: left;
    }
    .nio-power .block-title-box h2 {
        font-weight: 300;
        font-size: 32px;
        line-height: 24px;
        width: 100%;
    }
    .nio-power .block-title-box p {
        font-size: 14px;
        line-height: 24px;
    }
    .nio-power .btn--black:hover {
        borde-color: #000;
        background: transparent;
        color: #000;
    }
}

.nio-power .carousel--full-screen {
    height: auto;
}

.nio-power .carousel--full-screen.carousel--full-img .carousel__item img {
    height: auto;
}

@media (min-width:1024px) {
    .nio-power .field__item.item-id-1 .image-paragraph {
        margin-top: 50px;
    }
}

.nio-power .img-block-2 .image-paragraph__text {
    max-width: none;
    width: 100%;
    position: absolute;
    height: 100%;
}

.nio-power .img-block-2 .image-paragraph__text .field--name-field-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.nio-power .img-block-2 .image-paragraph__text h2 {
    text-align: left;
    font-size: 40;
    line-height: 32px;
    font-weight: lighter;
    padding-left: 5vw;
    padding-top: 4.8vw;
}

.nio-power .img-block-2 .image-paragraph__text .field--name-field-text p {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: left;
    padding-left: 5vw;
    padding-bottom: 2vw;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}

@media (max-width:480px) {
    .nio-power .img-block-2 .image-paragraph__text h2 {
        text-align: left;
        font-size: 32px;
        line-height: 24px;
        font-weight: lighter;
        padding-left: 2rem;
    }
    .nio-power .img-block-2 .image-paragraph__text .field--name-field-text p {
        padding-left: 2rem;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
    }
}

.nio-power .block-title-link {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #fff;
}

.nio-power .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.nio-power .icon-box .icon-items span {
    display: inline-block;
    height: 80px;
    line-height: 80px;
    vertical-align: top;
}

.nio-power .icon-box .power-logo {
    margin-right: 3rem;
}

.nio-power .icon-box .power-logo span {
    display: inline-block;
    line-height: 80px;
}

.nio-power .icon-box .icon-items {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nio-power .icon-box .icon-items span {
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 0;
    margin-left: 20px;
}

.nio-power .icon-box .icon-items .icon-item {
    width: 189px;
    margin-right: 104px;
}

@media (max-width:1397px) {
    .nio-power .icon-box .icon-items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .nio-power .icon-box .icon-items .icon-item {
        margin-right: 0;
    }
}

@media (max-width:597px) {
    .nio-power .icon-box .power-logo {
        margin-right: 0;
    }
    .nio-power .icon-box .power-logo span {
        font-size: 32px;
        color: #000F16;
        letter-spacing: 0;
    }
    .nio-power .icon-box .icon-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }
    .nio-power .icon-box .icon-items .icon-item {
        margin-bottom: 40px;
        width: 100%;
    }
    .nio-power .icon-box .icon-items .icon-item:last-child {
        margin-bottom: 0;
    }
    .nio-power .icon-box .icon-items span {
        margin-left: 30px;
    }
}

.nio-power .multiple-img-box {
    width: 90vw;
    height: 49.3vw;
    margin: 50px auto 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nio-power .left-img-box,
.nio-power .right-img-box {
    width: 24.2vw;
    height: 49.3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nio-power .left-img-box img,
.nio-power .right-img-box img {
    height: 24.2vw;
}

.nio-power .center-img-box,
.nio-power .center-img-box img {
    width: 39.6vw;
    height: 49.3vw;
    margin: 0;
}

@media (max-width:480px) {
    .nio-power .multiple-img-box {
        width: 88vw;
        height: auto;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .nio-power .multiple-img-box .left-img-box,
    .nio-power .multiple-img-box .right-img-box {
        width: 42.6vw;
        height: 88vw;
    }
    .nio-power .multiple-img-box .left-img-box img,
    .nio-power .multiple-img-box .right-img-box img {
        height: 42.6vw;
        width: 42.6vw;
    }
    .nio-power .center-img-box,
    .nio-power .center-img-box img {
        width: 88vw;
        height: 88vw;
        margin: 0;
        margin-bottom: 3vw;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.nio-power .image-paragraph__text {
    color: #fff;
    max-width: 100%;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-left: 5vw;
    padding-top: 4.8vw;
}

@media (max-width:480px) {
    .nio-power .block-title-box {
        width: 100%;
    }
}

.nio-power .block-title-link {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #fff;
}

.nio-power .image-paragraph__text {
    color: #fff;
    max-width: 100%;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-left: 5vw;
    padding-top: 4.8vw;
}

@media (max-width:480px) {
    .nio-power .block-title-box {
        width: 100%;
    }
}

.nio-power .hero__inner .hero-p {
    position: absolute;
    width: 100%;
    bottom: -42vw;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

@media (max-width:480px) {
    .nio-power .power-gallery {
        width: 83.333%;
        margin: 0 auto 40px;
    }
    .nio-power .hero__inner .hero-p {
        left: -27vw;
        bottom: -81vw;
        font-size: 14px;
        line-height: 24px;
    }
}

.nio-power .hero-notes-box {
    width: 83.333%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.nio-power .notes-content {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.nio-power .notes-title {
    padding-left: 1rem;
    margin-right: 133px;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nio-power .notes-title img {
    width: 10.347vw;
}

.nio-power .notes-title span {
    font-weight: 300;
    font-size: 40px;
    color: #000F16;
    letter-spacing: 0;
    line-height: 50px;
}

.nio-power .notes-content p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}

.nio-power .notes-footer {
    margin: 50px auto 90px;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nio-power .notes-footer img {
    width: 27.638vw;
    height: 17.222vw;
    display: inline-block;
}

@media (max-width:1318px) {
    .nio-power .notes-title {
        padding-left: 0;
    }
    .nio-power .notes-title .bottom--line {
        display: block;
    }
}

@media (max-width:480px) {
    .nio-power .notes-title img {
        width: 32.5vw;
    }
    .nio-power .notes-footer img {
        width: 100%;
        height: 55.733vw;
        margin-bottom: 2px;
    }
    .nio-power .notes-footer {
        margin: 40px auto;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .nio-power .hero-notes-box .notes-title span {
        font-size: 32px;
        line-height: 48px;
    }
}

.nio-power .power-car-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nio-power .block-title-box {
    position: absolute;
    top: 4.8vw;
    left: 5vw;
}

.nio-power .img-big {
    width: 71.5vw;
    height: 50vw;
}

.nio-power .right--img--box {
    width: 28.5vw;
    height: 50vw;
}

.nio-power .right--img--box .img-small {
    width: 28.47vw;
    height: 16.666vw;
}

.nio-power .right--img--box .img-small:last-child {
    height: 16.67vw;
}

.nio-power .white-power-logo span {
    display: block;
    color: #FFF;
}

.nio-power .foot-notes {
    position: absolute;
    top: 46vw;
    left: 5vw;
    text-align: left;
    color: #FFF;
    font-size: 16px;
    line-height: 28px;
}

@media (max-width:480px) {
    .nio-power .block-title-box {
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (max-width:768px) {
    .nio-power .power-car-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .nio-power .power-car-box .img-big {
        width: 100vw;
        height: 128vw;
    }
    .nio-power .power-car-box .img-main-big {
        width: 100vw;
        height: 69.896vw;
    }
    .nio-power .right--img--box {
        width: 100vw;
        height: auto;
    }
    .nio-power .right--img--box .img-small,
    .nio-power .right--img--box .img-small:last-child {
        width: 100vw;
        height: 58.666vw;
    }
    .nio-power .foot-notes {
        top: 115vw;
        left: 5vw;
        font-size: 14px;
        line-height: 24px;
    }
    .nio-power .power-car-box img {
        float: none;
    }
}

@media (max-width:480px) {
    .nio-power .block-title-box .power-logo span {
        font-size: 32px;
        line-height: 48px;
    }
}

.nio-power .nio-power-banner {
    width: 83.333%;
    margin: 0 auto;
    padding: 0 0 48px;
}

.nio-power .nio-power-banner-img-wrap {
    width: 100%;
    margin: 0 auto;
}

.nio-power .nio-power-banner-text {
    margin: 62px 0;
    position: relative;
}

.nio-power .nio-power-banner-text p {
    margin: 0;
    color: #000F16;
}

.nio-power .nio-power-banner-text__left {
    margin: 0;
    font-size: 32px;
    color: #000F16;
    line-height: 36px;
    font-weight: 300;
    white-space: normal;
    padding-left: 1rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nio-power .nio-power-banner-text__right {
    font-size: 14px;
    line-height: 32px;
    padding-left: 450px;
    width: 100%;
}

.nio-power .nio-power-banner-img-gallery {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nio-power .nio-power-banner-img-gallery img {
    width: 27.638vw;
    height: 17.222vw;
    vertical-align: middle;
    display: inline-block;
}

.nio-power .bottom--line.nio-power-banner-line {
    display: none;
}

@media (max-width:1023px) {
    .nio-power .nio-power-banner-text__left {
        position: static;
        padding-left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .nio-power .nio-power-banner-text__right {
        padding-left: 0;
    }
    .nio-power .bottom--line.nio-power-banner-line {
        display: block;
    }
}

@media (max-width:480px) {
    .nio-power .nio-power-banner {
        margin: 0 auto;
        padding: 35px 0;
        width: 83.333%;
    }
    .nio-power .nio-power-banner-text {
        display: block;
        margin: 43px 0;
        padding: 0;
    }
    .nio-power .nio-power-banner-text__left {
        font-size: 32px;
        color: #000F16;
        line-height: 24px;
        white-space: normal;
        position: static;
        padding-left: 0;
    }
    .nio-power .nio-power-banner-text__right {
        font-size: 14px;
        color: #000f16;
        line-height: 24px;
        padding-left: 0;
    }
    .nio-power .nio-power-banner-img-gallery {
        width: 100%;
        display: block;
    }
    .nio-power .nio-power-banner-img-gallery img {
        width: 100%;
        height: auto;
        margin-top: 2px;
    }
    .nio-power .nio-power-banner-img-gallery img:first-child {
        margin-top: 0px;
    }
    .nio-power .nio-power-banner-line {
        display: block;
    }
}

.nio-power .text--teal {
    color: #00bebe;
}

.nio-power .learn-more {
    margin: 1rem auto 2rem;
}

.nio-power .nio-power-footer {
    width: 100%;
}

.nio-power .footer-item {
    padding: 0 5vw;
}

.nio-power .nio-power-footer .footer-item {
    position: relative;
    display: inline-block;
    width: 49.5%;
    color: #000f12;
    vertical-align: top;
}

.nio-power .footer-icon-item img {
    width: 8.333vw;
    height: 8.333vw;
    margin: 0 2rem 0 0;
}

.nio-power .footer-item-title-box {
    padding-top: 3.5vw;
    width: 100%;
    color: #000f12;
    text-align: left;
}

.nio-power .footer-item-title-box p {
    font-size: 14px;
}

.nio-power .footer-item-title h2 {
    font-weight: 300;
    font-size: 40px;
    line-height: 36px;
}

.nio-power .footer-item-title p {
    color: #000f16;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.nio-power .footer-icon-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 2rem;
}

.nio-power .footer-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.nio-power .icon-notes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nio-power .icon-notes p {
    margin-bottom: 0;
    text-align: left;
    font-size: 12px;
}

.nio-power .icon-notes p strong {
    font-size: 14px;
}

.nio-power .footer-price-text {
    margin-top: 3rem;
    font-size: 14px;
    line-height: 24px;
}

.nio-power .nio-power-footer .footer-item {
    text-align: left;
}

.nio-power .span-inline-block {
    white-space: nowrap;
    display: inline-block;
}

@media (max-width:480px) {
    .nio-power .footer-item-title-box {
        padding-top: 7.5vw;
    }
    .nio-power .nio-power-footer .footer-item {
        padding-bottom: 3rem;
        width: 90%;
        border-bottom: 2px solid #F4F4F4;
        text-align: center;
    }
    .nio-power .footer-icon-item {
        margin-bottom: 2rem;
        max-width: 100%;
        text-align: left;
        width: 100%;
    }
    .nio-power .footer-icon-item img {
        width: 32vw;
        height: 32vw;
    }
    .nio-power .icon-notes p {
        margin-bottom: 0;
        text-align: left;
    }
    .nio-power .nio-power-footer {
        text-align: center;
    }
    .nio-power .footer-icons {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .nio-power .mobile--block {
        display: block;
    }
    .nio-power .nio-power-footer .footer-item:last-child {
        border-bottom: none;
    }
    .nio-power .footer-price-text {
        text-align: center;
    }
}

.home-page {}

.home-page .es6-main {
    position: relative;
    width: 100%;
    height: 48.611%;
    margin: 0;
    padding: 0;
    margin-top: -1px;
    background: url("/ecs/prod/s3fs-public/inline-images/input-bg_0.jpg") no-repeat top left/100%;
}

.home-page .btn.btn--white.btn.btn-white-active {
    background: white;
    color: black;
}

.home-page .es6-main .form-btn-submit {
    color: #FFF;
    background-color: #939393;
    padding: 8px 50px;
    border: 1px solid #939393;
    border-radius: 100px;
}

.home-page .es6-main .form-btn-submit.active {
    color: #FFF;
    background-color: #000;
    border: 1px solid #000;
}

.home-page .es6-main .form-btn-submit.active:hover {
    color: #FFF;
    background-color: #000;
    border: 1px solid #000;
}

.home-page .es6-main .logo-box .btns a {
    display: inline-block;
    margin-top: 20px;
    border-bottom: 1px solid #FFF;
    font-size: 16px;
    text-decoration: none;
    color: white;
}

.home-page .es6-main .mobile-show {
    display: none;
}

.home-page .es6-main .first-button {
    display: inline-block;
}

.home-page .es6-main .two-button {
    display: inline-block;
}

.home-page .es6-main .input {
    position: relative;
    width: 100%;
}

.home-page .es6-main img {
    width: 100%;
    top: 0;
    left: 0;
}

.home-page .es6-main .input-box {
    display: none;
    opacity: 0;
    position: absolute;
    width: 300px;
    top: 50%;
    left: 9.791%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 2;
}

.home-page .es6-main .input-box .back {
    display: inline-block;
    width: 28px;
    height: 11px;
    margin-bottom: 50px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMzAgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hcnJvdyBDb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkVTNi1sZWFkcy1kZXNrdG9wLUNOLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDEuMDAwMDAwLCAtMTAyLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjOTM5Nzk5IiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3ctQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2LjUwMDAwMCwgMTA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTU2LjUwMDAwMCwgLTEwOS4wMDAwMDApIHRyYW5zbGF0ZSgxNDIuMDAwMDAwLCAxMDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw2LjI1IEwyOCw2LjI1IiBpZD0iUGF0aC0yIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuMDAwMDAwLCA2LjAwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0yMy4wMDAwMDAsIC02LjAwMDAwMCkgIiBwb2ludHM9IjE5IDIgMjcgMiAyNyAxMCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat center center/100% 100%;
}

.home-page .es6-main .input-box .back:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMzAgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hcnJvdyBDb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkVTNi1sZWFkcy1kZXNrdG9wLUNOLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDEuMDAwMDAwLCAtMTAyLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3ctQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2LjUwMDAwMCwgMTA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTU2LjUwMDAwMCwgLTEwOS4wMDAwMDApIHRyYW5zbGF0ZSgxNDIuMDAwMDAwLCAxMDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw2LjI1IEwyOCw2LjI1IiBpZD0iUGF0aC0yIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuMDAwMDAwLCA2LjAwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0yMy4wMDAwMDAsIC02LjAwMDAwMCkgIiBwb2ludHM9IjE5IDIgMjcgMiAyNyAxMCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat center center/100% 100%;
}

.home-page .es6-main .input-box .sms_code {
    position: relative;
}

.home-page .es6-main .input-box .sms_code .send-code {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    font-size: 12px;
    line-height: 20px;
    color: #FF231E;
}

.home-page .es6-main .input-box .input-title {
    color: #FFF;
}

.home-page .es6-main .input-box .input-title h5 {
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 10px;
}

.home-page .es6-main .input-box .ui-select-title {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDggNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJFUzYtbGVhZHMtZGVza3RvcC1DTi1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDA0LjAwMDAwMCwgLTQwMS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTQxMC4wMzU1MzQsNDAxLjAzNTUzNCBMNDA2LjAzNTUzNCw0MDEuMDM1NTM0IEw0MDYuMDM1NTM0LDQwNS4wMzU1MzQgTDQwNS4wMzU1MzQsNDA1LjAzNTUzNCBMNDA1LjAzNTUzNCw0MDAuMDM1NTM0IEw0MTAuMDM1NTM0LDQwMC4wMzU1MzQgTDQxMC4wMzU1MzQsNDAxLjAzNTUzNCBaIiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MDcuNTM1NTM0LCA0MDIuNTM1NTM0KSByb3RhdGUoLTEzNS4wMDAwMDApIHRyYW5zbGF0ZSgtNDA3LjUzNTUzNCwgLTQwMi41MzU1MzQpICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat right center;
    background-size: 5%;
}

.home-page .es6-main .input-box .ui-select-list {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 180px;
    background: #000;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #fff;
    border-top: none;
    z-index: 2;
}

.home-page .es6-main .input-box .ui-select-list a {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 0.1rem 0.1rem 0.1rem 1rem;
    color: #fff;
    text-decoration: none;
}

.home-page .es6-main .input-box .active.ui-select .ui-select-title {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJFUzYtbGVhZHMtZGVza3RvcC1DTi1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDA0LjAwMDAwMCwgLTQ1NS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTQxMC4wMzU1MzQsNDU3LjAzNTUzNCBMNDA2LjAzNTUzNCw0NTcuMDM1NTM0IEw0MDYuMDM1NTM0LDQ2MS4wMzU1MzQgTDQwNS4wMzU1MzQsNDYxLjAzNTUzNCBMNDA1LjAzNTUzNCw0NTYuMDM1NTM0IEw0MTAuMDM1NTM0LDQ1Ni4wMzU1MzQgTDQxMC4wMzU1MzQsNDU3LjAzNTUzNCBaIiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MDcuNTM1NTM0LCA0NTguNTM1NTM0KSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTQwNy41MzU1MzQsIC00NTguNTM1NTM0KSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat right center;
    background-size: 5%;
}

.home-page .es6-main .input-box .active.ui-select .ui-select-list {
    display: block;
}

.home-page .es6-main .input-box input[type=submit] {
    margin: 2rem auto 2rem 0;
}

.home-page .es6-main .input-box .tips {
    position: absolute;
    display: none;
    left: 10%;
    top: 50%;
    width: 80%;
    font-size: 16px;
    margin-top: -30px;
    padding: 20px 0;
    border-radius: 5px;
    text-align: center;
    line-height: 24px;
    background: rgba(255, 255, 255, 0.9);
}

.home-page .es6-main .input-box .form-success {
    display: none;
    color: #FFF;
    text-align: left;
}

.home-page .es6-main input:focus {
    outline: none;
}

.home-page .es6-main input[type=text],
.home-page .es6-main .ui-select-title {
    height: 55px;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #FFF;
    width: 100%;
    background: transparent;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.home-page .es6-main .ui-select-title {
    line-height: 55px;
}

.home-page .es6-main input::-webkit-input-placeholder {
    color: #FFF;
}

.home-page .es6-main input:-moz-placeholder {
    color: #FFF;
}

.home-page .es6-main input::-moz-placeholder {
    color: #FFF;
}

.home-page .es6-main input:-ms-input-placeholder {
    color: #FFF;
}

.home-page .es6-main input::-ms-clear,
.home-page input::-ms-reveal {
    display: none;
}

.home-page .es6-main .app-link--appstore img {
    width: 170px;
    margin-bottom: 70px;
}

.home-page .es6-main .form-success .btn {
    margin: 0;
}

.home-page .es6-main label:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 20px;
    position: absolute;
    left: -40px;
    top: 0;
    background: url(/ecs/prod/s3fs-public/inline-images/nocheck.png) no-repeat 0 0/20px 20px;
    -webkit-transition: background 0.5s linear;
}

.home-page .es6-main input[type='checkbox']:checked+label:before {
    background: url(/ecs/prod/s3fs-public/inline-images/check.png) no-repeat 0 0/20px 20px;
}

.home-page .es6-main .checkbox-item {
    padding-left: 2em;
}

.home-page #must_be {
    opacity: 0;
    width: 0;
    height: 0;
}

.home-page #must_be+label {
    position: relative;
    line-height: 55px;
    cursor: pointer;
}

.home-page #must_be+label a {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
}

.home-page .es6-main .middle-bg,
.home-page .es6-main .little-bg {
    display: none !important;
}

.home-page .es6-main .logo-box {
    position: absolute;
    top: 22%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home-page .es6-main .logo-box p {
    margin: 0 auto 10px;
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 1.33px;
    text-align: center;
    line-height: 42px;
}

.home-page .es6-main .logo-box p:nth-of-type(2) {
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: 7.5px;
}

.home-page .es6-main .table-show2 {
    width: 449px;
    margin: 0 auto;
    text-align: center;
}

.home-page .es6-main .form-success .form-success-app h4 {
    margin-bottom: 70px;
    line-height: 32px;
}

.home-page .es6-main .form-success .btn--black,
.home-page .es6-main .form-success .fe-desc {
    display: none;
}

@media (max-width:1280px) {
    .home-page .es6-main .input-box .back {
        margin-bottom: 20px;
    }
    .home-page .es6-main .input-box input[type=submit] {
        margin: 0;
    }
}

@media screen and (min-width:768px) and (max-width:1180px) {
    .home-page .es6-main .big-bg {
        display: none !important;
    }
    .home-page .es6-main .middle-bg {
        display: block !important;
    }
    .home-page .es6-main .logo-box {
        top: 12%;
        width: 80%;
    }
    .home-page .es6-main {
        background-image: url(/ecs/prod/s3fs-public/inline-images/FE-from-middle-bg.jpg);
    }
    .home-page .es8-banner-block-item .image-paragraph__text .title-3 {
        display: none;
    }
    .home-page .es6-main .input-box .input-title h5 {
        font-size: 16px;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 32px;
        margin-bottom: 0;
    }
}

@media screen and (max-width:1024px) {
    .home-page .es6-main .form-success .form-success-app h4 {
        margin-bottom: 30px;
    }
    .home-page .es6-main .app-link--appstore img {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:767px) {
    .home-page .es6-main .input-box {
        display: block;
    }
    .home-page .es6-main .big-bg,
    .home-page .es6-main .middle-bg {
        display: none !important;
    }
    .home-page .es6-main .little-bg {
        display: block !important;
    }
    .home-page .es6-main {
        width: 100%;
        background-image: none;
    }
    .home-page .est-main .little-bg {
        display: none;
    }
    .home-page .es6-main .app-link--appstore img {
        width: 50%;
        margin: 0 auto;
    }
    .home-page .es6-main .input-box input[type=submit] {
        display: block;
        margin: 2rem auto 20px;
    }
    .home-page .es6-main .mobile-show {
        display: block;
    }
    .home-page .es6-main a.mobile-show {
        width: 4rem;
        border-bottom: 1px solid #000;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
    }
    .home-page .es6-main .input-box {
        opacity: 1;
        position: static;
        width: 80%;
        margin: 3rem auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .home-page .es6-main .input-box .back {
        display: none;
    }
    .home-page .es6-main .input-box .sms_code {
        position: relative;
    }
    .home-page .es6-main .input-box .sms_code .send-code {
        color: #00bebe;
    }
    .home-page .es6-main .input-box .input-title {
        color: #000016;
    }
    .home-page .es6-main .input-box .input-title h5 {
        color: #000016;
    }
    .home-page .es6-main .input-box .ui-select-title {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDggNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJFUzYtbGVhZHMtTUItRU4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTkuMDAwMDAwLCAtOTAyLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzA1LjAzNTUzNCw5MDIuMDM1NTM0IEwzMDEuMDM1NTM0LDkwMi4wMzU1MzQgTDMwMS4wMzU1MzQsOTA2LjAzNTUzNCBMMzAwLjAzNTUzNCw5MDYuMDM1NTM0IEwzMDAuMDM1NTM0LDkwMS4wMzU1MzQgTDMwNS4wMzU1MzQsOTAxLjAzNTUzNCBMMzA1LjAzNTUzNCw5MDIuMDM1NTM0IFoiIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMi41MzU1MzQsIDkwMy41MzU1MzQpIHJvdGF0ZSgtMTM1LjAwMDAwMCkgdHJhbnNsYXRlKC0zMDIuNTM1NTM0LCAtOTAzLjUzNTUzNCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat right center;
        background-size: 5%;
    }
    .home-page .es6-main .input-box .ui-select-list {
        background: #fff;
        border-color: #B9BABC;
        color: #54585A;
    }
    .home-page .es6-main .input-box .ui-select-list a {
        color: #000016;
    }
    .home-page .es6-main .input-box .active.ui-select .ui-select-title {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJFUzYtbGVhZHMtTUItRU4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTkuMDAwMDAwLCAtOTAwLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzA1LjAzNTUzNCw5MDIuMDM1NTM0IEwzMDEuMDM1NTM0LDkwMi4wMzU1MzQgTDMwMS4wMzU1MzQsOTA2LjAzNTUzNCBMMzAwLjAzNTUzNCw5MDYuMDM1NTM0IEwzMDAuMDM1NTM0LDkwMS4wMzU1MzQgTDMwNS4wMzU1MzQsOTAxLjAzNTUzNCBMMzA1LjAzNTUzNCw5MDIuMDM1NTM0IFoiIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMi41MzU1MzQsIDkwMy41MzU1MzQpIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMzAyLjUzNTUzNCwgLTkwMy41MzU1MzQpICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat right center;
        background-size: 5%;
    }
    .home-page .es6-main .input-box .tips {
        background: rgba(0, 0, 0, 0.9);
        color: #FFF;
    }
    .home-page .es6-main .input-box .form-success {
        color: #000016;
    }
    .home-page .es6-main .form-success .fe-desc {
        display: block;
        width: 4rem;
        margin: 20px auto 0;
        text-decoration: none;
        border-bottom: 1px solid black;
    }
    .home-page .es6-main input[type=text],
    .home-page .es6-main .ui-select-title {
        border-bottom: 1px solid #B9BABC;
        color: #54585A;
    }
    .home-page .es6-main input::-webkit-input-placeholder {
        color: #54585A;
    }
    .home-page .es6-main input:-moz-placeholder {
        color: #54585A;
    }
    .home-page .es6-main input::-moz-placeholder {
        color: #54585A;
    }
    .home-page .es6-main input:-ms-input-placeholder {
        color: #54585A;
    }
    .home-page .es6-main .table-show {
        display: none;
    }
    .home-page .es6-main .table-show2 .first-button {
        display: none;
    }
    .home-page .es6-main .logo-box {
        top: 6.5%;
        width: 100%;
    }
    .home-page .es6-main .logo-box .es6-logo {
        width: 213px;
        top: 100px;
        margin-bottom: 26px;
    }
    .home-page .es6-main .logo-box p {
        font-size: 20px;
        line-height: 32px;
        color: white;
    }
    .home-page .es6-main .logo-box p:nth-of-type(2) {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .home-page .es6-main .table-show {
        display: none;
    }
    .home-page .es6-main .table-show2 .first-button {
        display: none;
    }
    .home-page .es6-main .table-show2 {
        top: 20%;
    }
    .home-page #must_be+label a {
        color: #54585a;
        border-bottom: 1px solid #54585a;
    }
    .home-page .es6-main .table-show2 {
        width: 100%;
    }
    .home-page .es6-main .form-success .form-success-app h4 {
        margin-bottom: 60px;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }
    .home-page .es6-main .form-success .form-success-app p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .home-page .es6-main .app-link--appstore img {
        margin-bottom: 60px;
    }
    .home-page .es6-main .form-success .btn--black {
        display: block;
        margin: 0 auto;
    }
    .home-page .es6-main .form-success .btn--white {
        display: none;
    }
}

@media (max-width:375px) {
    .home-page .es6-main .table-show2 {
        top: 15%;
    }
}

.home-page .hide--self,
.home-page .hide--es8-banner {
    display: none;
}

.home-page .hero--two-button .two-button__right {
    margin-left: 0;
    margin-right: 30px;
}

.home-page .mobile--logo {
    width: 47.2vw;
    height: auto;
    margin: 0 auto;
}

.home-page .larger-mobile-logo {
    width: 50.1vw;
    height: auto;
}

@media (min-width:545px) {
    .home-page .hero--homepage--main__subtitle {
        letter-spacing: 10px;
        font-weight: bold;
        font-size: 36px;
    }
    .home-page .larger-mobile-logo {
        width: 34.8%;
    }
    .home-page .mobile--logo {
        width: 22.5%;
    }
}

@media (max-width:1211px) {
    .home-page .homepage-hero-banner {
        margin-top: calc(-26% + 125px);
    }
}

.home-page .es8-banner-block .line {
    width: 288px;
    margin: 24px auto;
    font-size: 22px;
    line-height: 0;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-ideograph;
}

.home-page .es8-banner-block .line:after {
    content: " ";
    display: inline-block;
    width: 100%;
}

.home-page .es8-banner-block .line div {
    display: none;
}

.home-page .es8-banner-block .line img {
    max-width: 100%;
    height: auto;
}

.home-page .es8-banner-block .hero__content {
    top: 20%;
}

.home-page .es8-banner-block .button-line {
    width: 449px;
    margin-top: 30px;
}

@media (max-width:480px) {
    .home-page .es8-banner-block .hero__content {
        top: 15%;
    }
    .home-page .es8-banner-block .line {
        width: 213px;
        font-size: 16px;
        line-height: 0;
        font-weight: 400;
    }
    .home-page .es8-banner-block .button-line {
        width: 80%;
        text-align: center;
    }
    .home-page .es8-banner-block .button-line a:nth-of-type(1) {
        margin-bottom: 20px;
    }
    .home-page .text-banner--text .btn {
        margin: 15px;
    }
}

.home-page .es8-banner-block .image-paragraph__text {
    top: 158px;
}

.home-page .slick--small-dots .slick-dots {
    bottom: 10px;
}

.home-page .es6-block-1 .pc-show.button-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 449px;
    margin: 4px auto;
}

.home-page .es6-block-1 .mobile-show.button-line {
    display: none;
}

@media screen and (min-width:768px) {
    .home-page .es6-banner-block .es6-block-1 {
        margin-top: 80px;
    }
    .home-page .es8-banner-block .image-paragraph__text {
        top: 47%;
    }
    .home-page .es6-main .form-btn-submit.active {
        color: #FFF;
        background-color: #000;
        border: 1px solid #FFF;
    }
    .home-page .es6-main .form-btn-submit.active:hover {
        color: #000;
        background-color: #FFF;
        border: 1px solid #FFF;
    }
}

@media screen and (min-width:1024px) {
    .home-page .es6-banner-block .es6-block-1 {
        top: 158px;
        margin-top: 0;
    }
    .home-page .es8-banner-block .image-paragraph__text {
        top: 158px;
    }
    .home-page .es6-banner-block {
        margin-top: 50px;
    }
    .home-page .es6-block-1 .button-line {
        width: 449px;
        margin: 4px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (min-width:1440px) {
    .home-page .es8-banner-block .image-paragraph__text {
        top: 24%;
    }
}

@media screen and (max-width:480px) {
    .home-page .es6-block-1 .mobile-show.button-line {
        display: block;
    }
    .home-page .es6-block-1 .pc-show.button-line {
        display: none;
    }
    .home-page .es8-banner-block .image-paragraph__text {
        top: 31%;
    }
    .home-page .es8-banner-block .table-show,
    .home-page .es8-banner-block-item .table-show {
        display: none;
    }
    .home-page .slick-prev,
    .home-page .slick-next {
        display: none !important;
    }
}

.home-page .slick-prev:after,
.home-page .icon--prev--white:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(/ecs/prod/s3fs-public/inline-images/right.png);
}

.home-page .slick-next:after,
.home-page .icon--next--white:after {
    background-image: url(/ecs/prod/s3fs-public/inline-images/right.png);
}

.home-page .carousel--full-screen {
    height: auto;
}

.home-page .carousel--full-screen .slick-dots {
    padding: 0;
}

.home-page .carousel--full-screen .carousel__item img {
    height: auto;
}

.home-page .es8-banner-block-item .image-paragraph__text {
    height: 100%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.home-page .es8-banner-block-item .image-paragraph__text .line img {
    width: 288px;
    height: auto;
    position: absolute;
    top: 100px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-page .es8-banner-block-item .image-paragraph__text .text-box {
    width: 100%;
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.home-page .es8-banner-block-item .image-paragraph__text .title-1 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
}

.home-page .es8-banner-block-item .image-paragraph__text .title-2 {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
}

.home-page .es8-banner-block-item .image-paragraph__text .title-3 {
    margin: 0;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.home-page .es8-banner-block-item .image-paragraph__text .button-line .btn {
    margin: 0 10px;
}

@media screen and (max-width:780px) {
    .home-page .es8-banner-block-item .image-paragraph__text {
        top: 60px;
    }
}

@media screen and (max-width:480px) {
    .home-page .es8-banner-block .image-paragraph__text {
        height: 100%;
        margin: 0 auto;
        top: 0;
        text-align: center;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .home-page .diptych--padded {
        padding: 0;
    }
    .home-page .diptych--padded .diptych--item:not(:last-child) {
        margin-bottom: 0;
    }
    .home-page .es8-banner-block .image-paragraph__text .field--name-field-text {
        margin-top: 54px;
    }
    .home-page .es8-banner-block-item .image-paragraph__text .text-box {
        bottom: 30px;
    }
    .home-page .es8-banner-block-item .image-paragraph__text .title-1 {
        font-size: 16px;
        line-height: 32x;
    }
    .home-page .es8-banner-block-item .image-paragraph__text .title-2 {
        font-size: 16px;
        line-height: 32px;
    }
    .home-page .es8-banner-block-item .image-paragraph__text .title-3,
    .home-page .es8-banner-block-item .image-paragraph__text .title-3 .hide-tablet-landscape {
        margin: 0;
        font-size: 12px;
        line-height: 18px;
        -webkit-transform: scale(0.9);
    }
    .home-page .es8-banner-block-item .image-paragraph__text .line img {
        width: 213px;
        top: 96px;
    }
}

.home-page .diptych-block .image-paragraph__text {
    top: 25%;
}

.home-page .diptych-block .image-paragraph__text .logo-line {
    margin-bottom: 5px;
}

.home-page .diptych-block .image-paragraph__text img {
    width: 288px;
}

.home-page .diptych-block .image-paragraph__text p {
    font-size: 22px;
}

@media screen and (max-width:770px) {
    .home-page .diptych-block .image-paragraph__text {
        top: 50%;
    }
}

@media screen and (max-width:480px) {
    .home-page .diptych-block .image-paragraph__text img {
        width: 213px;
    }
    .home-page .diptych-block .image-paragraph__text {
        top: 25%;
    }
    .home-page .diptych-block .image-paragraph__text p {
        font-size: 16px;
    }
}

.home-page .app-section {
    padding-left: 40%;
    text-align: left;
}

.home-page .app-section .logo {
    width: 228px;
}

.home-page .app-section h3 {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 32px;
}

.home-page .app-section p.desc {
    font-size: 16px;
    line-height: 16px;
}

@media screen and (max-width:1023px) {
    .home-page .app-section p {
        margin-bottom: 10px;
    }
    .home-page .app-section h3 {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 22px;
    }
    .home-page .app-section p.desc {
        font-size: 12px;
        line-height: 24px;
    }
}

@media screen and (max-width:480px) {
    .home-page .nio-app-carousel-block .image-paragraph__text {
        top: 74%;
    }
    .home-page .app-section {
        padding-left: 0;
        text-align: center;
    }
    .home-page .app-section .logo {
        width: 150px;
        margin: 0 auto 20px;
    }
    .home-page .app-section h3 {
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 28px;
    }
    .home-page .app-section p.desc {
        font-size: 16px;
        line-height: 16px;
    }
    .home-page .app-section p.desc:last-child {
        margin-bottom: 30px;
    }
}

.home-page .nio-show-car .logo-text {
    width: 26.111vw;
    margin: 0 auto;
}

.home-page .nio-show-car .hero__content {
    position: absolute;
    left: 0;
    top: auto;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    z-index: 4;
    bottom: 30px;
}

.home-page .nio-show-car .btn {
    margin: 0 10px;
}

@media screen and (min-width:1440px) {
    .home-page .nio-show-car .hero__content {
        bottom: 3vw;
    }
}

@media screen and (max-width:1024px) {
    .home-page .nio-show-car .hero__content {
        bottom: 10px;
    }
}

@media screen and (max-width:768px) {
    .home-page .nio-show-car .hero__content {
        bottom: -10px;
    }
}

@media screen and (max-width:480px) {
    .home-page .nio-show-car .logo-text {
        width: 56.111vw;
        margin: 0 auto;
    }
    .home-page .nio-show-car .btn {
        margin: 10px;
    }
    .home-page .nio-show-car .hero__content {
        bottom: 5vw;
    }
}

.home-page .es6-banner-block .hero__content {
    top: 26%;
}

.home-page .es6-banner-block .es6-banner {
    width: 288px;
    margin: 0 auto;
}

.home-page .es6-banner-block .es6-banner .es6-logo {
    margin-bottom: 20px;
}

.home-page .es6-banner-block .es6-banner .logo-box p {
    width: 100%;
    margin: 0 auto;
    font-size: 22px;
    color: white;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    letter-spacing: 7px;
    font-weight: 400;
    line-height: 22px;
}

.home-page .es6-banner-block .es6-banner .logo-box p::after {
    content: '';
    width: 100%;
    display: inline-block;
}

@media screen and (max-width:1023px) {
    .home-page .es6-banner-block .hero__content {
        top: 26%;
    }
}

@media screen and (max-width:480px) {
    .home-page .es6-banner-block .hero__content {
        top: 33%;
    }
    .home-page .es6-banner-block .es6-banner {
        width: 213px;
    }
    .home-page .es6-banner-block .es6-banner .logo-box p {
        font-size: 16px;
        letter-spacing: 6px;
        line-height: 16px;
    }
}

.home-page .btn.btn-line-wrap {
    padding: 0;
    border: none;
    border-radius: 0;
}

.home-page .btn.btn-line {
    padding: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    width: auto;
    height: auto;
    line-height: 24px;
}

.home-page .btn.btn-display {
    display: block;
    margin: 0 auto;
    margin-bottom: 18px;
}

.home-page .es8-banner-block .line.elec--84-text {
    font-size: 16px;
    font-weight: normal;
    text-align: justify;
    width: 298px;
    margin: 0 auto;
    text-indent: 7px;
    letter-spacing: 6px;
}

.home-page .pc-show {
    display: block;
}

.home-page .mobile-show {
    display: none;
}

@media (max-width:480px) {
    .home-page .es8-banner-block .button-line a:nth-of-type(1) {
        margin-bottom: 18px;
    }
    .home-page .pc-show {
        display: none;
    }
    .home-page .mobile-show {
        display: block;
    }
}

@media (max-width:767px) {
    .home-page .es8-banner-block .line {
        margin: 18px auto;
    }
    .home-page .es8-banner-block .line.elec--84-text {
        font-size: 12px;
        font-weight: normal;
        width: 218px;
        text-indent: 4px;
        letter-spacing: 3px;
    }
}

.home-page .text-banner--homepage-app .text-banner--header {
    margin-bottom: 40px;
}

.home-page .app-links a .app-link--appstore {
    height: 54px !important;
}

.test-drive-page {}

.test-drive-page .input-item .ui-select-list::-webkit-scrollbar-thumb {
    width: 6px;
    height: 30px;
    background: #54585A;
}

.test-drive-page .test-drive-main {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.test-drive-page .test-drive-main .input-title h5 {
    padding-left: 1rem;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 32px;
}

.test-drive-page .test-drive-main .send-code {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 50%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #00bebe;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
}

.test-drive-page .test-drive-main .bgs {
    position: relative;
    width: 100vw;
    padding: 0;
    margin: 0;
}

.test-drive-page .bgs .bg-img {
    display: none;
    position: absolute;
    width: 100vw;
    height: auto;
    opacity: 0;
    z-index: -1;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    -moz-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
}

.test-drive-page .test-drive-main .form {
    width: 80%;
    margin: 16px auto;
}

.test-drive-page .test-drive-main .form .input-item {
    position: relative;
    height: 55px;
    background: transparent;
    border-top: 1px solid #B9BABC;
    line-height: 55px;
}

.test-drive-page .test-drive-main .input-item input[type=text],
.test-drive-page .input-item .ui-select-title {
    height: 100%;
    margin: 0;
    padding: 0;
    padding-left: 1rem;
    border: none;
    width: 100%;
    color: #54585A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    background: transparent;
}

.test-drive-page .test-drive-main .input-item .ui-select-title {
    padding-left: 1rem;
    line-height: 55px;
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDggNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDTl9Nb2JpbGVfMV9ob21lcGFnZV9hcHAtb3B0aW9uLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTkuMDAwMDAwLCAtNjg4LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzA1LjAzNTUzNCw2ODguMDM1NTM0IEwzMDEuMDM1NTM0LDY4OC4wMzU1MzQgTDMwMS4wMzU1MzQsNjkyLjAzNTUzNCBMMzAwLjAzNTUzNCw2OTIuMDM1NTM0IEwzMDAuMDM1NTM0LDY4Ny4wMzU1MzQgTDMwNS4wMzU1MzQsNjg3LjAzNTUzNCBMMzA1LjAzNTUzNCw2ODguMDM1NTM0IFoiIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMi41MzU1MzQsIDY4OS41MzU1MzQpIHJvdGF0ZSgtMTM1LjAwMDAwMCkgdHJhbnNsYXRlKC0zMDIuNTM1NTM0LCAtNjg5LjUzNTUzNCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat 94% center;
    background-size: 3%;
}

.test-drive-page .test-drive-main .input-item .ui-select.active .ui-select-title {
    line-height: 55px;
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDTl9Nb2JpbGVfMV9ob21lcGFnZV9hcHAtb3B0aW9uLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTkuMDAwMDAwLCAtNjg2LjAwMDAwMCkiIGZpbGw9IiMwMEJFQkUiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzA1LjAzNTUzNCw2ODguMDM1NTM0IEwzMDEuMDM1NTM0LDY4OC4wMzU1MzQgTDMwMS4wMzU1MzQsNjkyLjAzNTUzNCBMMzAwLjAzNTUzNCw2OTIuMDM1NTM0IEwzMDAuMDM1NTM0LDY4Ny4wMzU1MzQgTDMwNS4wMzU1MzQsNjg3LjAzNTUzNCBMMzA1LjAzNTUzNCw2ODguMDM1NTM0IFoiIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMi41MzU1MzQsIDY4OS41MzU1MzQpIHNjYWxlKDEsIC0xKSByb3RhdGUoLTEzNS4wMDAwMDApIHRyYW5zbGF0ZSgtMzAyLjUzNTUzNCwgLTY4OS41MzU1MzQpICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 94% center;
    background-size: 3%;
}

.test-drive-page .ui-select-list a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding: 0 0 0 2rem;
    color: #fff;
    text-decoration: none;
}

.test-drive-page .ui-select-list a:hover {
    background-color: #B7E8EA;
}

.test-drive-page .test-drive-main ::-webkit-input-placeholder {
    color: #54585A;
}

.test-drive-page .test-drive-main :-moz-placeholder {
    color: #54585A;
}

.test-drive-page .test-drive-main ::-moz-placeholder {
    color: #54585A;
}

.test-drive-page .test-drive-main :-ms-input-placeholder {
    color: #54585A;
}

.test-drive-page .test-drive-main .test-drive-btn {
    display: block;
    width: 210px;
    height: 50px;
    background-color: #939799;
    border: 2px solid #939799;
    border-radius: 100px;
    margin: 20px auto;
    color: #FFF;
    text-align: center;
    line-height: 48px;
}

.test-drive-page .test-drive-main .test-drive-btn.active {
    background-color: #00bebe;
    border: 2px solid #00bebe;
}

.test-drive-page .test-drive-main .test-drive-btn.active:hover {
    background-color: #00263c;
    border: 2px solid #00263c;
}

.test-drive-page .test-drive-main form a {
    padding-bottom: 1px;
    text-decoration: none;
    color: #000;
}

.test-drive-page .test-drive-main form a.event_details {
    display: block;
    width: 4rem;
    margin: 20px auto;
    border-bottom: 1px solid;
}

.test-drive-page .test-drive-main form .checkbox-item {
    padding-left: 3rem;
}

.test-drive-page #must_be {
    opacity: 0;
    width: 0;
    height: 0;
}

.test-drive-page #must_be+label {
    position: relative;
    line-height: 55px;
    cursor: pointer;
}

.test-drive-page .checkbox-item label:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 20px;
    position: absolute;
    left: -40px;
    top: 0;
    background: url(/modules/custom/nio_careers_new/images/icon-select.svg) no-repeat 0 0/20px 20px;
    transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -webkit-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
}

.test-drive-page .checkbox-item input[type='checkbox']:checked+label:before {
    background-image: url(/modules/custom/nio_careers_new/images/icon-selected.svg);
}

.test-drive-page .input-item .ui-select-list {
    position: absolute;
    top: 55px;
    display: none;
    width: 100%;
    max-height: 180px;
    background: #FFF;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #B9BABC;
    border-top: none;
    z-index: 2;
}

.test-drive-page .ui-select.active .ui-select-list {
    display: block;
}

.test-drive-page .form .tips {
    position: absolute;
    display: none;
    bottom: 32vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 210px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    text-align: center;
    line-height: 40px;
    color: #FFF;
}

.test-drive-page .test-drive-main .form-success {
    text-align: center;
    color: #000;
}

.test-drive-page .form-success .form-success-app h4 {
    margin-bottom: 60px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

.test-drive-page .form-success .form-success-app p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.test-drive-page .form-success .fe-desc {
    display: block;
    width: 150px;
    margin: 50px auto;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 20px;
    text-align: center;
    line-height: 36px;
    color: #000;
}

.test-drive-page .form-success .app-link--appstore img {
    width: 170px;
    height: auto;
    margin: 20px auto;
}

.test-drive-page .form-success .mobile--hidden {
    display: none;
}

@media screen and (min-width:1024px) {
    .test-drive-page .form-success .pc--hidden {
        display: none;
    }
    .test-drive-page .form .tips {
        bottom: 15vw;
    }
    .test-drive-page .test-drive-main {
        width: 100vw;
        height: 55.558vw;
        margin-top: 50px;
        color: #FFF;
    }
    .test-drive-page .bgs .desc-bg {
        display: block;
    }
    .test-drive-page .bgs .es6-bg {
        opacity: 1;
    }
    .test-drive-page .test-drive-main .form {
        position: absolute;
        width: 361px;
        top: 50%;
        left: 192px;
        text-align: left;
        transform: translate(0%, -60%);
        -ms-transform: translate(0%, -60%);
        -moz-transform: translate(0%, -60%);
        -webkit-transform: translate(0%, -60%);
        -o-transform: translate(0%, -60%);
    }
    .test-drive-page .test-drive-main .form .input-item {
        border-top-color: #FFF;
    }
    .test-drive-page .test-drive-main ::-webkit-input-placeholder {
        color: #FFF;
    }
    .test-drive-page .test-drive-main :-moz-placeholder {
        color: #FFF;
    }
    .test-drive-page .test-drive-main ::-moz-placeholder {
        color: #FFF;
    }
    .test-drive-page .test-drive-main :-ms-input-placeholder {
        color: #FFF;
    }
    .test-drive-page .test-drive-main .input-item .ui-select-title {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDggNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPkNvbWJpbmVkIFNoYXBlIENvcHkgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDMzLjAwMDAwMCwgLTQyMi4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1Ni4wMDAwMDAsIDk3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI4My4wMzU1MzQsMzI1LjAzNTUzNCBMMjc5LjAzNTUzNCwzMjUuMDM1NTM0IEwyNzkuMDM1NTM0LDMyOS4wMzU1MzQgTDI3OC4wMzU1MzQsMzI5LjAzNTUzNCBMMjc4LjAzNTUzNCwzMjQuMDM1NTM0IEwyODMuMDM1NTM0LDMyNC4wMzU1MzQgTDI4My4wMzU1MzQsMzI1LjAzNTUzNCBaIiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyODAuNTM1NTM0LCAzMjYuNTM1NTM0KSByb3RhdGUoLTEzNS4wMDAwMDApIHRyYW5zbGF0ZSgtMjgwLjUzNTUzNCwgLTMyNi41MzU1MzQpICI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    }
    .test-drive-page .test-drive-main form a {
        color: #FFF;
    }
    .test-drive-page .checkbox-item input[type='checkbox']:checked+label:before {
        background-image: url(/ecs/prod/s3fs-public/inline-images/check.png);
    }
    .test-drive-page .test-drive-main .test-drive-btn.active {
        background-color: transparent;
        border-color: #FFF;
    }
    .test-drive-page .test-drive-main .test-drive-btn.active:hover {
        background-color: #FFF;
        color: #000;
    }
    .test-drive-page .input-item .ui-select-list {
        background: #000;
        border: 1px solid #FFF;
        color: #FFF;
    }
    .test-drive-page .test-drive-main .input-item input[type=text],
    .test-drive-page .input-item .ui-select-title {
        color: #FFF;
    }
    .test-drive-page .form .tips {
        background: rgba(255, 255, 255, 0.9);
        color: #000;
    }
    .test-drive-page .test-drive-main .form-success {
        position: absolute;
        left: 100px;
        top: 50%;
        width: 361px;
        transform: translate(0%, -65%);
        -ms-transform: translate(0%, -65%);
        -moz-transform: translate(0%, -65%);
        -webkit-transform: translate(0%, -65%);
        -o-transform: translate(0%, -65%);
        text-align: left;
        color: #FFF;
    }
    .test-drive-page .form-success .form-success-app h4 {
        text-align: left;
        color: #FFF;
    }
    .test-drive-page .form-success .form-success-app p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        color: #FFF;
    }
    .test-drive-page .form-success .fe-desc {
        display: block;
        width: 150px;
        margin: 50px auto 0 0;
        text-decoration: none;
        border: 1px solid #FFF;
        border-radius: 20px;
        text-align: center;
        line-height: 36px;
        color: #FFF;
    }
    .test-drive-page .form-success .fe-desc:hover {
        background-color: #FFF;
        border-color: #FFF;
        color: #000;
    }
    .test-drive-page .form-success .app-link--appstore img {
        width: 170px;
        height: auto;
        margin: 20px auto 0 0;
    }
    .test-drive-page .ui-select-list a:hover {
        background-color: #004B64;
    }
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .test-drive-page .test-drive-main .form {
        left: 90px;
    }
    .test-drive-page .test-drive-main .input-title h5 {
        margin-bottom: 10px;
    }
    .test-drive-page .test-drive-main .form .input-item,
    .test-drive-page .test-drive-main .input-item .ui-select-title {
        height: 50px;
        line-height: 50px;
    }
    .test-drive-page .test-drive-main .form,
    .test-drive-page .test-drive-main .form-success {
        position: absolute;
        left: 100px;
        top: 50%;
        width: 320px;
        transform: translate(0%, -52%);
        -ms-transform: translate(0%, -52%);
        -moz-transform: translate(0%, -52%);
        -webkit-transform: translate(0%, -52%);
        -o-transform: translate(0%, -52%);
        text-align: left;
        color: #FFF;
    }
    .test-drive-page .input-item .ui-select-list {
        top: 50px;
    }
}

@media screen and (min-width:480px) and (max-width:1023px) {
    .test-drive-page .bgs .es6-bg {
        opacity: 1;
    }
    .test-drive-page .bgs .pad-bg {
        display: block;
        top: 0;
    }
    .test-drive-page .test-drive-main .form,
    .test-drive-page .test-drive-main .form-success {
        margin: 0 auto;
        padding: 41vw 0 0;
    }
}

@media screen and (max-width:479px) {
    .test-drive-page .bgs .mobile-bg {
        display: block;
        top: 0;
    }
    .test-drive-page .bgs .es6-bg {
        opacity: 1;
    }
    .test-drive-page .test-drive-main .form,
    .test-drive-page .test-drive-main .form-success {
        margin: 0 auto;
        padding: 102vw 0 0;
    }
}

.ep9-page .mobile--logo {
    width: 47.2vw;
    height: auto;
    margin: 0 auto;
}

@media (min-width:768px) {
    .ep9-page .mobile--logo {
        width: 22.5vw;
    }
}

.ep9-page .hero__ep9-logo {
    margin-top: -8rem;
}

@media (min-width:48em) {
    .ep9-page .hero__ep9-logo {
        display: none;
    }
}

.es6-configuration {}

.es6-configuration body {
    height: 100%;
}

.es6-configuration .has-formulae-subnav #page-wrapper {
    background-color: #fff;
}

@media (min-width:64em) {
    .es6-configuration .header-wrapper {
        background: #000;
        height: 63px;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
    }
}

.es6-configuration .es8-configuration . {
    max-width: 100%;
    margin: 23px auto;
    text-align: center;
}

@media (min-width:1024px) {
    .es6-configuration .es8-configuration . {
        margin: 57px auto;
        max-width: 70%;
    }
}

.es6-configuration .es8-configuration . .configuration-hd {
    text-align: center;
    margin-top: 10%;
}

@media (min-width:480px) {
    .es6-configuration .es8-configuration . .configuration-hd {
        margin-top: 10%;
    }
}

.es6-configuration .es8-configuration . .nio-es8__logo {
    margin: 0 auto 10px auto;
    max-width: 166px;
}

.es6-configuration .es8-configuration . .nio-es8__logo img {
    width: 100%;
}

@media (min-width:480px) {
    .es6-configuration .es8-configuration . .nio-es8__logo {
        margin-bottom: 20px;
        max-width: 300px;
    }
}

@media (min-width:1024px) {
    .es6-configuration .es8-configuration . .nio-es8__logo {
        max-width: 330px;
    }
}

.es6-configuration .es8-configuration . h1 {
    font-size: 28px;
    font-weight: 500;
}

@media (min-width:1024px) {
    .es6-configuration .es8-configuration . h1 {
        font-size: 48px;
        letter-spacing: 7px;
    }
}

.es6-configuration .es8-configuration . h2 {
    line-height: 50px;
    font-size: 14px;
    font-weight: 200;
}

@media (min-width:1024px) {
    .es6-configuration .es8-configuration . h2 {
        font-size: 32px;
        line-height: 70px;
    }
}

.es6-configuration .high-light {
    color: #00C0BF;
}

.es6-configuration .configuration-table {
    margin-top: 40px;
}

.es6-configuration .configuration-table .tab-wrapper {
    height: 100px;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab-wrapper {
        height: 126px;
    }
}

.es6-configuration .configuration-table .tab {
    height: 100px;
    background: #000;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab {
        height: 126px;
    }
}

.es6-configuration .configuration-table .tab ul {
    font-size: 0;
}

.es6-configuration .configuration-table .tab li {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.5);
    width: 25%;
    position: relative;
    overflow: hidden;
    font-weight: 500;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab li {
        line-height: 63px;
        font-size: 16px;
    }
}

.es6-configuration .configuration-table .tab li span {
    position: relative;
}

.es6-configuration .configuration-table .tab li span:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #00BEBE;
    opacity: 0;
    bottom: -20px;
    left: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}

.es6-configuration .configuration-table .tab .sub-tab {
    background: #fff;
    position: relative;
    z-index: 8;
    height: 50px;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab .sub-tab {
        height: 63px;
    }
}

.es6-configuration .configuration-table .tab .sub-tab .first-td {
    text-align: left;
    padding-left: 24px;
    border-left: 1px solid #E0E5E7;
    color: #999;
    font-size: 14px;
}

.es6-configuration .configuration-table .tab .sub-tab .first-td span {
    color: #ccc;
    margin-right: 5px;
    margin-left: 10px;
    font-weight: 200;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab .sub-tab .first-td {
        font-size: 16px;
    }
}

.es6-configuration .configuration-table .tab table {
    width: 100%;
    height: 100%;
    background: #fff;
}

.es6-configuration .configuration-table .tab table td {
    text-align: center;
    border-right: 1px solid #E0E5E7;
    font-size: 14px;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab table td {
        font-size: 16px;
    }
}

.es6-configuration .configuration-table .tab table td span {
    color: #00BEBE;
    font-weight: 600;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab table td span {
        font-size: 16px;
    }
}

.es6-configuration .configuration-table .tab .tab-active {
    color: #00BEBE;
}

.es6-configuration .configuration-table .tab .tab-active span:after {
    bottom: -10px;
    opacity: 1;
}

.es6-configuration .configuration-table .tab-content table {
    border: 1px solid #E0E5E7;
}

.es6-configuration .configuration-table .tab-content thead tr th {
    text-align: center;
    border-left: 1px solid #E0E5E7;
    font-size: 14px;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab-content thead tr th {
        font-size: 20px;
    }
}

.es6-configuration .configuration-table .tab-content thead tr th span {
    color: #00BEBE;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab-content thead tr th span {
        font-size: 16px;
    }
}

.es6-configuration .configuration-table .tab-content thead tr .first-th {
    font-size: 20px;
    text-align: left;
    padding-left: 24px;
    padding-top: 30px;
    padding-bottom: 10px;
    height: 80px;
    font-weight: 500;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab-content thead tr .first-th {
        font-size: 32px;
    }
}

.es6-configuration .configuration-table .tab-content tbody {
    border-bottom: 6px solid #E3E3E3;
}

.es6-configuration .configuration-table .tab-content tbody td {
    padding: 13px 0;
    border-left: 1px solid #E0E5E7;
    text-align: center;
    font-size: 14px;
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab-content tbody td {
        font-size: 16px;
    }
}

.es6-configuration .configuration-table .tab-content tbody .tal {
    text-align: left;
    padding-left: 24px;
}

.es6-configuration .configuration-table .tab-content tbody tr:nth-child(odd) {
    background: #F1FAFA;
}

.es6-configuration .configuration-table .tab-content tbody tr:nth-child(even) {
    background: #fff;
}

.es6-configuration .dot {
    border: 1px solid #000;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 5px;
}

.es6-configuration .dot.has {
    background: #000;
}

@media (min-width:1024px) {
    .es6-configuration .header.header--unstick {
        position: absolute !important;
        top: auto !important;
    }
}

.es6-configuration .configuration-tab-fixed {
    position: fixed;
    z-index: 10;
    width: 70%;
    top: 0;
}

.es6-configuration .configuration-tab-fixed-mobile {
    position: fixed;
    z-index: 9;
    top: 50px;
    width: 100%;
}

.es6-configuration .logo_fixed {
    left: 40px;
    position: fixed;
    top: 10px;
}

.es6-configuration #champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor,
.es6-configuration .btn {
    height: 20px;
}

.es6-configuration .region-top-navigation .menu .menu__item a {
    margin-bottom: 10px;
}

.es6-configuration .btn--smaller {
    padding: 11px 10px 9px;
}

.es6-configuration .es8-configuration . h2 {
    font-size: 42px;
}

@media (min-width:1024px) {
    .es6-configuration .header.header--unstick {
        display: none !important;
    }
}

@media (max-width:480px) {
    .es6-configuration .es8-configuration . .configuration-hd {
        margin-top: 20%;
    }
    .es6-configuration .es8-configuration . h2 {
        font-size: 32px;
    }
}

.es6-configuration .configuration-table .tab .sub-tab .first-td br {
    display: none;
}

@media (max-width:500px) {
    .es6-configuration .configuration-table .tab .sub-tab .first-td br {
        display: block;
    }
}

.es6-configuration .menu-item {
    position: relative;
}

.es6-configuration .menu-item .tooltip-box {
    position: absolute;
    left: 32%;
    bottom: 42px;
    z-index: 9999;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 15px;
    border-radius: 3px;
    display: none;
}

.es6-configuration .partner-entry.tooltip-box {
    margin-left: -60px;
}

@media screen and (max-width:63.9375em) {
    .es6-configuration .partner-entry.tooltip-box {
        margin-left: -46px;
    }
}

.es6-configuration .partner-entry.tooltip-box a {
    display: block;
    white-space: nowrap;
    text-decoration: underline;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0;
    text-transform: lowercase;
}

.es6-configuration .menu-item-wechat .tooltip-box {
    height: 180px;
    width: 180px;
    margin-left: -88px;
    max-width: 180px;
}

.es6-configuration .menu-item-phone .tooltip-box {
    margin-left: -70px;
}

.es6-configuration .menu-item-phone .tooltip-box span {
    display: block;
    color: #00BEBE;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
}

.es6-configuration .menu-item .tooltip-box:after {
    display: block;
    position: absolute;
    content: '';
    bottom: -8px;
    background: #fff;
    left: 50%;
    margin-left: -6px;
    width: 15px;
    height: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (min-width:1024px) {
    .es6-configuration .configuration-table .tab li {
        line-height: 73px;
    }
}

.es6-configuration .configuration-tab-fixed {
    z-index: 12;
}

.es6-configuration .toolbar-fixed .header {
    background-color: transparent;
}

.es6-configuration .btn--rounded.btn--black {
    border-color: #FFF;
    color: #FFF;
    line-height: 24px;
}

@media (min-width:64em) {
    .es6-configuration .region-top-navigation .menu--level-0>li.menu__item>span,
    .es6-configuration .region-top-navigation .menu--level-0>li.menu__item>a {
        color: #FFF;
    }
    .es6-configuration .region-top-navigation .menu--level-0>li.menu__item--has-children:hover>span {
        color: #000;
    }
    .es6-configuration .region-top-navigation .menu--level-0>li.menu__item--has-children:after {
        background-image: url(/themes/nioweb/images/down-chevron-white.svg);
    }
    .es6-configuration .region-top-navigation .menu--level-0>li.menu__item--has-children:hover:after {
        background-image: url(/themes/nioweb/images/down-chevron-black.svg);
    }
    .es6-configuration .header.header--hidden {
        background-color: #000;
    }
    .es6-configuration .header:not(.header--animated) .header__logo svg g path {
        fill: #FFF;
    }
    .es6-configuration .header {
        background-color: #000;
    }
}

.es6-mileage-calculator-page body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.es6-mileage-calculator-page .colorSky {
    color: #00c0bf;
}

.es6-mileage-calculator-page img {
    display: inline-block;
}

.es6-mileage-calculator-page html,
.es6-mileage-calculator-page body {
    min-width: 320px;
    margin: 0 auto;
}

.es6-mileage-calculator-page * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.es6-mileage-calculator-page div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.es6-mileage-calculator-page body {
    font-family: "BlueSkyStandard", "Microsoft Yahei", Palatino, Arial, sans-serif;
}

.es6-mileage-calculator-page .active {
    visibility: visible !important;
}

.es6-mileage-calculator-page .hidden-info {
    visibility: hidden;
}

.es6-mileage-calculator-page .chargeWrapper {
    padding-top: 50px;
    padding-bottom: 25px;
}

@media (min-width:1024px) {
    .es6-mileage-calculator-page .chargeWrapper {
        min-height: 80%;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeTitle {
    margin-top: 92px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeTitle h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
}

.es6-mileage-calculator-page .chargeWrapper .chargeTitle h1 span {
    font-weight: 300;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeTitle {
        margin-top: 23px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeTitle h1 {
        font-weight: 400;
        font-size: 24px;
        line-height: 1.67;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart {
    text-align: center;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg {
    width: 721px;
    position: relative;
    display: inline-block;
    text-align: center;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg {
        width: 312px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg img {
    width: 100%;
    height: auto;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .dn {
    display: none;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel span {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
    position: absolute;
    width: 90px;
    bottom: 49px;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel span {
        width: 40px;
        height: 40px;
        bottom: 24px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .frontwheel {
    left: 81px;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .frontwheel {
        left: 34px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .backwheel {
    right: 99px;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .backwheel {
        right: 43px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-19 .frontwheel {
    background-image: url(/themes/nioweb/images/chargePage/19_frontWheel.png);
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-19 .backwheel {
    background-image: url(/themes/nioweb/images/chargePage/19_backWheel.png);
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-0 .frontwheel {
    background-image: url(/themes/nioweb/images/chargePage/20_frontWheel-0.png);
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-0 .backwheel {
    background-image: url(/themes/nioweb/images/chargePage/20_backWheel-0.png);
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-1 .frontwheel {
    background-image: url(/themes/nioweb/images/chargePage/20_frontWheel-1.png);
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-1 .backwheel {
    background-image: url(/themes/nioweb/images/chargePage/20_backWheel-1.png);
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-21 .frontwheel {
    background-image: url(/themes/nioweb/images/chargePage/21_frontWheel.png);
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-21 .backwheel {
    background-image: url(/themes/nioweb/images/chargePage/21_backWheel.png);
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeCart {
        margin-top: 12px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo {
    margin-top: 14px;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo {
        margin-top: -5px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .kwh {
    font-size: 14px;
    font-weight: 400;
    color: #939799;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km {
    width: 178px;
    margin: 0 auto;
    position: relative;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span#mileage {
    height: 100px;
    width: 178px;
    font-size: 80px;
    font-weight: 300;
    color: #00bebe;
    text-align: center;
    line-height: 100px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span:last-child {
    position: absolute;
    color: #00bebe;
    font-size: 24px;
    font-weight: 400;
    bottom: 14px;
    right: -20px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two {
    display: inline-block;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .kwh {
    font-size: 14px;
    font-weight: 400;
    color: #939799;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km {
    margin-top: 7px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span#mileage-two {
    display: inline-block;
    height: 40px;
    width: 64px;
    font-size: 34px;
    font-weight: bold;
    color: black;
    line-height: 40px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span:last-child {
    vertical-align: top;
    height: 28px;
    font-size: 14px;
    font-weight: 200;
    color: black;
    line-height: 28px;
}

@media all and (min-width:1024px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo {
        margin-top: -35px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .kwh {
        height: 26px;
        line-height: 26px;
        font-size: 22px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .kwh {
        height: 26px;
        line-height: 26px;
        font-size: 22px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km {
        margin-top: 6px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span#mileage-two {
        height: 86px;
        width: 135px;
        font-size: 72px;
        line-height: 86px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span:last-child {
        vertical-align: top;
        font-size: 24px;
        font-weight: 300;
        margin-left: 10px;
        line-height: 48px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor {
    margin-top: 25px;
    text-align: center;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor {
        margin-top: 24px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor .content {
        display: block;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor .con-right {
        margin-top: 20px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul {
    position: relative;
}

@media all and (min-width:1024px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor .content {
        display: inline-block;
        vertical-align: top;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle {
        width: 160px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul.mt15 {
    margin-top: 17px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item {
    float: left;
    color: black;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor .con-right li.item {
    float: none;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor {
    margin-right: 20px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor .con-right li.item {
    margin-right: 0px !important;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor .con-right li:last-child {
    margin-top: 17px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor:last-child {
    margin-right: 0;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle {
    position: relative;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    background-color: #ffffff;
    border: solid 2px #D6D6D6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: black;
    text-align: center;
    font-weight: 400;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .active {
    border-color: #00bebe !important;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .tempature {
    padding-right: 32px;
    width: 165px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle #tempature {
    font-size: 16px;
    font-weight: bold;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle .speed-box {
    width: 42px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid #e3e3e3;
    position: absolute;
    cursor: pointer;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle .speed-box.speed-box-add {
    border-bottom: 2px solid #e3e3e3;
    right: 0;
    top: 0;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle .speed-box.speed-box-reduce {
    border-top: 2px solid #e3e3e3;
    right: 0;
    top: 50%;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle span.kmh {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.24;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor:last-child .rectangle span.kmh {
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.up {
    background-image: url(/ecs/prod/s3fs-public/inline-images/%20Feather.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 14px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.down {
    background-image: url(/ecs/prod/s3fs-public/inline-images/%20Feather.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.active-arrows {
    background-image: url(/ecs/prod/s3fs-public/user-uploads/up-chevron.svg);
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor:nth-child(3) {
    margin-right: 40px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch {
    position: relative;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch {
    width: 165px;
    height: 58px;
    border-radius: 29px;
    border: solid 2px #00263c;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch .switch-handle {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 6px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #00263c;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch .switch-handle.transform-right {
    left: 112px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p {
    position: absolute;
    padding: 0 4px 0 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    font-size: 18px;
    color: #00263c;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p.autoAir {
    right: 23px;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p.autoAir {
        right: -35px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p span:nth-child(1) {
    margin-left: 12px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    visibility: hidden;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p span:nth-child(1) {
        margin-left: 15px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p span:nth-child(2) {
    font-size: 18px;
    font-weight: 600;
    color: black;
    position: absolute;
    right: -54px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 6px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open {
    background-color: #00c0bf;
    border: none;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open .switch-handle {
    background-color: #fff;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open .switch-handle:after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: center no-repeat;
    background-image: url(/ecs/prod/s3fs-public/user-uploads/ic-ac-unit-24-px.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open span:nth-child(1) {
    color: #ffffff;
    margin-left: 12px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open.switch--heat {
    background-color: #ff231e;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open.switch--heat .switch-handle:after {
    background-image: url(/ecs/prod/s3fs-public/user-uploads/group-3.svg);
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open.switch--heat p {
    padding-left: 3px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open.switch--heat p span:nth-child(2) {
    right: -40px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul {
    margin-top: 22px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul li {
    list-style-type: none;
    float: left;
    margin-left: 20px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul li:nth-child(1) {
    margin-left: 0;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul li div {
    cursor: pointer;
    width: 46px;
    height: 46px;
    display: inline-block;
    line-height: 43px;
    text-align: center;
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul li div img {
    vertical-align: middle;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul li div.active-img {
    background-color: #e6eaec;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open span:nth-child(1) {
        color: #ffffff;
        position: absolute;
        top: -18px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch.switch--open .autoAir span:nth-child(1) {
        right: 58px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor .content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 24px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul.mt15 {
        margin-top: 20px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul::before {
        display: none;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul::after {
        display: none;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 74px;
        width: 32%;
        float: none;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor:nth-child(3) {
        margin-right: 0px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize {
        margin-bottom: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item span.title {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor,
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor:nth-child(2),
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch,
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize {
        margin-right: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor:nth-child(3) {
        padding-right: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 48px;
        font-size: 14px;
        line-height: 48px;
        color: black;
        text-align: center;
        width: 100%;
        border: solid 2px #D6D6D6;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor {
        margin-top: 0px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km {
        width: 100px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span#mileage {
        height: 80px;
        width: 100px;
        font-size: 56px;
        line-height: 80px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span:last-child {
        font-size: 14px;
        bottom: 16px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul:nth-child(2) li.item.item__factor {
        width: 49%;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.up,
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.down {
        width: 14px;
        height: 14px;
        top: 50%;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.up:after,
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.up:before,
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.down:after,
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.down:before {
        display: none;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.down {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle i.up {
        right: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(-90deg);
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .tempature {
        padding: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle .speed-box {
        width: 48px;
        height: 48px;
        position: absolute;
        cursor: pointer;
        top: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle .speed-box.speed-box-add {
        border: none;
        right: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle .speed-box.speed-box-reduce {
        border: none;
        left: 0;
        top: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor .con-right li.item {
        width: 49%;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch {
        margin-top: 0px;
    }
}

@media all and (max-width:1023px) and (max-width:350px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch {
        width: 49%;
    }
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch {
        width: 100%;
        height: 48px;
        position: relative;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch .switch-handle {
        height: 38px;
        width: 38px;
        top: 50%;
        left: 4px;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch .switch-handle.transform-right {
        left: auto;
        right: 7px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 12px;
        padding: 0 4px;
        line-height: 38px;
        -ms-line-height: 38px;
        width: 100%;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p span {
        font-size: 14px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__switch .switch p span:nth-child(2) {
        right: 19px;
        font-size: 14px;
        margin-left: 12px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle #tempature {
        font-size: 21px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__factor .rectangle span.kmh {
        font-size: 21px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize span:not(.title) {
        display: block;
        text-align: center;
        font-size: 14px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul {
        width: 100%;
        margin-top: 13px;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul li {
        width: 25%;
        text-align: center;
        margin-left: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.item.item__naveBossSize ul li div {
        width: 60px;
        height: 60px;
        padding: 7px;
        line-height: 0.5;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.base:last-child {
    position: absolute;
    top: 179px;
    display: block;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.base:last-child span {
    font-size: 12px;
    font-weight: normal;
    color: #c8c3c7;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.base:last-child {
        position: static;
        margin-bottom: 0;
    }
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor ul li.base:last-child:after {
        width: 100%;
        content: "";
        display: block;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        margin-top: 25px;
    }
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor .warning {
    width: 940px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: left;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor .warning p {
    line-height: 20px;
}

.es6-mileage-calculator-page .chargeWrapper .chargeFactor .warning p span {
    font-weight: 300;
    font-size: 12px;
    color: #9b9b9b;
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .chargeWrapper .chargeFactor .warning {
        padding: 0 28px;
        margin-top: 28px;
        width: 100%;
    }
}

@media all and (max-width:1023px) {
    .es6-mileage-calculator-page .footer {
        margin: 0 23px;
    }
}

@-webkit-keyframes infinite-spinning {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes infinite-spinning {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.es8-configuration {}

.es8-configuration body {
    height: 100%;
}

.es8-configuration .has-formulae-subnav #page-wrapper {
    background-color: #fff;
}

@media (min-width:64em) {
    .es8-configuration .header-wrapper {
        background: #000;
        height: 63px;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
    }
}

.es8-configuration . {
    max-width: 100%;
    margin: 23px auto;
    text-align: center;
}

@media (min-width:1024px) {
    .es8-configuration . {
        margin: 57px auto;
        max-width: 70%;
    }
}

.es8-configuration . .configuration-hd {
    text-align: center;
    margin-top: 10%;
}

@media (min-width:480px) {
    .es8-configuration . .configuration-hd {
        margin-top: 10%;
    }
}

.es8-configuration . .nio-es8__logo {
    margin: 0 auto 10px auto;
    max-width: 166px;
}

.es8-configuration . .nio-es8__logo img {
    width: 100%;
}

@media (min-width:480px) {
    .es8-configuration . .nio-es8__logo {
        margin-bottom: 20px;
        max-width: 300px;
    }
}

@media (min-width:1024px) {
    .es8-configuration . .nio-es8__logo {
        max-width: 330px;
    }
}

.es8-configuration . h1 {
    font-size: 28px;
    font-weight: 500;
}

@media (min-width:1024px) {
    .es8-configuration . h1 {
        font-size: 48px;
        letter-spacing: 7px;
    }
}

.es8-configuration . h2 {
    line-height: 50px;
    font-size: 14px;
    font-weight: 200;
}

@media (min-width:1024px) {
    .es8-configuration . h2 {
        font-size: 32px;
        line-height: 70px;
    }
}

.es8-configuration .high-light {
    color: #00C0BF;
}

.es8-configuration .configuration-table {
    margin-top: 40px;
}

.es8-configuration .configuration-table .tab-wrapper {
    height: 100px;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab-wrapper {
        height: 126px;
    }
}

.es8-configuration .configuration-table .tab {
    height: 100px;
    background: #000;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab {
        height: 126px;
    }
}

.es8-configuration .configuration-table .tab ul {
    font-size: 0;
}

.es8-configuration .configuration-table .tab li {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.5);
    width: 25%;
    position: relative;
    overflow: hidden;
    font-weight: 500;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab li {
        line-height: 63px;
        font-size: 16px;
    }
}

.es8-configuration .configuration-table .tab li span {
    position: relative;
}

.es8-configuration .configuration-table .tab li span:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #00BEBE;
    opacity: 0;
    bottom: -20px;
    left: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}

.es8-configuration .configuration-table .tab .sub-tab {
    background: #fff;
    position: relative;
    z-index: 8;
    height: 50px;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab .sub-tab {
        height: 63px;
    }
}

.es8-configuration .configuration-table .tab .sub-tab .first-td {
    text-align: left;
    padding-left: 24px;
    border-left: 1px solid #E0E5E7;
    color: #999;
    font-size: 14px;
}

.es8-configuration .configuration-table .tab .sub-tab .first-td span {
    color: #ccc;
    margin-right: 5px;
    margin-left: 10px;
    font-weight: 200;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab .sub-tab .first-td {
        font-size: 16px;
    }
}

.es8-configuration .configuration-table .tab table {
    width: 100%;
    height: 100%;
    background: #fff;
}

.es8-configuration .configuration-table .tab table td {
    text-align: center;
    border-right: 1px solid #E0E5E7;
    font-size: 14px;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab table td {
        font-size: 16px;
    }
}

.es8-configuration .configuration-table .tab table td span {
    color: #00BEBE;
    font-weight: 600;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab table td span {
        font-size: 16px;
    }
}

.es8-configuration .configuration-table .tab .tab-active {
    color: #00BEBE;
}

.es8-configuration .configuration-table .tab .tab-active span:after {
    bottom: -10px;
    opacity: 1;
}

.es8-configuration .configuration-table .tab-content table {
    border: 1px solid #E0E5E7;
}

.es8-configuration .configuration-table .tab-content thead tr th {
    text-align: center;
    border-left: 1px solid #E0E5E7;
    font-size: 14px;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab-content thead tr th {
        font-size: 20px;
    }
}

.es8-configuration .configuration-table .tab-content thead tr th span {
    color: #00BEBE;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab-content thead tr th span {
        font-size: 16px;
    }
}

.es8-configuration .configuration-table .tab-content thead tr .first-th {
    font-size: 20px;
    text-align: left;
    padding-left: 24px;
    padding-top: 30px;
    padding-bottom: 10px;
    height: 80px;
    font-weight: 500;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab-content thead tr .first-th {
        font-size: 32px;
    }
}

.es8-configuration .configuration-table .tab-content tbody {
    border-bottom: 6px solid #E3E3E3;
}

.es8-configuration .configuration-table .tab-content tbody td {
    padding: 13px 0;
    border-left: 1px solid #E0E5E7;
    text-align: center;
    font-size: 14px;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab-content tbody td {
        font-size: 16px;
    }
}

.es8-configuration .configuration-table .tab-content tbody .tal {
    text-align: left;
    padding-left: 24px;
}

.es8-configuration .configuration-table .tab-content tbody tr:nth-child(odd) {
    background: #F1FAFA;
}

.es8-configuration .configuration-table .tab-content tbody tr:nth-child(even) {
    background: #fff;
}

.es8-configuration .dot {
    border: 1px solid #000;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 5px;
}

.es8-configuration .dot.has {
    background: #000;
}

@media (min-width:1024px) {
    .es8-configuration .header.header--unstick {
        position: absolute !important;
        top: auto !important;
    }
}

.es8-configuration .configuration-tab-fixed {
    position: fixed;
    z-index: 10;
    width: 70%;
    top: 0;
}

.es8-configuration .configuration-tab-fixed-mobile {
    position: fixed;
    z-index: 9;
    top: 50px;
    width: 100%;
}

.es8-configuration .logo_fixed {
    left: 40px;
    position: fixed;
    top: 10px;
}

@media (min-width:1024px) {
    .es8-configuration . .clearfix {
        margin: 57px auto;
        max-width: 70%;
    }
}

.es8-configuration #champ-tabs #standings .ui-tabs-nav .ui-tabs-anchor,
.es8-configuration .btn {
    height: 20px;
}

.es8-configuration .btn--smaller {
    padding: 11px 10px 9px;
}

.es8-configuration .configuration-table .tab-content thead tr .first-th,
.es8-configuration .configuration-table .tab-content tbody .tal {
    padding-left: 10px;
}

.es8-configuration .menu-item {
    position: relative;
}

.es8-configuration .sub-tab {
    border-bottom: 1px solid #E0E5E7;
}

@media (min-width:1024px) {
    .es8-configuration .configuration-table .tab li {
        line-height: 73px;
    }
}

.es8-configuration .configuration-tab-fixed {
    z-index: 12;
}

.es8-configuration .toolbar-fixed .header {
    background-color: transparent;
}

.es8-configuration .btn--rounded.btn--black {
    border-color: #FFF;
    color: #FFF;
    line-height: 24px;
}

@media (max-width:64em) {
    .es8-configuration #content . {
        width: 100%;
        margin: 0;
    }
}

.es8-configuration .region-top-navigation .menu span,
.es8-configuration .region-top-navigation .menu a {
    margin-bottom: 10px;
}

@media (min-width:64em) {
    .es8-configuration .region-top-navigation .menu--level-0>li.menu__item>span,
    .es8-configuration .region-top-navigation .menu--level-0>li.menu__item>a {
        color: #FFF;
    }
    .es8-configuration .region-top-navigation .menu--level-0>li.menu__item--has-children:hover>span {
        color: #000;
    }
    .es8-configuration .region-top-navigation .menu--level-0>li.menu__item--has-children:after {
        background-image: url(/themes/nioweb/images/down-chevron-white.svg);
    }
    .es8-configuration .region-top-navigation .menu--level-0>li.menu__item--has-children:hover:after {
        background-image: url(/themes/nioweb/images/down-chevron-black.svg);
    }
    .es8-configuration .header.header--hidden {
        background-color: #000;
    }
    .es8-configuration .header:not(.header--animated) .header__logo svg g path {
        fill: #FFF;
    }
    .es8-configuration .header {
        background-color: #000;
    }
}

.es8-configuration .tab li {
    text-align: center;
}

.es8-configuration .configuration-hd {
    text-align: center;
}

.es8-configuration .menu-item .tooltip-box {
    position: absolute;
    left: 32%;
    bottom: 42px;
    z-index: 9999;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 15px;
    border-radius: 3px;
    display: none;
}

.es8-configuration .partner-entry.tooltip-box {
    margin-left: -60px;
}

@media screen and (max-width:63.9375em) {
    .es8-configuration .partner-entry.tooltip-box {
        margin-left: -46px;
    }
}

.es8-configuration .partner-entry.tooltip-box a {
    display: block;
    white-space: nowrap;
    text-decoration: underline;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0;
    text-transform: lowercase;
}

.es8-configuration .menu-item-wechat .tooltip-box {
    height: 180px;
    width: 180px;
    margin-left: -88px;
    max-width: 180px;
}

.es8-configuration .menu-item-phone .tooltip-box {
    margin-left: -70px;
}

.es8-configuration .menu-item-phone .tooltip-box span {
    display: block;
    color: #00BEBE;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
}

.es8-configuration .menu-item .tooltip-box:after {
    display: block;
    position: absolute;
    content: '';
    bottom: -8px;
    background: #fff;
    left: 50%;
    margin-left: -6px;
    width: 15px;
    height: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (min-width:480px) {
    .es8-configuration . .configuration-hd {
        margin-top: 10%;
    }
    .es8-configuration . h2 {
        font-size: 42px;
    }
}

@media (max-width:480px) {
    .es8-configuration . .configuration-hd {
        margin-top: 20%;
    }
    .es8-configuration . h2 {
        font-size: 32px;
    }
    .es8-configuration . .nio-es8__logo {
        margin-bottom: 0;
    }
}

.es8-mileage-calculator-page {}

@-webkit-keyframes haha1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.es8-mileage-calculator-page .show-block {
    display: inline-block;
}

.es8-mileage-calculator-page div {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.es8-mileage-calculator-page .chargeWrapper .constant-box.hide-box,
.es8-mileage-calculator-page .chargeWrapper .nedc-box.hide-box {
    display: none;
}

.es8-mileage-calculator-page .colorSky {
    color: #00c0bf;
}

.es8-mileage-calculator-page img {
    display: inline-block;
}

.es8-mileage-calculator-page html,
.es8-mileage-calculator-page body {
    min-width: 320px;
    margin: 0 auto;
}

.es8-mileage-calculator-page .active {
    visibility: visible !important;
}

.es8-mileage-calculator-page .hidden-info {
    visibility: hidden;
}

.es8-mileage-calculator-page .chargeWrapper {
    padding-top: 50px;
    padding-bottom: 25px;
}

@media (min-width:1024px) {
    .es8-mileage-calculator-page .chargeWrapper {
        min-height: 80%;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeTitle {
    margin-top: 92px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeTitle h1 {
    text-align: center;
    font-size: 48px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor.item__factor-battery.active .rectangle.cell {
    border: 1px solid #00bebe;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeTitle {
        margin-top: 23px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeTitle h1 {
        font-size: 24px;
        line-height: 1.67;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart {
    margin-top: 38px;
    text-align: center;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg {
    width: 621px;
    position: relative;
    display: inline-block;
    text-align: center;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg {
        width: 285px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg img {
    width: 100%;
    height: auto;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .dn {
    display: none;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel span {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90px;
    position: absolute;
    width: 90px;
    bottom: 49px;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel span {
        width: 40px;
        height: 40px;
        bottom: 24px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .frontwheel {
    left: 81px;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .frontwheel {
        left: 34px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .backwheel {
    right: 99px;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .backwheel {
        right: 43px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-19 .frontwheel {
    background-image: url(/ecs/prod/s3fs-public/inline-images/19_frontWheel.png);
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-19 .backwheel {
    background-image: url(/ecs/prod/s3fs-public/inline-images/19_backWheel.png);
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-0 .frontwheel {
    background-image: url(/res/images/chargePage/20_frontWheel-0.png);
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-0 .backwheel {
    background-image: url(/res/images/chargePage/20_backWheel-0.png);
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-1 .frontwheel {
    background-image: url(/res/images/chargePage/20_frontWheel-1.png);
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-20-1 .backwheel {
    background-image: url(/res/images/chargePage/20_backWheel-1.png);
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-21 .frontwheel {
    background-image: url(/res/images/chargePage/21_frontWheel.png);
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeCartImg .chargeCartWheel .wheel-21 .backwheel {
    background-image: url(/res/images/chargePage/21_backWheel.png);
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart {
        margin-top: 26px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo {
    margin-top: 14px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one {
    margin-right: 45px;
    display: inline-block;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .kwh {
    font-size: 14px;
    font-weight: 400;
    color: #939799;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km {
    margin-top: 7px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span#mileage {
    height: 40px;
    width: 64px;
    display: inline-block;
    font-size: 34px;
    font-weight: bold;
    color: black;
    line-height: 40px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span:last-child {
    vertical-align: top;
    height: 28px;
    font-size: 14px;
    font-weight: 200;
    color: black;
    line-height: 28px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two {
    display: inline-block;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .kwh {
    font-size: 14px;
    font-weight: 400;
    color: #939799;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km {
    margin-top: 7px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span#mileage-two {
    display: inline-block;
    height: 40px;
    width: 64px;
    font-size: 34px;
    font-weight: bold;
    color: black;
    line-height: 40px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span:last-child {
    vertical-align: top;
    height: 28px;
    font-size: 14px;
    font-weight: 200;
    color: black;
    line-height: 28px;
}

.es8-mileage-calculator-page .main-wrapper .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 8px;
    width: 100%;
    height: 37px;
    padding: 0 24px;
    margin: 30px auto;
}

.es8-mileage-calculator-page .main-wrapper .box span {
    display: inline-block;
    width: 50%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 37px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    border: 1px solid #979797;
    background-color: #FFF;
}

.es8-mileage-calculator-page .main-wrapper .box span.use-active {
    background-color: #00bebe;
    border-color: #00bebe;
    color: #FFF;
}

.es8-mileage-calculator-page .main-wrapper .box .left {
    border-right: none;
    border-radius: 8px 0 0 8px;
}

.es8-mileage-calculator-page .main-wrapper .box .right {
    border-left: none;
    border-radius: 0 8px 8px 0;
}

@media all and (min-width:1024px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo {
        margin-top: 3px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one {
        margin-right: 72px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .kwh {
        height: 26px;
        line-height: 26px;
        font-size: 22px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km {
        margin-top: 6px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span#mileage {
        height: 86px;
        width: 135px;
        font-size: 72px;
        line-height: 86px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .one .km span:last-child {
        vertical-align: top;
        font-size: 24px;
        font-weight: 300;
        margin-left: 10px;
        line-height: 48px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .kwh {
        height: 26px;
        line-height: 26px;
        font-size: 22px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km {
        margin-top: 6px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span#mileage-two {
        height: 86px;
        width: 135px;
        font-size: 72px;
        line-height: 86px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .two .km span:last-child {
        vertical-align: top;
        font-size: 24px;
        font-weight: 300;
        margin-left: 10px;
        line-height: 48px;
    }
    .es8-mileage-calculator-page .main-wrapper .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-radius: 8px;
        background-color: #00bfbf;
        width: 511px;
        height: 46px;
        margin: 30px auto;
        padding: 0;
    }
    .es8-mileage-calculator-page .main-wrapper .box span {
        display: inline-block;
        width: 50%;
        height: 100%;
        overflow: hidden;
        text-align: center;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: 46px;
        white-space: nowrap;
        color: #000000;
        font-size: 18px;
        border: 1px solid #979797;
        background-color: #FFF;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .kwh {
    font-size: 14px;
    font-weight: 400;
    color: #939799;
}

@media all and (min-width:1024px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .kwh {
        font-size: 22px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km {
    font-weight: bold;
    position: relative;
    margin-top: 7px;
    color: #00bebe;
    text-align: center;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span#mileage,
.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span#nedc_mileage {
    display: inline-block;
    position: relative;
    height: 40px;
    margin-top: 20px;
    font-size: 34px;
    font-weight: lighter;
    line-height: 40px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span:nth-child(2) {
    vertical-align: top;
    margin-left: 3px;
    width: 21px;
    height: 26px;
    line-height: 26px;
    font-weight: 200;
}

@media all and (min-width:1024px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km {
        margin-top: 6px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span#mileage,
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span#nedc_mileage {
        font-size: 72px;
        height: 86px;
        line-height: 86px;
        width: 135px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span:nth-child(2) {
        font-size: 24px;
        margin-right: 12px;
        font-weight: 300;
        height: 28px;
        line-height: 28px;
        width: 35px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span#mileage-two {
    width: 64px;
    height: 40px;
    font-size: 34px;
    line-height: 40px;
    margin-left: 45px;
    position: relative;
    display: inline-block;
}

.es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span:last-child {
    position: absolute;
    vertical-align: top;
    font-size: 14px;
    margin-left: 33.5px;
    width: 21px;
    height: 26px;
    line-height: 26px;
    font-weight: 200;
    bottom: 0;
    left: 50%;
}

@media all and (min-width:1024px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span#mileage-two {
        font-size: 72px;
        height: 86px;
        line-height: 86px;
        margin-left: 118px;
        width: 135px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeCart .chargeInfo .km span:last-child {
        position: absolute;
        top: 65px;
        left: 50%;
        margin-left: 67.5px;
        font-size: 24px;
        font-weight: 300;
        height: 28px;
        line-height: 28px;
        width: 35px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor {
    margin-top: 39px;
    text-align: center;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor {
        margin-top: 24px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul {
    position: relative;
    padding: 0 24px;
    margin-top: 24px;
}

@media all and (min-width:1024px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul {
        display: inline-block;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul.nedc-box {
        width: 511px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul.nedc-box li.item.item__factor:nth-child(2) {
        width: 50%;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul.nedc-box li.item.item__factor .rectangle {
        width: 100%;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: left;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor {
    margin-right: 28px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle {
    position: relative;
    margin-top: 9px;
    width: 165px;
    height: 72px;
    line-height: 72px;
    background-color: #ffffff;
    border: solid 1px #D6D6D6;
    padding-right: 27.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:first-child .rectangle {
    width: 165px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle .speed-box {
    width: 37px;
    height: 37px;
    position: absolute;
    cursor: pointer;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle .speed-box.speed-box-add {
    right: 0;
    top: 0;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-right: none;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle .speed-box.speed-box-reduce {
    right: 0;
    top: 50%;
    border: none;
    border-left: 1px solid #e3e3e3;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle span.kmh {
    padding-left: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.24;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:last-child .rectangle span.kmh {
    font-weight: bold;
    font-size: 22px;
    color: black;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.up {
    background-image: url(/ecs/prod/s3fs-public/user-uploads/down-chevron-black.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 10px;
    right: 13.5px;
    position: absolute;
    top: 13.5px;
    width: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.down {
    background-image: url(/ecs/prod/s3fs-public/user-uploads/down-chevron-black.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    height: 10px;
    right: 13.5px;
    position: absolute;
    bottom: 13.5px;
    width: 10px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.active-arrows {
    background-image: url(/ecs/prod/s3fs-public/user-uploads/up-chevron.svg);
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(2) {
    margin-right: 26px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch {
    margin-right: 49px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch {
    margin-top: 16px;
    width: 165px;
    height: 58px;
    border-radius: 29px;
    border: solid 1px #00263c;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch .switch-handle {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 6px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    background-color: #00263c;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch .switch-handle.transform-right {
    left: auto;
    right: 6px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch p {
    position: absolute;
    width: 100%;
    padding: 0 15px 0 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    font-size: 18px;
    color: #00263c;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch p.autoAir {
    right: 0px;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch {
        margin-top: 9px;
        width: 100%;
        height: 44px;
        position: relative;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch.nedc .switch {
        margin: 9px auto;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch .switch-handle {
        height: 30px;
        width: 30px;
        top: 7px;
        left: 6px;
        right: 0;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch p span:nth-child(2) {
        position: static;
        margin-right: 0;
        margin-left: 12px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize span:not(.title) {
        display: block;
        text-align: center;
        font-size: 14px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul {
        width: 100%;
        margin-top: 13px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch p.autoAir {
        right: 0;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul {
        margin-top: 0;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch p span:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    visibility: hidden;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch p span:nth-child(1) {
        margin-left: 8px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch p span:nth-child(2) {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 100%;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.switch--open {
    background-color: #00c0bf;
    border: none;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.switch--open .switch-handle {
    background-color: #fff;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.switch--open .switch-handle:after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: center no-repeat;
    position: absolute;
    top: 53%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.vrv.switch--open .switch-handle:after {
    background-image: url(/ecs/prod/s3fs-public/user-uploads/ic-ac-unit-24-px.svg);
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.switch--open span:nth-child(1) {
    color: #ffffff;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.switch--open .autoAir span:nth-child(1) {
    position: absolute;
    right: 20px;
    left: auto;
    top: -14px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.vrv.switch--open.switch--heat {
    background-color: #ff231e;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.vrv.switch--open.switch--heat .switch-handle:after {
    background-image: url(/ecs/prod/s3fs-public/user-uploads/group-3.svg);
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.vrv.switch--open.switch--heat p {
    padding-left: 15px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch .switch.vrv.switch--open.switch--heat p span:nth-child(2) {
    right: -40px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul {
    margin-top: 22px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li {
    list-style-type: none;
    float: left;
    margin-left: 20px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li:nth-child(1) {
    margin-left: 0;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li div {
    cursor: pointer;
    width: 46px;
    height: 46px;
    display: inline-block;
    line-height: 43px;
    text-align: center;
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li div img {
    vertical-align: middle;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li div.active-img {
    background-color: #e6eaec;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page {}
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item {
        margin-bottom: 20px;
        display: block;
        float: none;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize {
        margin-bottom: 0;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item span.title {
        margin-bottom: 12px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(2),
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize {
        margin-right: 0;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(1),
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(2),
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(3),
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(1) .rectangle,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(2) .rectangle,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(3) .rectangle {
        width: 100%;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor:nth-child(4) {
        float: left;
        width: 50%;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle {
        padding: 0 37px;
        height: 44px;
        font-size: 18px;
        line-height: 44px;
        text-align: center;
        width: 100%;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle.cell {
        padding: 0 37px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.up,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.down {
        width: 19px;
        height: 19px;
        top: 50%;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.up:after,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.up:before,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.down:after,
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.down:before {
        display: none;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.down {
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        left: 11px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle i.up {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
        right: 11px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle .speed-box {
        width: 43px;
        height: 43px;
        position: absolute;
        cursor: pointer;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle .speed-box.speed-box-add {
        right: 0;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__factor .rectangle .speed-box.speed-box-reduce {
        left: 0;
        top: 0;
        border: none;
        border-right: 1px solid #e3e3e3;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch {
        position: static;
        width: 50%;
        padding-left: 20px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch.nedc {
        position: static;
        width: 100%;
        padding-left: 20px;
        text-align: center;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul.nedc-box li.item.item__switch {
        top: 17.5%;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li div img {
        vertical-align: top;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li {
        width: 22%;
        text-align: center;
        margin-left: 12px;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__naveBossSize ul li div {
        width: 60px;
        height: 60px;
        padding: 7px;
        line-height: 0.5;
    }
}

@media all and (max-width:1023px) and (max-width:350px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.item.item__switch {
        width: 50%;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.base:last-child {
    position: absolute;
    top: 179px;
    display: block;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.base:last-child span {
    font-size: 12px;
    font-weight: normal;
    color: #c8c3c7;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.base:last-child {
        position: static;
        margin-bottom: 0;
    }
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor>ul li.base:last-child:after {
        width: 100%;
        content: "";
        display: block;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        margin-top: 25px;
    }
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor .warning {
    width: 858px;
    margin: 0 auto;
    margin-top: 69px;
    text-align: left;
    font-size: 12px;
}

.es8-mileage-calculator-page .chargeWrapper .chargeFactor .warning span {
    font-weight: 300;
    color: black;
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .chargeWrapper .chargeFactor .warning {
        padding: 0 23px;
        margin-top: 28px;
        width: 100%;
    }
}

@media all and (max-width:1023px) {
    .es8-mileage-calculator-page .footer {
        margin: 0 23px;
    }
}

@-webkit-keyframes infinite-spinning {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes infinite-spinning {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.eve-page .btn {
    width: 126px;
    height: 36px;
    font-size: 14px;
}

.eve-page .eve__hero-logo {
    width: 47.47vw;
    margin: 0 auto;
}

.eve-page .btn.btn--small {
    width: 186px;
    height: 46px;
    font-size: 16px;
}

.eve-page .btn--white:hover {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    color: #000f16;
    background-color: #FFF;
    border-color: #FFF;
}

.eve-page .btn.btn--aqua {
    color: #FFF;
    background-color: #00bebe;
    border-color: #00bebe;
}

.eve-page .btn--aqua:hover {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    color: #FFF;
    background-color: #00263c;
    border-color: #00263c;
}

.eve-page .btn--black {
    color: #000f16;
}

.eve-page .btn--black:hover {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    color: #FFF;
    background-color: #00263c;
    border-color: #00263c;
}

.eve-page .field__item .eve-banner-p {
    font-size: 40px;
    color: #000f16;
    letter-spacing: 0;
    text-align: center;
    line-height: 62px;
}

.eve-page .app-block {
    position: relative;
}

.eve-page .app-block .app-block__image img {
    width: 215px;
}

.eve-page .niohouse .app-block__image {
    text-align: center;
}

@media (min-width:75.6875em) {
    .eve-page .text-banner--medium {
        height: 270px;
    }
    .eve-page .hero__text .eve-hero-text {
        font-size: 52px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
    }
}

@media (min-width:64em) {
    .eve-page .app-block .app-block__image {
        position: absolute;
        right: 20%;
        bottom: -5px;
    }
    .eve-page .hero__text .eve-hero-text {
        font-size: 52px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        position: absolute;
        top: 26vw;
        margin-left: -208px;
        left: 50%;
        text-align: center;
    }
    .eve-page .text-banner--medium {
        height: 270px;
    }
    .eve-page .field__item .eve-banner-teal-p {
        font-size: 24px;
        color: #00bebe;
        letter-spacing: 0;
        text-align: center;
        line-height: 62px;
    }
    .eve-page .hero-banner-button {
        width: 210px;
        height: 50px;
        position: absolute;
        top: 30vw;
        left: 50%;
        margin-left: -105px;
    }
    .eve-page .app-block .app-block__text {
        margin-left: 4.6%;
        width: 100%;
        text-align: left;
    }
}

@media (min-width:48em) {
    .eve-page .app-block .app-block__image img {
        width: 386px;
    }
    .eve-page .app-block .app-block__text p.app-block__description,
    .eve-page .app-block .app-block__text h3.app-block__title {
        font-weight: 300;
        font-size: 42px;
        display: inline;
    }
    .eve-page .app-block .app-block__text h3.app-block__title {
        margin-bottom: 0;
    }
}

@media (max-width:63.9375em) {
    .eve-page .app-block {
        padding: 60px 0 0 0;
        text-align: center;
    }
}

@media (min-width:480px) {
    .eve-page .hero__content {
        top: 30%;
    }
    .eve-page .eve__hero-logo {
        width: 20.47vw;
        margin: 0 auto;
    }
}

@media (max-width:480px) {
    .eve-page .mero-button {
        position: absolute;
        left: 50%;
        margin-left: -105px;
        top: 63vw;
    }
    .eve-page .hero__content {
        top: 25%;
    }
    .eve-page .text-banner--content .eve-banner-p {
        font-size: 2rem;
        line-height: 2.3rem;
        padding: 0 4rem;
        text-align: center;
        color: #004B64;
    }
    .eve-page .field__item .eve-banner-teal-p {
        font-size: 1.8rem;
        color: #00bebe;
        letter-spacing: 0;
        text-align: center;
        line-height: 2rem;
    }
    .eve-page .hero__text .eve-hero-text {
        position: absolute;
        font-weight: 100;
        width: 100%;
        font-size: 24px;
        top: 52vw;
    }
}

.eve-page .field__item.item-id-1 .eve__hero-logo {
    margin-top: 9rem;
}

.nio-life-page .all--hide {
    display: none;
}

.nio-life-page .life-item1 .life--logo {
    width: 16.52vw;
    margin-top: 18vw;
}

@media (max-width:480px) {
    .nio-life-page .life-item1 .life--logo {
        width: 38.133vw;
        margin-top: 40vw;
    }
}

.nio-life-page .paragraphs-custom-content p {
    color: #545759;
    font-size: 32px;
    line-height: 48px;
    font-weight: lighter;
    font-family: inherit;
    margin-bottom: 0;
}

.nio-life-page .paragraph--type--temporary-html-block .paragraphs-custom-content {
    margin-bottom: 5%;
}

@media (max-width:480px) {
    .nio-life-page .paragraph--type--temporary-html-block .paragraphs-custom-content {
        margin-bottom: 15%;
        margin-top: 15%;
    }
    .nio-life-page .paragraphs-custom-content p {
        font-size: 24px;
        width: 85%;
        margin: 0 auto;
    }
}

.nio-life-page .btn--rounded.btn--white {
    background-color: transparent;
}

.nio-life-page .btn--rounded.btn--white:hover {
    background-color: #FFF;
}

.nio-life-page .life-item3 .align-center {
    width: 40.625vw;
}

.nio-life-page .life-item3 .hero__content {
    top: 48%;
}

.nio-life-page .hero__content p.title {
    font-weight: 400;
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 7.07px;
    text-align: center;
    line-height: 25px;
    margin-top: 3vw;
    margin-bottom: 6.38vw;
    text-transform: uppercase;
}

.nio-life-page .hero__content p.title span {
    letter-spacing: 9.42px;
    font-weight: bold;
}

@media (max-width:480px) {
    .nio-life-page .life-item3 .align-center {
        width: 78.4vw;
    }
    .nio-life-page .life-item3 .hero__content {
        top: 47%;
    }
    .nio-life-page .hero__content .title span {
        display: block;
    }
    .nio-life-page .hero__content p.title {
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        letter-spacing: 5.3px;
        text-align: center;
        line-height: 36px;
    }
    .nio-life-page .hero__content p.title span {
        display: block;
        font-weight: bold;
    }
    .nio-life-page .hero__content .title {
        margin-top: 19vw;
    }
}

.nio-life-page .paragraph--type--temporary-html-block .paragraphs-custom-content .paragraphs-custom-title {
    font-size: 32px;
    color: #000F16;
    letter-spacing: 0;
    text-align: center;
    line-height: 48px;
    text-transform: unset;
    text-transform: none;
    font-weight: 400;
}

.nio-life-page .paragraphs-custom-content .paragraphs-custom-text {
    font-size: 14px;
    color: #545759;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
}

@media (max-width:480px) {
    .nio-life-page .paragraph--type--temporary-html-block .paragraphs-custom-content .paragraphs-custom-title {
        font-size: 24px;
        line-height: 36px;
    }
}

.nio-life-page .cells {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 74.306vw;
    margin: 1rem auto 10rem;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.nio-life-page .cell-column {
    width: 24.305vw;
    height: 42.361vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nio-life-page .cell-column img {
    width: 24.305vw;
    height: 20.833vw;
}

.nio-life-page .cell-column.cell-long img {
    width: 24.305vw;
    height: 42.361vw;
}

@media (max-width:480px) {
    .nio-life-page .cells {
        width: 80.8vw;
        height: 101.333vw;
    }
    .nio-life-page .cell-column {
        width: 38.666vw;
        height: 66.666vw;
    }
    .nio-life-page .cell-column.cell-mobile-raw {
        width: 80.8vw;
        height: 32vw;
    }
    .nio-life-page .cell-column img {
        width: 38.666vw;
        height: 32vw;
    }
    .nio-life-page .cell-column.cell-long img {
        width: 38.666vw;
        height: 66.666vw;
    }
}

.nio-life-page .text-ligrate {
    color: #FFF;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 7rem;
    width: 28rem;
}

.nio-life-page .down--icon {
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: -1rem;
    left: 14rem;
}

.nio-life-page .field__item.item-id-6 .field--type-text-long,
.nio-life-page .field__item.item-id-7 .field--type-text-long {
    width: 40vw;
    height: 30vw;
    overflow: hidden;
    opacity: 0;
    transition: opacity 3s linear;
    -moz-transition: opacity 3s linear;
    -webkit-transition: opacity 3s linear;
    -o-transition: opacity 3s linear;
}

.nio-life-page .image-paragraph__text {
    left: 58%;
}

.nio-life-page .scroll-content {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 71%;
    width: 42vw;
}

.nio-life-page .image--title {
    font-weight: 100;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 60px;
    text-align: left;
}

.nio-life-page .red-line {
    width: 80px;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(#FF231E), color-stop(97%, rgba(253, 36, 31, 0)));
    background-image: -o-linear-gradient(left, #FF231E 0%, rgba(253, 36, 31, 0) 97%);
    background-image: linear-gradient(to right, #FF231E 0%, rgba(253, 36, 31, 0) 97%);
}

@media (max-width:480px) {
    .nio-life-page .down--icon {
        left: 45%;
    }
    .nio-life-page .field__item.item-id-6 .field--type-text-long,
    .nio-life-page .field__item.item-id-7 .field--type-text-long {
        width: 90%;
        margin-top: 92vw;
    }
    .nio-life-page .field__item.item-id-6 .field--type-text-long,
    .nio-life-page .field__item.item-id-7 .field--type-text-long {
        height: 90vw;
    }
    .nio-life-page .image--title {
        font-size: 32px;
        line-height: 48px;
    }
    .nio-life-page .scroll-content {
        width: 92vw;
    }
    .nio-life-page .text-ligrate {
        font-size: 14px;
        line-height: 24px;
        width: 80vw;
    }
    .nio-life-page .image-paragraph__text {
        left: 54%;
    }
}

.nio-life-page .no-touchevents .slick-arrow {
    opacity: 0.6;
    background: #000F17;
    border: 1px solid #979797;
}

.nio-life-page .field__item.item-id-9 .image-paragraph__image {
    width: 74.305%;
    margin: 0 auto 5rem;
}

.nio-life-page .field__item.item-id-9,
.nio-life-page .field__item.item-id-8 {
    background: #F7F9FA;
}

@media (max-width:480px) {
    .nio-life-page .field__item.item-id-9 .image-paragraph__image {
        width: 89.333%;
    }
}

.nio-life-page .niohouse.app-block {
    background: url("/ecs/prod/s3fs-public/inline-images/APP-Life.jpg") no-repeat center center/100% auto;
}

.nio-life-page .es8 .app-block .app-block__image img {
    width: 361px;
}

@media (max-width:1336px) {
    .nio-life-page .niohouse.app-block {
        background-size: auto 100%;
    }
}

@media (max-width:1023px) {
    .nio-life-page .niohouse.app-block {
        background: url("/ecs/prod/s3fs-public/inline-images/Life-banner-mobile.jpg") no-repeat center center/100% auto;
    }
    .nio-life-page .es8 .app-block .app-block__image img {
        width: 80%;
    }
}

@media (max-width:480px) {
    .nio-life-page .app-self-title {
        width: 60%;
        margin: 0 auto;
    }
    .nio-life-page .niohouse.app-block {
        background-size: auto 100%;
    }
}

.nio-life-page .btn--small {
    width: 210px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    font-size: 16px;
}

.nio-life-page .btn--aqua {
    border: none;
    background: #00bebe;
    color: #FFF;
}

.nio-life-page .btn--aqua:hover {
    background: #00263c;
    color: #FFF;
}

.nio-life-page .paragraphs-custom-content .slide-module-title {
    font-size: 32px;
    color: #000F16;
    letter-spacing: 0;
    text-align: center;
    line-height: 48px;
    font-weight: 400;
}

.nio-life-page .paragraphs-custom-content .slide-module-title-text {
    font-size: 14px;
    color: #545759;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
}

@media (max-width:480px) {
    .nio-life-page .paragraphs-custom-content .slide-module-title {
        font-size: 32px;
        line-height: 48px;
    }
    .nio-life-page .paragraphs-custom-content .slide-module-title-text {
        font-size: 16px;
        line-height: 32px;
    }
}

.nio-service-page .btn--smaller {
    width: 150px;
    height: 40px;
}

.nio-service-page .btn.btn--aqua {
    border-color: #00bebe;
    background: #00bebe;
    color: #FFF;
}

.nio-service-page .btn.btn--aqua:hover {
    border-color: #00263c;
    background: #00263c;
}

.nio-service-page .bottom--line {
    display: inline-block;
    width: 80px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#00bebe), to(rgba(0, 190, 190, 0)));
    background: -o-linear-gradient(left, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
    background: linear-gradient(90deg, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
    margin: 35px 0 25px;
}

.nio-service-page .service-banner-box img.table--show {
    width: 100%;
}

.nio-service-page .table--show {
    display: block !important;
}

.nio-service-page .mobile--show {
    display: none !important;
}

.nio-service-page .block-title-box {
    position: absolute;
    top: 4.166vw;
    left: 4.166vw;
    width: 37vw;
    color: white;
}

.nio-service-page .block-title-box h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 36px;
    width: 100%;
    position: relative;
}

.nio-service-page .block-title-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

@media (max-width:480px) {
    .nio-service-page .btn.btn--aqua:hover {
        border-color: #00bebe;
        background: #00bebe;
        color: #FFF;
    }
    .nio-service-page .table--show {
        display: none !important;
    }
    .nio-service-page .mobile--show {
        display: block !important;
    }
    .nio-service-page .block-title-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 11.18vw 4.16vw 0 4.16vw;
        text-align: left;
    }
    .nio-service-page .block-title-box h2 {
        font-weight: 300;
        font-size: 32px;
        line-height: 24px;
        width: 100%;
    }
    .nio-service-page .block-title-box p {
        font-size: 14px;
        line-height: 24px;
    }
}

.nio-service-page .item-id-2 .paragraph--type--text-or-html {
    background: #f4f4f4;
}

.nio-service-page .service-note-text {
    width: 70%;
    margin: 94px auto 93px;
}

.nio-service-page .service-note-text p {
    font-size: 20px;
    font-weight: 400;
    color: #000f16;
    line-height: 40px;
    text-align: center;
    margin-bottom: 0;
}

@media (max-width:480px) {
    .nio-service-page .service-note-text {
        width: 88%;
        margin: 44px auto;
    }
    .nio-service-page .service-note-text p {
        font-size: 16px;
        line-height: 28px;
        display: inline;
        text-align: left;
    }
}

.nio-service-page .service-banner-box {
    position: relative;
}

.nio-service-page .service-banner-box h3 {
    position: absolute;
    margin-top: 56px;
    margin-left: 75px;
    font-size: 40px;
    font-weight: 300;
    color: white;
    line-height: 36px;
}

.nio-service-page .service-banner-box p {
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    color: white;
    line-height: 32px;
    left: 75px;
    bottom: 41px;
    margin-bottom: 0;
}

@media (max-width:480px) {
    .nio-service-page .service-banner-box h3 {
        position: absolute;
        margin-top: 2rem;
        margin-left: 0;
        width: 100%;
        text-align: left;
        padding-left: 2rem;
        font-size: 32px;
        font-weight: 300;
        line-height: 24px;
    }
    .nio-service-page .service-banner-box p {
        position: absolute;
        width: 100%;
        text-align: left;
        padding-left: 2rem;
        font-weight: 400;
        left: 0;
        bottom: 1.5rem;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
    }
}

.nio-service-page .service-chunk-box {
    text-align: center;
}

.nio-service-page .service-item {
    display: inline-block;
    margin: 4vw;
    width: 24.3vw;
    text-align: left;
    vertical-align: top;
}

.nio-service-page .service-item img {
    width: 24.3vw;
}

.nio-service-page .service-item h3 {
    margin-top: 40px;
    font-size: 2.777vw;
    font-weight: 100;
    font-weight: 300;
    color: #000f16;
    line-height: 36px;
}

.nio-service-page .service-item p {
    font-size: 14px;
    color: #000f16;
    line-height: 28px;
}

.nio-service-page .service-item a {
    font-size: 16px;
    font-weight: 400;
    font-weight: 400;
    color: #00bebe;
    line-height: 20px;
}

@media (max-width:480px) {
    .nio-service-page .service-item {
        display: block;
        margin: 0;
        width: 100%;
        padding: 2rem;
    }
    .nio-service-page .service-item img {
        width: 100%;
    }
    .nio-service-page .service-item h3 {
        margin-top: 40px;
        font-weight: 300;
        font-size: 32px;
        color: #000f16;
        line-height: 24px;
    }
    .nio-service-page .service-item p {
        line-height: 24px;
    }
}

.nio-service-page .item-id-5 {
    position: relative;
}

.nio-service-page .self-img {
    float: left;
}

.nio-service-page .left-big {
    width: 71.51%;
}

.nio-service-page .right-small {
    width: 28.48%;
}

.nio-service-page .block-title-box {
    top: 6.14vw;
}

.nio-service-page .lt-medium-show {
    display: none;
}

@media (max-width:768px) {
    .nio-service-page .field__item.item-id-5 .block-title-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 11.18vw 4.16vw 0 4.16vw;
        text-align: left;
    }
    .nio-service-page .gt-medium-show {
        display: none;
    }
    .nio-service-page .lt-medium-show {
        display: block;
    }
    .nio-service-page .right-small {
        width: 100%;
    }
}

@media (min-width:1680px) {
    .nio-service-page .block-title-box {
        top: 7.14vw;
    }
}

.nio-service-page .service-car-block {
    width: 83.333%;
    margin: 6.82vw auto;
}

.nio-service-page .service-car-block .block-img {
    display: inline-block;
}

.nio-service-page .service-car-block .block-big {
    margin-bottom: 5px;
    width: 100%;
}

.nio-service-page .service-car-block .block-small {
    max-height: 17.222vw;
    width: 33%;
}

.nio-service-page .service-car-block .block-small:last-child {
    margin-right: 0;
}

.nio-service-page .block-big-box {
    width: 100%;
    position: relative;
}

.nio-service-page .block-small-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nio-service-page .white--bg.block-title-box {
    width: 29rem;
}

@media (max-width:480px) {
    .nio-service-page .white--bg.block-title-box {
        width: 100%;
        position: static;
        color: #000F16;
    }
    .nio-service-page .block-small-box {
        display: block;
    }
    .nio-service-page .service-car-block .block-small {
        max-height: none;
        width: 100%;
    }
}

.nio-service-page .service-slide-first .image-paragraph__text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 3.95vw 5.2vw 2.77vw;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: left;
    width: 100%;
    height: 100%;
}

.nio-service-page .image-paragraph__text .slide-note {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 4.16vw;
    margin-bottom: 3vw;
    font-size: 20px;
    font-family: NotoSansCJKsc-Regular;
    line-height: 24px;
}

@media (max-width:480px) {
    .nio-service-page .image-paragraph__text .slide-note {
        font-size: 14px;
        line-height: 20px;
    }
}

.nio-service-page .btn.btn--black {
    background: #FFF;
    color: #000;
}

.nio-service-page .btn.btn--black:hover {
    background: #000;
    color: #FFF;
}

.nio-service-page .mobile--show.btn {
    margin: 2rem auto;
}

.nio-service-page .text-icon-box {
    padding: 3.12vw 5.2vw;
}

.nio-service-page .item-box {
    position: relative;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nio-service-page .text-icon-box {
    width: 100%;
}

.nio-service-page .icon-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 1vw;
    width: 32%;
}

.nio-service-page .icon-item p {
    font-size: 12px;
    white-space: normal;
}

.nio-service-page .icon-item p strong {
    font-size: 14px;
}

.nio-service-page .left-item-box .btn {
    position: absolute;
    right: 0;
    top: 0;
}

.nio-service-page .item-box .icon-img {
    width: 8.333vw;
    height: 8.333vw;
    border-radius: 50%;
    margin: 0 auto;
}

.nio-service-page .item-box .icon-item:nth-child(1) .icon-img {
    background: #E6FAFA url(/ecs/prod/s3fs-public/inline-images/icon_maintaince.png) no-repeat center center/auto 4.8vw;
}

.nio-service-page .item-box .icon-item:nth-child(2) .icon-img {
    background: #E6FAFA url(/ecs/prod/s3fs-public/inline-images/Group%2010.png) no-repeat center center/auto 4.8vw;
}

.nio-service-page .item-box .icon-item:nth-child(3) .icon-img {
    background: #E6FAFA url(/ecs/prod/s3fs-public/inline-images/3.png) no-repeat center center/auto 4.8vw;
}

.nio-service-page .right-item-box {
    text-align: center;
    white-space: nowrap;
}

.nio-service-page .right-item-box p {
    margin-top: 1rem;
}

.nio-service-page .left-item-box.block-title-box {
    color: #000F16;
    left: 0;
    top: 0;
}

.nio-service-page .float-left-box .block-title-box p {
    width: 100%;
}

@media (max-width:480px) {
    .nio-service-page .btn.btn--black:hover {
        background: #FFF;
        color: #000;
    }
    .nio-service-page .text-icon-box .item-box .icon-item .icon-img {
        width: 32vw;
        height: 32vw;
        background-size: auto 18.5vw;
        margin: 1rem;
    }
    .nio-service-page .item-box {
        width: 100%;
    }
    .nio-service-page .text-icon-box {
        padding: 0;
        text-align: center;
    }
    .nio-service-page .right-item-box {
        white-space: normal;
        margin-bottom: 2rem;
    }
    .nio-service-page .icon-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 1rem;
        width: 100%;
        margin: 0;
        padding-left: 1rem;
    }
    .nio-service-page .float-left-box .block-title-box p {
        width: 97%;
    }
    .nio-service-page .icon-item p {
        font-size: 12px;
        text-align: left;
    }
}

@media (max-width:768px) {
    .nio-service-page .learn-more {
        display: none !important;
    }
}

.nio-service-page .footer-text-box {
    background: #E6FAFA;
    padding: 3.12vw 5.2vw;
    position: relative;
}

.nio-service-page .footer-text-box .learn-more {
    position: absolute;
    top: 3.12vw;
    right: 5.2vw;
    background: transparent;
}

.nio-service-page .footer-text-box .footer-title h2 {
    font-size: 40px;
    font-weight: 300;
    color: #000f16;
    line-height: 36px;
}

.nio-service-page .footer-text-box .footer-title p {
    font-size: 14px;
    font-weight: 400;
    color: #000f16;
    line-height: 28px;
    margin-bottom: 23px;
}

.nio-service-page .footer-text-box .footer-content {
    border-bottom: 1px solid #D4D7D9;
}

.nio-service-page .footer-text-box .footer-content .text-item {
    display: inline-block;
    width: 14vw;
    margin: 13px 1rem 10px 0;
    vertical-align: top;
}

.nio-service-page .footer-text-box .footer-content .text-item h3 {
    font-size: 14px;
    font-weight: bold;
    color: #00bebe;
    line-height: 20px;
}

.nio-service-page .footer-text-box .footer-content .text-item-short {
    width: 10vw;
}

.nio-service-page .footer-text-box .footer-content .text-item-long {
    width: 20vw;
}

.nio-service-page .footer-text-box .footer-content .text-item-overlength {
    width: 22vw;
}

.nio-service-page .footer-text-box .footer-content p {
    font-size: 12px;
    line-height: 18px;
}

.nio-service-page .footer-text-box .footer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2rem;
}

.nio-service-page .footer-text-box .footer-item p {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.nio-service-page .footer-text-box .footer-item p span {
    color: #00bebe;
}

.nio-service-page .footer-text-box .footer-content .text-item-first {
    margin-left: 0;
}

@media (max-width:480px) {
    .nio-service-page .text-item.text-item-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .nio-service-page .text-item.text-item-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .nio-service-page .text-item.text-item-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .nio-service-page .text-item.text-item-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .nio-service-page .text-item.text-item-5 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .nio-service-page .text-item.text-item-6 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .nio-service-page .text-item.text-item-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .nio-service-page .text-item.text-item-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .nio-service-page .text-item.text-item-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .nio-service-page .text-item.text-item-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .nio-service-page .text-item.text-item-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .nio-service-page .footer-text-box .footer-title {
        margin-top: 2rem;
    }
    .nio-service-page .footer-text-box .footer-title h2 {
        font-size: 32px;
        line-height: 24px;
    }
    .nio-service-page .footer-text-box .footer-title p {
        font-size: 14px;
        line-height: 24px;
    }
    .nio-service-page .footer-text-box .footer-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .nio-service-page .footer-text-box .footer-content .text-item {
        display: inline-block;
        width: 45%;
        margin: 0 1rem 1.5rem 0;
        vertical-align: top;
    }
    .nio-service-page .footer-text-box .footer-content .text-item h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .nio-service-page .footer-text-box .footer-content .text-item p {
        font-size: 12px;
        line-height: 18px;
    }
    .nio-service-page .footer-text-box .footer-content .text-item-6,
    .nio-service-page .footer-text-box .footer-content .text-item-10,
    .nio-service-page .footer-text-box .footer-content .text-item-11 {
        width: 94%;
    }
    .nio-service-page .footer-text-box .footer-content .text-item-overlength {
        width: 94%;
    }
    .nio-service-page .footer-text-box .footer-item {
        display: block;
    }
    .nio-service-page .footer-text-box .footer-item p {
        font-size: 12px;
        line-height: 24px;
        display: block;
        text-align: center;
    }
    .nio-service-page .footer-text-box .footer-item p .mobile-br {
        display: block;
    }
    .nio-service-page .footer-text-box .learn-more {
        position: static;
        right: 5.2vw;
        display: block !important;
        margin: 0 auto;
        width: 150px;
        height: 40px;
    }
}

.service-point-page .service-station .service-station__city__station__info {
    font-size: 0.75rem;
}

.service-point-page .service-station .service-station__city__station__info span {
    display: inline-block;
    vertical-align: top;
}

.service-point-page .service-station {
    padding: 3rem;
}

.service-point-page .service-station .service-station__title {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    font-weight: 200;
    text-align: center;
}

.service-point-page .service-station__city {
    margin-top: 3rem;
}

.service-point-page .service-station__city__title {
    font-size: 2rem;
    line-height: 2rem;
    color: #00BEBE;
    margin-bottom: 1rem;
    font-weight: 200;
}

.service-point-page .service-station__city__station__title {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: bold;
}

.service-point-page .service-station__city__station {
    margin-bottom: 1rem;
    width: 100%;
}

.service-point-page .service-station__city__station__info {
    font-size: 0.5rem;
    line-height: 1.5rem;
}

@media (min-width:48em) {
    .service-point-page .service-station {
        padding: 7rem 11rem;
    }
    .service-point-page .service-station__city__ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .service-point-page .service-station__city__station {
        margin-bottom: 1rem;
        width: 33%;
    }
}

@media screen and (max-width:1100px) {
    .service-point-page .service-station {
        padding: 7rem 3rem;
    }
    .service-point-page .service-station__city__station {
        width: 32%;
        margin: 0 1% 0 0；;
    }
}

@media screen and (max-width:480px) {
    .service-point-page .service-station__city__station {
        width: 100%;
        margin: 0；;
    }
}

body.power-express-page {
    -webkit-tap-highlight-color: transparent;
}

.power-express-page {}

.power-express-page .nio-btn--video {
    border-radius: 0;
    border: none;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    padding: 0;
    width: auto;
    line-height: 42px;
    height: 32px;
    font-weight: 400;
}

.power-express-page .item-title {
    height: 60px;
    margin: 0 auto 24px;
    font-size: 40px;
    font-weight: 300;
    color: #000f16;
    line-height: 60px;
    text-align: center;
}

.power-express-page .item-title .mobile-img-show {
    display: none;
}

.power-express-page .item-desc {
    width: 1008px;
    height: 64px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 400;
    color: #54585a;
    line-height: 32px;
    text-align: center;
}

.power-express-page .pc-new-line {
    display: block;
}

.power-express-page .bottom--line {
    display: block;
    width: 80px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#00bebe), to(rgba(0, 190, 190, 0)));
    background: -o-linear-gradient(left, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
    background: linear-gradient(90deg, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
    margin: 35px 0 25px;
}

.power-express-page .carousel-mobile-add-elect {
    display: none;
}

.power-express-page .carousel-mobile-add-elect.slick--small-dots .slick-dots li button {
    background-color: #D0D0D0;
    border: none;
    height: 3px;
    text-indent: -9999px;
    width: 24px;
    border-radius: 0;
    margin-right: 24px;
}

.power-express-page .carousel-mobile-add-elect.slick--small-dots .slick-dots li.slick-active button {
    background-color: #00263c;
}

.power-express-page .carousel-mobile-add-elect.slick--small-dots .slick-dots li button:last-child {
    margin-right: 0;
}

.power-express-page .carousel--full-screen {
    height: auto;
}

.power-express-page .carousel--full-screen .carousel__item img {
    height: auto;
}

.power-express-page .inline-span {
    display: inline-block;
}

@media (max-width:767px) {
    .power-express-page .carousel-mobile-add-elect {
        display: block;
        max-height: 90vh;
        overflow: hidden;
    }
    .power-express-page .carousel-mobile-add-elect.carousel--full-screen .carousel__item img {
        max-height: 90vh;
        overflow: hidden;
    }
    .power-express-page .carousel-mobile-add-elect.slick--small-dots .slick-dots li:not(:last-child) {
        margin-right: 24px;
    }
    .power-express-page .carousel-mobile-add-elect.slick--small-dots .slick-dots li:last-child {
        margin-right: 0;
    }
    .power-express-page .carousel-mobile-add-elect .image-paragraph__text {
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 100%;
    }
    .power-express-page .carousel-mobile-add-elect .nio-power-up-title-mobile h3 {
        margin: 0 auto;
        font-size: 32px;
        color: #000F16;
        text-align: left;
        line-height: 48px;
        font-weight: normal;
        max-width: 90%;
    }
    .power-express-page .carousel-mobile-add-elect .nio-power-up-title-mobile h3 span {
        display: block;
    }
    .power-express-page .carousel-mobile-add-elect span.bottom--line {
        margin-top: 10px;
    }
    .power-express-page .carousel-mobile-add-elect .nio-power-up-item-title {
        font-size: 20px;
        color: #00BEBE;
        line-height: 32px;
        text-align: left;
        margin: 0 auto;
        margin-bottom: 0;
        max-width: 90%;
    }
    .power-express-page .carousel-mobile-add-elect .nio-power-up-item-content p {
        font-size: 14px;
        color: #54585A;
        line-height: 24px;
        text-align: left;
        height: 48px;
        margin: 0 auto;
        max-width: 90%;
    }
    .power-express-page .carousel-mobile-add-elect .img-phone-mobile {
        margin: 0 auto;
        margin-top: 5px;
        width: 100%;
        height: auto;
        position: relative;
        display: inline-block;
        max-width: 375px;
    }
    .power-express-page .carousel-mobile-add-elect .img-phone-mobile img {
        margin-left: auto;
        margin-right: auto;
        margin-top: -40px;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media screen and (max-width:1010px) {
    .power-express-page .item-desc {
        width: 95%;
        text-align: left;
    }
    .power-express-page .pc-new-line {
        display: inline;
    }
}

@media screen and (max-width:480px) {
    .power-express-page .item-title {
        width: 300px;
        height: 48px;
        margin: 0 auto;
        font-size: 32px;
        font-weight: 300;
        color: #000f16;
        line-height: 48px;
        text-align: center;
    }
    .power-express-page .item-desc {
        width: 90%;
        height: 121px;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
    }
}

.power-express-page .power-banner .hero__content {
    top: 180px;
}

.power-express-page .power-banner .hero__content img,
.power-express-page .power-banner .hero__content p {
    width: 322px;
    margin: 20px auto;
    text-align: left;
    font-size: 32px;
}

@media screen and (min-width:1024px) {
    .power-express-page .power-banner {
        margin-top: 70px;
    }
}

@media screen and (max-width:480px) {
    .power-express-page .power-banner .hero__content {
        top: 150px;
    }
    .power-express-page .power-banner .hero__content img,
    .power-express-page .power-banner .hero__content p {
        width: 51.466vw;
        font-size: 20px;
    }
}

@media screen and (max-width:320px) {
    .power-express-page .power-banner .hero__content {
        top: 130px;
    }
    .power-express-page .power-banner .hero__content img,
    .power-express-page .power-banner .hero__content p {
        font-size: 18px;
    }
}

.power-express-page .block-2 {
    padding: 75px 0 30px;
}

.power-express-page .block-2 .item-title {
    width: 353px;
}

.power-express-page .block-2 .item-icons {
    width: 1008px;
    margin: 60px auto;
}

.power-express-page .item-icons .item {
    display: inline-block;
    width: 24%;
    text-align: center;
    vertical-align: baseline;
}

.power-express-page .item-icons .item img {
    margin: 0 auto 23px;
}

.power-express-page .item-icons .item-1 img {
    width: 77px;
    height: 70px;
}

.power-express-page .item-icons .item-2 img {
    width: 78px;
    height: 70px;
}

.power-express-page .item-icons .item-3 img {
    width: 67px;
    height: 70px;
}

.power-express-page .item-icons .item-4 img {
    width: 90px;
    margin-bottom: 28px;
}

.power-express-page .item-icons .item span {
    width: 80px;
    height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #54585a;
    line-height: 20px;
}

.power-express-page .span-inline-block {
    white-space: nowrap;
    display: inline-block;
}

@media screen and (max-width:1010px) {
    .power-express-page .block-2 .item-icons {
        width: 100%;
    }
    .power-express-page .item-icons .item {
        display: inline-block;
        width: 24%;
        text-align: center;
        vertical-align: baseline;
    }
}

@media screen and (max-width:480px) {
    .power-express-page .block-2 {
        padding: 40px 0;
    }
    .power-express-page .block-2 .item-title {
        width: 300px;
        margin-bottom: 15px;
        text-align: left;
        margin-left: 5%;
    }
    .power-express-page .block-2 .item-icons {
        width: 80%;
        margin: 0 auto;
    }
    .power-express-page .item-icons .item {
        display: inline-block;
        width: 49%;
        margin: 30px auto;
        text-align: center;
        vertical-align: baseline;
    }
    .power-express-page .item-icons .item-1 img {
        width: 54px;
        height: auto;
    }
    .power-express-page .item-icons .item-2 img {
        width: 55px;
        height: auto;
    }
    .power-express-page .item-icons .item-3 img {
        width: 47px;
        height: auto;
    }
    .power-express-page .item-icons .item-4 img {
        width: 57px;
        height: auto;
    }
    .power-express-page .block-2 .item-icons .item span {
        font-size: 16px;
    }
}

.power-express-page .block-3 .image-paragraph__text {
    top: 124px;
}

.power-express-page .block-3 .block-title {
    margin-bottom: 16px;
    font-size: 40px;
    font-weight: 300;
    color: white;
    line-height: 60px;
}

.power-express-page .block-3 .block-dwsc {
    font-size: 20px;
    font-weight: 400;
    color: white;
    line-height: 32px;
    text-align: center;
}

@media screen and (max-width:480px) {
    .power-express-page .block-3 .image-paragraph__text {
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .power-express-page .block-3 .image-paragraph__text .block-title {
        position: absolute;
        top: 0;
        padding: 20px;
        font-size: 32px;
        font-weight: 300;
        color: white;
        line-height: 48px;
        text-align: left;
    }
    .power-express-page .block-3 .image-paragraph__text .block-title span {
        display: block;
    }
    .power-express-page .block-3 .image-paragraph__text .block-desc {
        position: absolute;
        bottom: 0;
        padding: 20px;
        font-size: 16px;
        font-weight: 400;
        color: white;
        line-height: 28px;
        text-align: left;
    }
}

.power-express-page .block-4 {
    margin: 58px auto;
}

.power-express-page .block-4 .imgs {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.power-express-page .block-4 .imgs img {
    width: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: opacity 2s;
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    display: none;
}

.power-express-page .block-4 .imgs img.active {
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    margin: 0 auto;
}

.power-express-page .block-4 .imgs img.mobile-img {
    display: none;
}

.power-express-page .block-4 .selects .select-item {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #DADCDE;
    text-align: center;
    cursor: pointer;
}

.power-express-page .block-4 .selects .select-item h4 {
    padding: 0;
    margin: 0;
    min-height: 40px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #000f16;
    line-height: 32px;
}

.power-express-page .block-4 .selects .select-item h4 .select-item-title-icon {
    display: none;
    width: 17px;
    margin: 0 auto;
}

.power-express-page .block-4 .selects .select-item h4 .select-item-title-icon-2 {
    width: 41px;
}

.power-express-page .block-4 .selects .select-item h4 .select-item-title-icon-3 {
    width: 41px;
}

.power-express-page .block-4 .selects .select-item h4 .select-item-title-text {
    display: block;
    height: 40px;
}

.power-express-page .block-4 .selects .select-item h4 .select-item-title-text-2 {
    height: 23px;
}

.power-express-page .block-4 .selects .select-item h4 .select-item-title-text-3 {
    height: 35px;
}

.power-express-page .block-4 .selects .select-item:not(.is-no--hover):hover .select-item-title-text {
    display: none;
}

.power-express-page .block-4 .selects .select-item:not(.is-no--hover):hover .select-item-title-icon {
    display: block;
}

.power-express-page .block-4 .selects .select-item p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000f16;
    line-height: 24px;
}

.power-express-page .block-4 .selects .select-item p span {
    display: block;
}

.power-express-page .block-4 .selects .select-item p span>span {
    display: inline;
}

.power-express-page .block-4 .selects .select-item.active {
    border: 2px solid #00bebe;
}

@media screen and (min-width:1220px) {
    .power-express-page .block-4 {
        margin: 58px auto;
    }
    .power-express-page .block-4 .imgs {
        max-width: 1200px;
        height: auto;
    }
    .power-express-page .block-4 .selects {
        max-width: 1200px;
        margin: 24px auto;
        margin-top: 58px;
    }
    .power-express-page .block-4 .selects .select-item {
        width: 384px;
        height: 168px;
        padding: 36px 0 42px;
    }
    .power-express-page .block-4 .selects .select-item:nth-of-type(2) {
        margin: 0 19px;
    }
}

@media screen and (max-width:1220px) {
    .power-express-page .block-4 {
        margin: 3% auto;
    }
    .power-express-page .block-4 .imgs {
        max-width: 100%;
        height: auto;
        overflow: hidden;
    }
    .power-express-page .block-4 .imgs img {
        width: 90vw;
        height: auto;
    }
    .power-express-page .block-4 .selects {
        max-width: 100%;
        margin: 24px auto;
        margin-top: 3%;
        text-align: center;
    }
    .power-express-page .block-4 .selects .select-item {
        width: 31%;
        height: auto;
        padding: 36px 0 42px;
    }
    .power-express-page .block-4 .selects .select-item:nth-of-type(2) {
        margin: 0 1.5%;
    }
}

@media screen and (max-width:767px) {
    .power-express-page .block-4 .imgs img.mobile-img.active {
        display: block;
        margin: 0 auto;
    }
    .power-express-page .block-4 .imgs .pc-img,
    .power-express-page .block-4 .imgs .pc-img.active {
        display: none;
    }
    .power-express-page .block-4 {
        margin: 20px auto;
    }
    .power-express-page .block-4 .imgs {
        height: 210px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .power-express-page .block-4 .selects {
        width: 100%;
        margin: 0;
        padding: 20px;
    }
    .power-express-page .block-4 .selects .select-item {
        width: 100%;
        height: 120px;
        padding: 16px 20px;
        margin: 0;
        text-align: left;
    }
    .power-express-page .block-4 .selects .select-item h4 .select-item-title-icon {
        margin-left: 0;
    }
    .power-express-page .block-4 .selects .select-item:nth-last-of-type(2) {
        margin: 20px 0;
    }
    .power-express-page .block-4 .selects .select-item p span {
        display: inline;
    }
    .power-express-page .block-4 .selects .select-item p span>span {
        display: inline-block;
    }
    .power-express-page .block-4 .selects .select-item h4 {
        font-size: 20px;
        font-weight: bold;
        color: black;
        line-height: 32px;
        margin-bottom: 0;
    }
    .power-express-page .block-4 .selects .select-item p {
        font-size: 14px;
        font-weight: 400;
        color: #54585a;
        line-height: 24px;
        max-width: 274px;
    }
    .power-express-page .block-4 .selects .select-item:nth-child(2) p {
        max-width: 253px;
    }
    .power-express-page .block-4 .selects .select-item:nth-child(3) p {
        max-width: 287px;
    }
}

.power-express-page .block-5 {
    position: relative;
    width: 90vw;
    height: 53.333vw;
}

.power-express-page .block-5 .text-box {
    position: absolute;
    top: 11.805vw;
    left: 41.458vw;
    max-width: 659px;
    text-align: left;
}

.power-express-page .block .text-box h2 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    font-weight: 300;
    color: white;
    line-height: 60px;
}

.power-express-page .block .text-box .line {
    display: block;
    width: 80px;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#00bebe), to(rgba(0, 190, 190, 0)));
    background: -o-linear-gradient(left, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
    background: linear-gradient(90deg, #00bebe 0%, rgba(0, 190, 190, 0) 100%);
}

.power-express-page .block .text-box p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    color: white;
    line-height: 32px;
}

.power-express-page .hero-block-5 .animatedbtn__play {
    position: absolute;
    top: 30%;
    left: 27%;
}

.power-express-page .hero-block-5 .svg__rect__shape--stroke {
    stroke: #000;
}

.power-express-page .hero-block-5 .svg__pause.svg__pause--center g g {
    stroke: #000;
}

@media screen and (max-width:480px) {
    .power-express-page .block-5 {
        height: 192vw;
    }
    .power-express-page .hero-block-5 .animatedbtn__play {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .power-express-page .block-5 .b5-mobile {
        display: block;
    }
    .power-express-page .hero-block-5 .animatedbtn__play .animatedbtn__play__loader {
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
    }
    .power-express-page .block-5 .text-box {
        position: absolute;
        top: 42px;
        left: 0;
        max-width: 100vw;
        padding: 0;
        text-align: left;
    }
    .power-express-page .nio-btn--video {
        font-size: 16px;
    }
    .power-express-page .block .text-box .line {
        margin-top: 22px;
        margin-bottom: 12px;
    }
    .power-express-page .block .text-box h2 {
        font-size: 32px;
        line-height: 24px;
    }
    .power-express-page .block .text-box p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
}

@media screen and (max-width:321px) {
    .power-express-page .block .text-box h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .power-express-page .block .text-box .line {
        margin-top: 12px;
    }
}

.power-express-page .block-6 {
    padding: 86px 0 46px;
}

.power-express-page .block-6 .item-title {
    width: 450px;
}

@media screen and (max-width:480px) {
    .power-express-page .block-6 {
        padding: 50px 0 22px;
    }
    .power-express-page .block-6 .item-title {
        width: 200px;
        height: 100px;
        text-align: left;
        margin-left: 5%;
    }
    .power-express-page .item-title .mobile-img-show {
        display: block;
    }
    .power-express-page .item-title .pc-img-show {
        display: none;
    }
    .power-express-page .block-6 .item-title span {
        display: block;
    }
}

.power-express-page .block-7 {
    padding: 53px 0 65px;
    margin: 0 auto;
}

.power-express-page .block-7 .cards {
    text-align: center;
}

.power-express-page .cards .card-item {
    display: inline-block;
    width: 384px;
    height: 550px;
    -webkit-box-shadow: 0px 2px 6px 0px #f0f1f2;
    box-shadow: 0px 2px 6px 0px #f0f1f2;
    vertical-align: top;
    cursor: pointer;
}

.power-express-page .cards .card-item:hover {
    -webkit-box-shadow: 2px 8px 8px 0px #f0f1f2;
    box-shadow: 2px 8px 8px 0px #f0f1f2;
}

.power-express-page .cards .card-2 {
    margin: 0 24px;
}

.power-express-page .card-item .card-img {
    width: 100%;
    height: 340px;
    overflow: hidden;
}

.power-express-page .card-item .card-img img {
    width: 100%;
}

.power-express-page .card-item .card-desc {
    width: 100%;
    height: 210px;
    padding: 40px 0 56px;
    border: 1px solid #dadcde;
    border-top: none;
    text-align: center;
}

.power-express-page .card-item .card-desc p.card-title {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: #004b64;
    line-height: 32px;
}

.power-express-page .card-item .card-desc p.card-title:hover {
    color: #00BEBE;
}

.power-express-page .card-item .card-desc p span {
    display: block;
}

.power-express-page .card-item .card-desc .card-author {
    margin-top: 18px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    color: #54585a;
    line-height: 32px;
}

.power-express-page .card-item .card-desc .card-decoration-text {
    margin: 0;
    display: inline-block;
    border-bottom: 1px solid #54585a;
    font-size: 18px;
}

@media screen and (max-width:1210px) {
    .power-express-page .cards .card-item {
        width: 31vw;
        height: auto;
    }
    .power-express-page .card-item .card-img {
        width: 100%;
        height: auto;
    }
    .power-express-page .card-item .card-img img {
        width: 100%;
    }
    .power-express-page .cards .card-2 {
        margin: 0 12px;
    }
}

@media screen and (max-width:600px) {
    .power-express-page .block-7 {
        padding-top: 0;
        margin: 0 auto;
    }
    .power-express-page .cards .card-item {
        width: 89.333vw;
    }
    .power-express-page .cards .card-2 {
        margin: 30px 0;
    }
    .power-express-page .card-item .card-desc {
        height: 200px;
        padding: 30px 20px 24px;
        text-align: left;
    }
    .power-express-page .card-item .card-desc .card-author {
        margin-top: 10px;
    }
}

.power-express-page .block-8 {
    display: none;
    opacity: 0;
    position: fixed;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    position: fixed;
    width: 100%;
    height: 100%;
    background: black;
    top: 0;
    left: 0;
    overflow: scroll;
    z-index: 999;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.power-express-page .block-8-item {
    position: absolute;
    display: none;
    max-width: 1440px;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.power-express-page .block-8-item.active {
    display: block;
}

.power-express-page .block-8-item .b8-img-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.power-express-page .block-8-item .b8-img-box svg {
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 10;
    width: 20px;
    height: 20px;
}

.power-express-page .block-8-item .b8-img-box .mobile-main-img {
    display: none;
}

.power-express-page .b8-img-box .b8-modal-arrow {
    position: fixed;
    display: inline-block;
    cursor: pointer;
    background: transparent url(/ecs/prod/s3fs-public/user-uploads/arrow-1.svg) no-repeat center center/50% 50%;
}

.power-express-page .b8-img-box .b8-modal-arrow-right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.power-express-page .block-8-item .b8-img-box h3 {
    position: absolute;
    width: 100%;
    text-align: left;
    font-size: 40px;
    color: #E6FAFA;
    letter-spacing: 0;
    line-height: 60px;
}

.power-express-page .block-8-item .b8-text-box {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    background: #00263C;
    color: #FFF;
    overflow: hidden;
}

.power-express-page .b8-text-box .chathead {
    margin-bottom: 19px;
}

.power-express-page .b8-text-box .chathead img {
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 44px;
}

.power-express-page .b8-text-box .author {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}

.power-express-page .b8-text-box .author .username {
    font-size: 28px;
    color: #B7E8EA;
    letter-spacing: 0;
    line-height: 48px;
}

.power-express-page .b8-text-box .author .address {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
}

.power-express-page .b8-text-box .user-content p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

@media screen and (min-width:1440px) {
    .power-express-page .block-8-item .b8-img-box {
        width: 936px;
        height: 668px;
    }
    .power-express-page .block-8-item .b8-img-box svg {
        top: 60px;
        right: 40px;
    }
    .power-express-page .b8-img-box .b8-modal-arrow {
        top: 80px;
        left: 120px;
        width: 58px;
        height: 24px;
    }
    .power-express-page .b8-img-box .b8-modal-arrow-right {
        left: 160px;
    }
    .power-express-page .block-8-item .b8-img-box h3 {
        position: absolute;
        top: 113px;
        width: 100%;
        padding: 0 120px;
        text-align: left;
        font-size: 40px;
        color: #E6FAFA;
        letter-spacing: 0;
        line-height: 60px;
    }
    .power-express-page .block-8-item .b8-text-box {
        width: 504px;
        height: 668px;
        padding: 65px 48px;
        background: #00263C;
        overflow: hidden;
    }
}

@media screen and (max-width:1441px) {
    .power-express-page .block-8-item .b8-img-box {
        display: inline-block;
        vertical-align: top;
        width: 65vw;
        height: 46.388vw;
        overflow-x: hidden;
    }
    .power-express-page .block-8-item .b8-img-box svg {
        top: 30px;
        right: 60px;
    }
    .power-express-page .b8-img-box .b8-modal-arrow {
        top: 5.555vw;
        left: 8.333vw;
        width: 58px;
        height: 24px;
    }
    .power-express-page .b8-img-box .b8-modal-arrow-right {
        left: 12.333vw;
    }
    .power-express-page .block-8-item .b8-img-box h3 {
        top: 7.847vw;
        padding: 0 8.333vw;
    }
    .power-express-page .block-8-item .b8-text-box {
        width: 35vw;
        height: 46.388vw;
        padding: 4.513vw 3.33vw;
    }
    .power-express-page .b8-text-box .chathead img {
        width: 3.05vw;
        height: 3.05vw;
    }
}

@media screen and (max-width:1200px) {
    .power-express-page .block-8-item {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .power-express-page .block-8-item .b8-img-box {
        display: inline-block;
        vertical-align: top;
        width: 100vw;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .power-express-page .block-8-item .b8-img-box img {
        display: none;
    }
    .power-express-page .block-8-item .b8-img-box .mobile-main-img {
        display: block;
        width: 100%;
    }
    .power-express-page .b8-img-box .b8-modal-arrow-right {
        left: 15.333vw;
    }
    .power-express-page .block-8-item .b8-img-box h3 {
        top: auto;
        left: 20px;
        bottom: 10px;
        padding: 0;
        font-size: 32px;
        line-height: 48px;
    }
    .power-express-page .block-8-item .b8-text-box {
        display: inline-block;
        vertical-align: top;
        position: static;
        top: 0;
        right: 0;
        width: 100vw;
        height: auto;
        background: #00263C;
        color: #FFF;
        overflow: hidden;
    }
    .power-express-page .b8-text-box .author .username {
        font-size: 24px;
        line-height: 36px;
    }
    .power-express-page .b8-text-box .author .address {
        font-size: 14px;
        line-height: 24px;
    }
    .power-express-page .b8-text-box .user-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .power-express-page .b8-text-box .chathead img {
        width: 44px;
        height: 44px;
    }
}

@media screen and (max-width:768px) {
    .power-express-page .b8-img-box .b8-modal-arrow-right {
        left: 16.333vw;
    }
}

@media screen and (max-width:480px) {
    .power-express-page .block-8-item.active {
        padding-top: 60px;
        background: #00263c;
    }
    .power-express-page .b8-img-box .b8-modal-arrow {
        top: 20px;
        left: 4vw;
        width: 69px;
        height: 30px;
        background: transparent url(/ecs/prod/s3fs-public/user-uploads/arrow-1.svg) no-repeat center center/33.33% 33.33%;
    }
    .power-express-page .b8-img-box .b8-modal-arrow-right {
        left: 20vw;
    }
    .power-express-page .block-8-item .b8-img-box svg {
        top: 20px;
        right: 20px;
        width: 16px;
        height: 16px;
    }
}

.power-express-page .text--teal {
    color: #00bebe;
}

.power-express-page .learn-more {
    margin: 1rem auto 2rem;
}

.power-express-page .nio-power-footer {
    width: 100%;
}

.power-express-page .footer-item {
    padding: 0 5vw;
}

.power-express-page .nio-power-footer .footer-item {
    position: relative;
    display: inline-block;
    width: 49%;
    color: #000f12;
    vertical-align: top;
}

.power-express-page .footer-icon-item img {
    width: 8.333vw;
    height: 8.333vw;
    margin: 0 2rem 0 0;
}

.power-express-page .footer-item-title-box {
    padding-top: 3.5vw;
    width: 100%;
    color: #000f12;
    text-align: left;
}

.power-express-page .footer-item-title-box p {
    font-size: 14px;
}

.power-express-page .footer-item-title h2 {
    font-weight: 300;
    font-size: 40px;
    line-height: 36px;
}

.power-express-page .footer-item-title p {
    color: #000f16;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}

.power-express-page .footer-icon-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 2rem;
}

.power-express-page .footer-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.power-express-page .icon-notes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.power-express-page .icon-notes p {
    margin-bottom: 0;
    text-align: left;
    font-size: 12px;
}

.power-express-page .icon-notes p strong {
    font-size: 14px;
}

.power-express-page .footer-price-text {
    margin-top: 3rem;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.power-express-page .nio-power-footer .footer-item {
    text-align: center;
}

@media (max-width:480px) {
    .power-express-page .footer-item-title-box {
        padding-top: 7.5vw;
    }
    .power-express-page .nio-power-footer .footer-item {
        padding-bottom: 3rem;
        width: 90%;
        border-bottom: 2px solid #F4F4F4;
        text-align: center;
    }
    .power-express-page .footer-icon-item {
        margin-bottom: 2rem;
        max-width: 100%;
        text-align: left;
        width: 100%;
    }
    .power-express-page .footer-icon-item img {
        width: 32vw;
        height: 32vw;
    }
    .power-express-page .icon-notes p {
        margin-bottom: 0;
        text-align: left;
    }
    .power-express-page .nio-power-footer {
        text-align: center;
    }
    .power-express-page .footer-icons {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .power-express-page .mobile--block {
        display: block;
    }
    .power-express-page .nio-power-footer .footer-item:last-child {
        border-bottom: none;
    }
}

.power-express-page .nio-power-up {
    width: 100%;
    position: relative;
}

.power-express-page .nio-power-up-bg-wrap {
    width: 100vw;
}

.power-express-page .nio-power-up-bg-wrap img:last-child {
    display: none;
}

.power-express-page .nio-power-up-bg {
    width: 100%;
}

.power-express-page .nio-power-up-content {
    padding-left: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.power-express-page .nio-power-up-title h3 {
    margin: 0;
    font-size: 40px;
    color: #000F16;
    line-height: 60px;
    font-weight: normal;
    text-align: left;
}

.power-express-page .nio-power-up-title h3 span {
    display: block;
}

.power-express-page .nio-power-up-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px;
}

.power-express-page .nio-power-up-item {
    height: 200px;
    cursor: pointer;
    padding: 22px 6px 0 16px;
    text-align: left;
}

.power-express-page .nio-power-up-item-2 {
    max-width: 170px;
}

.power-express-page .nio-power-up-item-3 {
    max-width: 180px;
}

.power-express-page .nio-power-up-item-4 {
    margin-right: 0px;
    max-width: 180px;
}

.power-express-page .nio-power-up-item-title {
    font-size: 20px;
    color: #00BEBE;
    line-height: 32px;
    margin-bottom: 16px;
}

.power-express-page .nio-power-up-item-content p {
    display: block;
    margin: 0;
    font-size: 14px;
    color: #54585A;
    line-height: 24px;
}

.power-express-page .carousel-pc-add-elect.carousel--full-screen {
    height: auto;
}

.power-express-page .carousel-pc-add-elect.carousel--full-screen .slick-dots {
    padding: 0;
    bottom: 20px;
}

.power-express-page .carousel-pc-add-elect.carousel--full-screen .carousel__item img {
    height: auto;
}

.power-express-page .carousel--full-screen.carousel-pc-add-elect .carousel__item .nio-power-up .nio-power-up-content .img-phone img {
    width: 34vw;
    height: auto;
    margin-top: -40px;
    max-width: 600px;
}

.power-express-page .nio-power-up-ipad .img-phone {
    display: none;
}

.power-express-page .img-phone:not(.img-phone-ipad) {
    display: block;
}

@media (max-width:1023px) {
    .power-express-page .img-phone:not(.img-phone-ipad) {
        display: none;
    }
    .power-express-page .carousel-pc-add-elect .image-paragraph__text {
        max-width: 94%;
    }
    .power-express-page .nio-power-up-item {
        padding: 20px 10px 0 10px;
    }
    .power-express-page .nio-power-up-ipad .img-phone {
        display: block;
    }
    .power-express-page .nio-power-up-ipad {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: -14px;
    }
    .power-express-page .nio-power-up-title .nio-power-up-ipad h3 span.bottom--line {
        margin-bottom: 10px;
    }
    .power-express-page .nio-power-up-content {
        display: block;
        padding-left: 0;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .power-express-page .nio-power-up-menu {
        margin-top: 40px;
    }
    .power-express-page .nio-power-up-title {
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 45px;
    }
    .power-express-page .nio-power-up-item {
        height: 160px;
    }
    .power-express-page .nio-power-up-bg-wrap img:first-child {
        display: none;
    }
    .power-express-page .nio-power-up-bg-wrap img:last-child {
        display: block;
    }
    .power-express-page .nio-power-up-title h3 {
        margin: 0;
        font-size: 32px;
        color: #000F16;
        line-height: 48px;
    }
    .power-express-page .carousel--full-screen.carousel-pc-add-elect .carousel__item .nio-power-up .nio-power-up-content .img-phone img {
        width: 35vw;
        margin-top: 0;
    }
}

@media (max-width:767px) {
    .power-express-page .carousel-pc-add-elect {
        display: none;
    }
}

.shopping-page video {
    max-width: 100%;
}

.shopping-page .content {
    max-width: 770px;
    margin: 120px auto 0;
    margin-left: 400px;
    margin-right: 100px;
}

.shopping-page .content p {
    margin: 0;
    line-height: 30px;
    font-size: 14px;
}

.shopping-page .content a {
    display: inline-block;
    text-decoration: none;
}

.shopping-page .content .text-left {
    text-align: left;
}

.shopping-page .content .text-center {
    text-align: center;
}

.shopping-page .content .text-right {
    text-align: right;
}

.shopping-page .content p.point {
    position: relative;
    padding-left: 2rem;
}

.shopping-page .content .point::before {
    position: absolute;
    background: #000;
    border-radius: 50%;
    border: 3px solid #000;
    display: inline-block;
    width: 0;
    height: 0;
    top: 12px;
    left: 0;
    content: '';
}

.shopping-page .content .big-point::before {
    border: 5px solid #000;
    top: 10px;
}

@media (max-width:768px) {
    .shopping-page .content {
        width: 90%;
    }
    .shopping-page .content .point::before {
        position: static;
        margin-right: 1rem;
    }
}

@media (max-width:480px) {
    .shopping-page span.mobile-line {
        display: block;
    }
}

.shopping-page .nav-box nav li {
    list-style-position: outside;
    list-style: none;
    font-size: 20px;
    font-weight: 500;
}

.shopping-page .nav-box nav li a {
    text-decoration: none;
}

.shopping-page .nav-box nav ul a.active {
    color: #00bebe;
}

@media screen and (min-width:1024px) {
    .shopping-page .nav-box nav {
        position: fixed;
        top: 22%;
        left: 0;
        width: 280px;
        text-align: left;
    }
}

.shopping-page .sidebar {
    text-align: center;
    border-right: 2px solid #f7f7f7;
}

.shopping-page .sidebar ul li {
    list-style: none;
}

.shopping-page .sidebar ul {
    margin: 10px 0 10px 20px;
    margin-left: 0;
}

.shopping-page .sidebar>ul>li {
    margin-bottom: 10px;
}

.shopping-page .sidebar span {
    display: block;
    font-weight: 400;
    text-align: center;
}

.shopping-page .sidebar span.first {
    font-weight: 500;
}

.shopping-page .sidebar span.active {
    color: #00BEBE;
}

.shopping-page .sidebar ul a {
    text-decoration: none;
    font-size: 14px;
}

.shopping-page .sidebar ul a:hover {
    color: #00bebe;
}

.shopping-page .sidebar ul li span,
.shopping-page .sidebar ul li span a {
    font-size: 20px;
}

.shopping-page .sidebar ul a.active {
    color: #00bebe;
}

@media (min-width:64rem) {
    .shopping-page .sidebar {
        position: fixed;
        top: 22%;
        left: 0;
        width: 280px;
        text-align: left;
        margin-left: 2em;
    }
    .shopping-page .sidebar ul {
        margin-left: 2em;
    }
    .shopping-page .sidebar span {
        text-align: left;
    }
}

@media (min-width:1280px) {
    .shopping-page .sidebar {
        width: 260px;
    }
}

@media (max-width:1023px) {
    .shopping-page .content {
        margin-left: auto;
        margin-right: auto;
    }
    .shopping-page .sidebar {
        text-align: left;
        border-right: none;
        border-top: 2px solid #f7f7f7;
        margin-top: 0rem;
        padding-top: 2rem;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .shopping-page .sidebar span {
        text-align: left;
    }
    .shopping-page .sidebar ul {
        margin-left: 2em;
    }
    .shopping-page .sidebar>ul {
        margin-left: 0;
    }
}

.manual-page .sidebar {
    text-align: center;
    border-right: 2px solid #f7f7f7;
}

.manual-page .sidebar ul li {
    list-style: none;
}

.manual-page .sidebar ul {
    margin: 10px 0 10px 20px;
    margin-left: 0;
}

.manual-page .sidebar>ul>li {
    margin-bottom: 10px;
}

.manual-page .sidebar span {
    display: block;
    font-weight: 400;
    text-align: left;
}

.manual-page .sidebar span.first {
    font-weight: 500;
}

.manual-page .sidebar span.active {
    color: #00BEBE;
}

.manual-page .sidebar ul a {
    text-decoration: none;
    font-size: 14px;
}

.manual-page .sidebar ul a:hover {
    color: #00bebe;
}

.manual-page .sidebar ul li span,
.manual-page .sidebar ul li span a {
    font-size: 20px;
}

.manual-page .sidebar ul a.active {
    color: #00bebe;
}

@media (min-width:768px) {
    .manual-page .sidebar {
        position: fixed;
        top: 16%;
        left: 0;
        width: 280px;
        text-align: left;
        margin-left: 2em;
    }
    .manual-page .sidebar ul {
        margin-left: 2em;
    }
    .manual-page .content {
        margin-left: 370px;
        width: 770px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    .manual-page .sidebar span {
        text-align: left;
    }
}

@media (min-width:1024px) {
    .manual-page .sidebar {
        top: 16%;
    }
}

@media (min-width:1280px) {
    .manual-page .sidebar {
        top: 22%;
        width: 332px;
    }
}

@media (max-width:767px) {
    .manual-page .sidebar {
        text-align: left;
        border-right: none;
        border-top: 2px solid #f7f7f7;
        margin-top: 0rem;
        padding-top: 2rem;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .manual-page .sidebar span {
        text-align: left;
    }
    .manual-page .sidebar ul {
        margin-left: 2em;
    }
    .manual-page .sidebar>ul {
        margin-left: 0;
    }
    .manual-page .sidebar>ul>li {
        padding-left: 0;
    }
}

.manual-page .content-box .item {
    margin: 130px auto;
    text-align: center;
    margin-left: 260px;
    margin-right: 100px;
}

.manual-page .content-box .item img {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}

.manual-page .content-box .item-text-box {
    display: inline-block;
    vertical-align: middle;
}

.manual-page .content-box .item .item-text-box h2 {
    font-size: 32px;
    color: #000F17;
    letter-spacing: 0;
    line-height: 48px;
}

.manual-page .content-box .item .item-text-box p {
    font-size: 14px;
    color: #545759;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
}

.manual-page .content-box .item .item-text-box .download a {
    padding-left: 22px;
    background: url("/ecs/prod/s3fs-public/inline-images/Download.png") no-repeat -8px -6px/28px 28px;
    color: #00BEBE;
}

@media (max-width:579px) {
    .manual-page .content-box .item {
        width: 100vw;
    }
    .manual-page .content-box .item img {
        width: 54.4vw;
    }
    .manual-page .content-box .item-text-box {
        width: 265px;
    }
    .manual-page .content-box .item .item-text-box h2,
    .manual-page .content-box .item .item-text-box p {
        text-align: center;
    }
}

.manual-page .es8-img-top {
    margin-top: 70px;
}

@media (max-width:1023px) {
    .manual-page .es8-img-top {
        margin-top: 0;
    }
}

@media (max-width:480px) {
    .manual-page .content-box .item {
        margin-left: auto;
        margin-right: autol;
    }
}

.nomi-page {}

.nomi-page .sections__menu-link {
    font-size: 16px;
}

.nomi-page .field__item.item-id-1 .hero__content {
    top: 42%;
}

.nomi-page .sections__menu {
    margin-top: -134.5%;
}

.nomi-page .nomi-item-2 {
    margin: 0;
    padding: 44px 0 67px;
    background: -webkit-gradient(linear, left bottom, left top, from(#004B64), to(#00263C));
    background: -o-linear-gradient(bottom, #004B64 0%, #00263C 100%);
    background: linear-gradient(0deg, #004B64 0%, #00263C 100%);
    text-align: center;
    color: #FFF;
}

.nomi-page .nomi-item-2 .tips {
    position: relative;
    width: 693px;
    height: 200px;
    margin: 0 auto;
}

.nomi-page .nomi-item-2 .tips img {
    max-width: 320px;
    max-height: 80px;
    margin: 0 auto;
}

.nomi-page .nomi-item-2 .tips .tip-1,
.nomi-page .nomi-item-2 .tips .tip-2,
.nomi-page .nomi-item-2 .tips .tip-3 {
    position: absolute;
    width: 292px;
    height: 48px;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
}

.nomi-page .nomi-item-2 .tips .tip-1 {
    left: 0;
    top: 39px;
    background: url("/ecs/prod/s3fs-public/inline-images/NOMI-tip-1.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-2 .tips .tip-2 {
    right: 0;
    top: 57px;
    background: url("/ecs/prod/s3fs-public/inline-images/NOMI-tip-2.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-2 .tips .tip-3 {
    left: 0;
    top: 115px;
    width: 457px;
    background: url("/ecs/prod/s3fs-public/inline-images/NOMI-tip-3.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-2 p {
    max-width: 995px;
    margin: 26px auto 0;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    line-height: 24px;
}

.nomi-page .nomi-item-2 .circle {
    max-width: 995px;
    margin: 30px auto 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nomi-page .nomi-item-2 .circle span {
    display: inline-block;
    width: 174px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EOval%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-433.000000, -1180.000000)' fill-rule='nonzero' stroke='%2300BEBE' stroke-width='2'%3E %3Cg id='2-info-copy-2' transform='translate(0.000000, 769.000000)'%3E %3Cg id='Group-23' transform='translate(216.000000, 401.000000)'%3E %3Ccircle id='Oval' cx='223' cy='16' r='5'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat left center;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #f0f1f2;
    line-height: 29px;
}

@media (max-width:1024px) {
    .nomi-page .nomi-item-2 p,
    .nomi-page .nomi-item-2 .circle {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .nomi-page .nomi-item-2 .circle {
        max-width: 80%;
        margin: 23px auto 0;
        padding: 0;
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .nomi-page .nomi-item-2 .circle span {
        width: 30%;
        padding-left: 20px;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-2 .tips {
        width: 90%;
    }
    .nomi-page .nomi-item-2 .tips .tip-1,
    .nomi-page .nomi-item-2 .tips .tip-2,
    .nomi-page .nomi-item-2 .tips .tip-3 {
        width: 42.135%;
    }
    .nomi-page .nomi-item-2 .tips .tip-3 {
        width: 65.945%;
    }
}

@media (max-width:540px) {
    .nomi-page .nomi-item-2 p {
        padding: 0;
        max-width: 90%;
        margin: 14.9333333333vw auto 0;
        font-size: 14px;
        line-height: 6.4vw;
    }
    .nomi-page .nomi-item-2 .circle span {
        width: 45%;
        padding-left: 20px;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width:480px) {
    .nomi-page .nomi-item-2 {
        padding: 13.3333333333vw 5.3333333333vw 14.9333333333vw;
    }
    .nomi-page .nomi-item-2 .tips {
        width: 89.3333333333vw;
        height: 56.5333333333vw;
        text-align: center;
    }
    .nomi-page .nomi-item-2 .tips img {
        max-width: 320px;
        max-height: 80px;
    }
    .nomi-page .nomi-item-2 .tips .tip-1,
    .nomi-page .nomi-item-2 .tips .tip-2,
    .nomi-page .nomi-item-2 .tips .tip-3 {
        position: static;
        width: 77.8666666667vw;
        height: 12.8vw;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        line-height: 12.8vw;
        margin-top: 8.8vw;
    }
    .nomi-page .nomi-item-2 .tips .tip-2 {
        margin-right: 0;
        margin-left: 9.8666666667vw;
    }
    .nomi-page .nomi-item-2 .tips .tip-3 {
        width: 85.8666666667vw;
    }
    .nomi-page .nomi-item-2 .circle {
        max-width: 100%;
        margin: 6.1333333333vw auto 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.nomi-page .nomi-item-3 {
    width: 100%;
    height: 48.6111111111vw;
    margin: 0;
    text-align: center;
    background: url("/ecs/prod/s3fs-public/inline-images/item-3-bg_1.jpg") no-repeat center -2px/100% auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nomi-page .nomi-item-3 .middle-item {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.nomi-page .nomi-item-3 .car-img {
    position: relative;
    width: 779px;
    height: 447px;
    margin: 0 auto;
    background: url("/ecs/prod/s3fs-public/inline-images/car_1.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-3 .car-img img {
    position: absolute;
}

.nomi-page .nomi-item-3 .car-img img:nth-child(1) {
    left: 75px;
    top: 108px;
}

.nomi-page .nomi-item-3 .car-img img:nth-child(2) {
    left: 194px;
    top: 84px;
}

.nomi-page .nomi-item-3 .car-img img:nth-child(3) {
    left: 348px;
    top: 82px;
}

.nomi-page .nomi-item-3 .car-img img:nth-child(4) {
    left: 348px;
    top: 200px;
}

.nomi-page .nomi-item-3 .car-img .item-3-big-circle {
    position: absolute;
    width: 98px;
    height: 98px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='98px' height='98px' viewBox='0 0 98 98' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup Copy 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-509.000000, -1398.000000)' fill='%2300BEBE' fill-rule='nonzero'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-24' transform='translate(69.000000, 0.000000)'%3E %3Cg id='Group-Copy-3' transform='translate(440.000000, 337.000000)'%3E %3Ccircle id='Oval-4' opacity='0.300000012' cx='49' cy='49' r='32.4831461'%3E%3C/circle%3E %3Ccircle id='Oval-4' opacity='0.200000003' cx='49' cy='49' r='49'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-3 .car-img .item-3-medium-circle {
    position: absolute;
    width: 64px;
    height: 64px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='98px' height='98px' viewBox='0 0 98 98' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup Copy 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-509.000000, -1398.000000)' fill='%2300BEBE' fill-rule='nonzero'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-24' transform='translate(69.000000, 0.000000)'%3E %3Cg id='Group-Copy-3' transform='translate(440.000000, 337.000000)'%3E %3Ccircle id='Oval-4' opacity='0.300000012' cx='49' cy='49' r='32.4831461'%3E%3C/circle%3E %3Ccircle id='Oval-4' opacity='0.200000003' cx='49' cy='49' r='49'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-3 .car-img .item-3-small-circle {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='98px' height='98px' viewBox='0 0 98 98' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup Copy 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-509.000000, -1398.000000)' fill='%2300BEBE' fill-rule='nonzero'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-24' transform='translate(69.000000, 0.000000)'%3E %3Cg id='Group-Copy-3' transform='translate(440.000000, 337.000000)'%3E %3Ccircle id='Oval-4' opacity='0.300000012' cx='49' cy='49' r='32.4831461'%3E%3C/circle%3E %3Ccircle id='Oval-4' opacity='0.200000003' cx='49' cy='49' r='49'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-3 .car-img .big-circle-1 {
    left: 174px;
    top: 30px;
}

.nomi-page .nomi-item-3 .car-img .big-circle-2 {
    left: 314px;
    top: 30px;
}

.nomi-page .nomi-item-3 .car-img .big-circle-3 {
    left: 174px;
    top: 250px;
}

.nomi-page .nomi-item-3 .car-img .big-circle-4 {
    left: 314px;
    top: 250px;
}

.nomi-page .nomi-item-3 .car-img .small-circle-1 {
    left: 510px;
    top: 90px;
}

.nomi-page .nomi-item-3 .car-img .small-circle-2 {
    left: 510px;
    top: 240px;
}

.nomi-page .nomi-item-3 .car-img .medium-circle {
    left: 500px;
    top: 160px;
}

.nomi-page .nomi-item-3 .car-img .item-3-mobile {
    display: none;
}

.nomi-page .nomi-item-3 .icons {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #939799;
    line-height: 24px;
}

.nomi-page .nomi-item-3 .icons .icon-item {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    padding-top: 57px;
}

.nomi-page .nomi-item-3 .icons .icon-item:nth-child(1) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='42px' height='42px' viewBox='0 0 42 42' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.437 41.563 0.437 41.563 41.9998 0 41.9998'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-271.000000, -1809.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-10' transform='translate(271.000000, 747.000000)'%3E %3Cpath d='M16.1235,14.332 C17.3545,14.332 18.3945,15.638 18.3945,17.184 C19.2765,17.184 19.8985,16.301 19.5915,15.474 C19.0145,13.922 17.6775,12.832 16.1235,12.832 C14.5695,12.832 13.2325,13.922 12.6555,15.474 C12.3485,16.301 12.9695,17.184 13.8525,17.184 C13.8525,15.638 14.8925,14.332 16.1235,14.332' id='Fill-1' fill='%23939799'%3E%3C/path%3E %3Cpath d='M30.6499,12.832 C29.0969,12.832 27.7589,13.922 27.1819,15.474 C26.8749,16.301 27.4969,17.184 28.3789,17.184 C28.3789,15.638 29.4189,14.332 30.6499,14.332 C31.8809,14.332 32.9209,15.638 32.9209,17.184 C33.8039,17.184 34.4259,16.301 34.1179,15.474 C33.5409,13.922 32.2039,12.832 30.6499,12.832' id='Fill-3' fill='%23939799'%3E%3C/path%3E %3Cpath d='M16.2349,25.9599 C16.4819,25.8609 16.7549,25.8629 17.0039,25.9699 C17.2519,26.0749 17.4429,26.2699 17.5429,26.5169 L19.4379,31.2209 C19.6449,31.7339 19.3959,32.3209 18.8809,32.5289 L13.5979,34.6579 C13.0839,34.8639 12.4969,34.6159 12.2899,34.1009 L10.4179,29.4679 C10.4079,29.4269 10.3959,29.3869 10.3399,29.2619 L8.9369,25.7789 C8.8529,25.5719 8.9579,25.3259 9.1639,25.2429 C9.2129,25.2239 9.2629,25.2139 9.3139,25.2139 C9.4779,25.2139 9.6369,25.3129 9.7009,25.4719 L10.7829,28.1559 L16.2349,25.9599 Z M11.0919,24.9109 C10.6989,23.9339 9.5809,23.4599 8.6039,23.8519 C7.6259,24.2459 7.1519,25.3619 7.5449,26.3399 L10.8979,34.6609 C11.2909,35.6369 12.2329,36.2309 13.2259,36.2309 C13.5369,36.2309 13.8529,36.1719 14.1579,36.0489 L19.4429,33.9199 C20.7229,33.4029 21.3459,31.9399 20.8299,30.6599 L18.9349,25.9559 C18.6849,25.3369 18.2079,24.8519 17.5909,24.5889 C16.9739,24.3259 16.2929,24.3179 15.6739,24.5689 L11.6139,26.2049 L11.0919,24.9109 Z' id='Fill-5' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-9' transform='translate(0.000000, 0.563400)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-8'%3E%3C/g%3E %3Cpath d='M19.6509,0.4668 C9.1719,1.0248 0.5889,9.6088 0.0299,20.0878 C-0.6071,32.0578 8.9479,41.9998 20.7819,41.9998 C27.3519,41.9998 33.3959,38.9908 37.3649,33.7448 L37.2739,33.6758 C36.6779,33.2258 35.8289,33.2998 35.3399,33.8638 C31.6719,38.0968 26.4369,40.4998 20.7819,40.4998 C9.4239,40.4998 0.3279,30.6288 1.6229,19.0148 C2.6089,10.1838 9.7459,3.0448 18.5769,2.0598 C30.1919,0.7638 40.0639,9.8608 40.0639,21.2188 C40.0639,24.7098 39.1209,28.1308 37.3369,31.1098 C38.0579,31.5418 38.9969,31.2668 39.3729,30.5148 C40.8099,27.6418 41.5639,24.4578 41.5639,21.2188 C41.5639,9.3848 31.6209,-0.1712 19.6509,0.4668' id='Fill-7' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-3 .icons .icon-item:nth-child(2) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='43px' height='43px' viewBox='0 0 43 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 12%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.389039802 0.4541 16.1719456 0.4541 16.1719456 12 0.389039802 12'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-469.000000, -1809.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-12' transform='translate(469.000000, 748.000000)'%3E %3Cpath d='M36.6201,26.5664 L32.6731,24.5624 C32.2981,25.3004 32.5931,26.2054 33.3311,26.5804 L34.3181,27.0804 C30.7101,28.3534 26.0681,29.0714 21.2801,29.0714 C10.5581,29.0714 1.5001,25.5044 1.5001,21.2804 C1.5001,18.5074 5.5901,15.8244 11.9211,14.4434 L11.6001,12.9784 C4.3371,14.5624 0.0001,17.6664 0.0001,21.2804 C0.0001,26.4904 9.3481,30.5714 21.2801,30.5714 C26.2981,30.5714 31.0151,29.8414 34.7941,28.5034 L34.2861,29.5054 C33.9101,30.2444 34.2051,31.1464 34.9431,31.5224 L34.9441,31.5224 L36.9491,27.5754 C37.0391,27.3974 37.0551,27.1914 36.9931,27.0034 C36.9321,26.8134 36.7971,26.6564 36.6201,26.5664' id='Fill-1' fill='%23939799'%3E%3C/path%3E %3Cpath d='M21.2803,11.9892 C19.5763,11.9892 17.8903,12.0742 16.2543,12.2422 C15.4853,12.3222 14.9433,13.0352 15.0463,13.8012 L15.0583,13.8942 C17.0603,13.6262 19.1543,13.4892 21.2803,13.4892 C32.0023,13.4892 41.0603,17.0562 41.0603,21.2802 C41.0603,22.7642 39.8813,23.9842 38.8913,24.7452 C39.4213,25.4332 40.4443,25.4622 41.0293,24.8192 C42.0363,23.7142 42.5603,22.5102 42.5603,21.2802 C42.5603,16.0702 33.2133,11.9892 21.2803,11.9892' id='Fill-3' fill='%23939799'%3E%3C/path%3E %3Cpath d='M12.4365,27.4746 C13.2305,27.3726 13.7825,26.6546 13.7065,25.8576 C13.5615,24.3626 13.4895,22.8286 13.4895,21.2806 C13.4895,10.5586 17.0565,1.4996 21.2805,1.4996 C23.4775,1.4996 25.6625,4.1266 27.1535,8.4536 L26.0445,7.8806 C25.3075,7.5016 24.4035,7.7906 24.0235,8.5276 L27.9575,10.5566 C28.0685,10.6136 28.1855,10.6396 28.3005,10.6396 C28.5735,10.6396 28.8345,10.4916 28.9685,10.2336 L30.9985,6.2986 L30.9975,6.2986 C30.2605,5.9186 29.3565,6.2076 28.9765,6.9446 L28.5235,7.8226 C26.7835,2.8286 24.1945,-0.0004 21.2805,-0.0004 C16.0705,-0.0004 11.9895,9.3476 11.9895,21.2806 C11.9895,23.3906 12.1205,25.4776 12.3785,27.4826 L12.4365,27.4746 Z' id='Fill-5' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-9' transform='translate(13.000000, 30.560500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-8'%3E%3C/g%3E %3Cpath d='M15.0322,0.4541 C13.6322,6.5571 10.9812,10.5001 8.2802,10.5001 C5.5792,10.5001 2.9282,6.5571 1.5282,0.4541 C0.7112,0.6411 0.2192,1.4791 0.4432,2.2871 C2.1302,8.4011 5.0072,12.0001 8.2802,12.0001 C11.5532,12.0001 14.4302,8.4011 16.1182,2.2871 C16.3412,1.4791 15.8492,0.6411 15.0322,0.4541' id='Fill-7' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M30.1318,27.4765 L30.1818,27.4825 C30.4408,25.4775 30.5708,23.3905 30.5708,21.2805 C30.5708,19.7635 30.5038,18.2605 30.3698,16.7965 C30.2938,15.9565 29.5518,15.3415 28.7158,15.4475 C28.9518,17.3275 29.0708,19.2895 29.0708,21.2805 C29.0708,22.8265 28.9988,24.3575 28.8558,25.8505 C28.7778,26.6515 29.3328,27.3725 30.1318,27.4765' id='Fill-10' fill='%23939799'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-3 .icons .icon-item:nth-child(3) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='45px' height='32px' viewBox='0 0 45 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 17%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.966 7.09178558 0.966 7.09178558 33 0 33'%3E%3C/polygon%3E %3Cpolygon id='path-3' points='0.322514416 0.966 7.415 0.966 7.415 32.9998 0.322514416 32.9998'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-698.000000, -1818.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-17' transform='translate(698.000000, 756.000000)'%3E %3Cpath d='M21.2588,12.7139 C19.5968,13.0629 18.2528,14.4059 17.9048,16.0679 C17.3078,18.9079 19.4698,21.4189 22.2068,21.4189 C23.0888,21.4189 23.9408,21.1589 24.6688,20.6679 L24.4498,20.3439 C24.1448,19.8909 23.5808,19.6329 23.0578,19.7929 C22.5038,19.9619 21.8978,19.9639 21.2998,19.7809 C20.4168,19.5099 19.7008,18.7879 19.4368,17.9029 C18.7718,15.6759 20.7248,13.6579 22.9418,14.2049 C24.1118,14.4939 24.9958,15.5509 25.0978,16.7519 C25.1468,17.3269 25.0368,17.8749 24.7768,18.3699 C25.5708,18.7889 26.5288,18.2479 26.5968,17.3519 C26.6058,17.2399 26.6098,17.1289 26.6098,17.0169 C26.6098,14.2789 24.0988,12.1169 21.2588,12.7139' id='Fill-1' fill='%23939799'%3E%3C/path%3E %3Cpath d='M15.9385,8.6758 L15.9005,8.6378 C13.1985,11.3438 11.9605,15.2048 12.5875,18.9658 C12.9975,21.4178 14.1425,23.6418 15.9005,25.3978 L15.9365,25.3618 C16.4955,24.8018 16.5305,23.9238 16.0485,23.2968 C15.0265,21.9618 14.3485,20.4028 14.0685,18.7198 C13.5955,15.8888 14.3345,12.9918 16.0565,10.7328 C16.5345,10.1078 16.4955,9.2328 15.9385,8.6758' id='Fill-3' fill='%23939799'%3E%3C/path%3E %3Cpath d='M11.2744,4.8701 L11.2594,4.8551 C7.8024,8.3141 5.9744,13.0961 6.2464,17.9721 C6.4824,22.2031 8.2624,26.1831 11.2594,29.1791 L11.2734,29.1651 C11.8424,28.5961 11.8784,27.6891 11.3634,27.0721 C9.2064,24.4881 7.9324,21.2761 7.7444,17.8881 C7.5224,13.9111 8.8314,10.0041 11.3644,6.9631 C11.8794,6.3451 11.8434,5.4391 11.2744,4.8701' id='Fill-5' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-9' transform='translate(0.000000, 0.034200)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-8'%3E%3C/g%3E %3Cpath d='M1.5,16.9824 C1.5,11.8114 3.343,6.9224 6.718,3.0694 C7.251,2.4604 7.206,1.5384 6.634,0.9654 C2.355,5.2434 0,10.9314 0,16.9824 C0,23.0344 2.355,28.7224 6.634,33.0004 C7.206,32.4274 7.251,31.5044 6.718,30.8954 C3.343,27.0424 1.5,22.1534 1.5,16.9824' id='Fill-7' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M28.4766,8.6758 C27.9196,9.2328 27.8806,10.1078 28.3586,10.7328 C30.0806,12.9918 30.8186,15.8878 30.3456,18.7198 C30.0656,20.4028 29.3876,21.9618 28.3666,23.2968 C27.8846,23.9238 27.9206,24.8028 28.4796,25.3618 L28.5146,25.3968 C30.2726,23.6418 31.4166,21.4168 31.8266,18.9658 C32.4546,15.2038 31.2156,11.3438 28.5146,8.6378 L28.4766,8.6758 Z' id='Fill-10' fill='%23939799'%3E%3C/path%3E %3Cpath d='M33.1543,4.8555 L33.1393,4.8705 C32.5703,5.4395 32.5343,6.3445 33.0503,6.9625 C35.5833,10.0035 36.8913,13.9115 36.6703,17.8875 C36.4813,21.2765 35.2083,24.4885 33.0503,27.0725 C32.5353,27.6895 32.5713,28.5955 33.1403,29.1655 L33.1543,29.1785 C36.1513,26.1835 37.9313,22.2035 38.1683,17.9715 C38.4393,13.0955 36.6113,8.3145 33.1543,4.8555' id='Fill-12' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-16' transform='translate(37.000000, 0.034200)'%3E %3Cmask id='mask-4' fill='white'%3E %3Cuse xlink:href='%23path-3'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-15'%3E%3C/g%3E %3Cpath d='M0.7803,0.9658 C0.2083,1.5378 0.1633,2.4598 0.6963,3.0698 C4.0723,6.9238 5.9153,11.8118 5.9153,16.9828 C5.9153,22.1538 4.0723,27.0418 0.6963,30.8958 C0.1633,31.5048 0.2083,32.4278 0.7803,32.9998 C5.0583,28.7218 7.4153,23.0328 7.4153,16.9828 C7.4153,10.9328 5.0583,5.2438 0.7803,0.9658' id='Fill-14' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-4)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-3 .icons .icon-item:nth-child(4) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='35px' viewBox='0 0 40 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 15%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-932.000000, -1815.000000)' fill='%23939799'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-15' transform='translate(932.000000, 754.000000)'%3E %3Cpath d='M20.625,35.0254 C19.797,35.0254 19.125,34.3534 19.125,33.5254 L19.125,0.0004 C19.953,0.0004 20.625,0.6714 20.625,1.5004 L20.625,35.0254 Z M1.5,20.2803 C0.672,20.2803 0,19.6083 0,18.7803 L0,14.7453 C0.828,14.7453 1.5,15.4173 1.5,16.2453 L1.5,20.2803 Z M7.875,25.8096 C7.047,25.8096 6.375,25.1376 6.375,24.3096 L6.375,9.2156 C7.203,9.2156 7.875,9.8876 7.875,10.7156 L7.875,25.8096 Z M14.25,22.9131 C13.422,22.9131 12.75,22.2411 12.75,21.4131 L12.75,12.1121 C13.578,12.1121 14.25,12.7841 14.25,13.6121 L14.25,22.9131 Z M27,31.6025 C26.172,31.6025 25.5,30.9305 25.5,30.1025 L25.5,3.4225 C26.328,3.4225 27,4.0945 27,4.9225 L27,31.6025 Z M39.75,19.7529 C38.922,19.7529 38.25,19.0809 38.25,18.2529 L38.25,15.2729 C39.078,15.2729 39.75,15.9439 39.75,16.7729 L39.75,19.7529 Z M33.375,25.0195 C32.547,25.0195 31.875,24.3475 31.875,23.5195 L31.875,10.0055 C32.703,10.0055 33.375,10.6775 33.375,11.5055 L33.375,25.0195 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-3 .icons .icon-item:nth-child(5) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='42px' height='38px' viewBox='0 0 42 38' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.312 41.653 0.312 41.653 38 0 38'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1127.000000, -1812.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-6' transform='translate(1127.000000, 750.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.688500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M6.6758,7.624 C3.8218,7.624 1.4998,9.946 1.4998,12.8 L1.4998,31.324 C1.4998,34.178 3.8218,36.5 6.6758,36.5 L34.9778,36.5 C37.8308,36.5 40.1538,34.178 40.1538,31.324 L40.1538,12.8 C40.1538,9.946 37.8308,7.624 34.9778,7.624 L29.2788,7.624 C28.9358,7.624 28.6358,7.391 28.5518,7.059 L27.7728,3.983 C27.4478,2.704 26.3018,1.812 24.9828,1.812 L16.1548,1.812 C14.8348,1.812 13.6878,2.704 13.3628,3.983 L12.5858,7.058 C12.5008,7.391 12.2018,7.624 11.8588,7.624 L6.6758,7.624 Z M34.9778,38 L6.6758,38 C2.9948,38 -0.0002,35.005 -0.0002,31.324 L-0.0002,12.8 C-0.0002,9.119 2.9948,6.124 6.6758,6.124 L11.2748,6.124 L11.9088,3.615 C12.4028,1.67 14.1488,0.312 16.1548,0.312 L24.9828,0.312 C26.9888,0.312 28.7348,1.67 29.2268,3.615 L29.8628,6.124 L34.9778,6.124 C38.6578,6.124 41.6538,9.119 41.6538,12.8 L41.6538,31.324 C41.6538,35.005 38.6578,38 34.9778,38 Z' id='Fill-1' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.8262,33.8008 C14.5632,33.8008 9.5062,28.5378 9.8432,22.2018 C10.1382,16.6548 14.6812,12.1118 20.2282,11.8168 C26.5642,11.4798 31.8272,16.5368 31.8272,22.7998 C31.8272,24.1528 31.5842,25.4698 31.1062,26.7218 C31.1062,26.7228 31.1052,26.7238 31.1052,26.7258 C30.8242,27.4478 29.9622,27.7518 29.2792,27.3828 L29.1742,27.3258 C29.3202,27.0568 29.4542,26.7788 29.5762,26.4938 C30.1032,25.2428 30.3542,23.9058 30.3162,22.5308 C30.1902,17.8988 26.6372,13.9548 22.0382,13.3818 C15.7862,12.6038 10.5192,17.9498 11.4372,24.2238 C12.0312,28.2848 15.2712,31.5638 19.3292,32.1808 C22.0062,32.5868 24.6102,31.8918 26.6532,30.2968 C27.1832,29.8838 27.9302,29.9038 28.4042,30.3778 L28.6042,30.5778 C26.5262,32.6558 23.7642,33.8008 20.8262,33.8008' id='Fill-4' fill='%23939799'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-3 {
        background-size: auto 100%;
        height: auto;
        padding-top: 7.3vw;
        padding-bottom: 3vw;
    }
    .nomi-page .nomi-item-3 .car-img {
        width: 54.097vw;
        height: 31.041vw;
        margin: 0 auto;
    }
    .nomi-page .nomi-item-3 .car-img img {
        position: absolute;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(1) {
        width: 8.8888888889vw;
        height: 11.5972222222vw;
        left: 5.2083333333vw;
        top: 7.5vw;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(2) {
        width: 10.7638888889vw;
        height: 15.0694444444vw;
        left: 13.4722222222vw;
        top: 5.8333333333vw;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(3) {
        width: 9.6527777778vw;
        height: 6.7361111111vw;
        left: 24.1666666667vw;
        top: 5.6944444444vw;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(4) {
        width: 9.6527777778vw;
        height: 6.7361111111vw;
        left: 24.1666666667vw;
        top: 13.8888888889vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-big-circle {
        width: 6.8055555556vw;
        height: 6.8055555556vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-medium-circle {
        width: 4.4444444444vw;
        height: 4.4444444444vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-small-circle {
        width: 3.4722222222vw;
        height: 3.4722222222vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-1 {
        left: 12.0833333333vw;
        top: 2.0833333333vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-2 {
        left: 21.8055555556vw;
        top: 2.0833333333vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-3 {
        left: 12.0833333333vw;
        top: 17.3611111111vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-4 {
        left: 21.8055555556vw;
        top: 17.3611111111vw;
    }
    .nomi-page .nomi-item-3 .car-img .small-circle-1 {
        left: 35.4166666667vw;
        top: 6.25vw;
    }
    .nomi-page .nomi-item-3 .car-img .small-circle-2 {
        left: 35.4166666667vw;
        top: 16.6666666667vw;
    }
    .nomi-page .nomi-item-3 .car-img .medium-circle {
        left: 34.7222222222vw;
        top: 11.1111111111vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-mobile {
        display: none;
    }
    .nomi-page .nomi-item-3 .icons {
        width: 80%;
        margin: 0 auto;
        text-align: left;
    }
    .nomi-page .nomi-item-3 .icons .icon-item {
        width: 30%;
        margin-top: 1rem;
        text-align: center;
    }
}

@media (max-width:480px) {
    .nomi-page .nomi-item-3 {
        background-image: none;
        background-color: #DADCDE;
        padding-top: 24.8vw;
    }
    .nomi-page .nomi-item-3 .car-img {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        height: 83.466vw;
        width: 145.6vw;
        margin-top: 36.8vw;
        margin-left: -15.466vw;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(1) {
        width: 23.9235555556vw;
        height: 31.2127638889vw;
        left: 14.0177083333vw;
        top: 20.1855vw;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(2) {
        width: 28.9699305556vw;
        height: 40.5579027778vw;
        left: 36.2591388889vw;
        top: 15.6998333333vw;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(3) {
        width: 25.9794861111vw;
        height: 18.1295694444vw;
        left: 65.0421666667vw;
        top: 15.3260277778vw;
    }
    .nomi-page .nomi-item-3 .car-img img:nth-child(4) {
        width: 25.9794861111vw;
        height: 18.1295694444vw;
        left: 65.0421666667vw;
        top: 37.3805555556vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-big-circle {
        width: 18.3164722222vw;
        height: 18.3164722222vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-medium-circle {
        width: 11.9617777778vw;
        height: 11.9617777778vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-small-circle {
        width: 9.3451388889vw;
        height: 9.3451388889vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-1 {
        left: 32.5210833333vw;
        top: 5.6070833333vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-2 {
        left: 58.6874722222vw;
        top: 5.6070833333vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-3 {
        left: 32.5210833333vw;
        top: 46.7256944444vw;
    }
    .nomi-page .nomi-item-3 .car-img .big-circle-4 {
        left: 58.6874722222vw;
        top: 46.7256944444vw;
    }
    .nomi-page .nomi-item-3 .car-img .small-circle-1 {
        left: 95.3204166667vw;
        top: 16.82125vw;
    }
    .nomi-page .nomi-item-3 .car-img .small-circle-2 {
        left: 95.3204166667vw;
        top: 44.8566666667vw;
    }
    .nomi-page .nomi-item-3 .car-img .medium-circle {
        left: 93.4513888889vw;
        top: 29.9044444444vw;
    }
    .nomi-page .nomi-item-3 .car-img .item-3-mobile {
        display: none;
    }
    .nomi-page .nomi-item-3 .icons {
        width: 80vw;
        margin-top: 40vw;
    }
    .nomi-page .nomi-item-3 .icons .icon-item {
        width: 49%;
    }
}

.nomi-page .sections-item {
    position: relative;
    width: 62.5vw;
    margin: 0 auto;
}

.nomi-page .sections__progress {
    width: 1px;
}

.nomi-page .nomi-item-title {
    display: none;
}

@media (max-width:1023px) {
    .nomi-page .nomi-item-title {
        display: block;
        position: absolute;
        top: -60px;
        text-align: center;
        width: 100%;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-title {
        display: block;
        position: static;
        padding: 72px 0 60px;
        width: 100%;
    }
}

@media (min-width:64em) {
    .nomi-page .section-item__inner {
        width: auto;
    }
}

.nomi-page .mobile-show {
    display: none;
}

.nomi-page .desktop-show {
    display: block;
}

.nomi-page .item-audio p {
    font-size: 14px;
    font-weight: 400;
    color: #004b64;
    line-height: 24px;
    text-align: center;
}

.nomi-page .section-item.paragraph.paragraph--type--section-item {
    padding: 73px 0;
}

.nomi-page .field__item.item-id-4 . {
    text-align: center;
}

.nomi-page .nomi-item-4 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 900px;
    height: 520px;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-img {
    position: absolute;
    width: 720px;
    height: 300px;
    top: 0;
    right: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-4-img.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg {
    position: absolute;
    width: 450px;
    height: 220px;
    left: 0;
    bottom: 32px;
    background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.000114053085 0.423 38.5826768 0.423 38.5826768 39 0.000114053085 39'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-586.000000, -2435.000000)'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(206.000000, 310.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.577100)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M33.0075,31.586 C32.3835,32.131 32.3195,33.078 32.8635,33.702 L36.1815,37.5 L19.2915,37.5 C9.4815,37.5 1.5005,29.52 1.5005,19.711 C1.5005,9.228 10.6175,0.833 21.3405,2.038 C29.5165,2.957 36.1075,9.569 36.9775,17.75 C37.3955,21.671 36.5555,25.495 34.5975,28.784 C34.1795,29.486 34.3685,30.389 35.0345,30.862 C37.3555,27.591 38.5825,23.735 38.5825,19.711 C38.5825,8.348 28.7045,-0.751 17.0845,0.546 C8.2505,1.532 1.1095,8.671 0.1235,17.506 C-1.1735,29.124 7.9275,39 19.2915,39 L37.8325,39 C38.1265,39 38.3935,38.828 38.5155,38.561 C38.6375,38.292 38.5905,37.979 38.3975,37.757 L33.0075,31.586 Z' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M21.7072,27.1524 L21.7072,13.9774 C21.7072,13.1494 21.0352,12.4774 20.2072,12.4774 L20.2072,19.0654 L12.2562,19.0654 L12.2562,14.0024 C12.2562,13.1734 11.5842,12.5024 10.7562,12.5024 L10.7562,25.6774 C10.7562,26.5064 11.4282,27.1774 12.2562,27.1774 L12.2562,20.5654 L20.2072,20.5654 L20.2072,25.6524 C20.2072,26.4804 20.8782,27.1524 21.7072,27.1524' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M26.3263,15.4775 L26.3263,25.6525 C26.3263,26.4805 26.9973,27.1525 27.8263,27.1525 L27.8263,16.9775 C27.8263,16.1495 27.1543,15.4775 26.3263,15.4775' id='Fill-6' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M27.0763,12.4775 C26.6613,12.4775 26.3263,12.8135 26.3263,13.2275 C26.3263,13.6415 26.6613,13.9775 27.0763,13.9775 C27.4903,13.9775 27.8263,13.6415 27.8263,13.2275 C27.8263,12.8135 27.4903,12.4775 27.0763,12.4775' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 43px;
    text-align: center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg:hover {
    background-position: center 33px;
}

.nomi-page .nomi-item-4 .nomi-msg span.audio-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
}

.nomi-page .nomi-item-4 .nomi-msg h3 {
    margin-top: 103px;
    font-size: 20px;
    font-weight: 400;
    color: #004b64;
    line-height: 24px;
    margin-bottom: 20px;
}

.nomi-page .nomi-item-4 .nomi-msg p {
    font-size: 14px;
    font-weight: 400;
    color: #004b64;
    line-height: 24px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 {
    margin: 0;
    padding: 44px 0 67px;
    background: -webkit-gradient(linear, left bottom, left top, from(#004B64), to(#00263C));
    background: -o-linear-gradient(bottom, #004B64 0%, #00263C 100%);
    background: linear-gradient(0deg, #004B64 0%, #00263C 100%);
    text-align: center;
    color: #FFF;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips {
    position: relative;
    width: 693px;
    height: 223px;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips img {
    max-width: 320px;
    max-height: 80px;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-1,
.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-2,
.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-3 {
    position: absolute;
    width: 292px;
    height: 48px;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-1 {
    left: 0;
    top: 99px;
    background: url("/ecs/prod/s3fs-public/inline-images/NOMI-tip-1.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-2 {
    right: 0;
    top: 117px;
    background: url("/ecs/prod/s3fs-public/inline-images/NOMI-tip-2.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-3 {
    left: 0;
    top: 175px;
    width: 457px;
    background: url("/ecs/prod/s3fs-public/inline-images/NOMI-tip-3.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 p {
    max-width: 995px;
    margin: 56px auto 0;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    line-height: 24px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .circle {
    max-width: 995px;
    margin: 30px auto 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .circle span {
    display: inline-block;
    width: 174px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EOval%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-433.000000, -1180.000000)' fill-rule='nonzero' stroke='%2300BEBE' stroke-width='2'%3E %3Cg id='2-info-copy-2' transform='translate(0.000000, 769.000000)'%3E %3Cg id='Group-23' transform='translate(216.000000, 401.000000)'%3E %3Ccircle id='Oval' cx='223' cy='16' r='5'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat left center;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #f0f1f2;
    line-height: 29px;
}

@media (max-width:1024px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 p,
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .circle {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .circle {
        max-width: 80%;
        margin: 23px auto 0;
        padding: 0;
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .circle span {
        width: 30%;
        padding-left: 20px;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips {
        width: 90%;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-1,
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-2,
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-3 {
        width: 42.135%;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-3 {
        width: 65.945%;
    }
}

@media (max-width:540px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 p {
        padding: 0;
        max-width: 90%;
        margin: 14.9333333333vw auto 0;
        font-size: 14px;
        line-height: 6.4vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .circle span {
        width: 45%;
        padding-left: 20px;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width:480px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 {
        padding: 13.3333333333vw 5.3333333333vw 14.9333333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips {
        width: 89.3333333333vw;
        height: 80.5333333333vw;
        text-align: center;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips img {
        max-width: 320px;
        max-height: 80px;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-1,
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-2,
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-3 {
        position: static;
        width: 77.8666666667vw;
        height: 12.8vw;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        line-height: 12.8vw;
        margin-top: 8.8vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-2 {
        margin-right: 0;
        margin-left: 9.8666666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .tips .tip-3 {
        width: 85.8666666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-2 .circle {
        max-width: 100%;
        margin: 6.1333333333vw auto 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 {
    width: 100%;
    height: 48.6111111111vw;
    margin: 0;
    text-align: center;
    background: url("/ecs/prod/s3fs-public/inline-images/item-3-bg_1.jpg") no-repeat center -2px/100% auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .middle-item {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img {
    position: relative;
    width: 779px;
    height: 447px;
    margin: 0 auto;
    background: url("/ecs/prod/s3fs-public/inline-images/car_1.png") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img {
    position: absolute;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(1) {
    left: 75px;
    top: 108px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(2) {
    left: 194px;
    top: 84px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(3) {
    left: 348px;
    top: 82px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(4) {
    left: 348px;
    top: 200px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-big-circle {
    position: absolute;
    width: 98px;
    height: 98px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='98px' height='98px' viewBox='0 0 98 98' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup Copy 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-509.000000, -1398.000000)' fill='%2300BEBE' fill-rule='nonzero'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-24' transform='translate(69.000000, 0.000000)'%3E %3Cg id='Group-Copy-3' transform='translate(440.000000, 337.000000)'%3E %3Ccircle id='Oval-4' opacity='0.300000012' cx='49' cy='49' r='32.4831461'%3E%3C/circle%3E %3Ccircle id='Oval-4' opacity='0.200000003' cx='49' cy='49' r='49'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-medium-circle {
    position: absolute;
    width: 64px;
    height: 64px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='98px' height='98px' viewBox='0 0 98 98' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup Copy 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-509.000000, -1398.000000)' fill='%2300BEBE' fill-rule='nonzero'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-24' transform='translate(69.000000, 0.000000)'%3E %3Cg id='Group-Copy-3' transform='translate(440.000000, 337.000000)'%3E %3Ccircle id='Oval-4' opacity='0.300000012' cx='49' cy='49' r='32.4831461'%3E%3C/circle%3E %3Ccircle id='Oval-4' opacity='0.200000003' cx='49' cy='49' r='49'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-small-circle {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='98px' height='98px' viewBox='0 0 98 98' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup Copy 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-509.000000, -1398.000000)' fill='%2300BEBE' fill-rule='nonzero'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-24' transform='translate(69.000000, 0.000000)'%3E %3Cg id='Group-Copy-3' transform='translate(440.000000, 337.000000)'%3E %3Ccircle id='Oval-4' opacity='0.300000012' cx='49' cy='49' r='32.4831461'%3E%3C/circle%3E %3Ccircle id='Oval-4' opacity='0.200000003' cx='49' cy='49' r='49'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-1 {
    left: 174px;
    top: 30px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-2 {
    left: 314px;
    top: 30px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-3 {
    left: 174px;
    top: 250px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-4 {
    left: 314px;
    top: 250px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .small-circle-1 {
    left: 510px;
    top: 90px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .small-circle-2 {
    left: 510px;
    top: 240px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .medium-circle {
    left: 500px;
    top: 160px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-mobile {
    display: none;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #939799;
    line-height: 24px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    padding-top: 57px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item:nth-child(1) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='42px' height='42px' viewBox='0 0 42 42' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.437 41.563 0.437 41.563 41.9998 0 41.9998'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-271.000000, -1809.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-10' transform='translate(271.000000, 747.000000)'%3E %3Cpath d='M16.1235,14.332 C17.3545,14.332 18.3945,15.638 18.3945,17.184 C19.2765,17.184 19.8985,16.301 19.5915,15.474 C19.0145,13.922 17.6775,12.832 16.1235,12.832 C14.5695,12.832 13.2325,13.922 12.6555,15.474 C12.3485,16.301 12.9695,17.184 13.8525,17.184 C13.8525,15.638 14.8925,14.332 16.1235,14.332' id='Fill-1' fill='%23939799'%3E%3C/path%3E %3Cpath d='M30.6499,12.832 C29.0969,12.832 27.7589,13.922 27.1819,15.474 C26.8749,16.301 27.4969,17.184 28.3789,17.184 C28.3789,15.638 29.4189,14.332 30.6499,14.332 C31.8809,14.332 32.9209,15.638 32.9209,17.184 C33.8039,17.184 34.4259,16.301 34.1179,15.474 C33.5409,13.922 32.2039,12.832 30.6499,12.832' id='Fill-3' fill='%23939799'%3E%3C/path%3E %3Cpath d='M16.2349,25.9599 C16.4819,25.8609 16.7549,25.8629 17.0039,25.9699 C17.2519,26.0749 17.4429,26.2699 17.5429,26.5169 L19.4379,31.2209 C19.6449,31.7339 19.3959,32.3209 18.8809,32.5289 L13.5979,34.6579 C13.0839,34.8639 12.4969,34.6159 12.2899,34.1009 L10.4179,29.4679 C10.4079,29.4269 10.3959,29.3869 10.3399,29.2619 L8.9369,25.7789 C8.8529,25.5719 8.9579,25.3259 9.1639,25.2429 C9.2129,25.2239 9.2629,25.2139 9.3139,25.2139 C9.4779,25.2139 9.6369,25.3129 9.7009,25.4719 L10.7829,28.1559 L16.2349,25.9599 Z M11.0919,24.9109 C10.6989,23.9339 9.5809,23.4599 8.6039,23.8519 C7.6259,24.2459 7.1519,25.3619 7.5449,26.3399 L10.8979,34.6609 C11.2909,35.6369 12.2329,36.2309 13.2259,36.2309 C13.5369,36.2309 13.8529,36.1719 14.1579,36.0489 L19.4429,33.9199 C20.7229,33.4029 21.3459,31.9399 20.8299,30.6599 L18.9349,25.9559 C18.6849,25.3369 18.2079,24.8519 17.5909,24.5889 C16.9739,24.3259 16.2929,24.3179 15.6739,24.5689 L11.6139,26.2049 L11.0919,24.9109 Z' id='Fill-5' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-9' transform='translate(0.000000, 0.563400)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-8'%3E%3C/g%3E %3Cpath d='M19.6509,0.4668 C9.1719,1.0248 0.5889,9.6088 0.0299,20.0878 C-0.6071,32.0578 8.9479,41.9998 20.7819,41.9998 C27.3519,41.9998 33.3959,38.9908 37.3649,33.7448 L37.2739,33.6758 C36.6779,33.2258 35.8289,33.2998 35.3399,33.8638 C31.6719,38.0968 26.4369,40.4998 20.7819,40.4998 C9.4239,40.4998 0.3279,30.6288 1.6229,19.0148 C2.6089,10.1838 9.7459,3.0448 18.5769,2.0598 C30.1919,0.7638 40.0639,9.8608 40.0639,21.2188 C40.0639,24.7098 39.1209,28.1308 37.3369,31.1098 C38.0579,31.5418 38.9969,31.2668 39.3729,30.5148 C40.8099,27.6418 41.5639,24.4578 41.5639,21.2188 C41.5639,9.3848 31.6209,-0.1712 19.6509,0.4668' id='Fill-7' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item:nth-child(2) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='43px' height='43px' viewBox='0 0 43 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 12%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.389039802 0.4541 16.1719456 0.4541 16.1719456 12 0.389039802 12'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-469.000000, -1809.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-12' transform='translate(469.000000, 748.000000)'%3E %3Cpath d='M36.6201,26.5664 L32.6731,24.5624 C32.2981,25.3004 32.5931,26.2054 33.3311,26.5804 L34.3181,27.0804 C30.7101,28.3534 26.0681,29.0714 21.2801,29.0714 C10.5581,29.0714 1.5001,25.5044 1.5001,21.2804 C1.5001,18.5074 5.5901,15.8244 11.9211,14.4434 L11.6001,12.9784 C4.3371,14.5624 0.0001,17.6664 0.0001,21.2804 C0.0001,26.4904 9.3481,30.5714 21.2801,30.5714 C26.2981,30.5714 31.0151,29.8414 34.7941,28.5034 L34.2861,29.5054 C33.9101,30.2444 34.2051,31.1464 34.9431,31.5224 L34.9441,31.5224 L36.9491,27.5754 C37.0391,27.3974 37.0551,27.1914 36.9931,27.0034 C36.9321,26.8134 36.7971,26.6564 36.6201,26.5664' id='Fill-1' fill='%23939799'%3E%3C/path%3E %3Cpath d='M21.2803,11.9892 C19.5763,11.9892 17.8903,12.0742 16.2543,12.2422 C15.4853,12.3222 14.9433,13.0352 15.0463,13.8012 L15.0583,13.8942 C17.0603,13.6262 19.1543,13.4892 21.2803,13.4892 C32.0023,13.4892 41.0603,17.0562 41.0603,21.2802 C41.0603,22.7642 39.8813,23.9842 38.8913,24.7452 C39.4213,25.4332 40.4443,25.4622 41.0293,24.8192 C42.0363,23.7142 42.5603,22.5102 42.5603,21.2802 C42.5603,16.0702 33.2133,11.9892 21.2803,11.9892' id='Fill-3' fill='%23939799'%3E%3C/path%3E %3Cpath d='M12.4365,27.4746 C13.2305,27.3726 13.7825,26.6546 13.7065,25.8576 C13.5615,24.3626 13.4895,22.8286 13.4895,21.2806 C13.4895,10.5586 17.0565,1.4996 21.2805,1.4996 C23.4775,1.4996 25.6625,4.1266 27.1535,8.4536 L26.0445,7.8806 C25.3075,7.5016 24.4035,7.7906 24.0235,8.5276 L27.9575,10.5566 C28.0685,10.6136 28.1855,10.6396 28.3005,10.6396 C28.5735,10.6396 28.8345,10.4916 28.9685,10.2336 L30.9985,6.2986 L30.9975,6.2986 C30.2605,5.9186 29.3565,6.2076 28.9765,6.9446 L28.5235,7.8226 C26.7835,2.8286 24.1945,-0.0004 21.2805,-0.0004 C16.0705,-0.0004 11.9895,9.3476 11.9895,21.2806 C11.9895,23.3906 12.1205,25.4776 12.3785,27.4826 L12.4365,27.4746 Z' id='Fill-5' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-9' transform='translate(13.000000, 30.560500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-8'%3E%3C/g%3E %3Cpath d='M15.0322,0.4541 C13.6322,6.5571 10.9812,10.5001 8.2802,10.5001 C5.5792,10.5001 2.9282,6.5571 1.5282,0.4541 C0.7112,0.6411 0.2192,1.4791 0.4432,2.2871 C2.1302,8.4011 5.0072,12.0001 8.2802,12.0001 C11.5532,12.0001 14.4302,8.4011 16.1182,2.2871 C16.3412,1.4791 15.8492,0.6411 15.0322,0.4541' id='Fill-7' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M30.1318,27.4765 L30.1818,27.4825 C30.4408,25.4775 30.5708,23.3905 30.5708,21.2805 C30.5708,19.7635 30.5038,18.2605 30.3698,16.7965 C30.2938,15.9565 29.5518,15.3415 28.7158,15.4475 C28.9518,17.3275 29.0708,19.2895 29.0708,21.2805 C29.0708,22.8265 28.9988,24.3575 28.8558,25.8505 C28.7778,26.6515 29.3328,27.3725 30.1318,27.4765' id='Fill-10' fill='%23939799'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item:nth-child(3) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='45px' height='32px' viewBox='0 0 45 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 17%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.966 7.09178558 0.966 7.09178558 33 0 33'%3E%3C/polygon%3E %3Cpolygon id='path-3' points='0.322514416 0.966 7.415 0.966 7.415 32.9998 0.322514416 32.9998'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-698.000000, -1818.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-17' transform='translate(698.000000, 756.000000)'%3E %3Cpath d='M21.2588,12.7139 C19.5968,13.0629 18.2528,14.4059 17.9048,16.0679 C17.3078,18.9079 19.4698,21.4189 22.2068,21.4189 C23.0888,21.4189 23.9408,21.1589 24.6688,20.6679 L24.4498,20.3439 C24.1448,19.8909 23.5808,19.6329 23.0578,19.7929 C22.5038,19.9619 21.8978,19.9639 21.2998,19.7809 C20.4168,19.5099 19.7008,18.7879 19.4368,17.9029 C18.7718,15.6759 20.7248,13.6579 22.9418,14.2049 C24.1118,14.4939 24.9958,15.5509 25.0978,16.7519 C25.1468,17.3269 25.0368,17.8749 24.7768,18.3699 C25.5708,18.7889 26.5288,18.2479 26.5968,17.3519 C26.6058,17.2399 26.6098,17.1289 26.6098,17.0169 C26.6098,14.2789 24.0988,12.1169 21.2588,12.7139' id='Fill-1' fill='%23939799'%3E%3C/path%3E %3Cpath d='M15.9385,8.6758 L15.9005,8.6378 C13.1985,11.3438 11.9605,15.2048 12.5875,18.9658 C12.9975,21.4178 14.1425,23.6418 15.9005,25.3978 L15.9365,25.3618 C16.4955,24.8018 16.5305,23.9238 16.0485,23.2968 C15.0265,21.9618 14.3485,20.4028 14.0685,18.7198 C13.5955,15.8888 14.3345,12.9918 16.0565,10.7328 C16.5345,10.1078 16.4955,9.2328 15.9385,8.6758' id='Fill-3' fill='%23939799'%3E%3C/path%3E %3Cpath d='M11.2744,4.8701 L11.2594,4.8551 C7.8024,8.3141 5.9744,13.0961 6.2464,17.9721 C6.4824,22.2031 8.2624,26.1831 11.2594,29.1791 L11.2734,29.1651 C11.8424,28.5961 11.8784,27.6891 11.3634,27.0721 C9.2064,24.4881 7.9324,21.2761 7.7444,17.8881 C7.5224,13.9111 8.8314,10.0041 11.3644,6.9631 C11.8794,6.3451 11.8434,5.4391 11.2744,4.8701' id='Fill-5' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-9' transform='translate(0.000000, 0.034200)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-8'%3E%3C/g%3E %3Cpath d='M1.5,16.9824 C1.5,11.8114 3.343,6.9224 6.718,3.0694 C7.251,2.4604 7.206,1.5384 6.634,0.9654 C2.355,5.2434 0,10.9314 0,16.9824 C0,23.0344 2.355,28.7224 6.634,33.0004 C7.206,32.4274 7.251,31.5044 6.718,30.8954 C3.343,27.0424 1.5,22.1534 1.5,16.9824' id='Fill-7' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M28.4766,8.6758 C27.9196,9.2328 27.8806,10.1078 28.3586,10.7328 C30.0806,12.9918 30.8186,15.8878 30.3456,18.7198 C30.0656,20.4028 29.3876,21.9618 28.3666,23.2968 C27.8846,23.9238 27.9206,24.8028 28.4796,25.3618 L28.5146,25.3968 C30.2726,23.6418 31.4166,21.4168 31.8266,18.9658 C32.4546,15.2038 31.2156,11.3438 28.5146,8.6378 L28.4766,8.6758 Z' id='Fill-10' fill='%23939799'%3E%3C/path%3E %3Cpath d='M33.1543,4.8555 L33.1393,4.8705 C32.5703,5.4395 32.5343,6.3445 33.0503,6.9625 C35.5833,10.0035 36.8913,13.9115 36.6703,17.8875 C36.4813,21.2765 35.2083,24.4885 33.0503,27.0725 C32.5353,27.6895 32.5713,28.5955 33.1403,29.1655 L33.1543,29.1785 C36.1513,26.1835 37.9313,22.2035 38.1683,17.9715 C38.4393,13.0955 36.6113,8.3145 33.1543,4.8555' id='Fill-12' fill='%23939799'%3E%3C/path%3E %3Cg id='Group-16' transform='translate(37.000000, 0.034200)'%3E %3Cmask id='mask-4' fill='white'%3E %3Cuse xlink:href='%23path-3'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-15'%3E%3C/g%3E %3Cpath d='M0.7803,0.9658 C0.2083,1.5378 0.1633,2.4598 0.6963,3.0698 C4.0723,6.9238 5.9153,11.8118 5.9153,16.9828 C5.9153,22.1538 4.0723,27.0418 0.6963,30.8958 C0.1633,31.5048 0.2083,32.4278 0.7803,32.9998 C5.0583,28.7218 7.4153,23.0328 7.4153,16.9828 C7.4153,10.9328 5.0583,5.2438 0.7803,0.9658' id='Fill-14' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-4)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item:nth-child(4) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='35px' viewBox='0 0 40 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 15%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-932.000000, -1815.000000)' fill='%23939799'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-15' transform='translate(932.000000, 754.000000)'%3E %3Cpath d='M20.625,35.0254 C19.797,35.0254 19.125,34.3534 19.125,33.5254 L19.125,0.0004 C19.953,0.0004 20.625,0.6714 20.625,1.5004 L20.625,35.0254 Z M1.5,20.2803 C0.672,20.2803 0,19.6083 0,18.7803 L0,14.7453 C0.828,14.7453 1.5,15.4173 1.5,16.2453 L1.5,20.2803 Z M7.875,25.8096 C7.047,25.8096 6.375,25.1376 6.375,24.3096 L6.375,9.2156 C7.203,9.2156 7.875,9.8876 7.875,10.7156 L7.875,25.8096 Z M14.25,22.9131 C13.422,22.9131 12.75,22.2411 12.75,21.4131 L12.75,12.1121 C13.578,12.1121 14.25,12.7841 14.25,13.6121 L14.25,22.9131 Z M27,31.6025 C26.172,31.6025 25.5,30.9305 25.5,30.1025 L25.5,3.4225 C26.328,3.4225 27,4.0945 27,4.9225 L27,31.6025 Z M39.75,19.7529 C38.922,19.7529 38.25,19.0809 38.25,18.2529 L38.25,15.2729 C39.078,15.2729 39.75,15.9439 39.75,16.7729 L39.75,19.7529 Z M33.375,25.0195 C32.547,25.0195 31.875,24.3475 31.875,23.5195 L31.875,10.0055 C32.703,10.0055 33.375,10.6775 33.375,11.5055 L33.375,25.0195 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item:nth-child(5) {
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='42px' height='38px' viewBox='0 0 42 38' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.312 41.653 0.312 41.653 38 0 38'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1127.000000, -1812.000000)'%3E %3Cg id='3-content' transform='translate(0.000000, 1061.000000)'%3E %3Cg id='Group-6' transform='translate(1127.000000, 750.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.688500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M6.6758,7.624 C3.8218,7.624 1.4998,9.946 1.4998,12.8 L1.4998,31.324 C1.4998,34.178 3.8218,36.5 6.6758,36.5 L34.9778,36.5 C37.8308,36.5 40.1538,34.178 40.1538,31.324 L40.1538,12.8 C40.1538,9.946 37.8308,7.624 34.9778,7.624 L29.2788,7.624 C28.9358,7.624 28.6358,7.391 28.5518,7.059 L27.7728,3.983 C27.4478,2.704 26.3018,1.812 24.9828,1.812 L16.1548,1.812 C14.8348,1.812 13.6878,2.704 13.3628,3.983 L12.5858,7.058 C12.5008,7.391 12.2018,7.624 11.8588,7.624 L6.6758,7.624 Z M34.9778,38 L6.6758,38 C2.9948,38 -0.0002,35.005 -0.0002,31.324 L-0.0002,12.8 C-0.0002,9.119 2.9948,6.124 6.6758,6.124 L11.2748,6.124 L11.9088,3.615 C12.4028,1.67 14.1488,0.312 16.1548,0.312 L24.9828,0.312 C26.9888,0.312 28.7348,1.67 29.2268,3.615 L29.8628,6.124 L34.9778,6.124 C38.6578,6.124 41.6538,9.119 41.6538,12.8 L41.6538,31.324 C41.6538,35.005 38.6578,38 34.9778,38 Z' id='Fill-1' fill='%23939799' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.8262,33.8008 C14.5632,33.8008 9.5062,28.5378 9.8432,22.2018 C10.1382,16.6548 14.6812,12.1118 20.2282,11.8168 C26.5642,11.4798 31.8272,16.5368 31.8272,22.7998 C31.8272,24.1528 31.5842,25.4698 31.1062,26.7218 C31.1062,26.7228 31.1052,26.7238 31.1052,26.7258 C30.8242,27.4478 29.9622,27.7518 29.2792,27.3828 L29.1742,27.3258 C29.3202,27.0568 29.4542,26.7788 29.5762,26.4938 C30.1032,25.2428 30.3542,23.9058 30.3162,22.5308 C30.1902,17.8988 26.6372,13.9548 22.0382,13.3818 C15.7862,12.6038 10.5192,17.9498 11.4372,24.2238 C12.0312,28.2848 15.2712,31.5638 19.3292,32.1808 C22.0062,32.5868 24.6102,31.8918 26.6532,30.2968 C27.1832,29.8838 27.9302,29.9038 28.4042,30.3778 L28.6042,30.5778 C26.5262,32.6558 23.7642,33.8008 20.8262,33.8008' id='Fill-4' fill='%23939799'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center top;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 {
        background-size: auto 100%;
        height: auto;
        padding-top: 7.3vw;
        padding-bottom: 3vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img {
        width: 54.097vw;
        height: 31.041vw;
        margin: 0 auto;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img {
        position: absolute;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(1) {
        width: 8.8888888889vw;
        height: 11.5972222222vw;
        left: 5.2083333333vw;
        top: 7.5vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(2) {
        width: 10.7638888889vw;
        height: 15.0694444444vw;
        left: 13.4722222222vw;
        top: 5.8333333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(3) {
        width: 9.6527777778vw;
        height: 6.7361111111vw;
        left: 24.1666666667vw;
        top: 5.6944444444vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(4) {
        width: 9.6527777778vw;
        height: 6.7361111111vw;
        left: 24.1666666667vw;
        top: 13.8888888889vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-big-circle {
        width: 6.8055555556vw;
        height: 6.8055555556vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-medium-circle {
        width: 4.4444444444vw;
        height: 4.4444444444vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-small-circle {
        width: 3.4722222222vw;
        height: 3.4722222222vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-1 {
        left: 12.0833333333vw;
        top: 2.0833333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-2 {
        left: 21.8055555556vw;
        top: 2.0833333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-3 {
        left: 12.0833333333vw;
        top: 17.3611111111vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-4 {
        left: 21.8055555556vw;
        top: 17.3611111111vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .small-circle-1 {
        left: 35.4166666667vw;
        top: 6.25vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .small-circle-2 {
        left: 35.4166666667vw;
        top: 16.6666666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .medium-circle {
        left: 34.7222222222vw;
        top: 11.1111111111vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-mobile {
        display: none;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons {
        width: 80%;
        margin: 0 auto;
        text-align: left;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item {
        width: 30%;
        margin-top: 1rem;
        text-align: center;
    }
}

@media (max-width:480px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 {
        background-image: none;
        background-color: #DADCDE;
        padding-top: 24.8vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        height: 83.466vw;
        width: 145.6vw;
        margin-top: 36.8vw;
        margin-left: -15.466vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(1) {
        width: 23.9235555556vw;
        height: 31.2127638889vw;
        left: 14.0177083333vw;
        top: 20.1855vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(2) {
        width: 28.9699305556vw;
        height: 40.5579027778vw;
        left: 36.2591388889vw;
        top: 15.6998333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(3) {
        width: 25.9794861111vw;
        height: 18.1295694444vw;
        left: 65.0421666667vw;
        top: 15.3260277778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img img:nth-child(4) {
        width: 25.9794861111vw;
        height: 18.1295694444vw;
        left: 65.0421666667vw;
        top: 37.3805555556vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-big-circle {
        width: 18.3164722222vw;
        height: 18.3164722222vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-medium-circle {
        width: 11.9617777778vw;
        height: 11.9617777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-small-circle {
        width: 9.3451388889vw;
        height: 9.3451388889vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-1 {
        left: 32.5210833333vw;
        top: 5.6070833333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-2 {
        left: 58.6874722222vw;
        top: 5.6070833333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-3 {
        left: 32.5210833333vw;
        top: 46.7256944444vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .big-circle-4 {
        left: 58.6874722222vw;
        top: 46.7256944444vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .small-circle-1 {
        left: 95.3204166667vw;
        top: 16.82125vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .small-circle-2 {
        left: 95.3204166667vw;
        top: 44.8566666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .medium-circle {
        left: 93.4513888889vw;
        top: 29.9044444444vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .car-img .item-3-mobile {
        display: none;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons {
        width: 80vw;
        margin-top: 40vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-3 .icons .icon-item {
        width: 49%;
    }
}

.nomi-page .nomi-item-4 .nomi-msg p .sections-item {
    position: relative;
    width: 62.5vw;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-msg p .sections__progress {
    width: 1px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-title {
    display: none;
}

@media (max-width:1023px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-title {
        display: block;
        position: absolute;
        top: -60px;
        text-align: center;
        width: 100%;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-title {
        display: block;
        position: static;
        padding: 72px 0 60px;
        width: 100%;
    }
}

@media (min-width:64em) {
    .nomi-page .nomi-item-4 .nomi-msg p .section-item__inner {
        width: auto;
    }
}

.nomi-page .nomi-item-4 .nomi-msg p .mobile-show {
    display: none;
}

.nomi-page .nomi-item-4 .nomi-msg p .desktop-show {
    display: block;
}

.nomi-page .nomi-item-4 .nomi-msg p .item-audio p {
    font-size: 14px;
    font-weight: 400;
    color: #004b64;
    line-height: 24px;
    text-align: center;
}

.nomi-page .nomi-item-4 .nomi-msg p .section-item.paragraph.paragraph--type--section-item {
    padding: 73px 0;
}

.nomi-page .nomi-item-4 .nomi-msg p .field__item.item-id-4 . {
    text-align: center;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 900px;
    height: 520px;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-img {
    position: absolute;
    width: 720px;
    height: 300px;
    top: 0;
    right: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-4-img.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg {
    position: absolute;
    width: 450px;
    height: 220px;
    left: 0;
    bottom: 32px;
    background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.000114053085 0.423 38.5826768 0.423 38.5826768 39 0.000114053085 39'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-586.000000, -2435.000000)'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(206.000000, 310.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.577100)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M33.0075,31.586 C32.3835,32.131 32.3195,33.078 32.8635,33.702 L36.1815,37.5 L19.2915,37.5 C9.4815,37.5 1.5005,29.52 1.5005,19.711 C1.5005,9.228 10.6175,0.833 21.3405,2.038 C29.5165,2.957 36.1075,9.569 36.9775,17.75 C37.3955,21.671 36.5555,25.495 34.5975,28.784 C34.1795,29.486 34.3685,30.389 35.0345,30.862 C37.3555,27.591 38.5825,23.735 38.5825,19.711 C38.5825,8.348 28.7045,-0.751 17.0845,0.546 C8.2505,1.532 1.1095,8.671 0.1235,17.506 C-1.1735,29.124 7.9275,39 19.2915,39 L37.8325,39 C38.1265,39 38.3935,38.828 38.5155,38.561 C38.6375,38.292 38.5905,37.979 38.3975,37.757 L33.0075,31.586 Z' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M21.7072,27.1524 L21.7072,13.9774 C21.7072,13.1494 21.0352,12.4774 20.2072,12.4774 L20.2072,19.0654 L12.2562,19.0654 L12.2562,14.0024 C12.2562,13.1734 11.5842,12.5024 10.7562,12.5024 L10.7562,25.6774 C10.7562,26.5064 11.4282,27.1774 12.2562,27.1774 L12.2562,20.5654 L20.2072,20.5654 L20.2072,25.6524 C20.2072,26.4804 20.8782,27.1524 21.7072,27.1524' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M26.3263,15.4775 L26.3263,25.6525 C26.3263,26.4805 26.9973,27.1525 27.8263,27.1525 L27.8263,16.9775 C27.8263,16.1495 27.1543,15.4775 26.3263,15.4775' id='Fill-6' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M27.0763,12.4775 C26.6613,12.4775 26.3263,12.8135 26.3263,13.2275 C26.3263,13.6415 26.6613,13.9775 27.0763,13.9775 C27.4903,13.9775 27.8263,13.6415 27.8263,13.2275 C27.8263,12.8135 27.4903,12.4775 27.0763,12.4775' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 43px;
    text-align: center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg:hover {
    background-position: center 33px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg span.audio-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg h3 {
    margin-top: 103px;
    font-size: 20px;
    font-weight: 400;
    color: #004b64;
    line-height: 24px;
    margin-bottom: 20px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg p {
    font-size: 14px;
    font-weight: 400;
    color: #004b64;
    line-height: 24px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon {
    position: absolute;
    width: 450px;
    height: 220px;
    right: 0;
    bottom: 0;
    border: 1px solid #D4D7D9;
    background: url("/ecs/prod/s3fs-public/inline-images/item-4-icon.png") no-repeat center 55px/60px 60px;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon:hover {
    background-position: center 45px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon p.icon-text {
    font-size: 14px;
    font-weight: 400;
    color: #545759;
    line-height: 24px;
    text-align: center;
    margin-top: 136px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 {
        width: 62.5vw;
        height: 36.1111111111vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-img {
        width: 50vw;
        height: 20.8333333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg {
        width: 31.25vw;
        height: 15.2777777778vw;
        bottom: 2.2222222222vw;
        background-position: center 2.9861111111vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg:hover {
        background-position: center 2.2916666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg span.audio-icon {
        width: 2.2222222222vw;
        height: 2.2222222222vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg h3 {
        margin-top: 7.1527777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon {
        width: 31.25vw;
        height: 15.2777777778vw;
        background-position: center 3.8194444444vw;
        background-size: 4.1666666667vw 4.1666666667vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon:hover {
        background-position: center 3.125vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon p.icon-text {
        margin-top: 9.4444444444vw;
    }
}

@media (max-width:1024px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg h3 {
        margin-top: 8.5416666667vw;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-4 .nomi-msg p .section-item.paragraph.paragraph--type--section-item {
        padding: 0;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .field__item.item-id-4 . {
        width: 96%;
        margin: 0 auto;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .field__item.item-id-4 .section-item__inner {
        padding: 2vw 0;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 {
        width: 100%;
        height: auto;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .mobile-show {
        font-size: 20px;
        font-weight: 400;
        color: #00263c;
        line-height: 29px;
        text-align: center;
        padding: 72px 0 60px;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-img {
        position: static;
        display: inline-block;
        vertical-align: top;
        width: 89.333vw;
        height: 76.8vw;
        background-image: url("/ecs/prod/s3fs-public/inline-images/item-4-mobile-nomi.jpg");
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 89.333vw;
        height: 56.32vw;
        left: 0;
        bottom: 0;
        background-position: center 11.008vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg:hover {
        background-position: center 8.448vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg span.audio-icon {
        position: absolute;
        width: 8.192vw;
        height: 8.192vw;
        background-size: 80% 80%;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-msg h3 {
        margin-top: 26.368vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon {
        position: static;
        display: inline-block;
        vertical-align: top;
        width: 89.333vw;
        height: 56.32vw;
        margin-top: 5.12vw;
        border: 1px solid #D4D7D9;
        background: url("/ecs/prod/s3fs-public/inline-images/item-4-icon.png") no-repeat center 14.08vw/15.36vw 15.36vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon:hover {
        background-position: center 11.52vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-4 .nomi-icon p.icon-text {
        margin-top: 34.816vw;
    }
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 {
    position: relative;
    width: 900px;
    height: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-img {
    position: absolute;
    width: 300px;
    height: 400px;
    left: 0;
    top: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-5-img.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 200px;
    background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='37px' height='39px' viewBox='0 0 37 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EFill 1%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-508.000000, -3276.000000)' fill='%2300BEBE'%3E %3Cpath d='M538.452095,3307.90646 C535.664206,3307.90646 533.398236,3305.65096 533.398236,3302.87815 C533.398236,3300.10535 535.664206,3297.84985 538.452095,3297.84985 C541.237993,3297.84985 543.505954,3300.10535 543.505954,3302.87815 C543.505954,3305.65096 541.237993,3307.90646 538.452095,3307.90646 M544.700195,3276.14805 C544.513937,3276.00832 544.270906,3275.96472 544.042815,3276.02913 L520.140074,3282.9651 C519.821344,3283.05727 519.603213,3283.34862 519.603213,3283.67862 L519.603213,3293.11388 L519.603213,3308.4852 C519.603213,3311.258 517.335252,3313.51351 514.547362,3313.51351 C511.284366,3313.51351 508.732536,3310.41863 509.70267,3307.02348 C509.926776,3306.23465 510.369014,3305.50825 510.960656,3304.93843 C512.687773,3303.27455 515.013504,3303.09023 516.818312,3303.99203 C517.426886,3304.29627 518.167933,3304.1159 518.60021,3303.59266 L518.714754,3303.45689 C516.400975,3301.56112 512.880007,3301.34806 510.253474,3303.57086 C509.221587,3304.44492 508.477552,3305.64303 508.175755,3306.95709 C507.197653,3311.21044 510.436744,3315 514.547362,3315 C518.159965,3315 521.097259,3312.07756 521.097259,3308.4852 L521.097259,3293.66487 L540.576628,3287.75756 C541.365485,3287.51873 541.81071,3286.68728 541.570667,3285.90142 L521.097259,3292.11099 L521.097259,3284.23556 L543.505954,3277.73364 L543.505954,3282.55285 L543.505954,3286.17791 L543.505954,3298.74075 C542.303745,3297.28894 540.484994,3296.36335 538.452095,3296.36335 C534.841484,3296.36335 531.90419,3299.2858 531.90419,3302.87815 C531.90419,3306.47051 534.841484,3309.39295 538.452095,3309.39295 C542.062706,3309.39295 545,3306.47051 545,3302.87815 L545,3286.17791 L545,3282.55285 L545,3276.74265 C545,3276.50778 544.889441,3276.28877 544.700195,3276.14805' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 55px/37px 39px;
    padding-top: 112px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio span.audio-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio:hover {
    background-position: center 45px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.item-text {
    position: absolute;
    width: 300px;
    height: 200px;
    padding-top: 112px;
    background-position: center 55px;
    border-right: 1px solid #D4D7D9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.item-text:hover {
    background-position: center 45px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-1 {
    top: 0;
    left: 300px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='34px' viewBox='0 0 40 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.0004 40.012 0.0004 40.012 33.4330392 0 33.4330392'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-806.000000, -2899.000000)'%3E %3Cg id='Group-3' transform='translate(806.000000, 2899.000000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M39.9569,4.2932 C39.8829,4.1082 39.7369,3.9622 39.5539,3.8842 C33.4409,1.3072 26.8639,0.0002 20.0059,0.0002 C16.0849,0.0002 12.1939,0.4392 8.4549,1.3042 C7.6979,1.4662 7.2279,2.2302 7.4269,2.9782 L7.4519,3.0762 C7.9139,2.9542 8.7669,2.7722 8.7809,2.7682 C12.4219,1.9272 16.1979,1.5002 20.0059,1.5002 C26.4039,1.5002 32.5469,2.6702 38.2769,4.9802 L31.3269,21.4362 C29.9999,21.1372 28.6509,20.9102 27.2959,20.7192 C27.8209,19.6772 28.3099,18.2442 28.3099,16.4122 C28.3099,14.3582 27.5859,12.6362 26.9589,11.5272 C26.5419,10.7922 25.5609,10.6202 24.9179,11.1702 C24.9359,11.1922 26.8099,13.4342 26.8099,16.4122 C26.8099,18.2532 26.2449,19.6052 25.7159,20.5022 C24.5019,20.3682 23.2809,20.2942 22.0589,20.2462 C22.4899,19.2542 22.8499,17.9792 22.8499,16.4122 C22.8499,14.3582 22.1259,12.6362 21.4989,11.5272 C21.0819,10.7922 20.1009,10.6202 19.4579,11.1702 C19.4769,11.1922 21.3499,13.4342 21.3499,16.4122 C21.3499,18.0602 20.8949,19.3122 20.4219,20.2012 C19.1369,20.1912 17.8519,20.2312 16.5699,20.3152 C17.0149,19.3142 17.3899,18.0142 17.3899,16.4122 C17.3899,14.3582 16.6659,12.6362 16.0389,11.5272 C15.6219,10.7922 14.6409,10.6202 13.9979,11.1702 C14.0169,11.1922 15.8899,13.4342 15.8899,16.4122 C15.8899,18.2222 15.3439,19.5612 14.8219,20.4582 C12.7529,20.6642 10.6979,20.9812 8.6849,21.4362 L1.7349,4.9802 C2.5129,4.6672 3.3039,4.3732 4.1039,4.1002 C4.8839,3.8342 5.3109,2.9982 5.0689,2.2112 C3.5009,2.6922 1.9499,3.2562 0.4589,3.8842 C0.2749,3.9612 0.1299,4.1082 0.0559,4.2932 C-0.0201,4.4782 -0.0191,4.6842 0.0599,4.8672 L7.5489,22.6012 C7.6909,22.9392 8.0589,23.1202 8.4129,23.0382 C10.1339,22.6272 11.8869,22.3222 13.6549,22.1002 C13.0059,22.9722 11.7469,24.9172 11.7469,27.8682 C11.7469,29.9212 12.4709,31.6442 13.0979,32.7522 C13.5149,33.4872 14.4959,33.6592 15.1389,33.1102 C15.1199,33.0882 13.2469,30.8472 13.2469,27.8682 C13.2469,25.0632 14.5609,23.3742 15.0549,22.7382 L15.2679,22.4622 C15.3699,22.3302 15.5199,22.1302 15.6829,21.8952 C16.9239,21.7892 18.1679,21.7222 19.4149,21.7072 L19.3299,21.8172 C18.8059,22.4932 17.2069,24.5482 17.2069,27.8682 C17.2069,29.9212 17.9309,31.6442 18.5579,32.7522 C18.9749,33.4872 19.9559,33.6592 20.5989,33.1102 C20.5799,33.0882 18.7069,30.8472 18.7069,27.8682 C18.7069,25.0632 20.0199,23.3742 20.5149,22.7382 L20.7279,22.4622 C20.8539,22.2982 21.0459,22.0502 21.2609,21.7272 C22.4119,21.7552 23.5609,21.8212 24.7059,21.9282 C24.1199,22.6892 22.6669,24.6912 22.6669,27.8682 C22.6669,29.9212 23.3909,31.6442 24.0179,32.7522 C24.4349,33.4872 25.4159,33.6592 26.0589,33.1102 C26.0399,33.0882 24.1669,30.8472 24.1669,27.8682 C24.1669,25.0632 25.4799,23.3742 25.9749,22.7382 L26.1869,22.4622 C26.2579,22.3712 26.3489,22.2532 26.4499,22.1132 C28.1859,22.3362 29.9089,22.6352 31.5989,23.0382 C31.6559,23.0522 31.7149,23.0592 31.7719,23.0592 C32.0679,23.0592 32.3439,22.8832 32.4629,22.6012 L39.9529,4.8672 C40.0309,4.6842 40.0319,4.4782 39.9569,4.2932' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 40px 33px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-2 {
    top: 200px;
    left: 300px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 5%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3079.000000)' fill='%2300BEBE'%3E %3Cg id='Group-5' transform='translate(807.000000, 3079.000000)'%3E %3Cpath d='M38.0849,17.5628 C38.0579,17.2118 37.7909,16.9268 37.4419,16.8778 C37.0989,16.8198 36.7589,17.0268 36.6349,17.3558 C34.9499,21.8308 30.6069,24.8368 25.8269,24.8368 C20.4579,24.8368 15.8389,21.1948 14.5949,15.9798 C13.7709,16.1758 13.3019,17.0508 13.5959,17.8448 C15.4709,22.9158 20.2969,26.3368 25.8269,26.3368 C30.1599,26.3368 34.1759,24.1508 36.5769,20.6748 C35.7169,30.1668 27.2749,37.5058 17.3719,36.5688 C9.1719,35.7918 2.5219,29.2658 1.6109,21.0798 C0.4349,10.4948 8.7239,1.5008 19.0749,1.5008 C19.4389,1.5008 19.8029,1.5118 20.1669,1.5348 C15.7509,3.6708 12.7799,8.2148 12.7799,13.2908 C12.7799,13.5518 12.7879,13.8098 12.8029,14.0668 C13.6299,14.0198 14.2849,13.3448 14.3089,12.5168 C14.3099,12.4798 14.3109,12.4538 14.3119,12.4408 C14.6889,7.3538 18.4259,3.0298 23.4729,1.9848 C23.8159,1.9138 24.0649,1.6128 24.0699,1.2608 C24.0749,0.9098 23.8349,0.6018 23.4929,0.5208 C22.0369,0.1748 20.5509,0.0008 19.0749,0.0008 C8.1069,0.0008 -0.7281,9.3028 0.0479,20.4338 C0.7009,29.8298 8.3119,37.4428 17.7069,38.1008 C28.8409,38.8818 38.1489,30.0448 38.1489,19.0758 C38.1489,18.5658 38.1229,18.0618 38.0849,17.5628' id='Fill-1'%3E%3C/path%3E %3Cpath d='M24.6415,8.6966 L29.2285,8.6966 L22.6315,14.8136 C22.4055,15.0236 22.3305,15.3496 22.4435,15.6366 C22.5555,15.9256 22.8325,16.1136 23.1415,16.1136 L30.1755,16.1136 C31.0035,16.1136 31.6755,15.4416 31.6755,14.6136 L31.1405,14.6136 L25.0535,14.6136 L31.6505,8.4966 C31.8765,8.2866 31.9515,7.9606 31.8385,7.6736 C31.7265,7.3846 31.4495,7.1966 31.1405,7.1966 L23.1415,7.1966 C23.1415,8.0246 23.8135,8.6966 24.6415,8.6966' id='Fill-3'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 38px 38px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-3 {
    bottom: 0;
    left: 300px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='40px' viewBox='0 0 39 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.7943 0.645 25.004 0.645 25.004 24.8538 0.7943 24.8538'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3279.000000)'%3E %3Cg id='Group-10' transform='translate(807.000000, 3278.000000)'%3E %3Cpath d='M27.2486,22.6556 C27.3876,22.0426 27.4576,21.4266 27.4576,20.8266 C27.4576,15.6636 22.6736,11.5476 17.3486,12.7566 C17.5266,13.5466 18.2496,14.0666 19.0596,14.0466 C22.8666,13.9526 25.9576,17.0486 25.9576,20.8266 C25.9576,20.8796 25.9566,20.9316 25.9556,20.9846 C25.9356,21.7796 26.4736,22.4796 27.2486,22.6556' id='Fill-1' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M33.063,23.974 C33.297,22.936 33.417,21.877 33.417,20.827 C33.417,12.976 27.029,6.588 19.178,6.588 C18.127,6.588 17.068,6.707 16.03,6.942 C16.209,7.735 16.956,8.263 17.764,8.17 C18.235,8.116 18.708,8.088 19.178,8.088 C26.202,8.088 31.917,13.803 31.917,20.827 C31.917,21.298 31.889,21.773 31.836,22.245 C31.746,23.051 32.273,23.795 33.063,23.974' id='Fill-3' fill='%2300BEBE'%3E%3C/path%3E %3Cg id='Group-7' transform='translate(14.000000, 0.355500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-6'%3E%3C/g%3E %3Cpath d='M5.1783,0.6448 C3.7143,0.6448 2.2403,0.8108 0.7943,1.1368 C0.9723,1.9258 1.7253,2.4608 2.5263,2.3428 C3.4073,2.2118 4.2953,2.1448 5.1783,2.1448 C15.2833,2.1448 23.5043,10.3658 23.5043,20.4708 C23.5043,21.3388 23.4413,22.2138 23.3153,23.0848 C23.1973,23.9008 23.7083,24.6718 24.5123,24.8538 C24.8393,23.4038 25.0043,21.9288 25.0043,20.4708 C25.0043,9.5388 16.1113,0.6448 5.1783,0.6448' id='Fill-5' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M24.8736,25.1263 C24.6106,24.8663 24.1916,24.8383 23.8956,25.0623 L21.3516,26.9783 C21.3216,27.0033 21.2736,27.0453 21.2446,27.0703 C20.7786,27.5453 20.3776,28.0803 20.0456,28.6643 C18.3406,28.5643 16.5966,27.6153 14.7276,25.7733 C12.8586,23.9303 11.8856,22.1993 11.7646,20.4973 C12.3456,20.1563 12.8786,19.7403 13.3796,19.2323 C13.3946,19.2143 13.4116,19.1943 13.4276,19.1763 L15.3116,16.5973 C15.5306,16.2963 15.4976,15.8813 15.2326,15.6203 L5.9726,6.4883 C5.7076,6.2283 5.2926,6.1993 4.9956,6.4233 L2.4326,8.3543 C2.4086,8.3733 2.3866,8.3943 2.3626,8.4133 C1.2046,9.5843 0.4666,11.0653 0.2226,12.7033 C0.2136,12.7333 0.2066,12.7653 0.2016,12.7973 C0.0536,13.7593 -0.0144,14.7393 0.0026,15.7113 C0.8106,15.6973 1.4826,15.0753 1.5426,14.2713 C1.5706,13.8893 1.6126,13.5083 1.6686,13.1303 C1.6796,13.0933 1.6876,13.0543 1.6926,13.0153 C1.8746,11.6643 2.4716,10.4423 3.3766,9.5193 L5.3806,8.0113 L13.7196,16.2343 L12.2516,18.2433 C11.7896,18.7053 11.2496,19.0943 10.6486,19.3963 C10.4116,19.5173 10.2566,19.7623 10.2516,20.0273 C10.2166,22.3063 11.3356,24.5343 13.6756,26.8423 C16.0046,29.1403 18.2256,30.2263 20.5136,30.1713 C20.7926,30.1633 21.0446,30.0023 21.1676,29.7513 C21.4606,29.1533 21.8386,28.6133 22.2876,28.1493 L24.2816,26.6483 L32.6206,34.8723 L31.1446,36.8893 C30.2006,37.8303 29.0006,38.4313 27.6696,38.6283 C27.6316,38.6343 27.5936,38.6433 27.5576,38.6543 C21.5206,39.6343 15.6026,37.1673 9.4636,31.1133 C7.9836,29.6543 3.4816,25.2163 1.9946,19.3333 C1.9946,19.3333 1.7446,18.4203 1.5656,17.5913 C0.7516,17.7683 0.2476,18.5873 0.4586,19.3933 C0.5106,19.5913 0.5436,19.7143 0.5436,19.7143 C2.1306,25.9903 6.8566,30.6503 8.4106,32.1823 C13.9226,37.6153 19.5136,40.3553 25.0706,40.3553 C26.0186,40.3553 26.9646,40.2753 27.9086,40.1163 C27.9396,40.1113 27.9706,40.1043 28.0006,40.0953 C29.6296,39.8303 31.0976,39.0743 32.2476,37.9073 L32.2506,37.9043 C32.2786,37.8773 32.3056,37.8463 32.3286,37.8143 L34.2136,35.2343 C34.4336,34.9343 34.3986,34.5193 34.1346,34.2583 L24.8736,25.1263 Z' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-4 {
    left: 600px;
    top: 0;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='40px' viewBox='0 0 34 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.0004 0.7491 33.124 0.7491 33.124 40 0.0004 40'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1113.000000, -2894.000000)'%3E %3Cg id='Group-6' transform='translate(1113.000000, 2893.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.251000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M1.5004,34.2181 L1.5004,3.4991 C1.5004,2.8101 2.0614,2.2491 2.7504,2.2491 L27.6834,2.2491 C28.3724,2.2491 28.9334,2.8101 28.9334,3.4991 L28.9334,34.2181 C28.9334,34.9071 28.3724,35.4681 27.6834,35.4681 L2.7504,35.4681 C2.0614,35.4681 1.5004,34.9071 1.5004,34.2181 M33.0874,10.1631 C32.9764,9.2851 32.0134,8.7921 31.2344,9.2151 C31.4894,9.6861 31.6244,10.2171 31.6244,10.7511 L31.6244,35.2501 C31.6244,37.0451 30.1694,38.5001 28.3744,38.5001 L9.2914,38.5001 C8.1654,38.5001 7.1294,37.8921 6.5424,36.9681 L27.6834,36.9681 C29.1994,36.9681 30.4334,35.7351 30.4334,34.2181 L30.4334,3.4991 C30.4334,1.9831 29.1994,0.7491 27.6834,0.7491 L2.7504,0.7491 C1.2334,0.7491 0.0004,1.9831 0.0004,3.4991 L0.0004,34.2181 C0.0004,35.7351 1.2334,36.9681 2.7504,36.9681 L4.8754,36.9681 C5.5784,38.7781 7.3084,40.0001 9.2914,40.0001 L28.3744,40.0001 C30.9974,40.0001 33.1244,37.8731 33.1244,35.2501 L33.1244,10.7511 C33.1244,10.5551 33.1114,10.3591 33.0874,10.1631' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.2905,21.0765 C20.1175,20.7465 19.7285,20.5955 19.3795,20.7145 L17.6775,21.3115 L17.6765,21.3055 C17.6385,21.3185 17.5995,21.3355 17.5625,21.3535 C17.2635,21.5115 16.9805,21.7005 16.7195,21.9215 C16.2405,21.6975 15.4785,21.1495 14.7045,19.6655 C13.9295,18.1805 13.9145,17.2415 14.0045,16.7215 C14.3345,16.6325 14.6555,16.5065 14.9745,16.3395 C14.9995,16.3235 15.0255,16.3075 15.0515,16.2925 L16.5155,15.2275 C16.8145,15.0095 16.9105,14.6035 16.7385,14.2745 L13.3275,7.7405 C13.1545,7.4105 12.7665,7.2605 12.4165,7.3785 L10.7485,7.9645 L10.7475,7.9595 C10.6965,7.9735 10.6475,7.9935 10.6015,8.0175 C9.7215,8.4765 9.0225,9.1885 8.5775,10.0795 C8.5635,10.1015 8.5515,10.1245 8.5395,10.1475 C8.5205,10.1845 8.5025,10.2225 8.4835,10.2605 C8.1165,11.0175 8.5355,11.9265 9.3425,12.1705 C9.4745,11.7355 9.6435,11.3055 9.8455,10.8915 C9.8615,10.8645 9.8775,10.8375 9.8915,10.8075 C10.1905,10.1795 10.6705,9.6775 11.2475,9.3715 L12.2975,9.0075 L15.1085,14.3945 L14.2105,15.0475 C13.9215,15.1925 13.6075,15.2925 13.2785,15.3455 C12.9935,15.3895 12.7645,15.6035 12.6755,15.8785 C12.2505,17.1785 12.4785,18.6435 13.3745,20.3585 C14.2745,22.0835 15.3535,23.1105 16.6745,23.5005 C16.9445,23.5805 17.2375,23.5065 17.4345,23.3035 C17.6665,23.0615 17.9285,22.8625 18.2135,22.7075 L19.2605,22.3445 L22.0735,27.7305 L21.1795,28.3815 C20.5735,28.6845 19.8985,28.7865 19.2205,28.6765 C19.1915,28.6715 19.1635,28.6685 19.1355,28.6675 C15.8255,28.1605 13.1445,25.8585 10.9365,21.6325 C10.4675,20.7325 9.1575,18.2245 8.9855,15.3725 C8.9445,14.6765 8.3915,14.1205 7.6955,14.0755 L7.4905,14.0625 C7.2515,17.8155 9.0245,21.2105 9.6065,22.3255 C12.0345,26.9745 15.1915,29.6115 18.9915,30.1625 C19.0135,30.1655 19.0355,30.1685 19.0575,30.1695 C19.2905,30.2035 19.5235,30.2215 19.7565,30.2215 C20.5065,30.2215 21.2415,30.0415 21.9155,29.6885 C21.9475,29.6685 21.9795,29.6475 22.0135,29.6285 L23.4785,28.5625 C23.7785,28.3445 23.8745,27.9395 23.7025,27.6105 L20.2905,21.0765 Z' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 30px 39px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.text-5 {
    left: 600px;
    top: 200px;
    background: url(/ecs/prod/s3fs-public/inline-images/item-5-icon.png) no-repeat center 55px/40px 40px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 {
        width: 62.5vw;
        height: 41.6666666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-img {
        width: 20.8333333333vw;
        height: 27.7777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio {
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='37px' height='39px' viewBox='0 0 37 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EFill 1%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-508.000000, -3276.000000)' fill='%2300BEBE'%3E %3Cpath d='M538.452095,3307.90646 C535.664206,3307.90646 533.398236,3305.65096 533.398236,3302.87815 C533.398236,3300.10535 535.664206,3297.84985 538.452095,3297.84985 C541.237993,3297.84985 543.505954,3300.10535 543.505954,3302.87815 C543.505954,3305.65096 541.237993,3307.90646 538.452095,3307.90646 M544.700195,3276.14805 C544.513937,3276.00832 544.270906,3275.96472 544.042815,3276.02913 L520.140074,3282.9651 C519.821344,3283.05727 519.603213,3283.34862 519.603213,3283.67862 L519.603213,3293.11388 L519.603213,3308.4852 C519.603213,3311.258 517.335252,3313.51351 514.547362,3313.51351 C511.284366,3313.51351 508.732536,3310.41863 509.70267,3307.02348 C509.926776,3306.23465 510.369014,3305.50825 510.960656,3304.93843 C512.687773,3303.27455 515.013504,3303.09023 516.818312,3303.99203 C517.426886,3304.29627 518.167933,3304.1159 518.60021,3303.59266 L518.714754,3303.45689 C516.400975,3301.56112 512.880007,3301.34806 510.253474,3303.57086 C509.221587,3304.44492 508.477552,3305.64303 508.175755,3306.95709 C507.197653,3311.21044 510.436744,3315 514.547362,3315 C518.159965,3315 521.097259,3312.07756 521.097259,3308.4852 L521.097259,3293.66487 L540.576628,3287.75756 C541.365485,3287.51873 541.81071,3286.68728 541.570667,3285.90142 L521.097259,3292.11099 L521.097259,3284.23556 L543.505954,3277.73364 L543.505954,3282.55285 L543.505954,3286.17791 L543.505954,3298.74075 C542.303745,3297.28894 540.484994,3296.36335 538.452095,3296.36335 C534.841484,3296.36335 531.90419,3299.2858 531.90419,3302.87815 C531.90419,3306.47051 534.841484,3309.39295 538.452095,3309.39295 C542.062706,3309.39295 545,3306.47051 545,3302.87815 L545,3286.17791 L545,3282.55285 L545,3276.74265 C545,3276.50778 544.889441,3276.28877 544.700195,3276.14805' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 3.81944vw/2.56944vw 2.70833vw;
        padding-top: 7.7777777778vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio:hover {
        background-position: center 3.125vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio span.audio-icon {
        width: 2.2222222222vw;
        height: 2.2222222222vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.item-text {
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        padding-top: 7.7777777778vw;
        background-position: center 3.8194444444vw;
        border-right: 1px solid #D4D7D9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.item-text:hover {
        background-position: center 3.125vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-1 {
        top: 0;
        left: 20.8333333333vw;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='34px' viewBox='0 0 40 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.0004 40.012 0.0004 40.012 33.4330392 0 33.4330392'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-806.000000, -2899.000000)'%3E %3Cg id='Group-3' transform='translate(806.000000, 2899.000000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M39.9569,4.2932 C39.8829,4.1082 39.7369,3.9622 39.5539,3.8842 C33.4409,1.3072 26.8639,0.0002 20.0059,0.0002 C16.0849,0.0002 12.1939,0.4392 8.4549,1.3042 C7.6979,1.4662 7.2279,2.2302 7.4269,2.9782 L7.4519,3.0762 C7.9139,2.9542 8.7669,2.7722 8.7809,2.7682 C12.4219,1.9272 16.1979,1.5002 20.0059,1.5002 C26.4039,1.5002 32.5469,2.6702 38.2769,4.9802 L31.3269,21.4362 C29.9999,21.1372 28.6509,20.9102 27.2959,20.7192 C27.8209,19.6772 28.3099,18.2442 28.3099,16.4122 C28.3099,14.3582 27.5859,12.6362 26.9589,11.5272 C26.5419,10.7922 25.5609,10.6202 24.9179,11.1702 C24.9359,11.1922 26.8099,13.4342 26.8099,16.4122 C26.8099,18.2532 26.2449,19.6052 25.7159,20.5022 C24.5019,20.3682 23.2809,20.2942 22.0589,20.2462 C22.4899,19.2542 22.8499,17.9792 22.8499,16.4122 C22.8499,14.3582 22.1259,12.6362 21.4989,11.5272 C21.0819,10.7922 20.1009,10.6202 19.4579,11.1702 C19.4769,11.1922 21.3499,13.4342 21.3499,16.4122 C21.3499,18.0602 20.8949,19.3122 20.4219,20.2012 C19.1369,20.1912 17.8519,20.2312 16.5699,20.3152 C17.0149,19.3142 17.3899,18.0142 17.3899,16.4122 C17.3899,14.3582 16.6659,12.6362 16.0389,11.5272 C15.6219,10.7922 14.6409,10.6202 13.9979,11.1702 C14.0169,11.1922 15.8899,13.4342 15.8899,16.4122 C15.8899,18.2222 15.3439,19.5612 14.8219,20.4582 C12.7529,20.6642 10.6979,20.9812 8.6849,21.4362 L1.7349,4.9802 C2.5129,4.6672 3.3039,4.3732 4.1039,4.1002 C4.8839,3.8342 5.3109,2.9982 5.0689,2.2112 C3.5009,2.6922 1.9499,3.2562 0.4589,3.8842 C0.2749,3.9612 0.1299,4.1082 0.0559,4.2932 C-0.0201,4.4782 -0.0191,4.6842 0.0599,4.8672 L7.5489,22.6012 C7.6909,22.9392 8.0589,23.1202 8.4129,23.0382 C10.1339,22.6272 11.8869,22.3222 13.6549,22.1002 C13.0059,22.9722 11.7469,24.9172 11.7469,27.8682 C11.7469,29.9212 12.4709,31.6442 13.0979,32.7522 C13.5149,33.4872 14.4959,33.6592 15.1389,33.1102 C15.1199,33.0882 13.2469,30.8472 13.2469,27.8682 C13.2469,25.0632 14.5609,23.3742 15.0549,22.7382 L15.2679,22.4622 C15.3699,22.3302 15.5199,22.1302 15.6829,21.8952 C16.9239,21.7892 18.1679,21.7222 19.4149,21.7072 L19.3299,21.8172 C18.8059,22.4932 17.2069,24.5482 17.2069,27.8682 C17.2069,29.9212 17.9309,31.6442 18.5579,32.7522 C18.9749,33.4872 19.9559,33.6592 20.5989,33.1102 C20.5799,33.0882 18.7069,30.8472 18.7069,27.8682 C18.7069,25.0632 20.0199,23.3742 20.5149,22.7382 L20.7279,22.4622 C20.8539,22.2982 21.0459,22.0502 21.2609,21.7272 C22.4119,21.7552 23.5609,21.8212 24.7059,21.9282 C24.1199,22.6892 22.6669,24.6912 22.6669,27.8682 C22.6669,29.9212 23.3909,31.6442 24.0179,32.7522 C24.4349,33.4872 25.4159,33.6592 26.0589,33.1102 C26.0399,33.0882 24.1669,30.8472 24.1669,27.8682 C24.1669,25.0632 25.4799,23.3742 25.9749,22.7382 L26.1869,22.4622 C26.2579,22.3712 26.3489,22.2532 26.4499,22.1132 C28.1859,22.3362 29.9089,22.6352 31.5989,23.0382 C31.6559,23.0522 31.7149,23.0592 31.7719,23.0592 C32.0679,23.0592 32.3439,22.8832 32.4629,22.6012 L39.9529,4.8672 C40.0309,4.6842 40.0319,4.4782 39.9569,4.2932' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.7777777778vw 2.2916666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-2 {
        top: 13.8888888889vw;
        left: 20.8333333333vw;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 5%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3079.000000)' fill='%2300BEBE'%3E %3Cg id='Group-5' transform='translate(807.000000, 3079.000000)'%3E %3Cpath d='M38.0849,17.5628 C38.0579,17.2118 37.7909,16.9268 37.4419,16.8778 C37.0989,16.8198 36.7589,17.0268 36.6349,17.3558 C34.9499,21.8308 30.6069,24.8368 25.8269,24.8368 C20.4579,24.8368 15.8389,21.1948 14.5949,15.9798 C13.7709,16.1758 13.3019,17.0508 13.5959,17.8448 C15.4709,22.9158 20.2969,26.3368 25.8269,26.3368 C30.1599,26.3368 34.1759,24.1508 36.5769,20.6748 C35.7169,30.1668 27.2749,37.5058 17.3719,36.5688 C9.1719,35.7918 2.5219,29.2658 1.6109,21.0798 C0.4349,10.4948 8.7239,1.5008 19.0749,1.5008 C19.4389,1.5008 19.8029,1.5118 20.1669,1.5348 C15.7509,3.6708 12.7799,8.2148 12.7799,13.2908 C12.7799,13.5518 12.7879,13.8098 12.8029,14.0668 C13.6299,14.0198 14.2849,13.3448 14.3089,12.5168 C14.3099,12.4798 14.3109,12.4538 14.3119,12.4408 C14.6889,7.3538 18.4259,3.0298 23.4729,1.9848 C23.8159,1.9138 24.0649,1.6128 24.0699,1.2608 C24.0749,0.9098 23.8349,0.6018 23.4929,0.5208 C22.0369,0.1748 20.5509,0.0008 19.0749,0.0008 C8.1069,0.0008 -0.7281,9.3028 0.0479,20.4338 C0.7009,29.8298 8.3119,37.4428 17.7069,38.1008 C28.8409,38.8818 38.1489,30.0448 38.1489,19.0758 C38.1489,18.5658 38.1229,18.0618 38.0849,17.5628' id='Fill-1'%3E%3C/path%3E %3Cpath d='M24.6415,8.6966 L29.2285,8.6966 L22.6315,14.8136 C22.4055,15.0236 22.3305,15.3496 22.4435,15.6366 C22.5555,15.9256 22.8325,16.1136 23.1415,16.1136 L30.1755,16.1136 C31.0035,16.1136 31.6755,15.4416 31.6755,14.6136 L31.1405,14.6136 L25.0535,14.6136 L31.6505,8.4966 C31.8765,8.2866 31.9515,7.9606 31.8385,7.6736 C31.7265,7.3846 31.4495,7.1966 31.1405,7.1966 L23.1415,7.1966 C23.1415,8.0246 23.8135,8.6966 24.6415,8.6966' id='Fill-3'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.6388888889vw 2.6388888889vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-3 {
        bottom: 0;
        left: 20.8333333333vw;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='40px' viewBox='0 0 39 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.7943 0.645 25.004 0.645 25.004 24.8538 0.7943 24.8538'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3279.000000)'%3E %3Cg id='Group-10' transform='translate(807.000000, 3278.000000)'%3E %3Cpath d='M27.2486,22.6556 C27.3876,22.0426 27.4576,21.4266 27.4576,20.8266 C27.4576,15.6636 22.6736,11.5476 17.3486,12.7566 C17.5266,13.5466 18.2496,14.0666 19.0596,14.0466 C22.8666,13.9526 25.9576,17.0486 25.9576,20.8266 C25.9576,20.8796 25.9566,20.9316 25.9556,20.9846 C25.9356,21.7796 26.4736,22.4796 27.2486,22.6556' id='Fill-1' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M33.063,23.974 C33.297,22.936 33.417,21.877 33.417,20.827 C33.417,12.976 27.029,6.588 19.178,6.588 C18.127,6.588 17.068,6.707 16.03,6.942 C16.209,7.735 16.956,8.263 17.764,8.17 C18.235,8.116 18.708,8.088 19.178,8.088 C26.202,8.088 31.917,13.803 31.917,20.827 C31.917,21.298 31.889,21.773 31.836,22.245 C31.746,23.051 32.273,23.795 33.063,23.974' id='Fill-3' fill='%2300BEBE'%3E%3C/path%3E %3Cg id='Group-7' transform='translate(14.000000, 0.355500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-6'%3E%3C/g%3E %3Cpath d='M5.1783,0.6448 C3.7143,0.6448 2.2403,0.8108 0.7943,1.1368 C0.9723,1.9258 1.7253,2.4608 2.5263,2.3428 C3.4073,2.2118 4.2953,2.1448 5.1783,2.1448 C15.2833,2.1448 23.5043,10.3658 23.5043,20.4708 C23.5043,21.3388 23.4413,22.2138 23.3153,23.0848 C23.1973,23.9008 23.7083,24.6718 24.5123,24.8538 C24.8393,23.4038 25.0043,21.9288 25.0043,20.4708 C25.0043,9.5388 16.1113,0.6448 5.1783,0.6448' id='Fill-5' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M24.8736,25.1263 C24.6106,24.8663 24.1916,24.8383 23.8956,25.0623 L21.3516,26.9783 C21.3216,27.0033 21.2736,27.0453 21.2446,27.0703 C20.7786,27.5453 20.3776,28.0803 20.0456,28.6643 C18.3406,28.5643 16.5966,27.6153 14.7276,25.7733 C12.8586,23.9303 11.8856,22.1993 11.7646,20.4973 C12.3456,20.1563 12.8786,19.7403 13.3796,19.2323 C13.3946,19.2143 13.4116,19.1943 13.4276,19.1763 L15.3116,16.5973 C15.5306,16.2963 15.4976,15.8813 15.2326,15.6203 L5.9726,6.4883 C5.7076,6.2283 5.2926,6.1993 4.9956,6.4233 L2.4326,8.3543 C2.4086,8.3733 2.3866,8.3943 2.3626,8.4133 C1.2046,9.5843 0.4666,11.0653 0.2226,12.7033 C0.2136,12.7333 0.2066,12.7653 0.2016,12.7973 C0.0536,13.7593 -0.0144,14.7393 0.0026,15.7113 C0.8106,15.6973 1.4826,15.0753 1.5426,14.2713 C1.5706,13.8893 1.6126,13.5083 1.6686,13.1303 C1.6796,13.0933 1.6876,13.0543 1.6926,13.0153 C1.8746,11.6643 2.4716,10.4423 3.3766,9.5193 L5.3806,8.0113 L13.7196,16.2343 L12.2516,18.2433 C11.7896,18.7053 11.2496,19.0943 10.6486,19.3963 C10.4116,19.5173 10.2566,19.7623 10.2516,20.0273 C10.2166,22.3063 11.3356,24.5343 13.6756,26.8423 C16.0046,29.1403 18.2256,30.2263 20.5136,30.1713 C20.7926,30.1633 21.0446,30.0023 21.1676,29.7513 C21.4606,29.1533 21.8386,28.6133 22.2876,28.1493 L24.2816,26.6483 L32.6206,34.8723 L31.1446,36.8893 C30.2006,37.8303 29.0006,38.4313 27.6696,38.6283 C27.6316,38.6343 27.5936,38.6433 27.5576,38.6543 C21.5206,39.6343 15.6026,37.1673 9.4636,31.1133 C7.9836,29.6543 3.4816,25.2163 1.9946,19.3333 C1.9946,19.3333 1.7446,18.4203 1.5656,17.5913 C0.7516,17.7683 0.2476,18.5873 0.4586,19.3933 C0.5106,19.5913 0.5436,19.7143 0.5436,19.7143 C2.1306,25.9903 6.8566,30.6503 8.4106,32.1823 C13.9226,37.6153 19.5136,40.3553 25.0706,40.3553 C26.0186,40.3553 26.9646,40.2753 27.9086,40.1163 C27.9396,40.1113 27.9706,40.1043 28.0006,40.0953 C29.6296,39.8303 31.0976,39.0743 32.2476,37.9073 L32.2506,37.9043 C32.2786,37.8773 32.3056,37.8463 32.3286,37.8143 L34.2136,35.2343 C34.4336,34.9343 34.3986,34.5193 34.1346,34.2583 L24.8736,25.1263 Z' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-4 {
        left: 41.6666666667vw;
        top: 0;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='40px' viewBox='0 0 34 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.0004 0.7491 33.124 0.7491 33.124 40 0.0004 40'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1113.000000, -2894.000000)'%3E %3Cg id='Group-6' transform='translate(1113.000000, 2893.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.251000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M1.5004,34.2181 L1.5004,3.4991 C1.5004,2.8101 2.0614,2.2491 2.7504,2.2491 L27.6834,2.2491 C28.3724,2.2491 28.9334,2.8101 28.9334,3.4991 L28.9334,34.2181 C28.9334,34.9071 28.3724,35.4681 27.6834,35.4681 L2.7504,35.4681 C2.0614,35.4681 1.5004,34.9071 1.5004,34.2181 M33.0874,10.1631 C32.9764,9.2851 32.0134,8.7921 31.2344,9.2151 C31.4894,9.6861 31.6244,10.2171 31.6244,10.7511 L31.6244,35.2501 C31.6244,37.0451 30.1694,38.5001 28.3744,38.5001 L9.2914,38.5001 C8.1654,38.5001 7.1294,37.8921 6.5424,36.9681 L27.6834,36.9681 C29.1994,36.9681 30.4334,35.7351 30.4334,34.2181 L30.4334,3.4991 C30.4334,1.9831 29.1994,0.7491 27.6834,0.7491 L2.7504,0.7491 C1.2334,0.7491 0.0004,1.9831 0.0004,3.4991 L0.0004,34.2181 C0.0004,35.7351 1.2334,36.9681 2.7504,36.9681 L4.8754,36.9681 C5.5784,38.7781 7.3084,40.0001 9.2914,40.0001 L28.3744,40.0001 C30.9974,40.0001 33.1244,37.8731 33.1244,35.2501 L33.1244,10.7511 C33.1244,10.5551 33.1114,10.3591 33.0874,10.1631' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.2905,21.0765 C20.1175,20.7465 19.7285,20.5955 19.3795,20.7145 L17.6775,21.3115 L17.6765,21.3055 C17.6385,21.3185 17.5995,21.3355 17.5625,21.3535 C17.2635,21.5115 16.9805,21.7005 16.7195,21.9215 C16.2405,21.6975 15.4785,21.1495 14.7045,19.6655 C13.9295,18.1805 13.9145,17.2415 14.0045,16.7215 C14.3345,16.6325 14.6555,16.5065 14.9745,16.3395 C14.9995,16.3235 15.0255,16.3075 15.0515,16.2925 L16.5155,15.2275 C16.8145,15.0095 16.9105,14.6035 16.7385,14.2745 L13.3275,7.7405 C13.1545,7.4105 12.7665,7.2605 12.4165,7.3785 L10.7485,7.9645 L10.7475,7.9595 C10.6965,7.9735 10.6475,7.9935 10.6015,8.0175 C9.7215,8.4765 9.0225,9.1885 8.5775,10.0795 C8.5635,10.1015 8.5515,10.1245 8.5395,10.1475 C8.5205,10.1845 8.5025,10.2225 8.4835,10.2605 C8.1165,11.0175 8.5355,11.9265 9.3425,12.1705 C9.4745,11.7355 9.6435,11.3055 9.8455,10.8915 C9.8615,10.8645 9.8775,10.8375 9.8915,10.8075 C10.1905,10.1795 10.6705,9.6775 11.2475,9.3715 L12.2975,9.0075 L15.1085,14.3945 L14.2105,15.0475 C13.9215,15.1925 13.6075,15.2925 13.2785,15.3455 C12.9935,15.3895 12.7645,15.6035 12.6755,15.8785 C12.2505,17.1785 12.4785,18.6435 13.3745,20.3585 C14.2745,22.0835 15.3535,23.1105 16.6745,23.5005 C16.9445,23.5805 17.2375,23.5065 17.4345,23.3035 C17.6665,23.0615 17.9285,22.8625 18.2135,22.7075 L19.2605,22.3445 L22.0735,27.7305 L21.1795,28.3815 C20.5735,28.6845 19.8985,28.7865 19.2205,28.6765 C19.1915,28.6715 19.1635,28.6685 19.1355,28.6675 C15.8255,28.1605 13.1445,25.8585 10.9365,21.6325 C10.4675,20.7325 9.1575,18.2245 8.9855,15.3725 C8.9445,14.6765 8.3915,14.1205 7.6955,14.0755 L7.4905,14.0625 C7.2515,17.8155 9.0245,21.2105 9.6065,22.3255 C12.0345,26.9745 15.1915,29.6115 18.9915,30.1625 C19.0135,30.1655 19.0355,30.1685 19.0575,30.1695 C19.2905,30.2035 19.5235,30.2215 19.7565,30.2215 C20.5065,30.2215 21.2415,30.0415 21.9155,29.6885 C21.9475,29.6685 21.9795,29.6475 22.0135,29.6285 L23.4785,28.5625 C23.7785,28.3445 23.8745,27.9395 23.7025,27.6105 L20.2905,21.0765 Z' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.0833333333vw 2.7083333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.text-5 {
        left: 41.6666666667vw;
        top: 13.8888888889vw;
        background: url(/ecs/prod/s3fs-public/inline-images/item-5-icon.png) no-repeat center 3.81944vw/2.77778vw 2.77778vw;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 {
        width: 100%;
        height: auto;
        text-align: left;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-img {
        position: static;
        width: 89.333vw;
        margin: 0 auto;
        height: 76.8vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-5-img.jpg") no-repeat left top/100% 76.8vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio {
        position: relative;
        width: 89.333vw;
        margin: 0 auto;
        height: 51.2vw;
        background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='37px' height='39px' viewBox='0 0 37 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EFill 1%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-508.000000, -3276.000000)' fill='%2300BEBE'%3E %3Cpath d='M538.452095,3307.90646 C535.664206,3307.90646 533.398236,3305.65096 533.398236,3302.87815 C533.398236,3300.10535 535.664206,3297.84985 538.452095,3297.84985 C541.237993,3297.84985 543.505954,3300.10535 543.505954,3302.87815 C543.505954,3305.65096 541.237993,3307.90646 538.452095,3307.90646 M544.700195,3276.14805 C544.513937,3276.00832 544.270906,3275.96472 544.042815,3276.02913 L520.140074,3282.9651 C519.821344,3283.05727 519.603213,3283.34862 519.603213,3283.67862 L519.603213,3293.11388 L519.603213,3308.4852 C519.603213,3311.258 517.335252,3313.51351 514.547362,3313.51351 C511.284366,3313.51351 508.732536,3310.41863 509.70267,3307.02348 C509.926776,3306.23465 510.369014,3305.50825 510.960656,3304.93843 C512.687773,3303.27455 515.013504,3303.09023 516.818312,3303.99203 C517.426886,3304.29627 518.167933,3304.1159 518.60021,3303.59266 L518.714754,3303.45689 C516.400975,3301.56112 512.880007,3301.34806 510.253474,3303.57086 C509.221587,3304.44492 508.477552,3305.64303 508.175755,3306.95709 C507.197653,3311.21044 510.436744,3315 514.547362,3315 C518.159965,3315 521.097259,3312.07756 521.097259,3308.4852 L521.097259,3293.66487 L540.576628,3287.75756 C541.365485,3287.51873 541.81071,3286.68728 541.570667,3285.90142 L521.097259,3292.11099 L521.097259,3284.23556 L543.505954,3277.73364 L543.505954,3282.55285 L543.505954,3286.17791 L543.505954,3298.74075 C542.303745,3297.28894 540.484994,3296.36335 538.452095,3296.36335 C534.841484,3296.36335 531.90419,3299.2858 531.90419,3302.87815 C531.90419,3306.47051 534.841484,3309.39295 538.452095,3309.39295 C542.062706,3309.39295 545,3306.47051 545,3302.87815 L545,3286.17791 L545,3282.55285 L545,3276.74265 C545,3276.50778 544.889441,3276.28877 544.700195,3276.14805' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 14.08vw/9.472vw 9.984vw;
        padding-top: 28.672vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio:hover {
        background-position: center 11.52vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .item-audio span.audio-icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 8.192vw;
        height: 8.192vw;
        background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/80% 80%;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.item-text {
        display: inline-block;
        position: static;
        vertical-align: top;
        width: 50%;
        height: 43.008vw;
        padding-top: 27.648vw;
        background-position: center 14.08vw;
        border-right: none;
        border-bottom: 1px solid #D4D7D9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        color: #545759;
        float: left;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.item-text:hover {
        background-position: center 11.52vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-1 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='34px' viewBox='0 0 40 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.0004 40.012 0.0004 40.012 33.4330392 0 33.4330392'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-806.000000, -2899.000000)'%3E %3Cg id='Group-3' transform='translate(806.000000, 2899.000000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M39.9569,4.2932 C39.8829,4.1082 39.7369,3.9622 39.5539,3.8842 C33.4409,1.3072 26.8639,0.0002 20.0059,0.0002 C16.0849,0.0002 12.1939,0.4392 8.4549,1.3042 C7.6979,1.4662 7.2279,2.2302 7.4269,2.9782 L7.4519,3.0762 C7.9139,2.9542 8.7669,2.7722 8.7809,2.7682 C12.4219,1.9272 16.1979,1.5002 20.0059,1.5002 C26.4039,1.5002 32.5469,2.6702 38.2769,4.9802 L31.3269,21.4362 C29.9999,21.1372 28.6509,20.9102 27.2959,20.7192 C27.8209,19.6772 28.3099,18.2442 28.3099,16.4122 C28.3099,14.3582 27.5859,12.6362 26.9589,11.5272 C26.5419,10.7922 25.5609,10.6202 24.9179,11.1702 C24.9359,11.1922 26.8099,13.4342 26.8099,16.4122 C26.8099,18.2532 26.2449,19.6052 25.7159,20.5022 C24.5019,20.3682 23.2809,20.2942 22.0589,20.2462 C22.4899,19.2542 22.8499,17.9792 22.8499,16.4122 C22.8499,14.3582 22.1259,12.6362 21.4989,11.5272 C21.0819,10.7922 20.1009,10.6202 19.4579,11.1702 C19.4769,11.1922 21.3499,13.4342 21.3499,16.4122 C21.3499,18.0602 20.8949,19.3122 20.4219,20.2012 C19.1369,20.1912 17.8519,20.2312 16.5699,20.3152 C17.0149,19.3142 17.3899,18.0142 17.3899,16.4122 C17.3899,14.3582 16.6659,12.6362 16.0389,11.5272 C15.6219,10.7922 14.6409,10.6202 13.9979,11.1702 C14.0169,11.1922 15.8899,13.4342 15.8899,16.4122 C15.8899,18.2222 15.3439,19.5612 14.8219,20.4582 C12.7529,20.6642 10.6979,20.9812 8.6849,21.4362 L1.7349,4.9802 C2.5129,4.6672 3.3039,4.3732 4.1039,4.1002 C4.8839,3.8342 5.3109,2.9982 5.0689,2.2112 C3.5009,2.6922 1.9499,3.2562 0.4589,3.8842 C0.2749,3.9612 0.1299,4.1082 0.0559,4.2932 C-0.0201,4.4782 -0.0191,4.6842 0.0599,4.8672 L7.5489,22.6012 C7.6909,22.9392 8.0589,23.1202 8.4129,23.0382 C10.1339,22.6272 11.8869,22.3222 13.6549,22.1002 C13.0059,22.9722 11.7469,24.9172 11.7469,27.8682 C11.7469,29.9212 12.4709,31.6442 13.0979,32.7522 C13.5149,33.4872 14.4959,33.6592 15.1389,33.1102 C15.1199,33.0882 13.2469,30.8472 13.2469,27.8682 C13.2469,25.0632 14.5609,23.3742 15.0549,22.7382 L15.2679,22.4622 C15.3699,22.3302 15.5199,22.1302 15.6829,21.8952 C16.9239,21.7892 18.1679,21.7222 19.4149,21.7072 L19.3299,21.8172 C18.8059,22.4932 17.2069,24.5482 17.2069,27.8682 C17.2069,29.9212 17.9309,31.6442 18.5579,32.7522 C18.9749,33.4872 19.9559,33.6592 20.5989,33.1102 C20.5799,33.0882 18.7069,30.8472 18.7069,27.8682 C18.7069,25.0632 20.0199,23.3742 20.5149,22.7382 L20.7279,22.4622 C20.8539,22.2982 21.0459,22.0502 21.2609,21.7272 C22.4119,21.7552 23.5609,21.8212 24.7059,21.9282 C24.1199,22.6892 22.6669,24.6912 22.6669,27.8682 C22.6669,29.9212 23.3909,31.6442 24.0179,32.7522 C24.4349,33.4872 25.4159,33.6592 26.0589,33.1102 C26.0399,33.0882 24.1669,30.8472 24.1669,27.8682 C24.1669,25.0632 25.4799,23.3742 25.9749,22.7382 L26.1869,22.4622 C26.2579,22.3712 26.3489,22.2532 26.4499,22.1132 C28.1859,22.3362 29.9089,22.6352 31.5989,23.0382 C31.6559,23.0522 31.7149,23.0592 31.7719,23.0592 C32.0679,23.0592 32.3439,22.8832 32.4629,22.6012 L39.9529,4.8672 C40.0309,4.6842 40.0319,4.4782 39.9569,4.2932' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 10.24vw 8.448vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-2 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 5%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3079.000000)' fill='%2300BEBE'%3E %3Cg id='Group-5' transform='translate(807.000000, 3079.000000)'%3E %3Cpath d='M38.0849,17.5628 C38.0579,17.2118 37.7909,16.9268 37.4419,16.8778 C37.0989,16.8198 36.7589,17.0268 36.6349,17.3558 C34.9499,21.8308 30.6069,24.8368 25.8269,24.8368 C20.4579,24.8368 15.8389,21.1948 14.5949,15.9798 C13.7709,16.1758 13.3019,17.0508 13.5959,17.8448 C15.4709,22.9158 20.2969,26.3368 25.8269,26.3368 C30.1599,26.3368 34.1759,24.1508 36.5769,20.6748 C35.7169,30.1668 27.2749,37.5058 17.3719,36.5688 C9.1719,35.7918 2.5219,29.2658 1.6109,21.0798 C0.4349,10.4948 8.7239,1.5008 19.0749,1.5008 C19.4389,1.5008 19.8029,1.5118 20.1669,1.5348 C15.7509,3.6708 12.7799,8.2148 12.7799,13.2908 C12.7799,13.5518 12.7879,13.8098 12.8029,14.0668 C13.6299,14.0198 14.2849,13.3448 14.3089,12.5168 C14.3099,12.4798 14.3109,12.4538 14.3119,12.4408 C14.6889,7.3538 18.4259,3.0298 23.4729,1.9848 C23.8159,1.9138 24.0649,1.6128 24.0699,1.2608 C24.0749,0.9098 23.8349,0.6018 23.4929,0.5208 C22.0369,0.1748 20.5509,0.0008 19.0749,0.0008 C8.1069,0.0008 -0.7281,9.3028 0.0479,20.4338 C0.7009,29.8298 8.3119,37.4428 17.7069,38.1008 C28.8409,38.8818 38.1489,30.0448 38.1489,19.0758 C38.1489,18.5658 38.1229,18.0618 38.0849,17.5628' id='Fill-1'%3E%3C/path%3E %3Cpath d='M24.6415,8.6966 L29.2285,8.6966 L22.6315,14.8136 C22.4055,15.0236 22.3305,15.3496 22.4435,15.6366 C22.5555,15.9256 22.8325,16.1136 23.1415,16.1136 L30.1755,16.1136 C31.0035,16.1136 31.6755,15.4416 31.6755,14.6136 L31.1405,14.6136 L25.0535,14.6136 L31.6505,8.4966 C31.8765,8.2866 31.9515,7.9606 31.8385,7.6736 C31.7265,7.3846 31.4495,7.1966 31.1405,7.1966 L23.1415,7.1966 C23.1415,8.0246 23.8135,8.6966 24.6415,8.6966' id='Fill-3'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 9.728vw 9.728vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-3 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='40px' viewBox='0 0 39 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.7943 0.645 25.004 0.645 25.004 24.8538 0.7943 24.8538'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3279.000000)'%3E %3Cg id='Group-10' transform='translate(807.000000, 3278.000000)'%3E %3Cpath d='M27.2486,22.6556 C27.3876,22.0426 27.4576,21.4266 27.4576,20.8266 C27.4576,15.6636 22.6736,11.5476 17.3486,12.7566 C17.5266,13.5466 18.2496,14.0666 19.0596,14.0466 C22.8666,13.9526 25.9576,17.0486 25.9576,20.8266 C25.9576,20.8796 25.9566,20.9316 25.9556,20.9846 C25.9356,21.7796 26.4736,22.4796 27.2486,22.6556' id='Fill-1' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M33.063,23.974 C33.297,22.936 33.417,21.877 33.417,20.827 C33.417,12.976 27.029,6.588 19.178,6.588 C18.127,6.588 17.068,6.707 16.03,6.942 C16.209,7.735 16.956,8.263 17.764,8.17 C18.235,8.116 18.708,8.088 19.178,8.088 C26.202,8.088 31.917,13.803 31.917,20.827 C31.917,21.298 31.889,21.773 31.836,22.245 C31.746,23.051 32.273,23.795 33.063,23.974' id='Fill-3' fill='%2300BEBE'%3E%3C/path%3E %3Cg id='Group-7' transform='translate(14.000000, 0.355500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-6'%3E%3C/g%3E %3Cpath d='M5.1783,0.6448 C3.7143,0.6448 2.2403,0.8108 0.7943,1.1368 C0.9723,1.9258 1.7253,2.4608 2.5263,2.3428 C3.4073,2.2118 4.2953,2.1448 5.1783,2.1448 C15.2833,2.1448 23.5043,10.3658 23.5043,20.4708 C23.5043,21.3388 23.4413,22.2138 23.3153,23.0848 C23.1973,23.9008 23.7083,24.6718 24.5123,24.8538 C24.8393,23.4038 25.0043,21.9288 25.0043,20.4708 C25.0043,9.5388 16.1113,0.6448 5.1783,0.6448' id='Fill-5' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M24.8736,25.1263 C24.6106,24.8663 24.1916,24.8383 23.8956,25.0623 L21.3516,26.9783 C21.3216,27.0033 21.2736,27.0453 21.2446,27.0703 C20.7786,27.5453 20.3776,28.0803 20.0456,28.6643 C18.3406,28.5643 16.5966,27.6153 14.7276,25.7733 C12.8586,23.9303 11.8856,22.1993 11.7646,20.4973 C12.3456,20.1563 12.8786,19.7403 13.3796,19.2323 C13.3946,19.2143 13.4116,19.1943 13.4276,19.1763 L15.3116,16.5973 C15.5306,16.2963 15.4976,15.8813 15.2326,15.6203 L5.9726,6.4883 C5.7076,6.2283 5.2926,6.1993 4.9956,6.4233 L2.4326,8.3543 C2.4086,8.3733 2.3866,8.3943 2.3626,8.4133 C1.2046,9.5843 0.4666,11.0653 0.2226,12.7033 C0.2136,12.7333 0.2066,12.7653 0.2016,12.7973 C0.0536,13.7593 -0.0144,14.7393 0.0026,15.7113 C0.8106,15.6973 1.4826,15.0753 1.5426,14.2713 C1.5706,13.8893 1.6126,13.5083 1.6686,13.1303 C1.6796,13.0933 1.6876,13.0543 1.6926,13.0153 C1.8746,11.6643 2.4716,10.4423 3.3766,9.5193 L5.3806,8.0113 L13.7196,16.2343 L12.2516,18.2433 C11.7896,18.7053 11.2496,19.0943 10.6486,19.3963 C10.4116,19.5173 10.2566,19.7623 10.2516,20.0273 C10.2166,22.3063 11.3356,24.5343 13.6756,26.8423 C16.0046,29.1403 18.2256,30.2263 20.5136,30.1713 C20.7926,30.1633 21.0446,30.0023 21.1676,29.7513 C21.4606,29.1533 21.8386,28.6133 22.2876,28.1493 L24.2816,26.6483 L32.6206,34.8723 L31.1446,36.8893 C30.2006,37.8303 29.0006,38.4313 27.6696,38.6283 C27.6316,38.6343 27.5936,38.6433 27.5576,38.6543 C21.5206,39.6343 15.6026,37.1673 9.4636,31.1133 C7.9836,29.6543 3.4816,25.2163 1.9946,19.3333 C1.9946,19.3333 1.7446,18.4203 1.5656,17.5913 C0.7516,17.7683 0.2476,18.5873 0.4586,19.3933 C0.5106,19.5913 0.5436,19.7143 0.5436,19.7143 C2.1306,25.9903 6.8566,30.6503 8.4106,32.1823 C13.9226,37.6153 19.5136,40.3553 25.0706,40.3553 C26.0186,40.3553 26.9646,40.2753 27.9086,40.1163 C27.9396,40.1113 27.9706,40.1043 28.0006,40.0953 C29.6296,39.8303 31.0976,39.0743 32.2476,37.9073 L32.2506,37.9043 C32.2786,37.8773 32.3056,37.8463 32.3286,37.8143 L34.2136,35.2343 C34.4336,34.9343 34.3986,34.5193 34.1346,34.2583 L24.8736,25.1263 Z' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 10.24vw 10.24vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 .text-4 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='40px' viewBox='0 0 34 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.0004 0.7491 33.124 0.7491 33.124 40 0.0004 40'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1113.000000, -2894.000000)'%3E %3Cg id='Group-6' transform='translate(1113.000000, 2893.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.251000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M1.5004,34.2181 L1.5004,3.4991 C1.5004,2.8101 2.0614,2.2491 2.7504,2.2491 L27.6834,2.2491 C28.3724,2.2491 28.9334,2.8101 28.9334,3.4991 L28.9334,34.2181 C28.9334,34.9071 28.3724,35.4681 27.6834,35.4681 L2.7504,35.4681 C2.0614,35.4681 1.5004,34.9071 1.5004,34.2181 M33.0874,10.1631 C32.9764,9.2851 32.0134,8.7921 31.2344,9.2151 C31.4894,9.6861 31.6244,10.2171 31.6244,10.7511 L31.6244,35.2501 C31.6244,37.0451 30.1694,38.5001 28.3744,38.5001 L9.2914,38.5001 C8.1654,38.5001 7.1294,37.8921 6.5424,36.9681 L27.6834,36.9681 C29.1994,36.9681 30.4334,35.7351 30.4334,34.2181 L30.4334,3.4991 C30.4334,1.9831 29.1994,0.7491 27.6834,0.7491 L2.7504,0.7491 C1.2334,0.7491 0.0004,1.9831 0.0004,3.4991 L0.0004,34.2181 C0.0004,35.7351 1.2334,36.9681 2.7504,36.9681 L4.8754,36.9681 C5.5784,38.7781 7.3084,40.0001 9.2914,40.0001 L28.3744,40.0001 C30.9974,40.0001 33.1244,37.8731 33.1244,35.2501 L33.1244,10.7511 C33.1244,10.5551 33.1114,10.3591 33.0874,10.1631' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.2905,21.0765 C20.1175,20.7465 19.7285,20.5955 19.3795,20.7145 L17.6775,21.3115 L17.6765,21.3055 C17.6385,21.3185 17.5995,21.3355 17.5625,21.3535 C17.2635,21.5115 16.9805,21.7005 16.7195,21.9215 C16.2405,21.6975 15.4785,21.1495 14.7045,19.6655 C13.9295,18.1805 13.9145,17.2415 14.0045,16.7215 C14.3345,16.6325 14.6555,16.5065 14.9745,16.3395 C14.9995,16.3235 15.0255,16.3075 15.0515,16.2925 L16.5155,15.2275 C16.8145,15.0095 16.9105,14.6035 16.7385,14.2745 L13.3275,7.7405 C13.1545,7.4105 12.7665,7.2605 12.4165,7.3785 L10.7485,7.9645 L10.7475,7.9595 C10.6965,7.9735 10.6475,7.9935 10.6015,8.0175 C9.7215,8.4765 9.0225,9.1885 8.5775,10.0795 C8.5635,10.1015 8.5515,10.1245 8.5395,10.1475 C8.5205,10.1845 8.5025,10.2225 8.4835,10.2605 C8.1165,11.0175 8.5355,11.9265 9.3425,12.1705 C9.4745,11.7355 9.6435,11.3055 9.8455,10.8915 C9.8615,10.8645 9.8775,10.8375 9.8915,10.8075 C10.1905,10.1795 10.6705,9.6775 11.2475,9.3715 L12.2975,9.0075 L15.1085,14.3945 L14.2105,15.0475 C13.9215,15.1925 13.6075,15.2925 13.2785,15.3455 C12.9935,15.3895 12.7645,15.6035 12.6755,15.8785 C12.2505,17.1785 12.4785,18.6435 13.3745,20.3585 C14.2745,22.0835 15.3535,23.1105 16.6745,23.5005 C16.9445,23.5805 17.2375,23.5065 17.4345,23.3035 C17.6665,23.0615 17.9285,22.8625 18.2135,22.7075 L19.2605,22.3445 L22.0735,27.7305 L21.1795,28.3815 C20.5735,28.6845 19.8985,28.7865 19.2205,28.6765 C19.1915,28.6715 19.1635,28.6685 19.1355,28.6675 C15.8255,28.1605 13.1445,25.8585 10.9365,21.6325 C10.4675,20.7325 9.1575,18.2245 8.9855,15.3725 C8.9445,14.6765 8.3915,14.1205 7.6955,14.0755 L7.4905,14.0625 C7.2515,17.8155 9.0245,21.2105 9.6065,22.3255 C12.0345,26.9745 15.1915,29.6115 18.9915,30.1625 C19.0135,30.1655 19.0355,30.1685 19.0575,30.1695 C19.2905,30.2035 19.5235,30.2215 19.7565,30.2215 C20.5065,30.2215 21.2415,30.0415 21.9155,29.6885 C21.9475,29.6685 21.9795,29.6475 22.0135,29.6285 L23.4785,28.5625 C23.7785,28.3445 23.8745,27.9395 23.7025,27.6105 L20.2905,21.0765 Z' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 7.68vw 9.984vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-5 div.text-5 {
        border-bottom: none;
        background: url(/ecs/prod/s3fs-public/inline-images/item-5-icon.png) no-repeat center 14.08vw/10.24vw 10.24vw;
    }
}

.nomi-page .nomi-item-4 .nomi-msg p .item-text p {
    font-size: 14px;
    font-weight: 400;
    color: #545759;
    line-height: 24px;
    text-align: center;
}

.nomi-page .nomi-item-4 .nomi-msg p .item-text {
    padding-top: 136px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 {
    position: relative;
    width: 900px;
    height: 620px;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 220px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-img_0.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 220px;
    background: #B8E8EB url("/ecs/prod/s3fs-public/inline-images/item-icon-1.png") no-repeat center 52px/60px 60px;
    padding-top: 145px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio:hover {
    background-position: center 42px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio span.audio-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.item-text {
    position: absolute;
    width: 300px;
    height: 200px;
    padding-top: 85px;
    background-position: center 27px;
    border-right: 1px solid #D4D7D9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.item-text:hover {
    background-position: center 17px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-1 {
    top: 240px;
    left: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-2.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-2 {
    top: 240px;
    left: 300px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-3.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-3 {
    top: 420px;
    left: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-4.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-4 {
    top: 420px;
    left: 300px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-5.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.text-5 {
    top: 330px;
    right: 0;
    border-right: none;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-6.png") no-repeat center 27px/22px 39px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 {
        width: 62.5vw;
        height: 43.0555555556vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-img {
        width: 41.6666666667vw;
        height: 15.2777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio {
        width: 20.8333333333vw;
        height: 15.2777777778vw;
        background: #B8E8EB url("/ecs/prod/s3fs-public/inline-images/item-icon-1.png") no-repeat center 3.61111vw/4.166vw 4.166vw;
        padding-top: 9.4444444444vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio:hover {
        background-position: center 2.6111vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio span.audio-icon {
        width: 2.222222vw;
        height: 2.2222222vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.item-text {
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        padding-top: 5.9027777778vw;
        background-position: center 1.875vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.item-text:hover {
        background-position: center 1.1805555556vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-1 {
        top: 16.6666666667vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-2 {
        top: 16.6666666667vw;
        left: 20.8333333333vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-3 {
        top: 29.1666666667vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .text-4 {
        top: 29.1666666667vw;
        left: 20.8333333333vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.text-5 {
        top: 22.2222222222vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-6.png") no-repeat center 1.875vw/1.52778vw 2.70833vw;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 {
        width: 100%;
        height: auto;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-img {
        position: static;
        width: 89.3333333333vw;
        height: 80vw;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background: url("/ecs/prod/s3fs-public/inline-images/item-6-mobile_0.jpg") no-repeat left top/100% 100%;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio {
        position: relative;
        width: 89.3333333333vw;
        height: 53.3333333333vw;
        background: #B8E8EB url("/ecs/prod/s3fs-public/inline-images/item-icon-1.png") no-repeat center 13.86667vw/16vw 16vw;
        padding-top: 33.3333333333vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-transition: background-position 0.5s;
        -o-transition: background-position 0.5s;
        transition: background-position 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio:hover {
        background-position: center 10vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 .item-audio span.audio-icon {
        width: 8.192vw;
        height: 8.192vw;
        background-size: 80% 80%;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.item-text {
        position: static;
        width: 44.5333333333vw;
        height: 44.8vw;
        padding-top: 21.6vw;
        background-position: center 9.0666666667vw;
        border: none;
        border-bottom: 1px solid #D4D7D9;
        background-size: 10.6666666667vw 10.6666666667vw;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.item-text:hover {
        background-position: center 6.4vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.text-5 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-6.png") no-repeat center 7.2vw/5.86667vw 10.4vw;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-6 div.text-4 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-right: 44.5333333333vw;
        border: none;
    }
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 {
    position: relative;
    width: 900px;
    height: 620px;
    margin: 0 auto;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    height: 220px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-img.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 220px;
    background: #B8E8EB url(/ecs/prod/s3fs-public/inline-images/item-7-icon.png) no-repeat center 50px/60px 60px;
    padding-top: 135px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio span.audio-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio:hover {
    background-position: center 40px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-text {
    position: absolute;
    width: 300px;
    height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 112px;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-text:hover {
    background-position: center 38px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-1 {
    left: 0;
    top: 310px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-1.png") no-repeat center 48px/41px 31px;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-2 {
    height: 180px;
    left: 300px;
    top: 240px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-2.png") no-repeat center 48px/41px 41px;
    border-left: 1px solid #D4D7D9;
    border-right: 1px solid #D4D7D9;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-3 {
    height: 180px;
    left: 300px;
    top: 420px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-3.png") no-repeat center 48px/41px 36px;
    border-left: 1px solid #D4D7D9;
    border-right: 1px solid #D4D7D9;
}

.nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-4 {
    right: 0;
    top: 310px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-4.png") no-repeat center 48px/42px 39px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 {
        width: 62.5vw;
        height: 43.0555555556vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-img {
        width: 41.6666666667vw;
        height: 15.2777777778vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-img.jpg") no-repeat left top/100% 100%;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio {
        position: absolute;
        top: 0;
        left: 0;
        width: 20.8333333333vw;
        height: 15.2777777778vw;
        background: #B8E8EB url(/ecs/prod/s3fs-public/inline-images/item-7-icon.png) no-repeat center 3.47222vw/4.16667vw 4.16667vw;
        padding-top: 9.375vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio span.audio-icon {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 2.2222222222vw;
        height: 2.2222222222vw;
        background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio:hover {
        background-position: center 2.7777777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-text {
        position: absolute;
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-1 {
        left: 0;
        top: 21.5277777778vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-1.png") no-repeat center 3.33333vw/2.84722vw 2.15278vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-2 {
        height: 12.5vw;
        left: 20.8333333333vw;
        top: 16.6666666667vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-2.png") no-repeat center 3.33333vw/2.84722vw 2.84722vw;
        border-left: 1px solid #D4D7D9;
        border-right: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-3 {
        height: 12.5vw;
        left: 20.8333333333vw;
        top: 29.1666666667vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-3.png") no-repeat center 3.33333vw/2.84722vw 2.5vw;
        border-left: 1px solid #D4D7D9;
        border-right: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-4 {
        right: 0;
        top: 21.5277777778vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-4.png") no-repeat center 3.33333vw/2.91667vw 2.70833vw;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-img {
        position: relative;
        width: 89.3333333333vw;
        height: 80vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-mobile-img.jpg") no-repeat left top/100% 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio {
        position: relative;
        width: 89.3333333333vw;
        height: 53.3333333333vw;
        background: #B8E8EB url(/ecs/prod/s3fs-public/inline-images/item-7-icon.png) no-repeat center 14.66667vw/16vw 16vw;
        padding-top: 135px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio span.audio-icon {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 8.192vw;
        height: 8.192vw;
        background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/80% 80%;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-audio:hover {
        background-position: center 40px;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .item-text {
        position: static;
        width: 44.5333333333vw;
        height: 44.8vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-top: 115px;
        border: none;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-1 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-1.png") no-repeat center 48px/41px 31px;
        border-bottom: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-2 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-2.png") no-repeat center 48px/41px 41px;
        border-bottom: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-3 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-3.png") no-repeat center 48px/41px 36px;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .nomi-item-7 .text-4 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-4.png") no-repeat center 48px/42px 39px;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-4 .nomi-msg p .mobile-show {
        display: block;
    }
}

@media (max-width:480px) {
    .nomi-page .nomi-item-4 .nomi-msg p .mobile-show {
        display: block;
    }
    .nomi-page .nomi-item-4 .nomi-msg p .desktop-show {
        display: none;
    }
}

.nomi-page .nomi-item-4 .nomi-icon {
    position: absolute;
    width: 450px;
    height: 220px;
    right: 0;
    bottom: 0;
    border: 1px solid #D4D7D9;
    background: url("/ecs/prod/s3fs-public/inline-images/item-4-icon.png") no-repeat center 55px/60px 60px;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-4 .nomi-icon:hover {
    background-position: center 45px;
}

.nomi-page .nomi-item-4 .nomi-icon p.icon-text {
    font-size: 14px;
    font-weight: 400;
    color: #545759;
    line-height: 24px;
    text-align: center;
    margin-top: 136px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-4 {
        width: 62.5vw;
        height: 36.1111111111vw;
    }
    .nomi-page .nomi-item-4 .nomi-img {
        width: 50vw;
        height: 20.8333333333vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg {
        width: 31.25vw;
        height: 15.2777777778vw;
        bottom: 2.2222222222vw;
        background-position: center 2.9861111111vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg:hover {
        background-position: center 2.2916666667vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg span.audio-icon {
        width: 2.2222222222vw;
        height: 2.2222222222vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg h3 {
        margin-top: 7.1527777778vw;
    }
    .nomi-page .nomi-item-4 .nomi-icon {
        width: 31.25vw;
        height: 15.2777777778vw;
        background-position: center 3.8194444444vw;
        background-size: 4.1666666667vw 4.1666666667vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-icon:hover {
        background-position: center 3.125vw;
    }
    .nomi-page .nomi-item-4 .nomi-icon p.icon-text {
        margin-top: 9.4444444444vw;
    }
}

@media (max-width:1024px) {
    .nomi-page .nomi-item-4 .nomi-msg h3 {
        margin-top: 8.5416666667vw;
    }
}

@media (max-width:768px) {
    .nomi-page .section-item.paragraph.paragraph--type--section-item {
        padding: 0;
    }
    .nomi-page .field__item.item-id-4 . {
        width: 96%;
        margin: 0 auto;
    }
    .nomi-page .field__item.item-id-4 .section-item__inner {
        padding: 2vw 0;
    }
    .nomi-page .nomi-item-4 {
        width: 100%;
        height: auto;
    }
    .nomi-page .nomi-item-4 .mobile-show {
        font-size: 20px;
        font-weight: 400;
        color: #00263c;
        line-height: 29px;
        text-align: center;
        padding: 72px 0 60px;
    }
    .nomi-page .nomi-item-4 .nomi-img {
        position: static;
        display: inline-block;
        vertical-align: top;
        width: 89.333vw;
        height: 76.8vw;
        background-image: url("/ecs/prod/s3fs-public/inline-images/item-4-mobile-nomi.jpg");
    }
    .nomi-page .nomi-item-4 .nomi-msg {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 89.333vw;
        height: 56.32vw;
        left: 0;
        bottom: 0;
        background-position: center 11.008vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-msg:hover {
        background-position: center 8.448vw;
    }
    .nomi-page .nomi-item-4 .nomi-msg span.audio-icon {
        position: absolute;
        width: 8.192vw;
        height: 8.192vw;
        background-size: 80% 80%;
    }
    .nomi-page .nomi-item-4 .nomi-msg h3 {
        margin-top: 26.368vw;
    }
    .nomi-page .nomi-item-4 .nomi-icon {
        position: static;
        display: inline-block;
        vertical-align: top;
        width: 89.333vw;
        height: 56.32vw;
        margin-top: 5.12vw;
        border: 1px solid #D4D7D9;
        background: url("/ecs/prod/s3fs-public/inline-images/item-4-icon.png") no-repeat center 14.08vw/15.36vw 15.36vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-4 .nomi-icon:hover {
        background-position: center 11.52vw;
    }
    .nomi-page .nomi-item-4 .nomi-icon p.icon-text {
        margin-top: 34.816vw;
    }
}

.nomi-page .nomi-item-5 {
    position: relative;
    width: 900px;
    height: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}

.nomi-page .nomi-item-5 .item-img {
    position: absolute;
    width: 300px;
    height: 400px;
    left: 0;
    top: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-5-img.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-5 .item-audio {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 200px;
    background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='37px' height='39px' viewBox='0 0 37 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EFill 1%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-508.000000, -3276.000000)' fill='%2300BEBE'%3E %3Cpath d='M538.452095,3307.90646 C535.664206,3307.90646 533.398236,3305.65096 533.398236,3302.87815 C533.398236,3300.10535 535.664206,3297.84985 538.452095,3297.84985 C541.237993,3297.84985 543.505954,3300.10535 543.505954,3302.87815 C543.505954,3305.65096 541.237993,3307.90646 538.452095,3307.90646 M544.700195,3276.14805 C544.513937,3276.00832 544.270906,3275.96472 544.042815,3276.02913 L520.140074,3282.9651 C519.821344,3283.05727 519.603213,3283.34862 519.603213,3283.67862 L519.603213,3293.11388 L519.603213,3308.4852 C519.603213,3311.258 517.335252,3313.51351 514.547362,3313.51351 C511.284366,3313.51351 508.732536,3310.41863 509.70267,3307.02348 C509.926776,3306.23465 510.369014,3305.50825 510.960656,3304.93843 C512.687773,3303.27455 515.013504,3303.09023 516.818312,3303.99203 C517.426886,3304.29627 518.167933,3304.1159 518.60021,3303.59266 L518.714754,3303.45689 C516.400975,3301.56112 512.880007,3301.34806 510.253474,3303.57086 C509.221587,3304.44492 508.477552,3305.64303 508.175755,3306.95709 C507.197653,3311.21044 510.436744,3315 514.547362,3315 C518.159965,3315 521.097259,3312.07756 521.097259,3308.4852 L521.097259,3293.66487 L540.576628,3287.75756 C541.365485,3287.51873 541.81071,3286.68728 541.570667,3285.90142 L521.097259,3292.11099 L521.097259,3284.23556 L543.505954,3277.73364 L543.505954,3282.55285 L543.505954,3286.17791 L543.505954,3298.74075 C542.303745,3297.28894 540.484994,3296.36335 538.452095,3296.36335 C534.841484,3296.36335 531.90419,3299.2858 531.90419,3302.87815 C531.90419,3306.47051 534.841484,3309.39295 538.452095,3309.39295 C542.062706,3309.39295 545,3306.47051 545,3302.87815 L545,3286.17791 L545,3282.55285 L545,3276.74265 C545,3276.50778 544.889441,3276.28877 544.700195,3276.14805' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 55px/37px 39px;
    padding-top: 112px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-5 .item-audio span.audio-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-5 .item-audio:hover {
    background-position: center 45px;
}

.nomi-page .nomi-item-5 div.item-text {
    position: absolute;
    width: 300px;
    height: 200px;
    padding-top: 112px;
    background-position: center 55px;
    border-right: 1px solid #D4D7D9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-5 div.item-text:hover {
    background-position: center 45px;
}

.nomi-page .nomi-item-5 .text-1 {
    top: 0;
    left: 300px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='34px' viewBox='0 0 40 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.0004 40.012 0.0004 40.012 33.4330392 0 33.4330392'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-806.000000, -2899.000000)'%3E %3Cg id='Group-3' transform='translate(806.000000, 2899.000000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M39.9569,4.2932 C39.8829,4.1082 39.7369,3.9622 39.5539,3.8842 C33.4409,1.3072 26.8639,0.0002 20.0059,0.0002 C16.0849,0.0002 12.1939,0.4392 8.4549,1.3042 C7.6979,1.4662 7.2279,2.2302 7.4269,2.9782 L7.4519,3.0762 C7.9139,2.9542 8.7669,2.7722 8.7809,2.7682 C12.4219,1.9272 16.1979,1.5002 20.0059,1.5002 C26.4039,1.5002 32.5469,2.6702 38.2769,4.9802 L31.3269,21.4362 C29.9999,21.1372 28.6509,20.9102 27.2959,20.7192 C27.8209,19.6772 28.3099,18.2442 28.3099,16.4122 C28.3099,14.3582 27.5859,12.6362 26.9589,11.5272 C26.5419,10.7922 25.5609,10.6202 24.9179,11.1702 C24.9359,11.1922 26.8099,13.4342 26.8099,16.4122 C26.8099,18.2532 26.2449,19.6052 25.7159,20.5022 C24.5019,20.3682 23.2809,20.2942 22.0589,20.2462 C22.4899,19.2542 22.8499,17.9792 22.8499,16.4122 C22.8499,14.3582 22.1259,12.6362 21.4989,11.5272 C21.0819,10.7922 20.1009,10.6202 19.4579,11.1702 C19.4769,11.1922 21.3499,13.4342 21.3499,16.4122 C21.3499,18.0602 20.8949,19.3122 20.4219,20.2012 C19.1369,20.1912 17.8519,20.2312 16.5699,20.3152 C17.0149,19.3142 17.3899,18.0142 17.3899,16.4122 C17.3899,14.3582 16.6659,12.6362 16.0389,11.5272 C15.6219,10.7922 14.6409,10.6202 13.9979,11.1702 C14.0169,11.1922 15.8899,13.4342 15.8899,16.4122 C15.8899,18.2222 15.3439,19.5612 14.8219,20.4582 C12.7529,20.6642 10.6979,20.9812 8.6849,21.4362 L1.7349,4.9802 C2.5129,4.6672 3.3039,4.3732 4.1039,4.1002 C4.8839,3.8342 5.3109,2.9982 5.0689,2.2112 C3.5009,2.6922 1.9499,3.2562 0.4589,3.8842 C0.2749,3.9612 0.1299,4.1082 0.0559,4.2932 C-0.0201,4.4782 -0.0191,4.6842 0.0599,4.8672 L7.5489,22.6012 C7.6909,22.9392 8.0589,23.1202 8.4129,23.0382 C10.1339,22.6272 11.8869,22.3222 13.6549,22.1002 C13.0059,22.9722 11.7469,24.9172 11.7469,27.8682 C11.7469,29.9212 12.4709,31.6442 13.0979,32.7522 C13.5149,33.4872 14.4959,33.6592 15.1389,33.1102 C15.1199,33.0882 13.2469,30.8472 13.2469,27.8682 C13.2469,25.0632 14.5609,23.3742 15.0549,22.7382 L15.2679,22.4622 C15.3699,22.3302 15.5199,22.1302 15.6829,21.8952 C16.9239,21.7892 18.1679,21.7222 19.4149,21.7072 L19.3299,21.8172 C18.8059,22.4932 17.2069,24.5482 17.2069,27.8682 C17.2069,29.9212 17.9309,31.6442 18.5579,32.7522 C18.9749,33.4872 19.9559,33.6592 20.5989,33.1102 C20.5799,33.0882 18.7069,30.8472 18.7069,27.8682 C18.7069,25.0632 20.0199,23.3742 20.5149,22.7382 L20.7279,22.4622 C20.8539,22.2982 21.0459,22.0502 21.2609,21.7272 C22.4119,21.7552 23.5609,21.8212 24.7059,21.9282 C24.1199,22.6892 22.6669,24.6912 22.6669,27.8682 C22.6669,29.9212 23.3909,31.6442 24.0179,32.7522 C24.4349,33.4872 25.4159,33.6592 26.0589,33.1102 C26.0399,33.0882 24.1669,30.8472 24.1669,27.8682 C24.1669,25.0632 25.4799,23.3742 25.9749,22.7382 L26.1869,22.4622 C26.2579,22.3712 26.3489,22.2532 26.4499,22.1132 C28.1859,22.3362 29.9089,22.6352 31.5989,23.0382 C31.6559,23.0522 31.7149,23.0592 31.7719,23.0592 C32.0679,23.0592 32.3439,22.8832 32.4629,22.6012 L39.9529,4.8672 C40.0309,4.6842 40.0319,4.4782 39.9569,4.2932' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 40px 33px;
}

.nomi-page .nomi-item-5 .text-2 {
    top: 200px;
    left: 300px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 5%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3079.000000)' fill='%2300BEBE'%3E %3Cg id='Group-5' transform='translate(807.000000, 3079.000000)'%3E %3Cpath d='M38.0849,17.5628 C38.0579,17.2118 37.7909,16.9268 37.4419,16.8778 C37.0989,16.8198 36.7589,17.0268 36.6349,17.3558 C34.9499,21.8308 30.6069,24.8368 25.8269,24.8368 C20.4579,24.8368 15.8389,21.1948 14.5949,15.9798 C13.7709,16.1758 13.3019,17.0508 13.5959,17.8448 C15.4709,22.9158 20.2969,26.3368 25.8269,26.3368 C30.1599,26.3368 34.1759,24.1508 36.5769,20.6748 C35.7169,30.1668 27.2749,37.5058 17.3719,36.5688 C9.1719,35.7918 2.5219,29.2658 1.6109,21.0798 C0.4349,10.4948 8.7239,1.5008 19.0749,1.5008 C19.4389,1.5008 19.8029,1.5118 20.1669,1.5348 C15.7509,3.6708 12.7799,8.2148 12.7799,13.2908 C12.7799,13.5518 12.7879,13.8098 12.8029,14.0668 C13.6299,14.0198 14.2849,13.3448 14.3089,12.5168 C14.3099,12.4798 14.3109,12.4538 14.3119,12.4408 C14.6889,7.3538 18.4259,3.0298 23.4729,1.9848 C23.8159,1.9138 24.0649,1.6128 24.0699,1.2608 C24.0749,0.9098 23.8349,0.6018 23.4929,0.5208 C22.0369,0.1748 20.5509,0.0008 19.0749,0.0008 C8.1069,0.0008 -0.7281,9.3028 0.0479,20.4338 C0.7009,29.8298 8.3119,37.4428 17.7069,38.1008 C28.8409,38.8818 38.1489,30.0448 38.1489,19.0758 C38.1489,18.5658 38.1229,18.0618 38.0849,17.5628' id='Fill-1'%3E%3C/path%3E %3Cpath d='M24.6415,8.6966 L29.2285,8.6966 L22.6315,14.8136 C22.4055,15.0236 22.3305,15.3496 22.4435,15.6366 C22.5555,15.9256 22.8325,16.1136 23.1415,16.1136 L30.1755,16.1136 C31.0035,16.1136 31.6755,15.4416 31.6755,14.6136 L31.1405,14.6136 L25.0535,14.6136 L31.6505,8.4966 C31.8765,8.2866 31.9515,7.9606 31.8385,7.6736 C31.7265,7.3846 31.4495,7.1966 31.1405,7.1966 L23.1415,7.1966 C23.1415,8.0246 23.8135,8.6966 24.6415,8.6966' id='Fill-3'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 38px 38px;
}

.nomi-page .nomi-item-5 .text-3 {
    bottom: 0;
    left: 300px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='40px' viewBox='0 0 39 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.7943 0.645 25.004 0.645 25.004 24.8538 0.7943 24.8538'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3279.000000)'%3E %3Cg id='Group-10' transform='translate(807.000000, 3278.000000)'%3E %3Cpath d='M27.2486,22.6556 C27.3876,22.0426 27.4576,21.4266 27.4576,20.8266 C27.4576,15.6636 22.6736,11.5476 17.3486,12.7566 C17.5266,13.5466 18.2496,14.0666 19.0596,14.0466 C22.8666,13.9526 25.9576,17.0486 25.9576,20.8266 C25.9576,20.8796 25.9566,20.9316 25.9556,20.9846 C25.9356,21.7796 26.4736,22.4796 27.2486,22.6556' id='Fill-1' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M33.063,23.974 C33.297,22.936 33.417,21.877 33.417,20.827 C33.417,12.976 27.029,6.588 19.178,6.588 C18.127,6.588 17.068,6.707 16.03,6.942 C16.209,7.735 16.956,8.263 17.764,8.17 C18.235,8.116 18.708,8.088 19.178,8.088 C26.202,8.088 31.917,13.803 31.917,20.827 C31.917,21.298 31.889,21.773 31.836,22.245 C31.746,23.051 32.273,23.795 33.063,23.974' id='Fill-3' fill='%2300BEBE'%3E%3C/path%3E %3Cg id='Group-7' transform='translate(14.000000, 0.355500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-6'%3E%3C/g%3E %3Cpath d='M5.1783,0.6448 C3.7143,0.6448 2.2403,0.8108 0.7943,1.1368 C0.9723,1.9258 1.7253,2.4608 2.5263,2.3428 C3.4073,2.2118 4.2953,2.1448 5.1783,2.1448 C15.2833,2.1448 23.5043,10.3658 23.5043,20.4708 C23.5043,21.3388 23.4413,22.2138 23.3153,23.0848 C23.1973,23.9008 23.7083,24.6718 24.5123,24.8538 C24.8393,23.4038 25.0043,21.9288 25.0043,20.4708 C25.0043,9.5388 16.1113,0.6448 5.1783,0.6448' id='Fill-5' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M24.8736,25.1263 C24.6106,24.8663 24.1916,24.8383 23.8956,25.0623 L21.3516,26.9783 C21.3216,27.0033 21.2736,27.0453 21.2446,27.0703 C20.7786,27.5453 20.3776,28.0803 20.0456,28.6643 C18.3406,28.5643 16.5966,27.6153 14.7276,25.7733 C12.8586,23.9303 11.8856,22.1993 11.7646,20.4973 C12.3456,20.1563 12.8786,19.7403 13.3796,19.2323 C13.3946,19.2143 13.4116,19.1943 13.4276,19.1763 L15.3116,16.5973 C15.5306,16.2963 15.4976,15.8813 15.2326,15.6203 L5.9726,6.4883 C5.7076,6.2283 5.2926,6.1993 4.9956,6.4233 L2.4326,8.3543 C2.4086,8.3733 2.3866,8.3943 2.3626,8.4133 C1.2046,9.5843 0.4666,11.0653 0.2226,12.7033 C0.2136,12.7333 0.2066,12.7653 0.2016,12.7973 C0.0536,13.7593 -0.0144,14.7393 0.0026,15.7113 C0.8106,15.6973 1.4826,15.0753 1.5426,14.2713 C1.5706,13.8893 1.6126,13.5083 1.6686,13.1303 C1.6796,13.0933 1.6876,13.0543 1.6926,13.0153 C1.8746,11.6643 2.4716,10.4423 3.3766,9.5193 L5.3806,8.0113 L13.7196,16.2343 L12.2516,18.2433 C11.7896,18.7053 11.2496,19.0943 10.6486,19.3963 C10.4116,19.5173 10.2566,19.7623 10.2516,20.0273 C10.2166,22.3063 11.3356,24.5343 13.6756,26.8423 C16.0046,29.1403 18.2256,30.2263 20.5136,30.1713 C20.7926,30.1633 21.0446,30.0023 21.1676,29.7513 C21.4606,29.1533 21.8386,28.6133 22.2876,28.1493 L24.2816,26.6483 L32.6206,34.8723 L31.1446,36.8893 C30.2006,37.8303 29.0006,38.4313 27.6696,38.6283 C27.6316,38.6343 27.5936,38.6433 27.5576,38.6543 C21.5206,39.6343 15.6026,37.1673 9.4636,31.1133 C7.9836,29.6543 3.4816,25.2163 1.9946,19.3333 C1.9946,19.3333 1.7446,18.4203 1.5656,17.5913 C0.7516,17.7683 0.2476,18.5873 0.4586,19.3933 C0.5106,19.5913 0.5436,19.7143 0.5436,19.7143 C2.1306,25.9903 6.8566,30.6503 8.4106,32.1823 C13.9226,37.6153 19.5136,40.3553 25.0706,40.3553 C26.0186,40.3553 26.9646,40.2753 27.9086,40.1163 C27.9396,40.1113 27.9706,40.1043 28.0006,40.0953 C29.6296,39.8303 31.0976,39.0743 32.2476,37.9073 L32.2506,37.9043 C32.2786,37.8773 32.3056,37.8463 32.3286,37.8143 L34.2136,35.2343 C34.4336,34.9343 34.3986,34.5193 34.1346,34.2583 L24.8736,25.1263 Z' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-5 .text-4 {
    left: 600px;
    top: 0;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='40px' viewBox='0 0 34 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.0004 0.7491 33.124 0.7491 33.124 40 0.0004 40'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1113.000000, -2894.000000)'%3E %3Cg id='Group-6' transform='translate(1113.000000, 2893.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.251000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M1.5004,34.2181 L1.5004,3.4991 C1.5004,2.8101 2.0614,2.2491 2.7504,2.2491 L27.6834,2.2491 C28.3724,2.2491 28.9334,2.8101 28.9334,3.4991 L28.9334,34.2181 C28.9334,34.9071 28.3724,35.4681 27.6834,35.4681 L2.7504,35.4681 C2.0614,35.4681 1.5004,34.9071 1.5004,34.2181 M33.0874,10.1631 C32.9764,9.2851 32.0134,8.7921 31.2344,9.2151 C31.4894,9.6861 31.6244,10.2171 31.6244,10.7511 L31.6244,35.2501 C31.6244,37.0451 30.1694,38.5001 28.3744,38.5001 L9.2914,38.5001 C8.1654,38.5001 7.1294,37.8921 6.5424,36.9681 L27.6834,36.9681 C29.1994,36.9681 30.4334,35.7351 30.4334,34.2181 L30.4334,3.4991 C30.4334,1.9831 29.1994,0.7491 27.6834,0.7491 L2.7504,0.7491 C1.2334,0.7491 0.0004,1.9831 0.0004,3.4991 L0.0004,34.2181 C0.0004,35.7351 1.2334,36.9681 2.7504,36.9681 L4.8754,36.9681 C5.5784,38.7781 7.3084,40.0001 9.2914,40.0001 L28.3744,40.0001 C30.9974,40.0001 33.1244,37.8731 33.1244,35.2501 L33.1244,10.7511 C33.1244,10.5551 33.1114,10.3591 33.0874,10.1631' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.2905,21.0765 C20.1175,20.7465 19.7285,20.5955 19.3795,20.7145 L17.6775,21.3115 L17.6765,21.3055 C17.6385,21.3185 17.5995,21.3355 17.5625,21.3535 C17.2635,21.5115 16.9805,21.7005 16.7195,21.9215 C16.2405,21.6975 15.4785,21.1495 14.7045,19.6655 C13.9295,18.1805 13.9145,17.2415 14.0045,16.7215 C14.3345,16.6325 14.6555,16.5065 14.9745,16.3395 C14.9995,16.3235 15.0255,16.3075 15.0515,16.2925 L16.5155,15.2275 C16.8145,15.0095 16.9105,14.6035 16.7385,14.2745 L13.3275,7.7405 C13.1545,7.4105 12.7665,7.2605 12.4165,7.3785 L10.7485,7.9645 L10.7475,7.9595 C10.6965,7.9735 10.6475,7.9935 10.6015,8.0175 C9.7215,8.4765 9.0225,9.1885 8.5775,10.0795 C8.5635,10.1015 8.5515,10.1245 8.5395,10.1475 C8.5205,10.1845 8.5025,10.2225 8.4835,10.2605 C8.1165,11.0175 8.5355,11.9265 9.3425,12.1705 C9.4745,11.7355 9.6435,11.3055 9.8455,10.8915 C9.8615,10.8645 9.8775,10.8375 9.8915,10.8075 C10.1905,10.1795 10.6705,9.6775 11.2475,9.3715 L12.2975,9.0075 L15.1085,14.3945 L14.2105,15.0475 C13.9215,15.1925 13.6075,15.2925 13.2785,15.3455 C12.9935,15.3895 12.7645,15.6035 12.6755,15.8785 C12.2505,17.1785 12.4785,18.6435 13.3745,20.3585 C14.2745,22.0835 15.3535,23.1105 16.6745,23.5005 C16.9445,23.5805 17.2375,23.5065 17.4345,23.3035 C17.6665,23.0615 17.9285,22.8625 18.2135,22.7075 L19.2605,22.3445 L22.0735,27.7305 L21.1795,28.3815 C20.5735,28.6845 19.8985,28.7865 19.2205,28.6765 C19.1915,28.6715 19.1635,28.6685 19.1355,28.6675 C15.8255,28.1605 13.1445,25.8585 10.9365,21.6325 C10.4675,20.7325 9.1575,18.2245 8.9855,15.3725 C8.9445,14.6765 8.3915,14.1205 7.6955,14.0755 L7.4905,14.0625 C7.2515,17.8155 9.0245,21.2105 9.6065,22.3255 C12.0345,26.9745 15.1915,29.6115 18.9915,30.1625 C19.0135,30.1655 19.0355,30.1685 19.0575,30.1695 C19.2905,30.2035 19.5235,30.2215 19.7565,30.2215 C20.5065,30.2215 21.2415,30.0415 21.9155,29.6885 C21.9475,29.6685 21.9795,29.6475 22.0135,29.6285 L23.4785,28.5625 C23.7785,28.3445 23.8745,27.9395 23.7025,27.6105 L20.2905,21.0765 Z' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
    background-size: 30px 39px;
}

.nomi-page .nomi-item-5 div.text-5 {
    left: 600px;
    top: 200px;
    background: url(/ecs/prod/s3fs-public/inline-images/item-5-icon.png) no-repeat center 55px/40px 40px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-5 {
        width: 62.5vw;
        height: 41.6666666667vw;
    }
    .nomi-page .nomi-item-5 .item-img {
        width: 20.8333333333vw;
        height: 27.7777777778vw;
    }
    .nomi-page .nomi-item-5 .item-audio {
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='37px' height='39px' viewBox='0 0 37 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EFill 1%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-508.000000, -3276.000000)' fill='%2300BEBE'%3E %3Cpath d='M538.452095,3307.90646 C535.664206,3307.90646 533.398236,3305.65096 533.398236,3302.87815 C533.398236,3300.10535 535.664206,3297.84985 538.452095,3297.84985 C541.237993,3297.84985 543.505954,3300.10535 543.505954,3302.87815 C543.505954,3305.65096 541.237993,3307.90646 538.452095,3307.90646 M544.700195,3276.14805 C544.513937,3276.00832 544.270906,3275.96472 544.042815,3276.02913 L520.140074,3282.9651 C519.821344,3283.05727 519.603213,3283.34862 519.603213,3283.67862 L519.603213,3293.11388 L519.603213,3308.4852 C519.603213,3311.258 517.335252,3313.51351 514.547362,3313.51351 C511.284366,3313.51351 508.732536,3310.41863 509.70267,3307.02348 C509.926776,3306.23465 510.369014,3305.50825 510.960656,3304.93843 C512.687773,3303.27455 515.013504,3303.09023 516.818312,3303.99203 C517.426886,3304.29627 518.167933,3304.1159 518.60021,3303.59266 L518.714754,3303.45689 C516.400975,3301.56112 512.880007,3301.34806 510.253474,3303.57086 C509.221587,3304.44492 508.477552,3305.64303 508.175755,3306.95709 C507.197653,3311.21044 510.436744,3315 514.547362,3315 C518.159965,3315 521.097259,3312.07756 521.097259,3308.4852 L521.097259,3293.66487 L540.576628,3287.75756 C541.365485,3287.51873 541.81071,3286.68728 541.570667,3285.90142 L521.097259,3292.11099 L521.097259,3284.23556 L543.505954,3277.73364 L543.505954,3282.55285 L543.505954,3286.17791 L543.505954,3298.74075 C542.303745,3297.28894 540.484994,3296.36335 538.452095,3296.36335 C534.841484,3296.36335 531.90419,3299.2858 531.90419,3302.87815 C531.90419,3306.47051 534.841484,3309.39295 538.452095,3309.39295 C542.062706,3309.39295 545,3306.47051 545,3302.87815 L545,3286.17791 L545,3282.55285 L545,3276.74265 C545,3276.50778 544.889441,3276.28877 544.700195,3276.14805' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 3.81944vw/2.56944vw 2.70833vw;
        padding-top: 7.7777777778vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-5 .item-audio:hover {
        background-position: center 3.125vw;
    }
    .nomi-page .nomi-item-5 .item-audio span.audio-icon {
        width: 2.2222222222vw;
        height: 2.2222222222vw;
    }
    .nomi-page .nomi-item-5 div.item-text {
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        padding-top: 7.7777777778vw;
        background-position: center 3.8194444444vw;
        border-right: 1px solid #D4D7D9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-5 div.item-text:hover {
        background-position: center 3.125vw;
    }
    .nomi-page .nomi-item-5 .text-1 {
        top: 0;
        left: 20.8333333333vw;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='34px' viewBox='0 0 40 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.0004 40.012 0.0004 40.012 33.4330392 0 33.4330392'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-806.000000, -2899.000000)'%3E %3Cg id='Group-3' transform='translate(806.000000, 2899.000000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M39.9569,4.2932 C39.8829,4.1082 39.7369,3.9622 39.5539,3.8842 C33.4409,1.3072 26.8639,0.0002 20.0059,0.0002 C16.0849,0.0002 12.1939,0.4392 8.4549,1.3042 C7.6979,1.4662 7.2279,2.2302 7.4269,2.9782 L7.4519,3.0762 C7.9139,2.9542 8.7669,2.7722 8.7809,2.7682 C12.4219,1.9272 16.1979,1.5002 20.0059,1.5002 C26.4039,1.5002 32.5469,2.6702 38.2769,4.9802 L31.3269,21.4362 C29.9999,21.1372 28.6509,20.9102 27.2959,20.7192 C27.8209,19.6772 28.3099,18.2442 28.3099,16.4122 C28.3099,14.3582 27.5859,12.6362 26.9589,11.5272 C26.5419,10.7922 25.5609,10.6202 24.9179,11.1702 C24.9359,11.1922 26.8099,13.4342 26.8099,16.4122 C26.8099,18.2532 26.2449,19.6052 25.7159,20.5022 C24.5019,20.3682 23.2809,20.2942 22.0589,20.2462 C22.4899,19.2542 22.8499,17.9792 22.8499,16.4122 C22.8499,14.3582 22.1259,12.6362 21.4989,11.5272 C21.0819,10.7922 20.1009,10.6202 19.4579,11.1702 C19.4769,11.1922 21.3499,13.4342 21.3499,16.4122 C21.3499,18.0602 20.8949,19.3122 20.4219,20.2012 C19.1369,20.1912 17.8519,20.2312 16.5699,20.3152 C17.0149,19.3142 17.3899,18.0142 17.3899,16.4122 C17.3899,14.3582 16.6659,12.6362 16.0389,11.5272 C15.6219,10.7922 14.6409,10.6202 13.9979,11.1702 C14.0169,11.1922 15.8899,13.4342 15.8899,16.4122 C15.8899,18.2222 15.3439,19.5612 14.8219,20.4582 C12.7529,20.6642 10.6979,20.9812 8.6849,21.4362 L1.7349,4.9802 C2.5129,4.6672 3.3039,4.3732 4.1039,4.1002 C4.8839,3.8342 5.3109,2.9982 5.0689,2.2112 C3.5009,2.6922 1.9499,3.2562 0.4589,3.8842 C0.2749,3.9612 0.1299,4.1082 0.0559,4.2932 C-0.0201,4.4782 -0.0191,4.6842 0.0599,4.8672 L7.5489,22.6012 C7.6909,22.9392 8.0589,23.1202 8.4129,23.0382 C10.1339,22.6272 11.8869,22.3222 13.6549,22.1002 C13.0059,22.9722 11.7469,24.9172 11.7469,27.8682 C11.7469,29.9212 12.4709,31.6442 13.0979,32.7522 C13.5149,33.4872 14.4959,33.6592 15.1389,33.1102 C15.1199,33.0882 13.2469,30.8472 13.2469,27.8682 C13.2469,25.0632 14.5609,23.3742 15.0549,22.7382 L15.2679,22.4622 C15.3699,22.3302 15.5199,22.1302 15.6829,21.8952 C16.9239,21.7892 18.1679,21.7222 19.4149,21.7072 L19.3299,21.8172 C18.8059,22.4932 17.2069,24.5482 17.2069,27.8682 C17.2069,29.9212 17.9309,31.6442 18.5579,32.7522 C18.9749,33.4872 19.9559,33.6592 20.5989,33.1102 C20.5799,33.0882 18.7069,30.8472 18.7069,27.8682 C18.7069,25.0632 20.0199,23.3742 20.5149,22.7382 L20.7279,22.4622 C20.8539,22.2982 21.0459,22.0502 21.2609,21.7272 C22.4119,21.7552 23.5609,21.8212 24.7059,21.9282 C24.1199,22.6892 22.6669,24.6912 22.6669,27.8682 C22.6669,29.9212 23.3909,31.6442 24.0179,32.7522 C24.4349,33.4872 25.4159,33.6592 26.0589,33.1102 C26.0399,33.0882 24.1669,30.8472 24.1669,27.8682 C24.1669,25.0632 25.4799,23.3742 25.9749,22.7382 L26.1869,22.4622 C26.2579,22.3712 26.3489,22.2532 26.4499,22.1132 C28.1859,22.3362 29.9089,22.6352 31.5989,23.0382 C31.6559,23.0522 31.7149,23.0592 31.7719,23.0592 C32.0679,23.0592 32.3439,22.8832 32.4629,22.6012 L39.9529,4.8672 C40.0309,4.6842 40.0319,4.4782 39.9569,4.2932' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.7777777778vw 2.2916666667vw;
    }
    .nomi-page .nomi-item-5 .text-2 {
        top: 13.8888888889vw;
        left: 20.8333333333vw;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 5%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3079.000000)' fill='%2300BEBE'%3E %3Cg id='Group-5' transform='translate(807.000000, 3079.000000)'%3E %3Cpath d='M38.0849,17.5628 C38.0579,17.2118 37.7909,16.9268 37.4419,16.8778 C37.0989,16.8198 36.7589,17.0268 36.6349,17.3558 C34.9499,21.8308 30.6069,24.8368 25.8269,24.8368 C20.4579,24.8368 15.8389,21.1948 14.5949,15.9798 C13.7709,16.1758 13.3019,17.0508 13.5959,17.8448 C15.4709,22.9158 20.2969,26.3368 25.8269,26.3368 C30.1599,26.3368 34.1759,24.1508 36.5769,20.6748 C35.7169,30.1668 27.2749,37.5058 17.3719,36.5688 C9.1719,35.7918 2.5219,29.2658 1.6109,21.0798 C0.4349,10.4948 8.7239,1.5008 19.0749,1.5008 C19.4389,1.5008 19.8029,1.5118 20.1669,1.5348 C15.7509,3.6708 12.7799,8.2148 12.7799,13.2908 C12.7799,13.5518 12.7879,13.8098 12.8029,14.0668 C13.6299,14.0198 14.2849,13.3448 14.3089,12.5168 C14.3099,12.4798 14.3109,12.4538 14.3119,12.4408 C14.6889,7.3538 18.4259,3.0298 23.4729,1.9848 C23.8159,1.9138 24.0649,1.6128 24.0699,1.2608 C24.0749,0.9098 23.8349,0.6018 23.4929,0.5208 C22.0369,0.1748 20.5509,0.0008 19.0749,0.0008 C8.1069,0.0008 -0.7281,9.3028 0.0479,20.4338 C0.7009,29.8298 8.3119,37.4428 17.7069,38.1008 C28.8409,38.8818 38.1489,30.0448 38.1489,19.0758 C38.1489,18.5658 38.1229,18.0618 38.0849,17.5628' id='Fill-1'%3E%3C/path%3E %3Cpath d='M24.6415,8.6966 L29.2285,8.6966 L22.6315,14.8136 C22.4055,15.0236 22.3305,15.3496 22.4435,15.6366 C22.5555,15.9256 22.8325,16.1136 23.1415,16.1136 L30.1755,16.1136 C31.0035,16.1136 31.6755,15.4416 31.6755,14.6136 L31.1405,14.6136 L25.0535,14.6136 L31.6505,8.4966 C31.8765,8.2866 31.9515,7.9606 31.8385,7.6736 C31.7265,7.3846 31.4495,7.1966 31.1405,7.1966 L23.1415,7.1966 C23.1415,8.0246 23.8135,8.6966 24.6415,8.6966' id='Fill-3'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.6388888889vw 2.6388888889vw;
    }
    .nomi-page .nomi-item-5 .text-3 {
        bottom: 0;
        left: 20.8333333333vw;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='40px' viewBox='0 0 39 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.7943 0.645 25.004 0.645 25.004 24.8538 0.7943 24.8538'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3279.000000)'%3E %3Cg id='Group-10' transform='translate(807.000000, 3278.000000)'%3E %3Cpath d='M27.2486,22.6556 C27.3876,22.0426 27.4576,21.4266 27.4576,20.8266 C27.4576,15.6636 22.6736,11.5476 17.3486,12.7566 C17.5266,13.5466 18.2496,14.0666 19.0596,14.0466 C22.8666,13.9526 25.9576,17.0486 25.9576,20.8266 C25.9576,20.8796 25.9566,20.9316 25.9556,20.9846 C25.9356,21.7796 26.4736,22.4796 27.2486,22.6556' id='Fill-1' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M33.063,23.974 C33.297,22.936 33.417,21.877 33.417,20.827 C33.417,12.976 27.029,6.588 19.178,6.588 C18.127,6.588 17.068,6.707 16.03,6.942 C16.209,7.735 16.956,8.263 17.764,8.17 C18.235,8.116 18.708,8.088 19.178,8.088 C26.202,8.088 31.917,13.803 31.917,20.827 C31.917,21.298 31.889,21.773 31.836,22.245 C31.746,23.051 32.273,23.795 33.063,23.974' id='Fill-3' fill='%2300BEBE'%3E%3C/path%3E %3Cg id='Group-7' transform='translate(14.000000, 0.355500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-6'%3E%3C/g%3E %3Cpath d='M5.1783,0.6448 C3.7143,0.6448 2.2403,0.8108 0.7943,1.1368 C0.9723,1.9258 1.7253,2.4608 2.5263,2.3428 C3.4073,2.2118 4.2953,2.1448 5.1783,2.1448 C15.2833,2.1448 23.5043,10.3658 23.5043,20.4708 C23.5043,21.3388 23.4413,22.2138 23.3153,23.0848 C23.1973,23.9008 23.7083,24.6718 24.5123,24.8538 C24.8393,23.4038 25.0043,21.9288 25.0043,20.4708 C25.0043,9.5388 16.1113,0.6448 5.1783,0.6448' id='Fill-5' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M24.8736,25.1263 C24.6106,24.8663 24.1916,24.8383 23.8956,25.0623 L21.3516,26.9783 C21.3216,27.0033 21.2736,27.0453 21.2446,27.0703 C20.7786,27.5453 20.3776,28.0803 20.0456,28.6643 C18.3406,28.5643 16.5966,27.6153 14.7276,25.7733 C12.8586,23.9303 11.8856,22.1993 11.7646,20.4973 C12.3456,20.1563 12.8786,19.7403 13.3796,19.2323 C13.3946,19.2143 13.4116,19.1943 13.4276,19.1763 L15.3116,16.5973 C15.5306,16.2963 15.4976,15.8813 15.2326,15.6203 L5.9726,6.4883 C5.7076,6.2283 5.2926,6.1993 4.9956,6.4233 L2.4326,8.3543 C2.4086,8.3733 2.3866,8.3943 2.3626,8.4133 C1.2046,9.5843 0.4666,11.0653 0.2226,12.7033 C0.2136,12.7333 0.2066,12.7653 0.2016,12.7973 C0.0536,13.7593 -0.0144,14.7393 0.0026,15.7113 C0.8106,15.6973 1.4826,15.0753 1.5426,14.2713 C1.5706,13.8893 1.6126,13.5083 1.6686,13.1303 C1.6796,13.0933 1.6876,13.0543 1.6926,13.0153 C1.8746,11.6643 2.4716,10.4423 3.3766,9.5193 L5.3806,8.0113 L13.7196,16.2343 L12.2516,18.2433 C11.7896,18.7053 11.2496,19.0943 10.6486,19.3963 C10.4116,19.5173 10.2566,19.7623 10.2516,20.0273 C10.2166,22.3063 11.3356,24.5343 13.6756,26.8423 C16.0046,29.1403 18.2256,30.2263 20.5136,30.1713 C20.7926,30.1633 21.0446,30.0023 21.1676,29.7513 C21.4606,29.1533 21.8386,28.6133 22.2876,28.1493 L24.2816,26.6483 L32.6206,34.8723 L31.1446,36.8893 C30.2006,37.8303 29.0006,38.4313 27.6696,38.6283 C27.6316,38.6343 27.5936,38.6433 27.5576,38.6543 C21.5206,39.6343 15.6026,37.1673 9.4636,31.1133 C7.9836,29.6543 3.4816,25.2163 1.9946,19.3333 C1.9946,19.3333 1.7446,18.4203 1.5656,17.5913 C0.7516,17.7683 0.2476,18.5873 0.4586,19.3933 C0.5106,19.5913 0.5436,19.7143 0.5436,19.7143 C2.1306,25.9903 6.8566,30.6503 8.4106,32.1823 C13.9226,37.6153 19.5136,40.3553 25.0706,40.3553 C26.0186,40.3553 26.9646,40.2753 27.9086,40.1163 C27.9396,40.1113 27.9706,40.1043 28.0006,40.0953 C29.6296,39.8303 31.0976,39.0743 32.2476,37.9073 L32.2506,37.9043 C32.2786,37.8773 32.3056,37.8463 32.3286,37.8143 L34.2136,35.2343 C34.4336,34.9343 34.3986,34.5193 34.1346,34.2583 L24.8736,25.1263 Z' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-5 .text-4 {
        left: 41.6666666667vw;
        top: 0;
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='40px' viewBox='0 0 34 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.0004 0.7491 33.124 0.7491 33.124 40 0.0004 40'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1113.000000, -2894.000000)'%3E %3Cg id='Group-6' transform='translate(1113.000000, 2893.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.251000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M1.5004,34.2181 L1.5004,3.4991 C1.5004,2.8101 2.0614,2.2491 2.7504,2.2491 L27.6834,2.2491 C28.3724,2.2491 28.9334,2.8101 28.9334,3.4991 L28.9334,34.2181 C28.9334,34.9071 28.3724,35.4681 27.6834,35.4681 L2.7504,35.4681 C2.0614,35.4681 1.5004,34.9071 1.5004,34.2181 M33.0874,10.1631 C32.9764,9.2851 32.0134,8.7921 31.2344,9.2151 C31.4894,9.6861 31.6244,10.2171 31.6244,10.7511 L31.6244,35.2501 C31.6244,37.0451 30.1694,38.5001 28.3744,38.5001 L9.2914,38.5001 C8.1654,38.5001 7.1294,37.8921 6.5424,36.9681 L27.6834,36.9681 C29.1994,36.9681 30.4334,35.7351 30.4334,34.2181 L30.4334,3.4991 C30.4334,1.9831 29.1994,0.7491 27.6834,0.7491 L2.7504,0.7491 C1.2334,0.7491 0.0004,1.9831 0.0004,3.4991 L0.0004,34.2181 C0.0004,35.7351 1.2334,36.9681 2.7504,36.9681 L4.8754,36.9681 C5.5784,38.7781 7.3084,40.0001 9.2914,40.0001 L28.3744,40.0001 C30.9974,40.0001 33.1244,37.8731 33.1244,35.2501 L33.1244,10.7511 C33.1244,10.5551 33.1114,10.3591 33.0874,10.1631' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.2905,21.0765 C20.1175,20.7465 19.7285,20.5955 19.3795,20.7145 L17.6775,21.3115 L17.6765,21.3055 C17.6385,21.3185 17.5995,21.3355 17.5625,21.3535 C17.2635,21.5115 16.9805,21.7005 16.7195,21.9215 C16.2405,21.6975 15.4785,21.1495 14.7045,19.6655 C13.9295,18.1805 13.9145,17.2415 14.0045,16.7215 C14.3345,16.6325 14.6555,16.5065 14.9745,16.3395 C14.9995,16.3235 15.0255,16.3075 15.0515,16.2925 L16.5155,15.2275 C16.8145,15.0095 16.9105,14.6035 16.7385,14.2745 L13.3275,7.7405 C13.1545,7.4105 12.7665,7.2605 12.4165,7.3785 L10.7485,7.9645 L10.7475,7.9595 C10.6965,7.9735 10.6475,7.9935 10.6015,8.0175 C9.7215,8.4765 9.0225,9.1885 8.5775,10.0795 C8.5635,10.1015 8.5515,10.1245 8.5395,10.1475 C8.5205,10.1845 8.5025,10.2225 8.4835,10.2605 C8.1165,11.0175 8.5355,11.9265 9.3425,12.1705 C9.4745,11.7355 9.6435,11.3055 9.8455,10.8915 C9.8615,10.8645 9.8775,10.8375 9.8915,10.8075 C10.1905,10.1795 10.6705,9.6775 11.2475,9.3715 L12.2975,9.0075 L15.1085,14.3945 L14.2105,15.0475 C13.9215,15.1925 13.6075,15.2925 13.2785,15.3455 C12.9935,15.3895 12.7645,15.6035 12.6755,15.8785 C12.2505,17.1785 12.4785,18.6435 13.3745,20.3585 C14.2745,22.0835 15.3535,23.1105 16.6745,23.5005 C16.9445,23.5805 17.2375,23.5065 17.4345,23.3035 C17.6665,23.0615 17.9285,22.8625 18.2135,22.7075 L19.2605,22.3445 L22.0735,27.7305 L21.1795,28.3815 C20.5735,28.6845 19.8985,28.7865 19.2205,28.6765 C19.1915,28.6715 19.1635,28.6685 19.1355,28.6675 C15.8255,28.1605 13.1445,25.8585 10.9365,21.6325 C10.4675,20.7325 9.1575,18.2245 8.9855,15.3725 C8.9445,14.6765 8.3915,14.1205 7.6955,14.0755 L7.4905,14.0625 C7.2515,17.8155 9.0245,21.2105 9.6065,22.3255 C12.0345,26.9745 15.1915,29.6115 18.9915,30.1625 C19.0135,30.1655 19.0355,30.1685 19.0575,30.1695 C19.2905,30.2035 19.5235,30.2215 19.7565,30.2215 C20.5065,30.2215 21.2415,30.0415 21.9155,29.6885 C21.9475,29.6685 21.9795,29.6475 22.0135,29.6285 L23.4785,28.5625 C23.7785,28.3445 23.8745,27.9395 23.7025,27.6105 L20.2905,21.0765 Z' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 2.0833333333vw 2.7083333333vw;
    }
    .nomi-page .nomi-item-5 div.text-5 {
        left: 41.6666666667vw;
        top: 13.8888888889vw;
        background: url(/ecs/prod/s3fs-public/inline-images/item-5-icon.png) no-repeat center 3.81944vw/2.77778vw 2.77778vw;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-5 {
        width: 100%;
        height: auto;
        text-align: left;
    }
    .nomi-page .nomi-item-5 .item-img {
        position: static;
        width: 89.333vw;
        margin: 0 auto;
        height: 76.8vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-5-img.jpg") no-repeat left top/100% 76.8vw;
    }
    .nomi-page .nomi-item-5 .item-audio {
        position: relative;
        width: 89.333vw;
        margin: 0 auto;
        height: 51.2vw;
        background: #B8E8EB url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='37px' height='39px' viewBox='0 0 37 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EFill 1%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-508.000000, -3276.000000)' fill='%2300BEBE'%3E %3Cpath d='M538.452095,3307.90646 C535.664206,3307.90646 533.398236,3305.65096 533.398236,3302.87815 C533.398236,3300.10535 535.664206,3297.84985 538.452095,3297.84985 C541.237993,3297.84985 543.505954,3300.10535 543.505954,3302.87815 C543.505954,3305.65096 541.237993,3307.90646 538.452095,3307.90646 M544.700195,3276.14805 C544.513937,3276.00832 544.270906,3275.96472 544.042815,3276.02913 L520.140074,3282.9651 C519.821344,3283.05727 519.603213,3283.34862 519.603213,3283.67862 L519.603213,3293.11388 L519.603213,3308.4852 C519.603213,3311.258 517.335252,3313.51351 514.547362,3313.51351 C511.284366,3313.51351 508.732536,3310.41863 509.70267,3307.02348 C509.926776,3306.23465 510.369014,3305.50825 510.960656,3304.93843 C512.687773,3303.27455 515.013504,3303.09023 516.818312,3303.99203 C517.426886,3304.29627 518.167933,3304.1159 518.60021,3303.59266 L518.714754,3303.45689 C516.400975,3301.56112 512.880007,3301.34806 510.253474,3303.57086 C509.221587,3304.44492 508.477552,3305.64303 508.175755,3306.95709 C507.197653,3311.21044 510.436744,3315 514.547362,3315 C518.159965,3315 521.097259,3312.07756 521.097259,3308.4852 L521.097259,3293.66487 L540.576628,3287.75756 C541.365485,3287.51873 541.81071,3286.68728 541.570667,3285.90142 L521.097259,3292.11099 L521.097259,3284.23556 L543.505954,3277.73364 L543.505954,3282.55285 L543.505954,3286.17791 L543.505954,3298.74075 C542.303745,3297.28894 540.484994,3296.36335 538.452095,3296.36335 C534.841484,3296.36335 531.90419,3299.2858 531.90419,3302.87815 C531.90419,3306.47051 534.841484,3309.39295 538.452095,3309.39295 C542.062706,3309.39295 545,3306.47051 545,3302.87815 L545,3286.17791 L545,3282.55285 L545,3276.74265 C545,3276.50778 544.889441,3276.28877 544.700195,3276.14805' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center 14.08vw/9.472vw 9.984vw;
        padding-top: 28.672vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-5 .item-audio:hover {
        background-position: center 11.52vw;
    }
    .nomi-page .nomi-item-5 .item-audio span.audio-icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 8.192vw;
        height: 8.192vw;
        background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/80% 80%;
    }
    .nomi-page .nomi-item-5 div.item-text {
        display: inline-block;
        position: static;
        vertical-align: top;
        width: 50%;
        height: 43.008vw;
        padding-top: 27.648vw;
        background-position: center 14.08vw;
        border-right: none;
        border-bottom: 1px solid #D4D7D9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        color: #545759;
        float: left;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-5 div.item-text:hover {
        background-position: center 11.52vw;
    }
    .nomi-page .nomi-item-5 .text-1 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='40px' height='34px' viewBox='0 0 40 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0 0.0004 40.012 0.0004 40.012 33.4330392 0 33.4330392'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-806.000000, -2899.000000)'%3E %3Cg id='Group-3' transform='translate(806.000000, 2899.000000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M39.9569,4.2932 C39.8829,4.1082 39.7369,3.9622 39.5539,3.8842 C33.4409,1.3072 26.8639,0.0002 20.0059,0.0002 C16.0849,0.0002 12.1939,0.4392 8.4549,1.3042 C7.6979,1.4662 7.2279,2.2302 7.4269,2.9782 L7.4519,3.0762 C7.9139,2.9542 8.7669,2.7722 8.7809,2.7682 C12.4219,1.9272 16.1979,1.5002 20.0059,1.5002 C26.4039,1.5002 32.5469,2.6702 38.2769,4.9802 L31.3269,21.4362 C29.9999,21.1372 28.6509,20.9102 27.2959,20.7192 C27.8209,19.6772 28.3099,18.2442 28.3099,16.4122 C28.3099,14.3582 27.5859,12.6362 26.9589,11.5272 C26.5419,10.7922 25.5609,10.6202 24.9179,11.1702 C24.9359,11.1922 26.8099,13.4342 26.8099,16.4122 C26.8099,18.2532 26.2449,19.6052 25.7159,20.5022 C24.5019,20.3682 23.2809,20.2942 22.0589,20.2462 C22.4899,19.2542 22.8499,17.9792 22.8499,16.4122 C22.8499,14.3582 22.1259,12.6362 21.4989,11.5272 C21.0819,10.7922 20.1009,10.6202 19.4579,11.1702 C19.4769,11.1922 21.3499,13.4342 21.3499,16.4122 C21.3499,18.0602 20.8949,19.3122 20.4219,20.2012 C19.1369,20.1912 17.8519,20.2312 16.5699,20.3152 C17.0149,19.3142 17.3899,18.0142 17.3899,16.4122 C17.3899,14.3582 16.6659,12.6362 16.0389,11.5272 C15.6219,10.7922 14.6409,10.6202 13.9979,11.1702 C14.0169,11.1922 15.8899,13.4342 15.8899,16.4122 C15.8899,18.2222 15.3439,19.5612 14.8219,20.4582 C12.7529,20.6642 10.6979,20.9812 8.6849,21.4362 L1.7349,4.9802 C2.5129,4.6672 3.3039,4.3732 4.1039,4.1002 C4.8839,3.8342 5.3109,2.9982 5.0689,2.2112 C3.5009,2.6922 1.9499,3.2562 0.4589,3.8842 C0.2749,3.9612 0.1299,4.1082 0.0559,4.2932 C-0.0201,4.4782 -0.0191,4.6842 0.0599,4.8672 L7.5489,22.6012 C7.6909,22.9392 8.0589,23.1202 8.4129,23.0382 C10.1339,22.6272 11.8869,22.3222 13.6549,22.1002 C13.0059,22.9722 11.7469,24.9172 11.7469,27.8682 C11.7469,29.9212 12.4709,31.6442 13.0979,32.7522 C13.5149,33.4872 14.4959,33.6592 15.1389,33.1102 C15.1199,33.0882 13.2469,30.8472 13.2469,27.8682 C13.2469,25.0632 14.5609,23.3742 15.0549,22.7382 L15.2679,22.4622 C15.3699,22.3302 15.5199,22.1302 15.6829,21.8952 C16.9239,21.7892 18.1679,21.7222 19.4149,21.7072 L19.3299,21.8172 C18.8059,22.4932 17.2069,24.5482 17.2069,27.8682 C17.2069,29.9212 17.9309,31.6442 18.5579,32.7522 C18.9749,33.4872 19.9559,33.6592 20.5989,33.1102 C20.5799,33.0882 18.7069,30.8472 18.7069,27.8682 C18.7069,25.0632 20.0199,23.3742 20.5149,22.7382 L20.7279,22.4622 C20.8539,22.2982 21.0459,22.0502 21.2609,21.7272 C22.4119,21.7552 23.5609,21.8212 24.7059,21.9282 C24.1199,22.6892 22.6669,24.6912 22.6669,27.8682 C22.6669,29.9212 23.3909,31.6442 24.0179,32.7522 C24.4349,33.4872 25.4159,33.6592 26.0589,33.1102 C26.0399,33.0882 24.1669,30.8472 24.1669,27.8682 C24.1669,25.0632 25.4799,23.3742 25.9749,22.7382 L26.1869,22.4622 C26.2579,22.3712 26.3489,22.2532 26.4499,22.1132 C28.1859,22.3362 29.9089,22.6352 31.5989,23.0382 C31.6559,23.0522 31.7149,23.0592 31.7719,23.0592 C32.0679,23.0592 32.3439,22.8832 32.4629,22.6012 L39.9529,4.8672 C40.0309,4.6842 40.0319,4.4782 39.9569,4.2932' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 10.24vw 8.448vw;
    }
    .nomi-page .nomi-item-5 .text-2 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='39px' viewBox='0 0 39 39' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 5%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3079.000000)' fill='%2300BEBE'%3E %3Cg id='Group-5' transform='translate(807.000000, 3079.000000)'%3E %3Cpath d='M38.0849,17.5628 C38.0579,17.2118 37.7909,16.9268 37.4419,16.8778 C37.0989,16.8198 36.7589,17.0268 36.6349,17.3558 C34.9499,21.8308 30.6069,24.8368 25.8269,24.8368 C20.4579,24.8368 15.8389,21.1948 14.5949,15.9798 C13.7709,16.1758 13.3019,17.0508 13.5959,17.8448 C15.4709,22.9158 20.2969,26.3368 25.8269,26.3368 C30.1599,26.3368 34.1759,24.1508 36.5769,20.6748 C35.7169,30.1668 27.2749,37.5058 17.3719,36.5688 C9.1719,35.7918 2.5219,29.2658 1.6109,21.0798 C0.4349,10.4948 8.7239,1.5008 19.0749,1.5008 C19.4389,1.5008 19.8029,1.5118 20.1669,1.5348 C15.7509,3.6708 12.7799,8.2148 12.7799,13.2908 C12.7799,13.5518 12.7879,13.8098 12.8029,14.0668 C13.6299,14.0198 14.2849,13.3448 14.3089,12.5168 C14.3099,12.4798 14.3109,12.4538 14.3119,12.4408 C14.6889,7.3538 18.4259,3.0298 23.4729,1.9848 C23.8159,1.9138 24.0649,1.6128 24.0699,1.2608 C24.0749,0.9098 23.8349,0.6018 23.4929,0.5208 C22.0369,0.1748 20.5509,0.0008 19.0749,0.0008 C8.1069,0.0008 -0.7281,9.3028 0.0479,20.4338 C0.7009,29.8298 8.3119,37.4428 17.7069,38.1008 C28.8409,38.8818 38.1489,30.0448 38.1489,19.0758 C38.1489,18.5658 38.1229,18.0618 38.0849,17.5628' id='Fill-1'%3E%3C/path%3E %3Cpath d='M24.6415,8.6966 L29.2285,8.6966 L22.6315,14.8136 C22.4055,15.0236 22.3305,15.3496 22.4435,15.6366 C22.5555,15.9256 22.8325,16.1136 23.1415,16.1136 L30.1755,16.1136 C31.0035,16.1136 31.6755,15.4416 31.6755,14.6136 L31.1405,14.6136 L25.0535,14.6136 L31.6505,8.4966 C31.8765,8.2866 31.9515,7.9606 31.8385,7.6736 C31.7265,7.3846 31.4495,7.1966 31.1405,7.1966 L23.1415,7.1966 C23.1415,8.0246 23.8135,8.6966 24.6415,8.6966' id='Fill-3'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 9.728vw 9.728vw;
    }
    .nomi-page .nomi-item-5 .text-3 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='39px' height='40px' viewBox='0 0 39 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.7943 0.645 25.004 0.645 25.004 24.8538 0.7943 24.8538'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -3279.000000)'%3E %3Cg id='Group-10' transform='translate(807.000000, 3278.000000)'%3E %3Cpath d='M27.2486,22.6556 C27.3876,22.0426 27.4576,21.4266 27.4576,20.8266 C27.4576,15.6636 22.6736,11.5476 17.3486,12.7566 C17.5266,13.5466 18.2496,14.0666 19.0596,14.0466 C22.8666,13.9526 25.9576,17.0486 25.9576,20.8266 C25.9576,20.8796 25.9566,20.9316 25.9556,20.9846 C25.9356,21.7796 26.4736,22.4796 27.2486,22.6556' id='Fill-1' fill='%2300BEBE'%3E%3C/path%3E %3Cpath d='M33.063,23.974 C33.297,22.936 33.417,21.877 33.417,20.827 C33.417,12.976 27.029,6.588 19.178,6.588 C18.127,6.588 17.068,6.707 16.03,6.942 C16.209,7.735 16.956,8.263 17.764,8.17 C18.235,8.116 18.708,8.088 19.178,8.088 C26.202,8.088 31.917,13.803 31.917,20.827 C31.917,21.298 31.889,21.773 31.836,22.245 C31.746,23.051 32.273,23.795 33.063,23.974' id='Fill-3' fill='%2300BEBE'%3E%3C/path%3E %3Cg id='Group-7' transform='translate(14.000000, 0.355500)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-6'%3E%3C/g%3E %3Cpath d='M5.1783,0.6448 C3.7143,0.6448 2.2403,0.8108 0.7943,1.1368 C0.9723,1.9258 1.7253,2.4608 2.5263,2.3428 C3.4073,2.2118 4.2953,2.1448 5.1783,2.1448 C15.2833,2.1448 23.5043,10.3658 23.5043,20.4708 C23.5043,21.3388 23.4413,22.2138 23.3153,23.0848 C23.1973,23.9008 23.7083,24.6718 24.5123,24.8538 C24.8393,23.4038 25.0043,21.9288 25.0043,20.4708 C25.0043,9.5388 16.1113,0.6448 5.1783,0.6448' id='Fill-5' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M24.8736,25.1263 C24.6106,24.8663 24.1916,24.8383 23.8956,25.0623 L21.3516,26.9783 C21.3216,27.0033 21.2736,27.0453 21.2446,27.0703 C20.7786,27.5453 20.3776,28.0803 20.0456,28.6643 C18.3406,28.5643 16.5966,27.6153 14.7276,25.7733 C12.8586,23.9303 11.8856,22.1993 11.7646,20.4973 C12.3456,20.1563 12.8786,19.7403 13.3796,19.2323 C13.3946,19.2143 13.4116,19.1943 13.4276,19.1763 L15.3116,16.5973 C15.5306,16.2963 15.4976,15.8813 15.2326,15.6203 L5.9726,6.4883 C5.7076,6.2283 5.2926,6.1993 4.9956,6.4233 L2.4326,8.3543 C2.4086,8.3733 2.3866,8.3943 2.3626,8.4133 C1.2046,9.5843 0.4666,11.0653 0.2226,12.7033 C0.2136,12.7333 0.2066,12.7653 0.2016,12.7973 C0.0536,13.7593 -0.0144,14.7393 0.0026,15.7113 C0.8106,15.6973 1.4826,15.0753 1.5426,14.2713 C1.5706,13.8893 1.6126,13.5083 1.6686,13.1303 C1.6796,13.0933 1.6876,13.0543 1.6926,13.0153 C1.8746,11.6643 2.4716,10.4423 3.3766,9.5193 L5.3806,8.0113 L13.7196,16.2343 L12.2516,18.2433 C11.7896,18.7053 11.2496,19.0943 10.6486,19.3963 C10.4116,19.5173 10.2566,19.7623 10.2516,20.0273 C10.2166,22.3063 11.3356,24.5343 13.6756,26.8423 C16.0046,29.1403 18.2256,30.2263 20.5136,30.1713 C20.7926,30.1633 21.0446,30.0023 21.1676,29.7513 C21.4606,29.1533 21.8386,28.6133 22.2876,28.1493 L24.2816,26.6483 L32.6206,34.8723 L31.1446,36.8893 C30.2006,37.8303 29.0006,38.4313 27.6696,38.6283 C27.6316,38.6343 27.5936,38.6433 27.5576,38.6543 C21.5206,39.6343 15.6026,37.1673 9.4636,31.1133 C7.9836,29.6543 3.4816,25.2163 1.9946,19.3333 C1.9946,19.3333 1.7446,18.4203 1.5656,17.5913 C0.7516,17.7683 0.2476,18.5873 0.4586,19.3933 C0.5106,19.5913 0.5436,19.7143 0.5436,19.7143 C2.1306,25.9903 6.8566,30.6503 8.4106,32.1823 C13.9226,37.6153 19.5136,40.3553 25.0706,40.3553 C26.0186,40.3553 26.9646,40.2753 27.9086,40.1163 C27.9396,40.1113 27.9706,40.1043 28.0006,40.0953 C29.6296,39.8303 31.0976,39.0743 32.2476,37.9073 L32.2506,37.9043 C32.2786,37.8773 32.3056,37.8463 32.3286,37.8143 L34.2136,35.2343 C34.4336,34.9343 34.3986,34.5193 34.1346,34.2583 L24.8736,25.1263 Z' id='Fill-8' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 10.24vw 10.24vw;
    }
    .nomi-page .nomi-item-5 .text-4 {
        background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='40px' viewBox='0 0 34 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 6%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpolygon id='path-1' points='0.0004 0.7491 33.124 0.7491 33.124 40 0.0004 40'%3E%3C/polygon%3E %3C/defs%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-1113.000000, -2894.000000)'%3E %3Cg id='Group-6' transform='translate(1113.000000, 2893.000000)'%3E %3Cg id='Group-3' transform='translate(0.000000, 0.251000)'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cg id='Clip-2'%3E%3C/g%3E %3Cpath d='M1.5004,34.2181 L1.5004,3.4991 C1.5004,2.8101 2.0614,2.2491 2.7504,2.2491 L27.6834,2.2491 C28.3724,2.2491 28.9334,2.8101 28.9334,3.4991 L28.9334,34.2181 C28.9334,34.9071 28.3724,35.4681 27.6834,35.4681 L2.7504,35.4681 C2.0614,35.4681 1.5004,34.9071 1.5004,34.2181 M33.0874,10.1631 C32.9764,9.2851 32.0134,8.7921 31.2344,9.2151 C31.4894,9.6861 31.6244,10.2171 31.6244,10.7511 L31.6244,35.2501 C31.6244,37.0451 30.1694,38.5001 28.3744,38.5001 L9.2914,38.5001 C8.1654,38.5001 7.1294,37.8921 6.5424,36.9681 L27.6834,36.9681 C29.1994,36.9681 30.4334,35.7351 30.4334,34.2181 L30.4334,3.4991 C30.4334,1.9831 29.1994,0.7491 27.6834,0.7491 L2.7504,0.7491 C1.2334,0.7491 0.0004,1.9831 0.0004,3.4991 L0.0004,34.2181 C0.0004,35.7351 1.2334,36.9681 2.7504,36.9681 L4.8754,36.9681 C5.5784,38.7781 7.3084,40.0001 9.2914,40.0001 L28.3744,40.0001 C30.9974,40.0001 33.1244,37.8731 33.1244,35.2501 L33.1244,10.7511 C33.1244,10.5551 33.1114,10.3591 33.0874,10.1631' id='Fill-1' fill='%2300BEBE' mask='url(/themes/nioweb/css/%2523mask-2)'%3E%3C/path%3E %3C/g%3E %3Cpath d='M20.2905,21.0765 C20.1175,20.7465 19.7285,20.5955 19.3795,20.7145 L17.6775,21.3115 L17.6765,21.3055 C17.6385,21.3185 17.5995,21.3355 17.5625,21.3535 C17.2635,21.5115 16.9805,21.7005 16.7195,21.9215 C16.2405,21.6975 15.4785,21.1495 14.7045,19.6655 C13.9295,18.1805 13.9145,17.2415 14.0045,16.7215 C14.3345,16.6325 14.6555,16.5065 14.9745,16.3395 C14.9995,16.3235 15.0255,16.3075 15.0515,16.2925 L16.5155,15.2275 C16.8145,15.0095 16.9105,14.6035 16.7385,14.2745 L13.3275,7.7405 C13.1545,7.4105 12.7665,7.2605 12.4165,7.3785 L10.7485,7.9645 L10.7475,7.9595 C10.6965,7.9735 10.6475,7.9935 10.6015,8.0175 C9.7215,8.4765 9.0225,9.1885 8.5775,10.0795 C8.5635,10.1015 8.5515,10.1245 8.5395,10.1475 C8.5205,10.1845 8.5025,10.2225 8.4835,10.2605 C8.1165,11.0175 8.5355,11.9265 9.3425,12.1705 C9.4745,11.7355 9.6435,11.3055 9.8455,10.8915 C9.8615,10.8645 9.8775,10.8375 9.8915,10.8075 C10.1905,10.1795 10.6705,9.6775 11.2475,9.3715 L12.2975,9.0075 L15.1085,14.3945 L14.2105,15.0475 C13.9215,15.1925 13.6075,15.2925 13.2785,15.3455 C12.9935,15.3895 12.7645,15.6035 12.6755,15.8785 C12.2505,17.1785 12.4785,18.6435 13.3745,20.3585 C14.2745,22.0835 15.3535,23.1105 16.6745,23.5005 C16.9445,23.5805 17.2375,23.5065 17.4345,23.3035 C17.6665,23.0615 17.9285,22.8625 18.2135,22.7075 L19.2605,22.3445 L22.0735,27.7305 L21.1795,28.3815 C20.5735,28.6845 19.8985,28.7865 19.2205,28.6765 C19.1915,28.6715 19.1635,28.6685 19.1355,28.6675 C15.8255,28.1605 13.1445,25.8585 10.9365,21.6325 C10.4675,20.7325 9.1575,18.2245 8.9855,15.3725 C8.9445,14.6765 8.3915,14.1205 7.6955,14.0755 L7.4905,14.0625 C7.2515,17.8155 9.0245,21.2105 9.6065,22.3255 C12.0345,26.9745 15.1915,29.6115 18.9915,30.1625 C19.0135,30.1655 19.0355,30.1685 19.0575,30.1695 C19.2905,30.2035 19.5235,30.2215 19.7565,30.2215 C20.5065,30.2215 21.2415,30.0415 21.9155,29.6885 C21.9475,29.6685 21.9795,29.6475 22.0135,29.6285 L23.4785,28.5625 C23.7785,28.3445 23.8745,27.9395 23.7025,27.6105 L20.2905,21.0765 Z' id='Fill-4' fill='%2300BEBE'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat;
        background-size: 7.68vw 9.984vw;
    }
    .nomi-page .nomi-item-5 div.text-5 {
        border-bottom: none;
        background: url(/ecs/prod/s3fs-public/inline-images/item-5-icon.png) no-repeat center 14.08vw/10.24vw 10.24vw;
    }
}

.nomi-page .item-text p {
    font-size: 14px;
    font-weight: 400;
    color: #545759;
    line-height: 24px;
    text-align: center;
}

.nomi-page .item-text {
    padding-top: 136px;
}

.nomi-page .nomi-item-6 {
    position: relative;
    width: 900px;
    height: 620px;
    margin: 0 auto;
}

.nomi-page .nomi-item-6 .item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 220px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-img_0.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-6 .item-audio {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 220px;
    background: #B8E8EB url("/ecs/prod/s3fs-public/inline-images/item-icon-1.png") no-repeat center 52px/60px 60px;
    padding-top: 145px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-6 .item-audio:hover {
    background-position: center 42px;
}

.nomi-page .nomi-item-6 .item-audio span.audio-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
}

.nomi-page .nomi-item-6 div.item-text {
    position: absolute;
    width: 300px;
    height: 200px;
    padding-top: 85px;
    background-position: center 27px;
    border-right: 1px solid #D4D7D9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-6 div.item-text:hover {
    background-position: center 17px;
}

.nomi-page .nomi-item-6 .text-1 {
    top: 240px;
    left: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-2.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-6 .text-2 {
    top: 240px;
    left: 300px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-3.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-6 .text-3 {
    top: 420px;
    left: 0;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-4.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-6 .text-4 {
    top: 420px;
    left: 300px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-5.png") no-repeat;
    background-size: 40px 40px;
}

.nomi-page .nomi-item-6 div.text-5 {
    top: 330px;
    right: 0;
    border-right: none;
    background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-6.png") no-repeat center 27px/22px 39px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-6 {
        width: 62.5vw;
        height: 43.0555555556vw;
    }
    .nomi-page .nomi-item-6 .item-img {
        width: 41.6666666667vw;
        height: 15.2777777778vw;
    }
    .nomi-page .nomi-item-6 .item-audio {
        width: 20.8333333333vw;
        height: 15.2777777778vw;
        background: #B8E8EB url("/ecs/prod/s3fs-public/inline-images/item-icon-1.png") no-repeat center 3.61111vw/4.166vw 4.166vw;
        padding-top: 9.4444444444vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-6 .item-audio:hover {
        background-position: center 2.6111vw;
    }
    .nomi-page .nomi-item-6 .item-audio span.audio-icon {
        width: 2.222222vw;
        height: 2.2222222vw;
    }
    .nomi-page .nomi-item-6 div.item-text {
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        padding-top: 5.9027777778vw;
        background-position: center 1.875vw;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-6 div.item-text:hover {
        background-position: center 1.1805555556vw;
    }
    .nomi-page .nomi-item-6 .text-1 {
        top: 16.6666666667vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-6 .text-2 {
        top: 16.6666666667vw;
        left: 20.8333333333vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-6 .text-3 {
        top: 29.1666666667vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-6 .text-4 {
        top: 29.1666666667vw;
        left: 20.8333333333vw;
        background-size: 2.7777777778vw 2.7777777778vw;
    }
    .nomi-page .nomi-item-6 div.text-5 {
        top: 22.2222222222vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-6.png") no-repeat center 1.875vw/1.52778vw 2.70833vw;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-6 {
        width: 100%;
        height: auto;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .nomi-page .nomi-item-6 .item-img {
        position: static;
        width: 89.3333333333vw;
        height: 80vw;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background: url("/ecs/prod/s3fs-public/inline-images/item-6-mobile_0.jpg") no-repeat left top/100% 100%;
    }
    .nomi-page .nomi-item-6 .item-audio {
        position: relative;
        width: 89.3333333333vw;
        height: 53.3333333333vw;
        background: #B8E8EB url("/ecs/prod/s3fs-public/inline-images/item-icon-1.png") no-repeat center 13.86667vw/16vw 16vw;
        padding-top: 33.3333333333vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-transition: background-position 0.5s;
        -o-transition: background-position 0.5s;
        transition: background-position 0.5s;
    }
    .nomi-page .nomi-item-6 .item-audio:hover {
        background-position: center 10vw;
    }
    .nomi-page .nomi-item-6 .item-audio span.audio-icon {
        width: 8.192vw;
        height: 8.192vw;
        background-size: 80% 80%;
    }
    .nomi-page .nomi-item-6 div.item-text {
        position: static;
        width: 44.5333333333vw;
        height: 44.8vw;
        padding-top: 21.6vw;
        background-position: center 9.0666666667vw;
        border: none;
        border-bottom: 1px solid #D4D7D9;
        background-size: 10.6666666667vw 10.6666666667vw;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-6 div.item-text:hover {
        background-position: center 6.4vw;
    }
    .nomi-page .nomi-item-6 div.text-5 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-6-icon-6.png") no-repeat center 7.2vw/5.86667vw 10.4vw;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .nomi-page .nomi-item-6 div.text-4 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-right: 44.5333333333vw;
        border: none;
    }
}

.nomi-page .nomi-item-7 {
    position: relative;
    width: 900px;
    height: 620px;
    margin: 0 auto;
}

.nomi-page .nomi-item-7 .item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    height: 220px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-img.jpg") no-repeat left top/100% 100%;
}

.nomi-page .nomi-item-7 .item-audio {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 220px;
    background: #B8E8EB url(/ecs/prod/s3fs-public/inline-images/item-7-icon.png) no-repeat center 50px/60px 60px;
    padding-top: 135px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-7 .item-audio span.audio-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
}

.nomi-page .nomi-item-7 .item-audio:hover {
    background-position: center 40px;
}

.nomi-page .nomi-item-7 .item-text {
    position: absolute;
    width: 300px;
    height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 112px;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.nomi-page .nomi-item-7 .item-text:hover {
    background-position: center 38px;
}

.nomi-page .nomi-item-7 .text-1 {
    left: 0;
    top: 310px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-1.png") no-repeat center 48px/41px 31px;
}

.nomi-page .nomi-item-7 .text-2 {
    height: 180px;
    left: 300px;
    top: 240px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-2.png") no-repeat center 48px/41px 41px;
    border-left: 1px solid #D4D7D9;
    border-right: 1px solid #D4D7D9;
}

.nomi-page .nomi-item-7 .text-3 {
    height: 180px;
    left: 300px;
    top: 420px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-3.png") no-repeat center 48px/41px 36px;
    border-left: 1px solid #D4D7D9;
    border-right: 1px solid #D4D7D9;
}

.nomi-page .nomi-item-7 .text-4 {
    right: 0;
    top: 310px;
    background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-4.png") no-repeat center 48px/42px 39px;
}

@media (max-width:1280px) {
    .nomi-page .nomi-item-7 {
        width: 62.5vw;
        height: 43.0555555556vw;
    }
    .nomi-page .nomi-item-7 .item-img {
        width: 41.6666666667vw;
        height: 15.2777777778vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-img.jpg") no-repeat left top/100% 100%;
    }
    .nomi-page .nomi-item-7 .item-audio {
        position: absolute;
        top: 0;
        left: 0;
        width: 20.8333333333vw;
        height: 15.2777777778vw;
        background: #B8E8EB url(/ecs/prod/s3fs-public/inline-images/item-7-icon.png) no-repeat center 3.47222vw/4.16667vw 4.16667vw;
        padding-top: 9.375vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .nomi-page .nomi-item-7 .item-audio span.audio-icon {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 2.2222222222vw;
        height: 2.2222222222vw;
        background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-7 .item-audio:hover {
        background-position: center 2.7777777778vw;
    }
    .nomi-page .nomi-item-7 .item-text {
        position: absolute;
        width: 20.8333333333vw;
        height: 13.8888888889vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .nomi-page .nomi-item-7 .text-1 {
        left: 0;
        top: 21.5277777778vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-1.png") no-repeat center 3.33333vw/2.84722vw 2.15278vw;
    }
    .nomi-page .nomi-item-7 .text-2 {
        height: 12.5vw;
        left: 20.8333333333vw;
        top: 16.6666666667vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-2.png") no-repeat center 3.33333vw/2.84722vw 2.84722vw;
        border-left: 1px solid #D4D7D9;
        border-right: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-7 .text-3 {
        height: 12.5vw;
        left: 20.8333333333vw;
        top: 29.1666666667vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-3.png") no-repeat center 3.33333vw/2.84722vw 2.5vw;
        border-left: 1px solid #D4D7D9;
        border-right: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-7 .text-4 {
        right: 0;
        top: 21.5277777778vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-4.png") no-repeat center 3.33333vw/2.91667vw 2.70833vw;
    }
}

@media (max-width:768px) {
    .nomi-page .nomi-item-7 {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .nomi-page .nomi-item-7 .item-img {
        position: relative;
        width: 89.3333333333vw;
        height: 80vw;
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-mobile-img.jpg") no-repeat left top/100% 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .nomi-page .nomi-item-7 .item-audio {
        position: relative;
        width: 89.3333333333vw;
        height: 53.3333333333vw;
        background: #B8E8EB url(/ecs/prod/s3fs-public/inline-images/item-7-icon.png) no-repeat center 14.66667vw/16vw 16vw;
        padding-top: 135px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .nomi-page .nomi-item-7 .item-audio span.audio-icon {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 8.192vw;
        height: 8.192vw;
        background: #00bebe url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='13px' height='17px' viewBox='0 0 13 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 10%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-807.000000, -2401.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-14' transform='translate(380.000000, 2124.000000)'%3E %3Cg id='Group-10' transform='translate(427.000000, 277.000000)'%3E %3Cpath d='M1.42101818,6.86982808 C2.20574545,6.86982808 2.84203636,7.49673219 2.84203636,8.26988288 C2.84203636,9.04326644 2.20574545,9.66993767 1.42101818,9.66993767 C0.636290909,9.66993767 0,9.04326644 0,8.26988288 C0,7.49673219 0.636290909,6.86982808 1.42101818,6.86982808 Z M9.60695273,0.204523973 C11.7937891,2.35863356 12.9978255,5.22325 12.9978255,8.26997603 C12.9978255,11.3167021 11.7935527,14.1810856 9.60671636,16.3351952 C9.46820727,16.471661 9.28691636,16.5398938 9.10562545,16.5398938 C8.92433455,16.5398938 8.74280727,16.471661 8.60429818,16.3351952 C8.32704364,16.0622637 8.32704364,15.6202637 8.60429818,15.3470993 C10.5228618,13.456839 11.5796436,10.9434007 11.5796436,8.26997603 C11.5796436,5.59631849 10.5230982,3.08288014 8.60429818,1.19261986 C8.32728,0.919688356 8.32728,0.477222603 8.60429818,0.204523973 C8.88084364,-0.0681746575 9.32993455,-0.0681746575 9.60695273,0.204523973 Z M7.05959091,2.71421301 C8.56593636,4.19810342 9.39557273,6.17103493 9.39557273,8.26995274 C9.39557273,10.3681719 8.56593636,12.3411034 7.06006364,13.8256925 C6.92155455,13.9621582 6.73979091,14.0303911 6.55873636,14.0303911 C6.37720909,14.0303911 6.19591818,13.9621582 6.05740909,13.8256925 C5.78039091,13.552761 5.78039091,13.110761 6.05693636,12.8378295 C7.29524545,11.6175555 7.97739091,9.9953363 7.97739091,8.26995274 C7.97739091,6.5443363 7.29524545,4.92211712 6.05693636,3.7023089 C5.77991818,3.4293774 5.77991818,2.98714452 6.05693636,2.71421301 C6.33348182,2.44151438 6.78233636,2.44151438 7.05959091,2.71421301 Z M4.55607455,5.1805637 C5.39398364,6.00564589 5.85512909,7.10272808 5.85512909,8.26990616 C5.85512909,9.43755 5.39398364,10.5346322 4.55607455,11.3587829 C4.41756545,11.4952486 4.23651091,11.5634815 4.05474727,11.5634815 C3.87345636,11.5634815 3.69216545,11.4952486 3.55365636,11.3583171 C3.27640182,11.0853856 3.27640182,10.6433856 3.55412909,10.3704541 C4.12352909,9.80945411 4.43694727,9.06355 4.43694727,8.26967329 C4.43694727,7.47602945 4.12352909,6.72989247 3.55365636,6.16889247 C3.27640182,5.89596096 3.27640182,5.45372808 3.55365636,5.18079658 C3.83067455,4.90786507 4.27905636,4.90786507 4.55607455,5.1805637 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center center/80% 80%;
        -webkit-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }
    .nomi-page .nomi-item-7 .item-audio:hover {
        background-position: center 40px;
    }
    .nomi-page .nomi-item-7 .item-text {
        position: static;
        width: 44.5333333333vw;
        height: 44.8vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-top: 115px;
        border: none;
    }
    .nomi-page .nomi-item-7 .text-1 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-1.png") no-repeat center 48px/41px 31px;
        border-bottom: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-7 .text-2 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-2.png") no-repeat center 48px/41px 41px;
        border-bottom: 1px solid #D4D7D9;
    }
    .nomi-page .nomi-item-7 .text-3 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-3.png") no-repeat center 48px/41px 36px;
    }
    .nomi-page .nomi-item-7 .text-4 {
        background: url("/ecs/prod/s3fs-public/inline-images/item-7-icon-4.png") no-repeat center 48px/42px 39px;
    }
}

@media (max-width:768px) {
    .nomi-page .mobile-show {
        display: block;
    }
}

@media (max-width:480px) {
    .nomi-page .mobile-show {
        display: block;
    }
    .nomi-page .desktop-show {
        display: none;
    }
}

.nomi-page .halo-block .hero__text {
    height: 53.4vw;
}

.nomi-page .halo-block .hero__text .halo-logo {
    position: absolute;
    top: 7.638vw;
    width: 218px;
}

.nomi-page .halo-block .halo-title {
    position: absolute;
    top: 18.75vw;
    font-size: 32px;
    font-weight: 400;
    color: white;
    line-height: 47px;
    text-align: left;
}

.nomi-page .halo-block .halo-points {
    position: absolute;
    bottom: 9.305vw;
    width: 180px;
    text-align: left;
}

.nomi-page .halo-block .halo-points span {
    display: inline-block;
    width: 174px;
    margin-bottom: 20px;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='12px' height='12px' viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EOval%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='nomi-landing-page-Desktop-response' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Nomi-landing-page-Desktop-1440-Copy' transform='translate(-433.000000, -1180.000000)' fill-rule='nonzero' stroke='%2300BEBE' stroke-width='2'%3E %3Cg id='2-info-copy-2' transform='translate(0.000000, 769.000000)'%3E %3Cg id='Group-23' transform='translate(216.000000, 401.000000)'%3E %3Ccircle id='Oval' cx='223' cy='16' r='5'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat left center;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #f0f1f2;
    line-height: 24px;
    text-align: left;
}

@media screen and (min-width:1210px) and (max-width:1311px) {
    .nomi-page .halo-block .hero__text {
        padding-left: 100px;
    }
}

@media screen and (max-width:780px) {
    .nomi-page .halo-block .halo-title {
        top: 26.75vw;
    }
    .nomi-page .halo-block .halo-title span {
        display: block;
    }
    .nomi-page .halo-block .halo-points {
        bottom: 2.305vw;
        width: 100%;
    }
    .nomi-page .halo-block .halo-points span {
        width: 150px;
    }
}

@media screen and (max-width:480px) {
    .nomi-page .halo-block .hero__text {
        height: 169vw;
    }
    .nomi-page .halo-block .hero__text .halo-logo {
        top: 21.333vw;
        width: 131px;
    }
    .nomi-page .halo-block .halo-title {
        top: 50.666vw;
        font-size: 24px;
        line-height: 36px;
    }
    .nomi-page .halo-block .halo-points {
        bottom: 9.5vw;
    }
    .nomi-page .halo-block .halo-points span {
        width: 48.2%;
        margin-bottom: 1rem;
    }
}

.page-node-type-testimonial .node--type-testimonial h1 {
    margin: 68px 0 26px 0;
    font-size: 20px;
    line-height: 28px;
}

@media (min-width:64em) {
    .page-node-type-testimonial .node--type-testimonial h1 {
        height: 44px;
        font-size: 32px;
        margin-top: 127px;
    }
}

.page-node-type-testimonial .testimonial__meta-summary {
    margin: 0 20px 16px 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

@media (min-width:64em) {
    .page-node-type-testimonial .testimonial__meta-summary {
        max-width: 770px;
        margin: 20px auto;
    }
}

.page-node-type-testimonial .testimonial__author {
    float: left;
    height: 40px;
    color: #54585A;
}

.page-node-type-testimonial .testimonial__author img {
    height: 100%;
    width: auto;
    float: left;
    margin-right: 10px;
}

.page-node-type-testimonial .testimonial__hero-image {
    margin-bottom: 40px;
}

.page-node-type-testimonial .testimonial__hero-image img {
    width: 100%;
}

@media (min-width:64em) {
    .page-node-type-testimonial .testimonial__hero-image {
        max-width: 770px;
        margin: 20px auto;
    }
}

.page-node-type-testimonial .testimonial__tags {
    float: right;
}

.page-node-type-testimonial .testimonial__tags span {
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 8px 16px;
}

@media (min-width:64em) {
    .page-node-type-testimonial .share-block {
        margin-bottom: 100px;
    }
}

input[type=submit] {
    background-color: transparent;
}

input[type=email],
input[type=password],
input[type=text] {
    padding: 0 0 20px 35px;
    border-bottom: 1px solid #e3e3e3;
    margin: 20px 0 20px 0;
    width: 95%;
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus {
    border-bottom-color: #08bbc8;
}

input.invalid {
    border-bottom-color: #FF231E;
    background: url(/themes/nioweb/images/field-error.png) center right no-repeat;
}

textarea {
    padding: 30px;
    border: 1px solid #e3e3e3;
    width: 100%;
    height: 300px;
}

textarea::-webkit-input-placeholder {
    font-style: italic;
}

textarea::-moz-placeholder {
    font-style: italic;
}

textarea::-ms-input-placeholder {
    font-style: italic;
}

textarea::placeholder {
    font-style: italic;
}

.input-span {
    display: inline-block;
    position: relative;
    float: left;
    right: -20px;
    width: 16px;
    height: 16px;
    margin-top: 20px;
    opacity: .5;
}

.input-name-span {
    background: url(/themes/nioweb/images/16-icon-name-black.svg) 0 0 no-repeat;
}

.input-phone-span {
    background: url(/themes/nioweb/images/16-icon-phone-black.svg) 0 0 no-repeat;
}

.input-email-span {
    background: url(/themes/nioweb/images/16-icon-email-black.svg) 0 0 no-repeat;
}

.input-link-span {
    background: url(/themes/nioweb/images/16-icon-link-black.svg) 0 0 no-repeat;
}

.input-company-span {
    background: url(/themes/nioweb/images/16-icon-company-black.svg) 0 0 no-repeat;
}

.form-item input.error,
input[type=text].parsley-error {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom-color: #FF231E;
}

.form-textarea.parsley-error {
    border-color: #FF231E;
}

.parsley-status {
    display: none;
    width: 16px;
    height: 16px;
    position: relative;
    right: -92%;
    top: -76px;
}

.parsley-errors-list {
    display: none;
}

.label--comments--notice {
    font-size: 0.8em;
    margin: -49px 0 20px 0;
    font-style: italic;
}

.form-block {
    padding: 20px 0;
}

@media (min-width:64em) {
    .form-block {
        padding: 40px 0;
    }
}

.form-block .messages {
    margin-bottom: 20px;
}

.form-block .ajax-progress-throbber {
    background: transparent;
    height: auto;
    margin: 0;
    opacity: 1;
    padding: 0;
    width: auto;
}

.form-block .ajax-progress-throbber .message {
    display: none;
}

.form-block .ajax-progress-throbber .throbber {
    padding: 1px 7px 2px;
}

.form-block__submit-message {
    border-bottom: 1px solid #08bbc8;
}

@media (min-width:48em) {
    .form-block__submit-message {
        font-size: 18px;
        padding-bottom: 10px;
    }
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    margin-right: 5px;
}

@media (min-width:48em) {
    #edit-interest--wrapper {
        margin-left: 25px;
    }
}

.text--black {
    color: #000;
}

.text-astronautblue {
    color: #05617e;
}

.text--light-blue-gray {
    color: #b7e8ea;
}

.text--turquoise-blue {
    color: #08bbc8;
}

.text--blizzard-blue {
    color: #b4eaee;
}

.text--duck-egg-blue {
    color: #e6fafa;
}

.text--dark-navy-blue {
    color: #000f16;
}

.text--med-navy-blue {
    color: #00263d;
}

.text--ultra-light-blue {
    color: #e8f7f7;
}

.text--light-blue {
    color: #b8e8eb;
}

.page-node-type-generic-page .lang-dropdown ul,
body[class*="pageid-user-"].user-logged-in footer,
.page-maintenance .page-maintenance--extended-footer .page-maintenance--locations .column strong,
.page-maintenance .page-maintenance--extended-footer .page-404--locations .column strong,
.page-maintenance .page-404--extended-footer .page-maintenance--locations .column strong,
.page-maintenance .page-404--extended-footer .page-404--locations .column strong,
.page-404 .page-maintenance--extended-footer .page-maintenance--locations .column strong,
.page-404 .page-maintenance--extended-footer .page-404--locations .column strong,
.page-404 .page-404--extended-footer .page-maintenance--locations .column strong,
.page-404 .page-404--extended-footer .page-404--locations .column strong,
.page-node-type-race .lang-dropdown ul,
.text--primary-color {
    color: #000;
}

.page-maintenance .page-maintenance--extended-footer .page-maintenance--locations .column,
.page-maintenance .page-maintenance--extended-footer .page-404--locations .column,
.page-maintenance .page-404--extended-footer .page-maintenance--locations .column,
.page-maintenance .page-404--extended-footer .page-404--locations .column,
.page-404 .page-maintenance--extended-footer .page-maintenance--locations .column,
.page-404 .page-maintenance--extended-footer .page-404--locations .column,
.page-404 .page-404--extended-footer .page-maintenance--locations .column,
.page-404 .page-404--extended-footer .page-404--locations .column,
.text--dusty-gray {
    color: #9b9b9b;
}

.text--light-gray {
    color: #e3e3e3;
}

.lang-dropdown .dropdown__links a:hover,
.lang-dropdown .dropdown__links a:focus,
.text--teal {
    color: #00bebe;
}

.user-password-form,
.user-login-form,
.user-register-form,
body[class*="pageid-user-"].user-logged-in header,
.text--white {
    color: #FFFFFF;
}

.text--error {
    color: #FF231E;
}

.background--aqua {
    background-color: #00bebe;
}

.background--light-blue-gray {
    background-color: #b7e8ea;
}

.background--turquoise-blue {
    background-color: #08bbc8;
}

.background--blizzard-blue {
    background-color: #b4eaee;
}

.background--duck-egg-blue {
    background-color: #e6fafa;
}

.background--dark-navy-blue {
    background-color: #000f16;
}

.background--ultra-dark-navy {
    background-color: #001a29;
}

.background--med-navy-blue {
    background-color: #00263d;
}

.background--ultra-light-blue {
    background-color: #e8f7f7;
}

.background--light-blue {
    background-color: #b8e8eb;
}

.pageid-user-register,
.pageid-user-password,
.pageid-user-login,
.user-password-form input[type="email"],
.user-login-form input[type="email"],
.user-register-form input[type="email"],
.user-password-form input[type="password"],
.user-login-form input[type="password"],
.user-register-form input[type="password"],
.user-password-form input[type="text"],
.user-login-form input[type="text"],
.user-register-form input[type="text"],
body[class*="pageid-user-"].user-logged-in header,
.background--primary-color {
    background-color: #000;
}

.background--dusty-gray {
    background-color: #9b9b9b;
}

.background--light-gray {
    background-color: #e3e3e3;
}

.background--teal {
    background-color: #00bebe;
}

.background--white {
    background-color: #FFFFFF;
}

.background--black {
    background-color: #000;
}

.background--gray {
    background-color: #53565a;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}