@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

section[class*=z-jarvis] {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 0
}

section[class*=z-jarvis] > z-grid {
    position: relative
}

@media screen and (min-width: 600px) {
    section[class*=z-jarvis] {
        max-width: 576px
    }
}

@media screen and (min-width: 740px) {
    section[class*=z-jarvis] {
        max-width: 716px
    }
}

@media screen and (min-width: 960px) {
    section[class*=z-jarvis] {
        max-width: 936px
    }
}

@media screen and (min-width: 1200px) {
    section[class*=z-jarvis] {
        max-width: 1176px
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.z-ted-ls-visual-navi {
    -webkit-animation: fade .7s ease-in-out;
    animation: fade .7s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.z-ted-ls-visual-navi_item-container {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    display: block;
    -webkit-overflow-scrolling: touch
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item {
    display: inline-block;
    margin-left: 10px;
    text-align: center
}

@media screen and (min-width: 600px) {
    .z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item {
        margin-left: 12px
    }
}

@media screen and (min-width: 740px) {
    .z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item {
        margin-left: 13px
    }
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item .z-jarvis-teaserbox img {
    width: 100%;
    opacity: .4;
    -webkit-transition: opacity 2s linear;
    transition: opacity 2s linear
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item:last-of-type {
    margin-right: 15px
}

@media screen and (min-width: 600px) {
    .z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item:last-of-type {
        margin-right: 26px
    }
}

@media screen and (min-width: 960px) {
    .z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item:last-of-type {
        margin-right: 0
    }
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item:first-of-type {
    margin-left: 15px
}

@media screen and (min-width: 960px) {
    .z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item:first-of-type {
        margin-left: 0
    }
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item .z-jarvis-cta {
    margin-left: -12px;
    margin-right: -12px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    font-weight: 400
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item .z-jarvis-cta:after {
    opacity: 0
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item.active .z-jarvis-teaserbox img, .z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item:hover .z-jarvis-cta:after {
    opacity: 1
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item.active .z-jarvis-cta {
    font-weight: 700
}

.z-ted-ls-visual-navi_item-container .z-ted-ls-visual-navi_item.active .z-jarvis-cta:after {
    opacity: 1
}

.z-ted-ls-visual-navi_item-container > z-grid, .z-ted-ls-visual-navi_item-container > z-grid > z-grid-item {
    padding-left: 0;
    padding-right: 0
}

.z-ted-ls-visual-navi_item-container.none-active .z-ted-ls-visual-navi_item {
    opacity: 1
}

.z-ted-ls-visual-navi_item-container.none-active .z-ted-ls-visual-navi_item .z-jarvis-cta:after {
    opacity: 0
}

.z-ted-ls-visual-navi_item-container.none-active .z-ted-ls-visual-navi_item .z-jarvis-teaserbox img, .z-ted-ls-visual-navi_item-container.none-active .z-ted-ls-visual-navi_item:hover .z-jarvis-cta:after {
    opacity: 1
}

.z-ted-ls-visual-navi--items-count-2 .z-ted-ls-visual-navi_item {
    width: 139px;
    margin-left: 10px;
    height: auto
}

@media screen and (min-width: 600px) {
    .z-ted-ls-visual-navi--items-count-2 .z-ted-ls-visual-navi_item {
        width: 262px;
        margin-left: 26px
    }
}

@media screen and (min-width: 740px) {
    .z-ted-ls-visual-navi--items-count-2 .z-ted-ls-visual-navi_item {
        width: 249px;
        margin-left: 16px
    }
}

@media screen and (min-width: 960px) {
    .z-ted-ls-visual-navi--items-count-2 .z-ted-ls-visual-navi_item {
        width: 341px;
        margin-left: 22px
    }
}

@media screen and (min-width: 1010px) {
    .z-ted-ls-visual-navi--items-count-2 .z-ted-ls-visual-navi_item {
        width: 380px;
        margin-left: 24px
    }
}

.z-ted-ls-visual-navi--items-count-2 .z-ted-ls-visual-navi_item .z-jarvis-teaserbox img {
    width: 100%
}

.z-ted-ls-visual-navi--items-count-3 .z-ted-ls-visual-navi_item {
    width: 160px
}

@media screen and (min-width: 600px) {
    .z-ted-ls-visual-navi--items-count-3 .z-ted-ls-visual-navi_item {
        width: 177px
    }
}

@media screen and (min-width: 740px) {
    .z-ted-ls-visual-navi--items-count-3 .z-ted-ls-visual-navi_item {
        width: 227px
    }
}

@media screen and (min-width: 1010px) {
    .z-ted-ls-visual-navi--items-count-3 .z-ted-ls-visual-navi_item {
        width: 245px;
        margin-left: 25px
    }
}

.z-ted-ls-visual-navi--items-count-3 .z-ted-ls-visual-navi_item .z-jarvis-teaserbox img {
    width: 100%;
    height: auto
}

.z-ted-ls-visual-navi--items-count-4 .z-ted-ls-visual-navi_item {
    width: 126px
}

@media screen and (min-width: 600px) {
    .z-ted-ls-visual-navi--items-count-4 .z-ted-ls-visual-navi_item {
        width: 154px
    }
}

@media screen and (min-width: 960px) {
    .z-ted-ls-visual-navi--items-count-4 .z-ted-ls-visual-navi_item {
        width: 166px
    }
}

@media screen and (min-width: 1010px) {
    .z-ted-ls-visual-navi--items-count-4 .z-ted-ls-visual-navi_item {
        width: 187px
    }
}

.z-ted-ls-visual-navi--items-count-4 .z-ted-ls-visual-navi_item .z-jarvis-teaserbox img {
    width: 100%;
    height: auto
}

.z-ted-ls-visual-navi--items-count-5 .z-ted-ls-visual-navi_item {
    width: 126px
}

@media screen and (min-width: 600px) {
    .z-ted-ls-visual-navi--items-count-5 .z-ted-ls-visual-navi_item {
        width: 154px
    }
}

@media screen and (min-width: 960px) {
    .z-ted-ls-visual-navi--items-count-5 .z-ted-ls-visual-navi_item {
        width: 131px
    }
}

@media screen and (min-width: 1010px) {
    .z-ted-ls-visual-navi--items-count-5 .z-ted-ls-visual-navi_item {
        width: 147px
    }
}

.z-ted-ls-visual-navi--items-count-5 .z-ted-ls-visual-navi_item .z-jarvis-teaserbox img {
    width: 100%;
    height: auto
}

.z-ted-ls-visual-navi--items-count-6 .z-ted-ls-visual-navi_item {
    width: 126px
}

@media screen and (min-width: 600px) {
    .z-ted-ls-visual-navi--items-count-6 .z-ted-ls-visual-navi_item {
        width: 154px
    }
}

@media screen and (min-width: 960px) {
    .z-ted-ls-visual-navi--items-count-6 .z-ted-ls-visual-navi_item {
        max-width: 121px;
        min-width: 107px;
        width: 121px
    }
}

@media screen and (min-width: 1010px) {
    .z-ted-ls-visual-navi--items-count-6 .z-ted-ls-visual-navi_item {
        width: 120px
    }
}

.z-ted-ls-visual-navi--items-count-6 .z-ted-ls-visual-navi_item .z-jarvis-teaserbox img {
    width: 100%;
    height: auto
}

.z-jarvis-teaserbox {
    cursor: pointer;
    display: block;
    position: relative
}

.z-jarvis-teaserbox_product {
    padding: 0;
    overflow: hidden;
    box-sizing: border-box
}

.z-jarvis-teaserbox_product .z-jarvis-teaserbox_image {
    width: 80%;
    margin: 10% auto
}

.z-jarvis-teaserbox_product:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .04)
}

.z-jarvis-teaserbox_image {
    display: block;
    width: 100%;
    height: auto
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.z-jarvis-cta {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.z-jarvis-cta_type--box {
    display: inline-block;
    min-width: 84px;
    max-width: 270px
}

.z-jarvis-cta_type--deeplink, .z-jarvis-cta_type--dropdown {
    font-family: Arial, Arial Unicode MS, Helvetica, DejaVu Sans, Lucida Sans Unicode, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #1a1a1a;
    text-decoration: none
}

@media screen and (min-width: 740px) {
    .z-jarvis-cta_type--deeplink {
        font-family: Arial, Arial Unicode MS, Helvetica, DejaVu Sans, Lucida Sans Unicode, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: .5px;
        color: #1a1a1a;
        position: relative;
        display: inline-block;
        cursor: pointer;
        padding: 12px 12px 2px;
        font-size: 16px
    }

    .z-jarvis-cta_type--deeplink:after {
        position: absolute;
        content: "";
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        width: 90%;
        width: calc(100% - 24px);
        min-height: 2px;
        height: .15em;
        background: #1a1a1a;
        -webkit-transition: all .15s cubic-bezier(.25, .46, .45, .94);
        transition: all .15s cubic-bezier(.25, .46, .45, .94)
    }

    .z-jarvis-cta_type--deeplink:hover:after {
        width: 100%;
        width: calc(100% - 12px)
    }
}

@media screen and (min-width: 1200px) {
    .z-jarvis-cta_type--deeplink {
        margin: 0 -5px;
        padding: 12px 0 2px
    }

    .z-jarvis-cta_type--deeplink:after {
        width: 100%
    }

    .z-jarvis-cta_type--deeplink:hover:after {
        width: calc(100% + 10px)
    }
}

.z-jarvis-cta_type--underline {
    font-family: Arial, Arial Unicode MS, Helvetica, DejaVu Sans, Lucida Sans Unicode, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #1a1a1a;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 12px 12px 2px;
    text-decoration: none
}

.z-jarvis-cta_type--underline:after {
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 90%;
    width: calc(100% - 24px);
    min-height: 2px;
    height: .15em;
    background: #1a1a1a;
    -webkit-transition: all .15s cubic-bezier(.25, .46, .45, .94);
    transition: all .15s cubic-bezier(.25, .46, .45, .94)
}

.z-jarvis-cta_type--underline:hover:after {
    width: 100%;
    width: calc(100% - 12px)
}