/* NON-US CSS 9/23 11:20pm */
.ns-ars18 img,.ns-ars18 svg {
    display: inline;
    max-width: none
}

.ns-ars18 main.main {
    overflow: visible;
    z-index: auto
}

.ns-ars18 sup {
    font-size: 10px;
    top: auto;
    vertical-align: super
}

.ns-ars18 .ns-ars18 .tech-specs .specs__headline {
    color: #152934;
    font-size: 28px;
    font-weight: lighter;
    line-height: 42px;
    margin-bottom: 36px;
    text-align: left
}

@media screen and (max-width: 1179px) {
    .mobile_header {
        display:block
    }

    .desktop .desktop_header {
        display: none
    }
}

@media screen and (min-width: 1179px) {
    .desktop .desktop_header {
        display:block
    }

    .mobile_header {
        display: none
    }
}

.ns-ars18-page #container {
    position: static!important
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.ns-ars18 .bounce {
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.ns-ars18 .flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.ns-ars18 .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.ns-ars18 .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.ns-ars18 .shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.ns-ars18 .headShake {
    -webkit-animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: headShake;
    animation-timing-function: ease-in-out
}

@-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)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@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)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.ns-ars18 .swing {
    -webkit-animation-name: swing;
    -webkit-transform-origin: top center;
    animation-name: swing;
    transform-origin: top center
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.ns-ars18 .tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.ns-ars18 .jello {
    -webkit-animation-name: jello;
    -webkit-transform-origin: center;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ns-ars18 .heartBeat {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

.ns-ars18 .bounceIn {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-duration: .75s;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,-3000px,0);
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,-3000px,0);
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(-3000px,0,0);
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(25px,0,0);
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(-3000px,0,0);
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(25px,0,0);
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(3000px,0,0);
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(3000px,0,0);
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,3000px,0);
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,3000px,0);
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.ns-ars18 .bounceOut {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-duration: .75s;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.ns-ars18 .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px,0,0);
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px,0,0);
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.ns-ars18 .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px,0,0);
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px,0,0);
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.ns-ars18 .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,20px,0);
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        -webkit-transform: translate3d(0,20px,0);
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.ns-ars18 .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ns-ars18 .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ns-ars18 .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.ns-ars18 .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.ns-ars18 .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.ns-ars18 .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.ns-ars18 .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.ns-ars18 .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.ns-ars18 .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.ns-ars18 .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.ns-ars18 .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0)
    }
}

