.block-ride-demo{max-width:100%;width:auto;height:auto;position:relative;background-position:100%;background-size:cover;background-color:#031d40}.block-ride-demo[data-view=rear]{background-image:url(images/cover.jpg)}.block-ride-demo[data-view=side]{background-image:url(images/cover-side.jpg)}.block-ride-demo .videos{overflow:hidden;position:relative;height:auto;max-width:100%}.block-ride-demo .video,.block-ride-demo .videos{width:auto;min-height:calc(100vh - 100px);min-width:100%}.block-ride-demo .video{display:block;height:56.25vw;position:absolute;bottom:0;right:0;opacity:0;z-index:1;-webkit-transition:opacity 1s;transition:opacity 1s;pointer-events:none}.block-ride-demo .video.show{opacity:1;z-index:10}.block-ride-demo .video.fadeIn{opacity:1;z-index:20}.block-ride-demo .copy{margin:110px;color:#fff;font-size:1rem;line-height:1.25;position:absolute;z-index:1000}@media (max-height:780px){.block-ride-demo .copy{margin:20px 0 0 100px}}@media (max-width:1024px){.block-ride-demo .copy{margin:0 2rem}}@media (min-width:1920px){.block-ride-demo .copy{margin-left:10%}}@media (min-width:2200px){.block-ride-demo .copy{margin-left:20%}}.block-ride-demo .copy h1{margin-bottom:0}.block-ride-demo .copy p{max-width:400px;margin-bottom:0}.block-ride-demo .copy .button{margin-bottom:2rem}.block-ride-demo .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:45px;position:relative;z-index:9999}@media (min-height:860px){.block-ride-demo .buttons{margin-top:85px}}@media (min-width:1600px){.block-ride-demo .buttons{margin-top:85px}}.block-ride-demo .button{background:none;border:0;border-style:solid;width:155px;height:100px;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .2s;transition:opacity .2s}.block-ride-demo .button.hide{opacity:0;position:absolute;z-index:-1;-webkit-transition:opacity 0s;transition:opacity 0s}.block-ride-demo .button.on{background-image:url(images/on.svg)}.block-ride-demo .button.off{background-image:url(images/off.svg)}.block-ride-demo .button.off:after{content:"";width:0;height:0;position:absolute;pointer-events:none;background-image:url(images/on.svg)}.block-ride-demo .button.view{background-image:url(images/view.svg)}.block-ride-demo .changing .button{cursor:default;opacity:.6}.block-ride-demo .view{margin-left:11px}@media (max-aspect-ratio:4/3),(max-height:660px){.block-ride-demo{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:0;aspect-ratio:unset;background:#031d40}.block-ride-demo[data-view=rear]{background-size:154vw;background-repeat:no-repeat;background-position:top -30vw right}.block-ride-demo[data-view=side]{background-size:150vw;background-repeat:no-repeat;background-position:top -30vw right}.block-ride-demo .copy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:560px;padding:0 1rem 2rem;margin:-3vw auto 0;text-align:center;position:relative}.block-ride-demo .copy p{max-width:none}.block-ride-demo .copy .buttons{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}.block-ride-demo .copy .buttons .button{width:115px;height:70px;margin-bottom:0}.block-ride-demo .videos{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;min-height:0;aspect-ratio:3840/2270;position:relative}.block-ride-demo .videos:after{content:"";display:block;width:100%;height:10vw;background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#031d40),to(rgba(3,29,64,0)));background:linear-gradient(0deg,#031d40 20%,rgba(3,29,64,0));position:absolute;bottom:0;left:0;z-index:200}.block-ride-demo .videos .video{aspect-ratio:3840/2160;height:auto;min-height:0}.block-ride-demo .videos .video.side-off,.block-ride-demo .videos .video.side-on{width:148vw}.block-ride-demo .videos .video.rear-off,.block-ride-demo .videos .video.rear-on{width:154vw;margin-bottom:-11vw}}@media (max-width:600px){.block-ride-demo .copy .buttons{margin-bottom:1rem}}