.ns-ars18 .animated.flip {
    -webkit-animation-name: flip;
    -webkit-backface-visibility: visible;
    animation-name: flip;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.ns-ars18 .flipInX {
    -webkit-animation-name: flipInX;
    -webkit-backface-visibility: visible!important;
    animation-name: flipInX;
    backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.ns-ars18 .flipInY {
    -webkit-animation-name: flipInY;
    -webkit-backface-visibility: visible!important;
    animation-name: flipInY;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.ns-ars18 .flipOutX {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.ns-ars18 .flipOutY {
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutY;
    -webkit-backface-visibility: visible!important;
    animation-duration: .75s;
    animation-name: flipOutY;
    backface-visibility: visible!important
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

.ns-ars18 .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

.ns-ars18 .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.ns-ars18 .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.ns-ars18 .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.ns-ars18 .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.ns-ars18 .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }

    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center
    }

    to {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

.ns-ars18 .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

.ns-ars18 .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

.ns-ars18 .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

.ns-ars18 .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

.ns-ars18 .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

.ns-ars18 .hinge {
    -webkit-animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-duration: 2s;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

.ns-ars18 .jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.ns-ars18 .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.ns-ars18 .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.ns-ars18 .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.ns-ars18 .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.ns-ars18 .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.ns-ars18 .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.ns-ars18 .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.ns-ars18 .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

.ns-ars18 .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.ns-ars18 .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.ns-ars18 .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

.ns-ars18 .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ns-ars18 .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.ns-ars18 .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.ns-ars18 .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.ns-ars18 .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

.ns-ars18 .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.ns-ars18 .animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both
}

.ns-ars18 .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ns-ars18 .animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.ns-ars18 .animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.ns-ars18 .animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.ns-ars18 .animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.ns-ars18 .animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.ns-ars18 .animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.ns-ars18 .animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.ns-ars18 .animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.ns-ars18 .animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .ns-ars18 .animated {
        -webkit-animation: unset!important;
        -webkit-transition: none!important;
        animation: unset!important;
        transition: none!important
    }
}

.ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__Background,.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__Background,.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__Background,.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__Background,.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__Background,.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__Background,.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Background,.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__Background,.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__Background,.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__Foreground,.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__Textarea,.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__Background,.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__Background,.ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__Background,.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Background,.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Foreground,.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Textarea,.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__TextareaTrack,.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Background,.ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__Background,.ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__Background,.ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__Background,.ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__Background,.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__Background,.ns-ars18 .SmartStaggeredA .Carousel__ItemModal,.ns-ars18 .SmartStaggeredA .Carousel__ItemModalVideo,.ns-ars18 .VideoCarouselD .Carousel__ItemModal,.ns-ars18 .VideoCarouselD .Carousel__ItemModalVideo {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__BgImage,.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__BgImage,.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__BgImage {
    display: block;
    height: auto;
    max-width: 100%
}

.ns-ars18 .header-desktop__logo,.ns-ars18 .header-desktop__nav,.ns-ars18 .header-desktop__toolbar {
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 *,.ns-ars18 .RatingsCarouselI__Author,.ns-ars18 .WindowPaneItem__Copy,.ns-ars18 .footer-drawer__nav-item-region,.ns-ars18 h5 {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media screen and (max-width: 768px) {
    .ns-ars18 *,.ns-ars18 .RatingsCarouselI__Author,.ns-ars18 .WindowPaneItem__Copy,.ns-ars18 .footer-drawer__nav-item-region,.ns-ars18 h5 {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .header-mobile-drawer__nav-item-txt,.ns-ars18 h1 {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .header-mobile-drawer__nav-item-txt,.ns-ars18 h1 {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 53px;
        font-style: normal;
        font-weight: 400;
        line-height: 63px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BodyCopy,.ns-ars18 h2 {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BodyCopy,.ns-ars18 h2 {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 h3 {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .VideoDoorbellHero__toolbar--right,.ns-ars18 .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero__toolbar-specs a,.ns-ars18 .VideoDoorbellHero__toolbar-title,.ns-ars18 .VideoDoorbellHero__toolbar-title a,.ns-ars18 h4 {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .footer__signup-fld::-webkit-input-placeholder {
    color: #152934;
    font-family: Lato-Medium,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .footer__signup-fld::-moz-placeholder {
    color: #152934;
    font-family: Lato-Medium,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .footer__signup-fld:-ms-input-placeholder {
    color: #152934;
    font-family: Lato-Medium,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .footer__signup-fld::-ms-input-placeholder {
    color: #152934;
    font-family: Lato-Medium,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .button--primary,.ns-ars18 .button--secondary,.ns-ars18 .button--tertiary,.ns-ars18 .footer__signup-btn,.ns-ars18 .footer__signup-fld,.ns-ars18 .footer__signup-fld::placeholder,.ns-ars18 .t-cta {
    color: #152934;
    font-family: Lato-Medium,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .HeroBannerA4__Specs--Copy,.ns-ars18 .PlanCompareM__Disclaimer,.ns-ars18 .VideoCarouselD .Carousel__Item--InfoDuration,.ns-ars18 .footer-drawer__nav-item-lang,.ns-ars18 .footer__txt-link,.ns-ars18 .t-disclaimer {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width: 576px) {
    .ns-ars18 .HeroBannerA4__Specs--Copy,.ns-ars18 .PlanCompareM__Disclaimer,.ns-ars18 .VideoCarouselD .Carousel__Item--InfoDuration,.ns-ars18 .footer-drawer__nav-item-lang,.ns-ars18 .footer__txt-link,.ns-ars18 .t-disclaimer {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .footer__nav-item-txt,.ns-ars18 .footer__txt-link,.ns-ars18 .header-desktop__nav-item-txt,.ns-ars18 .header-desktop__toolbar-item-txt,.ns-ars18 .header-mobile-drawer__nav-item-txt,.ns-ars18 .header-mobile-drawer__toolbar-item-txt {
    display: inline-block;
    position: relative;
    -webkit-transition: color .2s cubic-bezier(.5,0,.1,1);
    transition: color .2s cubic-bezier(.5,0,.1,1);
    will-change: color;
    z-index: 0
}

.ns-ars18 .footer__nav-item-txt:hover,.ns-ars18 .footer__txt-link:hover,.ns-ars18 .header-desktop__nav-item-txt:hover,.ns-ars18 .header-desktop__toolbar-item-txt:hover,.ns-ars18 .header-mobile-drawer__nav-item-txt:hover,.ns-ars18 .header-mobile-drawer__toolbar-item-txt:hover {
    color: #3c9
}

.ns-ars18 .footer__nav-item-txt:before,.ns-ars18 .footer__txt-link:before {
    background-color: #3c9;
    bottom: 3px;
    content: '';
    display: inline-block;
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .2s cubic-bezier(.5,0,.1,1);
    transition: opacity .2s cubic-bezier(.5,0,.1,1);
    width: 100%;
    will-change: opacity;
    z-index: -1
}

.ns-ars18 .footer__nav-item-txt:hover:before,.ns-ars18 .footer__txt-link:hover:before {
    opacity: 1
}

.ns-ars18 .l-flx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ns-ars18 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.ns-ars18 ul {
    list-style-type: none
}

.ns-ars18 a,.ns-ars18 a:active,.ns-ars18 a:hover,.ns-ars18 a:link,.ns-ars18 a:visited {
    cursor: pointer;
    text-decoration: none;
    font-size: inherit
}

.ns-ars18 button,.ns-ars18 input,.ns-ars18 select,.ns-ars18 textarea {
    outline: 0
}

.ns-ars18 address,.ns-ars18 article,.ns-ars18 footer,.ns-ars18 header,.ns-ars18 main,.ns-ars18 nav,.ns-ars18 section {
    display: block
}

body,html {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    background-color: #e5e5e5;
    min-height: 100%
}

.ns-ars18 * {
    -webkit-tap-highlight-color: transparent
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0,20%,0);
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: .6;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ns-ars18 .cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ns-ars18 .l-width-wrap {
    margin: 0 auto;
    width: 1440px
}

.ns-ars18 .l-width-wrap--fluid {
    max-width: 100%
}

.ns-ars18 .l-padding-sides {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .l-padding-sides {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .l-padding-sides {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .l-padding-sides {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .l-padding-sides {
        padding-left:135px;
        padding-right: 135px
    }
}

@font-face {
    font-family: NeueHaasUnicaPro-Light;
    src: url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-light.eot);
    src: url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-light.eot?#iefix) format("embedded-opentype"),url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-light.woff2) format("woff2"),url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-light.woff) format("woff")
}

@font-face {
    font-family: NeueHaasUnicaPro-Medium;
    src: url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-medium.eot);
    src: url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-medium.eot?#iefix) format("embedded-opentype"),url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-medium.woff2) format("woff2"),url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-medium.woff) format("woff")
}

@font-face {
    font-family: NeueHaasUnicaPro-UltraLight;
    src: url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-ultra-light.eot);
    src: url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-ultra-light.eot?#iefix) format("embedded-opentype"),url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-ultra-light.woff2) format("woff2"),url(/en-us/fonts/arloiconsv4/neue-haas-unica-pro-ultra-light.woff) format("woff")
}

@font-face {
    font-family: Lato-UltraLight;
    src: url(/en-us/fonts/arloiconsv4/Lato-Thin.ttf) format("truetype")
}

@font-face {
    font-family: Lato-Light;
    src: url(/en-us/fonts/arloiconsv4/Lato-Light.ttf) format("truetype")
}

@font-face {
    font-family: Lato-Medium;
    src: url(/en-us/fonts/arloiconsv4/Lato-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Lato-Bold;
    src: url(/en-us/fonts/arloiconsv4/Lato-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Lato-Regular;
    src: url(/en-us/fonts/arloiconsv4/Lato-Regular.ttf) format("truetype")
}

.ns-ars18 .h1 {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .h1 {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 53px;
        font-style: normal;
        font-weight: 400;
        line-height: 63px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .h2 {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .h2 {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .h3 {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .h4 {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .h5 {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .h6 {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 sup {
    font-size: 10px
}

.ns-ars18 .button {
    display: block
}

.ns-ars18 .button--primary {
    width: 170px;
    height: 60px;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border-radius: 5px;
    border: none;
    font-family: Lato-Bold;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,#3c9));
    background: linear-gradient(90deg,#384851 50%,#3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86)
}

.ns-ars18 .button--primary:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .button--primary {
        min-width:60px;
        height: 40px;
        color: #152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

.ns-ars18 .button--secondary {
    width: 120px;
    height: 60px;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,rgba(255,255,255,0)));
    background: linear-gradient(90deg,#384851 50%,rgba(255,255,255,0) 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86)
}

.ns-ars18 .button--secondary:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer;
    border-color: #384851
}

.ns-ars18 .button--tertiary {
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #fff;
    font-size: 12px!important;
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,rgba(255,255,255,0)));
    background: linear-gradient(90deg,#384851 50%,rgba(255,255,255,0) 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86);
    color: #fff
}

.ns-ars18 .button--tertiary:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer;
    border-color: #384851
}

@media screen and (min-width: 768px) {
    .ns-ars18 .button--tertiary {
        font-size:17px!important;
        height: 60px;
        line-height: 53px
    }
}

.ns-ars18 .link--inline {
    color: #3c9;
    border-bottom: 1px solid #3c9;
    -webkit-transition: all .2s cubic-bezier(.5,0,.1,1);
    transition: all .2s cubic-bezier(.5,0,.1,1)
}

.ns-ars18 .link--inline:hover {
    color: #152934;
    border-color: rgba(255,255,255,0)
}

.ns-ars18 .Audio__Control {
    display: none;
    cursor: pointer
}

.ns-ars18 .Audio__ControlIcon--Active,.ns-ars18 .Audio__ControlIcon--Hover {
    width: 32px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .Audio__ControlIcon--Active,.ns-ars18 .Audio__ControlIcon--Hover {
        width:70px
    }
}

.ns-ars18 .Audio__ControlIcon--Hover {
    display: none
}

.ns-ars18 .Audio__Control--pause,.ns-ars18 .Audio__Control--play {
    width: 32px;
    height: 32px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .Audio__Control--pause,.ns-ars18 .Audio__Control--play {
        width:70px;
        height: 70px
    }
}

.ns-ars18 .Audio__Control--pause:hover .Audio__ControlIcon--Active,.ns-ars18 .Audio__Control--play:hover .Audio__ControlIcon--Active {
    display: none
}

.ns-ars18 .Audio__Control--pause:hover .Audio__ControlIcon--Hover,.ns-ars18 .Audio__Control--play:hover .Audio__ControlIcon--Hover {
    display: block
}

.ns-ars18 .Audio__Controls {
    position: relative
}

.ns-ars18 .Audio--playing .Audio__Control--pause {
    display: block
}

.ns-ars18 .Audio--paused .Audio__Control--play {
    display: block
}

.ns-ars18 .chevron-arrow {
    position: relative;
    width: 30px;
    height: 15px;
    display: inline-block;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    margin-left: 6px
}

.ns-ars18 .chevron-arrow:after {
    background-color: rgba(255,255,255,0);
    border: 1px solid #3c9;
    border-bottom: none;
    border-left: none;
    content: '';
    display: inline-block;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .2s cubic-bezier(.5,0,.1,1);
    transition: background-color .2s cubic-bezier(.5,0,.1,1);
    width: 8px;
    will-change: background-color;
    position: absolute;
    top: 0;
    right: 0
}

.ns-ars18 .chevron-arrow:before {
    background-color: #3c9;
    content: '';
    display: inline-block;
    height: 1px;
    -webkit-transition: background-color .2s cubic-bezier(.5,0,.1,1);
    transition: background-color .2s cubic-bezier(.5,0,.1,1);
    width: 100%;
    will-change: background-color;
    position: absolute;
    top: 25%;
    left: 0
}

.ns-ars18 .footer {
    background-color: #fff;
    padding-top: 100px
}

.ns-ars18 .footer__body-copy {
    color: #5a6870
}

.ns-ars18 .footer__bottom {
    border-top: 1px solid #dfe2e6;
    padding: 50px 0 30px 0
}

@media screen and (min-width: 576px) {
    .ns-ars18 .footer__bottom {
        padding:30px 0
    }
}

.ns-ars18 .footer__bottom-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 576px) {
    .ns-ars18 .footer__bottom-track {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ns-ars18 .footer__toolbar {
    margin-bottom: 20px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .footer__toolbar {
        margin-bottom:0
    }
}

.ns-ars18 .footer__toolbar--disclaimer-list {
    padding-top: 10px
}

.ns-ars18 .footer__toolbar--disclaimer-item {
    font-size: 7px;
    line-height: 10px
}

.ns-ars18 .footer__toolbar-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 575px) {
    .ns-ars18 .footer__toolbar-list {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.ns-ars18 .footer__toolbar-list-item {
    margin-left: 18px
}

.ns-ars18 .footer__toolbar-list-item:first-child {
    margin-left: 0
}

.ns-ars18 .footer__toolbar-item-icon {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px
}

.ns-ars18 .footer__toolbar-item-link {
    display: block
}

.ns-ars18 .footer__toolbar-item-link--lang {
    background-color: rgba(255,255,255,0);
    border: none;
    cursor: pointer;
    position: relative;
    top: 7px
}

.ns-ars18 .footer__toolbar-item-link--social svg {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.5,0,.1,1);
    transition: -webkit-transform .2s cubic-bezier(.5,0,.1,1);
    transition: transform .2s cubic-bezier(.5,0,.1,1);
    transition: transform .2s cubic-bezier(.5,0,.1,1),-webkit-transform .2s cubic-bezier(.5,0,.1,1);
    will-change: transform
}

.ns-ars18 .footer__toolbar-item-link--social:hover svg {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.ns-ars18 .footer__toolbar-item-link--social:hover svg g {
    fill: #3c9
}

.ns-ars18 .footer__connect {
    width: calc(((100% - 0px)/ 12) * 12 + 0px);
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .footer__connect {
        width:calc(((100% - 0px)/ 12) * 4 + 0px);
        will-change: width;
        -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
        transition: width .2s cubic-bezier(.5,0,.1,1)
    }
}

.ns-ars18 .footer__disclaimer-text {
    width: calc(((100% - 0px)/ 12) * 12 + 0px);
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1);
    color: #5a6870
}

@media screen and (min-width: 768px) {
    .ns-ars18 .footer__disclaimer-text {
        width:auto
    }
}

.ns-ars18 .footer__disclaimer-links {
    width: calc(((100% - 0px)/ 12) * 12 + 0px);
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1);
    color: #5a6870
}

@media screen and (min-width: 768px) {
    .ns-ars18 .footer__disclaimer-links {
        width:auto
    }
}

.ns-ars18 .footer__headline {
    margin-bottom: 13px
}

.ns-ars18 .footer__logo {
    margin-bottom: 40px
}

.ns-ars18 .footer__menu {
    margin-bottom: 30px;
    width: calc(((100% - 0px)/ 12) * 6 + 0px);
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .footer__menu {
        width:calc(((100% - 0px)/ 12) * 3 + 0px);
        will-change: width;
        -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
        transition: width .2s cubic-bezier(.5,0,.1,1)
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .footer__menu {
        width:calc(((100% - 0px)/ 12) * 3 + 0px);
        will-change: width;
        -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
        transition: width .2s cubic-bezier(.5,0,.1,1)
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .footer__menu {
        width:calc(((100% - 0px)/ 12) * 2 + 0px);
        will-change: width;
        -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
        transition: width .2s cubic-bezier(.5,0,.1,1)
    }
}

.ns-ars18 .footer__nav-item-link {
    display: inline-block;
    padding: 5px 0
}

.ns-ars18 .footer__nav-item-txt {
    color: #5a6870
}

.ns-ars18 .footer__signup-btn {
    background-color: rgba(255,255,255,0);
    border-radius: 0 4px 4px 0;
    border: none;
    border-left: 1px solid #5a6870;
    cursor: pointer;
    height: 60px;
    line-height: 1;
    overflow: hidden;
    padding: 0 19px;
    position: relative;
    -webkit-transition: color .2s cubic-bezier(.5,0,.1,1);
    transition: color .2s cubic-bezier(.5,0,.1,1);
    vertical-align: top;
    will-change: color;
    z-index: 0
}

.ns-ars18 .footer__signup-btn:after {
    background-color: #3c9;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1);
    z-index: -1
}

.ns-ars18 .footer__signup-btn:hover {
    color: #fff
}

.ns-ars18 .footer__signup-btn:hover:after {
    width: 100%
}

.ns-ars18 .footer__signup-btn:hover .chevron-arrow:before {
    background-color: #fff
}

.ns-ars18 .footer__signup-btn:hover .chevron-arrow:after {
    border-color: #fff
}

.ns-ars18 .footer__signup-component {
    margin: 19px 0 15px 0
}

.ns-ars18 .footer__signup-component--error .footer__signup-form {
    border: 1px solid #b20505!important
}

.ns-ars18 .footer__signup-component--error .footer__signup-msg {
    display: block
}

.ns-ars18 .footer__signup-fld {
    background-color: #fff;
    border-radius: 4px 0 0 4px;
    border: none;
    height: 60px;
    line-height: 60px;
    padding: 0 19px;
    vertical-align: top;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ns-ars18 .footer__signup-fld::-webkit-input-placeholder {
    color: rgba(21,41,52,.5);
    line-height: 60px
}

.ns-ars18 .footer__signup-fld::-moz-placeholder {
    color: rgba(21,41,52,.5);
    line-height: 60px
}

.ns-ars18 .footer__signup-fld:-ms-input-placeholder {
    color: rgba(21,41,52,.5);
    line-height: 60px
}

.ns-ars18 .footer__signup-fld::-ms-input-placeholder {
    color: rgba(21,41,52,.5);
    line-height: 60px
}

.ns-ars18 .footer__signup-fld::placeholder {
    color: rgba(21,41,52,.5);
    line-height: 60px
}

.ns-ars18 .footer__signup-form {
    border-radius: 4px;
    border: 1px solid #5a6870;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    max-width: 100%;
    -webkit-transition: border,width 1s cubic-bezier(.5,0,.1,1);
    transition: border,width 1s cubic-bezier(.5,0,.1,1);
    white-space: nowrap;
    width: 370px;
    will-change: border,width
}

.ns-ars18 .footer__signup-msg {
    color: #b20505;
    display: none
}

.ns-ars18 .footer__txt-link {
    color: #5a6870
}

.ns-ars18 .footer__top {
    margin-bottom: 30px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .footer__top {
        margin-bottom:60px
    }
}

.ns-ars18 .footer-drawer {
    background: #fff;
    bottom: 0;
    height: 0;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    position: fixed;
    right: 0;
    -webkit-transition: height 1s cubic-bezier(.5,0,.1,1);
    transition: height 1s cubic-bezier(.5,0,.1,1);
    width: 1440px;
    will-change: height;
    z-index: 999999
}

.ns-ars18 .footer-drawer__inner {
    padding: 120px 0 50px 0;
    position: relative
}

@media screen and (min-width: 576px) {
    .ns-ars18 .footer-drawer__inner {
        padding:90px 0
    }
}

.ns-ars18 .footer-drawer__close-btn {
    background: rgba(255,255,255,0);
    border: none;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 50px
}

.ns-ars18 .footer-drawer__headline {
    margin-bottom: 65px;
    text-align: center
}

.ns-ars18 .footer-drawer__nav-item-icon {
    margin-top: 7px
}

.ns-ars18 .footer-drawer__nav-item-lang {
    display: block
}

.ns-ars18 .footer-drawer__nav-item-link {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    padding: 8px 10px;
    -webkit-transition: -webkit-box-shadow 1s cubic-bezier(.5,0,.1,1);
    transition: -webkit-box-shadow 1s cubic-bezier(.5,0,.1,1);
    transition: box-shadow 1s cubic-bezier(.5,0,.1,1);
    transition: box-shadow 1s cubic-bezier(.5,0,.1,1),-webkit-box-shadow 1s cubic-bezier(.5,0,.1,1);
    will-change: border
}

.ns-ars18 .footer-drawer__nav-item-link img {
    width: 24px;
    height: 19px
}

.ns-ars18 .footer-drawer__nav-item-link:hover {
    -webkit-box-shadow: inset 0 0 0 1px #dfe2e6;
    box-shadow: inset 0 0 0 1px #dfe2e6
}

.ns-ars18 .footer-drawer__nav-item-region {
    display: block
}

.ns-ars18 .footer-drawer__nav-item-txt {
    margin-left: 20px
}

.ns-ars18 .footer-drawer__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 30vh;
    overflow-y: scroll;
    padding-bottom: 20px
}

.ns-ars18 .footer-drawer__nav-list-item {
    width: 50%;
    margin-bottom: 40px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .footer-drawer__nav-list-item {
        width:33.3%
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .footer-drawer__nav-list-item {
        width:33.3%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .footer-drawer__nav-list-item {
        width:25%
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .footer-drawer__nav-list-item {
        width:16.66%
    }
}

html.open-footer-drawer {
    overflow: hidden
}

html.open-footer-drawer .footer-drawer {
    height: 60%
}

.ns-ars18 .ComponentHero--GettingStartedG2 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--GettingStartedG2:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--GettingStartedG2:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 90.66667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--GettingStartedG2:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--GettingStartedG2:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 39.13949%;
        display: block
    }
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__BodyCopy {
    color: #fff;
    margin: 0 0 40px 0;
    max-width: 100%;
    width: 450px
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__CtaButton {
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__CtaButton {
        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;
        width: 120px;
        height: 40px;
        color: #152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 30px;
    text-align: center
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__Textarea {
    text-align: center
}

.ns-ars18 .ComponentHero--GettingStartedG2 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html.not-at-top .header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.ns-ars18 .header-desktop {
    background-color: #fff;
    display: none;
    padding: 22px 0 26px 0;
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow 1s cubic-bezier(.5,0,.1,1);
    transition: -webkit-box-shadow 1s cubic-bezier(.5,0,.1,1);
    transition: box-shadow 1s cubic-bezier(.5,0,.1,1);
    transition: box-shadow 1s cubic-bezier(.5,0,.1,1),-webkit-box-shadow 1s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .header-desktop {
        display:block
    }
}

.ns-ars18 .header-desktop__logo {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    width: calc(((100% - 0px)/ 12) * 2 + 0px);
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .header-desktop__logo {
        width:calc(((100% - 0px)/ 12) * 3 + 0px);
        will-change: width;
        -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
        transition: width .2s cubic-bezier(.5,0,.1,1)
    }
}

.ns-ars18 .header-desktop__logo-link {
    width: 80px
}

.ns-ars18 .header-desktop__nav {
    width: calc(((100% - 0px)/ 12) * 8 + 0px);
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .header-desktop__nav {
        width:calc(((100% - 0px)/ 12) * 6 + 0px);
        will-change: width;
        -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
        transition: width .2s cubic-bezier(.5,0,.1,1)
    }
}

.ns-ars18 .header-desktop__nav-item-txt {
    color: #152934;
    font-family: Lato-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #152934
}

.ns-ars18 .header-desktop__nav-list {
    display: table;
    margin: 0 auto;
    white-space: nowrap
}

.ns-ars18 .header-desktop__nav-list-item {
    display: inline-block;
    margin-left: 28px
}

.ns-ars18 .header-desktop__nav-list-item:first-child {
    margin-left: 0
}

.ns-ars18 .header-desktop__toolbar {
    width: calc(((100% - 0px)/ 12) * 2 + 0px);
    will-change: width;
    -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
    transition: width .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .header-desktop__toolbar {
        width:calc(((100% - 0px)/ 12) * 3 + 0px);
        will-change: width;
        -webkit-transition: width .2s cubic-bezier(.5,0,.1,1);
        transition: width .2s cubic-bezier(.5,0,.1,1)
    }
}

.ns-ars18 .header-desktop__toolbar-item-txt {
    color: #152934;
    font-family: Lato-Light;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #152934
}

.ns-ars18 .header-desktop__toolbar-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ns-ars18 .header-desktop__toolbar-list-item {
    margin-left: 29px
}

.ns-ars18 .header-desktop__toolbar-list-item:first-child {
    margin-left: 0
}

.ns-ars18 .header-desktop .header__toolbar-list-item .header__toolbar-item-link--lang {
    background-color: rgba(255,255,255,0);
    border: none;
    cursor: pointer;
    position: relative;
    top: 3px;
    left: 20px
}

.ns-ars18 .header-faux {
    background-color: rgba(255,255,255,0);
    display: none
}

html.not-at-top .header-faux {
    display: block
}

.ns-ars18 .header-mobile {
    background-color: #fff;
    display: block;
    padding: 20px 0 30px 0
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .header-mobile {
        display:none
    }
}

.ns-ars18 .header-mobile__open-btn {
    background-color: rgba(255,255,255,0);
    border: none;
    cursor: pointer
}

.ns-ars18 .header-mobile__logo-and-button-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ns-ars18 .header-mobile__open-btn {
    margin-top: 10px
}

.ns-ars18 .header-mobile-drawer {
    background-color: #152934;
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transition: opacity 1s cubic-bezier(.5,0,.1,1),visibility 1s cubic-bezier(.5,0,.1,1);
    transition: opacity 1s cubic-bezier(.5,0,.1,1),visibility 1s cubic-bezier(.5,0,.1,1);
    will-change: opacity visibility;
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.ns-ars18 .header-mobile-drawer .l-padding-sides,.ns-ars18 .header-mobile-drawer .rows {
    height: 100%
}

.ns-ars18 .header-mobile-drawer .rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.ns-ars18 .header-mobile-drawer__close-btn {
    background-color: rgba(255,255,255,0);
    border: none;
    cursor: pointer;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.ns-ars18 .header-mobile-drawer__logo-and-button {
    padding: 20px 0 40px 0
}

.ns-ars18 .header-mobile-drawer__logo-and-button-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ns-ars18 .header-mobile-drawer__nav {
    padding-bottom: 12px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .header-mobile-drawer__nav {
        padding-bottom:32px
    }
}

.ns-ars18 .header-mobile-drawer__nav-and-toolbar {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 24px
}

.ns-ars18 .header-mobile-drawer__nav-list-item {
    margin-bottom: 20px
}

.ns-ars18 .header-mobile-drawer__nav-item-txt {
    color: #fff
}

.ns-ars18 .header-mobile-drawer__toolbar {
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 20px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .header-mobile-drawer__toolbar {
        padding-top:40px
    }
}

.ns-ars18 .header-mobile-drawer__toolbar-list-item {
    margin-bottom: 14px
}

.ns-ars18 .header-mobile-drawer__toolbar-item-txt {
    color: #fff
}

html.open-mobile-menu {
    overflow: hidden
}

html.open-mobile-menu .header-mobile-drawer {
    opacity: 1;
    visibility: visible
}

.ns-ars18 .header__toolbar-item-link--lang {
    background-color: rgba(255,255,255,0);
    border: none
}

.ns-ars18 .ComponentHero--HeroBannerA1 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--HeroBannerA1:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--HeroBannerA1:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 177.86667%;
    display: block
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--HeroBannerA1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerA1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 133.33333%;
        display: block
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerA1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerA1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.5%;
        display: block
    }
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__BodyCopy {
    color: #5a6870;
    margin-bottom: 100px;
    max-width: 100%;
    max-width: 405px;
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__BodyCopy {
        margin-bottom:40px
    }
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__Headline {
    color: #152934;
    margin-bottom: 20px
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__TextareaInner {
    margin-left: 0
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__TextareaInner {
        margin-left:8.56%
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__TextareaInner {
        padding-bottom:70px
    }
}

.ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerA1 .ComponentHero__TextareaTrackItem {
        padding-bottom:64%
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#02374f),to(#374851));
    background-image: linear-gradient(0deg,#02374f,#374851);
    background-repeat: no-repeat;
    background-color: #152934;
    padding: 100px 0;
    position: relative
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 {
        background-color:#fff;
        background-image: none
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__Background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__BodyCopy {
    color: #fff;
    margin-bottom: 30px;
    max-width: 100%;
    width: 450px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__BodyCopy {
        margin-bottom:40px
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__BgImage {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    font-family: "object-fit: cover;";
    -o-object-fit: cover;
    object-fit: cover
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGrid {
    display: block
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGrid {
        display:none;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGrid {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridList {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridList {
        margin:0;
        width: auto
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridRow {
    display: table-row;
    padding: 0
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridRow:nth-child(1) .ComponentHero__FeatureGridItem {
    padding-bottom: 40px
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItem {
    display: table-cell;
    padding: 0;
    text-align: center;
    vertical-align: top
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItem br {
        display:none
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItem:nth-child(1) {
    padding-right: 0
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItem:nth-child(1) {
        padding-right:60px
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemDescription {
    color: #fff;
    font-size: 14px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemDescription {
        font-size:15px
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemHeadline {
    color: #fff;
    font-size: 14px
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemHeadline sup {
    color: #fff
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemHeadline {
        font-size:15px
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemHeadline {
    font-family: Lato-Bold,Helvetica,Arial,sans-serif
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 90px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__FeatureGridItemTextarea {
    white-space: nowrap
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 30px
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__Textarea {
    position: relative
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__TextareaImage {
    display: block;
    height: auto;
    margin-bottom: 50px;
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__TextareaImage {
        display:none
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__TextareaInner {
        margin-left:auto;
        width: 50%
    }
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .ComponentHero--HeroBannerA2 .ComponentHero__TextareaTrackItem .l-padding-sides:first-child {
    margin-bottom: 80px
}

.ns-ars18 .ComponentHero--CalloutA3 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--CalloutA3:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--CalloutA3:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 145.6%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--CalloutA3:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--CalloutA3:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.5%;
        display: block
    }
}

.ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__BodyCopy {
    color: #fff;
    margin: 0 0 40px 0;
    max-width: 100%;
    width: 450px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__BodyCopy {
        color:#152934
    }
}

.ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__Foreground {
    padding-top: 80%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__Foreground {
        padding-top:26%
    }
}

.ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__Headline {
        color:#152934
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--CalloutA3 .ComponentHero__Textarea {
        margin:0 0 0 100px
    }
}

.ns-ars18 .ComponentHero__CtaButton {
    display: inline-block
}

.ns-ars18 .main {
    background-color: #fff;
    position: relative
}

.arlo-ns-smart-2019 .ns-ars18 .main {
    background-color: #eff1f4
}

.ns-ars18 .PageOverlay {
    background-color: rgba(21,41,52,.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity 1s cubic-bezier(.5,0,.1,1),visibility 1s cubic-bezier(.5,0,.1,1);
    transition: opacity 1s cubic-bezier(.5,0,.1,1),visibility 1s cubic-bezier(.5,0,.1,1);
    width: 100%;
    will-change: opacity,visibility;
    z-index: 999991;
    visibility: hidden;
    opacity: 0
}

html.open-footer-drawer,html.open-modal {
    overflow: hidden
}

@supports (-webkit-overflow-scrolling:touch) {
    html.open-footer-drawer body,html.open-modal body {
        position: fixed!important
    }
}

html.open-footer-drawer .PageOverlay--footer {
    opacity: 1;
    visibility: visible
}

html.open-modal .PageOverlay--carousel {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.ns-ars18 .ProductJ {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    margin-top: -310px;
    white-space: nowrap;
    padding-bottom: 0
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ProductJ {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ProductJ {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ProductJ {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .ProductJ {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ProductJ {
        padding-bottom:68px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ProductJ {
        padding-bottom:98px
    }
}

.ns-ars18 .ProductJ:not(.flickity-enabled) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .ProductJ__Item {
    display: inline-block;
    text-align: center;
    white-space: normal
}

@media screen and (max-width: 1444px) {
    .ns-ars18 .ProductJ__Item:not(:last-of-type) {
        padding-right:1%
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductJ__Item img {
        height:auto
    }
}

.ns-ars18 .ProductJ__ItemInner {
    background-color: rgba(255,255,255,0);
    padding: 40px 20px;
    -webkit-transition: background-color 1s cubic-bezier(.5,0,.1,1);
    transition: background-color 1s cubic-bezier(.5,0,.1,1);
    will-change: background-color;
    margin-bottom: 40px;
    width: 370px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ProductJ__ItemInner:hover .ProductJ__Images {
        -webkit-transform:translateY(-10px);
        transform: translateY(-10px)
    }
}

.ns-ars18 .ProductJ__Info {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ns-ars18 .ProductJ__Info--Title {
    padding-bottom: 15px
}

@media screen and (max-width: 575px) {
    .ns-ars18 .ProductJ__Info--Title {
        color:#152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .ProductJ__Info--Copy {
    padding: 0 8% 45px 8%;
    color: #5a6870
}

@media screen and (max-width: 575px) {
    .ns-ars18 .ProductJ__Info--Copy {
        padding:0 8% 25px 8%
    }
}

.ns-ars18 .ProductJ__Images {
    height: 350px;
    margin-bottom: 10px;
    position: relative;
    width: 330px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.ns-ars18 .ProductJ__Image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    font-family: "object-fit: cover;";
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: visibility 1s cubic-bezier(.5,0,.1,1),opacity 1s cubic-bezier(.5,0,.1,1);
    transition: visibility 1s cubic-bezier(.5,0,.1,1),opacity 1s cubic-bezier(.5,0,.1,1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    will-change: visibility opacity;
    z-index: 0
}

.ns-ars18 .ProductJ__Image--a {
    visibility: visible;
    opacity: 1
}

.ns-ars18 .ProductJ__Image--b {
    visibility: hidden;
    opacity: 0
}

.ns-ars18 .ProductJ .flickity-page-dots {
    margin-bottom: 100px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ProductJ .flickity-page-dots {
        display:none
    }
}

.ns-ars18 .ProductJ .dot {
    display: inline-block;
    margin-right: 10px;
    color: #152934;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid transparent
}

.ns-ars18 .ProductJ .dot:after {
    content: "0" counter(a);
    counter-increment: a
}

.ns-ars18 .ProductJ .dot.is-selected {
    color: #3c9;
    border-bottom: 1px solid #3c9
}

@media screen and (min-width: 1444px) {
    .ns-ars18 .ProductJ.main-carousel:after {
        content:''
    }

    .ns-ars18 .ProductJ.main-carousel:hover {
        cursor: unset
    }
}

@media screen and (max-width: 1444px) {
    .ns-ars18 .ProductJ {
        display:block
    }
}

.ns-ars18 .ProductJ .l-padding-sides {
    padding: 0
}

.ns-ars18 .ComponentHero--TaglineHeroF1 {
    background-color: #ebecef;
    position: relative
}

.ns-ars18 .ComponentHero--TaglineHeroF1:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--TaglineHeroF1:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 150.93333%;
    display: block
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--TaglineHeroF1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 67.43056%;
        display: block
    }
}

.ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__BodyCopy {
    color: #5a6870;
    margin: 0 auto 40px auto;
    max-width: 100%;
    text-align: center;
    width: 450px
}

.ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__Foreground {
    padding-top: 80%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__Foreground {
        padding-top:40%
    }
}

.ns-ars18 .ComponentHero--TaglineHeroF1 .ComponentHero__Headline {
    margin-bottom: 24px;
    text-align: center
}

.ns-ars18 .ComponentHero--TaglineHeroF2 {
    background-color: #fff;
    position: relative
}

.ns-ars18 .ComponentHero--TaglineHeroF2:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--TaglineHeroF2:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 150.4%;
    display: block
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF2:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--TaglineHeroF2:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 79.86111%;
        display: block
    }
}

.ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__BodyCopy {
    color: #5a6870;
    margin: 0 auto 40px auto;
    max-width: 100%;
    text-align: center;
    width: 450px
}

.ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__Foreground {
    padding-top: 85%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__Foreground {
        padding-top:52%
    }
}

.ns-ars18 .ComponentHero--TaglineHeroF2 .ComponentHero__Headline {
    margin-bottom: 24px;
    text-align: center
}

.ns-ars18 .ComponentHero--UltraHeroA5 {
    background-color: #fff;
    position: relative
}

.ns-ars18 .ComponentHero--UltraHeroA5:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--UltraHeroA5:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 231.73333%;
    display: block
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraHeroA5:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--UltraHeroA5:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 85.05907%;
        display: block
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__AsideListItem {
    margin-left: 20px
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__AsideListItem:first-child {
    margin-left: 0
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__AsideListItem a.button {
    line-height: 34px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__AsideListItem a.button {
        line-height:53px
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Badge {
    margin: 0 30px 10px 0
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Badge {
        margin-bottom:0
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BodyCopy {
    max-width: 100%;
    text-align: center;
    width: 450px
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Cta {
    display: table;
    margin: 0 auto
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBar {
    margin-bottom: 80px
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarItem {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 40px;
    text-align: center;
    width: 50%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarItem {
        width:20%
    }

    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarItem br {
        display: none
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarItem:first-child h6 {
    margin-top: -3px;
    font-weight: 700;
    font-family: Lato-Bold
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarItemDescription {
    color: #5a6870
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarItemHeadline {
    font-family: Lato-Bold,Helvetica,Arial,sans-serif
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__FeatureBarItemIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 90px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Foreground {
    padding-top: 140%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Foreground {
        padding-top:52%
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__MenuListItem {
    margin-left: 30px
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__MenuListItem:first-child {
    margin-left: 0
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__MenuListItemLink {
    color: #fff;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    -webkit-transition: color .2s cubic-bezier(.5,0,.1,1);
    transition: color .2s cubic-bezier(.5,0,.1,1);
    will-change: color
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__MenuListItemLink {
        font-size:12px
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Textarea {
    margin-bottom: 100px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Textarea {
        margin-bottom:80px
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__TextareaInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__TextareaInner {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Toolbar {
    padding: 20px 0;
    will-change: background-color;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    z-index: 999
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__ToolbarWrapper {
    position: absolute;
    top: 0;
    width: 100%
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Toolbar.scrolling {
    background: #152934;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0,.2,.58,1) .2s;
    transition: -webkit-transform .2s cubic-bezier(0,.2,.58,1) .2s;
    transition: transform .2s cubic-bezier(0,.2,.58,1) .2s;
    transition: transform .2s cubic-bezier(0,.2,.58,1) .2s,-webkit-transform .2s cubic-bezier(0,.2,.58,1) .2s;
    padding-top: 20px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Toolbar .button--secondary {
        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;
        color: #152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        width: 100px;
        height: 40px
    }
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__ToolbarTrack {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__Toolbar-Faux {
    background-color: rgba(255,255,255,0);
    display: none;
    position: relative
}

html.not-at-top .ComponentHero__Toolbar-Faux {
    display: block!important
}

.ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__HeaderIcons {
    zoom:50%}

@supports (-moz-appearance: none) {
    .ns-ars18 .ComponentHero--UltraHeroA5 .ComponentHero__HeaderIcons {
        -moz-transform:scale(.5)
    }
}

html.not-at-top .ComponentHero__Toolbar {
    max-width: 1440px;
    position: fixed;
    top: 0;
    width: 100%;
    background: #152934
}

.product-ultra .ns-ars18 .main>section:not(.ComponentHero--UltraHeroA5,video-modal) {
    position: relative;
    z-index: 0
}

.product-ultra .ns-ars18.scrolling {
    z-index: 20
}

.ns-ars18 .ComponentHero--UltraAudioA6 {
    background-color: #fff;
    position: relative
}

.ns-ars18 .ComponentHero--UltraAudioA6:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--UltraAudioA6:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 186.66667%;
    display: block
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraAudioA6:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--UltraAudioA6:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 133.33333%;
        display: block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--UltraAudioA6:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 51.31944%;
        display: block
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BodyCopy {
    display: block;
    color: #5a6870;
    margin: 0 auto 30px auto;
    max-width: 100%;
    text-align: center;
    width: 450px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BodyCopy {
        display:none;
        font-size: 13px;
        line-height: 23px;
        margin: 0 0 40px 0;
        text-align: left
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BodyCopy {
        font-size:17px;
        line-height: 26px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BodyCopy {
        display:block
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGrid {
    display: block;
    margin-bottom: 50px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGrid {
        margin-bottom:0
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGrid {
        display:block;
        margin-bottom: 0
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridList {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridList {
        margin:0;
        width: auto
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridRow {
    display: table-row;
    padding: 0
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridRow:nth-child(1) .ComponentHero__FeatureGridItem {
    padding-bottom: 40px
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItem {
    display: table-cell;
    padding: 0;
    text-align: center;
    vertical-align: top
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItem br {
        display:none
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItem:nth-child(1) {
    padding-right: 0
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItem:nth-child(1) {
        padding-right:60px
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItemDescription {
    color: #5a6870;
    font-size: 12px;
    line-height: 16px
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItemHeadline {
    color: #5a6870;
    font-size: 12px;
    line-height: 16px
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItemIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItemIcon {
        margin-bottom:0
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__FeatureGridItemTextarea {
    white-space: nowrap
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Foreground {
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Foreground {
        padding-top:12%
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Headline {
    color: #152934;
    margin-bottom: 30px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Headline {
        font-size:35px;
        line-height: 45px;
        text-align: left
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__Headline {
        font-size:53px;
        line-height: 63px
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__TextareaImage {
    display: block;
    height: auto;
    margin-bottom: 50px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__TextareaImage {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__TextareaInner {
        margin-left:auto;
        width: 50%
    }
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__TextareaTrack {
    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-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__TextareaTrackItem .l-padding-sides:first-child {
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--UltraAudioA6 .ComponentHero__TextareaTrackItem {
        padding-bottom:60px
    }
}

.ns-ars18 .ComponentHero--VideoCalloutA4 {
    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;
    padding-bottom: 170px;
    background-image: -webkit-gradient(linear,left top,right top,from(#50b7b9),to(#3c9));
    background-image: linear-gradient(90deg,#50b7b9,#3c9);
    background-repeat: no-repeat;
    position: relative
}

.ns-ars18 .ComponentHero--VideoCalloutA4:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--VideoCalloutA4:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 80%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--VideoCalloutA4:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--VideoCalloutA4:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 27.77778%;
        display: block
    }
}

.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__BodyCopy {
    color: #5a6870;
    margin-bottom: 100px;
    max-width: 100%;
    width: 450px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__BodyCopy {
        margin-bottom:40px
    }
}

.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__BgImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__Foreground {
    position: relative;
    z-index: 1
}

.ns-ars18 .ComponentHero--VideoCalloutA4 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 30px;
    text-align: center
}

.ns-ars18 .VideoCarouselD {
    overflow: hidden;
    background-image: -webkit-gradient(linear,left top,right top,from(#02374f),to(#374851));
    background-image: linear-gradient(90deg,#02374f,#374851);
    background-repeat: no-repeat;
    padding-bottom: 85px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoCarouselD {
        padding-bottom:55px
    }
}

.ns-ars18 .VideoCarouselD__Header {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff
}

.ns-ars18 .VideoCarouselD__HeaderWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 11%;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .VideoCarouselD__HeaderWrapper {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoCarouselD__HeaderWrapper {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .VideoCarouselD__HeaderWrapper {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .VideoCarouselD__HeaderWrapper {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .VideoCarouselD__HeaderWrapper {
        padding-top:100px
    }
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .VideoCarouselD__HeaderWrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ns-ars18 .VideoCarouselD__Header span {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff
}

@media screen and (max-width: 575px) {
    .ns-ars18 .VideoCarouselD__Header--Back {
        padding-top:15px
    }
}

.ns-ars18 .VideoCarouselD__Header--Back:hover span {
    color: #3dcb9a
}

.ns-ars18 .VideoCarouselD__Header--Back span {
    color: #152934;
    font-family: Lato-Medium,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Lato-Bold;
    color: #fff;
    padding-right: 5px;
    -webkit-transition: color .2s cubic-bezier(.5,0,.1,1);
    transition: color .2s cubic-bezier(.5,0,.1,1);
    will-change: color
}

.ns-ars18 .VideoCarouselD .Carousel {
    padding-left: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 70px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .VideoCarouselD .Carousel {
        padding-left:40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoCarouselD .Carousel {
        padding-left:56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .VideoCarouselD .Carousel {
        padding-left:135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .VideoCarouselD .Carousel {
        padding-left:135px
    }
}

.ns-ars18 .VideoCarouselD .Carousel__Item {
    width: 318px;
    height: 198px;
    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;
    overflow: hidden
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoCarouselD .Carousel__Item {
        width:570px;
        height: 356px
    }
}

.ns-ars18 .VideoCarouselD .Carousel__Item--Bg:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.ns-ars18 .VideoCarouselD .Carousel__Item--Bg {
    height: auto;
    width: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.5,0,.1,1);
    transition: -webkit-transform 1s cubic-bezier(.5,0,.1,1);
    transition: transform 1s cubic-bezier(.5,0,.1,1);
    transition: transform 1s cubic-bezier(.5,0,.1,1),-webkit-transform 1s cubic-bezier(.5,0,.1,1);
    will-change: transform
}

.ns-ars18 .VideoCarouselD .Carousel__ItemWrapper {
    padding-right: 30px
}

.ns-ars18 .VideoCarouselD .Carousel__ItemWrapper .Carousel__Item--Info {
    width: 318px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoCarouselD .Carousel__ItemWrapper .Carousel__Item--Info {
        width:570px
    }
}

.ns-ars18 .VideoCarouselD .Carousel__Item--VideoPlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute
}

.ns-ars18 .VideoCarouselD .Carousel__Item--VideoPlayText {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: .24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    padding-left: 5px
}

.ns-ars18 .VideoCarouselD .Carousel__Item--InfoTitle {
    padding-top: 17px;
    padding-bottom: 10px;
    color: #fff
}

@media screen and (max-width: 575px) {
    .ns-ars18 .VideoCarouselD .Carousel__Item--InfoTitle {
        color:#152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

.ns-ars18 .VideoCarouselD .Carousel__Item--InfoCopy {
    color: #8b9ba2;
    padding-bottom: 14px
}

.ns-ars18 .VideoCarouselD .Carousel__Item--InfoDuration {
    color: #fff;
    width: 30px;
    border-top: 1px solid #3c9
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModal {
    margin: auto;
    z-index: 1000
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModalWrapper {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
    position: fixed;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModalWrapper:target {
    opacity: 1;
    visibility: visible
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModalBackground {
    display: block;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}

.ns-ars18 .VideoCarouselD .Carousel .main-carousel {
    overflow: visible
}

.ns-ars18 .VideoCarouselD .Carousel .flickity-page-dots {
    margin-top: 8%
}

.ns-ars18 .VideoCarouselD .Carousel .flickity-page-dots>:first-child {
    margin-left: -19px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .VideoCarouselD .Carousel .flickity-page-dots>:first-child {
        margin-left:-40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoCarouselD .Carousel .flickity-page-dots>:first-child {
        margin-left:-56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .VideoCarouselD .Carousel .flickity-page-dots>:first-child {
        margin-left:-135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .VideoCarouselD .Carousel .flickity-page-dots>:first-child {
        margin-left:-135px
    }
}

.ns-ars18 .VideoCarouselD .Carousel .dot {
    display: inline-block;
    margin-right: 10px;
    color: #8b9ba2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid transparent
}

.ns-ars18 .VideoCarouselD .Carousel .dot:after {
    content: "0" counter(a);
    counter-increment: a
}

.ns-ars18 .VideoCarouselD .Carousel .dot.is-selected {
    color: #fff;
    border-bottom: 1px solid #fff
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModal {
    display: none;
    position: fixed;
    z-index: 99999999
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModalInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1440px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoCarouselD .Carousel__ItemModalInner {
        padding:0
    }
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModalVideoWrapper {
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.ns-ars18 .VideoCarouselD .Carousel__ItemModalCloseBtn {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    display: block;
    padding: 19px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255,255,255,0);
    border: none
}

.ns-ars18 .WindowPaneArrangementB {
    min-height: 1900px;
    background-color: #f5f6f7;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .WindowPaneArrangementB {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneArrangementB {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .WindowPaneArrangementB {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .WindowPaneArrangementB {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .WindowPaneArrangementB {
        min-height:1470px
    }
}

.ns-ars18 .WindowPaneArrangementB .h1 {
    padding-top: 167px;
    padding-bottom: 70px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .ns-ars18 .WindowPaneArrangementB .h1 {
        padding-top:100px;
        padding-bottom: 40px;
        color: #152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .WindowPaneArrangementB__BottomWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ns-ars18 .WindowPaneArrangementB__BottomWrapper>* {
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneArrangementB__BottomWrapper>* {
        width:50%
    }

    .ns-ars18 .WindowPaneArrangementB__BottomWrapper>:nth-child(1) {
        padding-right: 15px
    }

    .ns-ars18 .WindowPaneArrangementB__BottomWrapper>:nth-child(2) {
        padding-left: 130px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.ns-ars18 .WindowPaneItemToggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItemToggle {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.ns-ars18 .WindowPaneItemToggle__Control {
    color: #5a6870;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 30px;
    text-align: center;
    -webkit-transition: color .2s cubic-bezier(.5,0,.1,1);
    transition: color .2s cubic-bezier(.5,0,.1,1);
    will-change: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.ns-ars18 .WindowPaneItemToggle__Control--indicator {
    background-color: #3c9;
    border-radius: 4px;
    content: '';
    display: block;
    height: 30px;
    left: 3px;
    position: absolute;
    top: 3px;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.5,0,.1,1);
    transition: -webkit-transform .2s cubic-bezier(.5,0,.1,1);
    transition: transform .2s cubic-bezier(.5,0,.1,1);
    transition: transform .2s cubic-bezier(.5,0,.1,1),-webkit-transform .2s cubic-bezier(.5,0,.1,1);
    width: calc(50% - 3px);
    will-change: transform;
    z-index: 0
}

.ns-ars18 .WindowPaneItemToggle__Controls {
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid #8b9ba2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 38px;
    padding: 3px;
    position: relative;
    width: 94px
}

.ns-ars18 .WindowPaneItemToggle__Label {
    line-height: 38px;
    margin-left: 10px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItemToggle__Label {
        margin-right:20px
    }
}

.ns-ars18 .WindowPaneItem--off .WindowPaneItemToggle__Control--off {
    color: #fff
}

.ns-ars18 .WindowPaneItem--off .WindowPaneItemToggle__Control--on:hover {
    color: #3c9
}

.ns-ars18 .WindowPaneItem--off .WindowPaneItemToggle__Control--indicator {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ns-ars18 .WindowPaneItem--on .WindowPaneItemToggle__Control--off:hover {
    color: #3c9
}

.ns-ars18 .WindowPaneItem--on .WindowPaneItemToggle__Control--on {
    color: #fff
}

.ns-ars18 .WindowPaneItem--on .WindowPaneItemToggle__Control--indicator {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.ns-ars18 .WindowPaneItem {
    padding-bottom: 100px
}

.ns-ars18 .WindowPaneItem__Copy {
    color: #5a6870
}

.ns-ars18 .WindowPaneItem__Headline {
    padding-bottom: 10px;
    padding-top: 17px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .WindowPaneItem__Headline {
        color:#152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .WindowPaneItem__InfoWrapperTrack {
    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
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem__InfoWrapperTrack {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ns-ars18 .WindowPaneItem__Image {
    display: block;
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ns-ars18 .WindowPaneItem__Image--off {
    -webkit-transition: opacity .2s cubic-bezier(.5,0,.1,1);
    transition: opacity .2s cubic-bezier(.5,0,.1,1);
    will-change: opacity
}

.ns-ars18 .WindowPaneItem__Info--no-headline {
    padding-top: 60px
}

.ns-ars18 .WindowPaneItem__VideoElement {
    display: block;
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ns-ars18 .WindowPaneItem__VideoElement--off {
    -webkit-transition: opacity .2s cubic-bezier(.5,0,.1,1);
    transition: opacity .2s cubic-bezier(.5,0,.1,1);
    will-change: opacity
}

.ns-ars18 .WindowPaneItem__MediaWrapper {
    position: relative;
    margin-bottom: 6px;
    overflow: hidden
}

.ns-ars18 .WindowPaneItem__MediaWrapper:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .WindowPaneItem__MediaWrapper:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 56.71642%;
    display: block
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem__MediaWrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .WindowPaneItem__MediaWrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 40.17094%;
        display: block
    }
}

.ns-ars18 .WindowPaneItem__MediaWrapperInner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center
}

.ns-ars18 .WindowPaneItem__Toggle {
    padding-top: 20px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--One {
        padding-bottom:30px
    }
}

.ns-ars18 .WindowPaneItem--Two {
    padding-top: 0
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--Two {
        padding-top:96px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--Two .WindowPaneItem__MediaWrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .WindowPaneItem--Two .WindowPaneItem__MediaWrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 100%;
        display: block
    }
}

.ns-ars18 .WindowPaneItem--Three .WindowPaneItem__Inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--Three .WindowPaneItem__MediaWrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .WindowPaneItem--Three .WindowPaneItem__MediaWrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 121.2766%;
        display: block
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--Three-lower {
        padding-top:calc(96px * 2)
    }
}

.ns-ars18 .WindowPaneItem--Three-lower .WindowPaneItem__Inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--Three-lower .WindowPaneItem__MediaWrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .WindowPaneItem--Three-lower .WindowPaneItem__MediaWrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 121.2766%;
        display: block
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--Five .WindowPaneItem__MediaWrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .WindowPaneItem--Five .WindowPaneItem__MediaWrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.47863%;
        display: block
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneItem--Six .WindowPaneItem__MediaWrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .WindowPaneItem--Six .WindowPaneItem__MediaWrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.47863%;
        display: block
    }
}

.ns-ars18 .WindowPaneItem__Info {
    max-width: 370px
}

.ns-ars18 .WindowPaneItem--off .WindowPaneItem__Image--off {
    opacity: 1
}

.ns-ars18 .WindowPaneItem--on .WindowPaneItem__Image--off {
    opacity: 0
}

.ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__Image--off {
    display: none;
    -webkit-transition: none;
    transition: none
}

.ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__MediaWrapper {
    overflow: visible
}

.ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner {
    margin-left: -19px;
    margin-right: -19px;
    left: 0;
    right: 0;
    width: auto
}

@media screen and (min-width: 576px) {
    .ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner {
        margin-left:-40px;
        margin-right: -40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner {
        margin-left:-56px;
        margin-right: -56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner {
        margin-left:-135px;
        margin-right: -135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner {
        margin-left:-135px;
        margin-right: -135px
    }
}

.ns-ars18 .WindowPaneItem[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    content: '';
    border: 0 solid #fff;
    border-bottom: none;
    border-top: none;
    right: 0;
    width: auto;
    -webkit-transition: border .8s cubic-bezier(.785,.135,.15,.86);
    transition: border .8s cubic-bezier(.785,.135,.15,.86);
    will-change: border
}

.ns-ars18 .WindowPaneItem--off[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner:after {
    border-left-width: 19px;
    border-right-width: 19px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .WindowPaneItem--off[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner:after {
        border-left-width:40px;
        border-right-width: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneItem--off[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner:after {
        border-left-width:56px;
        border-right-width: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .WindowPaneItem--off[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner:after {
        border-left-width:135px;
        border-right-width: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .WindowPaneItem--off[data-toggle-type=expand] .WindowPaneItem__MediaWrapperInner:after {
        border-left-width:135px;
        border-right-width: 135px
    }
}

.ns-ars18 .WindowPaneSimulatorB2 {
    padding-top: 100px;
    padding-bottom: 80px;
    background-color: #fff;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .WindowPaneSimulatorB2 {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneSimulatorB2 {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .WindowPaneSimulatorB2 {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .WindowPaneSimulatorB2 {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneSimulatorB2 {
        padding-top:180px
    }
}

.ns-ars18 .WindowPaneSimulatorB2__BottomWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ns-ars18 .WindowPaneSimulatorB2__BottomWrapper>* {
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneSimulatorB2__BottomWrapper>* {
        width:50%
    }

    .ns-ars18 .WindowPaneSimulatorB2__BottomWrapper>:nth-child(2) {
        padding-left: 130px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.ns-ars18 .main-carousel,.ns-ars18 .main-carousel-arrow {
    overflow: hidden
}

.ns-ars18 .main-carousel-arrow:after,.ns-ars18 .main-carousel:after {
    content: 'flickity';
    display: none
}

.ns-ars18 .main-carousel-arrow:hover,.ns-ars18 .main-carousel:hover {
    cursor: -webkit-grab
}

.ns-ars18 .main-carousel-arrow:focus,.ns-ars18 .main-carousel:focus {
    outline: 0!important
}

.ns-ars18 .main-carousel .flickity-page-dots,.ns-ars18 .main-carousel-arrow .flickity-page-dots {
    counter-reset: a;
    text-align: center;
    list-style-type: none
}

.ns-ars18 .main-carousel .dot,.ns-ars18 .main-carousel-arrow .dot {
    display: inline-block;
    margin-right: 10px
}

.ns-ars18 .main-carousel .dot:after,.ns-ars18 .main-carousel-arrow .dot:after {
    content: "0" counter(a);
    counter-increment: a
}

.ns-ars18 .main-carousel .dot:hover,.ns-ars18 .main-carousel-arrow .dot:hover {
    cursor: pointer
}

.ns-ars18 .main-carousel-arrow .previous {
    position: absolute;
    background: 0 0;
    border: none;
    width: 40px;
    left: 30px;
    top: 50%;
    cursor: pointer
}

@media screen and (max-width: 575px) {
    .ns-ars18 .main-carousel-arrow .previous {
        left:19px
    }
}

.ns-ars18 .main-carousel-arrow .previous svg {
    fill: transparent
}

.ns-ars18 .main-carousel-arrow .previous:before {
    position: absolute;
    display: block;
    content: url(/en-us/images/Arlov4/home/arrow-white-left-2x.png);
    top: 20%;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.ns-ars18 .main-carousel-arrow .next {
    position: absolute;
    background: 0 0;
    border: none;
    width: 40px;
    right: 30px;
    top: 50%;
    cursor: pointer
}

@media screen and (max-width: 575px) {
    .ns-ars18 .main-carousel-arrow .next {
        right:19px
    }
}

.ns-ars18 .main-carousel-arrow .next svg {
    fill: transparent
}

.ns-ars18 .main-carousel-arrow .next:before {
    position: absolute;
    display: block;
    content: url(/en-us/images/Arlov4/home/arrow-white-right-2x.png);
    right: 0;
    top: 20%;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

html.env-arlo .main-carousel-arrow .next:before {
    content: url(/en-us/images/Arlov4/home/arrow-white-right-2x.png)
}

html.env-arlo .main-carousel-arrow .previous:before {
    content: url(/en-us/images/Arlov4/home/arrow-white-left-2x.png)
}

.ns-ars18 .RatingsCarouselI {
    background-image: -webkit-gradient(linear,left top,right top,from(#50b7b9),to(#3c9));
    background-image: linear-gradient(90deg,#50b7b9,#3c9);
    background-repeat: no-repeat;
    position: relative
}

.ns-ars18 .RatingsCarouselI__Slide {
    width: 100%;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 595px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .RatingsCarouselI__Slide {
        height:470px
    }
}

.ns-ars18 .RatingsCarouselI__Content {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ns-ars18 .RatingsCarouselI__Stars {
    margin-bottom: 38px;
    width: 149px;
    height: 20px
}

.ns-ars18 .RatingsCarouselI__Rating {
    color: #fff;
    text-align: center;
    padding: 0 27% 33px 27%
}

@media screen and (max-width: 767px) {
    .ns-ars18 .RatingsCarouselI__Rating {
        padding:0 25% 20px 25%;
        color: #152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

.ns-ars18 .RatingsCarouselI__Author {
    color: #fff
}

@media screen and (max-width: 767px) {
    .ns-ars18 .RatingsCarouselI__Author {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

.ns-ars18 .RatingsCarouselI .flickity-page-dots {
    padding-bottom: 39px;
    margin-top: -66px;
    z-index: 2;
    position: relative
}

@media screen and (max-width: 767px) {
    .ns-ars18 .RatingsCarouselI .flickity-page-dots {
        padding-bottom:100px
    }
}

.ns-ars18 .RatingsCarouselI .dot {
    display: inline-block;
    margin-right: 10px;
    color: #dfe2e6;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid transparent
}

.ns-ars18 .RatingsCarouselI .dot:after {
    content: "0" counter(a);
    counter-increment: a
}

.ns-ars18 .RatingsCarouselI .dot.is-selected {
    color: #fff;
    border-bottom: 1px solid #fff
}

.ns-ars18 .SplitCarousel {
    position: relative;
    max-width: 1440px
}

.ns-ars18 .SplitCarousel__Slide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel__Slide {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.ns-ars18 .SplitCarousel__Slide--Left {
    background-image: -webkit-gradient(linear,left top,right top,from(#5fb5d4),to(#69c8ca));
    background-image: linear-gradient(90deg,#5fb5d4,#69c8ca);
    background-repeat: no-repeat;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SplitCarousel__Slide--Left {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .SplitCarousel__Slide--Left {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .SplitCarousel__Slide--Left {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .SplitCarousel__Slide--Left {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel__Slide--Left {
        text-align:center;
        height: 417px
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SplitCarousel__Slide--Left {
        width:calc(100% / 2)
    }
}

.ns-ars18 .SplitCarousel__Slide--Right {
    height: 190px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SplitCarousel__Slide--Right {
        height:900px;
        width: calc(100% / 2);
        overflow: hidden;
        position: relative
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel__Slide--Right {
        overflow:hidden
    }
}

.ns-ars18 .SplitCarousel__Header,.ns-ars18 .SplitCarousel__Info--Copy,.ns-ars18 .SplitCarousel__Info--Title {
    color: #fff
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SplitCarousel__Header {
        padding-top:16%;
        padding-bottom: 44%
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel__Header {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        padding-top: 43px;
        padding-bottom: 32px
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SplitCarousel__Info--Title {
        padding-bottom:23px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .SplitCarousel__Info--Title {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 35px;
        font-style: normal;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel__Info--Title {
        padding-bottom:25px
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SplitCarousel__Info--Copy {
        max-width:270px
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel__Info {
        padding:0 20px
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SplitCarousel__Image {
        position:absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .ns-ars18 .SplitCarousel__Image--Mobile {
        display: none
    }
}

.ns-ars18 .SplitCarousel__Image--Mobile {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel__Image {
        display:none
    }
}

.ns-ars18 .SplitCarousel .flickity-page-dots {
    text-align: left;
    position: absolute;
    bottom: 10%;
    left: 10%
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel .flickity-page-dots {
        left:40%;
        bottom: 15%
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .SplitCarousel .previous {
        top:12%!important
    }

    .ns-ars18 .SplitCarousel .next {
        top: 12%
    }
}

.ns-ars18 .SplitCarousel .dot {
    display: inline-block;
    margin-right: 10px;
    color: #dfe2e6;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid transparent
}

.ns-ars18 .SplitCarousel .dot:after {
    content: "0" counter(a);
    counter-increment: a
}

.ns-ars18 .SplitCarousel .dot.is-selected {
    color: #fff;
    border-bottom: 1px solid #fff
}

.ns-ars18 .ASplitCarousel {
    position: relative
}

.ns-ars18 .SplitCarousel--1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3
}

.ns-ars18 .SplitCarousel--1 .SplitCarousel__Header {
    opacity: 0;
    visibility: hidden
}

.ns-ars18 .SplitCarousel--1 .SplitCarousel__Slide--Left {
    background-color: transparent;
    background-image: none;
    background: 0 0
}

.ns-ars18 .SplitCarousel--1 .SplitCarousel__Slide--Right img {
    display: none
}

.ns-ars18 .SplitCarousel--1 .SplitCarousel__Info {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out .2s;
    transition: opacity .2s ease-in-out .2s;
    will-change: opacity
}

.ns-ars18 .SplitCarousel--1 .SplitCarousel__Slide.is-selected {
    left: 0!important
}

.ns-ars18 .SplitCarousel--1 .SplitCarousel__Slide.is-selected .SplitCarousel__Info {
    opacity: 1
}

.ns-ars18 .SplitCarousel--1 .flickity-slider {
    -webkit-transform: none!important;
    transform: none!important
}

.ns-ars18 .SplitCarousel--2 {
    position: relative;
    z-index: 1
}

.ns-ars18 .SplitCarousel--2 .SplitCarousel__Slide--Left {
    background: 0 0;
    background-color: transparent;
    background-image: none
}

.ns-ars18 .SplitCarousel--2 .SplitCarousel__Header,.ns-ars18 .SplitCarousel--2 .SplitCarousel__Info,.ns-ars18 .SplitCarousel--2 .flickity-button,.ns-ars18 .SplitCarousel--2 .flickity-page-dots {
    opacity: 0!important;
    visibility: hidden!important
}

.ns-ars18 .SplitCarousel--3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.ns-ars18 .SplitCarousel--3 .SplitCarousel__Info,.ns-ars18 .SplitCarousel--3 .SplitCarousel__Slide--Right {
    opacity: 0!important;
    visibility: hidden!important
}

.ns-ars18 .SplitCarousel--4 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.ns-ars18 .SplitCarousel--4 .SplitCarousel__Info {
    opacity: 0!important;
    visibility: hidden!important
}

.ns-ars18 .SplitCarousel--4 .SplitCarousel__Slide--Right {
    background-color: #69c8ca
}

.ns-ars18 .SplitCarousel--4 .SplitCarousel__Slide--Right img {
    opacity: 0!important;
    visibility: hidden!important
}

.ns-ars18 .ProductCarouselI {
    position: relative
}

.ns-ars18 .ProductCarouselI__HeaderWrapper {
    text-align: center;
    padding-bottom: 60px;
    padding-top: 11%
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI__HeaderWrapper {
        padding-top:100px;
        padding-bottom: 36px
    }
}

.ns-ars18 .ProductCarouselI__Header--Title {
    padding-bottom: 23px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI__Header--Title {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 35px;
        font-style: normal;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        max-width: 335px;
        margin: 0 auto
    }
}

.ns-ars18 .ProductCarouselI__Header--Title sup {
    position: absolute
}

.ns-ars18 .ProductCarouselI__Header--Copy {
    max-width: 370px;
    margin: 0 auto;
    padding-bottom: 32px;
    color: #5a6870
}

.ns-ars18 .ProductCarouselI__Header--Value {
    color: #3c9
}

.ns-ars18 .ProductCarouselI__Slide {
    text-align: center;
    margin-left: 2.5%;
    margin-right: 2.5%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .ProductCarouselI__SlideImage {
    opacity: .1;
    margin-left: 15.4%;
    -webkit-transition: opacity 1s cubic-bezier(.5,0,.1,1);
    transition: opacity 1s cubic-bezier(.5,0,.1,1);
    will-change: opacity;
    position: relative;
    z-index: 0
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI__SlideImage {
        width:230px
    }
}

.ns-ars18 .ProductCarouselI__Slide.is-selected img {
    opacity: 1
}

.ns-ars18 .ProductCarouselI__Slide.is-selected .ProductCarouselI__SlideInfo {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI__Slide.is-selected {
        width:230px;
        margin-left: 3.5%;
        margin-right: 3.5%
    }
}

.ns-ars18 .ProductCarouselI__SlideInfo {
    max-width: 370px;
    opacity: 0;
    margin-top: -9%;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI__SlideInfo {
        width:230px
    }

    .ns-ars18 .ProductCarouselI__SlideInfo--Title {
        color: #152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .ProductCarouselI__SlideInfo--Copy {
    color: #5a6870;
    padding-bottom: 44px;
    padding-top: 10px
}

.ns-ars18 .ProductCarouselI .dot {
    display: inline-block;
    margin-right: 10px;
    color: #152934;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid transparent
}

.ns-ars18 .ProductCarouselI .dot:after {
    content: "0" counter(a);
    counter-increment: a
}

.ns-ars18 .ProductCarouselI .dot.is-selected {
    color: #3c9;
    border-bottom: 1px solid #3c9
}

.ns-ars18 .ProductCarouselI__CarouselWrapper {
    position: relative
}

.ns-ars18 .ProductCarouselI__CarouselContainer {
    position: relative
}

.ns-ars18 .ProductCarouselI__ButtonContainer {
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 15%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ProductCarouselI__ButtonContainer {
        bottom:20%
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI__ButtonContainer {
        bottom:26%
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .ProductCarouselI__ButtonContainer {
        bottom:24%
    }
}

@media screen and (max-width: 440px) {
    .ns-ars18 .ProductCarouselI__ButtonContainer {
        bottom:17%
    }
}

@media screen and (max-width: 400px) {
    .ns-ars18 .ProductCarouselI__ButtonContainer {
        bottom:21.5%
    }
}

.ns-ars18 .ProductCarouselI .main-carousel-arrow .previous:before {
    position: absolute;
    display: block;
    content: url(/en-us/images/Arlov4/Ultra/arrow-dark-left-2x.png)
}

.ns-ars18 .ProductCarouselI .main-carousel-arrow .next:before {
    position: absolute;
    display: block;
    content: url(/en-us/images/Arlov4/Ultra/arrow-dark-right-2x.png)
}

.ns-ars18 .ProductCarouselI .main-carousel-arrow .next,.ns-ars18 .ProductCarouselI .main-carousel-arrow .previous {
    top: 300px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI .main-carousel-arrow .next,.ns-ars18 .ProductCarouselI .main-carousel-arrow .previous {
        top:157px
    }
}

.ns-ars18 .ProductCarouselI .main-carousel-arrow .flickity-page-dots {
    margin-top: 10.5%;
    margin-bottom: 6.2%
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI .main-carousel-arrow .flickity-page-dots {
        margin-top:20.5%;
        margin-bottom: 17%
    }
}

@media screen and (max-width: 400px) {
    .ns-ars18 .ProductCarouselI .main-carousel-arrow .flickity-page-dots {
        margin-bottom:22%
    }
}

.ns-ars18 .ProductCarouselI .button--primary {
    width: 280px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ProductCarouselI .button--primary {
        width:200px
    }
}

.ns-ars18 .ProductCarouselI--essential-spotlight {
    background: #f5f7f9;
    margin-top: 100px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ProductCarouselI--essential-spotlight {
        margin-top:200px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ProductCarouselI--essential-spotlight .ProductCarouselI__Header--Copy {
        max-width:480px
    }
}

.ns-ars18 .ProductCarouselI--essential-spotlight .ProductCarouselI__SlideInfo--Copy {
    max-width: 300px
}

.ns-ars18 .ProductCarouselI--essential-spotlight .ProductCarouselI__SlideImage {
    width: 230px;
    height: 411px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ProductCarouselI--essential-spotlight .ProductCarouselI__SlideImage {
        width:372px;
        height: 665px
    }
}

.ns-ars18 .ProductCarouselI--essential-spotlight .main-carousel-arrow .flickity-page-dots {
    margin-top: 0
}

.ns-ars18 .PackageCompareL {
    background: #f5f6f7;
    overflow: hidden
}

.ns-ars18 .PackageCompareL__Header {
    text-align: center;
    padding-top: 14%;
    padding-bottom: 47px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .PackageCompareL__Header {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 35px;
        font-style: normal;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        padding-top: 94px
    }
}

.ns-ars18 .PackageCompareL__SliderNavigation {
    padding-bottom: 72px;
    margin-right: 21%;
    margin-left: 19%
}

.ns-ars18 .PackageCompareL__SliderNavigation:not(.flickity-enabled) {
    cursor: default!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ns-ars18 .PackageCompareL__SliderNavigation:not(.flickity-enabled) .PackageCompareL__SlideNav {
    width: 180px;
    border: none;
    cursor: pointer;
    padding-bottom: 0
}

.ns-ars18 .PackageCompareL__SliderNavigation:not(.flickity-enabled) .PackageCompareL__SlideNav:last-child {
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .PackageCompareL__SliderNavigation {
        padding-bottom:0
    }

    .ns-ars18 .PackageCompareL__SliderNavigation .flickity-page-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ns-ars18 .PackageCompareL__SliderNavigation .flickity-page-dots .dot {
        width: 158px;
        height: 2px;
        background: #dfe2e6
    }

    .ns-ars18 .PackageCompareL__SliderNavigation .flickity-page-dots .dot.is-selected {
        background: #3c9
    }
}

.ns-ars18 .PackageCompareL__SliderNavigation::after {
    content: 'flickity';
    display: none
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .PackageCompareL__SliderNavigation::after {
        content:''
    }
}

.ns-ars18 .PackageCompareL__SliderNavigation .flickity-page-dots {
    display: none
}

.ns-ars18 .PackageCompareL__SliderNavigationWrapper {
    margin: 0 auto;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SliderInfo {
        padding-bottom:6%
    }
}

@media screen and (max-width: 1025px) and (min-width:768px) {
    .ns-ars18 .PackageCompareL__SliderInfoWrapper {
        margin-top:90px
    }
}

.ns-ars18 .PackageCompareL__SlideNav {
    width: 180px;
    padding-right: 15px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .PackageCompareL__SlideNav {
        position:relative;
        min-height: 246px
    }

    .ns-ars18 .PackageCompareL__SlideNav:after {
        content: '';
        position: absolute;
        display: block;
        height: 2px;
        width: 100%;
        background-color: #dfe2e6;
        bottom: 0
    }
}

.ns-ars18 .PackageCompareL__SlideNav.is-selected .PackageCompareL__SlideNav--Image,.ns-ars18 .PackageCompareL__SlideNav.is-selected .PackageCompareL__SlideNav--Info {
    opacity: 1
}

.ns-ars18 .PackageCompareL__SlideNav.is-selected:after {
    background-color: #3c9
}

.ns-ars18 .PackageCompareL__SlideNav--Image {
    max-width: 170px;
    opacity: .3;
    margin-left: -20px
}

.ns-ars18 .PackageCompareL__SlideNav--Info {
    opacity: .3
}

.ns-ars18 .PackageCompareL__SlideNav--Price,.ns-ars18 .PackageCompareL__SlideNav--Title {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .PackageCompareL__SlideNav--ProductNumber {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #5a6870;
    letter-spacing: .83px
}

.ns-ars18 .PackageCompareL__SlideInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10.5%;
    width: 100%
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 8%;
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo {
        padding-top:25%
    }
}

.ns-ars18 .PackageCompareL__SlideInfo--Info {
    width: 335px;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .ns-ars18 .PackageCompareL__SlideInfo--Info {
        margin-left:260px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo--Info {
        text-align:center
    }
}

.ns-ars18 .PackageCompareL__SlideInfo--InfoBottom {
    padding-top: 30px
}

.ns-ars18 .PackageCompareL__SlideInfo--BuyPrice,.ns-ars18 .PackageCompareL__SlideInfo--ProductNumber {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #5a6870;
    letter-spacing: 1px
}

.ns-ars18 .PackageCompareL__SlideInfo--BuyButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .PackageCompareL__SlideInfo--Title {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: left
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo--Title {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-align: center
    }
}

.ns-ars18 .PackageCompareL__SlideInfo hr {
    background-color: #dfe2e6;
    height: 1px;
    border: 0
}

.ns-ars18 .PackageCompareL__SlideInfo--Buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo--Buy {
        display:block
    }
}

.ns-ars18 .PackageCompareL__SlideInfo--BuyButton {
    margin-right: 15px
}

.ns-ars18 .PackageCompareL__SlideInfo--BuyButton .button--primary {
    width: 115px;
    height: 60px;
    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
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo--BuyButton {
        margin-bottom:15px
    }

    .ns-ars18 .PackageCompareL__SlideInfo--BuyButton .button--primary {
        width: 120px;
        height: 40px;
        color: #152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

.ns-ars18 .PackageCompareL__SlideInfo--ImageWrapper {
    margin-left: -160px;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .PackageCompareL__SlideInfo--ImageWrapper {
        margin-left:-200px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo--ImageWrapper {
        margin-left:0
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo--Image {
        width:335px;
        margin-left: -20px
    }
}

.ns-ars18 .PackageCompareL__SlideInfo--Included {
    padding-bottom: 15px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PackageCompareL__SlideInfo--IncludedList {
        padding-bottom:10%
    }
}

.ns-ars18 .PackageCompareL__SlideInfo--IncludedListItem {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #5a6870
}

.ns-ars18 .PackageCompareL--doorbell {
    background: #fff
}

.ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SliderNavigation {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SliderInfo {
        padding-bottom:0
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SlideInfo {
        padding-left:19px;
        will-change: padding;
        -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
        transition: padding .2s cubic-bezier(.5,0,.1,1);
        padding-bottom: 86px
    }
}

@media screen and (min-width: 1170px) and (min-width:576px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SlideInfo {
        padding-left:40px
    }
}

@media screen and (min-width: 1170px) and (min-width:768px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SlideInfo {
        padding-left:56px
    }
}

@media screen and (min-width: 1170px) and (min-width:992px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SlideInfo {
        padding-left:135px
    }
}

@media screen and (min-width: 1170px) and (min-width:1200px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SlideInfo {
        padding-left:135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SlideInfo--Info {
        margin-left:0
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .PackageCompareL--doorbell .PackageCompareL__SlideInfo--ImageWrapper {
        margin-left:0
    }
}

.ns-ars18 .main-carousel-line:focus,.ns-ars18 .main-carousel-navigated:focus {
    outline: 0!important
}

.ns-ars18 .main-carousel-line:active,.ns-ars18 .main-carousel-line:hover,.ns-ars18 .main-carousel-navigated:active,.ns-ars18 .main-carousel-navigated:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.ns-ars18 .PlanCompareM {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    background: #f5f6f7
}

@media screen and (min-width: 576px) {
    .ns-ars18 .PlanCompareM {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .PlanCompareM {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .PlanCompareM {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .PlanCompareM {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .PlanCompareM__Header {
    text-align: center;
    padding-top: 8.7%
}

@media screen and (max-width: 575px) {
    .ns-ars18 .PlanCompareM__Header {
        padding-top:94px
    }
}

.ns-ars18 .PlanCompareM__HeaderCopy {
    padding-top: 10px;
    padding-bottom: 74px;
    color: #5a6870
}

.ns-ars18 .PlanCompareM__Plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1380px) {
    .ns-ars18 .PlanCompareM__Plans {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PlanCompareM__Plans .button--primary {
        width:120px;
        height: 40px;
        color: #152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff
    }
}

.ns-ars18 .PlanCompareM__Disclaimer {
    text-align: center;
    padding-bottom: 46px
}

@media screen and (max-width: 575px) {
    .ns-ars18 .PlanCompareM__Disclaimer {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        padding-bottom: 25px
    }
}

.ns-ars18 .PlanCompareM__Learn {
    text-align: center;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 94px;
    max-width: 700px
}

.ns-ars18 .PlanCompareM__Learn--Text {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .PlanCompareM__Learn {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.ns-ars18 .PlanCompareM__Learn .button--primary {
    margin: 0 auto
}

.ns-ars18 .Plan {
    width: 370px;
    text-align: center;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 10%
}

.ns-ars18 .Plan__Label {
    width: 148px;
    height: 40px;
    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;
    font-size: 15px;
    line-height: 24px;
    padding-top: 25px
}

.ns-ars18 .Plan__Month {
    padding-top: 36px;
    padding-bottom: 10px
}

.ns-ars18 .Plan__MonthDetail {
    color: #3c9
}

@media screen and (max-width: 767px) {
    .ns-ars18 .Plan__MonthDetail {
        color:#152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #3c9
    }
}

.ns-ars18 .Plan__MonthPrice {
    position: relative
}

.ns-ars18 .Plan__MonthPrice:before {
    content: '$';
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 8px;
    left: -14px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .Plan__MonthPrice:before {
        top:12px
    }
}

.ns-ars18 .Plan__Year {
    padding-bottom: 25px
}

.ns-ars18 .Plan__YearPrice,.ns-ars18 .Plan__YearSave {
    color: #5a6870
}

.ns-ars18 .Plan__History {
    padding-top: 25px;
    padding-bottom: 50px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .Plan__History {
        padding-bottom:44px
    }
}

.ns-ars18 .Plan__Specs {
    padding-top: 50px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .Plan__Specs {
        padding-top:42px
    }
}

.ns-ars18 .Plan__SpecsList {
    text-align: left
}

.ns-ars18 .Plan__SpecsListItem {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #5a6870;
    position: relative
}

.ns-ars18 .Plan__SpecsListItem:before {
    content: url(/en-us/images/Arlov4/Smart/checkmark-2x.png);
    zoom:50%;position: absolute;
    left: -68px;
    top: 16px
}

@supports (-moz-appearance: none) {
    .ns-ars18 .Plan__SpecsListItem:before {
        width:21px;
        height: 21px;
        -moz-transform: scale(.5);
        left: -38px;
        top: 5px
    }
}

.ns-ars18 .Plan hr {
    width: 30px;
    border: #3c9 .5px solid
}

@media screen and (max-width: 1380px) {
    .ns-ars18 .Plan:not(:last-of-type) {
        padding:91px 0
    }

    .ns-ars18 .Plan:not(:last-of-type):after {
        position: absolute;
        bottom: 0;
        content: '';
        width: 100%;
        border: .5px solid #dfe2e6
    }
}

@media screen and (min-width: 1380px) {
    .ns-ars18 .Plan:not(:last-of-type):after {
        position:absolute;
        right: 0;
        content: '';
        height: 100%;
        border: .5px solid #dfe2e6
    }
}

@media screen and (max-width: 1380px) {
    .ns-ars18 .Plan:last-of-type {
        padding-top:91px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .Plan:first-of-type {
        padding-top:0
    }
}

.ns-ars18 .FeatureShowcaseN {
    background-image: -webkit-gradient(linear,left top,right top,from(#50b7b9),to(#3c9));
    background-image: linear-gradient(90deg,#50b7b9,#3c9);
    background-repeat: no-repeat;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .FeatureShowcaseN {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .FeatureShowcaseN {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .FeatureShowcaseN {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN {
        padding-bottom:92px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN {
        background-image:-webkit-gradient(linear,left bottom,left top,from(#50b7b9),to(#3c9));
        background-image: linear-gradient(0deg,#50b7b9,#3c9);
        background-repeat: no-repeat
    }
}

@media screen and (max-width: 769px) {
    .ns-ars18 .FeatureShowcaseN {
        padding-bottom:8px
    }
}

.ns-ars18 .FeatureShowcaseN__Header {
    text-align: center;
    max-width: 570px;
    margin: 0 auto;
    padding-top: 164px;
    padding-bottom: 62px
}

@media screen and (max-width: 769px) {
    .ns-ars18 .FeatureShowcaseN__Header {
        padding-top:100px
    }
}

.ns-ars18 .FeatureShowcaseN__HeaderCopy,.ns-ars18 .FeatureShowcaseN__HeaderTitle {
    color: #fff
}

.ns-ars18 .FeatureShowcaseN__HeaderTitle {
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN__HeaderTitle {
        padding-bottom:20px
    }
}

.ns-ars18 .FeatureShowcaseN__Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN__Content {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ns-ars18 .FeatureShowcaseN__Middle {
    margin-right: -62px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN__Middle {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: -38px
    }

    .ns-ars18 .FeatureShowcaseN__Middle img {
        width: 229px
    }

    .ns-ars18 .FeatureShowcaseN__Left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ns-ars18 .FeatureShowcaseN__Left .Feature:first-of-type {
        margin: 0 0 43px 0
    }

    .ns-ars18 .FeatureShowcaseN__Left .Feature:last-of-type {
        margin: 43px 0 0 0
    }

    .ns-ars18 .FeatureShowcaseN__Right {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .ns-ars18 .FeatureShowcaseN__Right:last-child {
        padding-bottom: 56px
    }
}

.ns-ars18 .FeatureShowcaseN .Feature {
    max-width: 270px;
    text-align: center;
    margin: 93px 0
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN .Feature {
        margin:43px 0
    }
}

.ns-ars18 .FeatureShowcaseN .Feature__Copy,.ns-ars18 .FeatureShowcaseN .Feature__Title {
    color: #fff
}

.ns-ars18 .FeatureShowcaseN .Feature__Title {
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    padding-bottom: 20px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN .Feature__Title {
        padding-bottom:6px
    }
}

.ns-ars18 .FeatureShowcaseN .Feature__Icon {
    zoom:50%;padding-bottom: 30px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN .Feature__Icon {
        padding-bottom:13px
    }
}

@supports (-moz-appearance: none) {
    .ns-ars18 .FeatureShowcaseN .Feature__Icon {
        -moz-transform:scale(.5);
        padding-bottom: 0
    }
}

.ns-ars18 .FeatureShowcaseN2 {
    background-image: -webkit-gradient(linear,left top,right top,from(#50b7b9),to(#3c9));
    background-image: linear-gradient(90deg,#50b7b9,#3c9);
    background-repeat: no-repeat;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .FeatureShowcaseN2 {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2 {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .FeatureShowcaseN2 {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .FeatureShowcaseN2 {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2 {
        padding-bottom:80px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN2 {
        background-image:-webkit-gradient(linear,left bottom,left top,from(#50b7b9),to(#3c9));
        background-image: linear-gradient(0deg,#50b7b9,#3c9);
        background-repeat: no-repeat
    }
}

.ns-ars18 .FeatureShowcaseN2[data-active-index="0"] .FeatureShowcaseN2__Phones-Image--1 {
    opacity: 1
}

.ns-ars18 .FeatureShowcaseN2[data-active-index="1"] .FeatureShowcaseN2__Phones-Image--2 {
    opacity: 1
}

.ns-ars18 .FeatureShowcaseN2[data-active-index="2"] .FeatureShowcaseN2__Phones-Image--3 {
    opacity: 1
}

.ns-ars18 .FeatureShowcaseN2[data-active-index="3"] .FeatureShowcaseN2__Phones-Image--4 {
    opacity: 1
}

.ns-ars18 .FeatureShowcaseN2[data-active-index="4"] .FeatureShowcaseN2__Phones-Image--5 {
    opacity: 1
}

@media screen and (max-width: 769px) {
    .ns-ars18 .FeatureShowcaseN2 {
        padding-bottom:8px
    }
}

.ns-ars18 .FeatureShowcaseN2__Header {
    text-align: center;
    max-width: 570px;
    margin: 0 auto;
    padding-bottom: 37px;
    padding-top: 80px
}

.ns-ars18 .FeatureShowcaseN2__HeaderCopy,.ns-ars18 .FeatureShowcaseN2__HeaderTitle {
    color: #fff
}

.ns-ars18 .FeatureShowcaseN2__HeaderTitle {
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .FeatureShowcaseN2__HeaderTitle {
        padding-bottom:20px
    }
}

.ns-ars18 .FeatureShowcaseN2__Content {
    text-align: center
}

.ns-ars18 .FeatureShowcaseN2__Icon-Container {
    z-index: 20;
    position: relative
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2__Icon-Container {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 839px;
        margin: 0 auto;
        margin-bottom: -230px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .FeatureShowcaseN2__Icon-Container {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap;
        max-width: none;
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2__Phones {
        position:relative;
        min-height: 532px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: -147px
    }
}

@media screen and (min-width: 770px) {
    .ns-ars18 .FeatureShowcaseN2__Phones {
        margin-bottom:-231px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .FeatureShowcaseN2__Phones {
        margin-bottom:0
    }
}

.ns-ars18 .FeatureShowcaseN2__Phones-Image {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2__Phones-Image {
        display:block;
        opacity: 0;
        position: absolute;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        width: 295px;
        margin-left: 23px
    }
}

@media screen and (min-width: 768px) and (-ms-high-contrast:none),screen and (min-width:768px) and (-ms-high-contrast:active) {
    .ns-ars18 .FeatureShowcaseN2__Phones-Image {
        margin-left:-97px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2__Phones-Image.active {
        opacity:1
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .FeatureShowcaseN2__Phones-Image {
        width:460px;
        margin-left: 38px
    }
}

@media screen and (min-width: 1200px) and (-ms-high-contrast:none),screen and (min-width:1200px) and (-ms-high-contrast:active) {
    .ns-ars18 .FeatureShowcaseN2__Phones-Image {
        margin-left:-190px
    }
}

.ns-ars18 .FeatureShowcaseN2__Phones-Image--mobile {
    width: 229px;
    margin-right: -38px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2__Phones-Image--mobile {
        display:none
    }
}

.ns-ars18 .FeatureShowcaseN2__Middle {
    margin-right: -62px
}

.ns-ars18 .FeatureShowcaseN2 .Feature {
    max-width: 335px;
    text-align: center;
    margin: 43px auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2 .Feature {
        max-width:170px;
        margin-bottom: 55px;
        margin-right: 20px;
        margin-left: 20px
    }

    .ns-ars18 .FeatureShowcaseN2 .Feature:hover {
        cursor: pointer
    }

    .ns-ars18 .FeatureShowcaseN2 .Feature:hover .Feature__Title {
        position: relative
    }

    .ns-ars18 .FeatureShowcaseN2 .Feature:hover .Feature__Title:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background-color: #fff;
        bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .FeatureShowcaseN2 .Feature {
        margin-left:0;
        margin-right: 0
    }
}

.ns-ars18 .FeatureShowcaseN2 .Feature__Copy,.ns-ars18 .FeatureShowcaseN2 .Feature__Title {
    color: #fff;
    font-size: 15px;
    line-height: 24px
}

.ns-ars18 .FeatureShowcaseN2 .Feature__Title {
    font-family: Lato-Medium;
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2 .Feature__Title {
        display:inline-block
    }
}

.ns-ars18 .FeatureShowcaseN2 .Feature__Copy {
    font-family: Lato-Light
}

.ns-ars18 .FeatureShowcaseN2 .Feature__Icon {
    display: inline-block;
    margin-bottom: 13px;
    max-height: 50px;
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FeatureShowcaseN2 .Feature__Icon {
        margin-bottom:30px
    }
}

.ns-ars18 .SmartStaggeredA {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 164px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .SmartStaggeredA {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .SmartStaggeredA {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .SmartStaggeredA {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .SmartStaggeredA {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .SmartStaggeredA {
        padding-top:100px
    }
}

.ns-ars18 .SmartStaggeredA .SmartStaggered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 987px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .SmartStaggeredA .SmartStaggered:last-of-type {
        padding-bottom:180px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .SmartStaggeredA .SmartStaggered {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .ns-ars18 .SmartStaggeredA .SmartStaggered img {
        margin-left: 38px;
        width: 229px
    }

    .ns-ars18 .SmartStaggeredA .SmartStaggered .button--primary {
        width: 120px;
        height: 40px;
        margin-bottom: 92px
    }
}

@media screen and (max-width: 767px) and (max-width:767px) {
    .ns-ars18 .SmartStaggeredA .SmartStaggered .button--primary {
        color:#152934;
        font-family: Lato-Bold,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        margin: 0 auto 92px auto
    }
}

.ns-ars18 .SmartStaggeredA .SmartStaggered__Copy {
    padding-top: 24px;
    padding-bottom: 45px;
    color: #5a6870
}

@media screen and (max-width: 767px) {
    .ns-ars18 .SmartStaggeredA .SmartStaggered__Copy {
        padding-top:14px;
        padding-bottom: 24px
    }
}

.ns-ars18 .SmartStaggeredA .SmartStaggered__Info {
    max-width: 470px
}

.ns-ars18 .SmartStaggeredA .SmartStaggered:nth-of-type(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.ns-ars18 .SmartStaggeredA .SmartStaggered:nth-of-type(2n) img {
    margin-right: -62px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .SmartStaggeredA .SmartStaggered:nth-of-type(2n) img {
        margin-right:unset
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .SmartStaggeredA .SmartStaggered:nth-of-type(2n) .SmartStaggered__Info {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ns-ars18 .SmartStaggeredA .SmartStaggered:nth-of-type(2n) .SmartStaggered__Info:after {
        content: '*US Only';
        color: #152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        padding-top: 44px;
        color: #5a6870
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .SmartStaggeredA .SmartStaggered:nth-of-type(3n) .SmartStaggered__Info {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ns-ars18 .SmartStaggeredA .SmartStaggered:nth-of-type(3n) .SmartStaggered__Info:after {
        content: '*US Only';
        color: #152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        padding-top: 44px;
        color: #5a6870
    }
}

.ns-ars18 .SmartStaggeredA .Carousel__ItemModal {
    display: none;
    position: fixed;
    z-index: 99999999
}

.ns-ars18 .SmartStaggeredA .Carousel__ItemModalInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1440px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .SmartStaggeredA .Carousel__ItemModalInner {
        padding:0
    }
}

.ns-ars18 .SmartStaggeredA .Carousel__ItemModalVideoWrapper {
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.ns-ars18 .SmartStaggeredA .Carousel__ItemModalCloseBtn {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    display: block;
    padding: 19px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255,255,255,0);
    border: none
}

.ns-ars18 .ComponentHero--SmartHeroA {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--SmartHeroA:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--SmartHeroA:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 154.66667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--SmartHeroA:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 55.55556%;
        display: block
    }
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__BodyCopy {
    color: #5a6870;
    margin-bottom: 100px;
    max-width: 100%;
    width: 450px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__BodyCopy {
        margin-bottom:40px
    }
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__Headline {
    color: #152934;
    margin-bottom: 30px;
    max-width: 470px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__Headline {
        margin-bottom:100%
    }
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__TextareaInner {
    margin-left: 0
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__TextareaInner {
        margin-left:58%
    }
}

.ns-ars18 .ComponentHero--SmartHeroA .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .ComponentHero--SmartHeroA2 {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#02374f),to(#374851));
    background-image: linear-gradient(0deg,#02374f,#374851);
    background-repeat: no-repeat;
    background-color: #152934;
    position: relative
}

.ns-ars18 .ComponentHero--SmartHeroA2:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--SmartHeroA2:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 154.66667%;
    display: block
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--SmartHeroA2:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--SmartHeroA2:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 128%;
        display: block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 {
        background-color:#fff;
        background-image: none
    }

    .ns-ars18 .ComponentHero--SmartHeroA2:after {
        content: '';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--SmartHeroA2:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.5%;
        display: block
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__BodyCopy {
    color: #fff;
    max-width: 100%;
    width: 450px
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__BgImage {
    position: absolute;
    left: 0;
    width: 100%
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__BgImage {
        top:10%;
        padding: 0 5%
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGrid {
    display: block;
    margin-bottom: 80px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGrid {
        display:none
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGrid {
        display:block
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridList {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridList {
        margin:0;
        width: auto
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridRow {
    display: table-row;
    padding: 0
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridRow:nth-child(1) .ComponentHero__FeatureGridItem {
    padding-bottom: 40px
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItem {
    display: table-cell;
    padding: 0;
    text-align: center;
    vertical-align: top
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItem br {
        display:none
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItem:nth-child(1) {
    padding-right: 0
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItem:nth-child(1) {
        padding-right:60px
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItemDescription {
    color: #fff;
    font-size: 14px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItemDescription {
        font-size:15px
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItemHeadline {
    color: #fff;
    font-size: 14px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItemHeadline {
        font-size:15px
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItemHeadline {
    font-family: Lato-Bold,Helvetica,Arial,sans-serif
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItemIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 90px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__FeatureGridItemTextarea {
    white-space: nowrap
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 30px
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__TextareaImage {
    display: block;
    height: auto;
    margin-bottom: 50px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__TextareaImage {
        display:none
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__TextareaInner {
    max-width: 470px
}

@media screen and (max-width: 1060px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__TextareaInner {
        max-width:335px
    }
}

.ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__TextareaTrack {
    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-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--SmartHeroA2 .ComponentHero__TextareaTrackItem {
        padding-top:50%
    }
}

.ns-ars18 .ComponentHero--HeroBannerA4 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--HeroBannerA4:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--HeroBannerA4:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 128%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerA4:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerA4:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 101.33333%;
        display: block
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerA4:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerA4:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 40.90278%;
        display: block
    }
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__BodyCopy {
    color: #5a6870;
    max-width: 100%;
    width: 450px
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__BgImage--tablet {
    display: none
}

@media screen and (max-width: 991px) and (min-width:768px) {
    .ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__BgImage--tablet {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__BgImage--mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__BgImage--mobile {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__Headline {
    color: #152934;
    max-width: 443px;
    margin-bottom: 20px
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__TextareaTrackItem {
    margin-top: -50%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__TextareaTrackItem {
        margin-top:-30%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerA4 .ComponentHero__TextareaTrackItem {
        margin-top:0
    }
}

.ns-ars18 .HeroBannerA4__Specs {
    overflow: hidden;
    background: #f5f6f7;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 14px;
    padding-bottom: 14px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .HeroBannerA4__Specs {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerA4__Specs {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .HeroBannerA4__Specs {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .HeroBannerA4__Specs {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerA4__Specs {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .HeroBannerA4__Specs {
        padding-bottom:0
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .HeroBannerA4__Specs {
        padding-bottom:2px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .HeroBannerA4__Specs--Info {
        margin-right:20px;
        width: 158px;
        text-align: center;
        padding-bottom: 25px
    }
}

.ns-ars18 .HeroBannerA4__Specs--Info.is-selected {
    border-bottom: 2px solid #3c9
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerA4__Specs--Info:hover {
        position:relative
    }

    .ns-ars18 .HeroBannerA4__Specs--Info:hover:after {
        content: '';
        height: 2px;
        background: #3c9;
        position: absolute;
        bottom: -14px;
        display: inline-block;
        left: 0;
        right: 0
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerA4__Specs--Info:hover div {
        color:#3c9
    }
}

.ns-ars18 .HeroBannerA4__Specs--Header {
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.ns-ars18 .HeroBannerA4__Specs--Copy {
    color: #5a6870;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.ns-ars18 .HeroBannerA4__Specs.carousel--product-listing-banner:focus {
    outline: 0
}

@media screen and (max-width: 767px) {
    .ns-ars18 .HeroBannerA4__Specs.carousel--product-listing-banner:hover {
        cursor:-webkit-grab;
        cursor: grab
    }
}

.ns-ars18 .HeroBannerA4__Specs.carousel--product-listing-banner:after {
    content: 'flickity';
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerA4__Specs.carousel--product-listing-banner:after {
        content:''
    }
}

html.not-at-top .HeroBannerA4__Specs.scrolling {
    position: fixed;
    top: 0;
    z-index: 10000;
    margin: 0;
    max-width: 1440px;
    width: 100%
}

html.not-at-top .product-listing .ns-ars18--header.product-banner-scrolling {
    visibility: hidden;
    opacity: 0;
    position: relative;
    z-index: 1
}

html.not-at-top .product-listing #header {
    display: none
}

.ns-ars18 .ComponentHero--HeroBannerC1 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--HeroBannerC1:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--HeroBannerC1:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 178.66667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 91.14583%;
        display: block
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 46.52778%;
        display: block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BodyCopy {
    color: #5a6870
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BodyCopy {
        max-width:370px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BgImage--tablet {
    display: none
}

@media screen and (max-width: 991px) and (min-width:768px) {
    .ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BgImage--tablet {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BgImage--mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__BgImage--mobile {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__Headline {
    color: #152934;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__Headline {
        max-width:570px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__TextareaTrackItem {
    margin-top: -86%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__TextareaTrackItem {
        margin-top:-30%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC1 .ComponentHero__TextareaTrackItem {
        margin-top:0
    }
}

.ns-ars18 .HeroBannerC1__CompareButton {
    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;
    padding-top: 0;
    padding-bottom: 100px;
    position: relative;
    z-index: 20;
    background: #fff;
    position: relative;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerC1__CompareButton {
        padding-top:0;
        padding-bottom: 100px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .HeroBannerC1__CompareButton {
        padding-top:50px;
        padding-bottom: 180px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .HeroBannerC1__CompareButton.ns2019-close {
        padding-bottom:100px;
        padding-top: 50px;
        background: #f5f6f7
    }
}

.ns-ars18 .HeroBannerC1 .HeroBannerCBottom__Product--HeroBannerC1 {
    margin-top: -60px
}

.ns-ars18 .HeroBannerCBottom__Product {
    margin-top: -100px;
    max-width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .HeroBannerCBottom__Product--HeroBannerC1 img {
    width: 270px;
    height: 270px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .HeroBannerCBottom__Product--HeroBannerC1 img {
        width:158px;
        height: 158px
    }
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .HeroBannerCBottom__Product--HeroBannerC1 {
        max-width:245px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .HeroBannerCBottom__Product--HeroBannerC1 {
        max-width:158px
    }
}

.ns-ars18 .HeroBannerCBottom__Product:hover img {
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    top: -10px;
    position: relative
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .HeroBannerCBottom__Product:hover {
        cursor:pointer
    }

    .ns-ars18 .HeroBannerCBottom__Product:hover .button--primary {
        opacity: 1
    }
}

.ns-ars18 .HeroBannerCBottom__ProductContainer {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    position: relative;
    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: 576px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 645px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 a:first-child,.ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 a:nth-child(3) {
        margin-right:20px
    }

    .ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 a:first-child,.ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 a:nth-child(2) {
        margin-bottom: 68px
    }
}

@media screen and (max-width: 991px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 {
        width:450px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 575px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer--HeroBannerC1 {
        width:380px
    }
}

.ns-ars18 .HeroBannerCBottom__ProductContainer--essential-spotlight {
    height: 270px
}

.ns-ars18 .HeroBannerCBottom__ProductContainer--essential-spotlight>a {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerCBottom__ProductContainer--essential-spotlight {
        height:350px
    }
}

.ns-ars18 .HeroBannerCBottom__ProductContainer--essential-spotlight .HeroBannerCBottom__Product--Button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ns-ars18 .HeroBannerCBottom__Product--Image {
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    position: relative;
    top: 0
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .HeroBannerCBottom__Product--Image {
        width:158px;
        height: 131px
    }
}

.ns-ars18 .HeroBannerCBottom__Product--Info {
    text-align: center
}

.ns-ars18 .HeroBannerCBottom__Product--Header {
    padding-bottom: 8px
}

.ns-ars18 .HeroBannerCBottom__Product--Copy {
    color: #5a6870
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .HeroBannerCBottom__Product--Copy {
        padding:0 30px
    }
}

.ns-ars18 .HeroBannerCBottom__Product--Button {
    padding-top: 24px;
    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
}

.ns-ars18 .HeroBannerCBottom__Product--Button .button--primary {
    width: 120px;
    height: 40px;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 22px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    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
}

.ns-ars18 .products-display {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 94px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .products-display {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .products-display {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .products-display {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .products-display {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .products-display {
        -ms-flex-pack:distribute;
        justify-content: space-around
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .products-display {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.ns-ars18 .products-display.overlap-top-section {
    padding-top: 0;
    margin-top: -74px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .products-display.overlap-top-section {
        margin-top:-84px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .products-display.overlap-top-section {
        margin-top:-91px
    }
}

.ns-ars18 .products-display__product {
    width: 48%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.ns-ars18 .products-display__product:hover .products-display__image-container {
    top: -10px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .products-display__product {
        width:168px
    }

    .ns-ars18 .products-display__product:not(:last-child) {
        margin-right: 30px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .products-display__product {
        width:270px
    }

    .ns-ars18 .products-display__product:hover .button--primary {
        opacity: 1
    }
}

.ns-ars18 .products-display__description {
    width: 80%;
    margin: 0 auto;
    margin-top: 5px;
    font-family: Lato-Regular;
    color: #586772
}

@media screen and (min-width: 992px) {
    .ns-ars18 .products-display__description {
        width:100%
    }
}

.ns-ars18 .products-display__image-container {
    top: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height: 168px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .products-display__image-container {
        height:270px
    }
}

.ns-ars18 .products-display__image {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    margin-bottom: 9px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .products-display__image {
        -webkit-transform:scale(1);
        transform: scale(1);
        margin-bottom: 5px
    }
}

.ns-ars18 .products-display__button-container {
    padding-top: 24px;
    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
}

.ns-ars18 .products-display__button-container .button--primary {
    width: 120px;
    height: 40px;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 22px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    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
}

.ns-ars18 .CompareArea {
    display: none;
    visibility: hidden;
    height: auto;
    max-height: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.ns-ars18 .CompareArea.opened {
    display: block;
    visibility: visible;
    z-index: 9999;
    position: fixed;
    background-color: #fff;
    top: 0;
    max-height: 100vh;
    height: 100vh;
    visibility: visible;
    overflow-y: scroll;
    overscroll-behavior-y: contain
}

.ns-ars18 .CompareArea.opened .CompareDrawer__Info {
    padding: 25px 0
}

.ns-ars18 .CompareArea.opened .CompareDrawer {
    margin-bottom: 100px
}

.ns-ars18 .CompareArea.opened .HeroBannerCBottom__Product--Button {
    visibility: hidden;
    display: none
}

.ns-ars18 .CompareArea.opened .header-row {
    padding-top: 30px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .CompareArea.opened .header-row {
        position:relative
    }
}

@media screen and (max-width: 968px) {
    .ns-ars18 .CompareArea.opened .header-row {
        padding-bottom:15px
    }

    .ns-ars18 .CompareArea.opened .header-row .HeroBannerCBottom__ProductContainer {
        white-space: nowrap
    }
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .CompareArea.opened .CompareDrawer__Col {
        position:relative!important;
        left: initial!important
    }
}

@media screen and (max-width: 968px) {
    .ns-ars18 .CompareArea.opened .HeroBannerCBottom__ProductContainer--HeroBannerC1 {
        width:auto
    }

    .ns-ars18 .CompareArea.opened .HeroBannerCBottom__Product--Button {
        display: none
    }

    .ns-ars18 .CompareArea.opened img.HeroBannerCBottom__Product--Image {
        display: none!important;
        visibility: hidden!important
    }

    .ns-ars18 .CompareArea.opened .HeroBannerCBottom__ProductContainer--HeroBannerC1 {
        display: block
    }

    .ns-ars18 .CompareArea.opened .HeroBannerCBottom__ProductContainer--HeroBannerC1 a {
        display: inline-block;
        white-space: normal;
        max-width: 178px
    }

    .ns-ars18 .CompareArea.opened .flickity-slider {
        padding-bottom: 100px
    }

    .ns-ars18 .CompareArea.opened .CompareDrawer {
        white-space: nowrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 100px
    }

    .ns-ars18 .CompareArea.opened .CompareDrawer__Info {
        white-space: normal;
        padding: 25px 20px 25px 0
    }

    .ns-ars18 .CompareArea.opened .CompareDrawer__Col {
        display: inline-block
    }
}

.ns-ars18 .CompareArea.opened .close-btn {
    position: fixed;
    bottom: 0
}

.ns-ars18 .CompareArea.opened .HeroBannerCBottom__Product--HeroBannerC1 {
    margin-top: 0!important
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .CompareArea.opened {
        width:100%
    }

    .ns-ars18 .CompareArea.opened .HeroBannerCBottom__ProductContainer--HeroBannerC1 a:first-child,.ns-ars18 .CompareArea.opened .HeroBannerCBottom__ProductContainer--HeroBannerC1 a:nth-child(2) {
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .ns-ars18 .CompareArea.opened .HeroBannerC1__CompareButton {
        display:none
    }
}

.ns-ars18 .CompareArea.opened .close-btn {
    text-align: center;
    margin: 0 auto;
    padding: 25px 0;
    background-color: #fff;
    width: 100%;
    max-width: 1440px
}

.ns-ars18 .CompareArea.opened .HeroBannerCBottom__Product--Image,.ns-ars18 .CompareArea.opened .HeroBannerCBottom__Product--Info {
    display: block!important;
    visibility: visible!important
}

.ns-ars18 .CompareDrawer {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .CompareDrawer {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .CompareDrawer {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .CompareDrawer {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .CompareDrawer {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .CompareDrawer {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .CompareDrawer.open {
        background-color:#f5f6f7
    }
}

.ns-ars18 .CompareDrawer::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.ns-ars18 .CompareDrawer::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.ns-ars18 .CompareDrawer__CameraTitle {
    display: none;
    color: #3c9;
    border-bottom: 2px solid #dfe2e6;
    padding-bottom: 23px;
    padding-top: 100px
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .CompareDrawer__CameraTitle {
        display:none
    }
}

.ns-ars18 .CompareDrawer__Col {
    padding-bottom: 60px;
    width: 178px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .CompareDrawer__Col {
        background-color:#f5f6f7
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .CompareDrawer__Col {
        width:270px
    }

    .ns-ars18 .CompareDrawer__Col:not(:last-of-type) {
        margin-right: 30px
    }
}

.ns-ars18 .CompareDrawer__Col.is-selected .CompareDrawer__CameraTitle {
    border-bottom: 2px solid #3c9
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .CompareDrawer__Col:last-of-type .CompareDrawer__Info:nth-of-type(5) {
        padding-bottom:17px
    }
}

.ns-ars18 .CompareDrawer__Info {
    width: 178px;
    text-align: center;
    border-bottom: 1px solid #dfe2e6;
    padding: 43px 0
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .CompareDrawer__Info {
        width:300px
    }

    .ns-ars18 .CompareDrawer__Info:not(:last-of-type) {
        padding-right: 30px
    }
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .CompareDrawer__Info {
        padding:43px 20px 43px 0
    }
}

.ns-ars18 .CompareDrawer__Title {
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    padding-bottom: 5px
}

.ns-ars18 .CompareDrawer__Copy {
    color: #5a6870
}

.ns-ars18 .CompareDrawer.carousel--product-compare:focus {
    outline: 0
}

@media screen and (max-width: 1170px) {
    .ns-ars18 .CompareDrawer.carousel--product-compare:hover {
        cursor:-webkit-grab;
        cursor: grab
    }
}

.ns-ars18 .CompareDrawer.carousel--product-compare:after {
    content: 'flickity';
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .CompareDrawer.carousel--product-compare:after {
        content:''
    }
}

.ns-ars18 .ComponentHero--HeroBannerC2 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--HeroBannerC2:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--HeroBannerC2:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 178.66667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC2:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC2:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 91.14583%;
        display: block
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC2:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC2:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 46.52778%;
        display: block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BodyCopy {
    color: #5a6870
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BodyCopy {
        max-width:370px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BgImage--tablet {
    display: none
}

@media screen and (max-width: 991px) and (min-width:768px) {
    .ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BgImage--tablet {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BgImage--mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__BgImage--mobile {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__Headline {
    color: #152934;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__Headline {
        max-width:570px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__TextareaTrackItem {
    margin-top: -86%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__TextareaTrackItem {
        margin-top:-30%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC2 .ComponentHero__TextareaTrackItem {
        margin-top:0
    }
}

.ns-ars18 .HeroBannerC2 .HeroBannerCBottom__Product {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ns-ars18 .HeroBannerC2 .HeroBannerCBottom__Product--HeroBannerC2 {
    margin-top: -86px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroBannerC2 .HeroBannerCBottom__Product--HeroBannerC2:first-of-type {
        margin-right:30px
    }
}

.ns-ars18 .HeroBannerC2 .HeroBannerCBottom__Product img {
    width: 270px;
    height: 270px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .HeroBannerC2 .HeroBannerCBottom__Product img {
        width:158px;
        height: 158px
    }
}

.ns-ars18 .HeroBannerC2 .HeroBannerCBottom__ProductContainer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 242px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .HeroBannerC2 .HeroBannerCBottom__ProductContainer {
        padding-bottom:94px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--HeroBannerC3:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--HeroBannerC3:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 178.66667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC3:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC3:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 91.14583%;
        display: block
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC3:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC3:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 46.52778%;
        display: block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:not(:last-of-type) {
    margin-right: 26px
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(1n) {
    width: 58px;
    height: 23.84px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(1n) {
        width:52.8px;
        height: 21.37px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(2n) {
    width: 81.67px;
    height: 18.31px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(2n) {
        width:74.65px;
        height: 16.64px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(3n) {
    width: 68px;
    height: 28px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(3n) {
        width:61.9px;
        height: 25.1px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(4n) {
    width: 110px;
    height: 28px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Brands--Image:nth-of-type(4n) {
        width:82px;
        height: 25.1px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BodyCopy {
    color: #5a6870
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BodyCopy {
        max-width:370px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BgImage--tablet {
    display: none
}

@media screen and (max-width: 991px) and (min-width:768px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BgImage--tablet {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BgImage--mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__BgImage--mobile {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Headline {
    color: #152934;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__Headline {
        max-width:570px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__TextareaTrackItem {
    margin-top: -86%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__TextareaTrackItem {
        margin-top:-30%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC3 .ComponentHero__TextareaTrackItem {
        margin-top:0
    }
}

.ns-ars18 .HeroBannerC3 .HeroBannerCBottom__Product {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ns-ars18 .HeroBannerC3 .HeroBannerCBottom__Product img {
    width: 270px;
    height: 270px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .HeroBannerC3 .HeroBannerCBottom__Product img {
        width:158px;
        height: 158px
    }
}

.ns-ars18 .HeroBannerC3 .HeroBannerCBottom__ProductContainer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 242px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .HeroBannerC3 .HeroBannerCBottom__ProductContainer {
        padding-bottom:94px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ns-ars18 .ComponentHero--HeroBannerC4 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--HeroBannerC4:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--HeroBannerC4:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 178.66667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC4:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC4:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 91.14583%;
        display: block
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC4:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--HeroBannerC4:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 46.52778%;
        display: block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__Background {
    overflow: hidden
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BodyCopy {
    color: #5a6870
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BodyCopy {
        max-width:370px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BgImage--tablet {
    display: none
}

@media screen and (max-width: 991px) and (min-width:768px) {
    .ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BgImage--tablet {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BgImage--mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__BgImage--mobile {
        display:block
    }
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__CtaButton {
    margin: 0 auto
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__Foreground {
    z-index: 1
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__Headline {
    color: #152934;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__Headline {
        max-width:570px
    }
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__TextareaTrack {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__TextareaTrackItem {
    margin-top: -86%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__TextareaTrackItem {
        margin-top:-30%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--HeroBannerC4 .ComponentHero__TextareaTrackItem {
        margin-top:0
    }
}

.ns-ars18 .HeroBannerC4 .HeroBannerCBottom__Product--Image {
    height: auto
}

.ns-ars18 .HeroBannerC4 .HeroBannerCBottom__Product--HeroBannerC4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ns-ars18 .HeroBannerC4 .HeroBannerCBottom__Product--HeroBannerC4 img {
    width: 270px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .HeroBannerC4 .HeroBannerCBottom__Product--HeroBannerC4 img {
        width:158px
    }
}

.ns-ars18 .HeroBannerC4 .HeroBannerCBottom__ProductContainer--HeroBannerC4 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 242px
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .HeroBannerC4 .HeroBannerCBottom__ProductContainer--HeroBannerC4 {
        padding-bottom:94px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ns-ars18 .ComponentHero--UltraHeroK1 {
    margin-left: -19px;
    margin-right: -19px;
    background-color: rgba(255,255,255,0);
    margin-bottom: 100px;
    position: relative
}

.ns-ars18 .ComponentHero--UltraHeroK1:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--UltraHeroK1:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 177.86667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--UltraHeroK1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.5%;
        display: block
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 {
        margin-left:-40px;
        margin-right: -40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 {
        margin-left:-56px;
        margin-right: -56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 {
        margin-left:-135px;
        margin-right: -135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 {
        margin-left:-135px;
        margin-right: -135px
    }
}

.ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__BodyCopy {
    color: #fff;
    margin: 0 0 40px 0;
    max-width: 100%;
    text-align: center
}

.ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__Foreground {
    padding-top: 114%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__Foreground {
        padding-top:37%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__Foreground {
        padding-top:40%
    }
}

.ns-ars18 .ComponentHero--UltraHeroK1 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 24px;
    text-align: center
}

.ns-ars18 .ComponentHero--UltraHeroK2 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--UltraHeroK2:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--UltraHeroK2:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 177.86667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK2:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--UltraHeroK2:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.5%;
        display: block
    }
}

.ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__BodyCopy {
    color: #fff;
    margin: 0 0 40px 0;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__BodyCopy {
        max-width:100%;
        text-align: left;
        width: 280px
    }
}

.ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__Foreground {
    padding-top: 110%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__Foreground {
        padding-top:24%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__Foreground {
        padding-top:20%
    }
}

.ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK2 .ComponentHero__Headline {
        max-width:100%;
        text-align: left;
        width: 420px
    }
}

.ns-ars18 .ComponentHero--UltraHeroK3 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--UltraHeroK3:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--UltraHeroK3:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 177.86667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK3:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--UltraHeroK3:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.5%;
        display: block
    }
}

.ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__BodyCopy {
    color: #fff;
    margin: 0 0 40px 0;
    max-width: 100%;
    text-align: center
}

.ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__Foreground {
    padding-top: 118%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__Foreground {
        padding-top:40%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__Foreground {
        padding-top:44%
    }
}

.ns-ars18 .ComponentHero--UltraHeroK3 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 24px;
    text-align: center
}

.ns-ars18 .ComponentHero--UltraHeroK4 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--UltraHeroK4:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--UltraHeroK4:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 177.86667%;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK4:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--UltraHeroK4:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 62.5%;
        display: block
    }
}

.ns-ars18 .ComponentHero--UltraHeroK4 .button {
    display: table;
    margin: 0 auto
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .button {
        display:table;
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .button {
        display:inline-block;
        margin: 0
    }
}

.ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__BodyCopy {
    color: #fff;
    margin: 0 0 40px 0;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__BodyCopy {
        max-width:100%;
        text-align: left;
        width: 280px
    }
}

.ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__BgImage {
    width: 100%
}

.ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__BgImage--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__BgImage--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__BgImage--mobile {
        display:none
    }
}

.ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__Foreground {
    padding-top: 110%;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__Foreground {
        padding-top:24%
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__Foreground {
        padding-top:20%
    }
}

.ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__Headline {
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--UltraHeroK4 .ComponentHero__Headline {
        max-width:100%;
        text-align: left;
        width: 420px
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 {
    background-color: rgba(255,255,255,0);
    position: relative
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 172.26667%;
    display: block
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--VideoRecordHeroO1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 133.33333%;
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .ComponentHero--VideoRecordHeroO1:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 47.22222%;
        display: block
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .l-padding-sides {
        padding:0 52px
    }
}

@media screen and (min-width: 1400px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .l-padding-sides {
        padding:0 135px
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Background::before {
    background-image: linear-gradient(45deg,#02374f,#374851);
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 40%;
    position: absolute;
    right: 0;
    top: 60%;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Background::before {
        height:100%;
        top: 0;
        width: 50%
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__BodyCopy {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    margin-bottom: 35px;
    max-width: 100%;
    width: 400px
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__BgImage {
    font-family: "object-fit: cover;";
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 60%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__BgImage {
        height:100%;
        width: 50%
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Foreground {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Foreground {
        height:auto;
        left: auto;
        position: relative;
        top: auto;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__ForegroundWrapper {
    padding: 0
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__ForegroundWrapper {
        padding:170px 0
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Headline {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff!important;
    margin-bottom: 15px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Headline {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 40%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverview {
        height:35%
    }
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverview {
        height:auto;
        width: 50%
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewDays {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff!important;
    font-size: 14px!important
}

@media screen and (min-width: 480px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewDays {
        font-size:16px!important
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewDays {
        font-size:18px!important
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewName {
    color: #fff;
    font-size: 11px!important
}

@media screen and (min-width: 480px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewName {
        font-size:13px!important
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewName {
        font-size:15px!important
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewPrice {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff!important;
    line-height: 52px!important;
    margin-right: 16px;
    font-size: 18px!important
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewPrice {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

@media screen and (min-width: 480px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewPrice {
        font-size:20px!important
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewPrice {
        font-size:22px!important
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewPriceSign {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff!important;
    font-size: 11px!important;
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    display: inline-block
}

@media screen and (min-width: 480px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewPriceSign {
        font-size:13px!important
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewPriceSign {
        font-size:15px!important
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewFormat {
    color: #fff;
    font-size: 11px!important
}

@media screen and (min-width: 480px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewFormat {
        font-size:13px!important
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewFormat {
        font-size:15px!important
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItem {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border-radius: 4px;
    border: 1px solid rgba(223,226,230,.2);
    color: #fff!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px!important;
    padding: 16px;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    will-change: background-color border-color
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItem:first-child {
    margin-bottom: 20px
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItem:hover {
    background-color: rgba(255,255,255,.1);
    border-color: #fff;
    -webkit-transition: background-color .2s cubic-bezier(.5,0,.1,1),border-color .2s cubic-bezier(.5,0,.1,1);
    transition: background-color .2s cubic-bezier(.5,0,.1,1),border-color .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 480px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItem {
        font-size:13px!important
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItem {
        font-size:15px!important;
        padding: 16px 24px
    }
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItem {
        width:auto;
        max-width: none;
        margin: auto
    }
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItemRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 26px;
    padding-left: 26px;
    position: relative
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__PlansOverviewItemRight::before {
    background-color: rgba(223,226,230,.2);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 15%;
    width: 1px;
    height: 70%
}

.ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .ns-ars18 .ComponentHero--VideoRecordHeroO1 .ComponentHero__Textarea {
        display:block;
        height: auto;
        width: 50%
    }
}

.ns-ars18 .tech-specs {
    background-color: #e5e5e5;
    color: #5a6870;
    font-family: Lato-Light,Helvetica,"Helvetica Neue",Arial,sans-serif;
    font-weight: lighter;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ns-ars18 .tech-specs a {
    text-decoration: none
}

.ns-ars18 .tech-specs.content-wrap {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1440px
}

.ns-ars18 .tech-specs .specs {
    background-color: #ebecef
}

.ns-ars18 .tech-specs .specs__category {
    border-bottom: 1px solid #dfe2e6;
    margin-bottom: 44px;
    padding-bottom: 15px
}

.ns-ars18 .tech-specs .specs__category:last-of-type {
    border-color: transparent
}

.ns-ars18 .tech-specs .specs__category-title {
    color: #152934;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 18px
}

.ns-ars18 .tech-specs .specs__wrap {
    padding: 36px 0
}

.ns-ars18 .tech-specs .specs__wrap.open .specs__content-wrapper {
    -webkit-transition: height 2s ease;
    transition: height 2s ease
}

.ns-ars18 .tech-specs .specs__wrap.open .specs__headline:after {
    content: '-';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 3px
}

.ns-ars18 .tech-specs .specs__wrap.open .specs__headline:after:hover {
    cursor: pointer
}

.ns-ars18 .tech-specs .specs__content-wrapper {
    height: 0;
    -webkit-transition: height 1s ease;
    transition: height 1s ease;
    opacity: 0;
    overflow: hidden
}

.ns-ars18 .tech-specs .specs__content-container {
    padding-top: 36px;
    padding-bottom: 1px
}

.ns-ars18 .tech-specs .specs__headline {
    color: #152934;
    font-size: 24px;
    font-weight: lighter;
    line-height: 42px;
    position: relative
}

.ns-ars18 .tech-specs .specs__headline:hover {
    cursor: pointer
}

.ns-ars18 .tech-specs .specs__headline:hover:after {
    color: #3c9
}

.ns-ars18 .tech-specs .specs__headline:after {
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 40px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    height: 38px;
    width: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .tech-specs .specs__headline--bold {
    font-weight: 700;
    font-family: Lato-Regular;
    -webkit-font-smoothing: subpixel-antialiased
}

.ns-ars18 .tech-specs .specs__item {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 25px
}

.ns-ars18 .tech-specs .specs__links {
    border-bottom: 1px solid #3c9;
    color: #3c9;
    display: inline-block
}

.ns-ars18 .tech-specs .specs__links:hover {
    border-color: transparent;
    color: #152934
}

.ns-ars18 .tech-specs .specs__list {
    list-style-type: none
}

@media (min-width: 480px) {
    .ns-ars18 .tech-specs .specs__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ns-ars18 .tech-specs .specs__title {
    color: #152934;
    display: block;
    font-weight: 700
}

.ns-ars18 .tech-specs .specs__wrap {
    margin: 0 auto;
    max-width: 1170px;
    width: 90%
}

@media (min-width: 480px) {
    .ns-ars18 .tech-specs .specs__item {
        margin-right:8%;
        width: 46%
    }

    .ns-ars18 .tech-specs .specs__item:nth-child(2n) {
        margin-right: 0
    }
}

@media (min-width: 1025px) {
    .ns-ars18 .tech-specs .specs__category {
        margin-bottom:76px;
        padding-bottom: 5px
    }

    .ns-ars18 .tech-specs .specs__category-title {
        margin-bottom: 40px
    }

    .ns-ars18 .tech-specs .specs__wrap {
        padding: 64px 0
    }

    .ns-ars18 .tech-specs .specs__content-container {
        padding-top: 64px;
        padding-bottom: 1px
    }

    .ns-ars18 .tech-specs .specs__item {
        margin: 0 3% 67px 0;
        width: 17%
    }

    .ns-ars18 .tech-specs .specs__item:nth-child(2n) {
        margin-right: 3%
    }

    .ns-ars18 .tech-specs .specs__item:nth-child(5n) {
        margin-right: 0
    }
}

.ns-ars18 .tech-specs--essential-spotlight .specs__headline {
    text-align: center
}

.ns-ars18 .element-takeover {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.5,0,.1,1);
    transition: all .2s cubic-bezier(.5,0,.1,1);
    visibility: hidden;
    width: 100%;
    z-index: 999999
}

.ns-ars18 .element-takeover__block {
    min-height: 100%
}

.ns-ars18 .element-takeover__button {
    pointer-events: auto;
    text-align: right
}

.ns-ars18 .element-takeover__contents {
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.5,0,.1,1);
    transition: all .2s cubic-bezier(.5,0,.1,1);
    width: 100%;
    z-index: 0
}

.ns-ars18 .element-takeover__footer {
    background-color: transparent;
    height: 110px;
    padding: 25px 0;
    pointer-events: none;
    position: fixed;
    -webkit-transition: height .2s cubic-bezier(.5,0,.1,1);
    transition: height .2s cubic-bezier(.5,0,.1,1);
    width: 100%;
    z-index: 1;
    top: 0
}

.ns-ars18 .element-takeover__max-width {
    margin: 0 auto;
    width: 1170px;
    max-width: 100%
}

.ns-ars18 .element-takeover__padding-sides {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .element-takeover__padding-sides {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-takeover__padding-sides {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .element-takeover__padding-sides {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .element-takeover__padding-sides {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .element-takeover__padding-sides {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .element-takeover__padding-sides {
        padding-left:0;
        padding-right: 0
    }
}

.ns-ars18 .element-takeover .element-takeover-button {
    border-radius: 15px;
    display: inline-block;
    height: 30px;
    line-height: 29px;
    min-width: 0;
    width: 30px;
    -webkit-transform: translate3d(-15px,0,0);
    transform: translate3d(-15px,0,0)
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .element-takeover .element-takeover-button {
        -webkit-transform:translate3d(-7px,0,0);
        transform: translate3d(-7px,0,0)
    }
}

.ns-ars18 .element-takeover .element-takeover-button svg {
    fill: #fff
}

:root.mod--takeover-active,:root.mod--takeover-active .footer,:root.mod--takeover-active .header,:root.mod--takeover-active .main,:root.mod--takeover-active body {
    overflow: hidden;
    position: relative
}

:root.mod--takeover-active .ns-ars18 .element-takeover {
    opacity: 1;
    visibility: visible
}

.ns-ars18 .element-compare-chart .CompareDrawer__Info {
    border-bottom: 0;
    padding-right: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart .CompareDrawer__Info {
        width:100%
    }
}

.ns-ars18 .element-compare-chart__body {
    padding: 8px 0 88px 0
}

.ns-ars18 .element-compare-chart__card .HeroBannerCBottom__ProductContainer {
    -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;
    padding: 0
}

.ns-ars18 .element-compare-chart__card .HeroBannerCBottom__ProductContainer>a {
    width: 100%
}

.ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product {
    display: block;
    margin-top: 0;
    max-width: none;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 992px) {
    .ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Button {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Button button {
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Button button {
        background:0 0;
        color: #3c9;
        font-size: 15px;
        height: 24px;
        line-height: 24px
    }
}

@media screen and (max-width: 1024px) {
    .ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Copy {
        display:none
    }
}

.ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Header {
    padding-bottom: 0
}

@media screen and (min-width: 992px) {
    .ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Header {
        padding-bottom:8px
    }
}

.ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Image {
    height: auto;
    max-width: 100%;
    width: auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Image {
        display:inline-block!important
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .element-compare-chart__card .HeroBannerCBottom__Product--Image {
        width:150px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .element-compare-chart__card .expanded {
        height:270px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .element-compare-chart__card .collapsed {
        height:100px
    }
}

.ns-ars18 .element-compare-chart__cards {
    background-color: #fff;
    -webkit-box-shadow: 40px 0 0 #fff;
    box-shadow: 40px 0 0 #fff;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    width: calc(100% - 15px);
    z-index: 1
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart__cards {
        width:calc(100% - 15px)
    }
}

.ns-ars18 .element-compare-chart__cards .element-compare-chart__row .element-compare-chart__flickity-cell {
    border-bottom: 2px solid #dfe2e6;
    padding: 50px 0 20px 0
}

.ns-ars18 .element-compare-chart__cards .element-compare-chart__row .element-compare-chart__flickity-cell.is-selected {
    border-bottom-color: #3c9
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart__cards .element-compare-chart__row .element-compare-chart__flickity-cell {
        border:0;
        padding: 25px 0;
        padding-top: 50px
    }
}

.ns-ars18 .element-compare-chart__cards-faux {
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.5,0,.1,1);
    transition: all .2s cubic-bezier(.5,0,.1,1)
}

.ns-ars18 .element-compare-chart__flickity-cell {
    width: 168.5px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart__flickity-cell {
        width:25%
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart__flickity-cells {
        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
    }
}

.ns-ars18 .element-compare-chart__padding-sides {
    -webkit-transition: all .2s cubic-bezier(.5,0,.1,1);
    transition: all .2s cubic-bezier(.5,0,.1,1);
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .element-compare-chart__padding-sides {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart__padding-sides {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .element-compare-chart__padding-sides {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .element-compare-chart__padding-sides {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .element-compare-chart__padding-sides {
        padding-left:56px;
        padding-right: 56px
    }
}

.ns-ars18 .element-compare-chart__spec {
    min-height: 100px
}

.ns-ars18 .element-compare-chart__specs .element-compare-chart__row .element-compare-chart__flickity-cell {
    border-top: 1px solid #dfe2e6;
    text-align: center
}

.ns-ars18 .element-compare-chart__specs .element-compare-chart__row:first-child .element-compare-chart__flickity-cell {
    border-top: 0
}

.ns-ars18 .element-compare-chart .fc-compare-chart-cards::after,.ns-ars18 .element-compare-chart .fc-compare-chart-specs::after {
    content: 'flickity';
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart .fc-compare-chart-cards,.ns-ars18 .element-compare-chart .fc-compare-chart-specs {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: 1170px;
        width: 100%
    }

    .ns-ars18 .element-compare-chart .fc-compare-chart-cards::after,.ns-ars18 .element-compare-chart .fc-compare-chart-specs::after {
        content: ''
    }
}

.ns-ars18 .element-compare-chart .flickity-carousel {
    outline: 0
}

.ns-ars18 .element-compare-chart .flickity-slider {
    cursor: -webkit-grab;
    cursor: grab;
    outline: 0
}

.ns-ars18 .element-compare-chart .flickity-viewport {
    outline: 0
}

@media screen and (min-width: 768px) {
    .ns-ars18 .element-compare-chart--essential-spotlight .element-compare-chart__flickity-cell {
        width:33%
    }
}

.ns-ars18 .element-compare-chart--essential-spotlight .element-compare-chart__body {
    background: #f5f6f7
}

.ns-ars18 .element-takeover__block--compare-chart {
    background-color: #f5f6f7;
    overflow: hidden
}

.ns-ars18 .element-takeover.mod--not-at-top .HeroBannerCBottom__Product--Image {
    display: none
}

.ns-ars18 .ImageTwoUp {
    background-color: #384851;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 42px;
    padding-bottom: 63px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .ImageTwoUp {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ImageTwoUp {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ImageTwoUp {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .ImageTwoUp {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ImageTwoUp {
        padding-top:148px;
        padding-bottom: 48px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ImageTwoUp {
        padding-top:100px;
        padding-bottom: 118px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ImageTwoUp {
        text-align:center
    }
}

.ns-ars18 .ImageTwoUp__description,.ns-ars18 .ImageTwoUp__headline,.ns-ars18 .ImageTwoUp__image-copy {
    color: #fff
}

.ns-ars18 .ImageTwoUp__headline {
    margin-bottom: 10px
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ImageTwoUp__headline {
        max-width:390px;
        margin: 0 auto 20px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ImageTwoUp__description {
        max-width:370px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ImageTwoUp__description {
        max-width:506px;
        margin: 0 auto
    }
}

.ns-ars18 .ImageTwoUp__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px auto 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ImageTwoUp__images {
        margin:45px auto 24px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .ImageTwoUp__images {
        margin:80px auto 20px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ImageTwoUp__images {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ns-ars18 .ImageTwoUp__image {
    width: 100%
}

.ns-ars18 .ImageTwoUp__image-headline {
    text-align: left;
    color: #fff;
    padding-bottom: 5px
}

.ns-ars18 .ImageTwoUp__image-copy {
    text-align: left;
    max-width: 90%
}

.ns-ars18 .ImageTwoUp__image-copy br {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .ImageTwoUp__image-copy br {
        display:block
    }
}

.ns-ars18 .ImageTwoUp--wire-free-doorbell {
    background-color: #fff
}

.ns-ars18 .ImageTwoUp--wire-free-doorbell .ImageTwoUp__description,.ns-ars18 .ImageTwoUp--wire-free-doorbell .ImageTwoUp__headline,.ns-ars18 .ImageTwoUp--wire-free-doorbell .ImageTwoUp__image-copy,.ns-ars18 .ImageTwoUp--wire-free-doorbell .ImageTwoUp__image-headline {
    color: #03374f
}

.ns-ars18 .ImageTwoUp--wire-free-doorbell .ImageTwoUp__headline {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .ImageTwoUp--wire-free-doorbell .ImageTwoUp__headline {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .ImageTwoUp--wire-free-doorbell .ImageTwoUp__image-headline {
    color: #152934;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Lato-Regular
}

.ns-ars18 .WeatherSecurity {
    background: #ecedef
}

.ns-ars18 .WeatherSecurity__tiles {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20.8%
}

@media screen and (min-width: 576px) {
    .ns-ars18 .WeatherSecurity__tiles {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WeatherSecurity__tiles {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .WeatherSecurity__tiles {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .WeatherSecurity__tiles {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .WeatherSecurity__tiles>* {
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WeatherSecurity__tiles>* {
        width:50%
    }

    .ns-ars18 .WeatherSecurity__tiles>:nth-child(1) {
        padding-right: 15px
    }

    .ns-ars18 .WeatherSecurity__tiles>:nth-child(2) {
        padding-left: 130px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.ns-ars18 .FullWidthVideo {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 42px;
    padding-bottom: 63px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .FullWidthVideo {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FullWidthVideo {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .FullWidthVideo {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .FullWidthVideo {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FullWidthVideo {
        padding-top:148px;
        padding-bottom: 48px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .FullWidthVideo {
        padding-top:100px;
        padding-bottom: 118px
    }
}

.ns-ars18 .FullWidthVideo__video {
    position: relative
}

.ns-ars18 .FullWidthVideo__video--thumbnail {
    position: relative;
    width: 100%;
    cursor: pointer
}

.ns-ars18 .FullWidthVideo__video--thumbnail img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 480px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FullWidthVideo__video--thumbnail img {
        height:415px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .FullWidthVideo__video--thumbnail img {
        height:100%;
    }
}

.ns-ars18 .FullWidthVideo__video--thumbnail:after {
    content: url(/en-us/images/Arlov4/DoorBell/play-button.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ns-ars18 .FullWidthVideo__play-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,89%);
    transform: translate(-50%,89%);
    text-align: center
}

.ns-ars18 .FullWidthVideo__play-text--text {
    color: #fff;
    font-family: Lato-Medium
}

.ns-ars18 .FullWidthVideo__play-text--time {
    color: #fff
}

.ns-ars18 .FullWidthVideo--smart-2019-hero {
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .FullWidthVideo--smart-2019-hero .FullWidthVideo__video--thumbnail {
        width:83%;
        height: 461px;
        margin: 0 auto
    }
}

.ns-ars18 .FullWidthVideo--essential-spotlight {
    padding-bottom: 0;
    padding-top: 150px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .FullWidthVideo--essential-spotlight {
        padding:50px 40px 0 40px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .FullWidthVideo--essential-spotlight {
        padding:120px 140px 170px 140px
    }
}

.ns-ars18 .FullWidthVideo--essential-spotlight .FullWidthVideo__video--thumbnail {
    position: relative
}

.ns-ars18 .FullWidthVideo--essential-spotlight .FullWidthVideo__video--thumbnail:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.ns-ars18 .FullWidthVideo--essential-spotlight .FullWidthVideo__video--thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.ns-ars18 .FullWidthVideo--essential-spotlight .FullWidthVideo__video--thumbnail video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.ns-ars18 .VideoDoorbellHero__hero {
    position: relative;
    margin-bottom: calc(77px / 2)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__hero {
        margin-bottom:77px
    }
}

.ns-ars18 .VideoDoorbellHero__hero--info {
    position: absolute;
    color: #fff;
    width: 100%;
    text-align: center;
    top: 50px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__hero--info {
        top:100px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero__hero--info {
        top:124px
    }
}

.ns-ars18 .VideoDoorbellHero__hero--bg {
    width: 100%;
    height: 409px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__hero--bg {
        height:588px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero__hero--bg {
        height:100%;
        -o-object-fit: none;
        object-fit: none
    }
}

.ns-ars18 .VideoDoorbellHero__hero--product {
    position: absolute;
    width: 265px;
    bottom: -29%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -75px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 705px)
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero__hero--product {
        width:427px;
        margin-left: -120px;
        bottom: calc(100% - 940px)
    }
}

.ns-ars18 .VideoDoorbellHero__toolbar {
    position: fixed;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    z-index: 20;
    background-color: transparent;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

@media screen and (min-width: 576px) {
    .ns-ars18 .VideoDoorbellHero__toolbar {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__toolbar {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .VideoDoorbellHero__toolbar {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .VideoDoorbellHero__toolbar {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .VideoDoorbellHero__toolbar--left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 252px
}

.ns-ars18 .VideoDoorbellHero__toolbar--right {
    padding: 0 20px;
    line-height: 34px;
    border: 2px solid #fff;
    border-radius: 4px;
    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;
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,transparent));
    background: linear-gradient(90deg,#384851 50%,transparent 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86)
}

.ns-ars18 .VideoDoorbellHero__toolbar--right:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer;
    border-color: #384851
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__toolbar--right {
        line-height:53px;
        width: 170px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .VideoDoorbellHero__toolbar--right {
        font-size:12px!important
    }
}

.ns-ars18 .VideoDoorbellHero__toolbar-title {
    margin-right: 30px
}

.ns-ars18 .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero__toolbar-title {
    color: #fff;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .ns-ars18 .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero__toolbar-title {
        font-size:12px
    }
}

.ns-ars18 .VideoDoorbellHero__toolbar-specs a,.ns-ars18 .VideoDoorbellHero__toolbar-title a {
    color: #fff
}

.ns-ars18 .VideoDoorbellHero__toolbar--button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ns-ars18 .VideoDoorbellHero__toolbar--button-container a:not(:last-of-type) {
    margin-right: 10px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__toolbar--button-container a:not(:last-of-type) {
        margin-right:20px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero__toolbar--button-container a:not(:last-of-type) {
        margin-right:30px
    }
}

.ns-ars18 .VideoDoorbellHero__description,.ns-ars18 .VideoDoorbellHero__headline {
    color: #fff
}

.ns-ars18 .VideoDoorbellHero__headline {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero__headline {
        margin-bottom:10px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero__headline {
        max-width:40%;
        margin: 0 auto;
        margin-bottom: 21px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero__description {
        max-width:15%;
        margin: 0 auto
    }
}

.ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero {
    padding-bottom: 163px;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero {
        padding-bottom:192px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero {
        padding-bottom:225px
    }
}

.ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--bg {
    width: 100%;
    height: 458px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--bg {
        height:351px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--bg {
        height:566px
    }
}

.ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--info {
    top: 95px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--info {
        top:100px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--info {
        top:106px
    }
}

.ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--product {
    -o-object-fit: contain;
    object-fit: contain;
    height: 319px;
    width: 128px;
    bottom: calc(100% - 617px);
    margin-left: 0
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 540px)
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 780px);
        width: 202px;
        height: 503px
    }
}

.ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__eyebrow,.ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__title {
    color: #fff
}

.ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__title {
    font-family: Lato-UltraLight;
    font-size: 85px;
    line-height: 85px;
    margin-top: 6px;
    max-width: 80%;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__title {
        margin-top:28px;
        max-width: none
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__title {
        font-size:150px;
        margin-top: 46px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar--left,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__toolbar--left,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__toolbar--left,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__toolbar--left {
    max-width: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero {
        margin-bottom:46px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero {
        margin-bottom:66px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 378px;
    -o-object-position: 100% 150%;
    object-position: 100% 150%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
        height:570px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
        height:941px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--info {
    top: 110px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--info {
        top:144px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--info {
        top:154px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
    margin-left: 0;
    bottom: calc(100% - 360px);
    width: 370px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
        width:406px;
        bottom: calc(100% - 383px)
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
        width:610px;
        bottom: calc(100% - 593px)
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
        width:1016px;
        bottom: calc(100% - 883px)
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
    font-size: 65px;
    line-height: 65px;
    font-family: Lato-UltraLight;
    color: #fff
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
        font-size:100px;
        line-height: 100px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
        font-size:150px;
        line-height: 150px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title span,.ns-ars18 .VideoDoorbellHero--floodlight-teaser-hero .VideoDoorbellHero__title span,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__title span,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title span {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: #fff
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__info,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__info,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__info {
    margin-top: 20px
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero {
    overflow: hidden;
    height: 590px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero {
        margin:0;
        height: auto
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--info,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--info {
        top:95px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__eyebrow,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__eyebrow,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__eyebrow {
    color: #fff;
    font-size: 18px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__eyebrow,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__eyebrow,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__eyebrow {
        position:relative;
        bottom: -30px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
    font-size: 80px;
    line-height: 80px;
    max-width: 375px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
        font-size:100px;
        line-height: 180px;
        max-width: none
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
        font-size:165px;
        line-height: 330px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
    height: 400px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--bg,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
        height:567px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
    width: 675px;
    bottom: calc(100% - 510px)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 532px);
        width: 900px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--product,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 740px);
        width: 1280px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--icon,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--icon,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--icon {
    position: relative;
    top: 95px;
    display: block;
    width: 57px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--icon,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--icon,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--icon {
        width:82px;
        left: 310px;
        top: -70px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--icon,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__hero--icon,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--icon {
        width:103px;
        left: 425px;
        top: -80px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__toolbar-title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__toolbar-title {
    font-size: 15px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__toolbar-title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__toolbar-title {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-title,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--pro-3-floodlight .VideoDoorbellHero__toolbar-title,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__toolbar-specs,.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__toolbar-title {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title {
        font-size:165px;
        line-height: 230px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__title {
        line-height:320px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero {
    height: 530px;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero {
        height:700px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero {
        height:810px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg {
    height: 420px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg {
        height:560px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--bg {
        height:600px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product {
    width: 1000px;
    bottom: calc(100% - 525px)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 715px);
        width: 1350px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 820px);
        width: 1580px
    }
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-title {
    display: block
}

.ns-ars18 .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar-specs {
    display: block
}

.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
    max-width: 405px;
    font-size: 55px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
        max-width:800px;
        font-size: 95px;
        line-height: 120px;
        margin-top: 30px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__title {
        max-width:none;
        font-size: 112px;
        line-height: 225px;
        margin-top: 0
    }
}

.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero {
    height: 610px;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero {
        height:800px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero {
        height:795px;
        margin-bottom: 0
    }
}

.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
    height: 450px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
        height:560px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--bg {
        height:567px
    }
}

.ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
    width: 1000px;
    bottom: calc(100% - 605px)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 805px);
        width: 1350px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHero--wire-free-doorbell .VideoDoorbellHero__hero--product {
        bottom:calc(100% - 800px);
        width: 1580px
    }
}

html.not-at-top .VideoDoorbellHero__toolbar {
    background-color: #02374f
}

.ns-ars18 .VideoDoorbellHeroToolbar__info {
    text-align: center;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .VideoDoorbellHeroToolbar__info {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHeroToolbar__info {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .VideoDoorbellHeroToolbar__info {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .VideoDoorbellHeroToolbar__info {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .VideoDoorbellHeroToolbar__info-description {
    margin: 10px auto 40px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .VideoDoorbellHeroToolbar__info-description {
        max-width:484px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .VideoDoorbellHeroToolbar__info-description {
        margin:10px auto 100px
    }
}

.arlo-video-doorbell .ns-ars18 .main>section:not(.VideoDoorbellHeroToolbar):not(.modalOpened) {
    position: relative;
    z-index: 0
}

.arlo-video-doorbell .ns-ars18.scrolling {
    z-index: 20
}

.ns-ars18 .HeroGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .HeroGrid {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroGrid {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .HeroGrid {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .HeroGrid {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .HeroGrid {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 80px
    }
}

.ns-ars18 .HeroGrid__item {
    width: 50%;
    text-align: center;
    padding-bottom: 60px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .HeroGrid__item {
        width:calc(100% / 5);
        padding-bottom: 0
    }
}

.ns-ars18 .HeroGrid__description {
    max-width: 50%;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroGrid__description {
        max-width:none
    }
}

.ns-ars18 .HeroGrid__icon-container {
    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
}

.ns-ars18 .HeroGrid__icon {
    width: 50px;
    height: 50px
}

.ns-ars18 .HeroGrid__title {
    margin-top: 24px;
    font-family: Lato-Bold,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__description,.ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__title {
    color: #fff;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px
}

.ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__description sup,.ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__title sup {
    color: #fff
}

.ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__title {
    font-family: Lato-Bold
}

.ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__description {
    max-width: none;
    font-family: Lato-Regular
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__item {
        padding-bottom:90px;
        width: calc(100% / 3)
    }
}

.ns-ars18 .HeroGrid--floodlight-teaser-hero .HeroGrid__icon {
    height: auto;
    zoom:.8}

.ns-ars18 .HeroGrid--essential-spotlight .HeroGrid__icon,.ns-ars18 .HeroGrid--pro-3-floodlight .HeroGrid__icon,.ns-ars18 .HeroGrid--wire-free-doorbell .HeroGrid__icon {
    width: auto;
    height: 50px
}

.ns-ars18 .HeroGrid--essential-spotlight .HeroGrid__title,.ns-ars18 .HeroGrid--pro-3-floodlight .HeroGrid__title,.ns-ars18 .HeroGrid--wire-free-doorbell .HeroGrid__title {
    color: #152934;
    max-width: 60%;
    margin: 24px auto 0 auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroGrid--essential-spotlight .HeroGrid__title,.ns-ars18 .HeroGrid--pro-3-floodlight .HeroGrid__title,.ns-ars18 .HeroGrid--wire-free-doorbell .HeroGrid__title {
        max-width:none
    }
}

.ns-ars18 .HeroGrid--essential-spotlight .HeroGrid__description,.ns-ars18 .HeroGrid--pro-3-floodlight .HeroGrid__description,.ns-ars18 .HeroGrid--wire-free-doorbell .HeroGrid__description {
    max-width: 60%;
    color: #5a6870
}

@media screen and (min-width: 768px) {
    .ns-ars18 .HeroGrid--essential-spotlight .HeroGrid__description,.ns-ars18 .HeroGrid--pro-3-floodlight .HeroGrid__description,.ns-ars18 .HeroGrid--wire-free-doorbell .HeroGrid__description {
        max-width:none
    }
}

.ns-ars18 .HeroGrid--wire-free-doorbell {
    padding-bottom: 0
}

.ns-ars18 .HeroGrid--wire-free-doorbell .HeroGrid__icon {
    width: auto;
    height: 47px
}

.ns-ars18 .HeroGrid--wire-free-doorbell .HeroGrid__description {
    max-width: 200px
}

.ns-ars18 .WindowPaneArrangementB2 {
    padding-top: 90px;
    padding-bottom: 0;
    background-color: #fff;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneArrangementB2 {
        padding-top:100px;
        padding-bottom: 80px
    }
}

.ns-ars18 .WindowPaneArrangementB2 .WindowPaneItem--Three-lower {
    padding-bottom: 90px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneArrangementB2 .WindowPaneItem--Three-lower {
        padding-bottom:100px
    }
}

@media screen and (min-width: 576px) {
    .ns-ars18 .WindowPaneArrangementB2 {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneArrangementB2 {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .WindowPaneArrangementB2 {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .WindowPaneArrangementB2 {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .WindowPaneArrangementB2 {
        padding-top:180px
    }
}

.ns-ars18 .WindowPaneArrangementB2__BottomWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ns-ars18 .WindowPaneArrangementB2__BottomWrapper>* {
    width: 100%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .WindowPaneArrangementB2__BottomWrapper>* {
        width:50%
    }

    .ns-ars18 .WindowPaneArrangementB2__BottomWrapper>:nth-child(1) {
        padding-right: 15px
    }

    .ns-ars18 .WindowPaneArrangementB2__BottomWrapper>:nth-child(2) {
        padding-left: 130px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.ns-ars18 .text-block-button {
    text-align: center
}

.ns-ars18 .text-block-button a {
    margin: 0 auto;
    margin-top: 30px
}

.ns-ars18 .text-block-button__heading {
    margin-bottom: 20px
}

.ns-ars18 .text-block-button__button {
    width: 170px;
    height: 60px;
    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
}

.ns-ars18 .sign-up-hero {
    position: relative;
    padding: 100px 0
}

@media screen and (min-width: 768px) {
    .ns-ars18 .sign-up-hero {
        padding:108px 0
    }
}

.ns-ars18 .sign-up-hero--text-block__heading,.ns-ars18 .sign-up-hero--text-block__subheading {
    color: #fff
}

.ns-ars18 .sign-up-hero__disclaimer {
    width: 90%;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ns-ars18 .sign-up-hero .text-block-button__button {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,#3c9));
    background: linear-gradient(90deg,#384851 50%,#3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86);
    border: 2px solid #3c9
}

.ns-ars18 .sign-up-hero .text-block-button__button:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer;
    border-color: #384851
}

.ns-ars18 .sign-up-hero .text-block-button__button:hover {
    border-color: #fff
}

.ns-ars18 .sign-up-hero--wire-free-doorbell .text-block-button__heading br {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .sign-up-hero--wire-free-doorbell .text-block-button__heading br {
        display:block
    }
}

.ns-ars18 .sign-up-hero--wire-free-doorbell .text-block-button__subheading {
    width: 365px;
    margin: 0 auto
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .sign-up-hero--wire-free-doorbell .text-block-button__subheading {
        width:490px
    }
}

.ns-ars18 .smart-2019-hero {
    background-image: -webkit-gradient(linear,left top,right top,from(#50b7b9),to(#3c9));
    background-image: linear-gradient(90deg,#50b7b9,#3c9);
    background-repeat: no-repeat;
    background-size: 100% 63.3%
}

.ns-ars18 .smart-2019-hero__intro {
    padding: 60px 0;
    text-align: center
}

.ns-ars18 .smart-2019-hero__eyebrow {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 20px
}

.ns-ars18 .smart-2019-hero__eyebrow,.ns-ars18 .smart-2019-hero__heading {
    color: #fff
}

.ns-ars18 .smart-features {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    text-align: center
}

@media screen and (min-width: 576px) {
    .ns-ars18 .smart-features {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-features {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .smart-features {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .smart-features {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-features {
        width:90%;
        margin: 0 auto
    }
}

.ns-ars18 .smart-features__subheading {
    color: #02374f;
    padding: 10px 0 50px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-features__subheading {
        padding:20px 0 100px
    }
}

.ns-ars18 .smart-features__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ns-ars18 .smart-features__features .Feature {
    margin: 0 auto;
    width: 290px
}

.ns-ars18 .smart-features__features .Feature:not(:last-of-type) {
    padding-bottom: 50px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-features__features .Feature {
        width:50%
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-features__features .Feature {
        width:33.3%
    }
}

.ns-ars18 .smart-features__features .Feature__Icon {
    max-height: 50px;
    margin-bottom: 20px
}

.ns-ars18 .smart-features__features .Feature__Title {
    color: #172e3c;
    font-family: Lato-Medium
}

.ns-ars18 .smart-features__features .Feature__Copy {
    color: #66737c
}

.ns-ars18 .smart-features__features .Feature__VideoLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px
}

.ns-ars18 .smart-features__features .Feature__VideoLink--link {
    color: #3c9;
    text-decoration: underline;
    padding-right: 5px;
    cursor: pointer
}

.ns-ars18 .smart-features__features .Feature__VideoLink--time {
    color: #66737c
}

.arlo-ns-smart-2019 .ns-ars18 .smart-features .smart-features__features .Feature__VideoLink--link {
    font-size: 15px;
    font-weight: 600
}

.ns-ars18 .video-modal {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 99999999;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    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;
    background-color: rgba(21,41,52,.8);
    width: 100%
}

.ns-ars18 .video-modal__content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    max-width: 1440px;
    margin: 0 auto
}

.ns-ars18 .video-modal__close {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    display: block;
    padding: 19px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255,255,255,0);
    border: none
}

.ns-ars18 .video-modal__video-container {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    height: 0;
    max-width: 85vw
}

.ns-ars18 .video-modal__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

html.open-modal .video-modal {
    visibility: visible;
    opacity: 1
}

.ns-ars18 .smart-notifications {
    padding: 100px 0 50px;
    text-align: center;
    background-color: #f5f6f7
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications {
        padding:100px 0 100px
    }
}

.ns-ars18 .smart-notifications__intro {
    padding-bottom: 50px
}

.ns-ars18 .smart-notifications__slide {
    position: relative
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications__slide {
        padding:0 15px
    }
}

.ns-ars18 .smart-notifications__slide--white .smart-notifications__heading,.ns-ars18 .smart-notifications__slide--white .smart-notifications__subheading {
    color: #fff
}

.ns-ars18 .smart-notifications__slide-wrapper {
    position: relative
}

.ns-ars18 .smart-notifications__info {
    position: absolute;
    top: 64px;
    width: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications__info {
        width:100%;
        left: initial;
        -webkit-transform: none;
        transform: none
    }
}

.ns-ars18 .smart-notifications__heading,.ns-ars18 .smart-notifications__subheading {
    font-family: Lato-Medium
}

.ns-ars18 .smart-notifications__heading {
    margin-bottom: 16px;
    font-family: Lato-Bold
}

.ns-ars18 .smart-notifications__subheading {
    color: #5a6870;
    font-size: 22px;
    line-height: 28px
}

.ns-ars18 .smart-notifications__slider {
    position: relative;
    outline: 0;
    overflow: hidden
}

.ns-ars18 .smart-notifications__slider .previous:before {
    display: block;
    left: 5%;
    cursor: pointer;
    content: url(/en-us/images/Arlov4/Ultra/arrow-dark-left-2x.png)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications__slider .previous:before {
        left:15%
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-notifications__slider .previous:before {
        left:23%
    }
}

.ns-ars18 .smart-notifications__slider .next:before {
    display: block;
    right: 5%;
    cursor: pointer;
    content: url(/en-us/images/Arlov4/Ultra/arrow-dark-right-2x.png)
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications__slider .next:before {
        right:15%
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-notifications__slider .next:before {
        right:23%
    }
}

.ns-ars18 .smart-notifications__slider svg {
    display: none
}

.ns-ars18 .smart-notifications__slider .next,.ns-ars18 .smart-notifications__slider .previous {
    background: 0 0;
    border: none
}

.ns-ars18 .smart-notifications__slider .next:before,.ns-ars18 .smart-notifications__slider .previous:before {
    top: 45%;
    position: absolute;
    -webkit-transform: scale(.5) translate(0,-40%);
    transform: scale(.5) translate(0,-40%)
}

.ns-ars18 .smart-notifications--wire-free-doorbell .smart-notifications__intro {
    max-width: 670px;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications--wire-free-doorbell .smart-notifications__intro {
        padding-left:40px;
        padding-right: 40px
    }
}

.ns-ars18 .smart-notifications--wire-free-doorbell .smart-notifications__intro br {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications--wire-free-doorbell .smart-notifications__intro br {
        display:block
    }
}

.ns-ars18 .smart-notifications--wire-free-doorbell .smart-notifications__info {
    top: 30px
}

.ns-ars18 .smart-notifications--wire-free-doorbell .smart-notifications__subheading br {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-notifications--wire-free-doorbell .smart-notifications__subheading br {
        display:block
    }
}

.ns-ars18 .smart-plans-boxes {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .smart-plans-boxes {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-boxes {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .smart-plans-boxes {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .smart-plans-boxes {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-plans-boxes {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 90%;
        margin: 0 auto
    }
}

.ns-ars18 .smart-plans-boxes__plan {
    text-align: center;
    width: 100%;
    padding-top: 47px;
    padding-bottom: 47px;
    margin-bottom: 30px;
    position: relative
}

.ns-ars18 .smart-plans-boxes__plan:first-of-type {
    background-image: -webkit-gradient(linear,left top,right top,from(#50b7b9),to(#3c9));
    background-image: linear-gradient(90deg,#50b7b9,#3c9);
    background-repeat: no-repeat;
    margin-right: 32px;
    z-index: 11
}

.ns-ars18 .smart-plans-boxes__plan:nth-of-type(2) {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#5fb5d4),to(#69c8ca));
    background-image: linear-gradient(0deg,#5fb5d4,#69c8ca);
    background-repeat: no-repeat;
    z-index: 10
}

.ns-ars18 .smart-plans-boxes__button {
    color: #152934;
    font-family: Lato-Medium,Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    width: 170px;
    height: 60px;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border-radius: 5px;
    border: 2px solid #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,rgba(255,255,255,0)));
    background: linear-gradient(90deg,#384851 50%,rgba(255,255,255,0) 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86);
    margin: 0 auto
}

.ns-ars18 .smart-plans-boxes__button:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer;
    border-color: #384851
}

.ns-ars18 .smart-plans-boxes__eyebrow,.ns-ars18 .smart-plans-boxes__price {
    color: #fff;
    font-family: Lato-Light;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .smart-plans-boxes__heading {
    color: #fff;
    font-family: Lato-Light;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 7px
}

.ns-ars18 .smart-plans-boxes__heading--bold {
    color: #fff;
    font-family: Lato-Medium;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .smart-plans-boxes__subheading {
    color: #fff;
    font-family: Lato-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 600
}

.ns-ars18 .smart-plans-boxes__additional-info,.ns-ars18 .smart-plans-boxes__disclaimer-link-container,.ns-ars18 .smart-plans-boxes__price-copy {
    color: #fff;
    font-family: Lato-Light;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .smart-plans-boxes__price span {
    color: #fff;
    font-size: 20px;
    line-height: 42px
}

.ns-ars18 .smart-plans-boxes__additional-info {
    max-width: 258px;
    margin: 0 auto;
    padding-bottom: 30px
}

.ns-ars18 .smart-plans-boxes__disclaimer-heading {
    color: #fff;
    font-family: Lato-Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding-top: 30px
}

.ns-ars18 .smart-plans-boxes__disclaimer-link {
    text-decoration: underline;
    color: #fff
}

.ns-ars18 .smart-plans-boxes__disclaimer-link:hover {
    cursor: pointer;
    opacity: .8
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: inline-block;
    color: #152934;
    font-family: Lato-Medium;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target] {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background-color: #364850;
    position: absolute;
    bottom: -17px;
    left: 50%;
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    width: 345px;
    height: 145px;
    color: #fff;
    z-index: 50
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target] div {
    line-height: 22px;
    padding-bottom: 3px;
    padding-top: 38px;
    color: #152934;
    font-family: Lato-Medium;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target]::before {
    content: '';
    background: 0 0;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #364850
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target] [data-tooltip=close] {
    position: absolute;
    top: 16px;
    right: 15px;
    background-color: transparent;
    border: none
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target] [data-tooltip=close] {
        display:none
    }
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target] [data-tooltip=close] span {
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #fff
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target] [data-tooltip=close] span:first-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container [data-tooltip=target] [data-tooltip=close] span:last-of-type {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ns-ars18 .smart-plans-boxes__disclaimer-link-container.showTooltip .smart-plans-boxes__tooltip {
    opacity: 1;
    visibility: visible
}

.ns-ars18 .smart-plans-boxes__divider {
    width: 40px;
    height: 1px;
    background-color: #fff;
    margin: 20px auto
}

.ns-ars18 .smart-plans-boxes__pricing-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0 30px
}

.ns-ars18 .smart-plans-boxes__pricing:first-of-type {
    position: relative;
    padding-right: 42px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-boxes__pricing:first-of-type {
        padding-right:55px
    }
}

.ns-ars18 .smart-plans-boxes__pricing:first-of-type:after {
    content: '';
    position: absolute;
    right: 27.5px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff
}

.ns-ars18 .smart-business {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-bottom: 100px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .smart-business {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-business {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .smart-business {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .smart-business {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-business {
        width:90%;
        margin: 0 auto
    }

    .ns-ars18 .smart-business:not(.smart-business--single) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px
    }
}

.ns-ars18 .smart-business__module {
    background-color: #fff;
    padding: 50px 12px
}

.ns-ars18 .smart-business__module .text-block-button {
    max-width: 439px;
    margin: 0 auto
}

.ns-ars18 .smart-business__module:first-of-type {
    margin-bottom: 30px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-business__module:first-of-type {
        margin-bottom:0
    }
}

.ns-ars18 .smart-business__heading {
    color: #152934;
    font-family: Lato-Light;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .smart-business__subheading {
    color: #5a6870
}

.ns-ars18 .smart-business--smart-plans-chart {
    grid-gap: 0;
    width: 100%;
    padding: 0
}

.ns-ars18 .smart-business--smart-plans-chart .smart-business__module {
    margin-bottom: 0
}

.ns-ars18 .smart-business--smart-plans-chart .smart-business__module:first-of-type {
    background-color: #dfe2e6
}

.ns-ars18 .smart-business--smart-plans-chart .smart-business__module:nth-of-type(2) {
    background-color: #e8eaee
}

.ns-ars18 .smart-plans-chart {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-bottom: 100px;
    position: relative;
    z-index: 10;
}

@media screen and (min-width: 576px) {
    .ns-ars18 .smart-plans-chart {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .smart-plans-chart {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .smart-plans-chart {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart {
        display:grid;
        grid-template-columns: repeat(4,1fr)
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart [data-plan=elite] .smart-plans-chart__discount-text {
        -webkit-transform:translateX(-100%);
        transform: translateX(-100%)
    }
}

.ns-ars18 .smart-plans-chart__label {
    width: 106px;
    height: 30px;
    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;
    color: #152934;
    font-family: Lato-Medium;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #3c9;
    border-radius: 4px;
    margin-bottom: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__label {
        position:absolute;
        top: -40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.ns-ars18 .smart-plans-chart__title {
    text-align: center;
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__title {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-plans-chart__title {
        color:#152934;
        font-family: Lato-Light,Helvetica,Arial,sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

.ns-ars18 .smart-plans-chart__title--first {
    visibility: hidden;
    opacity: 0
}

.ns-ars18 .smart-plans-chart__plan {
    position: relative;
    margin-top: 100px;
    text-align: center
}

.ns-ars18 .smart-plans-chart__plan--heading {
    display: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__plan--heading {
        display:block
    }
}

.ns-ars18 .smart-plans-chart__plan--heading-title {
    color: transparent
}

.ns-ars18 .smart-plans-chart__columns {
    display: grid;
    grid-template-columns: .6fr .4fr
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__columns {
        grid-template-columns:1fr
    }
}

.ns-ars18 .smart-plans-chart__columns--2 .smart-plans-chart__column-item--plans:nth-of-type(1),.ns-ars18 .smart-plans-chart__columns--3 .smart-plans-chart__column-item--plans:nth-of-type(1) {
    color: #152934;
    font-family: Lato-Medium;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #3c9
}

.ns-ars18 .smart-plans-chart__columns--2 .smart-plans-chart__column-item--plans:nth-of-type(2),.ns-ars18 .smart-plans-chart__columns--3 .smart-plans-chart__column-item--plans:nth-of-type(2) {
    color: #152934;
    font-family: Lato-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #3c9
}

.ns-ars18 .smart-plans-chart__columns--2 .smart-plans-chart__discount-text {
    visibility: visible
}

.ns-ars18 .smart-plans-chart__column {
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__column--heading {
        display:none
    }
}

.ns-ars18 .smart-plans-chart__column-item {
    background-color: #fff;
    margin: 0 3px 3px 0;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ns-ars18 .smart-plans-chart__column-item--heading {
    padding-left: 20px;
    text-align: left;
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .smart-plans-chart__column-item--heading:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ns-ars18 .smart-plans-chart__column-item--plans {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #3c9
}

.ns-ars18 .smart-plans-chart__column-item--dash {
    color: #152934;
    font-family: Lato-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #3c9
}

.ns-ars18 .smart-plans-chart__column-item img {
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

.ns-ars18 .smart-plans-chart__emergency-disclaimer {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #5a6870
}

.ns-ars18 .smart-plans-chart__row--prices {
    background-color: #fff;
    margin-right: 3px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__row--prices {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 126px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-plans-chart__row--prices {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 80px
    }
}

.ns-ars18 .smart-plans-chart__price-column {
    width: 50%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__price-column {
        width:auto
    }

    .ns-ars18 .smart-plans-chart__price-column:first-of-type {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-plans-chart__price-column {
        width:50%
    }

    .ns-ars18 .smart-plans-chart__price-column:first-of-type {
        margin-bottom: 0
    }
}

.ns-ars18 .smart-plans-chart__pricing-section {
    grid-column-start: span 2;
    text-align: center
}

.ns-ars18 .smart-plans-chart__pricing-section .button {
    margin: 40px auto 30px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__pricing-section .button {
        margin-bottom:17px
    }
}

.ns-ars18 .smart-plans-chart__price {
    font-family: Lato-Medium;
    color: #3c9
}

.ns-ars18 .smart-plans-chart__price--month,.ns-ars18 .smart-plans-chart__price--wrapper {
    color: #3c9
}

.ns-ars18 .smart-plans-chart__price--camera {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.ns-ars18 .smart-plans-chart__tooltip-link {
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.ns-ars18 .smart-plans-chart__tooltip-link:hover {
    cursor: pointer;
    color: #3c9
}

.ns-ars18 .smart-plans-chart__compatible-camera-link {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #5a6870;
    display: inline-block;
    color: #152934;
    font-family: Lato-Medium;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative
}

.ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background-color: #364850;
    position: absolute;
    bottom: -17px;
    left: 50%;
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    width: 345px;
    height: 145px;
    color: #fff;
    z-index: 50
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] {
        -webkit-transform:translate(-60%,100%);
        transform: translate(-60%,100%)
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] {
        -webkit-transform:translate(-50%,100%);
        transform: translate(-50%,100%)
    }
}

.ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] div {
    line-height: 22px;
    padding-bottom: 3px;
    padding-top: 38px;
    color: #152934;
    font-family: Lato-Medium;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff
}

.ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target]::before {
    content: '';
    background: 0 0;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #364850
}

.ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] [data-tooltip=close] {
    position: absolute;
    top: 16px;
    right: 15px;
    background-color: transparent;
    border: none
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] [data-tooltip=close] {
        display:none
    }
}

.ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] [data-tooltip=close] span {
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #fff
}

.ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] [data-tooltip=close] span:first-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ns-ars18 .smart-plans-chart__compatible-camera-link [data-tooltip=target] [data-tooltip=close] span:last-of-type {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ns-ars18 .smart-plans-chart__compatible-camera-link.showTooltip .smart-plans-chart__tooltip {
    opacity: 1;
    visibility: visible
}

.ns-ars18 .smart-plans-chart__discount-text {
    color: #152934;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    width: 200%;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    max-width: 75%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart__discount-text {
        max-width:none;
        width: 200%;
        visibility: hidden
    }
}

.ns-ars18 .smart-plans-chart-tabs {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    width: 90%;
    margin: 0 auto
}

@media screen and (min-width: 576px) {
    .ns-ars18 .smart-plans-chart-tabs {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart-tabs {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .smart-plans-chart-tabs {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .smart-plans-chart-tabs {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .smart-plans-chart-tabs.four-up {
    width: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart-tabs.four-up {
        width:90%
    }
}

.ns-ars18 .smart-plans-chart-tabs.four-up .smart-plans-chart-tabs__wrapper {
    grid-template-columns: repeat(4,1fr)
}

.ns-ars18 .smart-plans-chart-tabs.four-up .smart-plans-chart-tabs__tab {
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .smart-plans-chart-tabs.four-up .smart-plans-chart-tabs__tab {
        font-size:17px
    }
}

.ns-ars18 .smart-plans-chart-tabs__wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    border-bottom: solid 1.5px #dfe2e6
}

.ns-ars18 .smart-plans-chart-tabs__tab {
    position: relative;
    color: #152934;
    font-family: Lato-Medium;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    padding-bottom: 30px;
    cursor: pointer
}

.ns-ars18 .smart-plans-chart-tabs__tab.active {
    color: #3c9
}

.ns-ars18 .smart-plans-chart-tabs__tab.active:after {
    content: '';
    position: absolute;
    bottom: -1.5px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #3c9
}

.ns-ars18 .floodlight-teaser-hero {
    background-color: #056fdd
}

.ns-ars18 .floodlight-teaser-hero__info {
    text-align: center;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .floodlight-teaser-hero__info {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .floodlight-teaser-hero__info {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .floodlight-teaser-hero__info {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .floodlight-teaser-hero__info {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .floodlight-teaser-hero__info-eyebrow {
    letter-spacing: 1px;
    margin-bottom: 11px;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fff;
    font-family: Lato-Bold
}

.ns-ars18 .floodlight-teaser-hero__info-headline {
    color: #fff
}

.ns-ars18 .floodlight-teaser-hero__info-description {
    margin: 10px auto 100px;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fff;
    font-family: Lato-Regular
}

@media screen and (min-width: 768px) {
    .ns-ars18 .floodlight-teaser-hero__info-description {
        max-width:540px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .floodlight-teaser-hero__info-description {
        margin:10px auto 100px
    }
}

.ns-ars18 .floodlight-teaser-hero--essential-spotlight,.ns-ars18 .floodlight-teaser-hero--pro-3-floodlight,.ns-ars18 .floodlight-teaser-hero--wire-free-doorbell {
    background: 0 0
}

.ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-headline,.ns-ars18 .floodlight-teaser-hero--pro-3-floodlight .floodlight-teaser-hero__info-headline,.ns-ars18 .floodlight-teaser-hero--wire-free-doorbell .floodlight-teaser-hero__info-headline {
    font-family: Lato-Light;
    font-size: 22px;
    color: #152934
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-headline,.ns-ars18 .floodlight-teaser-hero--pro-3-floodlight .floodlight-teaser-hero__info-headline,.ns-ars18 .floodlight-teaser-hero--wire-free-doorbell .floodlight-teaser-hero__info-headline {
        font-size:28px
    }
}

.ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-description,.ns-ars18 .floodlight-teaser-hero--pro-3-floodlight .floodlight-teaser-hero__info-description,.ns-ars18 .floodlight-teaser-hero--wire-free-doorbell .floodlight-teaser-hero__info-description {
    font-family: Lato-Light;
    color: #003750
}

@media screen and (min-width: 768px) {
    .ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info,.ns-ars18 .floodlight-teaser-hero--pro-3-floodlight .floodlight-teaser-hero__info,.ns-ars18 .floodlight-teaser-hero--wire-free-doorbell .floodlight-teaser-hero__info {
        margin-top:55px
    }
}

.ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-headline {
    font-size: 28px;
    line-height: 42px;
    width: 320px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-headline {
        width:100%
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-headline {
        font-size:28px
    }
}

.ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-description {
    margin-bottom: 60px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info-description {
        width:400px;
        margin-bottom: 100px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .floodlight-teaser-hero--essential-spotlight .floodlight-teaser-hero__info {
        margin-top:55px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .floodlight-teaser-hero--wire-free-doorbell .floodlight-teaser-hero__info {
        margin:10px auto 0 auto;
        max-width: 690px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .floodlight-teaser-hero--wire-free-doorbell .floodlight-teaser-hero__info {
        max-width:750px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .floodlight-teaser-hero--wire-free-doorbell .floodlight-teaser-hero__info-description {
        font-size:17px;
        line-height: 26px
    }
}

.arlo-floodlight-2019 .ns-ars18 .main>section:not(.VideoDoorbellHeroToolbar):not(.modalOpened) {
    position: relative;
    z-index: 0
}

.arlo-floodlight-2019 .ns-ars18.scrolling {
    z-index: 20
}

.ns-ars18 .form-input__heading {
    color: #fff;
    font-size: 35px;
    line-height: 45px;
    text-align: center
}

.ns-ars18 .form-input--floodlight-teaser,.ns-ars18 .form-input--pro-3-floodlight {
    padding-top: 40px;
    padding-bottom: 100px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .form-input--floodlight-teaser,.ns-ars18 .form-input--pro-3-floodlight {
        padding-top:10px
    }
}

.ns-ars18 .form-input--floodlight-teaser .form-input__form,.ns-ars18 .form-input--pro-3-floodlight .form-input__form {
    text-align: center;
    margin: 30px auto 0;
    height: 60px;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    position: relative
}

@media screen and (min-width: 768px) {
    .ns-ars18 .form-input--floodlight-teaser .form-input__form,.ns-ars18 .form-input--pro-3-floodlight .form-input__form {
        margin-top:50px;
        width: 423px
    }
}

.ns-ars18 .form-input--floodlight-teaser .form-input__form-response,.ns-ars18 .form-input--pro-3-floodlight .form-input__form-response {
    position: absolute;
    color: #fff;
    bottom: -40px;
    left: 19px
}

.ns-ars18 .form-input--floodlight-teaser .form-input__input,.ns-ars18 .form-input--pro-3-floodlight .form-input__input {
    margin: auto;
    border-radius: 4px 0 0 4px;
    width: 64.06619%;
    height: 100%;
    border: none;
    padding-left: 19px
}

.ns-ars18 .form-input--floodlight-teaser .form-input__input::-webkit-input-placeholder,.ns-ars18 .form-input--pro-3-floodlight .form-input__input::-webkit-input-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .form-input--floodlight-teaser .form-input__input::-moz-placeholder,.ns-ars18 .form-input--pro-3-floodlight .form-input__input::-moz-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .form-input--floodlight-teaser .form-input__input:-ms-input-placeholder,.ns-ars18 .form-input--pro-3-floodlight .form-input__input:-ms-input-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .form-input--floodlight-teaser .form-input__input::-ms-input-placeholder,.ns-ars18 .form-input--pro-3-floodlight .form-input__input::-ms-input-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .form-input--floodlight-teaser .form-input__input::placeholder,.ns-ars18 .form-input--pro-3-floodlight .form-input__input::placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .form-input--floodlight-teaser .form-input__button,.ns-ars18 .form-input--pro-3-floodlight .form-input__button {
    width: 35.93381%;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: Lato-Bold;
    border-radius: 0 4px 4px 0;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,#60b6d4));
    background: linear-gradient(90deg,#384851 50%,#60b6d4 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86)
}

.ns-ars18 .form-input--floodlight-teaser .form-input__button:hover,.ns-ars18 .form-input--pro-3-floodlight .form-input__button:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer;
    border-color: #384851
}

.ns-ars18 .form-input--floodlight-teaser .form-input__button .chevron-arrow:before,.ns-ars18 .form-input--pro-3-floodlight .form-input__button .chevron-arrow:before {
    background-color: #fff
}

.ns-ars18 .form-input--floodlight-teaser .form-input__button .chevron-arrow:after,.ns-ars18 .form-input--pro-3-floodlight .form-input__button .chevron-arrow:after {
    border: 1px solid #fff;
    border-bottom: none;
    border-left: none;
    top: 0;
    right: 1px
}

.ns-ars18 .form-input--pro-3-floodlight {
    background: #f5f6f7;
    padding-top: 100px
}

.ns-ars18 .form-input--pro-3-floodlight .form-input__heading {
    color: #003750
}

.ns-ars18 .form-input--pro-3-floodlight .form-input__form-response {
    color: #02374f
}

.ns-ars18 .hero-2019 {
    position: relative;
    overflow: hidden
}

.ns-ars18 .hero-2019__image {
    width: 100%;
    display: block
}

.ns-ars18 .hero-2019__heading-container {
    position: absolute;
    top: 10%;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 44px;
    line-height: 54px
}

.ns-ars18 .hero-2019__heading-container br {
    display: none
}

@media screen and (min-width: 576px) {
    .ns-ars18 .hero-2019__heading-container {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019__heading-container {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .hero-2019__heading-container {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .hero-2019__heading-container {
        padding-left:205px;
        padding-right: 205px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019__heading-container {
        font-size:55px;
        line-height: 65px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019__heading-container {
        top:20%
    }

    .ns-ars18 .hero-2019__heading-container br {
        display: block
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .hero-2019__heading-container {
        top:35%
    }
}

.ns-ars18 .hero-2019__heading-container-centered {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.ns-ars18 .hero-2019__heading {
    margin-bottom: 20px
}

.ns-ars18 .hero-2019__subheading {
    margin-bottom: 30px
}

.ns-ars18 .hero-2019__button.button {
    font-family: Lato-Regular;
    font-size: 17px
}

.ns-ars18 .hero-2019--doorbell-category .hero-2019__image {
    max-height: 700px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__image {
        max-height:none
    }
}

.ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container-centered {
    top: -10%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container-centered {
        top:0
    }
}

.ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container-centered .button--primary {
    height: 40px;
    width: 120px;
    font-size: 12px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container-centered .button--primary {
        height:60px;
        width: 170px;
        font-size: inherit
    }
}

.ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container br {
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
        top:15%
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
        top:25%
    }
}

.ns-ars18 .hero-2019--doorbell-category .hero-2019__heading {
    color: #003750
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading {
        font-size:55px;
        line-height: 65px
    }
}

.ns-ars18 .hero-2019--doorbell-category .hero-2019__subheading {
    margin-top: 10px;
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 26px;
    color: #003750;
    max-width: 240px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__subheading {
        font-size:17px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__subheading {
        max-width:340px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--doorbell-category .hero-2019__subheading {
        max-width:400px
    }
}

.ns-ars18 .hero-2019--doorbell-category__heading {
    color: #fff;
    width: 335px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--doorbell-category__heading {
        width:400px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--doorbell-category__heading {
        font-size:55px;
        width: 605px
    }
}

.ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__heading-container {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    top: 12%
}

@media screen and (min-width: 576px) {
    .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__heading-container {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__heading-container {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__heading-container {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__heading-container {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__heading-container {
        top:11%
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__heading-container {
        top:18%
    }
}

.ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__subheading {
    max-width: 65%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__subheading {
        max-width:none
    }
}

.ns-ars18 .hero-2019--pro-3-floodlight-shop .hero-2019__subheading {
    max-width: 60%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--pro-3-floodlight-shop .hero-2019__subheading {
        max-width:none
    }
}

.ns-ars18 .hero-2019--essential-spotlight {
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--essential-spotlight {
        padding-top:100px;
        padding-bottom: 100px
    }
}

.ns-ars18 .hero-2019--essential-spotlight .hero-2019__image {
    position: relative;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 250px;
    width: 800px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__image {
        width:1200px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__image {
        left:30%;
        top: unset;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        margin-bottom: 0
    }
}

.ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading-container {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    top: unset;
    bottom: 10%;
    width: 100%
}

@media screen and (min-width: 576px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading-container {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading-container {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading-container {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading-container {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading-container {
        top:32%;
        bottom: unset;
        width: 900px
    }
}

.ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading {
    text-align: center
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__heading {
        text-align:left
    }
}

.ns-ars18 .hero-2019--essential-spotlight .hero-2019__subheading {
    text-align: center
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__subheading {
        text-align:left
    }
}

.ns-ars18 .hero-2019--essential-spotlight .hero-2019__button {
    margin: 0 auto
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .hero-2019--essential-spotlight .hero-2019__button {
        margin:0
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block {
        padding-left:19px;
        padding-right: 19px;
        will-change: padding;
        -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
        transition: padding .2s cubic-bezier(.5,0,.1,1)
    }
}

@media screen and (min-width: 768px) and (min-width:576px) {
    .ns-ars18 .privacy-text-block {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) and (min-width:768px) {
    .ns-ars18 .privacy-text-block {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 768px) and (min-width:992px) {
    .ns-ars18 .privacy-text-block {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 768px) and (min-width:1200px) {
    .ns-ars18 .privacy-text-block {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .privacy-text-block__intro {
    background: #ebecef;
    padding-top: 90px;
    padding-bottom: 184px;
    text-align: left;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    margin-bottom: -92px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .privacy-text-block__intro {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__intro {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .privacy-text-block__intro {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .privacy-text-block__intro {
        padding-left:205px;
        padding-right: 205px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__intro {
        padding-top:140px;
        padding-bottom: 291px;
        margin-bottom: -151px
    }
}

.ns-ars18 .privacy-text-block__intro .text-block-button__heading {
    color: #000;
    font-family: Lato-Bold;
    font-size: 25px;
    line-height: 39px;
    margin-bottom: auto;
    max-width: 80%
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .privacy-text-block__intro .text-block-button__heading {
        font-size:28px;
        line-height: 42px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__intro .text-block-button__heading {
        max-width:none
    }
}

.ns-ars18 .privacy-text-block__intro .text-block-button__subheading {
    color: #000;
    font-family: Lato-Light;
    font-size: 25px;
    line-height: 39px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .privacy-text-block__intro .text-block-button__subheading {
        font-size:28px;
        line-height: 42px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__intro .text-block-button__subheading {
        max-width:80%
    }
}

.ns-ars18 .privacy-text-block__info {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#5fb5d4),to(#69c8ca));
    background-image: linear-gradient(0deg,#5fb5d4,#69c8ca);
    background-repeat: no-repeat
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .privacy-text-block__info {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ns-ars18 .privacy-text-block__info.altImage {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#50b7b9),to(#3c9));
    background-image: linear-gradient(0deg,#50b7b9,#3c9);
    background-repeat: no-repeat
}

.ns-ars18 .privacy-text-block__info-copy {
    padding-left: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 52px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .privacy-text-block__info-copy {
        padding-left:40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__info-copy {
        padding-left:56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .privacy-text-block__info-copy {
        padding-left:135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .privacy-text-block__info-copy {
        padding-left:135px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .privacy-text-block__info-copy {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .privacy-text-block__info-copy {
        padding-top:10%;
        padding-left: 70px
    }
}

.ns-ars18 .privacy-text-block__description,.ns-ars18 .privacy-text-block__heading {
    color: #fff
}

.ns-ars18 .privacy-text-block__heading {
    font-size: 55px;
    line-height: 65px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__heading {
        margin-bottom:10px
    }
}

.ns-ars18 .privacy-text-block__description {
    font-size: 28px;
    line-height: 42px
}

.ns-ars18 .privacy-text-block__phone {
    width: 350px;
    display: block;
    padding-top: 72px;
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .privacy-text-block__phone {
        width:530px;
        padding-top: 87px;
        margin: 0
    }
}

.ns-ars18 .privacy-text-block__text-blocks {
    padding-bottom: 100px
}

@media screen and (max-width: 767px) {
    .ns-ars18 .privacy-text-block__text-blocks {
        padding-left:19px;
        padding-right: 19px;
        will-change: padding;
        -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
        transition: padding .2s cubic-bezier(.5,0,.1,1)
    }
}

@media screen and (max-width: 767px) and (min-width:576px) {
    .ns-ars18 .privacy-text-block__text-blocks {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 767px) and (min-width:768px) {
    .ns-ars18 .privacy-text-block__text-blocks {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (max-width: 767px) and (min-width:992px) {
    .ns-ars18 .privacy-text-block__text-blocks {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (max-width: 767px) and (min-width:1200px) {
    .ns-ars18 .privacy-text-block__text-blocks {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .privacy-text-block__text-blocks a {
    color: #3c9;
    text-decoration: underline
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__text-blocks {
        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: 1200px) {
    .ns-ars18 .privacy-text-block__text-blocks {
        padding-left:70px
    }
}

.ns-ars18 .privacy-text-block__text-blocks .text-block-button {
    text-align: left
}

.ns-ars18 .privacy-text-block__text-blocks .text-block-button__heading {
    font-family: Lato-Bold;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 7px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .privacy-text-block__text-blocks .text-block-button__heading br {
        display:none
    }
}

.ns-ars18 .privacy-text-block__text-blocks .text-block-button__subheading {
    color: #000;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 31px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .privacy-text-block__text-blocks .text-block-button__subheading {
        font-size:23px;
        line-height: 34px
    }
}

.ns-ars18 .privacy-text-block__text-block {
    padding-top: 66px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-text-block__text-block {
        padding-top:111px;
        width: 45%
    }
}

.ns-ars18 .media-three-column-block {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    background: #152934
}

@media screen and (min-width: 576px) {
    .ns-ars18 .media-three-column-block {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .media-three-column-block {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .media-three-column-block {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .media-three-column-block {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .media-three-column-block {
        padding-top:180px;
        padding-bottom: 180px
    }
}

.ns-ars18 .media-three-column-block__heading {
    text-align: center;
    color: #fff;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 50px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .media-three-column-block__heading {
        font-size:55px;
        line-height: 65px;
        margin-bottom: 100px
    }
}

.ns-ars18 .media-three-column-block__heading span {
    color: #fff;
    font-size: inherit;
    display: block
}

@media screen and (min-width: 768px) {
    .ns-ars18 .media-three-column-block__heading span {
        display:inline
    }
}

.ns-ars18 .media-three-column-block__heading span::after {
    content: '';
    position: relative;
    margin: 0 3px;
    top: -7px;
    display: inline-block;
    height: 2px;
    width: 25px;
    background: #fff
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .media-three-column-block__heading span::after {
        top:-15px
    }
}

.ns-ars18 .media-three-column-block__main-image-container {
    width: 100%;
    margin-bottom: 100px
}

.ns-ars18 .media-three-column-block__main-image {
    width: 100%;
    height: auto
}

.ns-ars18 .media-three-column-block .HeroGrid {
    padding: 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .media-three-column-block .HeroGrid {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.ns-ars18 .media-three-column-block .HeroGrid__item {
    width: 270px
}

.ns-ars18 .media-three-column-block .HeroGrid__item:not(:last-of-type) {
    margin-bottom: 40px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .media-three-column-block .HeroGrid__item:not(:last-of-type) {
        margin:0
    }
}

.ns-ars18 .media-three-column-block .HeroGrid__title {
    color: #fff;
    font-size: 28px;
    font-family: Lato-Light;
    margin-bottom: 20px;
    width: none
}

.ns-ars18 .media-three-column-block .HeroGrid__description {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    max-width: none
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .media-three-column-block .HeroGrid__description {
        font-size:17px;
        line-height: 26px
    }
}

.ns-ars18 .media-three-column-block .HeroGrid__icon {
    width: auto;
    margin-bottom: 30px
}

.ns-ars18 .media-three-column-block--essential-spotlight {
    padding-bottom: 0
}

.ns-ars18 .media-three-column-block--essential-spotlight .media-three-column-block__heading {
    margin: 0
}

.ns-ars18 .media-three-column-block--essential-spotlight .media-three-column-block__subheading {
    margin: 10px auto 80px;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    color: #fff;
    font-family: Lato-Light;
    text-align: center
}

.ns-ars18 .three-column-icons {
    padding: 100px 0 50px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .three-column-icons {
        padding:180px 0 50px
    }
}

.ns-ars18 .three-column-icons__icon-container {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .ns-ars18 .three-column-icons__icon-container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.ns-ars18 .three-column-icons__heading {
    text-align: center;
    margin: 0 auto 50px auto;
    max-width: 265px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .three-column-icons__heading {
        font-size:28px;
        line-height: 42px;
        max-width: none
    }
}

.ns-ars18 .three-column-icons__icon:not(:last-child) {
    width: 182px;
    margin: 0 0 30px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .three-column-icons__icon:not(:last-child) {
        margin:0 40px 0 0
    }
}

.ns-ars18 .three-column-icons--essential-spotlight {
    padding-top: 40px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .three-column-icons--essential-spotlight {
        padding-top:60px
    }
}

.ns-ars18 .three-column-icons--essential-spotlight .three-column-icons__heading {
    margin-bottom: 150px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .three-column-icons--essential-spotlight .three-column-icons__heading {
        margin-bottom:50px
    }
}

.ns-ars18 .three-column-icons--essential-spotlight .three-column-icons__icon-container {
    height: 60px
}

.ns-ars18 .three-column-icons--essential-spotlight .three-column-icons__icon {
    width: auto;
    height: 100%
}

.ns-ars18 .product-50-50 {
    overflow: hidden
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 200px
    }
}

.ns-ars18 .product-50-50__feature {
    height: 670px;
    position: relative
}

@media screen and (min-width: 768px) {
    .ns-ars18 .product-50-50__feature {
        height:925px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50__feature {
        height:900px;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.ns-ars18 .product-50-50 .feature-right .product-50-50__heading {
    color: #fff
}

.ns-ars18 .product-50-50 .feature-right .product-50-50__description {
    color: #fff
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50 .feature-right .product-50-50__image-container {
        display:none
    }
}

.ns-ars18 .product-50-50__image-container {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 150px;
    bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .ns-ars18 .product-50-50__image-container {
        height:300px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50__image-container {
        height:445px;
        width: auto;
        top: 100%;
        right: 0;
        -webkit-transform: translate(50%,-50%);
        transform: translate(50%,-50%)
    }
}

.ns-ars18 .product-50-50__image-container img {
    width: 464px;
    height: auto
}

@media screen and (min-width: 768px) {
    .ns-ars18 .product-50-50__image-container img {
        width:920px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50__image-container img {
        width:1379px
    }
}

.ns-ars18 .product-50-50__text-container {
    padding-top: 50px;
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    position: relative;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .ns-ars18 .product-50-50__text-container {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .product-50-50__text-container {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .product-50-50__text-container {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .product-50-50__text-container {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .product-50-50__heading {
    text-align: left;
    color: #152934;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 10px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50__heading {
        font-size:55px;
        line-height: 65px;
        max-width: 300px
    }
}

.ns-ars18 .product-50-50__description {
    font-size: 15px;
    line-height: 26px;
    max-width: 320px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50__description {
        font-size:17px
    }
}

.ns-ars18 .product-50-50__background-image-container {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 550px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .product-50-50__background-image-container {
        height:734px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .product-50-50__background-image-container {
        height:900px
    }
}

.ns-ars18 .product-50-50__background-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.ns-ars18 .image-text-block {
    padding-bottom: 100px
}

.ns-ars18 .image-text-block__container {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1)
}

@media screen and (min-width: 576px) {
    .ns-ars18 .image-text-block__container {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .image-text-block__container {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .image-text-block__container {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .image-text-block__container {
        padding-left:135px;
        padding-right: 135px
    }
}

.ns-ars18 .image-text-block__image {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    font-family: 'object-fit: cover;'
}

.ns-ars18 .image-text-block__image-wrapper {
    overflow: hidden;
    position: relative
}

.ns-ars18 .image-text-block__image-wrapper:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .image-text-block__image-wrapper:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 56.71642%;
    display: block
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block__image-wrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .image-text-block__image-wrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 42.85714%;
        display: block
    }
}

.ns-ars18 .image-text-block__image-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ns-ars18 .image-text-block__heading {
    font-family: Lato-Regular;
    font-size: 18px;
    line-height: 24px;
    color: #152934;
    margin: 20px auto 10px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block__heading {
        font-size:22px;
        line-height: 28px
    }
}

.ns-ars18 .image-text-block__description {
    font-family: Lato-Light;
    font-size: 15px;
    line-height: 26px;
    color: #5a6870;
    max-width: 370px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block__description {
        font-size:17px;
        line-height: 26px
    }
}

.ns-ars18 .image-text-block--single {
    padding-top: 100px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block--single {
        padding-top:180px;
        padding-bottom: 180px
    }
}

.ns-ars18 .image-text-block--first {
    padding-top: 100px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block--first {
        padding-top:180px
    }
}

.ns-ars18 .image-text-block--full .image-text-block__image-wrapper:after {
    content: '';
    display: table;
    clear: both
}

.ns-ars18 .image-text-block--full .image-text-block__image-wrapper:before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: 56.25%;
    display: block
}

.ns-ars18 .image-text-block--last {
    padding-bottom: 100px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block--last {
        padding-bottom:180px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block__container--two {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ns-ars18 .image-text-block__container--two>* {
        width: 50%
    }

    .ns-ars18 .image-text-block__container--two>:nth-child(2) {
        padding-left: 130px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block--left .image-text-block__image-wrapper:after {
        content:'';
        display: table;
        clear: both
    }

    .ns-ars18 .image-text-block--left .image-text-block__image-wrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 100%;
        display: block
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .image-text-block--right {
        padding-top:100px
    }

    .ns-ars18 .image-text-block--right .image-text-block__image-wrapper:after {
        content: '';
        display: table;
        clear: both
    }

    .ns-ars18 .image-text-block--right .image-text-block__image-wrapper:before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-bottom: 117.02128%;
        display: block
    }
}

.ns-ars18 .two-image-block {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 100px;
    padding-bottom: 100px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .two-image-block {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .two-image-block {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .two-image-block {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .two-image-block {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .two-image-block {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 180px;
        padding-bottom: 180px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ns-ars18 .two-image-block__block {
    position: relative
}

.ns-ars18 .two-image-block__block:first-of-type {
    padding-bottom: 50px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .two-image-block__block:first-of-type {
        padding-bottom:30px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .two-image-block__block:first-of-type {
        padding-bottom:0
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .two-image-block__block {
        width:calc(50% - 15px)
    }
}

.ns-ars18 .two-image-block__info {
    position: absolute;
    top: 10%;
    padding-left: 45px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .two-image-block__info {
        padding-left:70px
    }
}

.ns-ars18 .two-image-block__heading {
    text-align: left;
    margin-bottom: 20px;
    font-family: Lato-Light;
    font-size: 28px;
    line-height: 42px;
    color: #fff
}

@media screen and (min-width: 768px) {
    .ns-ars18 .two-image-block__heading {
        font-size:35px;
        line-height: 45px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .two-image-block__heading {
        margin-bottom:30px
    }
}

.ns-ars18 .two-image-block__image {
    width: 100%;
    display: block
}

.ns-ars18 .two-image-block__button {
    font-family: Lato-Regular;
    font-size: 17px
}

.ns-ars18 .alternating-image-text {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    margin-top: 100px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .alternating-image-text {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .alternating-image-text {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .alternating-image-text {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .alternating-image-text {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .alternating-image-text {
        margin-top:30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ns-ars18 .alternating-image-text--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.ns-ars18 .alternating-image-text__image-container {
    position: relative
}

.ns-ars18 .alternating-image-text__image-container:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 96.43917%
}

.ns-ars18 .alternating-image-text__image-container img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.ns-ars18 .alternating-image-text__image-container video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .alternating-image-text__image-container {
        position:relative;
        width: 570px;
        margin-right: 100px
    }

    .ns-ars18 .alternating-image-text__image-container:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 96.49123%
    }

    .ns-ars18 .alternating-image-text__image-container img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }

    .ns-ars18 .alternating-image-text__image-container video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }

    .ns-ars18 .alternating-image-text__image-container--reverse {
        margin: 0 0 0 100px
    }
}

.ns-ars18 .alternating-image-text__image {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.ns-ars18 .alternating-image-text__info {
    margin-top: 10px
}

.ns-ars18 .alternating-image-text__heading {
    width: 350px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .alternating-image-text__heading {
        font-size:45px;
        line-height: 55px;
        width: 500px
    }
}

.ns-ars18 .alternating-image-text__description {
    width: 350px;
    margin-top: 10px;
    line-height: 26px;
    color: #5a6870
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .alternating-image-text__description {
        margin-top:30px;
        width: 370px
    }
}

.ns-ars18 .three-up-compare {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden
}

@media screen and (min-width: 576px) {
    .ns-ars18 .three-up-compare {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .three-up-compare {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .three-up-compare {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .three-up-compare {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .three-up-compare {
        padding-top:200px;
        padding-bottom: 200px
    }
}

.ns-ars18 .three-up-compare__heading {
    width: 280px;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 768px) {
    .ns-ars18 .three-up-compare__heading {
        width:100%
    }
}

.ns-ars18 .three-up-compare__product-container {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .three-up-compare__product-container {
        -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
    }
}

.ns-ars18 .three-up-compare__product {
    background: #ebecef;
    height: 440px;
    width: 370px;
    max-width: 100%;
    margin-top: 275px;
    padding: 45px 10px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .three-up-compare__product {
        height:460px;
        margin-top: 255px
    }
}

.ns-ars18 .three-up-compare__product-title {
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 20px
}

.ns-ars18 .three-up-compare__product-description {
    color: #03374f;
    text-align: center;
    width: 275px;
    margin: 0 auto
}

.ns-ars18 .three-up-compare__product-price {
    margin: auto 0 15px 0;
    text-align: center;
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 24px
}

.ns-ars18 .three-up-compare__product-button {
    margin: 0 auto
}

.ns-ars18 .three-up-compare__image-container {
    position: relative;
    height: 110px
}

.ns-ars18 .three-up-compare__image {
    position: absolute;
    left: 50%;
    top: -200%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 900px
}

.ns-ars18 .three-up-compare__compare-button>a {
    width: 100%;
    margin-top: 50px;
    background: 0 0;
    color: #3c9;
    text-decoration: underline
}

.ns-ars18 .three-up-compare__compare-button>a:hover {
    color: #3c9
}

.ns-ars18 .three-up-compare__product--featured {
    position: relative;
    z-index: 2;
    background: linear-gradient(45deg,#4fb8b8,#34cb9b)
}

.ns-ars18 .three-up-compare__product--featured .three-up-compare__product-title {
    color: #fff
}

.ns-ars18 .three-up-compare__product--featured .three-up-compare__product-description {
    color: #fff
}

.ns-ars18 .three-up-compare__product--featured .three-up-compare__product-price {
    color: #fff
}

.ns-ars18 .privacy-form {
    padding-left: 19px;
    padding-right: 19px;
    will-change: padding;
    -webkit-transition: padding .2s cubic-bezier(.5,0,.1,1);
    transition: padding .2s cubic-bezier(.5,0,.1,1);
    background: #ebecef;
    padding-top: 90px;
    padding-bottom: 90px
}

@media screen and (min-width: 576px) {
    .ns-ars18 .privacy-form {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-form {
        padding-left:56px;
        padding-right: 56px
    }
}

@media screen and (min-width: 992px) {
    .ns-ars18 .privacy-form {
        padding-left:135px;
        padding-right: 135px
    }
}

@media screen and (min-width: 1200px) {
    .ns-ars18 .privacy-form {
        padding-left:205px;
        padding-right: 205px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-form {
        padding-top:100px;
        padding-bottom: 100px
    }
}

.ns-ars18 .privacy-form__heading {
    font-family: Lato-Bold;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 7px
}

.ns-ars18 .privacy-form__description {
    color: #000;
    font-family: Lato-Light,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 40px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .privacy-form__description {
        font-size:23px;
        line-height: 34px
    }
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-form__description {
        width:60%
    }
}

.ns-ars18 .privacy-form__fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-form__fieldset {
        -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
    }
}

.ns-ars18 .privacy-form__fieldset>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-form__fieldset>* {
        -ms-flex-preferred-size:49%;
        flex-basis: 49%
    }
}

.ns-ars18 .privacy-form__input {
    border-radius: 4px;
    width: 100%;
    border: none;
    padding: 15px 20px;
    margin-bottom: 15px
}

.ns-ars18 .privacy-form__input::-webkit-input-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .privacy-form__input::-moz-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .privacy-form__input:-ms-input-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .privacy-form__input::-ms-input-placeholder {
    opacity: .8;
    color: #02374f
}

.ns-ars18 .privacy-form__input::placeholder {
    opacity: .8;
    color: #02374f
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-form__input:last-child {
        margin-bottom:0
    }
}

.ns-ars18 .privacy-form__textarea {
    border-radius: 4px;
    border: none;
    width: 100%;
    padding: 15px 20px;
    height: 180px;
    resize: none
}

@media screen and (min-width: 768px) {
    .ns-ars18 .privacy-form__textarea {
        height:100%
    }
}

.ns-ars18 .privacy-form__form-response {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 26px
}

@media screen and (min-width: 1170px) {
    .ns-ars18 .privacy-form__form-response {
        font-size:17px;
        line-height: 26px
    }
}

.ns-ars18 .privacy-form__form-response img {
    margin-right: 10px;
    width: 27px;
    height: 27px
}

.ns-ars18 .style-samples__heading {
    margin: 50px 0 20px 0
}

.ns-ars18 .style-samples__button-background {
    width: 500px;
    height: 200px;
    margin: 20px 0;
    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;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#5fb5d4),to(#69c8ca));
    background-image: linear-gradient(0deg,#5fb5d4,#69c8ca);
    background-repeat: no-repeat
}